@element-plus/nightly 0.0.20231013 → 0.0.20231014
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 +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.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/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/index.mjs +1 -1
- package/es/components/skeleton/index.mjs +2 -2
- package/es/components/skeleton/src/skeleton.mjs +49 -22
- package/es/components/skeleton/src/skeleton.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton2.mjs +22 -49
- package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
- package/es/components/slider/src/button.mjs +93 -21
- package/es/components/slider/src/button.mjs.map +1 -1
- package/es/components/slider/src/button2.mjs +21 -93
- package/es/components/slider/src/button2.mjs.map +1 -1
- package/es/components/slider/src/slider2.mjs +1 -1
- package/es/components/tooltip-v2/index.mjs +2 -2
- package/es/components/tooltip-v2/src/content.mjs +112 -50
- package/es/components/tooltip-v2/src/content.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content2.mjs +50 -112
- package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
- package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
- package/es/components/tooltip-v2/src/trigger.mjs +89 -12
- package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
- package/es/components/tooltip-v2/src/trigger2.mjs +12 -89
- package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
- package/es/index.mjs +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/skeleton/index.js +2 -2
- package/lib/components/skeleton/src/skeleton.js +49 -22
- package/lib/components/skeleton/src/skeleton.js.map +1 -1
- package/lib/components/skeleton/src/skeleton2.js +22 -49
- package/lib/components/skeleton/src/skeleton2.js.map +1 -1
- package/lib/components/slider/src/button.js +93 -22
- package/lib/components/slider/src/button.js.map +1 -1
- package/lib/components/slider/src/button2.js +22 -93
- package/lib/components/slider/src/button2.js.map +1 -1
- package/lib/components/slider/src/slider2.js +1 -1
- package/lib/components/tooltip-v2/index.js +2 -2
- package/lib/components/tooltip-v2/src/content.js +112 -50
- package/lib/components/tooltip-v2/src/content.js.map +1 -1
- package/lib/components/tooltip-v2/src/content2.js +50 -112
- package/lib/components/tooltip-v2/src/content2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +2 -2
- package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
- package/lib/components/tooltip-v2/src/trigger.js +89 -12
- package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
- package/lib/components/tooltip-v2/src/trigger2.js +12 -89
- package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
- package/lib/index.js +1 -1
- 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,17 +1,94 @@
|
|
|
1
|
+
import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, mergeProps } from 'vue';
|
|
1
2
|
import '../../../utils/index.mjs';
|
|
2
|
-
import {
|
|
3
|
+
import { tooltipV2RootKey } from './constants.mjs';
|
|
4
|
+
import ForwardRef from './forward-ref.mjs';
|
|
5
|
+
import { tooltipV2TriggerProps } from './trigger2.mjs';
|
|
6
|
+
import { tooltipV2CommonProps } from './common.mjs';
|
|
7
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
8
|
+
import { composeEventHandlers } from '../../../utils/dom/event.mjs';
|
|
3
9
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
const tooltipV2TriggerProps = buildProps({
|
|
8
|
-
onBlur: EventHandler,
|
|
9
|
-
onClick: EventHandler,
|
|
10
|
-
onFocus: EventHandler,
|
|
11
|
-
onMouseDown: EventHandler,
|
|
12
|
-
onMouseEnter: EventHandler,
|
|
13
|
-
onMouseLeave: EventHandler
|
|
10
|
+
const __default__ = defineComponent({
|
|
11
|
+
name: "ElTooltipV2Trigger"
|
|
14
12
|
});
|
|
13
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
+
...__default__,
|
|
15
|
+
props: {
|
|
16
|
+
...tooltipV2CommonProps,
|
|
17
|
+
...tooltipV2TriggerProps
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = inject(tooltipV2RootKey);
|
|
22
|
+
let isMousedown = false;
|
|
23
|
+
const setTriggerRef = (el) => {
|
|
24
|
+
triggerRef.value = el;
|
|
25
|
+
};
|
|
26
|
+
const onMouseup = () => {
|
|
27
|
+
isMousedown = false;
|
|
28
|
+
};
|
|
29
|
+
const onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen);
|
|
30
|
+
const onMouseleave = composeEventHandlers(props.onMouseLeave, onClose);
|
|
31
|
+
const onMousedown = composeEventHandlers(props.onMouseDown, () => {
|
|
32
|
+
onClose();
|
|
33
|
+
isMousedown = true;
|
|
34
|
+
document.addEventListener("mouseup", onMouseup, { once: true });
|
|
35
|
+
});
|
|
36
|
+
const onFocus = composeEventHandlers(props.onFocus, () => {
|
|
37
|
+
if (!isMousedown)
|
|
38
|
+
onOpen();
|
|
39
|
+
});
|
|
40
|
+
const onBlur = composeEventHandlers(props.onBlur, onClose);
|
|
41
|
+
const onClick = composeEventHandlers(props.onClick, (e) => {
|
|
42
|
+
if (e.detail === 0)
|
|
43
|
+
onClose();
|
|
44
|
+
});
|
|
45
|
+
const events = {
|
|
46
|
+
blur: onBlur,
|
|
47
|
+
click: onClick,
|
|
48
|
+
focus: onFocus,
|
|
49
|
+
mousedown: onMousedown,
|
|
50
|
+
mouseenter: onMouseenter,
|
|
51
|
+
mouseleave: onMouseleave
|
|
52
|
+
};
|
|
53
|
+
const setEvents = (el, events2, type) => {
|
|
54
|
+
if (el) {
|
|
55
|
+
Object.entries(events2).forEach(([name, handler]) => {
|
|
56
|
+
el[type](name, handler);
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
watch(triggerRef, (triggerEl, previousTriggerEl) => {
|
|
61
|
+
setEvents(triggerEl, events, "addEventListener");
|
|
62
|
+
setEvents(previousTriggerEl, events, "removeEventListener");
|
|
63
|
+
if (triggerEl) {
|
|
64
|
+
triggerEl.setAttribute("aria-describedby", contentId.value);
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
onBeforeUnmount(() => {
|
|
68
|
+
setEvents(triggerRef.value, events, "removeEventListener");
|
|
69
|
+
document.removeEventListener("mouseup", onMouseup);
|
|
70
|
+
});
|
|
71
|
+
return (_ctx, _cache) => {
|
|
72
|
+
return _ctx.nowrap ? (openBlock(), createBlock(unref(ForwardRef), {
|
|
73
|
+
key: 0,
|
|
74
|
+
"set-ref": setTriggerRef,
|
|
75
|
+
"only-child": ""
|
|
76
|
+
}, {
|
|
77
|
+
default: withCtx(() => [
|
|
78
|
+
renderSlot(_ctx.$slots, "default")
|
|
79
|
+
]),
|
|
80
|
+
_: 3
|
|
81
|
+
})) : (openBlock(), createElementBlock("button", mergeProps({
|
|
82
|
+
key: 1,
|
|
83
|
+
ref_key: "triggerRef",
|
|
84
|
+
ref: triggerRef
|
|
85
|
+
}, _ctx.$attrs), [
|
|
86
|
+
renderSlot(_ctx.$slots, "default")
|
|
87
|
+
], 16));
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/trigger.vue"]]);
|
|
15
92
|
|
|
16
|
-
export {
|
|
93
|
+
export { TooltipV2Trigger as default };
|
|
17
94
|
//# sourceMappingURL=trigger.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.
|
|
1
|
+
{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.vue"],"sourcesContent":["<template>\n <forward-ref v-if=\"nowrap\" :set-ref=\"setTriggerRef\" only-child>\n <slot />\n </forward-ref>\n <button v-else ref=\"triggerRef\" v-bind=\"$attrs\">\n <slot />\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { tooltipV2RootKey } from './constants'\nimport ForwardRef from './forward-ref'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2CommonProps } from './common'\n\ndefineOptions({\n name: 'ElTooltipV2Trigger',\n})\n\nconst props = defineProps({\n ...tooltipV2CommonProps,\n ...tooltipV2TriggerProps,\n})\n\n/**\n * onOpen opens the tooltip instantly, onTrigger acts a lil bit differently,\n * it will check if delayDuration is set to greater than 0 and based on that result,\n * if true, it opens the tooltip after delayDuration, otherwise it opens it instantly.\n */\nconst { onClose, onOpen, onDelayOpen, triggerRef, contentId } =\n inject(tooltipV2RootKey)!\n\nlet isMousedown = false\n\nconst setTriggerRef = (el: HTMLElement | null) => {\n triggerRef.value = el\n}\n\nconst onMouseup = () => {\n isMousedown = false\n}\n\nconst onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen)\n\nconst onMouseleave = composeEventHandlers(props.onMouseLeave, onClose)\n\nconst onMousedown = composeEventHandlers(props.onMouseDown, () => {\n onClose()\n isMousedown = true\n document.addEventListener('mouseup', onMouseup, { once: true })\n})\n\nconst onFocus = composeEventHandlers(props.onFocus, () => {\n if (!isMousedown) onOpen()\n})\n\nconst onBlur = composeEventHandlers(props.onBlur, onClose)\n\nconst onClick = composeEventHandlers(props.onClick, (e) => {\n if ((e as MouseEvent).detail === 0) onClose()\n})\n\nconst events = {\n blur: onBlur,\n click: onClick,\n focus: onFocus,\n mousedown: onMousedown,\n mouseenter: onMouseenter,\n mouseleave: onMouseleave,\n}\n\nconst setEvents = <T extends (e: Event) => void>(\n el: HTMLElement | null | undefined,\n events: Record<string, T>,\n type: 'addEventListener' | 'removeEventListener'\n) => {\n if (el) {\n Object.entries(events).forEach(([name, handler]) => {\n el[type](name, handler)\n })\n }\n}\n\nwatch(triggerRef, (triggerEl, previousTriggerEl) => {\n setEvents(triggerEl, events, 'addEventListener')\n setEvents(previousTriggerEl, events, 'removeEventListener')\n\n if (triggerEl) {\n triggerEl.setAttribute('aria-describedby', contentId.value)\n }\n})\n\nonBeforeUnmount(() => {\n setEvents(triggerRef.value, events, 'removeEventListener')\n document.removeEventListener('mouseup', onMouseup)\n})\n</script>\n"],"names":[],"mappings":"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"}
|
|
@@ -1,94 +1,17 @@
|
|
|
1
|
-
import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, mergeProps } from 'vue';
|
|
2
1
|
import '../../../utils/index.mjs';
|
|
3
|
-
import {
|
|
4
|
-
import ForwardRef from './forward-ref.mjs';
|
|
5
|
-
import { tooltipV2TriggerProps } from './trigger.mjs';
|
|
6
|
-
import { tooltipV2CommonProps } from './common.mjs';
|
|
7
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
8
|
-
import { composeEventHandlers } from '../../../utils/dom/event.mjs';
|
|
2
|
+
import { definePropType, buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
9
3
|
|
|
10
|
-
const
|
|
11
|
-
|
|
4
|
+
const EventHandler = {
|
|
5
|
+
type: definePropType(Function)
|
|
6
|
+
};
|
|
7
|
+
const tooltipV2TriggerProps = buildProps({
|
|
8
|
+
onBlur: EventHandler,
|
|
9
|
+
onClick: EventHandler,
|
|
10
|
+
onFocus: EventHandler,
|
|
11
|
+
onMouseDown: EventHandler,
|
|
12
|
+
onMouseEnter: EventHandler,
|
|
13
|
+
onMouseLeave: EventHandler
|
|
12
14
|
});
|
|
13
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
-
...__default__,
|
|
15
|
-
props: {
|
|
16
|
-
...tooltipV2CommonProps,
|
|
17
|
-
...tooltipV2TriggerProps
|
|
18
|
-
},
|
|
19
|
-
setup(__props) {
|
|
20
|
-
const props = __props;
|
|
21
|
-
const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = inject(tooltipV2RootKey);
|
|
22
|
-
let isMousedown = false;
|
|
23
|
-
const setTriggerRef = (el) => {
|
|
24
|
-
triggerRef.value = el;
|
|
25
|
-
};
|
|
26
|
-
const onMouseup = () => {
|
|
27
|
-
isMousedown = false;
|
|
28
|
-
};
|
|
29
|
-
const onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen);
|
|
30
|
-
const onMouseleave = composeEventHandlers(props.onMouseLeave, onClose);
|
|
31
|
-
const onMousedown = composeEventHandlers(props.onMouseDown, () => {
|
|
32
|
-
onClose();
|
|
33
|
-
isMousedown = true;
|
|
34
|
-
document.addEventListener("mouseup", onMouseup, { once: true });
|
|
35
|
-
});
|
|
36
|
-
const onFocus = composeEventHandlers(props.onFocus, () => {
|
|
37
|
-
if (!isMousedown)
|
|
38
|
-
onOpen();
|
|
39
|
-
});
|
|
40
|
-
const onBlur = composeEventHandlers(props.onBlur, onClose);
|
|
41
|
-
const onClick = composeEventHandlers(props.onClick, (e) => {
|
|
42
|
-
if (e.detail === 0)
|
|
43
|
-
onClose();
|
|
44
|
-
});
|
|
45
|
-
const events = {
|
|
46
|
-
blur: onBlur,
|
|
47
|
-
click: onClick,
|
|
48
|
-
focus: onFocus,
|
|
49
|
-
mousedown: onMousedown,
|
|
50
|
-
mouseenter: onMouseenter,
|
|
51
|
-
mouseleave: onMouseleave
|
|
52
|
-
};
|
|
53
|
-
const setEvents = (el, events2, type) => {
|
|
54
|
-
if (el) {
|
|
55
|
-
Object.entries(events2).forEach(([name, handler]) => {
|
|
56
|
-
el[type](name, handler);
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
watch(triggerRef, (triggerEl, previousTriggerEl) => {
|
|
61
|
-
setEvents(triggerEl, events, "addEventListener");
|
|
62
|
-
setEvents(previousTriggerEl, events, "removeEventListener");
|
|
63
|
-
if (triggerEl) {
|
|
64
|
-
triggerEl.setAttribute("aria-describedby", contentId.value);
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
onBeforeUnmount(() => {
|
|
68
|
-
setEvents(triggerRef.value, events, "removeEventListener");
|
|
69
|
-
document.removeEventListener("mouseup", onMouseup);
|
|
70
|
-
});
|
|
71
|
-
return (_ctx, _cache) => {
|
|
72
|
-
return _ctx.nowrap ? (openBlock(), createBlock(unref(ForwardRef), {
|
|
73
|
-
key: 0,
|
|
74
|
-
"set-ref": setTriggerRef,
|
|
75
|
-
"only-child": ""
|
|
76
|
-
}, {
|
|
77
|
-
default: withCtx(() => [
|
|
78
|
-
renderSlot(_ctx.$slots, "default")
|
|
79
|
-
]),
|
|
80
|
-
_: 3
|
|
81
|
-
})) : (openBlock(), createElementBlock("button", mergeProps({
|
|
82
|
-
key: 1,
|
|
83
|
-
ref_key: "triggerRef",
|
|
84
|
-
ref: triggerRef
|
|
85
|
-
}, _ctx.$attrs), [
|
|
86
|
-
renderSlot(_ctx.$slots, "default")
|
|
87
|
-
], 16));
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip-v2/src/trigger.vue"]]);
|
|
92
15
|
|
|
93
|
-
export {
|
|
16
|
+
export { tooltipV2TriggerProps };
|
|
94
17
|
//# sourceMappingURL=trigger2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.
|
|
1
|
+
{"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst EventHandler = {\n type: definePropType<(e: Event) => boolean | void>(Function),\n} as const\n\nexport const tooltipV2TriggerProps = buildProps({\n onBlur: EventHandler,\n onClick: EventHandler,\n onFocus: EventHandler,\n onMouseDown: EventHandler,\n onMouseEnter: EventHandler,\n onMouseLeave: EventHandler,\n} as const)\n\nexport type TooltipV2TriggerProps = ExtractPropTypes<\n typeof tooltipV2TriggerProps\n>\n"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAChC,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,YAAY,EAAE,YAAY;AAC5B,EAAE,YAAY,EAAE,YAAY;AAC5B,CAAC;;;;"}
|
package/es/index.mjs
CHANGED
|
@@ -143,7 +143,7 @@ export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
|
|
|
143
143
|
export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs';
|
|
144
144
|
export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
|
|
145
145
|
export { ElSelectV2 } from './components/select-v2/index.mjs';
|
|
146
|
-
export { skeletonProps } from './components/skeleton/src/
|
|
146
|
+
export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
|
|
147
147
|
export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
|
|
148
148
|
export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
|
|
149
149
|
export { sliderEmits, sliderProps } from './components/slider/src/slider.mjs';
|
package/es/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.
|
|
1
|
+
export declare const version = "0.0.20231014";
|
package/es/version.mjs
CHANGED
package/es/version.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.
|
|
1
|
+
{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20231014'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
|
package/lib/components/index.js
CHANGED
|
@@ -166,7 +166,7 @@ var thumb = require('./scrollbar/src/thumb.js');
|
|
|
166
166
|
var constants$d = require('./scrollbar/src/constants.js');
|
|
167
167
|
var token = require('./select/src/token.js');
|
|
168
168
|
var token$1 = require('./select-v2/src/token.js');
|
|
169
|
-
var skeleton = require('./skeleton/src/
|
|
169
|
+
var skeleton = require('./skeleton/src/skeleton2.js');
|
|
170
170
|
var skeletonItem = require('./skeleton/src/skeleton-item.js');
|
|
171
171
|
var slider = require('./slider/src/slider.js');
|
|
172
172
|
var constants$e = require('./slider/src/constants.js');
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var skeleton$1 = require('./src/
|
|
6
|
+
var skeleton$1 = require('./src/skeleton.js');
|
|
7
7
|
var skeletonItem$1 = require('./src/skeleton-item2.js');
|
|
8
|
-
var skeleton = require('./src/
|
|
8
|
+
var skeleton = require('./src/skeleton2.js');
|
|
9
9
|
var skeletonItem = require('./src/skeleton-item.js');
|
|
10
10
|
var install = require('../../utils/vue/install.js');
|
|
11
11
|
|
|
@@ -2,30 +2,57 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
6
|
-
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../hooks/index.js');
|
|
7
|
+
var skeleton = require('./skeleton2.js');
|
|
8
|
+
var skeletonItem = require('./skeleton-item2.js');
|
|
9
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
10
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
11
|
+
var index$1 = require('../../../hooks/use-throttle-render/index.js');
|
|
7
12
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
13
|
+
const __default__ = vue.defineComponent({
|
|
14
|
+
name: "ElSkeleton"
|
|
15
|
+
});
|
|
16
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
17
|
+
...__default__,
|
|
18
|
+
props: skeleton.skeletonProps,
|
|
19
|
+
setup(__props, { expose }) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const ns = index.useNamespace("skeleton");
|
|
22
|
+
const uiLoading = index$1.useThrottleRender(vue.toRef(props, "loading"), props.throttle);
|
|
23
|
+
expose({
|
|
24
|
+
uiLoading
|
|
25
|
+
});
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
28
|
+
key: 0,
|
|
29
|
+
class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
|
|
30
|
+
}, _ctx.$attrs), [
|
|
31
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
|
|
32
|
+
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
|
|
33
|
+
_ctx.loading ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
|
|
34
|
+
vue.createVNode(skeletonItem["default"], {
|
|
35
|
+
class: vue.normalizeClass(vue.unref(ns).is("first")),
|
|
36
|
+
variant: "p"
|
|
37
|
+
}, null, 8, ["class"]),
|
|
38
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
|
|
39
|
+
return vue.openBlock(), vue.createBlock(skeletonItem["default"], {
|
|
40
|
+
key: item,
|
|
41
|
+
class: vue.normalizeClass([
|
|
42
|
+
vue.unref(ns).e("paragraph"),
|
|
43
|
+
vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
|
|
44
|
+
]),
|
|
45
|
+
variant: "p"
|
|
46
|
+
}, null, 8, ["class"]);
|
|
47
|
+
}), 128))
|
|
48
|
+
]) : vue.createCommentVNode("v-if", true)
|
|
49
|
+
], 64);
|
|
50
|
+
}), 128))
|
|
51
|
+
], 16)) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
|
|
52
|
+
};
|
|
27
53
|
}
|
|
28
54
|
});
|
|
55
|
+
var Skeleton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]);
|
|
29
56
|
|
|
30
|
-
exports
|
|
57
|
+
exports["default"] = Skeleton;
|
|
31
58
|
//# sourceMappingURL=skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.
|
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"[\n ns.e('paragraph'),\n ns.is('last', item === rows && rows > 1),\n ]\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\" />\n </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport { skeletonProps } from './skeleton'\nimport ElSkeletonItem from './skeleton-item.vue'\n\ndefineOptions({\n name: 'ElSkeleton',\n})\nconst props = defineProps(skeletonProps)\n\nconst ns = useNamespace('skeleton')\nconst uiLoading = useThrottleRender(toRef(props, 'loading'), props.throttle)\n\ndefineExpose({\n /** @description loading state */\n uiLoading,\n})\n</script>\n"],"names":["useNamespace","useThrottleRender","toRef"],"mappings":";;;;;;;;;;;;uCA8Bc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,YAAYC,yBAAkB,CAAAC,SAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA;AAE3E,IAAa,MAAA,CAAA;AAAA,MAEX,SAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,57 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
require('../../../
|
|
7
|
-
var skeleton = require('./skeleton.js');
|
|
8
|
-
var skeletonItem = require('./skeleton-item2.js');
|
|
9
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
10
|
-
var index = require('../../../hooks/use-namespace/index.js');
|
|
11
|
-
var index$1 = require('../../../hooks/use-throttle-render/index.js');
|
|
5
|
+
require('../../../utils/index.js');
|
|
6
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
12
7
|
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
|
|
33
|
-
_ctx.loading ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
|
|
34
|
-
vue.createVNode(skeletonItem["default"], {
|
|
35
|
-
class: vue.normalizeClass(vue.unref(ns).is("first")),
|
|
36
|
-
variant: "p"
|
|
37
|
-
}, null, 8, ["class"]),
|
|
38
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
|
|
39
|
-
return vue.openBlock(), vue.createBlock(skeletonItem["default"], {
|
|
40
|
-
key: item,
|
|
41
|
-
class: vue.normalizeClass([
|
|
42
|
-
vue.unref(ns).e("paragraph"),
|
|
43
|
-
vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
|
|
44
|
-
]),
|
|
45
|
-
variant: "p"
|
|
46
|
-
}, null, 8, ["class"]);
|
|
47
|
-
}), 128))
|
|
48
|
-
]) : vue.createCommentVNode("v-if", true)
|
|
49
|
-
], 64);
|
|
50
|
-
}), 128))
|
|
51
|
-
], 16)) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
|
|
52
|
-
};
|
|
8
|
+
const skeletonProps = runtime.buildProps({
|
|
9
|
+
animated: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: false
|
|
12
|
+
},
|
|
13
|
+
count: {
|
|
14
|
+
type: Number,
|
|
15
|
+
default: 1
|
|
16
|
+
},
|
|
17
|
+
rows: {
|
|
18
|
+
type: Number,
|
|
19
|
+
default: 3
|
|
20
|
+
},
|
|
21
|
+
loading: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: true
|
|
24
|
+
},
|
|
25
|
+
throttle: {
|
|
26
|
+
type: Number
|
|
53
27
|
}
|
|
54
28
|
});
|
|
55
|
-
var Skeleton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]);
|
|
56
29
|
|
|
57
|
-
exports
|
|
30
|
+
exports.skeletonProps = skeletonProps;
|
|
58
31
|
//# sourceMappingURL=skeleton2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.
|
|
1
|
+
{"version":3,"file":"skeleton2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n /**\n * @description whether showing the animation\n */\n animated: {\n type: Boolean,\n default: false,\n },\n /**\n * @description how many fake items to render to the DOM\n */\n count: {\n type: Number,\n default: 1,\n },\n /**\n * @description whether showing the real DOM\n */\n rows: {\n type: Number,\n default: 3,\n },\n /**\n * @description numbers of the row, only useful when no template slot were given\n */\n loading: {\n type: Boolean,\n default: true,\n },\n /**\n * @description rendering delay in milliseconds\n */\n throttle: {\n type: Number,\n },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
|
|
@@ -2,30 +2,101 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('
|
|
7
|
-
require('../../../
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
var
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var index$1 = require('../../tooltip/index.js');
|
|
7
|
+
require('../../../hooks/index.js');
|
|
8
|
+
require('./composables/index.js');
|
|
9
|
+
var button = require('./button2.js');
|
|
10
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
11
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
12
|
+
var useSliderButton = require('./composables/use-slider-button.js');
|
|
11
13
|
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
const _hoisted_1 = ["tabindex"];
|
|
15
|
+
const __default__ = vue.defineComponent({
|
|
16
|
+
name: "ElSliderButton"
|
|
17
|
+
});
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
19
|
+
...__default__,
|
|
20
|
+
props: button.sliderButtonProps,
|
|
21
|
+
emits: button.sliderButtonEmits,
|
|
22
|
+
setup(__props, { expose, emit }) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
const ns = index.useNamespace("slider");
|
|
25
|
+
const initData = vue.reactive({
|
|
26
|
+
hovering: false,
|
|
27
|
+
dragging: false,
|
|
28
|
+
isClick: false,
|
|
29
|
+
startX: 0,
|
|
30
|
+
currentX: 0,
|
|
31
|
+
startY: 0,
|
|
32
|
+
currentY: 0,
|
|
33
|
+
startPosition: 0,
|
|
34
|
+
newPosition: 0,
|
|
35
|
+
oldValue: props.modelValue
|
|
36
|
+
});
|
|
37
|
+
const {
|
|
38
|
+
disabled,
|
|
39
|
+
button,
|
|
40
|
+
tooltip,
|
|
41
|
+
showTooltip,
|
|
42
|
+
tooltipVisible,
|
|
43
|
+
wrapperStyle,
|
|
44
|
+
formatValue,
|
|
45
|
+
handleMouseEnter,
|
|
46
|
+
handleMouseLeave,
|
|
47
|
+
onButtonDown,
|
|
48
|
+
onKeyDown,
|
|
49
|
+
setPosition
|
|
50
|
+
} = useSliderButton.useSliderButton(props, initData, emit);
|
|
51
|
+
const { hovering, dragging } = vue.toRefs(initData);
|
|
52
|
+
expose({
|
|
53
|
+
onButtonDown,
|
|
54
|
+
onKeyDown,
|
|
55
|
+
setPosition,
|
|
56
|
+
hovering,
|
|
57
|
+
dragging
|
|
58
|
+
});
|
|
59
|
+
return (_ctx, _cache) => {
|
|
60
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
61
|
+
ref_key: "button",
|
|
62
|
+
ref: button,
|
|
63
|
+
class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
|
|
64
|
+
style: vue.normalizeStyle(vue.unref(wrapperStyle)),
|
|
65
|
+
tabindex: vue.unref(disabled) ? -1 : 0,
|
|
66
|
+
onMouseenter: _cache[0] || (_cache[0] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
|
|
67
|
+
onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
|
|
68
|
+
onMousedown: _cache[2] || (_cache[2] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
|
|
69
|
+
onTouchstart: _cache[3] || (_cache[3] = (...args) => vue.unref(onButtonDown) && vue.unref(onButtonDown)(...args)),
|
|
70
|
+
onFocus: _cache[4] || (_cache[4] = (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args)),
|
|
71
|
+
onBlur: _cache[5] || (_cache[5] = (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args)),
|
|
72
|
+
onKeydown: _cache[6] || (_cache[6] = (...args) => vue.unref(onKeyDown) && vue.unref(onKeyDown)(...args))
|
|
73
|
+
}, [
|
|
74
|
+
vue.createVNode(vue.unref(index$1.ElTooltip), {
|
|
75
|
+
ref_key: "tooltip",
|
|
76
|
+
ref: tooltip,
|
|
77
|
+
visible: vue.unref(tooltipVisible),
|
|
78
|
+
placement: _ctx.placement,
|
|
79
|
+
"fallback-placements": ["top", "bottom", "right", "left"],
|
|
80
|
+
"stop-popper-mouse-event": false,
|
|
81
|
+
"popper-class": _ctx.tooltipClass,
|
|
82
|
+
disabled: !vue.unref(showTooltip),
|
|
83
|
+
persistent: ""
|
|
84
|
+
}, {
|
|
85
|
+
content: vue.withCtx(() => [
|
|
86
|
+
vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
|
|
87
|
+
]),
|
|
88
|
+
default: vue.withCtx(() => [
|
|
89
|
+
vue.createElementVNode("div", {
|
|
90
|
+
class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
|
|
91
|
+
}, null, 2)
|
|
92
|
+
]),
|
|
93
|
+
_: 1
|
|
94
|
+
}, 8, ["visible", "placement", "popper-class", "disabled"])
|
|
95
|
+
], 46, _hoisted_1);
|
|
96
|
+
};
|
|
23
97
|
}
|
|
24
98
|
});
|
|
25
|
-
|
|
26
|
-
[event.UPDATE_MODEL_EVENT]: (value) => types.isNumber(value)
|
|
27
|
-
};
|
|
99
|
+
var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]);
|
|
28
100
|
|
|
29
|
-
exports
|
|
30
|
-
exports.sliderButtonProps = sliderButtonProps;
|
|
101
|
+
exports["default"] = SliderButton;
|
|
31
102
|
//# sourceMappingURL=button.js.map
|