mc-plus 1.0.78 → 1.0.79

package/dist/es/{mc-select-plus-Hdl-shv8.js → mc-select-plus-CjrXhek5.js}

@@ -1,27 +1,27 @@
 import { _ as e, u as l } from "./utils-y7s5KtP-.js";
-import { ref as a, computed as t, getCurrentInstance as o, watchEffect as s, onMounted as u, watch as r, inject as n, defineComponent as c, h as i, provide as p, createElementBlock as v, openBlock as d, normalizeClass as m, unref as h, createVNode as f, normalizeStyle as g, withCtx as y, createBlock as b, createCommentVNode as w, createElementVNode as k, renderSlot as x, isRef as O, Fragment as V, createTextVNode as _, withDirectives as S, withKeys as j, withModifiers as A, vModelText as B, renderList as I, toDisplayString as M, resolveDynamicComponent as R, vShow as $, nextTick as C } from "vue";
-import { isFunction as H, findIndex as P, isEmpty as D, map as F, filter as z, includes as E, toLower as G, uniqBy as N, isArray as T, isString as U, isNumber as K, find as q, difference as J } from "lodash-es";
-import { useProp as L, useWidthHeight as W, useFocus as Q, useHover as X, useClickOutside as Y } from "@mc-plus/hooks";
-import { M as Z } from "./mc-icon-4B9i36Sx.js";
-import { M as ee } from "./mc-popper-DG8gxW80.js";
-import { _ as le } from "./mc-tag-tK4gRtnS.js";
-import { _ as ae } from "./mc-title-RVvmAnbZ.js";
-import { M as te } from "./mc-footer-DUC9ViQu.js";
-import { M as oe } from "./mc-checkbox-C-9q1uwS.js";
-import { M as se } from "./mc-button-Ckv7FHa8.js";
-import { M as ue } from "./mc-select-group-plus-CPt1eYeR.js";
-import { M as re } from "./mc-select-option-plus-93vuN2mf.js";
-import { u as ne } from "./mc-form-C0bOl2Kn.js";
-import { I as ce, u as ie } from "./mc-input-group-sjUhcX1J.js";
+import { ref as a, computed as t, getCurrentInstance as o, watchEffect as s, onMounted as u, watch as r, inject as n, defineComponent as c, h as i, provide as p, createElementBlock as v, openBlock as d, normalizeClass as m, unref as h, createVNode as f, normalizeStyle as g, withCtx as y, createBlock as b, createCommentVNode as w, createElementVNode as k, renderSlot as x, isRef as O, Fragment as V, createTextVNode as S, withDirectives as _, withKeys as j, withModifiers as A, vModelText as M, renderList as B, toDisplayString as I, resolveDynamicComponent as R, vShow as $, nextTick as C } from "vue";
+import { isFunction as H, findIndex as P, isEmpty as D, map as F, filter as z, includes as E, toLower as G, uniqBy as K, isArray as T, isString as U, isNumber as N, find as q, difference as L } from "lodash-es";
+import { useProp as W, useWidthHeight as J, useFocus as Q, useHover as X, useClickOutside as Y } from "@mc-plus/hooks";
+import { M as Z } from "./mc-icon-CmYW61Q0.js";
+import { M as ee } from "./mc-popper-CbGrFzA5.js";
+import { M as le } from "./mc-tag-CeJarQKP.js";
+import { M as ae } from "./mc-title-Bp0U8n05.js";
+import { M as te } from "./mc-footer-BeEDYFlH.js";
+import { M as oe } from "./mc-checkbox-Dyzog85d.js";
+import { M as se } from "./mc-button-Bg4Yihn7.js";
+import { M as ue } from "./mc-select-group-plus-DTvQr5wB.js";
+import { a as re } from "./mc-select-option-plus-B-UJCqUp.js";
+import { u as ne } from "./mc-form-B74FOC7S.js";
+import { I as ce, u as ie } from "./mc-input-group-apXB5iXd.js";
 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 }) {
-  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 } = (() => {
-    const e3 = a(), { width: l3, height: t2 } = W(), o2 = () => {
+  const c2 = e2, ve2 = l2, we2 = t(() => c2.multiple), ke = a(), { wrapperRef: xe, isFocused: Oe, handleFocus: Ve, handleBlur: Se } = Q(ke), { isHovering: _e } = X(xe), { selectRef: je, width: Ae, height: Me } = (() => {
+    const e3 = a(), { width: l3, height: t2 } = J(), o2 = () => {
       e3.value && (e3.value.style.setProperty("--mc-select-width", l3.value || "auto"), e3.value.style.setProperty("--mc-select-height", t2.value || "auto"));
     };
     return u(() => {
       o2();
     }), r(() => l3.value, () => o2()), { selectRef: e3, width: l3, height: t2, setWidth: o2 };
-  })(), { selectOptions: Ie } = (() => {
+  })(), { selectOptions: Be } = (() => {
     let e3 = [];
     const l3 = a([]), t2 = o().proxy;
     return s(() => {
@@ -49,12 +49,12 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
         return true;
       })(l3.value, e3) || (e3 = l3.value);
     }), { selectOptions: l3 };
-  })(), { searchValue: Me, isSearch: Re, hasSearchValue: $e, filteredOptions: Ce, filteredGroups: He, clearSearchValue: Pe } = ((e3) => {
-    const l3 = a(""), o2 = L("search"), s2 = t(() => !!o2.value), u2 = t(() => s2.value && !D(l3.value)), r2 = t(() => (e3 == null ? void 0 : e3.value.length) ? F(z(e3.value, (e4) => E(G(e4.label), G(l3.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), n2 = t(() => r2.value.length ? F(N(r2.value, "group"), (e4) => e4.group) : []);
+  })(), { searchValue: Ie, isSearch: Re, hasSearchValue: $e, filteredOptions: Ce, filteredGroups: He, clearSearchValue: Pe } = ((e3) => {
+    const l3 = a(""), o2 = W("search"), s2 = t(() => !!o2.value), u2 = t(() => s2.value && !D(l3.value)), r2 = t(() => (e3 == null ? void 0 : e3.value.length) ? F(z(e3.value, (e4) => E(G(e4.label), G(l3.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), n2 = t(() => r2.value.length ? F(K(r2.value, "group"), (e4) => e4.group) : []);
     return { searchValue: l3, isSearch: s2, hasSearchValue: u2, filteredOptions: r2, filteredGroups: n2, clearSearchValue: () => {
       l3.value = "";
     } };
-  })(Ie), { hoverOption: De, setHoverOption: Fe, handlePressArrow: ze, clearHoverOption: Ee } = ((e3) => {
+  })(Be), { hoverOption: De, setHoverOption: Fe, handlePressArrow: ze, clearHoverOption: Ee } = ((e3) => {
     const l3 = a(), t2 = () => {
       l3.value = void 0;
     };
@@ -67,32 +67,32 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
       const o2 = P(e3 == null ? void 0 : e3.value, (e4) => e4.value === l3.value);
       "ArrowDown" === a2.key ? l3.value = ((_b = e3.value[o2 + 1]) == null ? void 0 : _b.value) || ((_c = e3.value[0]) == null ? void 0 : _c.value) : "ArrowUp" === a2.key && (l3.value = ((_d = e3.value[o2 - 1]) == null ? void 0 : _d.value) || ((_e2 = e3.value[e3.value.length - 1]) == null ? void 0 : _e2.value));
     }, clearHoverOption: t2 };
-  })(Ce), { formId: Ge, formItem: Ne, formDisabled: Te, validateStatus: Ue, validateStyle: Ke, statusIcon: qe } = ne(), { isDisabled: Je } = ((e3, l3) => {
+  })(Ce), { formId: Ge, formItem: Ke, formDisabled: Te, validateStatus: Ue, validateStyle: Ne, statusIcon: qe } = ne(), { isDisabled: Le } = ((e3, l3) => {
     const a2 = n(ce, void 0), o2 = t(() => !!e3.value || !!(a2 == null ? void 0 : a2.disabled.value));
     return r(o2, (e4) => {
       e4 && H(l3) && l3();
     }), { isDisabled: o2 };
   })(Te, () => {
     Xe(false), Pe();
-  }), { isExpanded: Le, popperRef: We, popperOptions: Qe, toggleExpand: Xe } = ((e3) => {
-    const l3 = a(false), s2 = o(), { emit: u2 } = s2, c3 = a(), i2 = n(ce, void 0), p2 = L("inputGroupPosition"), v2 = { modifiers: [{ name: "offset", options: { offset: [t(() => i2 && p2.value ? "prefix" === p2.value ? -1 : "suffix" === p2.value ? 1 : 0 : 0).value, 0] } }] };
+  }), { isExpanded: We, popperRef: Je, popperOptions: Qe, toggleExpand: Xe } = ((e3) => {
+    const l3 = a(false), s2 = o(), { emit: u2 } = s2, c3 = a(), i2 = n(ce, void 0), p2 = W("inputGroupPosition"), v2 = { modifiers: [{ name: "offset", options: { offset: [t(() => i2 && p2.value ? "prefix" === p2.value ? -1 : "suffix" === p2.value ? 1 : 0 : 0).value, 0] } }] };
     return r(l3, (e4) => {
       var _a, _b;
       e4 ? (_a = c3.value) == null ? void 0 : _a.show() : (_b = c3.value) == null ? void 0 : _b.hide();
     }), { isExpanded: l3, popperRef: c3, popperOptions: v2, toggleExpand: (a2) => {
       e3.value ? l3.value = false : l3.value = a2, u2("expand", a2);
     } };
-  })(Je), { showClearIcon: Ye, mouseOverIcon: Ze, clear: el } = ((e3, l3) => {
-    const o2 = a(false), s2 = L("clearable");
+  })(Le), { showClearIcon: Ye, mouseOverIcon: Ze, clear: el } = ((e3, l3) => {
+    const o2 = a(false), s2 = W("clearable");
     return { showClearIcon: t(() => !!s2.value && o2.value && !l3.value), mouseOverIcon: (e4) => {
       o2.value = e4;
     }, clear: () => {
       H(e3) && e3();
     } };
   })(async () => {
-    Je.value || (ll.value = we2.value ? [] : void 0, Pe(), Xe(false), Ol(), await C(), Ne == null ? void 0 : Ne.validate("input"));
-  }, Je);
-  ie({ validateStatus: Ue, isExpanded: Le, isFocused: Oe, isHovering: Se }), Y(je, () => {
+    Le.value || (ll.value = we2.value ? [] : void 0, Pe(), Xe(false), Ol(), await C(), Ke == null ? void 0 : Ke.validate("input"));
+  }, Le);
+  ie({ validateStatus: Ue, isExpanded: We, isFocused: Oe, isHovering: _e }), Y(je, () => {
     Pe(), Xe(false);
   }), u(() => {
     ll.value = c2.modelValue;
@@ -102,7 +102,7 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
   const ll = a(), al = t(() => {
     if (we2.value) {
       const e3 = c2.maxTags, l3 = ll.value;
-      if (K(e3)) {
+      if (N(e3)) {
         const a2 = l3.length - e3, t2 = [];
         for (let a3 = 0; a3 < e3 && a3 < l3.length; a3++) {
           const e4 = l3[a3];
@@ -117,31 +117,31 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
     var _a;
     return we2.value ? (_a = ll.value) == null ? void 0 : _a.map((e3) => sl(e3)) : sl(ll.value);
   }), ol = t(() => Ce.value.length > 0), sl = (e3) => {
-    const l3 = q(Ie.value, (l4) => l4.value === e3);
+    const l3 = q(Be.value, (l4) => l4.value === e3);
     return (l3 == null ? void 0 : l3.label) || (l3 == null ? void 0 : l3.value);
   }, ul = async (e3) => {
-    if (Pe(), !Je.value) {
+    if (Pe(), !Le.value) {
       if (we2.value) {
         const l3 = ll.value;
-        E(l3, e3) ? ll.value = J(l3, [e3]) : ll.value = [...l3, e3];
+        E(l3, e3) ? ll.value = L(l3, [e3]) : ll.value = [...l3, e3];
       } else ll.value = e3;
-      we2.value || Xe(false), Ol(), await C(), Ne == null ? void 0 : Ne.validate("input");
+      we2.value || Xe(false), Ol(), await C(), Ke == null ? void 0 : Ke.validate("input");
     }
   }, rl = t(() => {
     if (!we2.value) {
-      const e3 = q(Ie.value, (e4) => e4.value === ll.value);
+      const e3 = q(Be.value, (e4) => e4.value === ll.value);
       return (e3 == null ? void 0 : e3.context) ? e3.context : i("span", { class: "mc-selected-option-label", style: { color: "inherit" } }, (e3 == null ? void 0 : e3.label) || (e3 == null ? void 0 : e3.value));
     }
   }), nl = t(() => !$e.value && !!ll.value), cl = t(() => !!c2.placeholder && !$e.value && wl.value), il = t(() => Oe.value ? "minimal" : "bold");
-  r(Le, () => {
+  r(We, () => {
     Ee();
   });
   const pl = () => {
-    Xe(!Le.value);
+    Xe(!We.value);
   }, vl = () => {
     Ee(), Xe(true);
   }, dl = () => {
-    Le.value ? De.value ? ul(De.value) : we2.value || Xe(false) : Xe(true);
+    We.value ? De.value ? ul(De.value) : we2.value || Xe(false) : Xe(true);
   }, { isSelectAll: ml, isSelectPartial: hl, selectAll: fl } = ((e3, l3, t2, o2) => {
     const u2 = a(false), r2 = a(false);
     return s(() => {
@@ -152,11 +152,11 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
     }), { isSelectAll: u2, isSelectPartial: r2, selectAll: () => {
       e3.value && H(o2) && o2();
     } };
-  })(we2, ll, Ie, () => {
-    ml.value ? ll.value = Ie.value.map((e3) => e3.value) : ll.value = [], Ol();
+  })(we2, ll, Be, () => {
+    ml.value ? ll.value = Be.value.map((e3) => e3.value) : ll.value = [], Ol();
   }), gl = a([]);
-  r(Le, () => {
-    Le.value && we2.value && (gl.value = ll.value);
+  r(We, () => {
+    We.value && we2.value && (gl.value = ll.value);
   });
   const yl = () => {
     we2.value && (ll.value = gl.value, Ol());
@@ -165,16 +165,16 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
   }, wl = t(() => {
     var _a;
     return we2.value ? ((_a = ll.value) == null ? void 0 : _a.length) <= 0 : !ll.value;
-  }), kl = t(() => Ye.value && !wl.value), xl = t(() => Je.value ? "not-allowed" : Re.value ? "text" : "pointer"), Ol = () => {
+  }), kl = t(() => Ye.value && !wl.value), xl = t(() => Le.value ? "not-allowed" : Re.value ? "text" : "pointer"), Ol = () => {
     ve2("update:modelValue", ll.value), ve2("change", ll.value);
   };
-  return p(pe, { isMulti: we2, selectedOption: ll, filteredOptions: Ce, filteredGroups: He, hoverOption: De, select: ul, hover: Fe }), (l3, a2) => (d(), v("div", { ref_key: "selectRef", ref: je, class: m(["mc-select", { "mc-select-expanded": h(Le) }]) }, [f(ee, { ref_key: "popperRef", ref: We, placement: e2.placement, trigger: "manual", class: "mc-select-popper", style: g({ width: h(Ae) }), "show-arrow": false, "popper-options": h(Qe), "hide-timeout": 100 }, { default: y(() => [k("div", { ref_key: "triggerRef", ref: xe, class: m(["mc-select-trigger", { "mc-select-trigger-focused": h(Oe), "mc-select-trigger-disabled": h(Je), "mc-select-trigger-hovering": h(Se), [h(Ke)]: h(Ke) }]), style: g({ width: h(Ae), height: h(Be) }), onClick: pl }, [k("div", { class: "mc-select-input-wrapper", style: g({ cursor: xl.value }) }, [S(k("input", { "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => O(Me) ? Me.value = e3 : null), ref_key: "inputRef", ref: ke, id: h(Ge), class: "mc-select-input", style: g({ width: h($e) ? "100%" : "1px" }), placeholder: e2.placeholder, readonly: !h(Re) || h(Je), disabled: h(Je), onFocus: a2[1] || (a2[1] = (...e3) => h(Ve) && h(Ve)(...e3)), onBlur: a2[2] || (a2[2] = (...e3) => h(_e) && h(_e)(...e3)), onInput: vl, onKeydown: [j(A(dl, ["stop"]), ["enter"]), a2[3] || (a2[3] = j(A((...e3) => h(ze) && h(ze)(...e3), ["stop"]), ["arrow-down"])), a2[4] || (a2[4] = j(A((...e3) => h(ze) && h(ze)(...e3), ["stop"]), ["arrow-up"]))] }, null, 44, de), [[B, h(Me)]]), nl.value ? x(l3.$slots, "selected-content", { key: 0, selectedOption: ll.value, selectedOptionLabel: tl.value, isDisabled: h(Je) }, () => [we2.value ? (d(), v("ul", me, [(d(true), v(V, null, I(al.value, (e3) => (d(), v("li", { key: `${e3.item}`, class: "mc-select-multi-option" }, [f(le, { size: "x-small", type: "selectable", deletable: e3.selectable, emphasis: il.value, disabled: h(Je), onDelete: (l4) => ((e4) => {
+  return p(pe, { isMulti: we2, selectedOption: ll, filteredOptions: Ce, filteredGroups: He, hoverOption: De, select: ul, hover: Fe }), (l3, a2) => (d(), v("div", { ref_key: "selectRef", ref: je, class: m(["mc-select", { "mc-select-expanded": h(We) }]) }, [f(h(ee), { ref_key: "popperRef", ref: Je, placement: e2.placement, trigger: "manual", class: "mc-select-popper", style: g({ width: h(Ae) }), "show-arrow": false, "popper-options": h(Qe), "hide-timeout": 100 }, { default: y(() => [k("div", { ref_key: "triggerRef", ref: xe, class: m(["mc-select-trigger", { "mc-select-trigger-focused": h(Oe), "mc-select-trigger-disabled": h(Le), "mc-select-trigger-hovering": h(_e), [h(Ne)]: h(Ne) }]), style: g({ width: h(Ae), height: h(Me) }), onClick: pl }, [k("div", { class: "mc-select-input-wrapper", style: g({ cursor: xl.value }) }, [_(k("input", { "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => O(Ie) ? Ie.value = e3 : null), ref_key: "inputRef", ref: ke, id: h(Ge), class: "mc-select-input", style: g({ width: h($e) ? "100%" : "1px" }), placeholder: e2.placeholder, readonly: !h(Re) || h(Le), disabled: h(Le), onFocus: a2[1] || (a2[1] = (...e3) => h(Ve) && h(Ve)(...e3)), onBlur: a2[2] || (a2[2] = (...e3) => h(Se) && h(Se)(...e3)), onInput: vl, onKeydown: [j(A(dl, ["stop"]), ["enter"]), a2[3] || (a2[3] = j(A((...e3) => h(ze) && h(ze)(...e3), ["stop"]), ["arrow-down"])), a2[4] || (a2[4] = j(A((...e3) => h(ze) && h(ze)(...e3), ["stop"]), ["arrow-up"]))] }, null, 44, de), [[M, h(Ie)]]), nl.value ? x(l3.$slots, "selected-content", { key: 0, selectedOption: ll.value, selectedOptionLabel: tl.value, isDisabled: h(Le) }, () => [we2.value ? (d(), v("ul", me, [(d(true), v(V, null, B(al.value, (e3) => (d(), v("li", { key: `${e3.item}`, class: "mc-select-multi-option" }, [f(h(le), { size: "x-small", type: "selectable", deletable: e3.selectable, emphasis: il.value, disabled: h(Le), onDelete: (l4) => ((e4) => {
     const l5 = ll.value;
-    ll.value = J(l5, [e4]), Ol();
-  })(e3.item) }, { default: y(() => [_(M(e3.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))])) : (d(), v("div", he, [rl.value ? (d(), b(R(rl.value), { key: ll.value })) : w("", true)]))], true) : w("", true), cl.value ? (d(), v("p", fe, [x(l3.$slots, "placeholder", {}, () => [_(M(e2.placeholder), 1)], true)])) : w("", true)], 4), h(qe) ? (d(), v("div", ge, [h(qe) ? (d(), b(Z, { key: 0, name: h(qe), size: 24 }, null, 8, ["name"])) : w("", true)])) : w("", true), k("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[5] || (a2[5] = (e3) => h(Ze)(true)), onMouseleave: a2[6] || (a2[6] = (e3) => h(Ze)(false)) }, [S(f(Z, { name: "Reject", size: 20, class: "mc-select-clear-icon", onClick: A(h(el), ["stop"]) }, null, 8, ["onClick"]), [[$, kl.value]]), S(f(Z, { name: "Down-Chevron", size: 24, class: m(["mc-select-chevron-icon", { "mc-select-chevron-icon-rotate": h(Le) }]) }, null, 8, ["class"]), [[$, !kl.value]])], 32)], 6)]), content: y(() => [ol.value && e2.showHeader ? (d(), b(ae, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: y(() => [x(l3.$slots, "option-header", {}, () => [we2.value ? (d(), v("div", ye, [f(oe, { modelValue: h(ml), "onUpdate:modelValue": a2[7] || (a2[7] = (e3) => O(ml) ? ml.value = e3 : null), content: "Select All", "form-validate": false, partial: h(hl), onChange: h(fl) }, null, 8, ["modelValue", "partial", "onChange"])])) : w("", true)], true)]), _: 3 })) : w("", true), k("ul", { class: "mc-select-list", style: g({ paddingTop: e2.showHeader ? "40px" : "0", paddingBottom: e2.showFooter ? "48px" : "0" }) }, [x(l3.$slots, "default", {}, void 0, true), ol.value ? w("", true) : (d(), v("li", be, [x(l3.$slots, "empty", {}, () => [a2[8] || (a2[8] = k("p", { class: "mc-select-text" }, "No results found", -1))], true)]))], 4), ol.value && e2.showFooter ? (d(), b(te, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": y(() => [x(l3.$slots, "option-footer", {}, () => [we2.value ? (d(), v(V, { key: 0 }, [f(se, { type: "link", size: "small", onClick: yl }, { default: y(() => [...a2[9] || (a2[9] = [_(" Reset ", -1)])]), _: 1 }), f(se, { type: "plain", size: "small", onClick: bl }, { default: y(() => [...a2[10] || (a2[10] = [_(" Apply ", -1)])]), _: 1 })], 64)) : w("", true)], true)]), _: 3 })) : w("", true)]), _: 3 }, 8, ["placement", "style", "popper-options"])], 2));
-} }), [["__scopeId", "data-v-9d0a9d1a"]]));
+    ll.value = L(l5, [e4]), Ol();
+  })(e3.item) }, { default: y(() => [S(I(e3.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))])) : (d(), v("div", he, [rl.value ? (d(), b(R(rl.value), { key: ll.value })) : w("", true)]))], true) : w("", true), cl.value ? (d(), v("p", fe, [x(l3.$slots, "placeholder", {}, () => [S(I(e2.placeholder), 1)], true)])) : w("", true)], 4), h(qe) ? (d(), v("div", ge, [h(qe) ? (d(), b(h(Z), { key: 0, name: h(qe), size: 24 }, null, 8, ["name"])) : w("", true)])) : w("", true), k("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[5] || (a2[5] = (e3) => h(Ze)(true)), onMouseleave: a2[6] || (a2[6] = (e3) => h(Ze)(false)) }, [_(f(h(Z), { name: "Reject", size: 20, class: "mc-select-clear-icon", onClick: A(h(el), ["stop"]) }, null, 8, ["onClick"]), [[$, kl.value]]), _(f(h(Z), { name: "Down-Chevron", size: 24, class: m(["mc-select-chevron-icon", { "mc-select-chevron-icon-rotate": h(We) }]) }, null, 8, ["class"]), [[$, !kl.value]])], 32)], 6)]), content: y(() => [ol.value && e2.showHeader ? (d(), b(h(ae), { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: y(() => [x(l3.$slots, "option-header", {}, () => [we2.value ? (d(), v("div", ye, [f(h(oe), { modelValue: h(ml), "onUpdate:modelValue": a2[7] || (a2[7] = (e3) => O(ml) ? ml.value = e3 : null), content: "Select All", "form-validate": false, partial: h(hl), onChange: h(fl) }, null, 8, ["modelValue", "partial", "onChange"])])) : w("", true)], true)]), _: 3 })) : w("", true), k("ul", { class: "mc-select-list", style: g({ paddingTop: e2.showHeader ? "40px" : "0", paddingBottom: e2.showFooter ? "48px" : "0" }) }, [x(l3.$slots, "default", {}, void 0, true), ol.value ? w("", true) : (d(), v("li", be, [x(l3.$slots, "empty", {}, () => [a2[8] || (a2[8] = k("p", { class: "mc-select-text" }, "No results found", -1))], true)]))], 4), ol.value && e2.showFooter ? (d(), b(h(te), { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": y(() => [x(l3.$slots, "option-footer", {}, () => [we2.value ? (d(), v(V, { key: 0 }, [f(h(se), { type: "link", size: "small", onClick: yl }, { default: y(() => [...a2[9] || (a2[9] = [S(" Reset ", -1)])]), _: 1 }), f(h(se), { type: "plain", size: "small", onClick: bl }, { default: y(() => [...a2[10] || (a2[10] = [S(" Apply ", -1)])]), _: 1 })], 64)) : w("", true)], true)]), _: 3 })) : w("", true)]), _: 3 }, 8, ["placement", "style", "popper-options"])], 2));
+} }), [["__scopeId", "data-v-47ca4b75"]]));
 export {
-  pe as M,
-  we as a,
+  we as M,
+  pe as a,
   ve as b
 };

package/dist/es/mc-status-BJGdWYD5.js

@@ -0,0 +1,8 @@
+import { _ as s, u as t } from "./utils-y7s5KtP-.js";
+import { defineComponent as a, createElementBlock as o, openBlock as c, normalizeClass as m, createElementVNode as e, createVNode as i, unref as p, renderSlot as u } from "vue";
+import { M as n } from "./mc-icon-CmYW61Q0.js";
+const r = "mc-status", d = { class: "mc-status-icon" }, f = { class: "mc-status-content" }, l = t(s(a({ name: r, __name: "mc-status", props: { type: { default: "info" } }, setup: (s2) => (t2, a2) => (c(), o("div", { class: m(["mc-status", [`mc-status-${s2.type}`]]) }, [e("div", d, [i(p(n), { name: "Indicator", size: 12 })]), e("p", f, [u(t2.$slots, "default", {}, void 0, true)])], 2)) }), [["__scopeId", "data-v-25f8565f"]]));
+export {
+  l as M,
+  r as a
+};

package/dist/es/mc-step-DRDtR0u_.js

@@ -0,0 +1,52 @@
+import { _ as e, u as t } from "./utils-y7s5KtP-.js";
+import { defineComponent as s, computed as l, ref as c, watch as i, onMounted as n, nextTick as m, createElementBlock as a, openBlock as o, normalizeClass as u, createElementVNode as p, createCommentVNode as r, Fragment as d, renderList as v, createBlock as y, toDisplayString as f, unref as h, resolveDynamicComponent as g } from "vue";
+import { findIndex as k, find as b, throttle as _ } from "lodash-es";
+import { useWindowResize as R } from "@mc-plus/hooks";
+import { M as w } from "./mc-success-icon-BuGz3uNE.js";
+const x = "mc-step", C = { class: "mc-step-number-container" }, S = { class: "mc-step-item-number" }, V = { key: 0, class: "mc-step-item-number-text" }, B = { class: "mc-step-item-content" }, q = { key: 0, class: "mc-step-item-content-title" }, j = { class: "mc-step-item-label" }, A = { class: "mc-step-item-desc" }, L = { key: 1, class: "mc-step-item-component" }, M = { key: 0, class: "mc-step-item-component" }, $ = t(e(s({ name: x, __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: t2, emit: s2 }) {
+  const x2 = e2, $2 = l(() => "vertical" === x2.type), z = s2, I = c(), D = c(), E = c(), F = c(), G = l(() => k(x2.steps, (e3) => e3.key === x2.modelValue)), H = l(() => {
+    var _a;
+    return (_a = x2.steps[G.value - 1]) == null ? void 0 : _a.key;
+  });
+  i(() => x2.modelValue, (e3) => {
+    K(), z("change", e3);
+  }, { flush: "post" });
+  const J = c(), K = (e3 = H.value) => {
+    J.value = e3, z("success", e3);
+  }, N = l(() => k(x2.steps, (e3) => e3.key === J.value));
+  n(() => {
+    $2.value ? O() : (P(), Q()), K();
+  });
+  const O = async () => {
+    await m();
+    const e3 = N.value, t3 = F.value;
+    if (e3 < 0) return void (t3.style.height = "0");
+    const s3 = D.value, l2 = s3.querySelectorAll(".mc-step-item");
+    if (e3 + 1 > l2.length - 1) return void (t3.style.height = "100%");
+    const c2 = l2 == null ? void 0 : l2[e3 + 1], i2 = s3.getBoundingClientRect(), n2 = (c2.getBoundingClientRect().top - i2.top) / (i2.height - 24);
+    t3.style.height = 100 * n2 + "%";
+  }, P = () => {
+    var _a, _b;
+    const e3 = D.value, t3 = E.value, s3 = e3.querySelectorAll(".mc-step-item"), l2 = (_a = s3 == null ? void 0 : s3[0]) == null ? void 0 : _a.querySelector(".mc-step-item-number"), c2 = (_b = s3 == null ? void 0 : s3[s3.length - 1]) == null ? void 0 : _b.querySelector(".mc-step-item-number");
+    if (!l2 || !c2) return void (t3.style.width = "0px");
+    const i2 = e3.getBoundingClientRect(), n2 = l2.getBoundingClientRect(), m2 = c2.getBoundingClientRect();
+    t3.style.width = m2.left - n2.left - n2.width + "px", t3.style.left = `${n2.left - i2.left + n2.width}px`;
+  }, Q = () => {
+    const e3 = F.value, t3 = N.value;
+    if (t3 < 0) return void (e3.style.width = "0");
+    const s3 = (t3 + 1) / (x2.steps.length - 1), l2 = s3 > 1 ? 1 : s3;
+    e3.style.width = 100 * l2 + "%";
+  }, T = (e3) => $2.value && e3.component && e3.key === x2.modelValue, U = l(() => {
+    var _a;
+    return !$2.value && ((_a = b(x2.steps, (e3) => e3.key === x2.modelValue)) == null ? void 0 : _a.component);
+  });
+  return i(() => J.value, () => {
+    $2.value ? O() : Q();
+  }), R(_(() => {
+    $2.value ? O() : (P(), Q());
+  }, 50)), t2({ ref: I, setSuccessStep: K }), (t3, s3) => (o(), a("div", { class: u(["mc-step", `mc-step-${e2.type}`]), ref_key: "_ref", ref: I }, [p("ul", { class: "mc-step-item-container", ref_key: "stepContainerRef", ref: D }, [(o(true), a(d, null, v(e2.steps, (t4, s4) => (o(), a("li", { class: u(["mc-step-item", { "mc-step-item-active": e2.modelValue === t4.key, "mc-step-item-disabled": t4.disabled, "mc-step-item-success": s4 <= N.value }]), key: t4.key }, [p("div", C, [p("div", S, [s4 > N.value || t4.disabled ? (o(), a("span", V, f(s4 + 1), 1)) : (o(), y(h(w), { key: 1 }))])]), p("div", B, [t4.label || t4.desc ? (o(), a("div", q, [p("h3", j, f(t4.label), 1), p("p", A, f(t4.desc), 1)])) : r("", true), T(t4) ? (o(), a("div", L, [(o(), y(g(t4.component)))])) : r("", true)])], 2))), 128)), p("div", { ref_key: "unsuccessLineRef", ref: E, class: "mc-step-line mc-step-unsuccess-line" }, [p("div", { ref_key: "successLineRef", ref: F, class: "mc-step-success-line" }, null, 512)], 512)], 512), U.value ? (o(), a("div", M, [(o(), y(g(U.value)))])) : r("", true)], 2));
+} }), [["__scopeId", "data-v-add0e313"]]));
+export {
+  $ as M,
+  x as a
+};

package/dist/es/{mc-step-plus-CDYpOa42.js → mc-step-plus-dPMVmUi4.js}

@@ -1,13 +1,13 @@
 import { _ as e, u as s } from "./utils-y7s5KtP-.js";
 import { ref as t, useSlots as c, watchEffect as i, computed as n, defineComponent as l, createElementBlock as p, openBlock as o, createElementVNode as a, Fragment as d, renderList as u, unref as r, createCommentVNode as m, normalizeClass as h, createBlock as v, resolveDynamicComponent as S, createTextVNode as C, toDisplayString as f } from "vue";
 import { isArray as x, isString as k, isFunction as y, isNil as b, includes as w } from "lodash-es";
-import { M as A } from "./mc-success-icon-CuyL6DXB.js";
-import { M as g } from "./mc-icon-4B9i36Sx.js";
+import { M as A } from "./mc-success-icon-BuGz3uNE.js";
+import { M as g } from "./mc-icon-CmYW61Q0.js";
 import { useProp as I } from "@mc-plus/hooks";
 import { M as j } from "./mc-step-item-plus-DupEJu7U.js";
 import { M } from "./mc-step-child-item-plus-CUT06Cwi.js";
-const _ = "mc-step-plus", B = { class: "mc-step-plus" }, V = { class: "mc-step-container" }, z = ["onClick"], E = { class: "mc-step-item-icon" }, N = { key: 0, class: "mc-step-item-icon-number" }, P = { key: 1, class: "mc-step-item-icon-point" }, Q = { class: "mc-step-item-content" }, R = { class: "mc-step-item-content-title" }, q = { class: "mc-step-item-label" }, D = { key: 1, class: "mc-step-item-label-title" }, F = { class: "mc-step-item-desc" }, G = { key: 1, class: "mc-step-item-desc-title" }, H = { key: 0, class: "mc-step-item-content-display" }, J = s(e(l({ name: _, __name: "mc-step-plus", props: { modelValue: { default: void 0 }, successSteps: {}, successBehavior: { default: "manual" }, previousBehavior: { default: "last-child" } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: s2, emit: l2 }) {
-  const _2 = e2, J2 = l2, { stepItems: K, activedStep: L, isActivedStep: O, showStep: T, isSuccessStep: U, showContent: W } = (() => {
+const _ = "mc-step-plus", B = { class: "mc-step-plus" }, V = { class: "mc-step-container" }, z = ["onClick"], E = { class: "mc-step-item-icon" }, N = { key: 0, class: "mc-step-item-icon-number" }, P = { key: 1, class: "mc-step-item-icon-point" }, R = { class: "mc-step-item-content" }, q = { class: "mc-step-item-content-title" }, D = { class: "mc-step-item-label" }, F = { key: 1, class: "mc-step-item-label-title" }, G = { class: "mc-step-item-desc" }, H = { key: 1, class: "mc-step-item-desc-title" }, J = { key: 0, class: "mc-step-item-content-display" }, K = s(e(l({ name: _, __name: "mc-step-plus", props: { modelValue: { default: void 0 }, successSteps: {}, successBehavior: { default: "manual" }, previousBehavior: { default: "last-child" } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: s2, emit: l2 }) {
+  const _2 = e2, K2 = l2, { stepItems: L, activedStep: O, isActivedStep: Q, showStep: T, isSuccessStep: U, showContent: W } = (() => {
     const e3 = t([]), s3 = c();
     i(() => {
       var _a;
@@ -43,28 +43,28 @@ const _ = "mc-step-plus", B = { class: "mc-step-plus" }, V = { class: "mc-step-c
     }, showContent: (e4) => !(!e4.content || e4.step !== l3.value && !e4.showContent) };
   })(), X = () => {
     var _a;
-    const e3 = ((_a = L.value) == null ? void 0 : _a.index) || -1;
-    if (e3 < K.value.length - 1) {
-      let s3 = e3 + 1, t2 = K.value[s3];
-      t2.hasChildren && (t2 = K.value[s3 + 1]), (t2 == null ? void 0 : t2.step) && Y(t2.step);
+    const e3 = ((_a = O.value) == null ? void 0 : _a.index) || -1;
+    if (e3 < L.value.length - 1) {
+      let s3 = e3 + 1, t2 = L.value[s3];
+      t2.hasChildren && (t2 = L.value[s3 + 1]), (t2 == null ? void 0 : t2.step) && Y(t2.step);
     }
   }, Y = (e3) => {
-    J2("update:modelValue", e3), J2("change", e3);
+    K2("update:modelValue", e3), K2("change", e3);
   };
   return s2({ goStep: (e3) => {
     e3 ? Y(e3) : X();
   }, goNextStep: X, goPreviousStep: () => {
     var _a, _b, _c;
-    const e3 = ((_a = L.value) == null ? void 0 : _a.index) || -1;
+    const e3 = ((_a = O.value) == null ? void 0 : _a.index) || -1;
     if (e3 > 0) {
-      let s3 = e3 - 1, t2 = K.value[s3];
-      ((_b = L.value) == null ? void 0 : _b.isChild) && L.value.parentStep === t2 && (t2 = K.value[s3 - 1]), "first-child" === _2.previousBehavior && (t2 == null ? void 0 : t2.isChild) && !b((_c = t2.parentStep) == null ? void 0 : _c.index) && (s3 = t2.parentStep.index + 1, t2 = K.value[s3]), (t2 == null ? void 0 : t2.step) && Y(t2.step);
+      let s3 = e3 - 1, t2 = L.value[s3];
+      ((_b = O.value) == null ? void 0 : _b.isChild) && O.value.parentStep === t2 && (t2 = L.value[s3 - 1]), "first-child" === _2.previousBehavior && (t2 == null ? void 0 : t2.isChild) && !b((_c = t2.parentStep) == null ? void 0 : _c.index) && (s3 = t2.parentStep.index + 1, t2 = L.value[s3]), (t2 == null ? void 0 : t2.step) && Y(t2.step);
     }
-  } }), (e3, s3) => (o(), p("div", B, [a("div", V, [(o(true), p(d, null, u(r(K), (e4) => (o(), p(d, { key: e4.step }, [r(T)(e4) ? (o(), p("div", { key: 0, class: h(["mc-step-item", { "mc-step-item-child": e4.isChild, "mc-step-item-actived": r(O)(e4), "mc-step-item-success": r(U)(e4) }]) }, [a("div", { class: "mc-step-item-indicator", onClick: (s4) => ((e5) => {
-    J2("click:step", e5.step);
-  })(e4) }, [a("div", E, [e4.isChild || r(b)(e4.parentIndex) ? (o(), p("div", P)) : (o(), p("div", N, [r(U)(e4) ? (o(), v(A, { key: 0 })) : (o(), p(d, { key: 1 }, [e4.iconContent ? (o(), v(S(e4.iconContent), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(O)(e4) }, null, 8, ["step", "isSuccess", "isActived"])) : e4.icon ? (o(), v(g, { key: 1, name: e4.icon }, null, 8, ["name"])) : (o(), p(d, { key: 2 }, [C(f(e4.parentIndex + 1), 1)], 64))], 64))]))])], 8, z), a("div", Q, [a("div", R, [a("div", q, [e4.labelContent ? (o(), v(S(e4.labelContent), { key: e4.step, step: e4.step, label: e4.label, isSuccess: r(U)(e4), isActived: r(O)(e4) }, null, 8, ["step", "label", "isSuccess", "isActived"])) : (o(), p("div", D, f(e4.label), 1))]), a("div", F, [e4.descContent ? (o(), v(S(e4.descContent), { key: e4.step, step: e4.step, desc: e4.desc, isSuccess: r(U)(e4), isActived: r(O)(e4) }, null, 8, ["step", "desc", "isSuccess", "isActived"])) : (o(), p("div", G, f(e4.desc), 1))])]), r(W)(e4) ? (o(), p("div", H, [(o(), v(S(e4.content), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(O)(e4) }, null, 8, ["step", "isSuccess", "isActived"]))])) : m("", true)])], 2)) : m("", true)], 64))), 128))])]));
-} }), [["__scopeId", "data-v-899b67c5"]]));
+  } }), (e3, s3) => (o(), p("div", B, [a("div", V, [(o(true), p(d, null, u(r(L), (e4) => (o(), p(d, { key: e4.step }, [r(T)(e4) ? (o(), p("div", { key: 0, class: h(["mc-step-item", { "mc-step-item-child": e4.isChild, "mc-step-item-actived": r(Q)(e4), "mc-step-item-success": r(U)(e4) }]) }, [a("div", { class: "mc-step-item-indicator", onClick: (s4) => ((e5) => {
+    K2("click:step", e5.step);
+  })(e4) }, [a("div", E, [e4.isChild || r(b)(e4.parentIndex) ? (o(), p("div", P)) : (o(), p("div", N, [r(U)(e4) ? (o(), v(r(A), { key: 0 })) : (o(), p(d, { key: 1 }, [e4.iconContent ? (o(), v(S(e4.iconContent), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"])) : e4.icon ? (o(), v(r(g), { key: 1, name: e4.icon }, null, 8, ["name"])) : (o(), p(d, { key: 2 }, [C(f(e4.parentIndex + 1), 1)], 64))], 64))]))])], 8, z), a("div", R, [a("div", q, [a("div", D, [e4.labelContent ? (o(), v(S(e4.labelContent), { key: e4.step, step: e4.step, label: e4.label, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "label", "isSuccess", "isActived"])) : (o(), p("div", F, f(e4.label), 1))]), a("div", G, [e4.descContent ? (o(), v(S(e4.descContent), { key: e4.step, step: e4.step, desc: e4.desc, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "desc", "isSuccess", "isActived"])) : (o(), p("div", H, f(e4.desc), 1))])]), r(W)(e4) ? (o(), p("div", J, [(o(), v(S(e4.content), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"]))])) : m("", true)])], 2)) : m("", true)], 64))), 128))])]));
+} }), [["__scopeId", "data-v-d451c649"]]));
 export {
-  J as M,
+  K as M,
   _ as a
 };

package/dist/es/mc-step-v2-C1e_kDgg.js

@@ -0,0 +1,76 @@
+import { defineComponent as e, ref as t, onMounted as s, watch as l, provide as c, computed as a, createElementBlock as o, openBlock as m, renderSlot as u, inject as i, onBeforeUnmount as d, normalizeStyle as n, normalizeClass as p, createElementVNode as v, createBlock as r, unref as h, createTextVNode as f, toDisplayString as b, createCommentVNode as y } from "vue";
+import { findIndex as S, indexOf as I, isNil as g } from "lodash-es";
+import { M as _ } from "./mc-icon-CmYW61Q0.js";
+import { M as C } from "./mc-success-icon-BuGz3uNE.js";
+import { useResizeObserver as k } from "@mc-plus/hooks";
+import { _ as B, u as x } from "./utils-y7s5KtP-.js";
+const V = Symbol("StepV2Context"), $ = Symbol("StepItemV2Context"), w = { class: "mc-step-v2" }, M = e({ name: "McStepV2", __name: "mc-step-v2", props: { modelValue: {}, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean, default: false } }, emits: ["update:modelValue", "change"], setup(e2, { expose: i2 }) {
+  const d2 = e2, n2 = t([]), p2 = t(-1), v2 = (e3) => {
+    e3 > -1 ? e3 > n2.value.length - 1 ? p2.value = n2.value.length - 1 : p2.value = e3 : p2.value = -1;
+  }, r2 = () => {
+    const e3 = S(n2.value, (e4) => e4.name === d2.modelValue);
+    v2(e3 - 1);
+  };
+  return s(() => {
+    r2();
+  }), l(() => d2.modelValue, () => {
+    r2();
+  }, { flush: "post" }), c(V, { successStepIndex: p2, activeStep: a(() => d2.modelValue), succeed: a(() => d2.succeed), showContent: a(() => d2.showContent), stepItems: n2.value, addStepItem: (e3) => {
+    n2.value.push(e3);
+  }, removeStepItem: (e3) => {
+    const t2 = S(n2.value, (t3) => t3.name === e3.name);
+    t2 > -1 && n2.value.splice(t2, 1);
+  } }), i2({ setSuccessIndex: v2, setSuccessStep: (e3) => {
+    const t2 = S(n2.value, (t3) => t3.name === e3);
+    v2(t2);
+  } }), (e3, t2) => (m(), o("div", w, [u(e3.$slots, "default")]));
+} }), R = { class: "mc-step-item-step-bar-number" }, j = { key: 0, class: "mc-step-item-step-bar-number-text" }, H = { key: 0, class: "mc-step-item-label" }, A = { class: "mc-step-item-label-title" }, q = { class: "mc-step-item-label-desc" }, z = { key: 1, class: "mc-step-item-slot" }, D = B(e({ name: "McStepItemV2", __name: "mc-step-item-v2", props: { icon: {}, minHeight: { default: "64px" }, name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean, default: false } }, setup(e2) {
+  const S2 = e2, B2 = t(), x2 = t(), w2 = i(V, void 0);
+  s(() => {
+    w2 == null ? void 0 : w2.addStepItem(S2);
+  }), d(() => {
+    w2 == null ? void 0 : w2.removeStepItem(S2);
+  });
+  const M2 = a(() => I(w2 == null ? void 0 : w2.stepItems, S2)), D2 = a(() => {
+    var _a;
+    return ((_a = w2 == null ? void 0 : w2.activeStep) == null ? void 0 : _a.value) === S2.name;
+  }), E2 = a(() => {
+    var _a;
+    return ((_a = w2 == null ? void 0 : w2.showContent) == null ? void 0 : _a.value) || S2.showContent || D2.value;
+  }), F2 = a(() => {
+    var _a, _b, _c;
+    return g((_a = w2 == null ? void 0 : w2.succeed) == null ? void 0 : _a.value) ? g(S2.succeed) ? (((_b = w2 == null ? void 0 : w2.successStepIndex) == null ? void 0 : _b.value) ?? -1) >= M2.value : S2.succeed : (_c = w2 == null ? void 0 : w2.succeed) == null ? void 0 : _c.value;
+  }), G2 = a(() => {
+    var _a;
+    return ((_a = w2 == null ? void 0 : w2.stepItems) == null ? void 0 : _a.length) === M2.value + 1;
+  });
+  k(B2, () => {
+    if (G2.value && B2.value && x2.value) {
+      const e3 = Array.from(B2.value.querySelectorAll(".mc-step-child-item-v2") ?? []);
+      if (e3.length > 0) {
+        const t2 = e3[e3.length - 1], { top: s2 } = t2.getBoundingClientRect(), { top: l2 } = x2.value.getBoundingClientRect();
+        J2(s2 - l2 + 4);
+      } else J2(40);
+    }
+  });
+  const J2 = (e3) => {
+    x2.value && e3 && (x2.value.style.height = "number" == typeof e3 ? `${e3}px` : e3);
+  };
+  return l(G2, (e3) => {
+    J2(e3 ? 40 : "auto");
+  }), c($, { succeed: a(() => F2.value), actived: a(() => D2.value) }), (t2, s2) => (m(), o("div", { class: p(["mc-step-item-v2", { "mc-step-item-actived": D2.value, "mc-step-item-success": F2.value }]), style: n({ minHeight: e2.minHeight }) }, [v("div", { class: "mc-step-item-step-bar", ref_key: "stepBarRef", ref: x2 }, [v("div", R, [F2.value ? (m(), r(h(C), { key: 1, class: "mc-step-item-step-bar-success-icon" })) : (m(), o("div", j, [e2.icon ? (m(), r(h(_), { key: 0, name: e2.icon, class: "mc-step-item-step-bar-icon" }, null, 8, ["name"])) : u(t2.$slots, "step-number", { key: 1 }, () => [f(b(M2.value + 1), 1)], true)]))])], 512), v("div", { class: "mc-step-item-content", ref_key: "contentRef", ref: B2 }, [e2.label || e2.desc ? (m(), o("div", H, [u(t2.$slots, "label", {}, () => [v("span", A, b(e2.label), 1)], true), u(t2.$slots, "desc", {}, () => [v("p", q, b(e2.desc), 1)], true)])) : y("", true), E2.value ? (m(), o("div", z, [u(t2.$slots, "default", {}, void 0, true)])) : y("", true)], 512)], 6));
+} }), [["__scopeId", "data-v-d41e82d5"]]), E = { class: "mc-step-child-item-content" }, F = { key: 0, class: "mc-step-child-item-label" }, G = { class: "mc-step-child-item-label-title" }, J = { class: "mc-step-child-item-label-desc" }, K = { key: 1, class: "mc-step-child-item-slot" }, L = B(e({ name: "McStepChildItemV2", __name: "mc-step-child-item-v2", props: { name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean } }, setup(e2) {
+  const t2 = e2, s2 = i($, void 0), l2 = a(() => {
+    var _a;
+    return (_a = s2 == null ? void 0 : s2.actived) == null ? void 0 : _a.value;
+  }), c2 = a(() => {
+    var _a, _b;
+    return ((_a = s2 == null ? void 0 : s2.succeed) == null ? void 0 : _a.value) ? (_b = s2 == null ? void 0 : s2.succeed) == null ? void 0 : _b.value : t2.succeed;
+  });
+  return (t3, s3) => (m(), o("div", { class: p(["mc-step-child-item-v2", { "mc-step-child-item-actived": l2.value, "mc-step-child-item-success": c2.value }]) }, [v("div", E, [e2.label || e2.desc ? (m(), o("div", F, [v("span", G, b(e2.label), 1), v("p", J, b(e2.desc), 1)])) : y("", true), t3.$slots.default ? (m(), o("div", K, [u(t3.$slots, "default", {}, void 0, true)])) : y("", true)])], 2));
+} }), [["__scopeId", "data-v-f01aecff"]]), N = x(M), O = x(D), P = x(L);
+export {
+  P as M,
+  O as a,
+  N as b
+};

