@element-plus/nightly 0.0.20220704 → 0.0.20220707
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/README.md +5 -0
- package/attributes.json +1 -1
- package/dist/index.full.js +23 -31
- package/dist/index.full.min.js +13 -13
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +13 -13
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +23 -31
- 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/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/dropdown/index.d.ts +2 -1
- package/es/components/dropdown/src/dropdown.vue.d.ts +2 -1
- package/es/components/dropdown/src/dropdown2.mjs +10 -6
- package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
- package/es/components/index.mjs +1 -1
- package/es/components/radio/index.d.ts +0 -6
- package/es/components/radio/src/radio.vue.d.ts +0 -7
- package/es/components/radio/src/radio2.mjs +12 -25
- package/es/components/radio/src/radio2.mjs.map +1 -1
- package/es/components/steps/index.d.ts +2 -2
- package/es/components/steps/index.mjs +2 -2
- package/es/components/steps/src/item.mjs +20 -184
- package/es/components/steps/src/item.mjs.map +1 -1
- package/es/components/steps/src/item.vue.d.ts +3 -3
- package/es/components/steps/src/item2.mjs +184 -20
- package/es/components/steps/src/item2.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/dropdown/index.d.ts +2 -1
- package/lib/components/dropdown/src/dropdown.vue.d.ts +2 -1
- package/lib/components/dropdown/src/dropdown2.js +10 -6
- package/lib/components/dropdown/src/dropdown2.js.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/radio/index.d.ts +0 -6
- package/lib/components/radio/src/radio.vue.d.ts +0 -7
- package/lib/components/radio/src/radio2.js +13 -26
- package/lib/components/radio/src/radio2.js.map +1 -1
- package/lib/components/steps/index.d.ts +2 -2
- package/lib/components/steps/index.js +2 -2
- package/lib/components/steps/src/item.js +20 -184
- package/lib/components/steps/src/item.js.map +1 -1
- package/lib/components/steps/src/item.vue.d.ts +3 -3
- package/lib/components/steps/src/item2.js +184 -20
- package/lib/components/steps/src/item2.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/tags.json +1 -1
- package/web-types.json +1 -1
|
@@ -1,25 +1,189 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString, createTextVNode } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import { ElIcon } from '../../icon/index.mjs';
|
|
4
|
+
import { Check, Close } from '@element-plus/icons-vue';
|
|
5
|
+
import { stepProps } from './item.mjs';
|
|
6
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
4
8
|
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
9
|
+
const __default__ = {
|
|
10
|
+
name: "ElStep"
|
|
11
|
+
};
|
|
12
|
+
const _sfc_main = defineComponent({
|
|
13
|
+
...__default__,
|
|
14
|
+
props: stepProps,
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const ns = useNamespace("step");
|
|
18
|
+
const index = ref(-1);
|
|
19
|
+
const lineStyle = ref({});
|
|
20
|
+
const internalStatus = ref("");
|
|
21
|
+
const parent = inject("ElSteps");
|
|
22
|
+
const currentInstance = getCurrentInstance();
|
|
23
|
+
onMounted(() => {
|
|
24
|
+
watch([
|
|
25
|
+
() => parent.props.active,
|
|
26
|
+
() => parent.props.processStatus,
|
|
27
|
+
() => parent.props.finishStatus
|
|
28
|
+
], ([active]) => {
|
|
29
|
+
updateStatus(active);
|
|
30
|
+
}, { immediate: true });
|
|
31
|
+
});
|
|
32
|
+
onBeforeUnmount(() => {
|
|
33
|
+
parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
|
|
34
|
+
});
|
|
35
|
+
const currentStatus = computed(() => {
|
|
36
|
+
return props.status || internalStatus.value;
|
|
37
|
+
});
|
|
38
|
+
const prevStatus = computed(() => {
|
|
39
|
+
const prevStep = parent.steps.value[index.value - 1];
|
|
40
|
+
return prevStep ? prevStep.currentStatus : "wait";
|
|
41
|
+
});
|
|
42
|
+
const isCenter = computed(() => {
|
|
43
|
+
return parent.props.alignCenter;
|
|
44
|
+
});
|
|
45
|
+
const isVertical = computed(() => {
|
|
46
|
+
return parent.props.direction === "vertical";
|
|
47
|
+
});
|
|
48
|
+
const isSimple = computed(() => {
|
|
49
|
+
return parent.props.simple;
|
|
50
|
+
});
|
|
51
|
+
const stepsCount = computed(() => {
|
|
52
|
+
return parent.steps.value.length;
|
|
53
|
+
});
|
|
54
|
+
const isLast = computed(() => {
|
|
55
|
+
var _a;
|
|
56
|
+
return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
|
|
57
|
+
});
|
|
58
|
+
const space = computed(() => {
|
|
59
|
+
return isSimple.value ? "" : parent.props.space;
|
|
60
|
+
});
|
|
61
|
+
const style = computed(() => {
|
|
62
|
+
const style2 = {
|
|
63
|
+
flexBasis: typeof space.value === "number" ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
|
|
64
|
+
};
|
|
65
|
+
if (isVertical.value)
|
|
66
|
+
return style2;
|
|
67
|
+
if (isLast.value) {
|
|
68
|
+
style2.maxWidth = `${100 / stepsCount.value}%`;
|
|
69
|
+
}
|
|
70
|
+
return style2;
|
|
71
|
+
});
|
|
72
|
+
const setIndex = (val) => {
|
|
73
|
+
index.value = val;
|
|
74
|
+
};
|
|
75
|
+
const calcProgress = (status) => {
|
|
76
|
+
let step = 100;
|
|
77
|
+
const style2 = {};
|
|
78
|
+
style2.transitionDelay = `${150 * index.value}ms`;
|
|
79
|
+
if (status === parent.props.processStatus) {
|
|
80
|
+
step = 0;
|
|
81
|
+
} else if (status === "wait") {
|
|
82
|
+
step = 0;
|
|
83
|
+
style2.transitionDelay = `${-150 * index.value}ms`;
|
|
84
|
+
}
|
|
85
|
+
style2.borderWidth = step && !isSimple.value ? "1px" : 0;
|
|
86
|
+
style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
|
|
87
|
+
lineStyle.value = style2;
|
|
88
|
+
};
|
|
89
|
+
const updateStatus = (activeIndex) => {
|
|
90
|
+
if (activeIndex > index.value) {
|
|
91
|
+
internalStatus.value = parent.props.finishStatus;
|
|
92
|
+
} else if (activeIndex === index.value && prevStatus.value !== "error") {
|
|
93
|
+
internalStatus.value = parent.props.processStatus;
|
|
94
|
+
} else {
|
|
95
|
+
internalStatus.value = "wait";
|
|
96
|
+
}
|
|
97
|
+
const prevChild = parent.steps.value[stepsCount.value - 1];
|
|
98
|
+
if (prevChild)
|
|
99
|
+
prevChild.calcProgress(internalStatus.value);
|
|
100
|
+
};
|
|
101
|
+
const stepItemState = reactive({
|
|
102
|
+
uid: computed(() => currentInstance == null ? void 0 : currentInstance.uid),
|
|
103
|
+
currentStatus,
|
|
104
|
+
setIndex,
|
|
105
|
+
calcProgress
|
|
106
|
+
});
|
|
107
|
+
parent.steps.value = [...parent.steps.value, stepItemState];
|
|
108
|
+
return (_ctx, _cache) => {
|
|
109
|
+
return openBlock(), createElementBlock("div", {
|
|
110
|
+
style: normalizeStyle(unref(style)),
|
|
111
|
+
class: normalizeClass([
|
|
112
|
+
unref(ns).b(),
|
|
113
|
+
unref(ns).is(unref(isSimple) ? "simple" : unref(parent).props.direction),
|
|
114
|
+
unref(ns).is("flex", unref(isLast) && !unref(space) && !unref(isCenter)),
|
|
115
|
+
unref(ns).is("center", unref(isCenter) && !unref(isVertical) && !unref(isSimple))
|
|
116
|
+
])
|
|
117
|
+
}, [
|
|
118
|
+
createCommentVNode(" icon & line "),
|
|
119
|
+
createElementVNode("div", {
|
|
120
|
+
class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
|
|
121
|
+
}, [
|
|
122
|
+
!unref(isSimple) ? (openBlock(), createElementBlock("div", {
|
|
123
|
+
key: 0,
|
|
124
|
+
class: normalizeClass(unref(ns).e("line"))
|
|
125
|
+
}, [
|
|
126
|
+
createElementVNode("i", {
|
|
127
|
+
class: normalizeClass(unref(ns).e("line-inner")),
|
|
128
|
+
style: normalizeStyle(lineStyle.value)
|
|
129
|
+
}, null, 6)
|
|
130
|
+
], 2)) : createCommentVNode("v-if", true),
|
|
131
|
+
createElementVNode("div", {
|
|
132
|
+
class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon ? "icon" : "text")])
|
|
133
|
+
}, [
|
|
134
|
+
unref(currentStatus) !== "success" && unref(currentStatus) !== "error" ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
|
|
135
|
+
_ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
|
|
136
|
+
key: 0,
|
|
137
|
+
class: normalizeClass(unref(ns).e("icon-inner"))
|
|
138
|
+
}, {
|
|
139
|
+
default: withCtx(() => [
|
|
140
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
|
|
141
|
+
]),
|
|
142
|
+
_: 1
|
|
143
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true),
|
|
144
|
+
!_ctx.icon && !unref(isSimple) ? (openBlock(), createElementBlock("div", {
|
|
145
|
+
key: 1,
|
|
146
|
+
class: normalizeClass(unref(ns).e("icon-inner"))
|
|
147
|
+
}, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
|
|
148
|
+
]) : (openBlock(), createBlock(unref(ElIcon), {
|
|
149
|
+
key: 1,
|
|
150
|
+
class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
|
|
151
|
+
}, {
|
|
152
|
+
default: withCtx(() => [
|
|
153
|
+
unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(Check), { key: 0 })) : (openBlock(), createBlock(unref(Close), { key: 1 }))
|
|
154
|
+
]),
|
|
155
|
+
_: 1
|
|
156
|
+
}, 8, ["class"]))
|
|
157
|
+
], 2)
|
|
158
|
+
], 2),
|
|
159
|
+
createCommentVNode(" title & description "),
|
|
160
|
+
createElementVNode("div", {
|
|
161
|
+
class: normalizeClass(unref(ns).e("main"))
|
|
162
|
+
}, [
|
|
163
|
+
createElementVNode("div", {
|
|
164
|
+
class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
|
|
165
|
+
}, [
|
|
166
|
+
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
167
|
+
createTextVNode(toDisplayString(_ctx.title), 1)
|
|
168
|
+
])
|
|
169
|
+
], 2),
|
|
170
|
+
unref(isSimple) ? (openBlock(), createElementBlock("div", {
|
|
171
|
+
key: 0,
|
|
172
|
+
class: normalizeClass(unref(ns).e("arrow"))
|
|
173
|
+
}, null, 2)) : (openBlock(), createElementBlock("div", {
|
|
174
|
+
key: 1,
|
|
175
|
+
class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
|
|
176
|
+
}, [
|
|
177
|
+
renderSlot(_ctx.$slots, "description", {}, () => [
|
|
178
|
+
createTextVNode(toDisplayString(_ctx.description), 1)
|
|
179
|
+
])
|
|
180
|
+
], 2))
|
|
181
|
+
], 2)
|
|
182
|
+
], 6);
|
|
183
|
+
};
|
|
21
184
|
}
|
|
22
185
|
});
|
|
186
|
+
var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);
|
|
23
187
|
|
|
24
|
-
export {
|
|
188
|
+
export { Step as default };
|
|
25
189
|
//# sourceMappingURL=item2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.
|
|
1
|
+
{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div\n :style=\"style\"\n :class=\"[\n ns.b(),\n ns.is(isSimple ? 'simple' : parent.props.direction),\n ns.is('flex', isLast && !space && !isCenter),\n ns.is('center', isCenter && !isVertical && !isSimple),\n ]\"\n >\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div :class=\"[ns.e('icon'), ns.is(icon ? 'icon' : 'text')]\">\n <slot\n v-if=\"currentStatus !== 'success' && currentStatus !== 'error'\"\n name=\"icon\"\n >\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <div v-if=\"!icon && !isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n <el-icon v-else :class=\"[ns.e('icon-inner'), ns.is('status')]\">\n <Check v-if=\"currentStatus === 'success'\" />\n <Close v-else />\n </el-icon>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n space: number | string\n active: number\n direction: string\n alignCenter: boolean\n simple: boolean\n finishStatus: string\n processStatus: string\n}\n\nexport interface StepItemState {\n uid: number | undefined\n currentStatus: string\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: IStepsProps\n steps: Ref<StepItemState[]>\n}\n\ndefineOptions({\n name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n watch(\n [\n () => parent.props.active,\n () => parent.props.processStatus,\n () => parent.props.finishStatus,\n ],\n ([active]) => {\n updateStatus(active)\n },\n { immediate: true }\n )\n})\n\nonBeforeUnmount(() => {\n parent.steps.value = parent.steps.value.filter(\n (instance) => instance.uid !== currentInstance?.uid\n )\n})\n\nconst currentStatus = computed(() => {\n return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n const prevStep = parent.steps.value[index.value - 1]\n return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n return isSimple.value ? '' : parent.props.space\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis:\n typeof space.value === 'number'\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n let step = 100\n const style: CSSProperties = {}\n style.transitionDelay = `${150 * index.value}ms`\n if (status === parent.props.processStatus) {\n step = 0\n } else if (status === 'wait') {\n step = 0\n style.transitionDelay = `${-150 * index.value}ms`\n }\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[stepsCount.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n uid: computed(() => currentInstance?.uid),\n currentStatus,\n setIndex,\n calcProgress,\n})\n\nparent.steps.value = [...parent.steps.value, stepItemState]\n</script>\n"],"names":[],"mappings":"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"}
|
package/es/index.mjs
CHANGED
|
@@ -127,7 +127,7 @@ export { ElSlider } from './components/slider/index.mjs';
|
|
|
127
127
|
export { spaceProps } from './components/space/src/space.mjs';
|
|
128
128
|
export { useSpace } from './components/space/src/use-space.mjs';
|
|
129
129
|
export { ElSpace } from './components/space/index.mjs';
|
|
130
|
-
export { stepProps } from './components/steps/src/
|
|
130
|
+
export { stepProps } from './components/steps/src/item.mjs';
|
|
131
131
|
export { stepsEmits, stepsProps } from './components/steps/src/steps.mjs';
|
|
132
132
|
export { ElStep, ElSteps } from './components/steps/index.mjs';
|
|
133
133
|
export { switchEmits, switchProps } from './components/switch/src/switch.mjs';
|
package/es/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.
|
|
1
|
+
export declare const version = "0.0.20220707";
|
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.20220707'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
|
|
@@ -65,8 +65,9 @@ export declare const ElDropdown: import("element-plus/es/utils").SFCWithInstall<
|
|
|
65
65
|
handleEntryFocus: (e: Event) => void;
|
|
66
66
|
handleClose: () => void;
|
|
67
67
|
handleOpen: () => void;
|
|
68
|
+
handleBeforeShowTooltip: () => void;
|
|
68
69
|
handleShowTooltip: (event?: Event | undefined) => void;
|
|
69
|
-
|
|
70
|
+
handleBeforeHideTooltip: () => void;
|
|
70
71
|
onFocusAfterTrapped: (e: Event) => void;
|
|
71
72
|
popperRef: import("vue").Ref<({
|
|
72
73
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -66,8 +66,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
66
|
handleEntryFocus: (e: Event) => void;
|
|
67
67
|
handleClose: () => void;
|
|
68
68
|
handleOpen: () => void;
|
|
69
|
+
handleBeforeShowTooltip: () => void;
|
|
69
70
|
handleShowTooltip: (event?: Event | undefined) => void;
|
|
70
|
-
|
|
71
|
+
handleBeforeHideTooltip: () => void;
|
|
71
72
|
onFocusAfterTrapped: (e: Event) => void;
|
|
72
73
|
popperRef: import("vue").Ref<({
|
|
73
74
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -92,13 +92,15 @@ const _sfc_main = vue.defineComponent({
|
|
|
92
92
|
e.stopImmediatePropagation();
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
+
function handleBeforeShowTooltip() {
|
|
96
|
+
emit("visible-change", true);
|
|
97
|
+
}
|
|
95
98
|
function handleShowTooltip(event) {
|
|
96
99
|
if ((event == null ? void 0 : event.type) === "keydown") {
|
|
97
100
|
contentRef.value.focus();
|
|
98
101
|
}
|
|
99
|
-
emit("visible-change", true);
|
|
100
102
|
}
|
|
101
|
-
function
|
|
103
|
+
function handleBeforeHideTooltip() {
|
|
102
104
|
emit("visible-change", false);
|
|
103
105
|
}
|
|
104
106
|
vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
|
|
@@ -142,8 +144,9 @@ const _sfc_main = vue.defineComponent({
|
|
|
142
144
|
handleEntryFocus,
|
|
143
145
|
handleClose,
|
|
144
146
|
handleOpen,
|
|
147
|
+
handleBeforeShowTooltip,
|
|
145
148
|
handleShowTooltip,
|
|
146
|
-
|
|
149
|
+
handleBeforeHideTooltip,
|
|
147
150
|
onFocusAfterTrapped,
|
|
148
151
|
popperRef,
|
|
149
152
|
contentRef,
|
|
@@ -190,8 +193,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
190
193
|
teleported: "",
|
|
191
194
|
pure: "",
|
|
192
195
|
persistent: "",
|
|
193
|
-
onBeforeShow: _ctx.
|
|
194
|
-
|
|
196
|
+
onBeforeShow: _ctx.handleBeforeShowTooltip,
|
|
197
|
+
onShow: _ctx.handleShowTooltip,
|
|
198
|
+
onBeforeHide: _ctx.handleBeforeHideTooltip
|
|
195
199
|
}, vue.createSlots({
|
|
196
200
|
content: vue.withCtx(() => [
|
|
197
201
|
vue.createVNode(_component_el_scrollbar, {
|
|
@@ -239,7 +243,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
239
243
|
}, 8, ["id", "tabindex"])
|
|
240
244
|
])
|
|
241
245
|
} : void 0
|
|
242
|
-
]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "onBeforeShow", "onBeforeHide"]),
|
|
246
|
+
]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "onBeforeShow", "onShow", "onBeforeHide"]),
|
|
243
247
|
_ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
|
|
244
248
|
default: vue.withCtx(() => [
|
|
245
249
|
vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n <el-tooltip\n ref=\"popperRef\"\n :role=\"role\"\n :effect=\"effect\"\n :fallback-placements=\"['bottom', 'top']\"\n :popper-options=\"popperOptions\"\n :gpu-acceleration=\"false\"\n :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n :manual-mode=\"true\"\n :placement=\"placement\"\n :popper-class=\"[ns.e('popper'), popperClass]\"\n :reference-element=\"referenceElementRef?.$el\"\n :trigger=\"trigger\"\n :trigger-keys=\"triggerKeys\"\n :trigger-target-el=\"contentRef\"\n :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n :stop-popper-mouse-event=\"false\"\n :virtual-ref=\"triggeringElementRef\"\n :virtual-triggering=\"splitButton\"\n :disabled=\"disabled\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n teleported\n pure\n persistent\n @before-show=\"handleShowTooltip\"\n @before-hide=\"handleHideTooltip\"\n >\n <template #content>\n <el-scrollbar\n ref=\"scrollbar\"\n :wrap-style=\"wrapStyle\"\n tag=\"div\"\n :view-class=\"ns.e('list')\"\n >\n <el-roving-focus-group\n :loop=\"loop\"\n :current-tab-id=\"currentTabId\"\n orientation=\"horizontal\"\n @current-tab-id-change=\"handleCurrentTabIdChange\"\n @entry-focus=\"handleEntryFocus\"\n >\n <el-dropdown-collection>\n <slot name=\"dropdown\" />\n </el-dropdown-collection>\n </el-roving-focus-group>\n </el-scrollbar>\n </template>\n <template v-if=\"!splitButton\" #default>\n <el-only-child :id=\"triggerId\" role=\"button\" :tabindex=\"tabindex\">\n <slot name=\"default\" />\n </el-only-child>\n </template>\n </el-tooltip>\n <template v-if=\"splitButton\">\n <el-button-group>\n <el-button\n ref=\"referenceElementRef\"\n v-bind=\"buttonProps\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :disabled=\"disabled\"\n :tabindex=\"tabindex\"\n @click=\"handlerMainButtonClick\"\n >\n <slot name=\"default\" />\n </el-button>\n <el-button\n :id=\"triggerId\"\n ref=\"triggeringElementRef\"\n v-bind=\"buttonProps\"\n role=\"button\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :class=\"ns.e('caret-button')\"\n :disabled=\"disabled\"\n :tabindex=\"tabindex\"\n :aria-label=\"t('el.dropdown.toggleDropdown')\"\n >\n <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n </el-button>\n </el-button-group>\n </template>\n </div>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n provide,\n ref,\n toRef,\n unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { addUnit } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useId, useLocale, useNamespace, useSize } from '@element-plus/hooks'\nimport { ElCollection as ElDropdownCollection, dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n name: 'ElDropdown',\n components: {\n ElButton,\n ElButtonGroup,\n ElScrollbar,\n ElDropdownCollection,\n ElTooltip,\n ElRovingFocusGroup,\n ElOnlyChild,\n ElIcon,\n ArrowDown,\n },\n props: dropdownProps,\n emits: ['visible-change', 'click', 'command'],\n setup(props, { emit }) {\n const _instance = getCurrentInstance()\n const ns = useNamespace('dropdown')\n const { t } = useLocale()\n\n const triggeringElementRef = ref()\n const referenceElementRef = ref()\n const popperRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n const contentRef = ref<HTMLElement | null>(null)\n const scrollbar = ref(null)\n const currentTabId = ref<string | null>(null)\n const isUsingKeyboard = ref(false)\n const triggerKeys = [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.down]\n\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n\n const defaultTriggerId = useId().value\n const triggerId = computed<string>(() => {\n return props.id || defaultTriggerId\n })\n\n function handleClick() {\n handleClose()\n }\n\n function handleClose() {\n popperRef.value?.onClose()\n }\n\n function handleOpen() {\n popperRef.value?.onOpen()\n }\n\n const dropdownSize = useSize()\n\n function commandHandler(...args: any[]) {\n emit('command', ...args)\n }\n\n function onItemEnter() {\n // NOOP for now\n }\n\n function onItemLeave() {\n const contentEl = unref(contentRef)\n\n contentEl?.focus()\n currentTabId.value = null\n }\n\n function handleCurrentTabIdChange(id: string) {\n currentTabId.value = id\n }\n\n function handleEntryFocus(e: Event) {\n if (!isUsingKeyboard.value) {\n e.preventDefault()\n e.stopImmediatePropagation()\n }\n }\n\n function handleShowTooltip(event?: Event) {\n if (event?.type === 'keydown') {\n contentRef.value.focus()\n }\n emit('visible-change', true)\n }\n function handleHideTooltip() {\n emit('visible-change', false)\n }\n\n provide(DROPDOWN_INJECTION_KEY, {\n contentRef,\n role: computed(() => props.role),\n triggerId,\n isUsingKeyboard,\n onItemEnter,\n onItemLeave,\n })\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n handleClick,\n commandHandler,\n trigger: toRef(props, 'trigger'),\n hideOnClick: toRef(props, 'hideOnClick'),\n })\n\n const onFocusAfterTrapped = (e: Event) => {\n e.preventDefault()\n contentRef.value?.focus?.({\n preventScroll: true,\n })\n }\n\n const handlerMainButtonClick = (event: MouseEvent) => {\n emit('click', event)\n }\n\n return {\n t,\n ns,\n scrollbar,\n wrapStyle,\n dropdownTriggerKls,\n dropdownSize,\n triggerId,\n triggerKeys,\n currentTabId,\n handleCurrentTabIdChange,\n handlerMainButtonClick,\n handleEntryFocus,\n handleClose,\n handleOpen,\n handleShowTooltip,\n handleHideTooltip,\n onFocusAfterTrapped,\n popperRef,\n contentRef,\n triggeringElementRef,\n referenceElementRef,\n }\n },\n})\n</script>\n"],"names":["ElButton","defineComponent","ElScrollbar","ElDropdownCollection","ElTooltip","ElRovingFocusGroup","ElOnlyChild","ElIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","useLocale","ref","EVENT_CODE","computed","addUnit","useId","useSize","unref","provide","DROPDOWN_INJECTION_KEY","toRef","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_createSlots","_withCtx","_createBlock","_mergeProps","_renderSlot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n <el-tooltip\n ref=\"popperRef\"\n :role=\"role\"\n :effect=\"effect\"\n :fallback-placements=\"['bottom', 'top']\"\n :popper-options=\"popperOptions\"\n :gpu-acceleration=\"false\"\n :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n :manual-mode=\"true\"\n :placement=\"placement\"\n :popper-class=\"[ns.e('popper'), popperClass]\"\n :reference-element=\"referenceElementRef?.$el\"\n :trigger=\"trigger\"\n :trigger-keys=\"triggerKeys\"\n :trigger-target-el=\"contentRef\"\n :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n :stop-popper-mouse-event=\"false\"\n :virtual-ref=\"triggeringElementRef\"\n :virtual-triggering=\"splitButton\"\n :disabled=\"disabled\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n teleported\n pure\n persistent\n @before-show=\"handleBeforeShowTooltip\"\n @show=\"handleShowTooltip\"\n @before-hide=\"handleBeforeHideTooltip\"\n >\n <template #content>\n <el-scrollbar\n ref=\"scrollbar\"\n :wrap-style=\"wrapStyle\"\n tag=\"div\"\n :view-class=\"ns.e('list')\"\n >\n <el-roving-focus-group\n :loop=\"loop\"\n :current-tab-id=\"currentTabId\"\n orientation=\"horizontal\"\n @current-tab-id-change=\"handleCurrentTabIdChange\"\n @entry-focus=\"handleEntryFocus\"\n >\n <el-dropdown-collection>\n <slot name=\"dropdown\" />\n </el-dropdown-collection>\n </el-roving-focus-group>\n </el-scrollbar>\n </template>\n <template v-if=\"!splitButton\" #default>\n <el-only-child :id=\"triggerId\" role=\"button\" :tabindex=\"tabindex\">\n <slot name=\"default\" />\n </el-only-child>\n </template>\n </el-tooltip>\n <template v-if=\"splitButton\">\n <el-button-group>\n <el-button\n ref=\"referenceElementRef\"\n v-bind=\"buttonProps\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :disabled=\"disabled\"\n :tabindex=\"tabindex\"\n @click=\"handlerMainButtonClick\"\n >\n <slot name=\"default\" />\n </el-button>\n <el-button\n :id=\"triggerId\"\n ref=\"triggeringElementRef\"\n v-bind=\"buttonProps\"\n role=\"button\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :class=\"ns.e('caret-button')\"\n :disabled=\"disabled\"\n :tabindex=\"tabindex\"\n :aria-label=\"t('el.dropdown.toggleDropdown')\"\n >\n <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n </el-button>\n </el-button-group>\n </template>\n </div>\n</template>\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n provide,\n ref,\n toRef,\n unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { addUnit } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useId, useLocale, useNamespace, useSize } from '@element-plus/hooks'\nimport { ElCollection as ElDropdownCollection, dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n name: 'ElDropdown',\n components: {\n ElButton,\n ElButtonGroup,\n ElScrollbar,\n ElDropdownCollection,\n ElTooltip,\n ElRovingFocusGroup,\n ElOnlyChild,\n ElIcon,\n ArrowDown,\n },\n props: dropdownProps,\n emits: ['visible-change', 'click', 'command'],\n setup(props, { emit }) {\n const _instance = getCurrentInstance()\n const ns = useNamespace('dropdown')\n const { t } = useLocale()\n\n const triggeringElementRef = ref()\n const referenceElementRef = ref()\n const popperRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n const contentRef = ref<HTMLElement | null>(null)\n const scrollbar = ref(null)\n const currentTabId = ref<string | null>(null)\n const isUsingKeyboard = ref(false)\n const triggerKeys = [EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.down]\n\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n\n const defaultTriggerId = useId().value\n const triggerId = computed<string>(() => {\n return props.id || defaultTriggerId\n })\n\n function handleClick() {\n handleClose()\n }\n\n function handleClose() {\n popperRef.value?.onClose()\n }\n\n function handleOpen() {\n popperRef.value?.onOpen()\n }\n\n const dropdownSize = useSize()\n\n function commandHandler(...args: any[]) {\n emit('command', ...args)\n }\n\n function onItemEnter() {\n // NOOP for now\n }\n\n function onItemLeave() {\n const contentEl = unref(contentRef)\n\n contentEl?.focus()\n currentTabId.value = null\n }\n\n function handleCurrentTabIdChange(id: string) {\n currentTabId.value = id\n }\n\n function handleEntryFocus(e: Event) {\n if (!isUsingKeyboard.value) {\n e.preventDefault()\n e.stopImmediatePropagation()\n }\n }\n\n function handleBeforeShowTooltip() {\n emit('visible-change', true)\n }\n\n function handleShowTooltip(event?: Event) {\n if (event?.type === 'keydown') {\n contentRef.value.focus()\n }\n }\n\n function handleBeforeHideTooltip() {\n emit('visible-change', false)\n }\n\n provide(DROPDOWN_INJECTION_KEY, {\n contentRef,\n role: computed(() => props.role),\n triggerId,\n isUsingKeyboard,\n onItemEnter,\n onItemLeave,\n })\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n handleClick,\n commandHandler,\n trigger: toRef(props, 'trigger'),\n hideOnClick: toRef(props, 'hideOnClick'),\n })\n\n const onFocusAfterTrapped = (e: Event) => {\n e.preventDefault()\n contentRef.value?.focus?.({\n preventScroll: true,\n })\n }\n\n const handlerMainButtonClick = (event: MouseEvent) => {\n emit('click', event)\n }\n\n return {\n t,\n ns,\n scrollbar,\n wrapStyle,\n dropdownTriggerKls,\n dropdownSize,\n triggerId,\n triggerKeys,\n currentTabId,\n handleCurrentTabIdChange,\n handlerMainButtonClick,\n handleEntryFocus,\n handleClose,\n handleOpen,\n handleBeforeShowTooltip,\n handleShowTooltip,\n handleBeforeHideTooltip,\n onFocusAfterTrapped,\n popperRef,\n contentRef,\n triggeringElementRef,\n referenceElementRef,\n }\n },\n})\n</script>\n"],"names":["ElButton","defineComponent","ElScrollbar","ElDropdownCollection","ElTooltip","ElRovingFocusGroup","ElOnlyChild","ElIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","useLocale","ref","EVENT_CODE","computed","addUnit","useId","useSize","unref","provide","DROPDOWN_INJECTION_KEY","toRef","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_createSlots","_withCtx","_createBlock","_mergeProps","_renderSlot"],"mappings":"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"}
|
package/lib/components/index.js
CHANGED
|
@@ -144,7 +144,7 @@ var skeletonItem = require('./skeleton/src/skeleton-item.js');
|
|
|
144
144
|
var slider = require('./slider/src/slider.js');
|
|
145
145
|
var space = require('./space/src/space.js');
|
|
146
146
|
var useSpace = require('./space/src/use-space.js');
|
|
147
|
-
var item = require('./steps/src/
|
|
147
|
+
var item = require('./steps/src/item.js');
|
|
148
148
|
var steps = require('./steps/src/steps.js');
|
|
149
149
|
var _switch = require('./switch/src/switch.js');
|
|
150
150
|
var constants = require('./table-v2/src/constants.js');
|
|
@@ -28,12 +28,6 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
|
|
|
28
28
|
"onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
|
|
29
29
|
}>>;
|
|
30
30
|
emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
|
|
31
|
-
rawAttrs: {
|
|
32
|
-
[x: string]: unknown;
|
|
33
|
-
};
|
|
34
|
-
containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
|
|
35
|
-
inputAttrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
36
|
-
labelListeners: import("vue").ComputedRef<Record<string, unknown>>;
|
|
37
31
|
ns: {
|
|
38
32
|
namespace: import("vue").ComputedRef<string>;
|
|
39
33
|
b: (blockSuffix?: string) => string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { StyleValue } from 'vue';
|
|
2
1
|
declare const _default: import("vue").DefineComponent<{
|
|
3
2
|
readonly modelValue: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
|
|
4
3
|
readonly name: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -29,12 +28,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
29
28
|
"onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
|
|
30
29
|
}>>;
|
|
31
30
|
emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
|
|
32
|
-
rawAttrs: {
|
|
33
|
-
[x: string]: unknown;
|
|
34
|
-
};
|
|
35
|
-
containerStyle: import("vue").ComputedRef<StyleValue>;
|
|
36
|
-
inputAttrs: import("vue").ComputedRef<Record<string, unknown>>;
|
|
37
|
-
labelListeners: import("vue").ComputedRef<Record<string, unknown>>;
|
|
38
31
|
ns: {
|
|
39
32
|
namespace: import("vue").ComputedRef<string>;
|
|
40
33
|
b: (blockSuffix?: string) => string;
|
|
@@ -7,13 +7,11 @@ require('../../../hooks/index.js');
|
|
|
7
7
|
var radio = require('./radio.js');
|
|
8
8
|
var useRadio = require('./use-radio.js');
|
|
9
9
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
10
|
-
var index = require('../../../hooks/use-
|
|
11
|
-
var index$1 = require('../../../hooks/use-namespace/index.js');
|
|
10
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
12
11
|
|
|
13
12
|
const _hoisted_1 = ["value", "name", "disabled"];
|
|
14
13
|
const __default__ = {
|
|
15
|
-
name: "ElRadio"
|
|
16
|
-
inheritAttrs: false
|
|
14
|
+
name: "ElRadio"
|
|
17
15
|
};
|
|
18
16
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
19
17
|
...__default__,
|
|
@@ -21,33 +19,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
21
19
|
emits: radio.radioEmits,
|
|
22
20
|
setup(__props, { emit }) {
|
|
23
21
|
const props = __props;
|
|
24
|
-
const
|
|
25
|
-
const containerStyle = vue.computed(() => rawAttrs.style);
|
|
26
|
-
const inputAttrs = index.useAttrs({ excludeListeners: true });
|
|
27
|
-
const labelListeners = index.useAttrs({
|
|
28
|
-
excludeKeys: vue.computed(() => {
|
|
29
|
-
return Object.keys(inputAttrs.value);
|
|
30
|
-
})
|
|
31
|
-
});
|
|
32
|
-
const ns = index$1.useNamespace("radio");
|
|
22
|
+
const ns = index.useNamespace("radio");
|
|
33
23
|
const { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio.useRadio(props, emit);
|
|
34
24
|
function handleChange() {
|
|
35
25
|
vue.nextTick(() => emit("change", modelValue.value));
|
|
36
26
|
}
|
|
37
27
|
return (_ctx, _cache) => {
|
|
38
28
|
var _a;
|
|
39
|
-
return vue.openBlock(), vue.createElementBlock("label",
|
|
40
|
-
class: [
|
|
29
|
+
return vue.openBlock(), vue.createElementBlock("label", {
|
|
30
|
+
class: vue.normalizeClass([
|
|
41
31
|
vue.unref(ns).b(),
|
|
42
32
|
vue.unref(ns).is("disabled", vue.unref(disabled)),
|
|
43
33
|
vue.unref(ns).is("focus", vue.unref(focus)),
|
|
44
34
|
vue.unref(ns).is("bordered", _ctx.border),
|
|
45
35
|
vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label),
|
|
46
|
-
vue.unref(ns).m(vue.unref(size))
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
style: vue.unref(containerStyle)
|
|
50
|
-
}, vue.unref(labelListeners)), [
|
|
36
|
+
vue.unref(ns).m(vue.unref(size))
|
|
37
|
+
])
|
|
38
|
+
}, [
|
|
51
39
|
vue.createElementVNode("span", {
|
|
52
40
|
class: vue.normalizeClass([
|
|
53
41
|
vue.unref(ns).e("input"),
|
|
@@ -55,20 +43,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
55
43
|
vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label)
|
|
56
44
|
])
|
|
57
45
|
}, [
|
|
58
|
-
vue.withDirectives(vue.createElementVNode("input",
|
|
46
|
+
vue.withDirectives(vue.createElementVNode("input", {
|
|
59
47
|
ref_key: "radioRef",
|
|
60
48
|
ref: radioRef,
|
|
61
49
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
|
|
62
|
-
class: vue.unref(ns).e("original"),
|
|
50
|
+
class: vue.normalizeClass(vue.unref(ns).e("original")),
|
|
63
51
|
value: _ctx.label,
|
|
64
52
|
name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
|
|
65
53
|
disabled: vue.unref(disabled),
|
|
66
|
-
type: "radio"
|
|
67
|
-
}, vue.unref(inputAttrs), {
|
|
54
|
+
type: "radio",
|
|
68
55
|
onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
|
|
69
56
|
onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
|
|
70
57
|
onChange: handleChange
|
|
71
|
-
}
|
|
58
|
+
}, null, 42, _hoisted_1), [
|
|
72
59
|
[vue.vModelRadio, vue.unref(modelValue)]
|
|
73
60
|
]),
|
|
74
61
|
vue.createElementVNode("span", {
|
|
@@ -84,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
84
71
|
vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
|
|
85
72
|
])
|
|
86
73
|
], 34)
|
|
87
|
-
],
|
|
74
|
+
], 2);
|
|
88
75
|
};
|
|
89
76
|
}
|
|
90
77
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio2.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b(),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.is('bordered', border),\n ns.is('checked', modelValue === label),\n ns.m(size),\n
|
|
1
|
+
{"version":3,"file":"radio2.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b(),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.is('bordered', border),\n ns.is('checked', modelValue === label),\n ns.m(size),\n ]\"\n >\n <span\n :class=\"[\n ns.e('input'),\n ns.is('disabled', disabled),\n ns.is('checked', modelValue === label),\n ]\"\n >\n <input\n ref=\"radioRef\"\n v-model=\"modelValue\"\n :class=\"ns.e('original')\"\n :value=\"label\"\n :name=\"name || radioGroup?.name\"\n :disabled=\"disabled\"\n type=\"radio\"\n @focus=\"focus = true\"\n @blur=\"focus = false\"\n @change=\"handleChange\"\n />\n <span :class=\"ns.e('inner')\" />\n </span>\n <span :class=\"ns.e('label')\" @keydown.stop>\n <slot>\n {{ label }}\n </slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { radioEmits, radioProps } from './radio'\nimport { useRadio } from './use-radio'\n\ndefineOptions({\n name: 'ElRadio',\n})\n\nconst props = defineProps(radioProps)\nconst emit = defineEmits(radioEmits)\n\nconst ns = useNamespace('radio')\nconst { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(\n props,\n emit\n)\n\nfunction handleChange() {\n nextTick(() => emit('change', modelValue.value))\n}\n</script>\n"],"names":["useNamespace","useRadio","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAA,EAAA,GAAAA,mBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,UAAA,UAAA,EAAA,KAAA,EAAA,MAAA,QAAA,EAAA,UAAA,EAAA,GAAAC,iBACA,CAAA,KAAA,EACA,IACA,CAAA,CAAA;AAEA,IAAA,SAAA,YAAA,GAAA;AACA,MAAAC,YAAA,CAAA,MAAA,IAAA,CAAA,QAAA,EAAA,UAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -142,7 +142,7 @@ export declare const ElSteps: import("element-plus/es/utils").SFCWithInstall<imp
|
|
|
142
142
|
stepsCount: import("vue").ComputedRef<number>;
|
|
143
143
|
isLast: import("vue").ComputedRef<boolean>;
|
|
144
144
|
space: import("vue").ComputedRef<string | number>;
|
|
145
|
-
style: import("vue").ComputedRef<
|
|
145
|
+
style: import("vue").ComputedRef<import("vue").CSSProperties>;
|
|
146
146
|
setIndex: (val: number) => void;
|
|
147
147
|
calcProgress: (status: string) => void;
|
|
148
148
|
updateStatus: (activeIndex: number) => void;
|
|
@@ -289,7 +289,7 @@ export declare const ElStep: import("element-plus/es/utils").SFCWithInstall<impo
|
|
|
289
289
|
stepsCount: import("vue").ComputedRef<number>;
|
|
290
290
|
isLast: import("vue").ComputedRef<boolean>;
|
|
291
291
|
space: import("vue").ComputedRef<string | number>;
|
|
292
|
-
style: import("vue").ComputedRef<
|
|
292
|
+
style: import("vue").ComputedRef<import("vue").CSSProperties>;
|
|
293
293
|
setIndex: (val: number) => void;
|
|
294
294
|
calcProgress: (status: string) => void;
|
|
295
295
|
updateStatus: (activeIndex: number) => void;
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
6
|
var steps$1 = require('./src/steps2.js');
|
|
7
|
-
var item$1 = require('./src/
|
|
8
|
-
var item = require('./src/
|
|
7
|
+
var item$1 = require('./src/item2.js');
|
|
8
|
+
var item = require('./src/item.js');
|
|
9
9
|
var steps = require('./src/steps.js');
|
|
10
10
|
var install = require('../../utils/vue/install.js');
|
|
11
11
|
|