mc-plus 1.0.39 → 1.0.41
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 +10 -10
- package/dist/es/{mc-checkbox-5wE4IPwp.js → mc-checkbox-DV1C7H35.js} +3 -3
- package/dist/es/mc-drawer-BgN3S_X8.js +28 -0
- package/dist/es/{mc-form-B385pPPT.js → mc-form-Dt1hSyy8.js} +2 -2
- package/dist/es/{mc-input-CgplNojs.js → mc-input-YAQ5p3rt.js} +3 -3
- package/dist/es/{mc-radio-RIdhxPQE.js → mc-radio-DsJR1tO1.js} +3 -3
- package/dist/es/{mc-select-DiqALSF2.js → mc-select-Y5LHPm6s.js} +3 -3
- package/dist/es/{mc-step-CLbrPQk7.js → mc-step-DXtKrK0n.js} +21 -21
- package/dist/es/{mc-switch-DkJTjepY.js → mc-switch-DbU3jHtI.js} +1 -1
- package/dist/es/{mc-tab-8Fvo9GmL.js → mc-tab-BRXP_eK5.js} +1 -1
- package/dist/es/theme/mc-checkbox.css +1 -1
- package/dist/es/theme/mc-drawer.css +1 -1
- package/dist/es/theme/mc-form.css +1 -1
- package/dist/es/theme/mc-input.css +1 -1
- package/dist/es/theme/mc-radio.css +1 -1
- package/dist/es/theme/mc-step.css +1 -1
- package/dist/index.css +1 -1
- package/dist/types/components/mc-drawer/index.d.ts +6 -0
- package/dist/types/components/mc-drawer/types.d.ts +3 -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-drawer-BAqCBDFv.js +0 -28
package/dist/es/index.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { p as s, m } from "./utils-BmNJhgNi.js";
|
|
2
2
|
import { M as o, a as r } from "./mc-alert-bpaTCVUK.js";
|
|
3
3
|
import { a as p } from "./mc-button-Ba7DDZG9.js";
|
|
4
|
-
import { a as i, b as e } from "./mc-checkbox-
|
|
4
|
+
import { a as i, b as e } from "./mc-checkbox-DV1C7H35.js";
|
|
5
5
|
import { M as f } from "./mc-collapse-DFNPqcdt.js";
|
|
6
6
|
import { a } from "./mc-collapse-DFNPqcdt.js";
|
|
7
|
-
import { M as j, a as M } from "./mc-input-
|
|
7
|
+
import { M as j, a as M } from "./mc-input-YAQ5p3rt.js";
|
|
8
8
|
import { M as l } from "./mc-message-YfksGJAF.js";
|
|
9
9
|
import { a as a2 } from "./mc-message-YfksGJAF.js";
|
|
10
|
-
import { M as b, a as n } from "./mc-radio-
|
|
11
|
-
import { M as x, a as g, b as h } from "./mc-select-
|
|
12
|
-
import { M as w, a as k, b as v } from "./mc-tab-
|
|
13
|
-
import { u, c, d } from "./mc-tab-
|
|
10
|
+
import { M as b, a as n } from "./mc-radio-DsJR1tO1.js";
|
|
11
|
+
import { M as x, a as g, b as h } from "./mc-select-Y5LHPm6s.js";
|
|
12
|
+
import { M as w, a as k, b as v } from "./mc-tab-BRXP_eK5.js";
|
|
13
|
+
import { u, c, d } from "./mc-tab-BRXP_eK5.js";
|
|
14
14
|
import { M as S } from "./mc-toast-LpYAseXY.js";
|
|
15
15
|
import { t } from "./mc-toast-LpYAseXY.js";
|
|
16
|
-
import { M as T, b as q } from "./mc-form-
|
|
16
|
+
import { M as T, b as q } from "./mc-form-Dt1hSyy8.js";
|
|
17
17
|
import { a as y } from "./mc-icon-D3S6pb2m.js";
|
|
18
18
|
import { a as C } from "./mc-success-icon-BpxyU5y9.js";
|
|
19
19
|
import { a as I, b as P } from "./mc-title-B6Hvo9y-.js";
|
|
20
20
|
import { a as z } from "./mc-footer-D-q92WeC.js";
|
|
21
21
|
import { a as A } from "./mc-modal-header-BXLmfVq5.js";
|
|
22
|
-
import { M as B } from "./mc-drawer-
|
|
22
|
+
import { M as B } from "./mc-drawer-BgN3S_X8.js";
|
|
23
23
|
import { M as D } from "./mc-reset-BjETD0vP.js";
|
|
24
24
|
import { M as E } from "./mc-divider-CNE-PJUC.js";
|
|
25
25
|
import { M as F } from "./mc-lightbox-CLsHAZWT.js";
|
|
@@ -28,8 +28,8 @@ import { M as J } from "./mc-popper-Dvh1rxVO.js";
|
|
|
28
28
|
import { a as K } from "./mc-tooltip-Ckhu6Zvc.js";
|
|
29
29
|
import { M as L } from "./mc-tag-DE_oW4QS.js";
|
|
30
30
|
import { M as N } from "./mc-status-Cc5Hvpvx.js";
|
|
31
|
-
import { M as O } from "./mc-switch-
|
|
32
|
-
import { M as Q, a as R, b as U, c as V } from "./mc-step-
|
|
31
|
+
import { M as O } from "./mc-switch-DbU3jHtI.js";
|
|
32
|
+
import { M as Q, a as R, b as U, c as V } from "./mc-step-DXtKrK0n.js";
|
|
33
33
|
import { M as W } from "./mc-currency-icon-Bi3GlZaG.js";
|
|
34
34
|
const X = [p, f, w, b, n, x, g, h, i, e, o, l, S, T, q, j, M, y, C, I, z, P, A, B, k, v, D, E, F, G, H, J, K, L, N, O, Q, R, U, V, r, W];
|
|
35
35
|
s();
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as e, inject as a, computed as l, watch as c, createElementBlock as o, openBlock as t, normalizeStyle as s, normalizeClass as u, createElementVNode as m, toDisplayString as d, provide as n, renderSlot as r } from "vue";
|
|
2
|
-
import { u as p, a as i } from "./mc-form-
|
|
2
|
+
import { u as p, a as i } from "./mc-form-Dt1hSyy8.js";
|
|
3
3
|
import { a as h, b } from "./vendor-CF1nicIl.js";
|
|
4
4
|
import { _ as v, w as k } from "./utils-BmNJhgNi.js";
|
|
5
5
|
const x = Symbol("CheckboxGroupContext"), _ = ["value", "disabled"], f = { class: "mc-checkbox__wrapper" }, V = { class: "mc-checkbox__content" }, g = { class: "mc-checkbox__content-text" }, y = { class: "mc-checkbox__content-remarks" }, B = v(e({ name: "McCheckbox", __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean }, formValidate: { type: Boolean, default: true }, value: {} }, emits: ["change", "update:modelValue"], setup(e2, { emit: n2 }) {
|
|
6
|
-
const r2 = e2, b2 = n2, { formItem: v2 } = p(), k2 = i(), B2 = a(x), C2 = l(() => {
|
|
6
|
+
const r2 = e2, b2 = n2, { formItem: v2 } = p(), k2 = i(), B2 = a(x, void 0), C2 = l(() => {
|
|
7
7
|
var _a;
|
|
8
8
|
return k2.value || ((_a = B2 == null ? void 0 : B2.disabled) == null ? void 0 : _a.value);
|
|
9
9
|
}), S2 = l(() => !C2.value && "error" === (v2 == null ? void 0 : v2.validateStatus) && r2.formValidate), j2 = l(() => !!B2 && "function" == typeof (B2 == null ? void 0 : B2.handleSelect)), I2 = l(() => {
|
|
@@ -15,7 +15,7 @@ const x = Symbol("CheckboxGroupContext"), _ = ["value", "disabled"], f = { class
|
|
|
15
15
|
return c(() => I2.value, () => {
|
|
16
16
|
r2.formValidate && (v2 == null ? void 0 : v2.validate("change"));
|
|
17
17
|
}), (e3, a2) => (t(), o("div", { class: u(["mc-checkbox", { "mc-checkbox--disabled": C2.value, "mc-checkbox--error": S2.value }]), style: s({ height: e3.remarks ? "40px" : "24px" }) }, [m("input", { type: "checkbox", class: "mc-checkbox__input", value: I2.value, disabled: C2.value }, null, 8, _), m("label", f, [m("span", { class: u(["mc-checkbox__checkbox", { "mc-checkbox__checkbox--checked": !!I2.value, "mc-checkbox__checkbox--partial": e3.partial }]), onClick: M }, null, 2), m("div", V, [m("span", g, d(e3.content), 1), m("span", y, d(e3.remarks), 1)])])], 6));
|
|
18
|
-
} }), [["__scopeId", "data-v-
|
|
18
|
+
} }), [["__scopeId", "data-v-a13ff63a"]]), C = { class: "mc-checkbox-group" }, S = e({ name: "McCheckboxGroup", __name: "mc-checkbox-group", props: { modelValue: { default: () => [] }, disabled: { type: Boolean, default: false } }, emits: ["change", "update:modelValue"], setup(e2, { emit: a2 }) {
|
|
19
19
|
const s2 = e2, u2 = a2, m2 = i();
|
|
20
20
|
n(x, { modelValue: l(() => s2.modelValue), disabled: l(() => s2.disabled), handleSelect: (e3) => {
|
|
21
21
|
if (m2.value || !e3) return;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { defineComponent as e, ref as o, watch as t, createElementBlock as a, createCommentVNode as r, openBlock as s, createBlock as l, Teleport as d, createVNode as i, Transition as m, withCtx as f, normalizeClass as c, createElementVNode as u, renderSlot as n, nextTick as p } from "vue";
|
|
2
|
+
import { M as v } from "./mc-overlay-unPNM2RL.js";
|
|
3
|
+
import { M as w } from "./mc-modal-header-BXLmfVq5.js";
|
|
4
|
+
import { M as h } from "./mc-footer-D-q92WeC.js";
|
|
5
|
+
import { b as y } from "./hooks-DQBM4MPn.js";
|
|
6
|
+
import { _, w as $ } from "./utils-BmNJhgNi.js";
|
|
7
|
+
const b = { key: 0, class: "mc-drawer-container" }, g = { class: "mc-drawer-header" }, k = { class: "mc-drawer-content-wrapper" }, B = { class: "mc-drawer-content" }, x = $(_(e({ name: "McDrawer", __name: "mc-drawer", props: { modelValue: { type: Boolean }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, showBorder: { type: Boolean, default: true }, hideFooter: { type: Boolean, default: false }, position: { default: "right" } }, emits: ["update:modelValue", "close"], setup(e2, { expose: _2, emit: $2 }) {
|
|
8
|
+
const x2 = e2, C = o(false), j = o(false), M = o(false), V = async () => {
|
|
9
|
+
C.value = true, j.value = true, await p(), M.value = true;
|
|
10
|
+
}, z = async () => {
|
|
11
|
+
M.value = false, await p(), j.value = false, await p(), C.value = false, F("close"), F("update:modelValue", false);
|
|
12
|
+
};
|
|
13
|
+
t(() => x2.modelValue, (e3, o2) => {
|
|
14
|
+
!o2 && e3 ? V() : z();
|
|
15
|
+
}, { immediate: true, flush: "post" });
|
|
16
|
+
const F = $2, S = () => {
|
|
17
|
+
x2.maskClosable && z();
|
|
18
|
+
}, D = () => {
|
|
19
|
+
z();
|
|
20
|
+
}, I = o(), R = o();
|
|
21
|
+
return y(R, ({ height: e3 }) => {
|
|
22
|
+
const o2 = I.value;
|
|
23
|
+
o2 && (o2.style.paddingBottom = `${e3}px`);
|
|
24
|
+
}), _2({ ref: I, open: V, close: z }), (e3, o2) => C.value ? (s(), a("div", b, [(s(), l(d, { to: e3.portCssSelector }, [i(m, { name: "mc-drawer-overlay" }, { default: f(() => [i(v, { visible: j.value, fixed: e3.fixed, onClick: S }, { default: f(() => [i(m, { name: `mc-drawer-content-${e3.position}` }, { default: f(() => [M.value ? (s(), a("div", { key: 0, class: c(["mc-drawer", [`mc-drawer-${e3.size}`, `mc-drawer-${e3.position}`]]), ref_key: "_ref", ref: I }, [u("div", g, [n(e3.$slots, "header", {}, () => [i(w, { title: e3.title, "show-border": e3.showBorder, onClose: D }, { default: f(() => [n(e3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])], true)]), u("div", k, [u("div", B, [n(e3.$slots, "default", {}, void 0, true)])]), e3.hideFooter ? r("", true) : (s(), a("div", { key: 0, class: "mc-drawer-footer", ref_key: "footerRef", ref: R }, [n(e3.$slots, "footer", {}, () => [i(h, null, { left: f(() => [n(e3.$slots, "footer-left", {}, void 0, true)]), right: f(() => [n(e3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": f(() => [n(e3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: f(() => [n(e3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512))], 2)) : r("", true)]), _: 3 }, 8, ["name"])]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : r("", true);
|
|
25
|
+
} }), [["__scopeId", "data-v-efaee3e8"]]));
|
|
26
|
+
export {
|
|
27
|
+
x as M
|
|
28
|
+
};
|
|
@@ -43,7 +43,7 @@ const K = { class: "mc-form" }, L = C(t({ name: "McForm", __name: "mc-form", pro
|
|
|
43
43
|
$(p2(n2, e3), (e4) => e4.clearValidate());
|
|
44
44
|
} }), (e3, r3) => (i(), l("div", K, [d("form", null, [c(e3.$slots, "default", {}, void 0, true)])]));
|
|
45
45
|
} }), [["__scopeId", "data-v-5089c310"]]), N = { class: "mc-form-item-label-wrapper" }, Q = { key: 0, class: "mc-form-item-label" }, R = { key: 0, class: "mc-form-item-help" }, T = { key: 0, class: "mc-form-item-desc" }, U = { class: "mc-form-item__content" }, W = { key: 0, class: "mc-form-item__error" }, X = C(t({ name: "McFormItem", __name: "mc-form-item", props: { prop: {}, label: {}, disabled: { type: Boolean, default: false }, required: { type: Boolean, default: false }, rules: {}, help: {}, desc: {} }, setup(t2, { expose: q2 }) {
|
|
46
|
-
const F2 = t2, $2 = e(D), C2 = m("init"), E2 = m(""), H2 = (e2) => e2 && F2.prop && !k(V(e2, F2.prop)) ? V(e2, F2.prop) : null, J2 = r(() => {
|
|
46
|
+
const F2 = t2, $2 = e(D, void 0), C2 = m("init"), E2 = m(""), H2 = (e2) => e2 && F2.prop && !k(V(e2, F2.prop)) ? V(e2, F2.prop) : null, J2 = r(() => {
|
|
47
47
|
const e2 = $2 == null ? void 0 : $2.model;
|
|
48
48
|
return H2(e2);
|
|
49
49
|
}), K2 = r(() => {
|
|
@@ -99,7 +99,7 @@ const K = { class: "mc-form" }, L = C(t({ name: "McForm", __name: "mc-form", pro
|
|
|
99
99
|
}), u(() => {
|
|
100
100
|
F2.prop && ($2 == null ? void 0 : $2.removeField(ae));
|
|
101
101
|
}), q2({ validateMessage: E2, validateStatus: C2, validate: re, resetField: te, clearValidate: se }), (e2, r2) => (i(), l("div", { class: p(["mc-form-item", { "mc-form-item-horizontal": oe.value }]) }, [c(e2.$slots, "label", { required: X2.value }, () => [d("div", null, [d("div", N, [e2.label ? (i(), l("label", Q, [d("span", { class: p(["mc-form-item-lable-text", { "mc-form-item-label-required": X2.value }]) }, f(e2.label), 3), e2.help || e2.$slots.help ? (i(), l("div", R, [c(e2.$slots, "help", {}, () => [h(A, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : v("", true)])) : v("", true), c(e2.$slots, "tool", {}, void 0, true)]), e2.desc || e2.$slots.desc ? (i(), l("div", T, [c(e2.$slots, "desc", {}, () => [b(f(e2.desc), 1)], true)])) : v("", true)])], true), d("div", U, [c(e2.$slots, "default", {}, void 0, true), h(g, { name: "mc-form-item-error" }, { default: y(() => [E2.value ? (i(), l("div", W, f(E2.value), 1)) : v("", true)]), _: 1 })])], 2));
|
|
102
|
-
} }), [["__scopeId", "data-v-
|
|
102
|
+
} }), [["__scopeId", "data-v-bff4206f"]]), Y = E(L), Z = E(X);
|
|
103
103
|
export {
|
|
104
104
|
Y as M,
|
|
105
105
|
J as a,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { inject as e, computed as t, ref as a, defineComponent as u, onMounted as l, watch as s, createElementBlock as r, openBlock as n, normalizeStyle as o, normalizeClass as c, unref as i, createCommentVNode as p, createElementVNode as f, renderSlot as d, createBlock as m, withKeys as v, createVNode as y, Fragment as x, nextTick as h, useSlots as g, reactive as _, watchEffect as b, provide as I } from "vue";
|
|
2
2
|
import { M as w } from "./mc-icon-D3S6pb2m.js";
|
|
3
|
-
import { a as S, u as $ } from "./mc-form-
|
|
3
|
+
import { a as S, u as $ } from "./mc-form-Dt1hSyy8.js";
|
|
4
4
|
import { d as k } from "./hooks-DQBM4MPn.js";
|
|
5
5
|
import { O as V } from "./mc-otp-DnzPqlEK.js";
|
|
6
6
|
import { a as j, o as B, p as C, q as M, e as R, i as z } from "./vendor-CF1nicIl.js";
|
|
@@ -37,7 +37,7 @@ const F = { key: 0, class: "mc-input__prefix" }, G = ["type", "disabled", "reado
|
|
|
37
37
|
default:
|
|
38
38
|
return "";
|
|
39
39
|
}
|
|
40
|
-
}), X = e(V), Y = t(() => "error" === W.value), Z = t(() => "success" === W.value), ee = t(() => b2.formValidate && !N.value && (Y.value || Z.value)), { wrapperRef: te, isFocused: ae, handleFocus: ue, handleBlur: le } = k(T2, { afterBlur() {
|
|
40
|
+
}), X = e(V, void 0), Y = t(() => "error" === W.value), Z = t(() => "success" === W.value), ee = t(() => b2.formValidate && !N.value && (Y.value || Z.value)), { wrapperRef: te, isFocused: ae, handleFocus: ue, handleBlur: le } = k(T2, { afterBlur() {
|
|
41
41
|
U == null ? void 0 : U.validate("blur");
|
|
42
42
|
} }), se = () => {
|
|
43
43
|
P2("delete");
|
|
@@ -95,7 +95,7 @@ const F = { key: 0, class: "mc-input__prefix" }, G = ["type", "disabled", "reado
|
|
|
95
95
|
}, clear: () => {
|
|
96
96
|
P2("update:modelValue", ""), P2("input", ""), P2("change", ""), P2("clear"), U == null ? void 0 : U.clearValidate();
|
|
97
97
|
} }), (e2, t2) => (n(), r("div", { class: c(["mc-input", { "mc-input--disabled": N.value, "mc-input--focused": i(ae), "mc-input--inputed": e2.modelValue, [`mc-input--${W.value}`]: W.value, "mc-input--input-group-prefix": i(fe), "mc-input--input-group-suffix": i(de) }]), style: o({ width: e2.width, height: e2.height }), ref_key: "wrapperRef", ref: te }, [e2.$slots.prefix || e2.prefixIcon ? (n(), r("div", F, [d(e2.$slots, "prefix", {}, () => [e2.prefixIcon ? (n(), m(w, { key: 0, class: "mc-input-icon", name: e2.prefixIcon, size: 24 }, null, 8, ["name"])) : p("", true)], true)])) : p("", true), f("input", { class: "mc-input__inner", ref_key: "inputRef", ref: T2, type: Q.value ? J.value ? "text" : "password" : "text", disabled: N.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, maxlength: e2.maxlength, onInput: ce, onChange: ie, onFocus: t2[0] || (t2[0] = (...e3) => i(ue) && i(ue)(...e3)), onBlur: t2[1] || (t2[1] = (...e3) => i(le) && i(le)(...e3)), onKeydown: v(se, ["delete"]), onPaste: re }, null, 40, G), ee.value ? (n(), r("div", { key: 1, class: c(["mc-input__status", [Y.value ? "mc-input__status--error" : "mc-input__status--success"]]) }, [y(w, { name: Y.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : p("", true), "password" === e2.type ? (n(), r("div", O, [y(w, { class: "mc-input-icon", name: J.value ? "Review-Hidden" : "Review", size: 24, onClick: pe }, null, 8, ["name"])])) : (n(), r(x, { key: 3 }, [e2.$slots.suffix || e2.suffixIcon ? (n(), r("div", q, [d(e2.$slots, "suffix", {}, () => [e2.suffixIcon ? (n(), m(w, { key: 0, name: e2.suffixIcon, size: 24 }, null, 8, ["name"])) : p("", true)], true)])) : p("", true)], 64))], 6));
|
|
98
|
-
} }), [["__scopeId", "data-v-
|
|
98
|
+
} }), [["__scopeId", "data-v-302bbc5a"]])), K = { class: "mc-input-group" }, D = P(A(u({ name: "McInputGroup", __name: "mc-input-group", setup(e2) {
|
|
99
99
|
const t2 = g(), a2 = _({ select: void 0, input: void 0 });
|
|
100
100
|
return b(() => {
|
|
101
101
|
var _a, _b, _c, _d, _e;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, watch as a, provide as l, computed as o, createElementBlock as r, openBlock as s, renderSlot as d, inject as t, normalizeClass as c, createElementVNode as i, createCommentVNode as m, createTextVNode as u, toDisplayString as n, createVNode as p } from "vue";
|
|
2
|
-
import { u as v, a as b } from "./mc-form-
|
|
2
|
+
import { u as v, a as b } from "./mc-form-Dt1hSyy8.js";
|
|
3
3
|
import { _ as h, w as k } from "./utils-BmNJhgNi.js";
|
|
4
4
|
import { M as _ } from "./mc-tooltip-Ckhu6Zvc.js";
|
|
5
5
|
const f = Symbol("selectContext"), g = { class: "mc-radio-group" }, y = h(e({ name: "McRadioGroup", __name: "mc-radio-group", props: { modelValue: { type: [Number, String, Boolean] }, disabled: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: t2 }) {
|
|
@@ -10,7 +10,7 @@ const f = Symbol("selectContext"), g = { class: "mc-radio-group" }, y = h(e({ na
|
|
|
10
10
|
i2("update:modelValue", e3), i2("change", e3);
|
|
11
11
|
} }), (e3, a2) => (s(), r("div", g, [d(e3.$slots, "default", {}, void 0, true)]));
|
|
12
12
|
} }), [["__scopeId", "data-v-152cbc8e"]]), V = ["disabled"], S = { class: "mc-radio-content" }, $ = { key: 0, class: "mc-radio-help" }, B = { class: "mc-radio-remark" }, M = h(e({ name: "McRadio", __name: "mc-radio", props: { label: {}, value: { type: [Number, String, Boolean] }, disabled: { type: Boolean }, remark: {}, help: {} }, setup(e2) {
|
|
13
|
-
const a2 = e2, l2 = t(f), v2 = o(() => {
|
|
13
|
+
const a2 = e2, l2 = t(f, void 0), v2 = o(() => {
|
|
14
14
|
var _a;
|
|
15
15
|
return ((_a = l2 == null ? void 0 : l2.modelValue) == null ? void 0 : _a.value) === a2.value;
|
|
16
16
|
}), h2 = b(), k2 = o(() => {
|
|
@@ -23,7 +23,7 @@ const f = Symbol("selectContext"), g = { class: "mc-radio-group" }, y = h(e({ na
|
|
|
23
23
|
k2.value || (l2 == null ? void 0 : l2.handleSelect(a2.value));
|
|
24
24
|
};
|
|
25
25
|
return (e3, a3) => (s(), r("div", { class: c(["mc-radio", { "mc-radio-has-remark": !!e3.remark }]) }, [i("label", { class: c(["mc-radio-label", { "mc-radio-checked": v2.value, "mc-radio-disabled": k2.value, "mc-radio-error": g2.value }]), onClick: y2 }, [i("input", { type: "radio", class: "mc-radio-input", disabled: k2.value }, null, 8, V), a3[0] || (a3[0] = i("span", { class: "mc-radio-circle" }, null, -1)), i("div", S, [d(e3.$slots, "default", {}, () => [u(n(e3.label), 1)], true)]), e3.help || e3.$slots.help ? (s(), r("div", $, [d(e3.$slots, "help", {}, () => [p(_, { content: e3.help, "icon-size": 24 }, null, 8, ["content"])], true)])) : m("", true)], 2), i("div", B, [d(e3.$slots, "remark", {}, () => [u(n(e3.remark), 1)], true)])], 2));
|
|
26
|
-
} }), [["__scopeId", "data-v-
|
|
26
|
+
} }), [["__scopeId", "data-v-c97e32c0"]]), j = k(y), I = k(M);
|
|
27
27
|
export {
|
|
28
28
|
I as M,
|
|
29
29
|
j as a
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as o, openBlock as u, normalizeStyle as c, normalizeClass as d, unref as r, createElementVNode as i, createVNode as v, createCommentVNode as n, createBlock as m, resolveDynamicComponent as p, Fragment as h, renderList as f, withCtx as g, createTextVNode as _, toDisplayString as y, withDirectives as w, vModelText as V, Transition as b, renderSlot as k, vShow as x, inject as S, useSlots as j, onMounted as M, onBeforeUnmount as O, h as B, toRefs as R, useAttrs as C, toValue as A } from "vue";
|
|
2
2
|
import { d as I, f as $ } from "./hooks-DQBM4MPn.js";
|
|
3
|
-
import { a as z, u as D } from "./mc-form-
|
|
4
|
-
import { u as F } from "./mc-input-
|
|
3
|
+
import { a as z, u as D } from "./mc-form-Dt1hSyy8.js";
|
|
4
|
+
import { u as F } from "./mc-input-YAQ5p3rt.js";
|
|
5
5
|
import { M as N } from "./mc-icon-D3S6pb2m.js";
|
|
6
6
|
import { M as q } from "./mc-button-Ba7DDZG9.js";
|
|
7
7
|
import { _ as G } from "./mc-tag-DE_oW4QS.js";
|
|
8
|
-
import { M as P } from "./mc-checkbox-
|
|
8
|
+
import { M as P } from "./mc-checkbox-DV1C7H35.js";
|
|
9
9
|
import { M as T } from "./mc-title-B6Hvo9y-.js";
|
|
10
10
|
import { M as U } from "./mc-footer-D-q92WeC.js";
|
|
11
11
|
import { e as W, v as E, q as H, f as J, m as K, a as L } from "./vendor-CF1nicIl.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as e, computed as t, ref as s, watch as l, onMounted as c, nextTick as a, createElementBlock as m, openBlock as
|
|
1
|
+
import { defineComponent as e, computed as t, ref as s, watch as l, onMounted as c, nextTick as a, createElementBlock as m, openBlock as i, normalizeClass as n, createElementVNode as o, createCommentVNode as u, Fragment as p, renderList as d, createBlock as v, toDisplayString as r, resolveDynamicComponent as y, provide as h, renderSlot as f, inject as b, onBeforeUnmount as g, normalizeStyle as k, createTextVNode as S } from "vue";
|
|
2
2
|
import { M as _ } from "./mc-success-icon-BpxyU5y9.js";
|
|
3
3
|
import { e as C, b as w } from "./hooks-DQBM4MPn.js";
|
|
4
4
|
import { w as x, x as B, t as I, b as V, e as R } from "./vendor-CF1nicIl.js";
|
|
5
5
|
import { _ as $, w as M } from "./utils-BmNJhgNi.js";
|
|
6
6
|
import { M as j } from "./mc-icon-D3S6pb2m.js";
|
|
7
|
-
const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-number" }, H = { key: 0, class: "mc-step-item-number-text" }, L = { class: "mc-step-item-content" }, z = { key: 0, class: "mc-step-item-content-title" }, D = { class: "mc-step-item-label" }, E = { class: "mc-step-item-desc" }, F = { key: 1, class: "mc-step-item-component" }, G = { key: 0, class: "mc-step-item-component" }, J = M($(e({ name: "McStep", __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose:
|
|
8
|
-
const b2 = e2, g2 = t(() => "vertical" === b2.type), k2 =
|
|
7
|
+
const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-number" }, H = { key: 0, class: "mc-step-item-number-text" }, L = { class: "mc-step-item-content" }, z = { key: 0, class: "mc-step-item-content-title" }, D = { class: "mc-step-item-label" }, E = { class: "mc-step-item-desc" }, F = { key: 1, class: "mc-step-item-component" }, G = { key: 0, class: "mc-step-item-component" }, J = M($(e({ name: "McStep", __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: h2, emit: f2 }) {
|
|
8
|
+
const b2 = e2, g2 = t(() => "vertical" === b2.type), k2 = f2, S2 = s(), w2 = s(), V2 = s(), R2 = s(), $2 = t(() => x(b2.steps, (e3) => e3.key === b2.modelValue)), M2 = t(() => {
|
|
9
9
|
var _a;
|
|
10
10
|
return (_a = b2.steps[$2.value - 1]) == null ? void 0 : _a.key;
|
|
11
11
|
});
|
|
@@ -24,14 +24,14 @@ const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-numb
|
|
|
24
24
|
if (e3 < 0) return void (t2.style.height = "0");
|
|
25
25
|
const s2 = w2.value, l2 = s2.querySelectorAll(".mc-step-item");
|
|
26
26
|
if (e3 + 1 > l2.length - 1) return void (t2.style.height = "100%");
|
|
27
|
-
const c2 = l2 == null ? void 0 : l2[e3 + 1], m2 = s2.getBoundingClientRect(),
|
|
28
|
-
t2.style.height = 100 *
|
|
27
|
+
const c2 = l2 == null ? void 0 : l2[e3 + 1], m2 = s2.getBoundingClientRect(), i2 = (c2.getBoundingClientRect().top - m2.top) / (m2.height - 24);
|
|
28
|
+
t2.style.height = 100 * i2 + "%";
|
|
29
29
|
}, O2 = () => {
|
|
30
30
|
var _a, _b;
|
|
31
31
|
const e3 = w2.value, t2 = V2.value, s2 = e3.querySelectorAll(".mc-step-item"), l2 = (_a = s2 == null ? void 0 : s2[0]) == null ? void 0 : _a.querySelector(".mc-step-item-number"), c2 = (_b = s2 == null ? void 0 : s2[s2.length - 1]) == null ? void 0 : _b.querySelector(".mc-step-item-number");
|
|
32
32
|
if (!l2 || !c2) return void (t2.style.width = "0px");
|
|
33
|
-
const a2 = e3.getBoundingClientRect(), m2 = l2.getBoundingClientRect(),
|
|
34
|
-
t2.style.width =
|
|
33
|
+
const a2 = e3.getBoundingClientRect(), m2 = l2.getBoundingClientRect(), i2 = c2.getBoundingClientRect();
|
|
34
|
+
t2.style.width = i2.left - m2.left - m2.width + "px", t2.style.left = `${m2.left - a2.left + m2.width}px`;
|
|
35
35
|
}, P2 = () => {
|
|
36
36
|
const e3 = R2.value, t2 = K2.value;
|
|
37
37
|
if (t2 < 0) return void (e3.style.width = "0");
|
|
@@ -45,19 +45,19 @@ const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-numb
|
|
|
45
45
|
g2.value ? N2() : P2();
|
|
46
46
|
}), C(I(() => {
|
|
47
47
|
g2.value ? N2() : (O2(), P2());
|
|
48
|
-
}, 50)),
|
|
48
|
+
}, 50)), h2({ ref: S2, setSuccessStep: J2 }), (e3, t2) => (i(), m("div", { class: n(["mc-step", `mc-step-${e3.type}`]), ref_key: "_ref", ref: S2 }, [o("ul", { class: "mc-step-item-container", ref_key: "stepContainerRef", ref: w2 }, [(i(true), m(p, null, d(e3.steps, (t3, s2) => (i(), m("li", { class: n(["mc-step-item", { "mc-step-item-active": e3.modelValue === t3.key, "mc-step-item-disabled": t3.disabled, "mc-step-item-success": s2 <= K2.value }]), key: t3.key }, [o("div", q, [o("div", A, [s2 > K2.value || t3.disabled ? (i(), m("span", H, r(s2 + 1), 1)) : (i(), v(_, { key: 1 }))])]), o("div", L, [t3.label || t3.desc ? (i(), m("div", z, [o("h3", D, r(t3.label), 1), o("p", E, r(t3.desc), 1)])) : u("", true), Q2(t3) ? (i(), m("div", F, [(i(), v(y(t3.component)))])) : u("", true)])], 2))), 128)), o("div", { ref_key: "unsuccessLineRef", ref: V2, class: "mc-step-line mc-step-unsuccess-line" }, [o("div", { ref_key: "successLineRef", ref: R2, class: "mc-step-success-line" }, null, 512)], 512)], 512), T2.value ? (i(), m("div", G, [(i(), v(y(T2.value)))])) : u("", true)], 2));
|
|
49
49
|
} }), [["__scopeId", "data-v-3e1df60e"]])), K = Symbol("StepV2Context"), N = Symbol("StepItemV2Context"), O = { class: "mc-step-v2" }, P = e({ name: "McStepV2", __name: "mc-step-v2", props: { modelValue: {}, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean, default: false } }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2 }) {
|
|
50
|
-
const
|
|
50
|
+
const n2 = e2, o2 = s([]), u2 = s(-1), p2 = (e3) => {
|
|
51
51
|
e3 > -1 ? e3 > o2.value.length - 1 ? u2.value = o2.value.length - 1 : u2.value = e3 : u2.value = -1;
|
|
52
52
|
}, d2 = () => {
|
|
53
|
-
const e3 = x(o2.value, (e4) => e4.name ===
|
|
53
|
+
const e3 = x(o2.value, (e4) => e4.name === n2.modelValue);
|
|
54
54
|
p2(e3 - 1);
|
|
55
55
|
};
|
|
56
56
|
return c(() => {
|
|
57
57
|
d2();
|
|
58
|
-
}), l(() =>
|
|
58
|
+
}), l(() => n2.modelValue, () => {
|
|
59
59
|
d2();
|
|
60
|
-
}, { flush: "post" }),
|
|
60
|
+
}, { flush: "post" }), h(K, { successStepIndex: u2, activeStep: t(() => n2.modelValue), succeed: t(() => n2.succeed), showContent: t(() => n2.showContent), stepItems: o2.value, addStepItem: (e3) => {
|
|
61
61
|
o2.value.push(e3);
|
|
62
62
|
}, removeStepItem: (e3) => {
|
|
63
63
|
const t2 = x(o2.value, (t3) => t3.name === e3.name);
|
|
@@ -65,9 +65,9 @@ const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-numb
|
|
|
65
65
|
} }), a2({ setSuccessIndex: p2, setSuccessStep: (e3) => {
|
|
66
66
|
const t2 = x(o2.value, (t3) => t3.name === e3);
|
|
67
67
|
p2(t2);
|
|
68
|
-
} }), (e3, t2) => (
|
|
68
|
+
} }), (e3, t2) => (i(), m("div", O, [f(e3.$slots, "default")]));
|
|
69
69
|
} }), Q = { class: "mc-step-item-step-bar-number" }, T = { key: 0, class: "mc-step-item-step-bar-number-text" }, U = { key: 0, class: "mc-step-item-label" }, W = { class: "mc-step-item-label-title" }, X = { class: "mc-step-item-label-desc" }, Y = { key: 1, class: "mc-step-item-slot" }, Z = $(e({ name: "McStepItemV2", __name: "mc-step-item-v2", props: { icon: {}, minHeight: { default: "64px" }, name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean, default: false } }, setup(e2) {
|
|
70
|
-
const a2 = e2, p2 = s(), d2 = s(), y2 = b(K);
|
|
70
|
+
const a2 = e2, p2 = s(), d2 = s(), y2 = b(K, void 0);
|
|
71
71
|
c(() => {
|
|
72
72
|
y2 == null ? void 0 : y2.addStepItem(a2);
|
|
73
73
|
}), g(() => {
|
|
@@ -100,20 +100,20 @@ const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-numb
|
|
|
100
100
|
};
|
|
101
101
|
return l($2, (e3) => {
|
|
102
102
|
M2(e3 ? 40 : "auto");
|
|
103
|
-
}),
|
|
104
|
-
} }), [["__scopeId", "data-v-
|
|
105
|
-
const s2 = e2, l2 = b(N), c2 = t(() => {
|
|
103
|
+
}), h(N, { succeed: t(() => I2.value), actived: t(() => x2.value) }), (e3, t2) => (i(), m("div", { class: n(["mc-step-item-v2", { "mc-step-item-actived": x2.value, "mc-step-item-success": I2.value }]), style: k({ minHeight: e3.minHeight }) }, [o("div", { class: "mc-step-item-step-bar", ref_key: "stepBarRef", ref: d2 }, [o("div", Q, [I2.value ? (i(), v(_, { key: 1, class: "mc-step-item-step-bar-success-icon" })) : (i(), m("div", T, [e3.icon ? (i(), v(j, { key: 0, name: e3.icon, class: "mc-step-item-step-bar-icon" }, null, 8, ["name"])) : f(e3.$slots, "step-number", { key: 1 }, () => [S(r(C2.value + 1), 1)], true)]))])], 512), o("div", { class: "mc-step-item-content", ref_key: "contentRef", ref: p2 }, [e3.label || e3.desc ? (i(), m("div", U, [f(e3.$slots, "label", {}, () => [o("span", W, r(e3.label), 1)], true), f(e3.$slots, "desc", {}, () => [o("p", X, r(e3.desc), 1)], true)])) : u("", true), B2.value ? (i(), m("div", Y, [f(e3.$slots, "default", {}, void 0, true)])) : u("", true)], 512)], 6));
|
|
104
|
+
} }), [["__scopeId", "data-v-7d374646"]]), ee = { class: "mc-step-child-item-content" }, te = { key: 0, class: "mc-step-child-item-label" }, se = { class: "mc-step-child-item-label-title" }, le = { class: "mc-step-child-item-label-desc" }, ce = { key: 1, class: "mc-step-child-item-slot" }, ae = $(e({ name: "McStepChildItemV2", __name: "mc-step-child-item-v2", props: { name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean } }, setup(e2) {
|
|
105
|
+
const s2 = e2, l2 = b(N, void 0), c2 = t(() => {
|
|
106
106
|
var _a;
|
|
107
107
|
return (_a = l2 == null ? void 0 : l2.actived) == null ? void 0 : _a.value;
|
|
108
108
|
}), a2 = t(() => {
|
|
109
109
|
var _a, _b;
|
|
110
110
|
return ((_a = l2 == null ? void 0 : l2.succeed) == null ? void 0 : _a.value) ? (_b = l2 == null ? void 0 : l2.succeed) == null ? void 0 : _b.value : s2.succeed;
|
|
111
111
|
});
|
|
112
|
-
return (e3, t2) => (
|
|
113
|
-
} }), [["__scopeId", "data-v-
|
|
112
|
+
return (e3, t2) => (i(), m("div", { class: n(["mc-step-child-item-v2", { "mc-step-child-item-actived": c2.value, "mc-step-child-item-success": a2.value }]) }, [o("div", ee, [e3.label || e3.desc ? (i(), m("div", te, [o("span", se, r(e3.label), 1), o("p", le, r(e3.desc), 1)])) : u("", true), e3.$slots.default ? (i(), m("div", ce, [f(e3.$slots, "default", {}, void 0, true)])) : u("", true)])], 2));
|
|
113
|
+
} }), [["__scopeId", "data-v-1340291a"]]), me = M(P), ie = M(Z), ne = M(ae);
|
|
114
114
|
export {
|
|
115
115
|
J as M,
|
|
116
116
|
me as a,
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
ie as b,
|
|
118
|
+
ne as c
|
|
119
119
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as e, createElementBlock as l, openBlock as t, renderSlot as a, createCommentVNode as s, createElementVNode as i, toDisplayString as o, createVNode as c, useSlots as h, computed as n, watch as p, createBlock as d, createSlots as m, withCtx as u, normalizeStyle as v, normalizeClass as b, unref as r } from "vue";
|
|
2
2
|
import { M as w } from "./mc-tooltip-Ckhu6Zvc.js";
|
|
3
3
|
import { _ as f, w as x } from "./utils-BmNJhgNi.js";
|
|
4
|
-
import { u as $, a as y } from "./mc-form-
|
|
4
|
+
import { u as $, a as y } from "./mc-form-Dt1hSyy8.js";
|
|
5
5
|
const k = { class: "mc-switch-label-wrapper" }, T = { class: "mc-switch-label" }, _ = { class: "mc-switch-help" }, g = f(e({ __name: "mc-switch-label", props: { label: {}, helpText: {}, helpIcon: { default: "Info" } }, setup: (e2) => (e3, h2) => (t(), l("div", k, [e3.label || e3.$slots.label ? a(e3.$slots, "label", { key: 0 }, () => [i("span", T, o(e3.label), 1)], true) : s("", true), e3.helpText || e3.$slots.help ? a(e3.$slots, "help", { key: 1 }, () => [i("div", _, [c(w, { "icon-name": e3.helpIcon, content: e3.helpText, "icon-size": 22 }, null, 8, ["icon-name", "content"])])], true) : s("", true)])) }), [["__scopeId", "data-v-12dff36d"]]), I = { class: "mc-switch" }, V = ["disabled", "value"], j = { class: "mc-switch-inner" }, z = { class: "mc-switch-inner-text" }, M = { class: "mc-switch-inner-text" }, B = x(f(e({ name: "McSwitch", __name: "mc-switch", props: { modelValue: { type: Boolean, default: false }, width: {}, height: {}, activeText: {}, inactiveText: {}, disabled: { type: Boolean, default: false }, size: { default: "medium" }, label: {}, labelPosition: { default: "right" }, helpIcon: { default: "Info" }, helpText: {} }, emits: ["update:modelValue", "change"], setup(e2, { emit: c2 }) {
|
|
6
6
|
const w2 = e2, f2 = c2, x2 = h(), k2 = n(() => w2.modelValue), T2 = () => {
|
|
7
7
|
S.value || (f2("update:modelValue", !w2.modelValue), f2("change", !w2.modelValue));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as t, openBlock as n, normalizeClass as o, renderSlot as i, Fragment as s, createTextVNode as r, toDisplayString as c, useSlots as u, ref as d, normalizeStyle as p, createElementVNode as g, renderList as v, createVNode as m, unref as f, createBlock as h, createSlots as b, withCtx as _, mergeProps as y, watch as w, onMounted as k, nextTick as x, toRefs as S, normalizeProps as C, guardReactiveProps as R, watchEffect as z, onUnmounted as I, resolveDynamicComponent as P, h as $ } from "vue";
|
|
2
|
-
import { a as M } from "./mc-checkbox-
|
|
2
|
+
import { a as M } from "./mc-checkbox-DV1C7H35.js";
|
|
3
3
|
import { _ as T, w as H } from "./utils-BmNJhgNi.js";
|
|
4
4
|
import { M as W } from "./mc-icon-D3S6pb2m.js";
|
|
5
5
|
import { m as A, f as B, x as L, w as O } from "./vendor-CF1nicIl.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-checkbox[data-v-
|
|
1
|
+
.mc-checkbox[data-v-a13ff63a]{display:flex;align-items:start;position:relative}.mc-checkbox .mc-checkbox__input[data-v-a13ff63a]{width:0;height:0;margin:0;padding:0;border:0;outline:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mc-checkbox .mc-checkbox__wrapper[data-v-a13ff63a]{display:flex;align-items:center;gap:8px}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox[data-v-a13ff63a]{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;box-sizing:border-box;border-radius:var(--mc-radius);border:1px solid var(--mc-gray-400)}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox[data-v-a13ff63a]:hover{border:2px solid var(--mc-gray-500)}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--partial[data-v-a13ff63a]:after{content:""}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--checked[data-v-a13ff63a]:after{content:""}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--checked[data-v-a13ff63a],.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--partial[data-v-a13ff63a]{background-color:var(--mc-teal-500);border-color:var(--mc-teal-500);position:relative}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--checked[data-v-a13ff63a]:hover,.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--partial[data-v-a13ff63a]:hover{border-color:var(--mc-teal-900);background-color:var(--mc-teal-900)}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--checked[data-v-a13ff63a]:after,.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__checkbox.mc-checkbox__checkbox--partial[data-v-a13ff63a]:after{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;font-family:mc-iconfont!important;font-size:24px;color:var(--mc-white)}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__content[data-v-a13ff63a]{font-size:14px;color:var(--mc-gray-800)}.mc-checkbox .mc-checkbox__wrapper .mc-checkbox__content-remarks[data-v-a13ff63a]{position:absolute;width:100%;top:24px;left:32px;color:var(--mc-gray-500);font-size:12px}.mc-checkbox.mc-checkbox--disabled .mc-checkbox__checkbox[data-v-a13ff63a]{background-color:var(--mc-gray-300)!important;border-color:var(--mc-gray-300)!important;cursor:not-allowed!important}.mc-checkbox.mc-checkbox--disabled .mc-checkbox__content-text[data-v-a13ff63a]{color:var(--mc-gray-400)}.mc-checkbox.mc-checkbox--error .mc-checkbox__checkbox[data-v-a13ff63a]{border-color:var(--mc-error)!important}.mc-checkbox.mc-checkbox--error .mc-checkbox__checkbox.mc-checkbox__checkbox--partial[data-v-a13ff63a],.mc-checkbox.mc-checkbox--error .mc-checkbox__checkbox.mc-checkbox__checkbox--checked[data-v-a13ff63a]{background-color:var(--mc-error)!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-drawer[data-v-
|
|
1
|
+
.mc-drawer[data-v-efaee3e8]{padding-top:56px;position:absolute;background-color:var(--mc-white);z-index:9999;box-sizing:border-box}.mc-drawer.mc-drawer-right[data-v-efaee3e8],.mc-drawer.mc-drawer-left[data-v-efaee3e8]{top:0;bottom:0}.mc-drawer.mc-drawer-right.mc-drawer-medium[data-v-efaee3e8],.mc-drawer.mc-drawer-left.mc-drawer-medium[data-v-efaee3e8]{width:708px}.mc-drawer.mc-drawer-right.mc-drawer-large[data-v-efaee3e8],.mc-drawer.mc-drawer-left.mc-drawer-large[data-v-efaee3e8]{width:996px}.mc-drawer.mc-drawer-right.mc-drawer-small[data-v-efaee3e8],.mc-drawer.mc-drawer-left.mc-drawer-small[data-v-efaee3e8]{width:480px}.mc-drawer.mc-drawer-bottom[data-v-efaee3e8],.mc-drawer.mc-drawer-top[data-v-efaee3e8]{width:100%;left:0;right:0}.mc-drawer.mc-drawer-bottom.mc-drawer-medium[data-v-efaee3e8],.mc-drawer.mc-drawer-top.mc-drawer-medium[data-v-efaee3e8]{height:50vh}.mc-drawer.mc-drawer-bottom.mc-drawer-large[data-v-efaee3e8],.mc-drawer.mc-drawer-top.mc-drawer-large[data-v-efaee3e8]{height:75vh}.mc-drawer.mc-drawer-bottom.mc-drawer-small[data-v-efaee3e8],.mc-drawer.mc-drawer-top.mc-drawer-small[data-v-efaee3e8]{height:25vh}.mc-drawer.mc-drawer-right[data-v-efaee3e8]{right:0}.mc-drawer.mc-drawer-left[data-v-efaee3e8]{left:0}.mc-drawer.mc-drawer-bottom[data-v-efaee3e8]{bottom:0}.mc-drawer.mc-drawer-top[data-v-efaee3e8]{top:0}.mc-drawer .mc-drawer-header[data-v-efaee3e8]{width:100%;position:absolute;top:0}.mc-drawer .mc-drawer-footer[data-v-efaee3e8]{width:100%;position:absolute;bottom:0}.mc-drawer .mc-drawer-footer .mc-drawer-button[data-v-efaee3e8]{width:fit-content;min-width:160px}.mc-drawer .mc-drawer-content-wrapper[data-v-efaee3e8]{width:100%;height:100%;box-sizing:border-box;overflow-y:auto}.mc-drawer .mc-drawer-content-wrapper .mc-drawer-content[data-v-efaee3e8]{padding:24px;box-sizing:border-box}.mc-drawer-overlay-enter-active[data-v-efaee3e8],.mc-drawer-overlay-leave-active[data-v-efaee3e8]{transition:opacity .3s ease-in-out}.mc-drawer-overlay-enter-active.mc-drawer-overlay-enter-from[data-v-efaee3e8],.mc-drawer-overlay-enter-active.mc-drawer-overlay-leave-to[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-enter-from[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-leave-to[data-v-efaee3e8]{opacity:0}.mc-drawer-overlay-enter-active.mc-drawer-overlay-enter-to[data-v-efaee3e8],.mc-drawer-overlay-enter-active.mc-drawer-overlay-leave-from[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-enter-to[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-leave-from[data-v-efaee3e8]{opacity:1}.mc-drawer-content-right-enter-active[data-v-efaee3e8],.mc-drawer-content-right-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:right}.mc-drawer-content-right-enter-active.mc-drawer-content-right-enter-from[data-v-efaee3e8],.mc-drawer-content-right-enter-active.mc-drawer-content-right-leave-to[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-enter-from[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-leave-to[data-v-efaee3e8]{transform:scaleX(0)}.mc-drawer-content-right-enter-active.mc-drawer-content-right-enter-to[data-v-efaee3e8],.mc-drawer-content-right-enter-active.mc-drawer-content-right-leave-from[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-enter-to[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-leave-from[data-v-efaee3e8]{transform:scaleX(1)}.mc-drawer-content-bottom-enter-active[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:bottom}.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-enter-from[data-v-efaee3e8],.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-leave-to[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-enter-from[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-leave-to[data-v-efaee3e8]{transform:scaleY(0)}.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-enter-to[data-v-efaee3e8],.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-leave-from[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-enter-to[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-leave-from[data-v-efaee3e8]{transform:scaleY(1)}.mc-drawer-content-left-enter-active[data-v-efaee3e8],.mc-drawer-content-left-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:left}.mc-drawer-content-left-enter-active.mc-drawer-content-left-enter-from[data-v-efaee3e8],.mc-drawer-content-left-enter-active.mc-drawer-content-left-leave-to[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-enter-from[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-leave-to[data-v-efaee3e8]{transform:scaleX(0)}.mc-drawer-content-left-enter-active.mc-drawer-content-left-enter-to[data-v-efaee3e8],.mc-drawer-content-left-enter-active.mc-drawer-content-left-leave-from[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-enter-to[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-leave-from[data-v-efaee3e8]{transform:scaleX(1)}.mc-drawer-content-top-enter-active[data-v-efaee3e8],.mc-drawer-content-top-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:top}.mc-drawer-content-top-enter-active.mc-drawer-content-top-enter-from[data-v-efaee3e8],.mc-drawer-content-top-enter-active.mc-drawer-content-top-leave-to[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-enter-from[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-leave-to[data-v-efaee3e8]{transform:scaleY(0)}.mc-drawer-content-top-enter-active.mc-drawer-content-top-enter-to[data-v-efaee3e8],.mc-drawer-content-top-enter-active.mc-drawer-content-top-leave-from[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-enter-to[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-leave-from[data-v-efaee3e8]{transform:scaleY(1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-form-item[data-v-
|
|
1
|
+
.mc-form-item[data-v-bff4206f]{width:100%;margin-bottom:24px;position:relative}.mc-form-item.mc-form-item-horizontal[data-v-bff4206f]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.mc-form-item .mc-form-item-label-wrapper[data-v-bff4206f]{display:flex;justify-content:space-between;gap:8px}.mc-form-item .mc-form-item-label-wrapper .mc-form-item-label[data-v-bff4206f]{display:flex;align-items:center;gap:8px}.mc-form-item .mc-form-item-label-wrapper .mc-form-item-label .mc-form-item-lable-text[data-v-bff4206f]{position:relative;font-weight:700;color:var(--mc-gray-500);font-size:14px}.mc-form-item .mc-form-item-label-wrapper .mc-form-item-label .mc-form-item-lable-text.mc-form-item-label-required[data-v-bff4206f]{margin-right:8px}.mc-form-item .mc-form-item-label-wrapper .mc-form-item-label .mc-form-item-lable-text.mc-form-item-label-required[data-v-bff4206f]:after{content:"*";color:var(--mc-error);position:absolute;right:-8px;top:0}.mc-form-item .mc-form-item-desc[data-v-bff4206f]{font-size:12px;color:var(--mc-gray-500);margin-top:4px}.mc-form-item .mc-form-item__content[data-v-bff4206f]{width:100%;margin-top:8px;position:relative}.mc-form-item .mc-form-item__error[data-v-bff4206f]{position:absolute;bottom:-20px;left:0;color:var(--mc-error);font-size:12px}.mc-form-item .mc-form-item-error-enter-active[data-v-bff4206f],.mc-form-item .mc-form-item-error-leave-active[data-v-bff4206f]{transition:all .3s ease}.mc-form-item .mc-form-item-error-enter-from[data-v-bff4206f],.mc-form-item .mc-form-item-error-leave-to[data-v-bff4206f]{opacity:0;transform:translateY(-8px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-input[data-v-
|
|
1
|
+
.mc-input[data-v-302bbc5a]{width:320px;height:40px;padding:0 8px;background-color:var(--mc-white);box-sizing:border-box;border:1px solid var(--mc-gray-400);border-radius:var(--mc-radius);color:var(--mc-gray-400);display:flex;align-items:center;gap:8px}.mc-input .mc-input__inner[data-v-302bbc5a]{height:100%;width:100%;box-sizing:border-box;margin:0;padding:0;border:none;outline:none;font-size:var(--mc-font-size-base);background-color:transparent;color:inherit;cursor:inherit}.mc-input .mc-input__inner[data-v-302bbc5a]::placeholder{color:var(--mc-gray-400)}.mc-input .mc-input-icon[data-v-302bbc5a]{color:var(--mc-gray-800)}.mc-input.mc-input--input-group-prefix[data-v-302bbc5a]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid transparent}.mc-input.mc-input--input-group-suffix[data-v-302bbc5a]{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid transparent}.mc-input[data-v-302bbc5a]:hover{border:2px solid var(--mc-gray-600);padding:0 7px}.mc-input.mc-input--focused[data-v-302bbc5a]{border:2px solid var(--mc-gray-600);padding:0 7px;color:var(--mc-black)}.mc-input.mc-input--inputed[data-v-302bbc5a]{color:var(--mc-black)}.mc-input.mc-input--disabled[data-v-302bbc5a]{border:1px solid var(--mc-gray-400);color:var(--mc-gray-500);background-color:var(--mc-gray-200);padding:0 8px;cursor:not-allowed}.mc-input.mc-input--disabled .mc-input__password[data-v-302bbc5a]{cursor:not-allowed}.mc-input .mc-input__password[data-v-302bbc5a]{cursor:pointer}.mc-input.mc-input--error[data-v-302bbc5a]:not(.mc-input--disabled){border-color:var(--mc-error)}.mc-input .mc-input__status--error[data-v-302bbc5a]{color:var(--mc-error)}.mc-input .mc-input__status--success[data-v-302bbc5a]{color:var(--mc-success)}.mc-input-group[data-v-bd853541]{display:flex;align-items:center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-radio-group[data-v-152cbc8e]{display:flex;align-items:start}.mc-radio[data-v-
|
|
1
|
+
.mc-radio-group[data-v-152cbc8e]{display:flex;align-items:start}.mc-radio[data-v-c97e32c0]{min-height:24px}.mc-radio.mc-radio-has-remark[data-v-c97e32c0]{min-height:40px}.mc-radio .mc-radio-label[data-v-c97e32c0]{width:fit-content;height:24px;display:flex;align-items:center;gap:8px;cursor:pointer}.mc-radio .mc-radio-label .mc-radio-input[data-v-c97e32c0]{margin:0;padding:0;width:0;height:0;border:none;outline:none;display:none}.mc-radio .mc-radio-label .mc-radio-circle[data-v-c97e32c0]{width:24px;height:24px;box-sizing:border-box;border-radius:50%}.mc-radio .mc-radio-label:not(.mc-radio-checked) .mc-radio-circle[data-v-c97e32c0]{border:1px solid var(--mc-gray-400)}.mc-radio .mc-radio-label:not(.mc-radio-checked):hover .mc-radio-circle[data-v-c97e32c0]{border:2px solid var(--mc-gray-500)}.mc-radio .mc-radio-label.mc-radio-checked .mc-radio-circle[data-v-c97e32c0]{border:none;background-color:var(--mc-teal-500);position:relative}.mc-radio .mc-radio-label.mc-radio-checked .mc-radio-circle[data-v-c97e32c0]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:var(--mc-white)}.mc-radio .mc-radio-label .mc-radio-content[data-v-c97e32c0]{color:var(--mc-gray-800);font-size:16px}.mc-radio .mc-radio-label.mc-radio-error .mc-radio-circle[data-v-c97e32c0]{border-color:var(--mc-error)!important}.mc-radio .mc-radio-label.mc-radio-error.mc-radio-checked .mc-radio-circle[data-v-c97e32c0]{background-color:var(--mc-error)}.mc-radio .mc-radio-label.mc-radio-disabled[data-v-c97e32c0]{cursor:not-allowed}.mc-radio .mc-radio-label.mc-radio-disabled .mc-radio-circle[data-v-c97e32c0]{border:none;background-color:var(--mc-gray-300)}.mc-radio .mc-radio-label.mc-radio-disabled:hover .mc-radio-circle[data-v-c97e32c0]{border:none}.mc-radio .mc-radio-remark[data-v-c97e32c0]{box-sizing:border-box;padding-left:32px;color:var(--mc-gray-500);font-size:12px;word-wrap:break-word;overflow-wrap:break-word}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-step ul[data-v-3e1df60e],.mc-step li[data-v-3e1df60e]{padding:0;margin:0}.mc-step h3[data-v-3e1df60e],.mc-step p[data-v-3e1df60e]{margin:0;padding:0;font-size:inherit;color:inherit;font-weight:inherit}.mc-step .mc-step-number-container[data-v-3e1df60e]{position:relative;width:40px;height:40px}.mc-step .mc-step-item-number[data-v-3e1df60e]{width:100%;height:100%;border-radius:50%;background-color:var(--mc-white);color:var(--mc-gray-800);position:absolute;top:0;left:0;z-index:99;cursor:default;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;box-shadow:0 4px 8px var(--mc-gray-200)}.mc-step .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{width:36px;height:36px;border-radius:50%;background-color:var(--mc-gray-200);font-weight:600;font-size:14px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item-content-title[data-v-3e1df60e]{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item-content-title .mc-step-item-label[data-v-3e1df60e]{width:100%;font-weight:600;font-size:16px;color:var(--mc-gray-500);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item-content-title .mc-step-item-desc[data-v-3e1df60e]{font-size:14px;color:var(--mc-gray-800);width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item.mc-step-item-active .mc-step-item-number[data-v-3e1df60e]{background-color:var(--mc-purple-500);color:var(--mc-white)}.mc-step .mc-step-item.mc-step-item-active .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{background-color:var(--mc-purple-500)}.mc-step .mc-step-item.mc-step-item-active .mc-step-item-label[data-v-3e1df60e]{color:var(--mc-purple-500)}.mc-step .mc-step-item.mc-step-item-success .mc-step-item-number[data-v-3e1df60e]{background-color:var(--mc-success);color:var(--mc-white)}.mc-step .mc-step-item.mc-step-item-success .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{background-color:var(--mc-success)}.mc-step .mc-step-item.mc-step-item-success .mc-step-item-label[data-v-3e1df60e]{color:var(--mc-success)}.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-number[data-v-3e1df60e]{background-color:var(--mc-white);color:var(--mc-gray-500)}.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{background-color:var(--mc-gray-100)}.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-label[data-v-3e1df60e],.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-desc[data-v-3e1df60e]{color:var(--mc-gray-500)}.mc-step-vertical[data-v-3e1df60e]{position:relative}.mc-step-vertical .mc-step-item[data-v-3e1df60e]{display:flex;gap:10px;min-height:56px}.mc-step-vertical .mc-step-item .mc-step-item-content[data-v-3e1df60e]{flex:1}.mc-step-vertical .mc-step-item .mc-step-item-content-title[data-v-3e1df60e]{min-height:36px;margin-bottom:16px}.mc-step-vertical .mc-step-item .mc-step-item-label[data-v-3e1df60e],.mc-step-vertical .mc-step-item .mc-step-item-desc[data-v-3e1df60e]{justify-content:left}.mc-step-vertical .mc-step-item-component[data-v-3e1df60e]{margin-bottom:24px}.mc-step-vertical .mc-step-line[data-v-3e1df60e]{position:absolute;height:calc(100% - 24px);top:0;left:20px}.mc-step-vertical .mc-step-line.mc-step-unsuccess-line[data-v-3e1df60e]{border:1.5px solid transparent;border-image:repeating-linear-gradient(to bottom,var(--mc-gray-400) 0,var(--mc-gray-400) 4px,transparent 4px,transparent 8px) 1}.mc-step-vertical .mc-step-line.mc-step-unsuccess-line .mc-step-success-line[data-v-3e1df60e]{position:absolute;height:0;left:-1.5px;border:1.8px solid var(--mc-success);z-index:10;transition:height .5s ease-in-out}.mc-step-horizontal[data-v-3e1df60e]{width:100%}.mc-step-horizontal .mc-step-item-container[data-v-3e1df60e]{width:100%;height:fit-content;display:flex;justify-content:space-between;position:relative}.mc-step-horizontal .mc-step-item[data-v-3e1df60e]{flex:1;display:flex;flex-direction:column;align-items:center}.mc-step-horizontal .mc-step-item .mc-step-item-content[data-v-3e1df60e]{margin-top:12px}.mc-step-horizontal .mc-step-item .mc-step-item-content .mc-step-item-component[data-v-3e1df60e]{margin-top:16px}.mc-step-horizontal .mc-step-line[data-v-3e1df60e]{position:absolute;width:100%;top:20px;left:0}.mc-step-horizontal .mc-step-line.mc-step-unsuccess-line[data-v-3e1df60e]{border:1.5px solid transparent;border-image:repeating-linear-gradient(to right,var(--mc-gray-400) 0,var(--mc-gray-400) 4px,transparent 4px,transparent 8px) 1}.mc-step-horizontal .mc-step-line.mc-step-unsuccess-line .mc-step-success-line[data-v-3e1df60e]{position:absolute;width:0;top:-1.5px;border:1.8px solid var(--mc-success);z-index:10;transition:width .5s ease-in-out}.mc-step-horizontal .mc-step-item-component[data-v-3e1df60e]{margin-top:16px}.mc-step-item-v2[data-v-fe6fb14d]{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:8px}.mc-step-item-v2 span[data-v-fe6fb14d],.mc-step-item-v2 p[data-v-fe6fb14d]{margin:0;padding:0;color:inherit}.mc-step-item-v2 .mc-step-item-step-bar[data-v-fe6fb14d]{width:48px;align-self:stretch;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:start;gap:0}.mc-step-item-v2 .mc-step-item-step-bar .mc-step-item-step-bar-number[data-v-fe6fb14d]{width:40px;height:40px;border-radius:50%;background-color:var(--mc-white);box-shadow:0 2px 4px #04147c26;position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;z-index:20}.mc-step-item-v2 .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-number-text[data-v-fe6fb14d]{width:36px;height:36px;border-radius:50%;background-color:var(--mc-gray-200);font-weight:600;font-size:16px;color:var(--mc-gray-800);cursor:default;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step-item-v2 .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-success-icon[data-v-fe6fb14d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-step-item-v2 .mc-step-item-step-bar[data-v-fe6fb14d]:before{content:"";width:2px;height:0%;position:absolute;left:50%;transform:translate(-50%);box-sizing:border-box;transition:height .3s ease-in-out;z-index:10}.mc-step-item-v2 .mc-step-item-step-bar[data-v-fe6fb14d]:after{content:"";height:100%;position:absolute;left:50%;transform:translate(-50%);box-sizing:border-box;border:1.5px solid transparent;border-image:repeating-linear-gradient(to bottom,var(--mc-gray-400) 0,var(--mc-gray-400) 4px,transparent 4px,transparent 8px) 1;z-index:1}.mc-step-item-v2 .mc-step-item-content[data-v-fe6fb14d]{flex:1;padding-top:8px;box-sizing:border-box}.mc-step-item-v2 .mc-step-item-content .mc-step-item-label[data-v-fe6fb14d]{margin-bottom:16px}.mc-step-item-v2 .mc-step-item-content .mc-step-item-label .mc-step-item-label-title[data-v-fe6fb14d]{color:var(--mc-gray-500);font-size:16px;font-weight:600;margin-bottom:8px}.mc-step-item-v2 .mc-step-item-content .mc-step-item-label .mc-step-item-label-desc[data-v-fe6fb14d]{font-size:14px;font-weight:400;color:var(--mc-gray-800)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-step-bar .mc-step-item-step-bar-number[data-v-fe6fb14d]{background-color:var(--mc-purple-500)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-number-text[data-v-fe6fb14d]{background-color:var(--mc-purple-500);color:var(--mc-white)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-step-bar[data-v-fe6fb14d]:before{height:100%;background-color:var(--mc-purple-500)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-content .mc-step-item-label .mc-step-item-label-title[data-v-fe6fb14d]{color:var(--mc-purple-500)}.mc-step-item-v2.mc-step-item-success .mc-step-item-step-bar .mc-step-item-step-bar-number[data-v-fe6fb14d]{background-color:var(--mc-success)}.mc-step-item-v2.mc-step-item-success .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-number-text[data-v-fe6fb14d]{background-color:var(--mc-success);color:var(--mc-white)}.mc-step-item-v2.mc-step-item-success .mc-step-item-step-bar[data-v-fe6fb14d]:before{height:100%;background-color:var(--mc-success)}.mc-step-item-v2.mc-step-item-success .mc-step-item-content .mc-step-item-label .mc-step-item-label-title[data-v-fe6fb14d]{color:var(--mc-success)}.mc-step-child-item-v2[data-v-dbb161eb]{position:relative}.mc-step-child-item-v2 span[data-v-dbb161eb],.mc-step-child-item-v2 p[data-v-dbb161eb]{margin:0;padding:0;color:inherit}.mc-step-child-item-v2 .mc-step-child-item-content .mc-step-child-item-label[data-v-dbb161eb]{margin-bottom:16px}.mc-step-child-item-v2 .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-title[data-v-dbb161eb]{color:var(--mc-gray-500);font-size:16px;font-weight:400;margin-bottom:8px}.mc-step-child-item-v2 .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-desc[data-v-dbb161eb]{font-size:14px;font-weight:400;color:var(--mc-gray-800)}.mc-step-child-item-v2 .mc-step-child-item-slot[data-v-dbb161eb]{box-sizing:border-box;padding-bottom:24px}.mc-step-child-item-v2[data-v-dbb161eb]:before{content:"";width:16px;height:16px;border-radius:50%;background-color:var(--mc-gray-200);border:2px solid var(--mc-white);box-shadow:0 2px 4px #04147c26;box-sizing:border-box;position:absolute;top:4px;left:-40px;z-index:20}.mc-step-child-item-v2.mc-step-child-item-actived[data-v-dbb161eb]:before{background-color:var(--mc-purple-500);border-color:var(--mc-purple-500)}.mc-step-child-item-v2.mc-step-child-item-actived .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-title[data-v-dbb161eb]{color:var(--mc-purple-500)}.mc-step-child-item-v2.mc-step-child-item-success[data-v-dbb161eb]:before{background-color:var(--mc-success);border-color:var(--mc-success)}.mc-step-child-item-v2.mc-step-child-item-success .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-title[data-v-dbb161eb]{color:var(--mc-success)}
|
|
1
|
+
.mc-step ul[data-v-3e1df60e],.mc-step li[data-v-3e1df60e]{padding:0;margin:0}.mc-step h3[data-v-3e1df60e],.mc-step p[data-v-3e1df60e]{margin:0;padding:0;font-size:inherit;color:inherit;font-weight:inherit}.mc-step .mc-step-number-container[data-v-3e1df60e]{position:relative;width:40px;height:40px}.mc-step .mc-step-item-number[data-v-3e1df60e]{width:100%;height:100%;border-radius:50%;background-color:var(--mc-white);color:var(--mc-gray-800);position:absolute;top:0;left:0;z-index:99;cursor:default;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;box-shadow:0 4px 8px var(--mc-gray-200)}.mc-step .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{width:36px;height:36px;border-radius:50%;background-color:var(--mc-gray-200);font-weight:600;font-size:14px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item-content-title[data-v-3e1df60e]{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item-content-title .mc-step-item-label[data-v-3e1df60e]{width:100%;font-weight:600;font-size:16px;color:var(--mc-gray-500);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item-content-title .mc-step-item-desc[data-v-3e1df60e]{font-size:14px;color:var(--mc-gray-800);width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step .mc-step-item.mc-step-item-active .mc-step-item-number[data-v-3e1df60e]{background-color:var(--mc-purple-500);color:var(--mc-white)}.mc-step .mc-step-item.mc-step-item-active .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{background-color:var(--mc-purple-500)}.mc-step .mc-step-item.mc-step-item-active .mc-step-item-label[data-v-3e1df60e]{color:var(--mc-purple-500)}.mc-step .mc-step-item.mc-step-item-success .mc-step-item-number[data-v-3e1df60e]{background-color:var(--mc-success);color:var(--mc-white)}.mc-step .mc-step-item.mc-step-item-success .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{background-color:var(--mc-success)}.mc-step .mc-step-item.mc-step-item-success .mc-step-item-label[data-v-3e1df60e]{color:var(--mc-success)}.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-number[data-v-3e1df60e]{background-color:var(--mc-white);color:var(--mc-gray-500)}.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-number .mc-step-item-number-text[data-v-3e1df60e]{background-color:var(--mc-gray-100)}.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-label[data-v-3e1df60e],.mc-step .mc-step-item.mc-step-item-disabled .mc-step-item-desc[data-v-3e1df60e]{color:var(--mc-gray-500)}.mc-step-vertical[data-v-3e1df60e]{position:relative}.mc-step-vertical .mc-step-item[data-v-3e1df60e]{display:flex;gap:10px;min-height:56px}.mc-step-vertical .mc-step-item .mc-step-item-content[data-v-3e1df60e]{flex:1}.mc-step-vertical .mc-step-item .mc-step-item-content-title[data-v-3e1df60e]{min-height:36px;margin-bottom:16px}.mc-step-vertical .mc-step-item .mc-step-item-label[data-v-3e1df60e],.mc-step-vertical .mc-step-item .mc-step-item-desc[data-v-3e1df60e]{justify-content:left}.mc-step-vertical .mc-step-item-component[data-v-3e1df60e]{margin-bottom:24px}.mc-step-vertical .mc-step-line[data-v-3e1df60e]{position:absolute;height:calc(100% - 24px);top:0;left:20px}.mc-step-vertical .mc-step-line.mc-step-unsuccess-line[data-v-3e1df60e]{border:1.5px solid transparent;border-image:repeating-linear-gradient(to bottom,var(--mc-gray-400) 0,var(--mc-gray-400) 4px,transparent 4px,transparent 8px) 1}.mc-step-vertical .mc-step-line.mc-step-unsuccess-line .mc-step-success-line[data-v-3e1df60e]{position:absolute;height:0;left:-1.5px;border:1.8px solid var(--mc-success);z-index:10;transition:height .5s ease-in-out}.mc-step-horizontal[data-v-3e1df60e]{width:100%}.mc-step-horizontal .mc-step-item-container[data-v-3e1df60e]{width:100%;height:fit-content;display:flex;justify-content:space-between;position:relative}.mc-step-horizontal .mc-step-item[data-v-3e1df60e]{flex:1;display:flex;flex-direction:column;align-items:center}.mc-step-horizontal .mc-step-item .mc-step-item-content[data-v-3e1df60e]{margin-top:12px}.mc-step-horizontal .mc-step-item .mc-step-item-content .mc-step-item-component[data-v-3e1df60e]{margin-top:16px}.mc-step-horizontal .mc-step-line[data-v-3e1df60e]{position:absolute;width:100%;top:20px;left:0}.mc-step-horizontal .mc-step-line.mc-step-unsuccess-line[data-v-3e1df60e]{border:1.5px solid transparent;border-image:repeating-linear-gradient(to right,var(--mc-gray-400) 0,var(--mc-gray-400) 4px,transparent 4px,transparent 8px) 1}.mc-step-horizontal .mc-step-line.mc-step-unsuccess-line .mc-step-success-line[data-v-3e1df60e]{position:absolute;width:0;top:-1.5px;border:1.8px solid var(--mc-success);z-index:10;transition:width .5s ease-in-out}.mc-step-horizontal .mc-step-item-component[data-v-3e1df60e]{margin-top:16px}.mc-step-item-v2[data-v-7d374646]{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:8px}.mc-step-item-v2 span[data-v-7d374646],.mc-step-item-v2 p[data-v-7d374646]{margin:0;padding:0;color:inherit}.mc-step-item-v2 .mc-step-item-step-bar[data-v-7d374646]{width:48px;align-self:stretch;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:start;gap:0}.mc-step-item-v2 .mc-step-item-step-bar .mc-step-item-step-bar-number[data-v-7d374646]{width:40px;height:40px;border-radius:50%;background-color:var(--mc-white);box-shadow:0 2px 4px #04147c26;position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;z-index:20}.mc-step-item-v2 .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-number-text[data-v-7d374646]{width:36px;height:36px;border-radius:50%;background-color:var(--mc-gray-200);font-weight:600;font-size:16px;color:var(--mc-gray-800);cursor:default;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-step-item-v2 .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-success-icon[data-v-7d374646]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-step-item-v2 .mc-step-item-step-bar[data-v-7d374646]:before{content:"";width:2px;height:0%;position:absolute;left:50%;transform:translate(-50%);box-sizing:border-box;transition:height .3s ease-in-out;z-index:10}.mc-step-item-v2 .mc-step-item-step-bar[data-v-7d374646]:after{content:"";height:100%;position:absolute;left:50%;transform:translate(-50%);box-sizing:border-box;border:1.5px solid transparent;border-image:repeating-linear-gradient(to bottom,var(--mc-gray-400) 0,var(--mc-gray-400) 4px,transparent 4px,transparent 8px) 1;z-index:1}.mc-step-item-v2 .mc-step-item-content[data-v-7d374646]{flex:1;padding-top:8px;box-sizing:border-box}.mc-step-item-v2 .mc-step-item-content .mc-step-item-label[data-v-7d374646]{margin-bottom:16px}.mc-step-item-v2 .mc-step-item-content .mc-step-item-label .mc-step-item-label-title[data-v-7d374646]{color:var(--mc-gray-500);font-size:16px;font-weight:600;margin-bottom:8px}.mc-step-item-v2 .mc-step-item-content .mc-step-item-label .mc-step-item-label-desc[data-v-7d374646]{font-size:14px;font-weight:400;color:var(--mc-gray-800)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-step-bar .mc-step-item-step-bar-number[data-v-7d374646]{background-color:var(--mc-purple-500)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-number-text[data-v-7d374646]{background-color:var(--mc-purple-500);color:var(--mc-white)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-step-bar[data-v-7d374646]:before{height:100%;background-color:var(--mc-purple-500)}.mc-step-item-v2.mc-step-item-actived .mc-step-item-content .mc-step-item-label .mc-step-item-label-title[data-v-7d374646]{color:var(--mc-purple-500)}.mc-step-item-v2.mc-step-item-success .mc-step-item-step-bar .mc-step-item-step-bar-number[data-v-7d374646]{background-color:var(--mc-success)}.mc-step-item-v2.mc-step-item-success .mc-step-item-step-bar .mc-step-item-step-bar-number .mc-step-item-step-bar-number-text[data-v-7d374646]{background-color:var(--mc-success);color:var(--mc-white)}.mc-step-item-v2.mc-step-item-success .mc-step-item-step-bar[data-v-7d374646]:before{height:100%;background-color:var(--mc-success)}.mc-step-item-v2.mc-step-item-success .mc-step-item-content .mc-step-item-label .mc-step-item-label-title[data-v-7d374646]{color:var(--mc-success)}.mc-step-child-item-v2[data-v-1340291a]{position:relative}.mc-step-child-item-v2 span[data-v-1340291a],.mc-step-child-item-v2 p[data-v-1340291a]{margin:0;padding:0;color:inherit}.mc-step-child-item-v2 .mc-step-child-item-content .mc-step-child-item-label[data-v-1340291a]{margin-bottom:16px}.mc-step-child-item-v2 .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-title[data-v-1340291a]{color:var(--mc-gray-500);font-size:16px;font-weight:400;margin-bottom:8px}.mc-step-child-item-v2 .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-desc[data-v-1340291a]{font-size:14px;font-weight:400;color:var(--mc-gray-800)}.mc-step-child-item-v2 .mc-step-child-item-slot[data-v-1340291a]{box-sizing:border-box;padding-bottom:24px}.mc-step-child-item-v2[data-v-1340291a]:before{content:"";width:16px;height:16px;border-radius:50%;background-color:var(--mc-gray-200);border:2px solid var(--mc-white);box-shadow:0 2px 4px #04147c26;box-sizing:border-box;position:absolute;top:4px;left:-40px;z-index:20}.mc-step-child-item-v2.mc-step-child-item-actived[data-v-1340291a]:before{background-color:var(--mc-purple-500);border-color:var(--mc-purple-500)}.mc-step-child-item-v2.mc-step-child-item-actived .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-title[data-v-1340291a]{color:var(--mc-purple-500)}.mc-step-child-item-v2.mc-step-child-item-success[data-v-1340291a]:before{background-color:var(--mc-success);border-color:var(--mc-success)}.mc-step-child-item-v2.mc-step-child-item-success .mc-step-child-item-content .mc-step-child-item-label .mc-step-child-item-label-title[data-v-1340291a]{color:var(--mc-success)}
|