mc-plus 1.0.76 → 1.0.77
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/es/index.js +6 -6
- package/dist/es/mc-progress-indicator-BLQqSDrY.js +154 -0
- package/dist/es/mc-progress-indicator-child-item-DAKkXWWn.js +7 -0
- package/dist/es/mc-progress-indicator-item-BiQL0uXR.js +7 -0
- package/dist/es/theme/mc-progress-indicator.css +1 -1
- package/dist/index.css +1 -1
- package/dist/types/mc-progress-indicator/hooks/useStepItem.d.ts +65 -34
- package/dist/types/mc-progress-indicator/index.d.ts +3 -0
- package/dist/types/mc-progress-indicator/mc-progress-indicator-step.vue.d.ts +5 -0
- package/dist/types/mc-progress-indicator/mc-progress-indicator.vue.d.ts +1 -0
- package/dist/types/mc-progress-indicator/schemes/index.d.ts +1 -0
- package/dist/types/mc-progress-indicator/schemes/mc-progress-indicator.d.ts +44 -0
- package/dist/types/mc-progress-indicator/types/mc-progress-indicator-step-num.d.ts +2 -0
- package/dist/types/mc-progress-indicator/types/mc-progress-indicator-step.d.ts +2 -1
- package/dist/types/mc-progress-indicator/types/mc-progress-indicator.d.ts +3 -26
- package/dist/types/mc-progress-indicator/utils/contentDisplay.d.ts +1 -1
- package/dist/types/mc-progress-indicator/utils/generateStepItems.d.ts +2 -1
- package/dist/types/mc-progress-indicator/utils/getStatus.d.ts +2 -1
- package/dist/types/mc-progress-indicator-child-item/types.d.ts +5 -0
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +4 -4
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +1 -1
- package/dist/es/mc-progress-indicator-BkgfTSnP.js +0 -81
- package/dist/es/mc-progress-indicator-child-item-B9cd-rkf.js +0 -7
- package/dist/es/mc-progress-indicator-item-DXEPoLrA.js +0 -7
package/dist/es/index.js
CHANGED
|
@@ -51,12 +51,12 @@ import { a as $ } from "./mc-popper-DG8gxW80.js";
|
|
|
51
51
|
import { b as b9 } from "./mc-popper-DG8gxW80.js";
|
|
52
52
|
import { a as ss } from "./mc-progress-bar-CGr9Uf7f.js";
|
|
53
53
|
import { b as b10 } from "./mc-progress-bar-CGr9Uf7f.js";
|
|
54
|
-
import { M as os } from "./mc-progress-indicator-
|
|
55
|
-
import { a as a17, b as b11, c } from "./mc-progress-indicator-
|
|
56
|
-
import { a as ms } from "./mc-progress-indicator-item-
|
|
57
|
-
import { M } from "./mc-progress-indicator-item-
|
|
58
|
-
import { a as rs } from "./mc-progress-indicator-child-item-
|
|
59
|
-
import { M as M2 } from "./mc-progress-indicator-child-item-
|
|
54
|
+
import { M as os } from "./mc-progress-indicator-BLQqSDrY.js";
|
|
55
|
+
import { a as a17, b as b11, c } from "./mc-progress-indicator-BLQqSDrY.js";
|
|
56
|
+
import { a as ms } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
57
|
+
import { M } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
58
|
+
import { a as rs } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
|
|
59
|
+
import { M as M2 } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
|
|
60
60
|
import { M as as } from "./mc-radio-CVZardNJ.js";
|
|
61
61
|
import { a as a18 } from "./mc-radio-CVZardNJ.js";
|
|
62
62
|
import { a as ts } from "./mc-radio-group-BhsM5bEB.js";
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
+
import { _ as e, w as t, u as s } from "./utils-y7s5KtP-.js";
|
|
5
|
+
import { defineComponent as o, computed as n, createBlock as l, createElementBlock as i, openBlock as a, normalizeClass as r, createCommentVNode as c, toDisplayString as p, unref as d, createElementVNode as u, renderSlot as h, createVNode as m, createTextVNode as S, ref as v, useSlots as f, watchEffect as y, Fragment as b, renderList as g, createSlots as K, withCtx as C, resolveDynamicComponent as F, nextTick as x } from "vue";
|
|
6
|
+
import { isArray as k, isString as w, isFunction as I, isBoolean as $, isNumber as B, isNil as _ } from "lodash-es";
|
|
7
|
+
import { M as T } from "./mc-icon-plus-DcQPxofD.js";
|
|
8
|
+
import { M } from "./mc-success-icon-CuyL6DXB.js";
|
|
9
|
+
import { useId as L, useProp as R } from "@mc-plus/hooks";
|
|
10
|
+
import { M as j } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
11
|
+
import { M as V } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
|
|
12
|
+
const z = "mc-progress-indicator", A = "mc-progress-indicator-step", H = "mc-progress-indicator-step-num", E = { key: 0, class: "mc-progress-indicator-step-num-icon" }, N = { key: 1 }, P = e(o({ name: H, __name: "mc-progress-indicator-step-num", props: { num: {}, status: { default: "default" }, showSuccessIcon: { type: Boolean, default: true }, isChild: { type: Boolean, default: false }, icon: {} }, setup(e2) {
|
|
13
|
+
const t2 = e2, s2 = n(() => t2.showSuccessIcon && "success" === t2.status && !t2.isChild);
|
|
14
|
+
return (t3, o2) => s2.value ? (a(), l(M, { key: 0 })) : (a(), i("div", { key: 1, class: r(["mc-progress-indicator-step-num", [`mc-progress-indicator-step-num-${e2.status}`, { "mc-progress-indicator-step-num-child": e2.isChild }]]) }, [e2.isChild ? c("", true) : (a(), i("div", E, [e2.icon ? (a(), l(T, { key: 0, name: e2.icon }, null, 8, ["name"])) : (a(), i("span", N, p(e2.num), 1))]))], 2));
|
|
15
|
+
} }), [["__scopeId", "data-v-9298243a"]]);
|
|
16
|
+
class q {
|
|
17
|
+
constructor(e2, s2) {
|
|
18
|
+
__publicField(this, "id");
|
|
19
|
+
__publicField(this, "stepKey");
|
|
20
|
+
__publicField(this, "index");
|
|
21
|
+
__publicField(this, "parentIndex");
|
|
22
|
+
__publicField(this, "childIndex");
|
|
23
|
+
__publicField(this, "label");
|
|
24
|
+
__publicField(this, "icon");
|
|
25
|
+
__publicField(this, "showContent");
|
|
26
|
+
__publicField(this, "success");
|
|
27
|
+
__publicField(this, "hiddenHeader");
|
|
28
|
+
__publicField(this, "hiddenFooter");
|
|
29
|
+
__publicField(this, "hiddenFooterLeft");
|
|
30
|
+
__publicField(this, "hiddenFooterRight");
|
|
31
|
+
__publicField(this, "previousStep");
|
|
32
|
+
__publicField(this, "nextStep");
|
|
33
|
+
__publicField(this, "parentStep");
|
|
34
|
+
__publicField(this, "childrenSteps");
|
|
35
|
+
__publicField(this, "iconSlot");
|
|
36
|
+
__publicField(this, "labelSlot");
|
|
37
|
+
__publicField(this, "defaultSlot");
|
|
38
|
+
__publicField(this, "contentTitleSlot");
|
|
39
|
+
__publicField(this, "contentToolbarSlot");
|
|
40
|
+
__publicField(this, "contentSlot");
|
|
41
|
+
__publicField(this, "contentFooterSlot");
|
|
42
|
+
__publicField(this, "contentFooterLeftSlot");
|
|
43
|
+
__publicField(this, "contentFooterRightSlot");
|
|
44
|
+
this.id = (e2 == null ? void 0 : e2.id) || L((e2 == null ? void 0 : e2.step) ? e2.step.toString() : void 0), this.stepKey = e2 == null ? void 0 : e2.step, this.label = e2 == null ? void 0 : e2.label, this.icon = e2 == null ? void 0 : e2.icon, this.showContent = t(e2, "show-content"), this.success = e2 == null ? void 0 : e2.success, this.hiddenHeader = t(e2, "hidden-header"), this.hiddenFooter = t(e2, "hidden-footer"), this.hiddenFooterLeft = t(e2, "hidden-footer-left"), this.hiddenFooterRight = t(e2, "hidden-footer-right"), this.iconSlot = s2 == null ? void 0 : s2.icon, this.labelSlot = s2 == null ? void 0 : s2.label, this.defaultSlot = s2 == null ? void 0 : s2.default, this.contentTitleSlot = t(s2, "content-title"), this.contentToolbarSlot = t(s2, "content-toolbar"), this.contentSlot = s2 == null ? void 0 : s2.content, this.contentFooterSlot = t(s2, "content-footer"), this.contentFooterLeftSlot = t(s2, "content-footer-left"), this.contentFooterRightSlot = t(s2, "content-footer-right");
|
|
45
|
+
}
|
|
46
|
+
get isChild() {
|
|
47
|
+
return !!this.parentStep;
|
|
48
|
+
}
|
|
49
|
+
get hasChildren() {
|
|
50
|
+
var _a;
|
|
51
|
+
return !!((_a = this.childrenSteps) == null ? void 0 : _a.size);
|
|
52
|
+
}
|
|
53
|
+
getChildrenSteps() {
|
|
54
|
+
var _a;
|
|
55
|
+
return Array.from(((_a = this.childrenSteps) == null ? void 0 : _a.values()) || []);
|
|
56
|
+
}
|
|
57
|
+
hasChildStep(e2) {
|
|
58
|
+
var _a;
|
|
59
|
+
return !!((_a = this.childrenSteps) == null ? void 0 : _a.has(e2));
|
|
60
|
+
}
|
|
61
|
+
getFirstChildStep() {
|
|
62
|
+
var _a;
|
|
63
|
+
return (_a = this.childrenSteps) == null ? void 0 : _a.values().next().value;
|
|
64
|
+
}
|
|
65
|
+
getLastChildStep() {
|
|
66
|
+
var _a;
|
|
67
|
+
return Array.from(((_a = this.childrenSteps) == null ? void 0 : _a.values()) || []).pop();
|
|
68
|
+
}
|
|
69
|
+
appendChildStep(e2) {
|
|
70
|
+
this.childrenSteps || (this.childrenSteps = /* @__PURE__ */ new Map()), this.childrenSteps.set(e2.stepKey, e2);
|
|
71
|
+
}
|
|
72
|
+
removeChildStep(e2) {
|
|
73
|
+
var _a, _b;
|
|
74
|
+
(_a = this.childrenSteps) == null ? void 0 : _a.delete(e2), 0 === ((_b = this.childrenSteps) == null ? void 0 : _b.size) && (this.childrenSteps = void 0);
|
|
75
|
+
}
|
|
76
|
+
clearContent() {
|
|
77
|
+
this.defaultSlot = void 0, this.contentSlot = void 0, this.contentTitleSlot = void 0, this.contentToolbarSlot = void 0, this.contentFooterSlot = void 0, this.contentFooterLeftSlot = void 0, this.contentFooterRightSlot = void 0;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G = (e2, t2, s2 = "manual") => {
|
|
81
|
+
const o2 = d(t2);
|
|
82
|
+
if ($(e2 == null ? void 0 : e2.success) && e2.success) return "success";
|
|
83
|
+
if ((e2 == null ? void 0 : e2.parentStep) && "success" === G(e2.parentStep, t2)) return "success";
|
|
84
|
+
if (!(o2 && e2 && B(o2.index) && B(e2.index))) return "default";
|
|
85
|
+
if ("auto" === s2) {
|
|
86
|
+
if (e2.isChild || !e2.hasChildren) {
|
|
87
|
+
if (e2.index < o2.index) return "success";
|
|
88
|
+
} else if (e2.hasChildren) {
|
|
89
|
+
let o3 = true;
|
|
90
|
+
for (const n2 of e2 == null ? void 0 : e2.getChildrenSteps()) if ("success" !== G(n2, t2, s2)) {
|
|
91
|
+
o3 = false;
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
if (o3) return "success";
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
return e2.index <= o2.index ? "active" : "default";
|
|
98
|
+
}, J = (e2, t2) => $(e2 == null ? void 0 : e2.showContent) ? e2 == null ? void 0 : e2.showContent : !_(e2 == null ? void 0 : e2.stepKey) && e2.stepKey === (t2 == null ? void 0 : t2.stepKey), O = ["id"], Q = { key: 0, class: "mc-progress-indicator-step-container" }, U = { class: "mc-progress-indicator-step-content" }, W = { key: 0, class: "mc-progress-indicator-step-content-header" }, X = { key: 0, class: "mc-progress-indicator-step-content-footer-container" }, Y = { class: "mc-progress-indicator-step-content-footer" }, Z = { class: "mc-progress-indicator-step-content-footer-left-container" }, ee = { key: 0, class: "mc-progress-indicator-step-content-footer-left" }, te = { class: "mc-progress-indicator-step-content-footer-right-container" }, se = { key: 0, class: "mc-progress-indicator-step-content-footer-right" }, oe = e(o({ name: A, __name: "mc-progress-indicator-step", props: { successBehavior: { default: "auto" }, currentStep: {}, step: {}, position: { default: "middle" }, showSuccessIcon: { type: Boolean, default: true } }, setup(e2) {
|
|
99
|
+
const t2 = e2, s2 = n(() => J(t2.step, d(t2.currentStep))), o2 = n(() => J(t2.step.nextStep, d(t2.currentStep))), l2 = n(() => !!t2.step.isChild), v2 = n(() => G(t2.step, t2.currentStep, t2.successBehavior)), f2 = n(() => G(t2.step.previousStep, t2.currentStep, t2.successBehavior)), y2 = n(() => B(t2.step.parentIndex) ? t2.step.parentIndex + 1 : 0);
|
|
100
|
+
return (t3, n2) => (a(), i("div", { id: e2.step.id, class: "mc-progress-indicator-step" }, [u("div", { class: r(["mc-progress-indicator-step-item", { "mc-progress-indicator-step-item-child": l2.value }]) }, [u("i", { class: r(["mc-progress-indicator-step-line mc-progress-indicator-step-line-up", [`mc-progress-indicator-step-line-${f2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2), h(t3.$slots, "icon", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [m(P, { num: y2.value, icon: e2.step.icon, status: v2.value, "show-success-icon": e2.showSuccessIcon, "is-child": l2.value }, null, 8, ["num", "icon", "status", "show-success-icon", "is-child"])], true), u("i", { class: r(["mc-progress-indicator-step-line mc-progress-indicator-step-line-down", [`mc-progress-indicator-step-line-${v2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2)], 2), s2.value ? (a(), i("div", Q, [h(t3.$slots, "default", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("div", U, [e2.step.hiddenHeader ? c("", true) : (a(), i("div", W, [h(t3.$slots, "content-title", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("span", { class: r(["mc-progress-indicator-step-content-title", [`mc-progress-indicator-step-content-title-${v2.value}`]]) }, p(e2.step.label), 3)], true), h(t3.$slots, "content-toolbar", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)])), h(t3.$slots, "content", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]), e2.step.hiddenFooter ? c("", true) : (a(), i("div", X, [h(t3.$slots, "content-footer", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("div", Y, [u("div", Z, [e2.step.hiddenFooterLeft ? c("", true) : (a(), i("div", ee, [h(t3.$slots, "content-footer-left", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]))]), u("div", te, [e2.step.hiddenFooterRight ? c("", true) : (a(), i("div", se, [h(t3.$slots, "content-footer-right", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]))])])], true)]))], true)])) : (a(), i("div", { key: 1, class: r(["mc-progress-indicator-step-label", [`mc-progress-indicator-step-label-${v2.value}`, { "mc-progress-indicator-step-label-child": l2.value, "mc-progress-indicator-step-label-need-padding-bottom": o2.value }]]) }, [h(t3.$slots, "label", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [S(p(e2.step.label), 1)], true)], 2))], 8, O));
|
|
101
|
+
} }), [["__scopeId", "data-v-150dfe0a"]]), ne = { class: "mc-grogress-indicator" }, le = s(e(o({ name: z, __name: "mc-progress-indicator", props: { modelValue: {}, successSteps: {}, successBehavior: { default: "auto" }, previousBehavior: { default: "last-child" }, showSuccessIcon: { type: Boolean, default: true }, scrollToStep: { type: Boolean, default: false } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: t2, emit: s2 }) {
|
|
102
|
+
const o2 = e2, r2 = s2, { stepItems: c2, currentStep: p2 } = (() => {
|
|
103
|
+
const e3 = v([]), t3 = v(/* @__PURE__ */ new Map()), s3 = f();
|
|
104
|
+
y(() => {
|
|
105
|
+
var _a;
|
|
106
|
+
const { stepItems: o4, stepMap: n2 } = ((e4) => {
|
|
107
|
+
const t4 = [], s4 = /* @__PURE__ */ new Map();
|
|
108
|
+
let o5, n3 = 0, l3 = 0;
|
|
109
|
+
const i2 = (e5, a2) => {
|
|
110
|
+
k(e5) && e5.forEach((e6) => {
|
|
111
|
+
var _a2, _b, _c;
|
|
112
|
+
const r3 = (_a2 = (e6 == null ? void 0 : e6.type) || {}) == null ? void 0 : _a2.name;
|
|
113
|
+
if (r3 === j) {
|
|
114
|
+
const a3 = w(e6.children) || k(e6.children) || !I((_b = e6.children) == null ? void 0 : _b.default) ? e6.children : (_c = e6.children) == null ? void 0 : _c.default(), r4 = e6.props, c3 = e6.children, p3 = new q(r4, c3);
|
|
115
|
+
p3.parentIndex = n3++, p3.index = l3++, o5 && (p3.previousStep = o5, o5.nextStep = p3), o5 = p3, t4.push(p3), s4.set(p3.stepKey, p3), i2(a3, p3);
|
|
116
|
+
} else if (r3 === V) {
|
|
117
|
+
const n4 = e6.props, i3 = e6.children, r4 = new q(n4, i3);
|
|
118
|
+
r4.index = l3++, a2 && (a2.clearContent(), a2.appendChildStep(r4), r4.parentIndex = a2.parentIndex, r4.parentStep = a2, r4.childIndex = a2.getChildrenSteps().length), o5 && (r4.previousStep = o5, o5.nextStep = r4), s4.set(r4.stepKey, r4), t4.push(r4), o5 = r4;
|
|
119
|
+
} else k(e6.children) && i2(e6.children, a2);
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
return i2(e4), { stepItems: t4, stepMap: s4 };
|
|
123
|
+
})((_a = s3.default) == null ? void 0 : _a.call(s3));
|
|
124
|
+
e3.value = o4, t3.value = n2;
|
|
125
|
+
});
|
|
126
|
+
const o3 = R("modelValue"), l2 = n(() => t3.value.get(o3.value));
|
|
127
|
+
return { stepItems: e3, currentStep: l2 };
|
|
128
|
+
})(), u2 = (e3) => {
|
|
129
|
+
_(e3) || r2("update:modelValue", e3);
|
|
130
|
+
}, h2 = async (e3) => {
|
|
131
|
+
if (!o2.scrollToStep || _(e3 == null ? void 0 : e3.stepKey)) return;
|
|
132
|
+
await x();
|
|
133
|
+
const t3 = document.getElementById(e3.id);
|
|
134
|
+
t3 && t3.scrollIntoView({ behavior: "smooth" });
|
|
135
|
+
};
|
|
136
|
+
return t2({ goStep: u2, goNextStep: () => {
|
|
137
|
+
var _a, _b;
|
|
138
|
+
const e3 = (_a = p2.value) == null ? void 0 : _a.nextStep;
|
|
139
|
+
_(e3 == null ? void 0 : e3.stepKey) || (e3.hasChildren ? u2((_b = e3 == null ? void 0 : e3.getFirstChildStep()) == null ? void 0 : _b.stepKey) : u2(e3.stepKey), h2(e3));
|
|
140
|
+
}, goPreviousStep: () => {
|
|
141
|
+
var _a, _b, _c, _d, _e, _f;
|
|
142
|
+
const e3 = (_a = p2.value) == null ? void 0 : _a.previousStep;
|
|
143
|
+
if (!_(e3 == null ? void 0 : e3.stepKey)) if (((_b = p2.value) == null ? void 0 : _b.isChild) && e3 === ((_c = p2.value) == null ? void 0 : _c.parentStep)) {
|
|
144
|
+
const t3 = e3.previousStep;
|
|
145
|
+
"last-child" === o2.previousBehavior ? (u2(t3 == null ? void 0 : t3.stepKey), h2(t3)) : (t3 == null ? void 0 : t3.isChild) ? (u2((_e = (_d = t3.parentStep) == null ? void 0 : _d.getFirstChildStep()) == null ? void 0 : _e.stepKey), h2(t3.parentStep)) : (u2(t3 == null ? void 0 : t3.stepKey), h2(t3));
|
|
146
|
+
} else u2(e3 == null ? void 0 : e3.stepKey), (e3 == null ? void 0 : e3.isChild) && ((_f = e3.parentStep) == null ? void 0 : _f.getFirstChildStep()) === e3 ? h2(e3.parentStep) : h2(e3);
|
|
147
|
+
} }), (t3, s3) => (a(), i("div", ne, [(a(true), i(b, null, g(d(c2), (t4, s4) => (a(), l(oe, { key: t4.stepKey, position: d(D)(s4, d(c2).length), step: t4, "current-step": d(p2), "success-behavior": e2.successBehavior, "show-success-icon": e2.showSuccessIcon }, K({ _: 2 }, [t4.labelSlot ? { name: "label", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.labelSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "0" } : void 0, t4.iconSlot ? { name: "icon", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.iconSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "1" } : void 0, t4.defaultSlot ? { name: "default", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.defaultSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "2" } : void 0, t4.contentTitleSlot ? { name: "content-title", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentTitleSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "3" } : void 0, t4.contentToolbarSlot ? { name: "content-toolbar", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentToolbarSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "4" } : void 0, t4.contentSlot ? { name: "content", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "5" } : void 0, t4.contentFooterSlot ? { name: "content-footer", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "6" } : void 0, t4.contentFooterLeftSlot ? { name: "content-footer-left", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterLeftSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "7" } : void 0, t4.contentFooterRightSlot ? { name: "content-footer-right", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterRightSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "8" } : void 0]), 1032, ["position", "step", "current-step", "success-behavior", "show-success-icon"]))), 128))]));
|
|
148
|
+
} }), [["__scopeId", "data-v-a2c50544"]]));
|
|
149
|
+
export {
|
|
150
|
+
le as M,
|
|
151
|
+
z as a,
|
|
152
|
+
A as b,
|
|
153
|
+
H as c
|
|
154
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as o, createElementBlock as t, openBlock as i } from "vue";
|
|
3
|
+
const s = "mc-progress-indicator-child-item", r = { class: "mc-grogress-indicator-child-item" }, n = e(o({ name: s, __name: "mc-progress-indicator-child-item", props: { id: {}, step: {}, label: {}, showContent: { type: Boolean }, success: { type: Boolean }, hiddenHeader: { type: Boolean }, hiddenFooter: { type: Boolean }, hiddenFooterLeft: { type: Boolean }, hiddenFooterRight: { type: Boolean } }, setup: (e2) => (e3, o2) => (i(), t("div", r)) }));
|
|
4
|
+
export {
|
|
5
|
+
s as M,
|
|
6
|
+
n as a
|
|
7
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as o, createElementBlock as t, openBlock as i } from "vue";
|
|
3
|
+
const s = "mc-progress-indicator-item", n = { class: "mc-grogress-indicator-item" }, r = e(o({ name: s, __name: "mc-progress-indicator-item", props: { icon: {}, id: {}, step: {}, label: {}, showContent: { type: Boolean }, success: { type: Boolean }, hiddenHeader: { type: Boolean }, hiddenFooter: { type: Boolean }, hiddenFooterLeft: { type: Boolean }, hiddenFooterRight: { type: Boolean } }, setup: (e2) => (e3, o2) => (i(), t("div", n)) }));
|
|
4
|
+
export {
|
|
5
|
+
s as M,
|
|
6
|
+
r as a
|
|
7
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-progress-indicator-step-num[data-v-
|
|
1
|
+
.mc-progress-indicator-step-num[data-v-9298243a]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;box-shadow:0 4px 8px var(--mc-gray-200);box-sizing:border-box;width:40px;height:40px;border-radius:50%;border:2px solid var(--mc-white);background-color:var(--mc-gray-200);color:var(--mc-gray-800);-webkit-user-select:none;user-select:none}.mc-progress-indicator-step-num .mc-progress-indicator-step-num-icon[data-v-9298243a]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;height:100%}.mc-progress-indicator-step-num.mc-progress-indicator-step-num-active[data-v-9298243a]{border-color:var(--mc-purple-500);background-color:var(--mc-purple-500);color:var(--mc-white)}.mc-progress-indicator-step-num.mc-progress-indicator-step-num-success[data-v-9298243a]{border-color:var(--mc-success);background-color:var(--mc-success);color:var(--mc-white)}.mc-progress-indicator-step-num.mc-progress-indicator-step-num-child[data-v-9298243a]{width:16px;height:16px}.mc-progress-indicator-step[data-v-150dfe0a]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px;width:100%}.mc-progress-indicator-step .mc-progress-indicator-step-item[data-v-150dfe0a]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:48px}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line[data-v-150dfe0a]{display:block;box-sizing:border-box;border-left:2px dashed var(--mc-gray-400)}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-up[data-v-150dfe0a]{height:24px}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-up.mc-progress-indicator-step-line-first[data-v-150dfe0a]{border-left-style:none;border-color:transparent}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-down[data-v-150dfe0a]{flex:1}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-down.mc-progress-indicator-step-line-last[data-v-150dfe0a]{border-left-style:none;border-color:transparent}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-active[data-v-150dfe0a]{border-left-style:solid;border-color:var(--mc-purple-500)}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-success[data-v-150dfe0a]{border-left-style:solid;border-color:var(--mc-success)}.mc-progress-indicator-step .mc-progress-indicator-step-item.mc-progress-indicator-step-item-child .mc-progress-indicator-step-line.mc-progress-indicator-step-line-up[data-v-150dfe0a]{height:36px}.mc-progress-indicator-step .mc-progress-indicator-step-container[data-v-150dfe0a]{flex:1;background-color:var(--mc-white);box-sizing:border-box}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content[data-v-150dfe0a]{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;box-sizing:border-box;padding:24px 32px 32px}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header[data-v-150dfe0a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header .mc-progress-indicator-step-content-title[data-v-150dfe0a]{font-family:var(--mc-font-family);font-size:28px;font-weight:600;line-height:40px;color:var(--mc-gray-400)}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header .mc-progress-indicator-step-content-title.mc-progress-indicator-step-content-title-active[data-v-150dfe0a]{color:var(--mc-purple-500)}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header .mc-progress-indicator-step-content-title.mc-progress-indicator-step-content-title-success[data-v-150dfe0a]{color:var(--mc-success)}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content-footer[data-v-150dfe0a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 24px;box-sizing:border-box;border-top:1px solid var(--mc-gray-200)}.mc-progress-indicator-step .mc-progress-indicator-step-label[data-v-150dfe0a]{font-family:var(--mc-font-family);font-size:28px;font-weight:600;line-height:40px;color:var(--mc-gray-400);flex:1;padding-top:24px;box-sizing:border-box}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-need-padding-bottom[data-v-150dfe0a]{padding-bottom:24px}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-child[data-v-150dfe0a]{font-family:var(--mc-font-family);font-size:24px;font-weight:600;line-height:32px;color:var(--mc-gray-400);padding-top:28px}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-child.mc-progress-indicator-step-label-need-padding-bottom[data-v-150dfe0a]{padding-bottom:28px}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-active[data-v-150dfe0a]{color:var(--mc-purple-500)}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-success[data-v-150dfe0a]{color:var(--mc-success)}
|