package/dist/es/mc-success-icon-BuGz3uNE.js

@@ -0,0 +1,7 @@
+import { defineComponent as s, createElementBlock as e, openBlock as t, normalizeStyle as o, createElementVNode as c } from "vue";
+import { _ as i, u as l } from "./utils-y7s5KtP-.js";
+const n = "mc-success-icon", r = l(i(s({ name: n, __name: "mc-success-icon", props: { width: { default: "40px" }, height: { default: "40px" } }, setup: (s2) => (i2, l2) => (t(), e("svg", { class: "success-icon", style: o({ width: s2.width, height: s2.height }), viewBox: "0 0 400 400" }, [...l2[0] || (l2[0] = [c("circle", { class: "circle", fill: "none", transform: "rotate(-90 200 200)", "stroke-width": "20", cx: "200", cy: "200", r: "190", "stroke-linecap": "round" }, null, -1), c("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-be465c78"]]));
+export {
+  r as M,
+  n as a
+};

package/dist/es/mc-switch-KStvUyzm.js

@@ -0,0 +1,15 @@
+import { _ as e, u as l } from "./utils-y7s5KtP-.js";
+import { defineComponent as t, createElementBlock as a, openBlock as s, renderSlot as i, createCommentVNode as o, createElementVNode as c, toDisplayString as n, createVNode as p, unref as h, useSlots as d, computed as m, createBlock as u, createSlots as v, withCtx as b, normalizeStyle as r, normalizeClass as w, withKeys as f, withModifiers as x } from "vue";
+import { M as y } from "./mc-tooltip-BNmrE7e_.js";
+import { u as $ } from "./mc-form-B74FOC7S.js";
+const k = "mc-switch", I = "mc-switch-label", T = { class: "mc-switch-label-wrapper" }, _ = { class: "mc-switch-label" }, g = { class: "mc-switch-help" }, V = e(t({ name: I, __name: "mc-switch-label", props: { label: {}, helpText: {}, helpIcon: { default: "Info" } }, setup: (e2) => (l2, t2) => (s(), a("div", T, [e2.label || l2.$slots.label ? i(l2.$slots, "label", { key: 0 }, () => [c("span", _, n(e2.label), 1)], true) : o("", true), e2.helpText || l2.$slots.help ? i(l2.$slots, "help", { key: 1 }, () => [c("div", g, [p(h(y), { "icon-name": e2.helpIcon, content: e2.helpText, "icon-size": 22 }, null, 8, ["icon-name", "content"])])], true) : o("", true)])) }), [["__scopeId", "data-v-52de74a9"]]), j = { class: "mc-switch" }, z = ["id", "disabled", "value", "onKeypress"], B = { class: "mc-switch-inner" }, K = { class: "mc-switch-inner-text" }, M = { class: "mc-switch-inner-text" }, P = l(e(t({ name: k, __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: l2 }) {
+  const t2 = e2, p2 = l2, y2 = d(), { formItem: k2, formId: I2, formDisabled: T2, validateStyle: _2 } = $(), g2 = m(() => t2.modelValue), P2 = async () => {
+    T2.value || (p2("update:modelValue", !t2.modelValue), p2("change", !t2.modelValue), k2 == null ? void 0 : k2.validate("input"));
+  }, C = m(() => y2.label || t2.label || y2.help || t2.helpText ? t2.labelPosition : void 0), D = m(() => "left" === C.value), S = m(() => "right" === C.value);
+  return (l3, t3) => (s(), a("div", j, [D.value ? (s(), u(V, { key: 0, label: e2.label, "help-text": e2.helpText, "help-icon": e2.helpIcon }, v({ _: 2 }, [l3.$slots.label ? { name: "label", fn: b(() => [i(l3.$slots, "label", {}, void 0, true)]), key: "0" } : void 0, l3.$slots.help ? { name: "help", fn: b(() => [i(l3.$slots, "help", {}, void 0, true)]), key: "1" } : void 0]), 1032, ["label", "help-text", "help-icon"])) : o("", true), c("label", { class: w(["mc-switch-wrapper", [g2.value ? "mc-switch-actived" : "mc-switch-inactive", { "mc-switch-disabled": h(T2) }, `mc-switch-${e2.size}`, h(_2)]]), style: r({ width: e2.width, height: e2.height }) }, [c("input", { id: h(I2), type: "checkbox", class: "mc-switch-input", disabled: e2.disabled, value: e2.modelValue, onChange: P2, onKeypress: f(x(P2, ["prevent", "stop"]), ["enter"]) }, null, 40, z), c("div", B, [g2.value ? i(l3.$slots, "active", { key: 0 }, () => [c("span", K, n(e2.activeText), 1)], true) : i(l3.$slots, "inactive", { key: 1 }, () => [c("span", M, n(e2.inactiveText), 1)], true)])], 6), S.value ? (s(), u(V, { key: 1, label: e2.label, "help-text": e2.helpText, "help-icon": e2.helpIcon }, v({ _: 2 }, [l3.$slots.label ? { name: "label", fn: b(() => [i(l3.$slots, "label", {}, void 0, true)]), key: "0" } : void 0, l3.$slots.help ? { name: "help", fn: b(() => [i(l3.$slots, "help", {}, void 0, true)]), key: "1" } : void 0]), 1032, ["label", "help-text", "help-icon"])) : o("", true)]));
+} }), [["__scopeId", "data-v-3e199281"]]));
+export {
+  P as M,
+  k as a,
+  I as b
+};

package/dist/es/{mc-tab-jIIY_s5y.js → mc-tab-BT5bQZPB.js}

@@ -1,53 +1,53 @@
 import { _ as e, u as a } from "./utils-y7s5KtP-.js";
-import { defineComponent as t, ref as n, useSlots as l, watchEffect as d, Fragment as i, h as r, computed as s, onMounted as o, onUnmounted as m, watch as p, createElementBlock as c, openBlock as u, normalizeClass as v, createElementVNode as f, createCommentVNode as y, normalizeStyle as g, renderList as b, toDisplayString as h, createBlock as w, resolveDynamicComponent as _ } from "vue";
+import { defineComponent as t, ref as n, useSlots as l, watchEffect as d, Fragment as i, h as r, computed as s, onMounted as o, onUnmounted as m, watch as c, createElementBlock as p, openBlock as u, normalizeClass as v, createElementVNode as f, createCommentVNode as y, normalizeStyle as g, renderList as b, toDisplayString as h, createBlock as w, resolveDynamicComponent as _ } from "vue";
 import { map as k, filter as P, find as V, findIndex as x } from "lodash-es";
 import { M as R } from "./mc-tab-item-CqXL4HVs.js";
 const C = "mc-tab", L = ["onClick"], $ = { key: 0, class: "mc-tab-nav-item-count" }, j = { class: "mc-tab-actived-component-wrapper" }, A = a(e(t({ name: C, __name: "mc-tab", props: { modelValue: {}, type: { default: "plain" }, wrapperPadding: { default: "0" } }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2, emit: t2 }) {
-  const C2 = e2, A2 = t2, B = n(), M = n(), I = n(), N = n([]), T = l();
+  const C2 = e2, A2 = t2, B = n(), M = n(), X = n(), I = n([]), N = l();
   d(() => {
-    if (!T.default) return void (N.value = []);
-    let e3 = T.default();
-    e3.length && e3[0].type === i && (e3 = [...Array.from(e3[0].children)]), N.value = k(P(e3, (e4) => e4.type.name === R), (e4) => {
+    if (!N.default) return void (I.value = []);
+    let e3 = N.default();
+    e3.length && e3[0].type === i && (e3 = [...Array.from(e3[0].children)]), I.value = k(P(e3, (e4) => e4.type.name === R), (e4) => {
       var _a, _b, _c;
       const a3 = e4.props;
       return { _vnode: r("div", (_c = (_b = (_a = e4.children) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c[0]), ...a3 };
     });
   });
-  const W = s(() => V(N.value, (e3) => e3.name === C2.modelValue)), X = s(() => "plain" === C2.type);
+  const T = s(() => V(I.value, (e3) => e3.name === C2.modelValue)), q = s(() => "plain" === C2.type);
   o(async () => {
-    q(C2.modelValue), setTimeout(() => {
-      z();
+    z(C2.modelValue), setTimeout(() => {
+      D();
     });
   }), m(() => {
-    z(false);
+    D(false);
   });
-  const q = (e3) => {
-    if (!X.value) return;
-    const a3 = I.value, t3 = M.value, n2 = x(N.value, (a4) => a4.name === e3);
+  const z = (e3) => {
+    if (!q.value) return;
+    const a3 = X.value, t3 = M.value, n2 = x(I.value, (a4) => a4.name === e3);
     if (n2 < 0) return void (a3.style.width = "0");
     const l2 = Array.from(t3.children)[n2], { x: d2, width: i2 } = l2.getBoundingClientRect(), { x: r2 } = t3.getBoundingClientRect();
     a3.style.width = `${i2}px`, a3.style.transform = `translateX(${d2 - r2}px)`;
-  }, z = (e3 = true) => {
-    const a3 = I.value;
-    X.value && a3 && (a3.style.transition = e3 ? "transform 0.3s ease-in-out" : "");
+  }, D = (e3 = true) => {
+    const a3 = X.value;
+    q.value && a3 && (a3.style.transition = e3 ? "transform 0.3s ease-in-out" : "");
   };
-  p(() => C2.modelValue, (e3) => {
-    q(e3);
+  c(() => C2.modelValue, (e3) => {
+    z(e3);
   });
-  const D = s(() => {
+  const E = s(() => {
     var _a;
     return "string" == typeof C2.wrapperPadding ? C2.wrapperPadding : ((_a = C2.wrapperPadding) == null ? void 0 : _a.left) ?? "0";
-  }), E = s(() => {
+  }), F = s(() => {
     var _a;
     return "string" == typeof C2.wrapperPadding ? C2.wrapperPadding : ((_a = C2.wrapperPadding) == null ? void 0 : _a.right) ?? "0";
   });
   return a2({ ref: B }), (a3, t3) => {
     var _a;
-    return u(), c("div", { class: v(["mc-tab", `mc-tab-${e2.type}`]), ref_key: "_ref", ref: B }, [f("div", { class: "mc-tab-nav", style: g({ paddingLeft: D.value, paddingRight: E.value }) }, [f("div", { class: "mc-tab-nav-wrapper", ref_key: "tabNavRef", ref: M }, [(u(true), c(i, null, b(N.value, (a4) => (u(), c("div", { class: v(["mc-tab-nav-item", { "mc-tab-nav-item-active": a4.name === e2.modelValue, "mc-tab-nav-item-disabled": a4.disabled }]), key: a4.name, onClick: (e3) => ((e4) => {
+    return u(), p("div", { class: v(["mc-tab", `mc-tab-${e2.type}`]), ref_key: "_ref", ref: B }, [f("div", { class: "mc-tab-nav", style: g({ paddingLeft: E.value, paddingRight: F.value }) }, [f("div", { class: "mc-tab-nav-wrapper", ref_key: "tabNavRef", ref: M }, [(u(true), p(i, null, b(I.value, (a4) => (u(), p("div", { class: v(["mc-tab-nav-item", { "mc-tab-nav-item-active": a4.name === e2.modelValue, "mc-tab-nav-item-disabled": a4.disabled }]), key: a4.name, onClick: (e3) => ((e4) => {
       e4.disabled || (A2("update:modelValue", e4.name), A2("change", e4.name));
-    })(a4) }, [f("span", null, h(a4.label), 1), a4.count ? (u(), c("span", $, h(a4.count), 1)) : y("", true)], 10, L))), 128))], 512), X.value ? (u(), c("div", { key: 0, class: "mc-tab-line", ref_key: "tabLineRef", ref: I }, null, 512)) : y("", true)], 4), ((_a = W.value) == null ? void 0 : _a._vnode) ? (u(), c("div", { key: 0, class: "mc-tab-actived-component", style: g({ paddingLeft: D.value, paddingRight: E.value }) }, [f("div", j, [(u(), w(_(W.value._vnode), { key: W.value.name }))])], 4)) : y("", true)], 2);
+    })(a4) }, [f("span", null, h(a4.label), 1), a4.count ? (u(), p("span", $, h(a4.count), 1)) : y("", true)], 10, L))), 128))], 512), q.value ? (u(), p("div", { key: 0, class: "mc-tab-line", ref_key: "tabLineRef", ref: X }, null, 512)) : y("", true)], 4), ((_a = T.value) == null ? void 0 : _a._vnode) ? (u(), p("div", { key: 0, class: "mc-tab-actived-component", style: g({ paddingLeft: E.value, paddingRight: F.value }) }, [f("div", j, [(u(), w(_(T.value._vnode), { key: T.value.name }))])], 4)) : y("", true)], 2);
   };
-} }), [["__scopeId", "data-v-3454a41a"]]));
+} }), [["__scopeId", "data-v-2c21b5ce"]]));
 export {
   A as M,
   C as a

package/dist/es/{mc-table-COdreKN2.js → mc-table-CBKGzmE9.js}

@@ -1,7 +1,7 @@
 import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as t, openBlock as n, normalizeClass as o, renderSlot as i, Fragment as s, createTextVNode as r, toDisplayString as c, useSlots as u, ref as d, normalizeStyle as p, createElementVNode as g, renderList as v, createVNode as m, unref as h, createBlock as f, createSlots as b, withCtx as _, mergeProps as y, watch as w, onMounted as k, nextTick as S, toRefs as x, normalizeProps as C, guardReactiveProps as R } from "vue";
-import { a as z } from "./mc-checkbox-C-9q1uwS.js";
+import { M as z } from "./mc-checkbox-Dyzog85d.js";
 import { _ as I, u as P } from "./utils-y7s5KtP-.js";
-import { M as $ } from "./mc-icon-4B9i36Sx.js";
+import { m as $ } from "./mc-icon-CmYW61Q0.js";
 const M = ["rowspan", "colspan"], H = I(e({ __name: "mc-table-cell", props: { row: {}, column: {}, rowIndex: {}, columnIndex: {}, pagination: {}, spanMethod: { type: Function } }, setup(e2) {
   const u2 = e2, d2 = a(() => u2.row[u2.column.prop]), p2 = a(() => {
     const e3 = [u2.column.className];