mc-plus 1.0.76 → 1.0.78
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 +26 -26
- package/dist/es/mc-button-Ckv7FHa8.js +16 -0
- package/dist/es/{mc-file-list-Dv2LDhbp.js → mc-file-list-Cv4OP1Ga.js} +2 -2
- package/dist/es/{mc-progress-bar-CGr9Uf7f.js → mc-progress-bar-tWHWi19h.js} +4 -4
- package/dist/es/mc-progress-indicator-BLQqSDrY.js +154 -0
- package/dist/es/mc-progress-indicator-child-item-DAKkXWWn.js +7 -0
- package/dist/es/mc-progress-indicator-item-BiQL0uXR.js +7 -0
- package/dist/es/{mc-select-Dnk7W7Mf.js → mc-select-3xlHImKe.js} +1 -1
- package/dist/es/{mc-select-group-Dz2G57Zo.js → mc-select-group-BKEcd7s0.js} +1 -1
- package/dist/es/{mc-select-group-plus-CbEB4hhG.js → mc-select-group-plus-CPt1eYeR.js} +1 -1
- package/dist/es/{mc-select-option-CXmSRasD.js → mc-select-option-Cptm5wjF.js} +2 -2
- package/dist/es/{mc-select-option-plus-Bn4h9rqa.js → mc-select-option-plus-93vuN2mf.js} +1 -1
- package/dist/es/{mc-select-plus-BfvGWpjV.js → mc-select-plus-Hdl-shv8.js} +4 -4
- package/dist/es/{mc-upload-B95Ngkxg.js → mc-upload-CDkkDtlT.js} +1 -1
- package/dist/es/theme/mc-button.css +1 -1
- package/dist/es/theme/mc-progress-bar.css +1 -1
- package/dist/es/theme/mc-progress-indicator.css +1 -1
- package/dist/index.css +1 -1
- package/dist/types/mc-progress-indicator/hooks/useStepItem.d.ts +65 -34
- package/dist/types/mc-progress-indicator/index.d.ts +3 -0
- package/dist/types/mc-progress-indicator/mc-progress-indicator-step.vue.d.ts +5 -0
- package/dist/types/mc-progress-indicator/mc-progress-indicator.vue.d.ts +1 -0
- package/dist/types/mc-progress-indicator/schemes/index.d.ts +1 -0
- package/dist/types/mc-progress-indicator/schemes/mc-progress-indicator.d.ts +44 -0
- package/dist/types/mc-progress-indicator/types/mc-progress-indicator-step-num.d.ts +2 -0
- package/dist/types/mc-progress-indicator/types/mc-progress-indicator-step.d.ts +2 -1
- package/dist/types/mc-progress-indicator/types/mc-progress-indicator.d.ts +3 -26
- package/dist/types/mc-progress-indicator/utils/contentDisplay.d.ts +1 -1
- package/dist/types/mc-progress-indicator/utils/generateStepItems.d.ts +2 -1
- package/dist/types/mc-progress-indicator/utils/getStatus.d.ts +2 -1
- package/dist/types/mc-progress-indicator-child-item/types.d.ts +5 -0
- package/dist/types/mc-select-plus/hooks/useSelectWidthHeight.d.ts +2 -2
- package/dist/types/mc-upload/types/common.d.ts +1 -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 +2 -2
- package/dist/es/mc-button-BDtWAwB8.js +0 -15
- package/dist/es/mc-progress-indicator-BkgfTSnP.js +0 -81
- package/dist/es/mc-progress-indicator-child-item-B9cd-rkf.js +0 -7
- package/dist/es/mc-progress-indicator-item-DXEPoLrA.js +0 -7
package/dist/es/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { d as s, l as _ } from "./utils-y7s5KtP-.js";
|
|
2
2
|
import { M as E } from "./mc-alert-message-JvnnHaSr.js";
|
|
3
3
|
import { a } from "./mc-alert-message-JvnnHaSr.js";
|
|
4
|
-
import { a as T } from "./mc-button-
|
|
5
|
-
import { b } from "./mc-button-
|
|
4
|
+
import { a as T } from "./mc-button-Ckv7FHa8.js";
|
|
5
|
+
import { b } from "./mc-button-Ckv7FHa8.js";
|
|
6
6
|
import { a as O } from "./mc-checkbox-C-9q1uwS.js";
|
|
7
7
|
import { b as b2 } from "./mc-checkbox-C-9q1uwS.js";
|
|
8
8
|
import { M as L } from "./mc-checkbox-group-DyPHhILZ.js";
|
|
@@ -49,14 +49,14 @@ import { M as Q } from "./mc-overlay-D2fKzV9J.js";
|
|
|
49
49
|
import { a as a16 } from "./mc-overlay-D2fKzV9J.js";
|
|
50
50
|
import { a as $ } from "./mc-popper-DG8gxW80.js";
|
|
51
51
|
import { b as b9 } from "./mc-popper-DG8gxW80.js";
|
|
52
|
-
import { a as ss } from "./mc-progress-bar-
|
|
53
|
-
import { b as b10 } from "./mc-progress-bar-
|
|
54
|
-
import { M as os } from "./mc-progress-indicator-
|
|
55
|
-
import { a as a17, b as b11, c } from "./mc-progress-indicator-
|
|
56
|
-
import { a as ms } from "./mc-progress-indicator-item-
|
|
57
|
-
import { M } from "./mc-progress-indicator-item-
|
|
58
|
-
import { a as rs } from "./mc-progress-indicator-child-item-
|
|
59
|
-
import { M as M2 } from "./mc-progress-indicator-child-item-
|
|
52
|
+
import { a as ss } from "./mc-progress-bar-tWHWi19h.js";
|
|
53
|
+
import { b as b10 } from "./mc-progress-bar-tWHWi19h.js";
|
|
54
|
+
import { M as os } from "./mc-progress-indicator-BLQqSDrY.js";
|
|
55
|
+
import { a as a17, b as b11, c } from "./mc-progress-indicator-BLQqSDrY.js";
|
|
56
|
+
import { a as ms } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
57
|
+
import { M } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
58
|
+
import { a as rs } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
|
|
59
|
+
import { M as M2 } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
|
|
60
60
|
import { M as as } from "./mc-radio-CVZardNJ.js";
|
|
61
61
|
import { a as a18 } from "./mc-radio-CVZardNJ.js";
|
|
62
62
|
import { a as ts } from "./mc-radio-group-BhsM5bEB.js";
|
|
@@ -67,18 +67,18 @@ import { M as cs } from "./mc-reset-BG-p8AiH.js";
|
|
|
67
67
|
import { a as a20 } from "./mc-reset-BG-p8AiH.js";
|
|
68
68
|
import { M as es } from "./mc-secondary-menu-3p4UsHZ0.js";
|
|
69
69
|
import { a as a21 } from "./mc-secondary-menu-3p4UsHZ0.js";
|
|
70
|
-
import { M as _s } from "./mc-select-
|
|
71
|
-
import { a as a22, S } from "./mc-select-
|
|
72
|
-
import { M as Ms } from "./mc-select-group-
|
|
73
|
-
import { a as a23, S as S2 } from "./mc-select-group-
|
|
74
|
-
import { M as is } from "./mc-select-option-
|
|
75
|
-
import { a as a24 } from "./mc-select-option-
|
|
76
|
-
import { a as Cs } from "./mc-select-plus-
|
|
77
|
-
import { b as b13, M as M4 } from "./mc-select-plus-
|
|
78
|
-
import { a as fs } from "./mc-select-group-plus-
|
|
79
|
-
import { M as M5 } from "./mc-select-group-plus-
|
|
80
|
-
import { a as js } from "./mc-select-option-plus-
|
|
81
|
-
import { M as M6 } from "./mc-select-option-plus-
|
|
70
|
+
import { M as _s } from "./mc-select-3xlHImKe.js";
|
|
71
|
+
import { a as a22, S } from "./mc-select-3xlHImKe.js";
|
|
72
|
+
import { M as Ms } from "./mc-select-group-BKEcd7s0.js";
|
|
73
|
+
import { a as a23, S as S2 } from "./mc-select-group-BKEcd7s0.js";
|
|
74
|
+
import { M as is } from "./mc-select-option-Cptm5wjF.js";
|
|
75
|
+
import { a as a24 } from "./mc-select-option-Cptm5wjF.js";
|
|
76
|
+
import { a as Cs } from "./mc-select-plus-Hdl-shv8.js";
|
|
77
|
+
import { b as b13, M as M4 } from "./mc-select-plus-Hdl-shv8.js";
|
|
78
|
+
import { a as fs } from "./mc-select-group-plus-CPt1eYeR.js";
|
|
79
|
+
import { M as M5 } from "./mc-select-group-plus-CPt1eYeR.js";
|
|
80
|
+
import { a as js } from "./mc-select-option-plus-93vuN2mf.js";
|
|
81
|
+
import { M as M6 } from "./mc-select-option-plus-93vuN2mf.js";
|
|
82
82
|
import { M as Es } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
83
83
|
import { a as a25 } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
84
84
|
import { M as Ts } from "./mc-status-TsoVkCEe.js";
|
|
@@ -118,10 +118,10 @@ import { M as Gs } from "./mc-toast-DtnNJULV.js";
|
|
|
118
118
|
import { a as a37, t } from "./mc-toast-DtnNJULV.js";
|
|
119
119
|
import { M as hs } from "./mc-tooltip-CDYY9-bd.js";
|
|
120
120
|
import { a as a38 } from "./mc-tooltip-CDYY9-bd.js";
|
|
121
|
-
import { M as Ys } from "./mc-upload-
|
|
122
|
-
import { A, a as a39, b as b18, W } from "./mc-upload-
|
|
123
|
-
import { M as Fs } from "./mc-file-list-
|
|
124
|
-
import { a as a40 } from "./mc-file-list-
|
|
121
|
+
import { M as Ys } from "./mc-upload-CDkkDtlT.js";
|
|
122
|
+
import { A, a as a39, b as b18, W } from "./mc-upload-CDkkDtlT.js";
|
|
123
|
+
import { M as Fs } from "./mc-file-list-Cv4OP1Ga.js";
|
|
124
|
+
import { a as a40 } from "./mc-file-list-Cv4OP1Ga.js";
|
|
125
125
|
const Ks = [E, T, O, L, x, P, R, N, U, B, D, G, Y, K, X, H, y, v, w, J, V, Z, z, Q, $, ss, os, ms, rs, as, ts, ps, cs, es, _s, Ms, is, fs, Es, js, Cs, Ts, ls, xs, Ls, Os, As, Is, Ss, us, Ps, Rs, bs, ns, Us, Ns, ds, gs, Bs, Ds, Gs, hs, Fs, Ys];
|
|
126
126
|
s();
|
|
127
127
|
const Xs = _(Ks);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { _ as t, u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as o, ref as i, createElementBlock as a, openBlock as n, unref as l, normalizeClass as s, normalizeStyle as d, createBlock as m, createCommentVNode as r, createElementVNode as c, createVNode as u, renderSlot as p } from "vue";
|
|
3
|
+
import { throttle as f } from "lodash-es";
|
|
4
|
+
import { useWidthHeight as h } from "@mc-plus/hooks";
|
|
5
|
+
import { M as b } from "./mc-icon-4B9i36Sx.js";
|
|
6
|
+
const g = "mc-button", y = ["type", "disabled"], k = { key: 1, class: "loading-icon" }, v = { class: "mc-button-text" }, I = t(o({ name: g, __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(t2, { expose: e2, emit: o2 }) {
|
|
7
|
+
const g2 = t2, I2 = o2, _2 = i(), { width: z, height: T } = h(), w = (t3) => {
|
|
8
|
+
g2.loading || g2.disabled || I2("click", t3);
|
|
9
|
+
}, x = f(w, g2.throttleDuration, { trailing: false });
|
|
10
|
+
return e2({ ref: _2 }), (e3, o3) => (n(), a("button", { ref_key: "_ref", ref: _2, style: d({ width: l(z), height: l(T) }), class: s(["mc-button", { [`mc-button--${t2.type}`]: t2.type, [`mc-button--${t2.size}`]: t2.size, "is-loading": t2.loading, "is-disabled": t2.disabled }]), type: t2.nativeType, disabled: !(!t2.disabled && !t2.loading) || void 0, onClick: o3[0] || (o3[0] = (e4) => t2.useThrottle ? l(x)(e4) : w(e4)) }, [t2.leftIcon && !t2.loading ? (n(), m(b, { key: 0, name: t2.leftIcon }, null, 8, ["name"])) : r("", true), t2.loading && !t2.disabled ? (n(), a("span", k, [u(b, { name: "Loading", size: 16 })])) : r("", true), c("div", v, [p(e3.$slots, "default", {}, void 0, true)]), t2.rightIcon ? (n(), m(b, { key: 2, name: t2.rightIcon }, null, 8, ["name"])) : r("", true)], 14, y));
|
|
11
|
+
} }), [["__scopeId", "data-v-88576c9a"]]), _ = e(I);
|
|
12
|
+
export {
|
|
13
|
+
I as M,
|
|
14
|
+
_ as a,
|
|
15
|
+
g as b
|
|
16
|
+
};
|
|
@@ -3,8 +3,8 @@ import { defineComponent as i, ref as s, createElementBlock as a, openBlock as t
|
|
|
3
3
|
import { useResizeObserver as v } from "@mc-plus/hooks";
|
|
4
4
|
import { M as k } from "./mc-icon-4B9i36Sx.js";
|
|
5
5
|
import { M as y } from "./mc-divider-TCpxn8c3.js";
|
|
6
|
-
import { M as b } from "./mc-progress-bar-
|
|
7
|
-
import { u as g, g as C, f as _ } from "./mc-upload-
|
|
6
|
+
import { M as b } from "./mc-progress-bar-tWHWi19h.js";
|
|
7
|
+
import { u as g, g as C, f as _ } from "./mc-upload-CDkkDtlT.js";
|
|
8
8
|
const w = "mc-file-list", h = { class: "mc-file-list-item-content" }, M = { class: "mc-file-list-item-file mc-file-list-item-info" }, j = ["onClick"], B = { class: "mc-file-list-item-file-name-text" }, V = { class: "mc-file-list-item-file-desc" }, x = { class: "mc-file-list-item-file-size-text" }, z = { key: 0, class: "mc-file-list-item-file-progress-bar" }, T = { key: 1, class: "mc-file-list-item-file-error" }, D = { class: "mc-file-list-item-info" }, I = { class: "mc-file-list-item-label" }, L = { class: "mc-file-list-item-value" }, R = { class: "mc-file-list-item-info" }, $ = { class: "mc-file-list-item-label" }, q = { class: "mc-file-list-item-value" }, A = { class: "mc-file-list-item-actions" }, E = { class: "mc-file-list-item-compact-content" }, F = { class: "mc-file-list-item-info" }, G = { class: "mc-file-list-item-label" }, H = { class: "mc-file-list-item-value" }, J = { class: "mc-file-list-item-info" }, K = { class: "mc-file-list-item-label" }, N = { class: "mc-file-list-item-value" }, O = e(i({ name: w, __name: "mc-file-list", props: { modelValue: { default: () => [] }, theme: { default: "light" }, lang: { default: "en" }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "delete", "download", "preview", "cancel"], setup(e2, { emit: l2 }) {
|
|
9
9
|
const i2 = e2, w2 = l2, { langMap: O2 } = g(), P2 = s(false), Q = s();
|
|
10
10
|
v(Q, ({ width: e3 }) => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { _ as e, u as r } from "./utils-y7s5KtP-.js";
|
|
2
|
-
import { defineComponent as s, ref as a, watchEffect as t, computed as o, watch as p, useSlots as m, createElementBlock as l, openBlock as n, normalizeStyle as
|
|
2
|
+
import { defineComponent as s, ref as a, watchEffect as t, computed as o, watch as p, useSlots as m, createElementBlock as l, openBlock as n, normalizeStyle as c, unref as i, createElementVNode as u, createCommentVNode as d, renderSlot as g, toDisplayString as h } from "vue";
|
|
3
3
|
import { ceil as f } from "lodash-es";
|
|
4
4
|
import { useWidthHeight as v } from "@mc-plus/hooks";
|
|
5
5
|
const b = "mc-progress-bar", k = { key: 0, class: "mc-progress-bar-shimmer" }, y = { key: 0, class: "mc-progress-bar-remarks" }, w = e(s({ name: b, __name: "mc-progress-bar", props: { percentage: { default: 0 }, height: { default: "4px" }, width: { default: "100%" }, remarks: {}, showPercentage: { type: Boolean, default: false }, transitionDuration: { default: 300 }, shimmer: { type: Boolean, default: false } }, emits: ["update:percentage", "complete"], setup(e2, { expose: r2, emit: s2 }) {
|
|
6
6
|
const b2 = e2, w2 = s2, { width: _2, height: P } = v(), $ = a();
|
|
7
7
|
t(() => {
|
|
8
|
-
$.value && $.value.style.setProperty("--border-radius", P.value);
|
|
8
|
+
$.value && $.value.style.setProperty("--border-radius", P.value || "auto");
|
|
9
9
|
});
|
|
10
10
|
const x = o(() => {
|
|
11
11
|
const e3 = b2.percentage / 100;
|
|
@@ -21,8 +21,8 @@ const b = "mc-progress-bar", k = { key: 0, class: "mc-progress-bar-shimmer" }, y
|
|
|
21
21
|
w2("update:percentage", 100), w2("complete");
|
|
22
22
|
}, reset: () => {
|
|
23
23
|
w2("update:percentage", 0);
|
|
24
|
-
} }), (r3, s3) => (n(), l("div", { class: "mc-progress-bar", style:
|
|
25
|
-
} }), [["__scopeId", "data-v-
|
|
24
|
+
} }), (r3, s3) => (n(), l("div", { class: "mc-progress-bar", style: c({ width: i(_2) }) }, [u("div", { ref_key: "progressBarRef", ref: $, class: "mc-progress-bar-wrapper", style: c({ width: i(_2), height: i(P) }) }, [u("div", { class: "mc-progress-bar-inner", style: c({ transform: `scaleX(${x.value})`, transitionDuration: `${e2.transitionDuration}ms` }) }, null, 4), e2.shimmer ? (n(), l("i", k)) : d("", true)], 4), D.value ? (n(), l("div", y, [g(r3.$slots, "remarks", {}, () => [u("span", null, h(e2.remarks || `${i(f)(100 * x.value)}%`), 1)], true)])) : d("", true)], 4));
|
|
25
|
+
} }), [["__scopeId", "data-v-7ebc305e"]]), _ = r(w);
|
|
26
26
|
export {
|
|
27
27
|
w as M,
|
|
28
28
|
_ as a,
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
+
import { _ as e, w as t, u as s } from "./utils-y7s5KtP-.js";
|
|
5
|
+
import { defineComponent as o, computed as n, createBlock as l, createElementBlock as i, openBlock as a, normalizeClass as r, createCommentVNode as c, toDisplayString as p, unref as d, createElementVNode as u, renderSlot as h, createVNode as m, createTextVNode as S, ref as v, useSlots as f, watchEffect as y, Fragment as b, renderList as g, createSlots as K, withCtx as C, resolveDynamicComponent as F, nextTick as x } from "vue";
|
|
6
|
+
import { isArray as k, isString as w, isFunction as I, isBoolean as $, isNumber as B, isNil as _ } from "lodash-es";
|
|
7
|
+
import { M as T } from "./mc-icon-plus-DcQPxofD.js";
|
|
8
|
+
import { M } from "./mc-success-icon-CuyL6DXB.js";
|
|
9
|
+
import { useId as L, useProp as R } from "@mc-plus/hooks";
|
|
10
|
+
import { M as j } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
11
|
+
import { M as V } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
|
|
12
|
+
const z = "mc-progress-indicator", A = "mc-progress-indicator-step", H = "mc-progress-indicator-step-num", E = { key: 0, class: "mc-progress-indicator-step-num-icon" }, N = { key: 1 }, P = e(o({ name: H, __name: "mc-progress-indicator-step-num", props: { num: {}, status: { default: "default" }, showSuccessIcon: { type: Boolean, default: true }, isChild: { type: Boolean, default: false }, icon: {} }, setup(e2) {
|
|
13
|
+
const t2 = e2, s2 = n(() => t2.showSuccessIcon && "success" === t2.status && !t2.isChild);
|
|
14
|
+
return (t3, o2) => s2.value ? (a(), l(M, { key: 0 })) : (a(), i("div", { key: 1, class: r(["mc-progress-indicator-step-num", [`mc-progress-indicator-step-num-${e2.status}`, { "mc-progress-indicator-step-num-child": e2.isChild }]]) }, [e2.isChild ? c("", true) : (a(), i("div", E, [e2.icon ? (a(), l(T, { key: 0, name: e2.icon }, null, 8, ["name"])) : (a(), i("span", N, p(e2.num), 1))]))], 2));
|
|
15
|
+
} }), [["__scopeId", "data-v-9298243a"]]);
|
|
16
|
+
class q {
|
|
17
|
+
constructor(e2, s2) {
|
|
18
|
+
__publicField(this, "id");
|
|
19
|
+
__publicField(this, "stepKey");
|
|
20
|
+
__publicField(this, "index");
|
|
21
|
+
__publicField(this, "parentIndex");
|
|
22
|
+
__publicField(this, "childIndex");
|
|
23
|
+
__publicField(this, "label");
|
|
24
|
+
__publicField(this, "icon");
|
|
25
|
+
__publicField(this, "showContent");
|
|
26
|
+
__publicField(this, "success");
|
|
27
|
+
__publicField(this, "hiddenHeader");
|
|
28
|
+
__publicField(this, "hiddenFooter");
|
|
29
|
+
__publicField(this, "hiddenFooterLeft");
|
|
30
|
+
__publicField(this, "hiddenFooterRight");
|
|
31
|
+
__publicField(this, "previousStep");
|
|
32
|
+
__publicField(this, "nextStep");
|
|
33
|
+
__publicField(this, "parentStep");
|
|
34
|
+
__publicField(this, "childrenSteps");
|
|
35
|
+
__publicField(this, "iconSlot");
|
|
36
|
+
__publicField(this, "labelSlot");
|
|
37
|
+
__publicField(this, "defaultSlot");
|
|
38
|
+
__publicField(this, "contentTitleSlot");
|
|
39
|
+
__publicField(this, "contentToolbarSlot");
|
|
40
|
+
__publicField(this, "contentSlot");
|
|
41
|
+
__publicField(this, "contentFooterSlot");
|
|
42
|
+
__publicField(this, "contentFooterLeftSlot");
|
|
43
|
+
__publicField(this, "contentFooterRightSlot");
|
|
44
|
+
this.id = (e2 == null ? void 0 : e2.id) || L((e2 == null ? void 0 : e2.step) ? e2.step.toString() : void 0), this.stepKey = e2 == null ? void 0 : e2.step, this.label = e2 == null ? void 0 : e2.label, this.icon = e2 == null ? void 0 : e2.icon, this.showContent = t(e2, "show-content"), this.success = e2 == null ? void 0 : e2.success, this.hiddenHeader = t(e2, "hidden-header"), this.hiddenFooter = t(e2, "hidden-footer"), this.hiddenFooterLeft = t(e2, "hidden-footer-left"), this.hiddenFooterRight = t(e2, "hidden-footer-right"), this.iconSlot = s2 == null ? void 0 : s2.icon, this.labelSlot = s2 == null ? void 0 : s2.label, this.defaultSlot = s2 == null ? void 0 : s2.default, this.contentTitleSlot = t(s2, "content-title"), this.contentToolbarSlot = t(s2, "content-toolbar"), this.contentSlot = s2 == null ? void 0 : s2.content, this.contentFooterSlot = t(s2, "content-footer"), this.contentFooterLeftSlot = t(s2, "content-footer-left"), this.contentFooterRightSlot = t(s2, "content-footer-right");
|
|
45
|
+
}
|
|
46
|
+
get isChild() {
|
|
47
|
+
return !!this.parentStep;
|
|
48
|
+
}
|
|
49
|
+
get hasChildren() {
|
|
50
|
+
var _a;
|
|
51
|
+
return !!((_a = this.childrenSteps) == null ? void 0 : _a.size);
|
|
52
|
+
}
|
|
53
|
+
getChildrenSteps() {
|
|
54
|
+
var _a;
|
|
55
|
+
return Array.from(((_a = this.childrenSteps) == null ? void 0 : _a.values()) || []);
|
|
56
|
+
}
|
|
57
|
+
hasChildStep(e2) {
|
|
58
|
+
var _a;
|
|
59
|
+
return !!((_a = this.childrenSteps) == null ? void 0 : _a.has(e2));
|
|
60
|
+
}
|
|
61
|
+
getFirstChildStep() {
|
|
62
|
+
var _a;
|
|
63
|
+
return (_a = this.childrenSteps) == null ? void 0 : _a.values().next().value;
|
|
64
|
+
}
|
|
65
|
+
getLastChildStep() {
|
|
66
|
+
var _a;
|
|
67
|
+
return Array.from(((_a = this.childrenSteps) == null ? void 0 : _a.values()) || []).pop();
|
|
68
|
+
}
|
|
69
|
+
appendChildStep(e2) {
|
|
70
|
+
this.childrenSteps || (this.childrenSteps = /* @__PURE__ */ new Map()), this.childrenSteps.set(e2.stepKey, e2);
|
|
71
|
+
}
|
|
72
|
+
removeChildStep(e2) {
|
|
73
|
+
var _a, _b;
|
|
74
|
+
(_a = this.childrenSteps) == null ? void 0 : _a.delete(e2), 0 === ((_b = this.childrenSteps) == null ? void 0 : _b.size) && (this.childrenSteps = void 0);
|
|
75
|
+
}
|
|
76
|
+
clearContent() {
|
|
77
|
+
this.defaultSlot = void 0, this.contentSlot = void 0, this.contentTitleSlot = void 0, this.contentToolbarSlot = void 0, this.contentFooterSlot = void 0, this.contentFooterLeftSlot = void 0, this.contentFooterRightSlot = void 0;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G = (e2, t2, s2 = "manual") => {
|
|
81
|
+
const o2 = d(t2);
|
|
82
|
+
if ($(e2 == null ? void 0 : e2.success) && e2.success) return "success";
|
|
83
|
+
if ((e2 == null ? void 0 : e2.parentStep) && "success" === G(e2.parentStep, t2)) return "success";
|
|
84
|
+
if (!(o2 && e2 && B(o2.index) && B(e2.index))) return "default";
|
|
85
|
+
if ("auto" === s2) {
|
|
86
|
+
if (e2.isChild || !e2.hasChildren) {
|
|
87
|
+
if (e2.index < o2.index) return "success";
|
|
88
|
+
} else if (e2.hasChildren) {
|
|
89
|
+
let o3 = true;
|
|
90
|
+
for (const n2 of e2 == null ? void 0 : e2.getChildrenSteps()) if ("success" !== G(n2, t2, s2)) {
|
|
91
|
+
o3 = false;
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
if (o3) return "success";
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
return e2.index <= o2.index ? "active" : "default";
|
|
98
|
+
}, J = (e2, t2) => $(e2 == null ? void 0 : e2.showContent) ? e2 == null ? void 0 : e2.showContent : !_(e2 == null ? void 0 : e2.stepKey) && e2.stepKey === (t2 == null ? void 0 : t2.stepKey), O = ["id"], Q = { key: 0, class: "mc-progress-indicator-step-container" }, U = { class: "mc-progress-indicator-step-content" }, W = { key: 0, class: "mc-progress-indicator-step-content-header" }, X = { key: 0, class: "mc-progress-indicator-step-content-footer-container" }, Y = { class: "mc-progress-indicator-step-content-footer" }, Z = { class: "mc-progress-indicator-step-content-footer-left-container" }, ee = { key: 0, class: "mc-progress-indicator-step-content-footer-left" }, te = { class: "mc-progress-indicator-step-content-footer-right-container" }, se = { key: 0, class: "mc-progress-indicator-step-content-footer-right" }, oe = e(o({ name: A, __name: "mc-progress-indicator-step", props: { successBehavior: { default: "auto" }, currentStep: {}, step: {}, position: { default: "middle" }, showSuccessIcon: { type: Boolean, default: true } }, setup(e2) {
|
|
99
|
+
const t2 = e2, s2 = n(() => J(t2.step, d(t2.currentStep))), o2 = n(() => J(t2.step.nextStep, d(t2.currentStep))), l2 = n(() => !!t2.step.isChild), v2 = n(() => G(t2.step, t2.currentStep, t2.successBehavior)), f2 = n(() => G(t2.step.previousStep, t2.currentStep, t2.successBehavior)), y2 = n(() => B(t2.step.parentIndex) ? t2.step.parentIndex + 1 : 0);
|
|
100
|
+
return (t3, n2) => (a(), i("div", { id: e2.step.id, class: "mc-progress-indicator-step" }, [u("div", { class: r(["mc-progress-indicator-step-item", { "mc-progress-indicator-step-item-child": l2.value }]) }, [u("i", { class: r(["mc-progress-indicator-step-line mc-progress-indicator-step-line-up", [`mc-progress-indicator-step-line-${f2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2), h(t3.$slots, "icon", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [m(P, { num: y2.value, icon: e2.step.icon, status: v2.value, "show-success-icon": e2.showSuccessIcon, "is-child": l2.value }, null, 8, ["num", "icon", "status", "show-success-icon", "is-child"])], true), u("i", { class: r(["mc-progress-indicator-step-line mc-progress-indicator-step-line-down", [`mc-progress-indicator-step-line-${v2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2)], 2), s2.value ? (a(), i("div", Q, [h(t3.$slots, "default", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("div", U, [e2.step.hiddenHeader ? c("", true) : (a(), i("div", W, [h(t3.$slots, "content-title", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("span", { class: r(["mc-progress-indicator-step-content-title", [`mc-progress-indicator-step-content-title-${v2.value}`]]) }, p(e2.step.label), 3)], true), h(t3.$slots, "content-toolbar", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)])), h(t3.$slots, "content", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]), e2.step.hiddenFooter ? c("", true) : (a(), i("div", X, [h(t3.$slots, "content-footer", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("div", Y, [u("div", Z, [e2.step.hiddenFooterLeft ? c("", true) : (a(), i("div", ee, [h(t3.$slots, "content-footer-left", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]))]), u("div", te, [e2.step.hiddenFooterRight ? c("", true) : (a(), i("div", se, [h(t3.$slots, "content-footer-right", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]))])])], true)]))], true)])) : (a(), i("div", { key: 1, class: r(["mc-progress-indicator-step-label", [`mc-progress-indicator-step-label-${v2.value}`, { "mc-progress-indicator-step-label-child": l2.value, "mc-progress-indicator-step-label-need-padding-bottom": o2.value }]]) }, [h(t3.$slots, "label", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [S(p(e2.step.label), 1)], true)], 2))], 8, O));
|
|
101
|
+
} }), [["__scopeId", "data-v-150dfe0a"]]), ne = { class: "mc-grogress-indicator" }, le = s(e(o({ name: z, __name: "mc-progress-indicator", props: { modelValue: {}, successSteps: {}, successBehavior: { default: "auto" }, previousBehavior: { default: "last-child" }, showSuccessIcon: { type: Boolean, default: true }, scrollToStep: { type: Boolean, default: false } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: t2, emit: s2 }) {
|
|
102
|
+
const o2 = e2, r2 = s2, { stepItems: c2, currentStep: p2 } = (() => {
|
|
103
|
+
const e3 = v([]), t3 = v(/* @__PURE__ */ new Map()), s3 = f();
|
|
104
|
+
y(() => {
|
|
105
|
+
var _a;
|
|
106
|
+
const { stepItems: o4, stepMap: n2 } = ((e4) => {
|
|
107
|
+
const t4 = [], s4 = /* @__PURE__ */ new Map();
|
|
108
|
+
let o5, n3 = 0, l3 = 0;
|
|
109
|
+
const i2 = (e5, a2) => {
|
|
110
|
+
k(e5) && e5.forEach((e6) => {
|
|
111
|
+
var _a2, _b, _c;
|
|
112
|
+
const r3 = (_a2 = (e6 == null ? void 0 : e6.type) || {}) == null ? void 0 : _a2.name;
|
|
113
|
+
if (r3 === j) {
|
|
114
|
+
const a3 = w(e6.children) || k(e6.children) || !I((_b = e6.children) == null ? void 0 : _b.default) ? e6.children : (_c = e6.children) == null ? void 0 : _c.default(), r4 = e6.props, c3 = e6.children, p3 = new q(r4, c3);
|
|
115
|
+
p3.parentIndex = n3++, p3.index = l3++, o5 && (p3.previousStep = o5, o5.nextStep = p3), o5 = p3, t4.push(p3), s4.set(p3.stepKey, p3), i2(a3, p3);
|
|
116
|
+
} else if (r3 === V) {
|
|
117
|
+
const n4 = e6.props, i3 = e6.children, r4 = new q(n4, i3);
|
|
118
|
+
r4.index = l3++, a2 && (a2.clearContent(), a2.appendChildStep(r4), r4.parentIndex = a2.parentIndex, r4.parentStep = a2, r4.childIndex = a2.getChildrenSteps().length), o5 && (r4.previousStep = o5, o5.nextStep = r4), s4.set(r4.stepKey, r4), t4.push(r4), o5 = r4;
|
|
119
|
+
} else k(e6.children) && i2(e6.children, a2);
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
return i2(e4), { stepItems: t4, stepMap: s4 };
|
|
123
|
+
})((_a = s3.default) == null ? void 0 : _a.call(s3));
|
|
124
|
+
e3.value = o4, t3.value = n2;
|
|
125
|
+
});
|
|
126
|
+
const o3 = R("modelValue"), l2 = n(() => t3.value.get(o3.value));
|
|
127
|
+
return { stepItems: e3, currentStep: l2 };
|
|
128
|
+
})(), u2 = (e3) => {
|
|
129
|
+
_(e3) || r2("update:modelValue", e3);
|
|
130
|
+
}, h2 = async (e3) => {
|
|
131
|
+
if (!o2.scrollToStep || _(e3 == null ? void 0 : e3.stepKey)) return;
|
|
132
|
+
await x();
|
|
133
|
+
const t3 = document.getElementById(e3.id);
|
|
134
|
+
t3 && t3.scrollIntoView({ behavior: "smooth" });
|
|
135
|
+
};
|
|
136
|
+
return t2({ goStep: u2, goNextStep: () => {
|
|
137
|
+
var _a, _b;
|
|
138
|
+
const e3 = (_a = p2.value) == null ? void 0 : _a.nextStep;
|
|
139
|
+
_(e3 == null ? void 0 : e3.stepKey) || (e3.hasChildren ? u2((_b = e3 == null ? void 0 : e3.getFirstChildStep()) == null ? void 0 : _b.stepKey) : u2(e3.stepKey), h2(e3));
|
|
140
|
+
}, goPreviousStep: () => {
|
|
141
|
+
var _a, _b, _c, _d, _e, _f;
|
|
142
|
+
const e3 = (_a = p2.value) == null ? void 0 : _a.previousStep;
|
|
143
|
+
if (!_(e3 == null ? void 0 : e3.stepKey)) if (((_b = p2.value) == null ? void 0 : _b.isChild) && e3 === ((_c = p2.value) == null ? void 0 : _c.parentStep)) {
|
|
144
|
+
const t3 = e3.previousStep;
|
|
145
|
+
"last-child" === o2.previousBehavior ? (u2(t3 == null ? void 0 : t3.stepKey), h2(t3)) : (t3 == null ? void 0 : t3.isChild) ? (u2((_e = (_d = t3.parentStep) == null ? void 0 : _d.getFirstChildStep()) == null ? void 0 : _e.stepKey), h2(t3.parentStep)) : (u2(t3 == null ? void 0 : t3.stepKey), h2(t3));
|
|
146
|
+
} else u2(e3 == null ? void 0 : e3.stepKey), (e3 == null ? void 0 : e3.isChild) && ((_f = e3.parentStep) == null ? void 0 : _f.getFirstChildStep()) === e3 ? h2(e3.parentStep) : h2(e3);
|
|
147
|
+
} }), (t3, s3) => (a(), i("div", ne, [(a(true), i(b, null, g(d(c2), (t4, s4) => (a(), l(oe, { key: t4.stepKey, position: d(D)(s4, d(c2).length), step: t4, "current-step": d(p2), "success-behavior": e2.successBehavior, "show-success-icon": e2.showSuccessIcon }, K({ _: 2 }, [t4.labelSlot ? { name: "label", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.labelSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "0" } : void 0, t4.iconSlot ? { name: "icon", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.iconSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "1" } : void 0, t4.defaultSlot ? { name: "default", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.defaultSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "2" } : void 0, t4.contentTitleSlot ? { name: "content-title", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentTitleSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "3" } : void 0, t4.contentToolbarSlot ? { name: "content-toolbar", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentToolbarSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "4" } : void 0, t4.contentSlot ? { name: "content", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "5" } : void 0, t4.contentFooterSlot ? { name: "content-footer", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "6" } : void 0, t4.contentFooterLeftSlot ? { name: "content-footer-left", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterLeftSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "7" } : void 0, t4.contentFooterRightSlot ? { name: "content-footer-right", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterRightSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "8" } : void 0]), 1032, ["position", "step", "current-step", "success-behavior", "show-success-icon"]))), 128))]));
|
|
148
|
+
} }), [["__scopeId", "data-v-a2c50544"]]));
|
|
149
|
+
export {
|
|
150
|
+
le as M,
|
|
151
|
+
z as a,
|
|
152
|
+
A as b,
|
|
153
|
+
H as c
|
|
154
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as o, createElementBlock as t, openBlock as i } from "vue";
|
|
3
|
+
const s = "mc-progress-indicator-child-item", r = { class: "mc-grogress-indicator-child-item" }, n = e(o({ name: s, __name: "mc-progress-indicator-child-item", props: { id: {}, step: {}, label: {}, showContent: { type: Boolean }, success: { type: Boolean }, hiddenHeader: { type: Boolean }, hiddenFooter: { type: Boolean }, hiddenFooterLeft: { type: Boolean }, hiddenFooterRight: { type: Boolean } }, setup: (e2) => (e3, o2) => (i(), t("div", r)) }));
|
|
4
|
+
export {
|
|
5
|
+
s as M,
|
|
6
|
+
n as a
|
|
7
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as o, createElementBlock as t, openBlock as i } from "vue";
|
|
3
|
+
const s = "mc-progress-indicator-item", n = { class: "mc-grogress-indicator-item" }, r = e(o({ name: s, __name: "mc-progress-indicator-item", props: { icon: {}, id: {}, step: {}, label: {}, showContent: { type: Boolean }, success: { type: Boolean }, hiddenHeader: { type: Boolean }, hiddenFooter: { type: Boolean }, hiddenFooterLeft: { type: Boolean }, hiddenFooterRight: { type: Boolean } }, setup: (e2) => (e3, o2) => (i(), t("div", n)) }));
|
|
4
|
+
export {
|
|
5
|
+
s as M,
|
|
6
|
+
r as a
|
|
7
|
+
};
|
|
@@ -3,7 +3,7 @@ import { defineComponent as a, ref as t, computed as s, watch as u, provide as o
|
|
|
3
3
|
import { isNil as R, lowerCase as A, toString as M, filter as S, includes as C, map as O } from "lodash-es";
|
|
4
4
|
import { useFocus as z, useClickOutside as D } from "@mc-plus/hooks";
|
|
5
5
|
import { M as F } from "./mc-icon-4B9i36Sx.js";
|
|
6
|
-
import { M as I } from "./mc-button-
|
|
6
|
+
import { M as I } from "./mc-button-Ckv7FHa8.js";
|
|
7
7
|
import { _ as $ } from "./mc-tag-tK4gRtnS.js";
|
|
8
8
|
import { M as T } from "./mc-checkbox-C-9q1uwS.js";
|
|
9
9
|
import { _ as U } from "./mc-title-RVvmAnbZ.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as e, u as t } from "./utils-y7s5KtP-.js";
|
|
2
2
|
import { defineComponent as s, inject as l, provide as o, computed as a, toRefs as c, useAttrs as i, toValue as r, withDirectives as m, createElementBlock as p, openBlock as u, createElementVNode as d, normalizeStyle as v, toDisplayString as g, renderSlot as n, vShow as h } from "vue";
|
|
3
|
-
import { S as f } from "./mc-select-
|
|
3
|
+
import { S as f } from "./mc-select-3xlHImKe.js";
|
|
4
4
|
const b = Symbol("mc-select-group-context"), _ = "mc-select-group", w = { class: "mc-select-group" }, y = { class: "mc-select-group-content" }, S = t(e(s({ name: _, __name: "mc-select-group", props: { label: {}, width: {}, height: {} }, setup(e2) {
|
|
5
5
|
const t2 = e2, s2 = l(f, void 0);
|
|
6
6
|
o(b, { groupName: t2.label });
|
|
@@ -2,7 +2,7 @@ import { _ as l, u as s } from "./utils-y7s5KtP-.js";
|
|
|
2
2
|
import { defineComponent as e, inject as t, computed as o, withDirectives as a, createElementBlock as u, openBlock as p, createElementVNode as r, normalizeStyle as c, unref as i, toDisplayString as m, renderSlot as d, vShow as h } from "vue";
|
|
3
3
|
import { includes as f } from "lodash-es";
|
|
4
4
|
import { useWidthHeight as g } from "@mc-plus/hooks";
|
|
5
|
-
import { M as n } from "./mc-select-plus-
|
|
5
|
+
import { M as n } from "./mc-select-plus-Hdl-shv8.js";
|
|
6
6
|
const v = "mc-select-group-plus", _ = { class: "mc-select-group" }, b = { class: "mc-select-option-list" }, w = s(l(e({ name: v, __name: "mc-select-group-plus", props: { label: {}, height: { default: 40 }, width: { default: "100%" } }, setup(l2) {
|
|
7
7
|
const s2 = l2, e2 = t(n || void 0), { height: v2, width: w2 } = g(), j = o(() => f(e2 == null ? void 0 : e2.filteredGroups.value, s2.label));
|
|
8
8
|
return (s3, e3) => a((p(), u("ul", _, [r("li", { class: "mc-select-group-label", style: c({ height: i(v2), width: i(w2) }) }, m(l2.label), 5), r("li", null, [r("ul", b, [d(s3.$slots, "default", {}, void 0, true)])])], 512)), [[h, j.value]]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as e, u as o } from "./utils-y7s5KtP-.js";
|
|
2
2
|
import { defineComponent as t, ref as s, inject as l, computed as c, useSlots as i, onMounted as a, onBeforeUnmount as n, h as p, createElementBlock as m, createCommentVNode as r, openBlock as v, normalizeStyle as d, normalizeClass as u, createElementVNode as f, renderSlot as h, createTextVNode as _, toDisplayString as g } from "vue";
|
|
3
|
-
import { S as w } from "./mc-select-group-
|
|
4
|
-
import { S } from "./mc-select-
|
|
3
|
+
import { S as w } from "./mc-select-group-BKEcd7s0.js";
|
|
4
|
+
import { S } from "./mc-select-3xlHImKe.js";
|
|
5
5
|
const j = "mc-select-option", k = { class: "mc-select-option-content" }, y = o(e(t({ name: j, __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: o2 }) {
|
|
6
6
|
const t2 = s(), j2 = e2, y2 = l(S, void 0), O = l(w, void 0), b = c(() => y2 == null ? void 0 : y2.selectValues.value.includes(j2.value)), x = c(() => !!(y2 == null ? void 0 : y2.filterOptions.value.some((e3) => e3.value === j2.value))), I = i(), C = () => {
|
|
7
7
|
y2 == null ? void 0 : y2.handleSelect(G(j2));
|
|
@@ -3,7 +3,7 @@ import { defineComponent as a, inject as t, computed as o, ref as s, withDirecti
|
|
|
3
3
|
import { find as h, includes as f } from "lodash-es";
|
|
4
4
|
import { useWidthHeight as _ } from "@mc-plus/hooks";
|
|
5
5
|
import { _ as y } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
6
|
-
import { M as g } from "./mc-select-plus-
|
|
6
|
+
import { M as g } from "./mc-select-plus-Hdl-shv8.js";
|
|
7
7
|
const k = "mc-select-option-plus", M = ["aria-selected"], O = { key: 1, class: "mc-select-option-label" }, j = l(e(a({ name: k, __name: "mc-select-option-plus", props: { label: {}, value: { type: [String, Number, Boolean] }, height: { default: 40 }, width: { default: "100%" }, disabled: { type: Boolean } }, setup(e2) {
|
|
8
8
|
const l2 = e2, { height: a2, width: k2 } = _(), j2 = t(g || void 0), w = o(() => !!h(j2 == null ? void 0 : j2.filteredOptions.value, (e3) => e3.value === l2.value)), B = o(() => !!(j2 == null ? void 0 : j2.isMulti.value)), x = o(() => {
|
|
9
9
|
if (B.value) {
|
|
@@ -8,15 +8,15 @@ import { _ as le } from "./mc-tag-tK4gRtnS.js";
|
|
|
8
8
|
import { _ as ae } from "./mc-title-RVvmAnbZ.js";
|
|
9
9
|
import { M as te } from "./mc-footer-DUC9ViQu.js";
|
|
10
10
|
import { M as oe } from "./mc-checkbox-C-9q1uwS.js";
|
|
11
|
-
import { M as se } from "./mc-button-
|
|
12
|
-
import { M as ue } from "./mc-select-group-plus-
|
|
13
|
-
import { M as re } from "./mc-select-option-plus-
|
|
11
|
+
import { M as se } from "./mc-button-Ckv7FHa8.js";
|
|
12
|
+
import { M as ue } from "./mc-select-group-plus-CPt1eYeR.js";
|
|
13
|
+
import { M as re } from "./mc-select-option-plus-93vuN2mf.js";
|
|
14
14
|
import { u as ne } from "./mc-form-C0bOl2Kn.js";
|
|
15
15
|
import { I as ce, u as ie } from "./mc-input-group-sjUhcX1J.js";
|
|
16
16
|
const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id", "placeholder", "readonly", "disabled", "onKeydown"], me = { key: 0, class: "mc-select-multi-options-wrapper" }, he = { key: 1, class: "mc-select-selected-content-wrapper" }, fe = { key: 1, class: "mc-select-placeholder" }, ge = { key: 0, class: "mc-select-status-icon-wrapper" }, ye = { key: 0, class: "mc-select-dropdown-header-content" }, be = { key: 0, class: "mc-select-empty" }, we = l(e(c({ name: ve, __name: "mc-select-plus", props: { width: { default: 320 }, height: { default: 40 }, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, multiple: { type: Boolean, default: false }, maxTags: {}, search: { type: Boolean, default: false }, options: {}, showHeader: { type: Boolean, default: false }, showFooter: { type: Boolean, default: false }, modelValue: { type: [String, Number, Boolean, Array] }, placement: { default: "bottom-start" }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false } }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: l2 }) {
|
|
17
17
|
const c2 = e2, ve2 = l2, we2 = t(() => c2.multiple), ke = a(), { wrapperRef: xe, isFocused: Oe, handleFocus: Ve, handleBlur: _e } = Q(ke), { isHovering: Se } = X(xe), { selectRef: je, width: Ae, height: Be } = (() => {
|
|
18
18
|
const e3 = a(), { width: l3, height: t2 } = W(), o2 = () => {
|
|
19
|
-
e3.value && (e3.value.style.setProperty("--mc-select-width", l3.value), e3.value.style.setProperty("--mc-select-height", t2.value));
|
|
19
|
+
e3.value && (e3.value.style.setProperty("--mc-select-width", l3.value || "auto"), e3.value.style.setProperty("--mc-select-height", t2.value || "auto"));
|
|
20
20
|
};
|
|
21
21
|
return u(() => {
|
|
22
22
|
o2();
|
|
@@ -4,7 +4,7 @@ import { useProp as w, useDragover as z, useWidthHeight as $ } from "@mc-plus/ho
|
|
|
4
4
|
import { M as b } from "./mc-icon-4B9i36Sx.js";
|
|
5
5
|
import { M as x } from "./mc-success-icon-CuyL6DXB.js";
|
|
6
6
|
import { map as S, includes as C } from "lodash-es";
|
|
7
|
-
import { _ as U } from "./mc-file-list-
|
|
7
|
+
import { _ as U } from "./mc-file-list-Cv4OP1Ga.js";
|
|
8
8
|
import { t as k } from "./mc-toast-DtnNJULV.js";
|
|
9
9
|
const D = (e2) => parseFloat(e2).toString(), M = (e2, l2 = 2) => e2 < 1024 ? `${e2} B` : e2 < 1048576 ? `${D((e2 / 1024).toFixed(l2))} KB` : e2 < 1073741824 ? `${D((e2 / 1048576).toFixed(l2))} MB` : `${D((e2 / 1073741824).toFixed(l2))} GB`, F = (e2) => {
|
|
10
10
|
if (!e2) return "--";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes loading-
|
|
1
|
+
@keyframes loading-88576c9a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-button[data-v-88576c9a]{border:none;background:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--mc-gap);border-radius:var(--mc-radius);transition:transform var(--mc-transition-duration)}.mc-button[data-v-88576c9a]:active{transform:translateY(var(--mc-transform-distance))}.mc-button .mc-button-text[data-v-88576c9a]{white-space:nowrap}.mc-button.mc-button--medium[data-v-88576c9a]{width:fit-content;height:40px;padding:0 16px;font-weight:600;font-size:16px}.mc-button.mc-button--small[data-v-88576c9a]{width:fit-content;height:32px;padding:0 16px;font-weight:600;font-size:14px}.mc-button.mc-button--primary[data-v-88576c9a]{background-color:var(--mc-teal-500);color:var(--mc-white)}.mc-button.mc-button--primary[data-v-88576c9a]:hover{background-color:var(--mc-teal-900)}.mc-button.mc-button--primary.is-disabled[data-v-88576c9a]:hover{background-color:var(--mc-gray-400);color:var(--mc-white);border:none}.mc-button.mc-button--plain[data-v-88576c9a]{border:1px solid var(--mc-teal-500);color:var(--mc-teal-500)}.mc-button.mc-button--plain[data-v-88576c9a]:hover{padding:0 15px;border:2px solid var(--mc-teal-900);color:var(--mc-teal-900)}.mc-button.mc-button--plain.is-disabled[data-v-88576c9a]{border:1px solid var(--mc-gray-400);color:var(--mc-gray-400);background:none}.mc-button.mc-button--link[data-v-88576c9a]{padding:0;color:var(--mc-teal-500)}.mc-button.mc-button--link[data-v-88576c9a]:hover{color:var(--mc-teal-900)}.mc-button.mc-button--link.is-disabled[data-v-88576c9a]{color:var(--mc-gray-400);background:none}.mc-button.is-loading .loading-icon[data-v-88576c9a]{width:16px;height:16px;display:flex;justify-content:center;align-items:center;transform-origin:center;animation:loading-88576c9a 1s linear infinite}.mc-button.is-disabled[data-v-88576c9a]{background-color:var(--mc-gray-400);color:var(--mc-white);border:none;cursor:not-allowed}.mc-button.is-disabled[data-v-88576c9a]:hover{transform:translateY(0)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-progress-bar[data-v-
|
|
1
|
+
.mc-progress-bar[data-v-7ebc305e]{width:100%}.mc-progress-bar .mc-progress-bar-wrapper[data-v-7ebc305e]{width:100%;--border-radius: 4px;border-radius:var(--border-radius);background-color:var(--mc-gray-100);position:relative;overflow:hidden}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-inner[data-v-7ebc305e]{width:100%;height:100%;background-color:var(--mc-teal-500);border-radius:var(--border-radius);transform-origin:left center;transition:transform linear}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-shimmer[data-v-7ebc305e]{display:block;position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 25%,transparent 100%);animation:progress-shimmer-7ebc305e 4s infinite linear;border-radius:var(--border-radius)}.mc-progress-bar .mc-progress-bar-remarks[data-v-7ebc305e]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0;margin-top:4px}@keyframes progress-shimmer-7ebc305e{0%{left:-100%}to{left:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-progress-indicator-step-num[data-v-
|
|
1
|
+
.mc-progress-indicator-step-num[data-v-9298243a]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;box-shadow:0 4px 8px var(--mc-gray-200);box-sizing:border-box;width:40px;height:40px;border-radius:50%;border:2px solid var(--mc-white);background-color:var(--mc-gray-200);color:var(--mc-gray-800);-webkit-user-select:none;user-select:none}.mc-progress-indicator-step-num .mc-progress-indicator-step-num-icon[data-v-9298243a]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;height:100%}.mc-progress-indicator-step-num.mc-progress-indicator-step-num-active[data-v-9298243a]{border-color:var(--mc-purple-500);background-color:var(--mc-purple-500);color:var(--mc-white)}.mc-progress-indicator-step-num.mc-progress-indicator-step-num-success[data-v-9298243a]{border-color:var(--mc-success);background-color:var(--mc-success);color:var(--mc-white)}.mc-progress-indicator-step-num.mc-progress-indicator-step-num-child[data-v-9298243a]{width:16px;height:16px}.mc-progress-indicator-step[data-v-150dfe0a]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px;width:100%}.mc-progress-indicator-step .mc-progress-indicator-step-item[data-v-150dfe0a]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:48px}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line[data-v-150dfe0a]{display:block;box-sizing:border-box;border-left:2px dashed var(--mc-gray-400)}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-up[data-v-150dfe0a]{height:24px}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-up.mc-progress-indicator-step-line-first[data-v-150dfe0a]{border-left-style:none;border-color:transparent}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-down[data-v-150dfe0a]{flex:1}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-down.mc-progress-indicator-step-line-last[data-v-150dfe0a]{border-left-style:none;border-color:transparent}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-active[data-v-150dfe0a]{border-left-style:solid;border-color:var(--mc-purple-500)}.mc-progress-indicator-step .mc-progress-indicator-step-item .mc-progress-indicator-step-line.mc-progress-indicator-step-line-success[data-v-150dfe0a]{border-left-style:solid;border-color:var(--mc-success)}.mc-progress-indicator-step .mc-progress-indicator-step-item.mc-progress-indicator-step-item-child .mc-progress-indicator-step-line.mc-progress-indicator-step-line-up[data-v-150dfe0a]{height:36px}.mc-progress-indicator-step .mc-progress-indicator-step-container[data-v-150dfe0a]{flex:1;background-color:var(--mc-white);box-sizing:border-box}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content[data-v-150dfe0a]{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;box-sizing:border-box;padding:24px 32px 32px}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header[data-v-150dfe0a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header .mc-progress-indicator-step-content-title[data-v-150dfe0a]{font-family:var(--mc-font-family);font-size:28px;font-weight:600;line-height:40px;color:var(--mc-gray-400)}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header .mc-progress-indicator-step-content-title.mc-progress-indicator-step-content-title-active[data-v-150dfe0a]{color:var(--mc-purple-500)}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content .mc-progress-indicator-step-content-header .mc-progress-indicator-step-content-title.mc-progress-indicator-step-content-title-success[data-v-150dfe0a]{color:var(--mc-success)}.mc-progress-indicator-step .mc-progress-indicator-step-container .mc-progress-indicator-step-content-footer[data-v-150dfe0a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 24px;box-sizing:border-box;border-top:1px solid var(--mc-gray-200)}.mc-progress-indicator-step .mc-progress-indicator-step-label[data-v-150dfe0a]{font-family:var(--mc-font-family);font-size:28px;font-weight:600;line-height:40px;color:var(--mc-gray-400);flex:1;padding-top:24px;box-sizing:border-box}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-need-padding-bottom[data-v-150dfe0a]{padding-bottom:24px}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-child[data-v-150dfe0a]{font-family:var(--mc-font-family);font-size:24px;font-weight:600;line-height:32px;color:var(--mc-gray-400);padding-top:28px}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-child.mc-progress-indicator-step-label-need-padding-bottom[data-v-150dfe0a]{padding-bottom:28px}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-active[data-v-150dfe0a]{color:var(--mc-purple-500)}.mc-progress-indicator-step .mc-progress-indicator-step-label.mc-progress-indicator-step-label-success[data-v-150dfe0a]{color:var(--mc-success)}
|