mc-plus 1.0.32 → 1.0.33
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/{hooks-DlwSCZQT.js → hooks-BjBkEOtB.js} +11 -11
- package/dist/es/index.js +58 -55
- package/dist/es/{mc-alert-BY2Djpmp.js → mc-alert-lGFC1b5H.js} +2 -2
- package/dist/es/{mc-button-B4RJEFji.js → mc-button-iTizQ_24.js} +3 -3
- package/dist/es/{mc-checkbox-D4Q-rTcq.js → mc-checkbox-A0e3eDKL.js} +2 -2
- package/dist/es/{mc-collapse-1RGs3NxV.js → mc-collapse-BCyFzZQ4.js} +2 -2
- package/dist/es/{mc-divider-CPjizYgR.js → mc-divider-DLPy4t9H.js} +1 -1
- package/dist/es/{mc-drawer-DhNdGl41.js → mc-drawer-BOw_9rey.js} +5 -5
- package/dist/es/{mc-footer-DnwHqWHu.js → mc-footer-Dr5fKhNS.js} +1 -1
- package/dist/es/{mc-form-CKyqarNi.js → mc-form-CCBtbZc_.js} +4 -4
- package/dist/es/{mc-icon-D4h7X-3-.js → mc-icon-B0i-Xi6S.js} +1 -1
- package/dist/es/{mc-input-cMn-hgsL.js → mc-input-B1NCEcuB.js} +5 -5
- package/dist/es/{mc-lightbox-pNmQQU_F.js → mc-lightbox-BxTtJcEB.js} +5 -5
- package/dist/es/{mc-message-D9Ld-ycn.js → mc-message-DWpdO62W.js} +2 -2
- package/dist/es/{mc-modal-header-BireLeae.js → mc-modal-header-BOplzYcY.js} +3 -3
- package/dist/es/{mc-overlay-5qiZtPL8.js → mc-overlay-CMOUiya_.js} +1 -1
- package/dist/es/{mc-popper-CtBuIFLM.js → mc-popper-CRr6QUtE.js} +3 -3
- package/dist/es/{mc-radio-CnvCRbvR.js → mc-radio-B325KOsw.js} +3 -3
- package/dist/es/{mc-reset-CHlh-W_x.js → mc-reset-UEUL5TqL.js} +2 -2
- package/dist/es/{mc-select-avJ0ypIt.js → mc-select-DBfKVLg2.js} +11 -11
- package/dist/es/{mc-status-SeFqW42Y.js → mc-status-s5JpSo6Q.js} +2 -2
- package/dist/es/mc-step-DL2JFkYN.js +110 -0
- package/dist/es/{mc-success-icon-om-O8iIp.js → mc-success-icon-DhpM1yNN.js} +3 -3
- package/dist/es/{mc-switch-DQF2Pley.js → mc-switch-jpV2r1Sa.js} +3 -3
- package/dist/es/{mc-tab-Clhlk2O_.js → mc-tab-jC8tjGWp.js} +5 -5
- package/dist/es/{mc-tag-LEamngTo.js → mc-tag-DL3k9gLB.js} +2 -2
- package/dist/es/{mc-title-Cqi-obNI.js → mc-title-C8MpIdNE.js} +3 -3
- package/dist/es/{mc-toast-BsJj-DzD.js → mc-toast-T26RfRxx.js} +2 -2
- package/dist/es/{mc-tooltip-DA_MsNa7.js → mc-tooltip-BzxYUuYz.js} +3 -3
- package/dist/es/{mc-upload-LYa3xGdK.js → mc-upload-Dg4tTUB2.js} +4 -4
- package/dist/es/theme/mc-step.css +1 -1
- package/dist/es/theme/mc-tab.css +1 -1
- package/dist/es/{utils-D1RqpHZq.js → utils-5PLVsYVF.js} +1 -1
- package/dist/es/{vendor-DzXbY8j2.js → vendor-CB22uVoG.js} +25 -21
- package/dist/index.css +1 -1
- package/dist/types/components/index.d.ts +2 -1
- package/dist/types/components/mc-step-v2/constant.d.ts +4 -0
- package/dist/types/components/mc-step-v2/index.d.ts +100 -0
- package/dist/types/components/mc-step-v2/types.d.ts +37 -0
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +3 -3
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +1 -1
- package/dist/es/mc-step-CJ9nWb2e.js +0 -51
- /package/dist/types/components/{mc-select-plus → mc-select-v2}/constant.d.ts +0 -0
- /package/dist/types/components/{mc-select-plus → mc-select-v2}/types.d.ts +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getCurrentInstance as e, computed as r, isRef as t, watch as n, onMounted as o, onBeforeUnmount as s, unref as u, ref as a, onUnmounted as i } from "vue";
|
|
2
|
-
import { i as v, t as c } from "./vendor-
|
|
2
|
+
import { i as v, t as c } from "./vendor-CB22uVoG.js";
|
|
3
3
|
function l(t2) {
|
|
4
4
|
const n2 = e();
|
|
5
5
|
if (!n2) throw new Error("useProp must be used within a component");
|
|
@@ -33,14 +33,7 @@ function m(r2, { afterFocus: t2, beforeBlur: n2, afterBlur: o2 } = {}) {
|
|
|
33
33
|
v(n2) && n2(e2) || e2.relatedTarget && ((_a = i2.value) == null ? void 0 : _a.contains(e2.relatedTarget)) || (c2.value = false, u2("blur", e2), o2 == null ? void 0 : o2());
|
|
34
34
|
} };
|
|
35
35
|
}
|
|
36
|
-
function b(e2) {
|
|
37
|
-
o(() => {
|
|
38
|
-
window.addEventListener("resize", e2);
|
|
39
|
-
}), i(() => {
|
|
40
|
-
window.removeEventListener("resize", e2);
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
function p(e2, r2, t2 = 300) {
|
|
36
|
+
function b(e2, r2, t2 = 300) {
|
|
44
37
|
const u2 = new ResizeObserver(c((e3) => {
|
|
45
38
|
for (let t3 of e3) r2(t3.contentRect);
|
|
46
39
|
}, t2)), a2 = (e3) => {
|
|
@@ -56,10 +49,17 @@ function p(e2, r2, t2 = 300) {
|
|
|
56
49
|
e3 && a2(e3);
|
|
57
50
|
}), { resizeObserver: u2, observe: a2, unobserve: i2 };
|
|
58
51
|
}
|
|
52
|
+
function p(e2) {
|
|
53
|
+
o(() => {
|
|
54
|
+
window.addEventListener("resize", e2);
|
|
55
|
+
}), i(() => {
|
|
56
|
+
window.removeEventListener("resize", e2);
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
59
|
export {
|
|
60
60
|
l as a,
|
|
61
61
|
m as b,
|
|
62
|
-
|
|
62
|
+
p as c,
|
|
63
63
|
f as d,
|
|
64
|
-
|
|
64
|
+
b as u
|
|
65
65
|
};
|
package/dist/es/index.js
CHANGED
|
@@ -1,79 +1,82 @@
|
|
|
1
|
-
import { p as s, m } from "./utils-
|
|
2
|
-
import { M as o } from "./mc-alert-
|
|
3
|
-
import { a as r } from "./mc-button-
|
|
4
|
-
import { a as i } from "./mc-checkbox-
|
|
5
|
-
import { M as p } from "./mc-collapse-
|
|
6
|
-
import { a } from "./mc-collapse-
|
|
7
|
-
import { M as f, a as j } from "./mc-input-
|
|
8
|
-
import { M } from "./mc-message-
|
|
9
|
-
import { a as a2 } from "./mc-message-
|
|
10
|
-
import { M as l, a as n } from "./mc-radio-
|
|
11
|
-
import { M as g, a as x, b as h } from "./mc-select-
|
|
12
|
-
import { M as S, a as T, b as k } from "./mc-tab-
|
|
13
|
-
import { u, c, d } from "./mc-tab-
|
|
14
|
-
import { M as v } from "./mc-toast-
|
|
15
|
-
import { c as c2, t, e, a as a3, b, d as d2 } from "./mc-toast-
|
|
16
|
-
import { M as w } from "./mc-
|
|
17
|
-
import {
|
|
18
|
-
import { a as y } from "./mc-icon-
|
|
19
|
-
import {
|
|
20
|
-
import { a as
|
|
21
|
-
import { a as W } from "./mc-
|
|
22
|
-
import {
|
|
23
|
-
import { M as A } from "./mc-
|
|
24
|
-
import { M as B } from "./mc-
|
|
25
|
-
import { M as D } from "./mc-
|
|
26
|
-
import { M as F } from "./mc-
|
|
27
|
-
import { M as
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import { M as L } from "./mc-
|
|
31
|
-
import { M as N } from "./mc-
|
|
32
|
-
import { M as O } from "./mc-
|
|
33
|
-
const
|
|
1
|
+
import { p as s, m } from "./utils-5PLVsYVF.js";
|
|
2
|
+
import { M as o } from "./mc-alert-lGFC1b5H.js";
|
|
3
|
+
import { a as r } from "./mc-button-iTizQ_24.js";
|
|
4
|
+
import { a as i } from "./mc-checkbox-A0e3eDKL.js";
|
|
5
|
+
import { M as p } from "./mc-collapse-BCyFzZQ4.js";
|
|
6
|
+
import { a } from "./mc-collapse-BCyFzZQ4.js";
|
|
7
|
+
import { M as f, a as j } from "./mc-input-B1NCEcuB.js";
|
|
8
|
+
import { M } from "./mc-message-DWpdO62W.js";
|
|
9
|
+
import { a as a2 } from "./mc-message-DWpdO62W.js";
|
|
10
|
+
import { M as l, a as n } from "./mc-radio-B325KOsw.js";
|
|
11
|
+
import { M as g, a as x, b as h } from "./mc-select-DBfKVLg2.js";
|
|
12
|
+
import { M as S, a as T, b as k } from "./mc-tab-jC8tjGWp.js";
|
|
13
|
+
import { u, c, d } from "./mc-tab-jC8tjGWp.js";
|
|
14
|
+
import { M as v } from "./mc-toast-T26RfRxx.js";
|
|
15
|
+
import { c as c2, t, e, a as a3, b, d as d2 } from "./mc-toast-T26RfRxx.js";
|
|
16
|
+
import { M as w, b as P } from "./mc-form-CCBtbZc_.js";
|
|
17
|
+
import { a as q } from "./mc-icon-B0i-Xi6S.js";
|
|
18
|
+
import { a as y } from "./mc-success-icon-DhpM1yNN.js";
|
|
19
|
+
import { a as C, b as E } from "./mc-title-C8MpIdNE.js";
|
|
20
|
+
import { a as I } from "./mc-footer-Dr5fKhNS.js";
|
|
21
|
+
import { a as W } from "./mc-modal-header-BOplzYcY.js";
|
|
22
|
+
import { M as z } from "./mc-drawer-BOw_9rey.js";
|
|
23
|
+
import { M as A } from "./mc-reset-UEUL5TqL.js";
|
|
24
|
+
import { M as B } from "./mc-divider-DLPy4t9H.js";
|
|
25
|
+
import { M as D } from "./mc-lightbox-BxTtJcEB.js";
|
|
26
|
+
import { M as F, a as G } from "./mc-upload-Dg4tTUB2.js";
|
|
27
|
+
import { M as H } from "./mc-popper-CRr6QUtE.js";
|
|
28
|
+
import { a as J } from "./mc-tooltip-BzxYUuYz.js";
|
|
29
|
+
import { M as K } from "./mc-tag-DL3k9gLB.js";
|
|
30
|
+
import { M as L } from "./mc-status-s5JpSo6Q.js";
|
|
31
|
+
import { M as N } from "./mc-switch-jpV2r1Sa.js";
|
|
32
|
+
import { M as O, a as Q, b as R, c as U } from "./mc-step-DL2JFkYN.js";
|
|
33
|
+
const V = [r, p, S, l, n, g, x, h, i, o, M, v, w, P, f, j, q, y, C, I, E, W, z, T, k, A, B, D, F, G, H, J, K, L, N, O, Q, R, U];
|
|
34
34
|
s();
|
|
35
|
-
const
|
|
35
|
+
const X = m(V);
|
|
36
36
|
export {
|
|
37
37
|
o as McAlert,
|
|
38
38
|
r as McButton,
|
|
39
39
|
i as McCheckbox,
|
|
40
40
|
p as McCollapse,
|
|
41
41
|
a as McCollapseItem,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
42
|
+
B as McDivider,
|
|
43
|
+
z as McDrawer,
|
|
44
|
+
G as McFileList,
|
|
45
|
+
I as McFooter,
|
|
46
|
+
w as McForm,
|
|
47
|
+
P as McFormItem,
|
|
48
|
+
q as McIcon,
|
|
49
49
|
f as McInput,
|
|
50
50
|
j as McInputGroup,
|
|
51
|
-
|
|
51
|
+
D as McLightbox,
|
|
52
52
|
M as McMessage,
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
W as McModalHeader,
|
|
54
|
+
H as McPopper,
|
|
55
55
|
l as McRadio,
|
|
56
56
|
n as McRadioGroup,
|
|
57
|
-
|
|
57
|
+
A as McReset,
|
|
58
58
|
g as McSelect,
|
|
59
59
|
x as McSelectGroup,
|
|
60
60
|
h as McSelectOption,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
L as McStatus,
|
|
62
|
+
O as McStep,
|
|
63
|
+
U as McStepChildItemV2,
|
|
64
|
+
R as McStepItemV2,
|
|
65
|
+
Q as McStepV2,
|
|
66
|
+
y as McSuccessIcon,
|
|
67
|
+
N as McSwitch,
|
|
65
68
|
T as McTab,
|
|
66
69
|
k as McTabItem,
|
|
67
70
|
S as McTable,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
+
K as McTag,
|
|
72
|
+
C as McTitle,
|
|
73
|
+
E as McTitleToolBar,
|
|
71
74
|
v as McToast,
|
|
72
|
-
|
|
73
|
-
|
|
75
|
+
J as McTooltip,
|
|
76
|
+
F as McUpload,
|
|
74
77
|
a2 as Message,
|
|
75
78
|
c2 as createToast,
|
|
76
|
-
|
|
79
|
+
X as default,
|
|
77
80
|
t as toast,
|
|
78
81
|
e as toastError,
|
|
79
82
|
a3 as toastPrimary,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as e, w as t } from "./utils-
|
|
1
|
+
import { _ as e, w as t } from "./utils-5PLVsYVF.js";
|
|
2
2
|
import { defineComponent as s, ref as l, useAttrs as c, computed as i, createElementBlock as o, createCommentVNode as r, openBlock as a, normalizeClass as n, normalizeStyle as _, createElementVNode as d, createBlock as m, renderSlot as p, toDisplayString as f } from "vue";
|
|
3
|
-
import { M as y } from "./mc-icon-
|
|
3
|
+
import { M as y } from "./mc-icon-B0i-Xi6S.js";
|
|
4
4
|
const v = { class: "mc-alert__content" }, h = { class: "mc-alert__header" }, u = { class: "mc-alert__header-left" }, k = { key: 1, class: "mc-alert__title" }, w = { key: 0, class: "mc-alert__description" }, g = { key: 1, class: "mc-alert__description" }, I = t(e(s({ name: "McAlert", __name: "mc-alert", props: { type: { default: "info" }, title: {}, description: {}, closable: { type: Boolean, default: false }, showIcon: { type: Boolean, default: true }, height: {}, width: {} }, emits: ["close"], setup(e2, { expose: t2, emit: s2 }) {
|
|
5
5
|
const I2 = e2, M = s2, $ = l(), b = l(true), j = c(), x = i(() => ({ ...j.style || {}, width: I2.width, height: I2.height })), z = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, A = (e3) => {
|
|
6
6
|
b.value = false, M("close", e3);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as e, toRefs as t, ref as o, useAttrs as a, computed as i, toValue as l, createElementBlock as n, openBlock as s, unref as d, normalizeClass as u, normalizeStyle as r, createBlock as c, createCommentVNode as m, createElementVNode as p, createVNode as v, renderSlot as f } from "vue";
|
|
2
|
-
import { M as y } from "./mc-icon-
|
|
3
|
-
import { t as h } from "./vendor-
|
|
4
|
-
import { _ as b, w as g } from "./utils-
|
|
2
|
+
import { M as y } from "./mc-icon-B0i-Xi6S.js";
|
|
3
|
+
import { t as h } from "./vendor-CB22uVoG.js";
|
|
4
|
+
import { _ as b, w as g } from "./utils-5PLVsYVF.js";
|
|
5
5
|
const k = ["type", "disabled"], I = { key: 1, class: "loading-icon" }, _ = { class: "mc-button-text" }, w = b(e({ name: "McButton", __name: "mc-button", props: { type: { default: "primary" }, nativeType: { default: "button" }, size: { default: "medium" }, disabled: { type: Boolean }, loading: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 }, leftIcon: {}, rightIcon: {}, content: {}, height: {}, width: {} }, emits: ["click"], setup(e2, { expose: b2, emit: g2 }) {
|
|
6
6
|
const w2 = e2, { loading: z2, disabled: B, throttleDuration: T, height: j, width: x } = t(w2), M = g2, $ = o(), D = t(a()), C = i(() => ({ ...l(D).style, width: x.value ? x.value : void 0, height: j.value ? j.value : void 0 })), L = (e3) => {
|
|
7
7
|
z2.value || B.value || M("click", e3);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, computed as a, watch as c, createElementBlock as l, openBlock as o, normalizeStyle as t, normalizeClass as s, createElementVNode as m, toDisplayString as r } from "vue";
|
|
2
|
-
import { u as d, a as n } from "./mc-form-
|
|
3
|
-
import { _ as u, w as p } from "./utils-
|
|
2
|
+
import { u as d, a as n } from "./mc-form-CCBtbZc_.js";
|
|
3
|
+
import { _ as u, w as p } from "./utils-5PLVsYVF.js";
|
|
4
4
|
const i = ["value", "disabled"], b = { class: "mc-checkbox__wrapper" }, h = { class: "mc-checkbox__content" }, k = { class: "mc-checkbox__content-text" }, x = { class: "mc-checkbox__content-remarks" }, _ = u(e({ name: "McCheckbox", __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean }, formValidate: { type: Boolean, default: true } }, emits: ["change", "update:modelValue"], setup(e2, { emit: u2 }) {
|
|
5
5
|
const p2 = e2, _2 = u2, { formItem: v2 } = d(), V = n(), f = a(() => V.value), y = a(() => !f.value && "error" === (v2 == null ? void 0 : v2.validateStatus) && p2.formValidate), g = () => {
|
|
6
6
|
p2.disabled || (_2("update:modelValue", !p2.modelValue), _2("change", !p2.modelValue));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, ref as a, watchEffect as l, watch as s, provide as o, createElementBlock as c, openBlock as t, renderSlot as i, inject as m, computed as d, normalizeClass as n, createElementVNode as p, withDirectives as u, createTextVNode as r, toDisplayString as v, createVNode as _, vShow as h } from "vue";
|
|
2
|
-
import { d as f, _ as C, w as V } from "./utils-
|
|
3
|
-
import { M as b } from "./mc-icon-
|
|
2
|
+
import { d as f, _ as C, w as V } from "./utils-5PLVsYVF.js";
|
|
3
|
+
import { M as b } from "./mc-icon-B0i-Xi6S.js";
|
|
4
4
|
const g = Symbol("COLLAPSE_CONTEXT"), I = "McCollapse", M = { class: "mc-collapse" }, k = C(e({ name: I, __name: "mc-collapse", props: { modelValue: {}, accordion: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: m2 }) {
|
|
5
5
|
const d2 = a(e2.modelValue), n2 = m2;
|
|
6
6
|
l(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as i, createElementBlock as e, openBlock as a, normalizeClass as d } from "vue";
|
|
2
|
-
import { _ as s, w as m } from "./utils-
|
|
2
|
+
import { _ as s, w as m } from "./utils-5PLVsYVF.js";
|
|
3
3
|
const r = m(s(i({ name: "McDivider", __name: "mc-divider", props: { size: { default: "small" }, emphasis: { default: "minimal" }, orientation: { default: "horizontal" } }, setup: (i2) => (i3, s2) => (a(), e("div", { class: d(["mc-divider", [`mc-divider-${i3.orientation}`, `mc-divider-${i3.size}`, `mc-divider-${i3.emphasis}`]]) }, null, 2)) }), [["__scopeId", "data-v-6b53d9f6"]]));
|
|
4
4
|
export {
|
|
5
5
|
r as M
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, watch as t, createElementBlock as a, createCommentVNode as s, openBlock as l, createBlock as r, Teleport as d, createVNode as i, Transition as m, withCtx as c, normalizeClass as f, createElementVNode as u, renderSlot as n, nextTick as v } from "vue";
|
|
2
|
-
import { M as p } from "./mc-overlay-
|
|
3
|
-
import { M as w } from "./mc-modal-header-
|
|
4
|
-
import { M as y } from "./mc-footer-
|
|
5
|
-
import { u as _ } from "./hooks-
|
|
6
|
-
import { _ as h, w as $ } from "./utils-
|
|
2
|
+
import { M as p } from "./mc-overlay-CMOUiya_.js";
|
|
3
|
+
import { M as w } from "./mc-modal-header-BOplzYcY.js";
|
|
4
|
+
import { M as y } from "./mc-footer-Dr5fKhNS.js";
|
|
5
|
+
import { u as _ } from "./hooks-BjBkEOtB.js";
|
|
6
|
+
import { _ as h, w as $ } from "./utils-5PLVsYVF.js";
|
|
7
7
|
const b = { key: 0, class: "mc-drawer-container" }, g = { class: "mc-drawer-header" }, k = { class: "mc-drawer-content-wrapper" }, x = { class: "mc-drawer-content" }, C = $(h(e({ name: "McDrawer", __name: "mc-drawer", props: { modelValue: { type: Boolean }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" } }, emits: ["update:modelValue", "close"], setup(e2, { expose: h2, emit: $2 }) {
|
|
8
8
|
const C2 = e2, j = o(false), M = o(false), B = o(false), V = async () => {
|
|
9
9
|
j.value = true, M.value = true, await v(), B.value = true;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as t, ref as o, createElementBlock as e, openBlock as s, normalizeStyle as r, normalizeClass as c, createCommentVNode as i, createElementVNode as d, renderSlot as a } from "vue";
|
|
2
|
-
import { _ as l, w as p } from "./utils-
|
|
2
|
+
import { _ as l, w as p } from "./utils-5PLVsYVF.js";
|
|
3
3
|
const f = { key: 0, class: "mc-footer-content" }, h = { class: "mc-footer-bottom" }, m = { class: "mc-footer-bottom-content" }, n = { class: "mc-footer-left" }, v = { class: "mc-footer-right" }, w = { class: "mc-footer-right-button-group" }, g = l(t({ name: "McFooter", __name: "mc-footer", props: { width: {}, height: {}, wrapperWidth: {}, showborder: { type: Boolean, default: true } }, setup(t2, { expose: l2 }) {
|
|
4
4
|
const p2 = o();
|
|
5
5
|
return l2({ ref: p2 }), (t3, o2) => (s(), e("section", { class: c(["mc-footer", { "mc-footer-border": t3.showborder }]), style: r({ width: t3.width, height: t3.height }), ref_key: "_ref", ref: p2 }, [t3.$slots.desc ? (s(), e("div", f, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [a(t3.$slots, "desc", {}, void 0, true)], 4)])) : i("", true), d("div", h, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [d("div", m, [d("div", n, [a(t3.$slots, "left", {}, void 0, true)]), d("div", v, [a(t3.$slots, "right", {}, () => [d("div", w, [a(t3.$slots, "right-button-group", {}, void 0, true)])], true)])])], 4)])], 6));
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { inject as e, computed as r, defineComponent as t, reactive as s, toRefs as a, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as c, ref as m, onMounted as n, onUnmounted as u, normalizeClass as p, createCommentVNode as v, toDisplayString as f, createVNode as h, createTextVNode as b, Transition as y, withCtx as g, nextTick as _ } from "vue";
|
|
2
|
-
import { a as q } from "./hooks-
|
|
3
|
-
import { s as F, f as j, a as P, k as $, b as w, c as x, m as k, d as I, g as M, e as S, h as V, j as z } from "./vendor-
|
|
4
|
-
import { _ as B, w as C } from "./utils-
|
|
2
|
+
import { a as q } from "./hooks-BjBkEOtB.js";
|
|
3
|
+
import { s as F, f as j, a as P, k as $, b as w, c as x, m as k, d as I, g as M, e as S, h as V, j as z } from "./vendor-CB22uVoG.js";
|
|
4
|
+
import { _ as B, w as C } from "./utils-5PLVsYVF.js";
|
|
5
5
|
import E from "async-validator";
|
|
6
|
-
import { M as O } from "./mc-tooltip-
|
|
6
|
+
import { M as O } from "./mc-tooltip-BzxYUuYz.js";
|
|
7
7
|
const A = Symbol("formContext"), D = Symbol("formItemContext");
|
|
8
8
|
function G() {
|
|
9
9
|
return { form: e(A, void 0), formItem: e(D, void 0) };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, createElementBlock as c, openBlock as s, normalizeStyle as i, createElementVNode as n, normalizeClass as t } from "vue";
|
|
2
|
-
import { _ as a, w as r } from "./utils-
|
|
2
|
+
import { _ as a, w as r } from "./utils-5PLVsYVF.js";
|
|
3
3
|
const m = a(e({ name: "McIcon", __name: "mc-icon", props: { name: {}, size: { default: 24 }, color: {} }, emits: ["click"], setup(e2, { expose: a2, emit: r2 }) {
|
|
4
4
|
const m2 = r2, l2 = o();
|
|
5
5
|
return a2({ ref: l2 }), (e3, o2) => (s(), c("span", { class: "mc-icon", style: i({ fontSize: `${e3.size}px`, width: `${e3.size}px`, height: `${e3.size}px`, color: e3.color }) }, [n("i", { ref_key: "_ref", ref: l2, class: t(["mc-iconfont", `mc-icon--${e3.name}`]), onClick: o2[0] || (o2[0] = (e4) => ((e5) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { inject as e, computed as t, ref as a, defineComponent as u, onMounted as s, watch as l, createElementBlock as n, openBlock as r, normalizeStyle as c, normalizeClass as o, unref as i, createCommentVNode as p, createElementVNode as f, renderSlot as d, createBlock as m, createVNode as v, Fragment as y, nextTick as x, useSlots as g, reactive as h, watchEffect as _, provide as b } from "vue";
|
|
2
|
-
import { M as I } from "./mc-icon-
|
|
3
|
-
import { a as w, u as S } from "./mc-form-
|
|
4
|
-
import { b as $ } from "./hooks-
|
|
5
|
-
import { b as k, l as V, n as C, o as M, c as j, i as B } from "./vendor-
|
|
6
|
-
import { _ as R, w as z } from "./utils-
|
|
2
|
+
import { M as I } from "./mc-icon-B0i-Xi6S.js";
|
|
3
|
+
import { a as w, u as S } from "./mc-form-CCBtbZc_.js";
|
|
4
|
+
import { b as $ } from "./hooks-BjBkEOtB.js";
|
|
5
|
+
import { b as k, l as V, n as C, o as M, c as j, i as B } from "./vendor-CB22uVoG.js";
|
|
6
|
+
import { _ as R, w as z } from "./utils-5PLVsYVF.js";
|
|
7
7
|
const A = Symbol("InputGroupContext");
|
|
8
8
|
function T(a2 = "input") {
|
|
9
9
|
const u2 = e(A, void 0), s2 = t(() => !!u2 && "prefix" === u2[a2]), l2 = t(() => !!u2 && "suffix" === u2[a2]);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, watch as o, nextTick as l, createElementBlock as a, createCommentVNode as s, openBlock as i, createBlock as r, Teleport as d, createVNode as f, Transition as u, withCtx as c, normalizeClass as m, createElementVNode as n, renderSlot as v } from "vue";
|
|
2
|
-
import { M as h } from "./mc-overlay-
|
|
3
|
-
import { M as p } from "./mc-modal-header-
|
|
4
|
-
import { M as g } from "./mc-footer-
|
|
5
|
-
import { c as x, u as b } from "./hooks-
|
|
6
|
-
import { _ as y, w as _ } from "./utils-
|
|
2
|
+
import { M as h } from "./mc-overlay-CMOUiya_.js";
|
|
3
|
+
import { M as p } from "./mc-modal-header-BOplzYcY.js";
|
|
4
|
+
import { M as g } from "./mc-footer-Dr5fKhNS.js";
|
|
5
|
+
import { c as x, u as b } from "./hooks-BjBkEOtB.js";
|
|
6
|
+
import { _ as y, w as _ } from "./utils-5PLVsYVF.js";
|
|
7
7
|
const k = { key: 0, class: "mc-lightbox-container" }, $ = { class: "mc-lightbox-header" }, w = _(y(e({ name: "McLightbox", __name: "mc-lightbox", props: { modelValue: { type: Boolean, default: false }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, hideFooter: { type: Boolean, default: false } }, emits: ["update:modelValue", "close"], setup(e2, { expose: y2, emit: _2 }) {
|
|
8
8
|
const w2 = e2, C = _2, j = t(), B = t(), M = t(), R = t(), V = t(false), H = t(false), z = t(false), F = () => {
|
|
9
9
|
w2.maskClosable && L();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as e, w as s } from "./utils-
|
|
1
|
+
import { _ as e, w as s } from "./utils-5PLVsYVF.js";
|
|
2
2
|
import { defineComponent as o, ref as n, toRefs as t, useAttrs as a, computed as c, toValue as r, onMounted as l, createBlock as m, openBlock as i, Transition as d, withCtx as u, withDirectives as p, createElementVNode as f, normalizeStyle as g, normalizeClass as _, createCommentVNode as y, toDisplayString as v, vShow as h, render as C, createVNode as w } from "vue";
|
|
3
|
-
import { M as b } from "./mc-icon-
|
|
3
|
+
import { M as b } from "./mc-icon-B0i-Xi6S.js";
|
|
4
4
|
const E = { class: "mc-message__content" }, I = { class: "mc-message__title" }, k = e(o({ name: "McMessage", __name: "mc-message", props: { type: { default: "info" }, message: { default: "" }, duration: { default: 3e3 }, showIcon: { type: Boolean, default: true }, closable: { type: Boolean, default: false }, onClose: {} }, emits: ["close"], setup(e2, { expose: s2, emit: o2 }) {
|
|
5
5
|
const C2 = e2, w2 = o2, k2 = n(), x2 = n(true), M2 = t(a()), A2 = c(() => ({ ...r(M2).style })), B2 = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, j2 = () => {
|
|
6
6
|
var _a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as e, createElementBlock as o, openBlock as s, createVNode as t, withCtx as a, renderSlot as l } from "vue";
|
|
2
|
-
import { M as m } from "./mc-icon-
|
|
3
|
-
import { M as r } from "./mc-title-
|
|
4
|
-
import { _ as i, w as c } from "./utils-
|
|
2
|
+
import { M as m } from "./mc-icon-B0i-Xi6S.js";
|
|
3
|
+
import { M as r } from "./mc-title-C8MpIdNE.js";
|
|
4
|
+
import { _ as i, w as c } from "./utils-5PLVsYVF.js";
|
|
5
5
|
const d = { class: "mc-modal-header" }, n = i(e({ name: "McModalHeader", __name: "mc-modal-header", props: { title: {}, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: i2 }) {
|
|
6
6
|
const c2 = i2;
|
|
7
7
|
return (e3, i3) => (s(), o("div", d, [t(r, { title: e3.title, "show-border": "", height: "100%", class: "mc-modal-header-title" }, { "tool-bar": a(() => [t(m, { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: i3[0] || (i3[0] = (e4) => c2("close")) })]), default: a(() => [l(e3.$slots, "default", {}, void 0, true)]), _: 3 }, 8, ["title"])]));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, createElementBlock as t, createCommentVNode as s, openBlock as i, normalizeStyle as l, renderSlot as a } from "vue";
|
|
2
|
-
import { _ as r } from "./utils-
|
|
2
|
+
import { _ as r } from "./utils-5PLVsYVF.js";
|
|
3
3
|
const c = r(e({ name: "McOverlay", __name: "mc-overlay", props: { visible: { type: Boolean }, fixed: { type: Boolean, default: true } }, emits: ["click"], setup(e2, { expose: r2, emit: c2 }) {
|
|
4
4
|
const f = c2, p = o();
|
|
5
5
|
return r2({ ref: p }), (e3, o2) => e3.visible ? (i(), t("div", { key: 0, class: "mc-overlay", ref_key: "_ref", ref: p, onClick: o2[0] || (o2[0] = (e4) => ((e5) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, computed as a, watch as r, onUnmounted as t, watchEffect as s, createElementBlock as l, openBlock as p, mergeProps as i, toHandlers as u, createElementVNode as n, createVNode as c, renderSlot as v, Transition as d, withCtx as m, createCommentVNode as f, createTextVNode as g, toDisplayString as h } from "vue";
|
|
2
2
|
import { createPopper as w } from "@popperjs/core";
|
|
3
|
-
import { d as k } from "./hooks-
|
|
4
|
-
import { p as _, q as y, c as b } from "./vendor-
|
|
5
|
-
import { _ as N, w as j } from "./utils-
|
|
3
|
+
import { d as k } from "./hooks-BjBkEOtB.js";
|
|
4
|
+
import { p as _, q as y, c as b } from "./vendor-CB22uVoG.js";
|
|
5
|
+
import { _ as N, w as j } from "./utils-5PLVsYVF.js";
|
|
6
6
|
const T = { key: 0, id: "arrow", class: "mc-popper-arrow", "data-popper-arrow": "" }, x = N(e({ name: "McPopper", __name: "mc-popper", props: { content: {}, trigger: { default: "hover" }, placement: { default: "top" }, disabled: { type: Boolean }, popperOptions: {}, showTimeout: { default: 0 }, hideTimeout: { default: 300 }, transitionName: { default: "fade" }, showArrow: { type: Boolean, default: true } }, emits: ["visible:change", "click:outside"], setup(e2, { expose: N2, emit: j2 }) {
|
|
7
7
|
const x2 = e2, A2 = j2, B = o({}), M = o({}), O = o({}), $ = o(), q = o(), I = o(), P = o(false), z = (e3) => {
|
|
8
8
|
x2.disabled && (e3 = false), P.value = e3, A2("visible:change", e3);
|
|
@@ -1,7 +1,7 @@
|
|
|
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-
|
|
3
|
-
import { _ as h, w as f } from "./utils-
|
|
4
|
-
import { M as k } from "./mc-tooltip-
|
|
2
|
+
import { u as v, a as b } from "./mc-form-CCBtbZc_.js";
|
|
3
|
+
import { _ as h, w as f } from "./utils-5PLVsYVF.js";
|
|
4
|
+
import { M as k } from "./mc-tooltip-BzxYUuYz.js";
|
|
5
5
|
const _ = 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 }) {
|
|
6
6
|
const c2 = e2, i2 = t2, { formItem: m2 } = v();
|
|
7
7
|
return a(() => c2.modelValue, () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, createElementBlock as s, openBlock as t, createVNode as r, createElementVNode as a, normalizeClass as o } from "vue";
|
|
2
|
-
import { M as m } from "./mc-icon-
|
|
3
|
-
import { _ as c, w as n } from "./utils-
|
|
2
|
+
import { M as m } from "./mc-icon-B0i-Xi6S.js";
|
|
3
|
+
import { _ as c, w as n } from "./utils-5PLVsYVF.js";
|
|
4
4
|
const i = c(e({ name: "mc-reset", __name: "mc-reset", props: { rotate: { type: Boolean, default: false } }, emits: ["reset"], setup(e2, { emit: c2 }) {
|
|
5
5
|
const n2 = c2, i2 = () => {
|
|
6
6
|
n2("reset");
|
|
@@ -1,15 +1,15 @@
|
|
|
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 b, Transition as V, renderSlot as k, vShow as x, inject as j, useSlots as S, onMounted as M, onBeforeUnmount as O, h as B, toRefs as R, useAttrs as C, toValue as A } from "vue";
|
|
2
|
-
import { b as I, d as $ } from "./hooks-
|
|
3
|
-
import { a as z, u as D } from "./mc-form-
|
|
4
|
-
import { u as F } from "./mc-input-
|
|
5
|
-
import { M as N } from "./mc-icon-
|
|
6
|
-
import { M as G } from "./mc-button-
|
|
7
|
-
import { _ as P } from "./mc-tag-
|
|
8
|
-
import { M as T } from "./mc-checkbox-
|
|
9
|
-
import { M as U } from "./mc-title-
|
|
10
|
-
import { M as W } from "./mc-footer-
|
|
11
|
-
import { c as q, r as E, o as H, f as J, m as K, b as L } from "./vendor-
|
|
12
|
-
import { _ as Q, w as X } from "./utils-
|
|
2
|
+
import { b as I, d as $ } from "./hooks-BjBkEOtB.js";
|
|
3
|
+
import { a as z, u as D } from "./mc-form-CCBtbZc_.js";
|
|
4
|
+
import { u as F } from "./mc-input-B1NCEcuB.js";
|
|
5
|
+
import { M as N } from "./mc-icon-B0i-Xi6S.js";
|
|
6
|
+
import { M as G } from "./mc-button-iTizQ_24.js";
|
|
7
|
+
import { _ as P } from "./mc-tag-DL3k9gLB.js";
|
|
8
|
+
import { M as T } from "./mc-checkbox-A0e3eDKL.js";
|
|
9
|
+
import { M as U } from "./mc-title-C8MpIdNE.js";
|
|
10
|
+
import { M as W } from "./mc-footer-Dr5fKhNS.js";
|
|
11
|
+
import { c as q, r as E, o as H, f as J, m as K, b as L } from "./vendor-CB22uVoG.js";
|
|
12
|
+
import { _ as Q, w as X } from "./utils-5PLVsYVF.js";
|
|
13
13
|
const Y = Symbol("selectContext"), Z = Symbol("selectGroupContext"), ee = { key: 0, class: "mc-select-selected-content" }, le = ["placeholder", "readonly", "disabled"], ae = { class: "mc-select-dropdown-header-content" }, te = { class: "mc-select-dropdown-content" }, se = { class: "mc-select-dropdown" }, oe = { key: 0, class: "mc-select-no-data" }, ue = Q(e({ name: "McSelect", __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, multiple: { type: Boolean, default: false }, width: {}, height: {}, search: { type: Boolean }, allowReset: { type: Boolean, default: true }, allowSelectAll: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: j2 }) {
|
|
14
14
|
const S2 = e2, M2 = j2, O2 = l(), B2 = l(), R2 = l(), C2 = z(), A2 = a(() => S2.multiple), Q2 = (e3) => A2.value && Array.isArray(e3), X2 = l([]), Z2 = a(() => q(Re.value) ? X2.value : X2.value.filter((e3) => E(H(e3.label ?? e3.value)).includes(E(Re.value)))), { wrapperRef: ue2, isFocused: ce2, handleFocus: de2, handleBlur: re2 } = I(O2, { afterBlur() {
|
|
15
15
|
be == null ? void 0 : be.validate("blur");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as s, createElementBlock as t, openBlock as a, normalizeClass as o, createElementVNode as c, createVNode as m, renderSlot as e } from "vue";
|
|
2
|
-
import { M as i } from "./mc-icon-
|
|
3
|
-
import { _ as p, w as u } from "./utils-
|
|
2
|
+
import { M as i } from "./mc-icon-B0i-Xi6S.js";
|
|
3
|
+
import { _ as p, w as u } from "./utils-5PLVsYVF.js";
|
|
4
4
|
const n = { class: "mc-status-icon" }, r = { class: "mc-status-content" }, d = u(p(s({ name: "McStatus", __name: "mc-status", props: { type: { default: "info" } }, setup: (s2) => (s3, p2) => (a(), t("div", { class: o(["mc-status", [`mc-status-${s3.type}`]]) }, [c("div", n, [m(i, { name: "Indicator", size: 12 })]), c("p", r, [e(s3.$slots, "default", {}, void 0, true)])], 2)) }), [["__scopeId", "data-v-b93a4f0a"]]));
|
|
5
5
|
export {
|
|
6
6
|
d as M
|
|
@@ -0,0 +1,110 @@
|
|
|
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 u, createElementVNode as n, createCommentVNode as p, Fragment as o, renderList as d, createBlock as v, toDisplayString as r, resolveDynamicComponent as y, provide as f, renderSlot as h, inject as b, onBeforeUnmount as g, createTextVNode as k } from "vue";
|
|
2
|
+
import { M as S } from "./mc-success-icon-DhpM1yNN.js";
|
|
3
|
+
import { c as _, u as I } from "./hooks-BjBkEOtB.js";
|
|
4
|
+
import { u as V, v as x, t as B, w as R, c as C } from "./vendor-CB22uVoG.js";
|
|
5
|
+
import { _ as $, w } from "./utils-5PLVsYVF.js";
|
|
6
|
+
import { M } from "./mc-icon-B0i-Xi6S.js";
|
|
7
|
+
const j = { class: "mc-step-number-container" }, q = { class: "mc-step-item-number" }, A = { 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" }, H = w($(e({ name: "McStep", __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: f2, emit: h2 }) {
|
|
8
|
+
const b2 = e2, g2 = t(() => "vertical" === b2.type), k2 = h2, I2 = s(), R2 = s(), C2 = s(), $2 = s(), w2 = t(() => V(b2.steps, (e3) => e3.key === b2.modelValue)), M2 = t(() => {
|
|
9
|
+
var _a;
|
|
10
|
+
return (_a = b2.steps[w2.value - 1]) == null ? void 0 : _a.key;
|
|
11
|
+
});
|
|
12
|
+
l(() => b2.modelValue, (e3) => {
|
|
13
|
+
J2(), k2("change", e3);
|
|
14
|
+
}, { flush: "post" });
|
|
15
|
+
const H2 = s(), J2 = (e3 = M2.value) => {
|
|
16
|
+
H2.value = e3, k2("success", e3);
|
|
17
|
+
}, K2 = t(() => V(b2.steps, (e3) => e3.key === H2.value));
|
|
18
|
+
c(() => {
|
|
19
|
+
g2.value ? N2() : (O2(), P2()), J2();
|
|
20
|
+
});
|
|
21
|
+
const N2 = async () => {
|
|
22
|
+
await a();
|
|
23
|
+
const e3 = K2.value, t2 = $2.value;
|
|
24
|
+
if (e3 < 0) return void (t2.style.height = "0");
|
|
25
|
+
const s2 = R2.value, l2 = s2.querySelectorAll(".mc-step-item");
|
|
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(), i2 = (c2.getBoundingClientRect().top - m2.top) / (m2.height - 24);
|
|
28
|
+
t2.style.height = 100 * i2 + "%";
|
|
29
|
+
}, O2 = () => {
|
|
30
|
+
var _a, _b;
|
|
31
|
+
const e3 = R2.value, t2 = C2.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
|
+
if (!l2 || !c2) return void (t2.style.width = "0px");
|
|
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
|
+
}, P2 = () => {
|
|
36
|
+
const e3 = $2.value, t2 = K2.value;
|
|
37
|
+
if (t2 < 0) return void (e3.style.width = "0");
|
|
38
|
+
const s2 = (t2 + 1) / (b2.steps.length - 1), l2 = s2 > 1 ? 1 : s2;
|
|
39
|
+
e3.style.width = 100 * l2 + "%";
|
|
40
|
+
}, Q2 = (e3) => g2.value && e3.component && e3.key === b2.modelValue, T2 = t(() => {
|
|
41
|
+
var _a;
|
|
42
|
+
return !g2.value && ((_a = x(b2.steps, (e3) => e3.key === b2.modelValue)) == null ? void 0 : _a.component);
|
|
43
|
+
});
|
|
44
|
+
return l(() => H2.value, () => {
|
|
45
|
+
g2.value ? N2() : P2();
|
|
46
|
+
}), _(B(() => {
|
|
47
|
+
g2.value ? N2() : (O2(), P2());
|
|
48
|
+
}, 50)), f2({ ref: I2, setSuccessStep: J2 }), (e3, t2) => (i(), m("div", { class: u(["mc-step", `mc-step-${e3.type}`]), ref_key: "_ref", ref: I2 }, [n("ul", { class: "mc-step-item-container", ref_key: "stepContainerRef", ref: R2 }, [(i(true), m(o, null, d(e3.steps, (t3, s2) => (i(), m("li", { class: u(["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 }, [n("div", j, [n("div", q, [s2 > K2.value || t3.disabled ? (i(), m("span", A, r(s2 + 1), 1)) : (i(), v(S, { key: 1 }))])]), n("div", L, [t3.label || t3.desc ? (i(), m("div", z, [n("h3", D, r(t3.label), 1), n("p", E, r(t3.desc), 1)])) : p("", true), Q2(t3) ? (i(), m("div", F, [(i(), v(y(t3.component)))])) : p("", true)])], 2))), 128)), n("div", { ref_key: "unsuccessLineRef", ref: C2, class: "mc-step-line mc-step-unsuccess-line" }, [n("div", { ref_key: "successLineRef", ref: $2, class: "mc-step-success-line" }, null, 512)], 512)], 512), T2.value ? (i(), m("div", G, [(i(), v(y(T2.value)))])) : p("", true)], 2));
|
|
49
|
+
} }), [["__scopeId", "data-v-3e1df60e"]])), J = Symbol("StepV2Context"), K = Symbol("StepItemV2Context"), N = { class: "mc-step-v2" }, O = $(e({ name: "McStepV2", __name: "mc-step-v2", props: { modelValue: {}, succeed: { type: Boolean, default: void 0 } }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2 }) {
|
|
50
|
+
const u2 = e2, n2 = s([]), p2 = s(-1), o2 = (e3) => {
|
|
51
|
+
e3 > -1 ? e3 > n2.value.length - 1 ? p2.value = n2.value.length - 1 : p2.value = e3 : p2.value = -1;
|
|
52
|
+
}, d2 = () => {
|
|
53
|
+
const e3 = V(n2.value, (e4) => e4.name === u2.modelValue);
|
|
54
|
+
o2(e3 - 1);
|
|
55
|
+
};
|
|
56
|
+
return c(() => {
|
|
57
|
+
d2();
|
|
58
|
+
}), l(() => u2.modelValue, () => {
|
|
59
|
+
d2();
|
|
60
|
+
}, { flush: "post" }), f(J, { successStepIndex: p2, activeStep: t(() => u2.modelValue), succeed: t(() => u2.succeed), stepItems: n2.value, addStepItem: (e3) => {
|
|
61
|
+
n2.value.push(e3);
|
|
62
|
+
}, removeStepItem: (e3) => {
|
|
63
|
+
const t2 = V(n2.value, (t3) => t3.name === e3.name);
|
|
64
|
+
t2 > -1 && n2.value.splice(t2, 1);
|
|
65
|
+
} }), a2({ setSuccessIndex: o2, setSuccessStep: (e3) => {
|
|
66
|
+
const t2 = V(n2.value, (t3) => t3.name === e3);
|
|
67
|
+
o2(t2);
|
|
68
|
+
} }), (e3, t2) => (i(), m("div", N, [h(e3.$slots, "default", {}, void 0, true)]));
|
|
69
|
+
} }), [["__scopeId", "data-v-11246658"]]), P = { class: "mc-step-item-step-bar-number" }, Q = { key: 0, class: "mc-step-item-step-bar-number-text" }, T = { key: 0, class: "mc-step-item-label" }, U = { class: "mc-step-item-label-title" }, W = { class: "mc-step-item-label-desc" }, X = { key: 1, class: "mc-step-item-slot" }, Y = $(e({ name: "McStepItemV2", __name: "mc-step-item-v2", props: { icon: {}, name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 } }, setup(e2) {
|
|
70
|
+
const l2 = e2, a2 = s(), o2 = s(), d2 = b(J);
|
|
71
|
+
c(() => {
|
|
72
|
+
d2 == null ? void 0 : d2.addStepItem(l2);
|
|
73
|
+
}), g(() => {
|
|
74
|
+
d2 == null ? void 0 : d2.removeStepItem(l2);
|
|
75
|
+
});
|
|
76
|
+
const y2 = t(() => R(d2 == null ? void 0 : d2.stepItems, l2)), _2 = t(() => {
|
|
77
|
+
var _a;
|
|
78
|
+
return ((_a = d2 == null ? void 0 : d2.activeStep) == null ? void 0 : _a.value) === l2.name;
|
|
79
|
+
}), V2 = t(() => {
|
|
80
|
+
var _a, _b, _c;
|
|
81
|
+
return C((_a = d2 == null ? void 0 : d2.succeed) == null ? void 0 : _a.value) ? C(l2.succeed) ? (((_b = d2 == null ? void 0 : d2.successStepIndex) == null ? void 0 : _b.value) ?? -1) >= y2.value : l2.succeed : (_c = d2 == null ? void 0 : d2.succeed) == null ? void 0 : _c.value;
|
|
82
|
+
}), x2 = t(() => {
|
|
83
|
+
var _a;
|
|
84
|
+
return ((_a = d2 == null ? void 0 : d2.stepItems) == null ? void 0 : _a.length) === y2.value + 1;
|
|
85
|
+
});
|
|
86
|
+
return I(a2, () => {
|
|
87
|
+
if (x2.value && a2.value && o2.value) {
|
|
88
|
+
const e3 = Array.from(a2.value.querySelectorAll(".mc-step-child-item-v2") ?? []);
|
|
89
|
+
if (e3.length > 0) {
|
|
90
|
+
const t2 = e3[e3.length - 1], { top: s2 } = t2.getBoundingClientRect(), { top: l3 } = o2.value.getBoundingClientRect(), c2 = s2 - l3;
|
|
91
|
+
o2.value.style.height = `${c2 + 4}px`;
|
|
92
|
+
} else o2.value.style.height = "40px";
|
|
93
|
+
}
|
|
94
|
+
}), f(K, { succeed: t(() => V2.value), actived: t(() => _2.value) }), (e3, t2) => (i(), m("div", { class: u(["mc-step-item-v2", { "mc-step-item-actived": _2.value, "mc-step-item-success": V2.value }]) }, [n("div", { class: "mc-step-item-step-bar", ref_key: "stepBarRef", ref: o2 }, [n("div", P, [V2.value ? (i(), v(S, { key: 1, class: "mc-step-item-step-bar-success-icon" })) : (i(), m("div", Q, [e3.icon ? (i(), v(M, { key: 0, name: e3.icon, class: "mc-step-item-step-bar-icon" }, null, 8, ["name"])) : h(e3.$slots, "step-number", { key: 1 }, () => [k(r(y2.value + 1), 1)], true)]))])], 512), n("div", { class: "mc-step-item-content", ref_key: "contentRef", ref: a2 }, [e3.label || e3.desc ? (i(), m("div", T, [h(e3.$slots, "label", {}, () => [n("span", U, r(e3.label), 1)], true), h(e3.$slots, "desc", {}, () => [n("p", W, r(e3.desc), 1)], true)])) : p("", true), _2.value ? (i(), m("div", X, [h(e3.$slots, "default", {}, void 0, true)])) : p("", true)], 512)], 2));
|
|
95
|
+
} }), [["__scopeId", "data-v-f1e03970"]]), Z = { class: "mc-step-child-item-content" }, ee = { key: 0, class: "mc-step-child-item-label" }, te = { class: "mc-step-child-item-label-title" }, se = { class: "mc-step-child-item-label-desc" }, le = { key: 1, class: "mc-step-child-item-slot" }, ce = $(e({ name: "McStepChildItemV2", __name: "mc-step-child-item-v2", props: { name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 } }, setup(e2) {
|
|
96
|
+
const s2 = e2, l2 = b(K), c2 = t(() => {
|
|
97
|
+
var _a;
|
|
98
|
+
return (_a = l2 == null ? void 0 : l2.actived) == null ? void 0 : _a.value;
|
|
99
|
+
}), a2 = t(() => {
|
|
100
|
+
var _a, _b;
|
|
101
|
+
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;
|
|
102
|
+
});
|
|
103
|
+
return (e3, t2) => (i(), m("div", { class: u(["mc-step-child-item-v2", { "mc-step-child-item-actived": c2.value, "mc-step-child-item-success": a2.value }]) }, [n("div", Z, [e3.label || e3.desc ? (i(), m("div", ee, [n("span", te, r(e3.label), 1), n("p", se, r(e3.desc), 1)])) : p("", true), e3.$slots.default ? (i(), m("div", le, [h(e3.$slots, "default", {}, void 0, true)])) : p("", true)])], 2));
|
|
104
|
+
} }), [["__scopeId", "data-v-dbb161eb"]]), ae = w(O), me = w(Y), ie = w(ce);
|
|
105
|
+
export {
|
|
106
|
+
H as M,
|
|
107
|
+
ae as a,
|
|
108
|
+
me as b,
|
|
109
|
+
ie as c
|
|
110
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as s, createElementBlock as e, openBlock as t, normalizeStyle as c, createElementVNode as o } from "vue";
|
|
2
|
-
import { _ as i, w as l } from "./utils-
|
|
2
|
+
import { _ as i, w as l } from "./utils-5PLVsYVF.js";
|
|
3
3
|
const n = i(s({ name: "McSuccessIcon", __name: "mc-success-icon", props: { width: { default: "40px" }, height: { default: "40px" } }, setup: (s2) => (s3, i2) => (t(), e("svg", { class: "success-icon", style: c({ width: s3.width, height: s3.height }), viewBox: "0 0 400 400" }, i2[0] || (i2[0] = [o("circle", { class: "circle", fill: "none", transform: "rotate(-90 200 200)", "stroke-width": "20", cx: "200", cy: "200", r: "190", "stroke-linecap": "round" }, null, -1), o("polyline", { class: "tick", fill: "none", "stroke-width": "26", points: "120,214 173,260 274,160", "stroke-linecap": "round", "stroke-linejoin": "round" }, null, -1)]), 4)) }), [["__scopeId", "data-v-cbdf5dc8"]]), r = l(n);
|
|
4
4
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
n as M,
|
|
6
|
+
r as a
|
|
7
7
|
};
|
|
@@ -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
|
-
import { M as f } from "./mc-tooltip-
|
|
3
|
-
import { _ as w, w as x } from "./utils-
|
|
4
|
-
import { u as $, a as y } from "./mc-form-
|
|
2
|
+
import { M as f } from "./mc-tooltip-BzxYUuYz.js";
|
|
3
|
+
import { _ as w, w as x } from "./utils-5PLVsYVF.js";
|
|
4
|
+
import { u as $, a as y } from "./mc-form-CCBtbZc_.js";
|
|
5
5
|
const k = { class: "mc-switch-label-wrapper" }, T = { class: "mc-switch-label" }, _ = { class: "mc-switch-help" }, I = w(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(f, { "icon-name": e3.helpIcon, content: e3.helpText, "icon-size": 22 }, null, 8, ["icon-name", "content"])])], true) : s("", true)])) }), [["__scopeId", "data-v-12dff36d"]]), g = { 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(w(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 f2 = e2, w2 = c2, x2 = h(), k2 = n(() => f2.modelValue), T2 = () => {
|
|
7
7
|
S.value || (w2("update:modelValue", !f2.modelValue), w2("change", !f2.modelValue));
|