mc-plus 1.0.38 → 1.0.39

package/dist/es/hooks-DQBM4MPn.js

@@ -0,0 +1,74 @@
+import { getCurrentInstance as e, computed as t, isRef as r, watch as n, onMounted as o, onBeforeUnmount as u, unref as a, ref as s, onUnmounted as i } from "vue";
+import { i as v, t as l } from "./vendor-CF1nicIl.js";
+function c(r2) {
+  const n2 = e();
+  if (!n2) throw new Error("useProp must be used within a component");
+  return t(() => {
+    var _a, _b;
+    return (_b = (_a = n2 == null ? void 0 : n2.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[r2];
+  });
+}
+function f(e2, t2, s2) {
+  r(e2) ? n(e2, (e3, r2) => {
+    r2 == null ? void 0 : r2.removeEventListener(t2, s2), e3 == null ? void 0 : e3.addEventListener(t2, s2);
+  }) : o(() => e2 == null ? void 0 : e2.addEventListener(t2, s2)), u(() => {
+    var _a;
+    return (_a = a(e2)) == null ? void 0 : _a.removeEventListener(t2, s2);
+  });
+}
+function d(e2, t2) {
+  f(document, "click", (r2) => {
+    e2.value && r2.target && (e2.value.contains(r2.target) || t2(r2));
+  });
+}
+function p(t2, { afterFocus: r2, beforeBlur: n2, afterBlur: o2 } = {}) {
+  const u2 = e(), { emit: a2 } = u2, i2 = s(), l2 = s(false);
+  return f(i2, "click", () => {
+    var _a;
+    (_a = t2.value) == null ? void 0 : _a.focus();
+  }), { wrapperRef: i2, isFocused: l2, handleFocus: (e2) => {
+    l2.value || (l2.value = true, a2("focus", e2), r2 == null ? void 0 : r2());
+  }, handleBlur: (e2) => {
+    var _a;
+    v(n2) && n2(e2) || e2.relatedTarget && ((_a = i2.value) == null ? void 0 : _a.contains(e2.relatedTarget)) || (l2.value = false, a2("blur", e2), o2 == null ? void 0 : o2());
+  } };
+}
+const m = (e2, t2) => ({ generateFileUrl: (r2) => {
+  if (e2 && t2 && r2) return `${e2}/${r2}.${t2}`;
+} });
+function b(e2, t2, r2 = 300) {
+  const a2 = new ResizeObserver(l((e3) => {
+    for (let r3 of e3) t2(r3.contentRect);
+  }, r2)), s2 = (e3) => {
+    a2.observe(e3);
+  }, i2 = (e3) => {
+    a2.unobserve(e3);
+  };
+  return o(() => {
+    e2.value && s2(e2.value);
+  }), u(() => {
+    e2.value && i2(e2.value);
+  }), n(e2, (e3) => {
+    e3 && s2(e3);
+  }), { resizeObserver: a2, observe: s2, unobserve: i2 };
+}
+function w(e2) {
+  o(() => {
+    window.addEventListener("resize", e2);
+  }), i(() => {
+    window.removeEventListener("resize", e2);
+  });
+}
+const h = () => {
+  const e2 = c("width"), r2 = c("height");
+  return { width: t(() => "number" == typeof e2.value ? `${e2.value}px` : e2.value || "auto"), height: t(() => "number" == typeof r2.value ? `${r2.value}px` : r2.value || "auto") };
+};
+export {
+  h as a,
+  b,
+  c,
+  p as d,
+  w as e,
+  d as f,
+  m as u
+};

package/dist/es/index.js

@@ -1,38 +1,39 @@
 import { p as s, m } from "./utils-BmNJhgNi.js";
 import { M as o, a as r } from "./mc-alert-bpaTCVUK.js";
 import { a as p } from "./mc-button-Ba7DDZG9.js";
-import { a as i, b as e } from "./mc-checkbox-DFbu_OiJ.js";
+import { a as i, b as e } from "./mc-checkbox-5wE4IPwp.js";
 import { M as f } from "./mc-collapse-DFNPqcdt.js";
 import { a } from "./mc-collapse-DFNPqcdt.js";
-import { M as j, a as M } from "./mc-input-saIYNHWc.js";
+import { M as j, a as M } from "./mc-input-CgplNojs.js";
 import { M as l } from "./mc-message-YfksGJAF.js";
 import { a as a2 } from "./mc-message-YfksGJAF.js";
-import { M as b, a as n } from "./mc-radio-DQQnPJHd.js";
-import { M as g, a as x, b as h } from "./mc-select-v0mUBb6b.js";
-import { M as v, a as w, b as k } from "./mc-tab-BZppF9j8.js";
-import { u, c, d } from "./mc-tab-BZppF9j8.js";
+import { M as b, a as n } from "./mc-radio-RIdhxPQE.js";
+import { M as x, a as g, b as h } from "./mc-select-DiqALSF2.js";
+import { M as w, a as k, b as v } from "./mc-tab-8Fvo9GmL.js";
+import { u, c, d } from "./mc-tab-8Fvo9GmL.js";
 import { M as S } from "./mc-toast-LpYAseXY.js";
 import { t } from "./mc-toast-LpYAseXY.js";
-import { M as T, b as q } from "./mc-form-D8Wqhwjk.js";
-import { a as C } from "./mc-icon-D3S6pb2m.js";
-import { a as I } from "./mc-success-icon-BpxyU5y9.js";
-import { a as P, b as y } from "./mc-title-B6Hvo9y-.js";
+import { M as T, b as q } from "./mc-form-B385pPPT.js";
+import { a as y } from "./mc-icon-D3S6pb2m.js";
+import { a as C } from "./mc-success-icon-BpxyU5y9.js";
+import { a as I, b as P } from "./mc-title-B6Hvo9y-.js";
 import { a as z } from "./mc-footer-D-q92WeC.js";
 import { a as A } from "./mc-modal-header-BXLmfVq5.js";
-import { M as B } from "./mc-drawer-BZ2EXwHI.js";
+import { M as B } from "./mc-drawer-BAqCBDFv.js";
 import { M as D } from "./mc-reset-BjETD0vP.js";
 import { M as E } from "./mc-divider-CNE-PJUC.js";
-import { M as F } from "./mc-lightbox-CikSebkm.js";
-import { M as G, a as H } from "./mc-upload-BCFOVrpH.js";
-import { M as J } from "./mc-popper-M-81mTwQ.js";
-import { a as K } from "./mc-tooltip-qgVKnjBG.js";
+import { M as F } from "./mc-lightbox-CLsHAZWT.js";
+import { M as G, a as H } from "./mc-upload-COiLFcW-.js";
+import { M as J } from "./mc-popper-Dvh1rxVO.js";
+import { a as K } from "./mc-tooltip-Ckhu6Zvc.js";
 import { M as L } from "./mc-tag-DE_oW4QS.js";
 import { M as N } from "./mc-status-Cc5Hvpvx.js";
-import { M as O } from "./mc-switch-C1dmHB40.js";
-import { M as Q, a as R, b as U, c as V } from "./mc-step-B3YYwL9G.js";
-const W = [p, f, v, b, n, g, x, h, i, e, o, l, S, T, q, j, M, C, I, P, z, y, A, B, w, k, D, E, F, G, H, J, K, L, N, O, Q, R, U, V, r];
+import { M as O } from "./mc-switch-DkJTjepY.js";
+import { M as Q, a as R, b as U, c as V } from "./mc-step-CLbrPQk7.js";
+import { M as W } from "./mc-currency-icon-Bi3GlZaG.js";
+const X = [p, f, w, b, n, x, g, h, i, e, o, l, S, T, q, j, M, y, C, I, z, P, A, B, k, v, D, E, F, G, H, J, K, L, N, O, Q, R, U, V, r, W];
 s();
-const X = m(W);
+const Y = m(X);
 export {
   o as McAlert,
   r as McAlertMessage,
@@ -41,13 +42,14 @@ export {
   e as McCheckboxGroup,
   f as McCollapse,
   a as McCollapseItem,
+  W as McCurrencyIcon,
   E as McDivider,
   B as McDrawer,
   H as McFileList,
   z as McFooter,
   T as McForm,
   q as McFormItem,
-  C as McIcon,
+  y as McIcon,
   j as McInput,
   M as McInputGroup,
   F as McLightbox,
@@ -57,27 +59,27 @@ export {
   b as McRadio,
   n as McRadioGroup,
   D as McReset,
-  g as McSelect,
-  x as McSelectGroup,
+  x as McSelect,
+  g as McSelectGroup,
   h as McSelectOption,
   N as McStatus,
   Q as McStep,
   V as McStepChildItemV2,
   U as McStepItemV2,
   R as McStepV2,
-  I as McSuccessIcon,
+  C as McSuccessIcon,
   O as McSwitch,
-  w as McTab,
-  k as McTabItem,
-  v as McTable,
+  k as McTab,
+  v as McTabItem,
+  w as McTable,
   L as McTag,
-  P as McTitle,
-  y as McTitleToolBar,
+  I as McTitle,
+  P as McTitleToolBar,
   S as McToast,
   K as McTooltip,
   G as McUpload,
   a2 as Message,
-  X as default,
+  Y as default,
   t as toast,
   u as usePagination,
   c as useTableScroll,

package/dist/es/{mc-checkbox-DFbu_OiJ.js → mc-checkbox-5wE4IPwp.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, inject as a, computed as l, watch as c, createElementBlock as o, openBlock as t, normalizeStyle as s, normalizeClass as u, createElementVNode as m, toDisplayString as d, provide as n, renderSlot as r } from "vue";
-import { u as p, a as i } from "./mc-form-D8Wqhwjk.js";
+import { u as p, a as i } from "./mc-form-B385pPPT.js";
 import { a as h, b } from "./vendor-CF1nicIl.js";
 import { _ as v, w as k } from "./utils-BmNJhgNi.js";
 const x = Symbol("CheckboxGroupContext"), _ = ["value", "disabled"], f = { class: "mc-checkbox__wrapper" }, V = { class: "mc-checkbox__content" }, g = { class: "mc-checkbox__content-text" }, y = { class: "mc-checkbox__content-remarks" }, B = v(e({ name: "McCheckbox", __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean }, formValidate: { type: Boolean, default: true }, value: {} }, emits: ["change", "update:modelValue"], setup(e2, { emit: n2 }) {

package/dist/es/mc-currency-icon-Bi3GlZaG.js

@@ -0,0 +1,10 @@
+import { defineComponent as c, createElementBlock as r, openBlock as n, normalizeStyle as s, unref as e, createElementVNode as i, renderSlot as t, normalizeClass as o, toDisplayString as l } from "vue";
+import { u as a, a as u } from "./hooks-DQBM4MPn.js";
+import { _ as d, w as m } from "./utils-BmNJhgNi.js";
+const y = { class: "mc-currency-icon-img-wrapper" }, p = ["src", "alt"], h = { class: "mc-currency-icon-label" }, f = { class: "mc-currency-icon-text" }, g = m(d(c({ name: "McCurrencyIcon", __name: "mc-currency-icon", props: { currency: {}, direction: { default: "horizontal" }, desc: {}, cdnUrl: {}, suffix: { default: "svg" }, height: {}, width: {} }, setup(c2) {
+  const d2 = c2, { generateFileUrl: m2 } = a(d2.cdnUrl, d2.suffix), { width: g2, height: v } = u();
+  return (c3, a2) => (n(), r("div", { class: "mc-currency-icon", style: s({ width: e(g2), height: e(v) }) }, [i("div", y, [t(c3.$slots, "icon", {}, () => [i("img", { src: e(m2)(c3.currency), class: "mc-currency-icon-img", alt: `${c3.currency}-icon` }, null, 8, p)], true)]), i("div", { class: o(["mc-currency-icon-content", [`mc-currency-icon-content-${c3.direction}`]]) }, [i("div", h, [t(c3.$slots, "default", {}, () => [i("span", null, l(c3.currency), 1)], true)]), i("div", f, [t(c3.$slots, "desc", {}, () => [i("span", null, l(c3.desc), 1)], true)])], 2)], 4));
+} }), [["__scopeId", "data-v-a7836bdb"]]));
+export {
+  g as M
+};

package/dist/es/{mc-drawer-BZ2EXwHI.js → mc-drawer-BAqCBDFv.js}

@@ -2,7 +2,7 @@ import { defineComponent as e, ref as o, watch as t, createElementBlock as a, cr
 import { M as v } from "./mc-overlay-unPNM2RL.js";
 import { M as w } from "./mc-modal-header-BXLmfVq5.js";
 import { M as h } from "./mc-footer-D-q92WeC.js";
-import { u as y } from "./hooks-9tiUvCeE.js";
+import { b as y } from "./hooks-DQBM4MPn.js";
 import { _, w as b } from "./utils-BmNJhgNi.js";
 const $ = { key: 0, class: "mc-drawer-container" }, g = { class: "mc-drawer-header" }, k = { class: "mc-drawer-content-wrapper" }, x = { class: "mc-drawer-content" }, B = b(_(e({ name: "McDrawer", __name: "mc-drawer", props: { modelValue: { type: Boolean }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, showBorder: { type: Boolean, default: true } }, emits: ["update:modelValue", "close"], setup(e2, { expose: _2, emit: b2 }) {
   const B2 = e2, C = o(false), j = o(false), M = o(false), V = async () => {

package/dist/es/{mc-form-D8Wqhwjk.js → mc-form-B385pPPT.js}

@@ -1,17 +1,17 @@
-import { inject as e, computed as r, defineComponent as t, reactive as a, toRefs as s, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as c, ref as m, onMounted as n, onUnmounted as u, normalizeClass as p, createCommentVNode as v, toDisplayString as f, createVNode as h, createTextVNode as b, Transition as y, withCtx as g, nextTick as _ } from "vue";
-import { a as q } from "./hooks-9tiUvCeE.js";
+import { inject as e, computed as r, defineComponent as t, reactive as s, toRefs as a, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as c, ref as m, onMounted as n, onUnmounted as u, normalizeClass as p, createCommentVNode as v, toDisplayString as f, createVNode as h, createTextVNode as b, Transition as g, withCtx as y, nextTick as _ } from "vue";
+import { c as q } from "./hooks-DQBM4MPn.js";
 import { c as F, s as j, f as P, d as $, k as w, a as x, e as k, m as I, g as M, h as V, j as S, l as z, n as B } from "./vendor-CF1nicIl.js";
 import { _ as C, w as E } from "./utils-BmNJhgNi.js";
 import O from "async-validator";
-import { M as A } from "./mc-tooltip-qgVKnjBG.js";
+import { M as A } from "./mc-tooltip-Ckhu6Zvc.js";
 const D = Symbol("formContext"), G = Symbol("formItemContext");
 function H() {
   const r2 = e(D, void 0), t2 = q("formValidate");
   return { form: r2, formItem: F(t2.value) && !t2.value ? void 0 : e(G, void 0) };
 }
 function J() {
-  const t2 = e(D, void 0), a2 = e(G, void 0), s2 = q("disabled");
-  return r(() => s2.value || (t2 == null ? void 0 : t2.disabled) || (a2 == null ? void 0 : a2.disabled));
+  const t2 = e(D, void 0), s2 = e(G, void 0), a2 = q("disabled");
+  return r(() => a2.value || (t2 == null ? void 0 : t2.disabled) || (s2 == null ? void 0 : s2.disabled));
 }
 const K = { class: "mc-form" }, L = C(t({ name: "McForm", __name: "mc-form", props: { model: {}, rules: { default: () => ({}) }, disabled: { type: Boolean }, direction: { default: "vertical" } }, emits: ["validate"], setup(e2, { expose: r2, emit: t2 }) {
   const m2 = t2, n2 = [], u2 = async (e3 = [], r3) => {
@@ -32,7 +32,7 @@ const K = { class: "mc-form" }, L = C(t({ name: "McForm", __name: "mc-form", pro
       const t4 = e4;
       return r3 == null ? void 0 : r3(false, t4), Promise.reject(t4);
     }
-  }, p2 = (e3, r3) => j(r3) ? P(e3, (e4) => x(r3, e4.prop)) : e3, v2 = a({ ...s(e2), emits: m2, addField: (e3) => {
+  }, p2 = (e3, r3) => j(r3) ? P(e3, (e4) => x(r3, e4.prop)) : e3, v2 = s({ ...a(e2), emits: m2, addField: (e3) => {
     e3.prop && n2.push(e3);
   }, removeField: (e3) => {
     e3.prop && n2.splice(n2.indexOf(e3), 1);
@@ -57,9 +57,9 @@ const K = { class: "mc-form" }, L = C(t({ name: "McForm", __name: "mc-form", pro
     const t3 = F2.required;
     if (k(t3)) {
       const r3 = P(I(e2, (e3, r4) => [e3, r4]), (e3) => x(w(e3[0]), "required"));
-      if (j(r3)) for (const a2 of r3) {
-        const [r4, s2] = a2;
-        r4.required !== t3 && (e2[s2] = { ...r4, required: t3 });
+      if (j(r3)) for (const s2 of r3) {
+        const [r4, a2] = s2;
+        r4.required !== t3 && (e2[a2] = { ...r4, required: t3 });
       }
       else e2.push({ required: t3 });
     }
@@ -75,30 +75,30 @@ const K = { class: "mc-form" }, L = C(t({ name: "McForm", __name: "mc-form", pro
     })(e2);
     if (!j(t3)) return r2 == null ? void 0 : r2(true), Promise.resolve(true);
     C2.value = "validating";
-    const a2 = ((e3) => {
+    const s2 = ((e3) => {
       const r3 = F2.prop;
       return r3 ? new O({ [r3]: e3 }).validate({ [r3]: J2.value }, { firstFields: true }).then(() => (C2.value = "success", $2 == null ? void 0 : $2.emits("validate", F2, true, ""), E2.value = "", true)).catch((e4) => {
         const { errors: r4 } = e4;
         return C2.value = "error", E2.value = r4 && j(r4) > 0 ? r4[0].message ?? "" : "", $2 == null ? void 0 : $2.emits("validate", F2, false, E2.value), Promise.reject(e4);
       }) : null;
     })(t3);
-    return a2 ? a2.then(() => (r2 == null ? void 0 : r2(true), true)).catch((e3) => {
+    return s2 ? s2.then(() => (r2 == null ? void 0 : r2(true), true)).catch((e3) => {
       const { fields: t4 } = e3;
       return r2 == null ? void 0 : r2(false, t4), Promise.reject(t4);
     }) : Promise.reject(false);
   }, te = () => {
     const e2 = $2 == null ? void 0 : $2.model;
     e2 && F2.prop && !k(V(e2, F2.prop)) && (ee = true, S(e2, F2.prop, z(Z2))), _(() => {
-      ae();
+      se();
     });
-  }, ae = () => {
+  }, se = () => {
     C2.value = "init", E2.value = "", ee = false;
-  }, se = a({ ...s(F2), validateStatus: r(() => C2.value), disabled: Y2, validate: re, resetField: te, clearValidate: ae }), oe = r(() => "horizontal" === ($2 == null ? void 0 : $2.direction));
-  return o(G, se), n(() => {
-    F2.prop && ($2 == null ? void 0 : $2.addField(se), Z2 = J2.value);
+  }, ae = s({ ...a(F2), validateStatus: r(() => C2.value), disabled: Y2, validate: re, resetField: te, clearValidate: se }), oe = r(() => "horizontal" === ($2 == null ? void 0 : $2.direction));
+  return o(G, ae), n(() => {
+    F2.prop && ($2 == null ? void 0 : $2.addField(ae), Z2 = J2.value);
   }), u(() => {
-    F2.prop && ($2 == null ? void 0 : $2.removeField(se));
-  }), q2({ validateMessage: E2, validateStatus: C2, validate: re, resetField: te, clearValidate: ae }), (e2, r2) => (i(), l("div", { class: p(["mc-form-item", { "mc-form-item-horizontal": oe.value }]) }, [c(e2.$slots, "label", { required: X2.value }, () => [d("div", null, [d("div", N, [e2.label ? (i(), l("label", Q, [d("span", { class: p(["mc-form-item-lable-text", { "mc-form-item-label-required": X2.value }]) }, f(e2.label), 3), e2.help || e2.$slots.help ? (i(), l("div", R, [c(e2.$slots, "help", {}, () => [h(A, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : v("", true)])) : v("", true), c(e2.$slots, "tool", {}, void 0, true)]), e2.desc || e2.$slots.desc ? (i(), l("div", T, [c(e2.$slots, "desc", {}, () => [b(f(e2.desc), 1)], true)])) : v("", true)])], true), d("div", U, [c(e2.$slots, "default", {}, void 0, true), h(y, { name: "mc-form-item-error" }, { default: g(() => [E2.value ? (i(), l("div", W, f(E2.value), 1)) : v("", true)]), _: 1 })])], 2));
+    F2.prop && ($2 == null ? void 0 : $2.removeField(ae));
+  }), q2({ validateMessage: E2, validateStatus: C2, validate: re, resetField: te, clearValidate: se }), (e2, r2) => (i(), l("div", { class: p(["mc-form-item", { "mc-form-item-horizontal": oe.value }]) }, [c(e2.$slots, "label", { required: X2.value }, () => [d("div", null, [d("div", N, [e2.label ? (i(), l("label", Q, [d("span", { class: p(["mc-form-item-lable-text", { "mc-form-item-label-required": X2.value }]) }, f(e2.label), 3), e2.help || e2.$slots.help ? (i(), l("div", R, [c(e2.$slots, "help", {}, () => [h(A, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : v("", true)])) : v("", true), c(e2.$slots, "tool", {}, void 0, true)]), e2.desc || e2.$slots.desc ? (i(), l("div", T, [c(e2.$slots, "desc", {}, () => [b(f(e2.desc), 1)], true)])) : v("", true)])], true), d("div", U, [c(e2.$slots, "default", {}, void 0, true), h(g, { name: "mc-form-item-error" }, { default: y(() => [E2.value ? (i(), l("div", W, f(E2.value), 1)) : v("", true)]), _: 1 })])], 2));
 } }), [["__scopeId", "data-v-d8ce9b29"]]), Y = E(L), Z = E(X);
 export {
   Y as M,

package/dist/es/{mc-input-saIYNHWc.js → mc-input-CgplNojs.js}

@@ -1,7 +1,7 @@
 import { inject as e, computed as t, ref as a, defineComponent as u, onMounted as l, watch as s, createElementBlock as r, openBlock as n, normalizeStyle as o, normalizeClass as c, unref as i, createCommentVNode as p, createElementVNode as f, renderSlot as d, createBlock as m, withKeys as v, createVNode as y, Fragment as x, nextTick as h, useSlots as g, reactive as _, watchEffect as b, provide as I } from "vue";
 import { M as w } from "./mc-icon-D3S6pb2m.js";
-import { a as S, u as $ } from "./mc-form-D8Wqhwjk.js";
-import { b as k } from "./hooks-9tiUvCeE.js";
+import { a as S, u as $ } from "./mc-form-B385pPPT.js";
+import { d as k } from "./hooks-DQBM4MPn.js";
 import { O as V } from "./mc-otp-DnzPqlEK.js";
 import { a as j, o as B, p as C, q as M, e as R, i as z } from "./vendor-CF1nicIl.js";
 import { _ as A, w as P } from "./utils-BmNJhgNi.js";

package/dist/es/{mc-lightbox-CikSebkm.js → mc-lightbox-CLsHAZWT.js}

@@ -1,8 +1,8 @@
-import { defineComponent as e, ref as o, watch as t, nextTick as l, createElementBlock as a, createCommentVNode as s, openBlock as i, createBlock as r, Teleport as d, createVNode as f, Transition as u, withCtx as c, normalizeClass as m, createElementVNode as n, renderSlot as h } from "vue";
+import { defineComponent as e, ref as o, watch as t, nextTick as l, createElementBlock as a, createCommentVNode as s, openBlock as i, createBlock as r, Teleport as d, createVNode as f, Transition as u, withCtx as m, normalizeClass as c, createElementVNode as n, renderSlot as h } from "vue";
 import { M as v } from "./mc-overlay-unPNM2RL.js";
 import { M as p } from "./mc-modal-header-BXLmfVq5.js";
 import { M as g } from "./mc-footer-D-q92WeC.js";
-import { c as b, u as x } from "./hooks-9tiUvCeE.js";
+import { e as b, b as x } from "./hooks-DQBM4MPn.js";
 import { _ as y, w as _ } from "./utils-BmNJhgNi.js";
 const w = { key: 0, class: "mc-lightbox-container" }, k = { class: "mc-lightbox-header" }, $ = _(y(e({ name: "McLightbox", __name: "mc-lightbox", props: { modelValue: { type: Boolean, default: false }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, hideFooter: { type: Boolean, default: false }, showBorder: { type: Boolean, default: false } }, emits: ["update:modelValue", "close"], setup(e2, { expose: y2, emit: _2 }) {
   const $2 = e2, B = _2, C = o(), j = o(), M = o(), R = o(), V = o(false), H = o(false), z = o(false), F = () => {
@@ -30,7 +30,7 @@ const w = { key: 0, class: "mc-lightbox-container" }, k = { class: "mc-lightbox-
     o2 && (o2.style.paddingBottom = `${e3}px`, await l(), q());
   }), x(R, () => {
     q();
-  }), y2({ ref: C, open: I, close: L }), (e3, o2) => V.value ? (i(), a("div", w, [(i(), r(d, { to: e3.portCssSelector }, [f(u, { name: "mc-lightbox-overlay" }, { default: c(() => [f(v, { visible: H.value, fixed: e3.fixed, onClick: F }, { default: c(() => [f(u, { name: "mc-lightbox-content" }, { default: c(() => [z.value ? (i(), a("div", { key: 0, class: m(["mc-lightbox", [`mc-lightbox-${e3.size}`]]), ref_key: "lightboxRef", ref: C }, [n("div", k, [h(e3.$slots, "header", {}, () => [f(p, { title: e3.title, "show-border": e3.showBorder, onClose: S }, { default: c(() => [h(e3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])], true)]), n("div", { class: "mc-lightbox-content-wrapper", ref_key: "wrapperRef", ref: M }, [n("div", { class: "mc-lightbox-content", ref_key: "contentRef", ref: R }, [h(e3.$slots, "default", {}, void 0, true)], 512)], 512), e3.hideFooter ? s("", true) : (i(), a("div", { key: 0, class: "mc-lightbox-footer", ref_key: "footerRef", ref: j }, [h(e3.$slots, "footer", {}, () => [f(g, null, { left: c(() => [h(e3.$slots, "footer-left", {}, void 0, true)]), right: c(() => [h(e3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": c(() => [h(e3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: c(() => [h(e3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512))], 2)) : s("", true)]), _: 3 })]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : s("", true);
+  }), y2({ ref: C, open: I, close: L }), (e3, o2) => V.value ? (i(), a("div", w, [(i(), r(d, { to: e3.portCssSelector }, [f(u, { name: "mc-lightbox-overlay" }, { default: m(() => [f(v, { visible: H.value, fixed: e3.fixed, onClick: F }, { default: m(() => [f(u, { name: "mc-lightbox-content" }, { default: m(() => [z.value ? (i(), a("div", { key: 0, class: c(["mc-lightbox", [`mc-lightbox-${e3.size}`]]), ref_key: "lightboxRef", ref: C }, [n("div", k, [h(e3.$slots, "header", {}, () => [f(p, { title: e3.title, "show-border": e3.showBorder, onClose: S }, { default: m(() => [h(e3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])], true)]), n("div", { class: "mc-lightbox-content-wrapper", ref_key: "wrapperRef", ref: M }, [n("div", { class: "mc-lightbox-content", ref_key: "contentRef", ref: R }, [h(e3.$slots, "default", {}, void 0, true)], 512)], 512), e3.hideFooter ? s("", true) : (i(), a("div", { key: 0, class: "mc-lightbox-footer", ref_key: "footerRef", ref: j }, [h(e3.$slots, "footer", {}, () => [f(g, null, { left: m(() => [h(e3.$slots, "footer-left", {}, void 0, true)]), right: m(() => [h(e3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": m(() => [h(e3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: m(() => [h(e3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512))], 2)) : s("", true)]), _: 3 })]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : s("", true);
 } }), [["__scopeId", "data-v-fad03923"]]));
 export {
   $ as M

package/dist/es/{mc-popper-M-81mTwQ.js → mc-popper-Dvh1rxVO.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as o, computed as r, watch as a, onUnmounted as t, watchEffect as s, createElementBlock as l, openBlock as p, mergeProps as i, toHandlers as u, createElementVNode as n, createVNode as v, renderSlot as c, Transition as d, withCtx as m, createCommentVNode as f, createTextVNode as g, toDisplayString as h } from "vue";
 import { createPopper as w } from "@popperjs/core";
-import { d as k } from "./hooks-9tiUvCeE.js";
+import { f as k } from "./hooks-DQBM4MPn.js";
 import { r as _, u as y, e as b } from "./vendor-CF1nicIl.js";
 import { _ as N, w as j } from "./utils-BmNJhgNi.js";
 const T = { key: 0, id: "arrow", class: "mc-popper-arrow", "data-popper-arrow": "" }, x = N(e({ name: "McPopper", __name: "mc-popper", props: { content: {}, trigger: { default: "hover" }, placement: { default: "top" }, disabled: { type: Boolean }, popperOptions: {}, showTimeout: { default: 0 }, hideTimeout: { default: 300 }, transitionName: { default: "fade" }, showArrow: { type: Boolean, default: true } }, emits: ["visible:change", "click:outside"], setup(e2, { expose: N2, emit: j2 }) {

package/dist/es/{mc-radio-DQQnPJHd.js → mc-radio-RIdhxPQE.js}

@@ -1,29 +1,29 @@
 import { defineComponent as e, watch as a, provide as l, computed as o, createElementBlock as r, openBlock as s, renderSlot as d, inject as t, normalizeClass as c, createElementVNode as i, createCommentVNode as m, createTextVNode as u, toDisplayString as n, createVNode as p } from "vue";
-import { u as v, a as b } from "./mc-form-D8Wqhwjk.js";
-import { _ as h, w as f } from "./utils-BmNJhgNi.js";
-import { M as k } from "./mc-tooltip-qgVKnjBG.js";
-const _ = Symbol("selectContext"), g = { class: "mc-radio-group" }, y = h(e({ name: "McRadioGroup", __name: "mc-radio-group", props: { modelValue: { type: [Number, String, Boolean] }, disabled: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: t2 }) {
+import { u as v, a as b } from "./mc-form-B385pPPT.js";
+import { _ as h, w as k } from "./utils-BmNJhgNi.js";
+import { M as _ } from "./mc-tooltip-Ckhu6Zvc.js";
+const f = Symbol("selectContext"), g = { class: "mc-radio-group" }, y = h(e({ name: "McRadioGroup", __name: "mc-radio-group", props: { modelValue: { type: [Number, String, Boolean] }, disabled: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: t2 }) {
   const c2 = e2, i2 = t2, { formItem: m2 } = v();
   return a(() => c2.modelValue, () => {
     m2 == null ? void 0 : m2.validate("change");
-  }), l(_, { hasError: o(() => "error" === (m2 == null ? void 0 : m2.validateStatus)), modelValue: o(() => c2.modelValue), disabled: o(() => c2.disabled), handleSelect: (e3) => {
+  }), l(f, { hasError: o(() => "error" === (m2 == null ? void 0 : m2.validateStatus)), modelValue: o(() => c2.modelValue), disabled: o(() => c2.disabled), handleSelect: (e3) => {
     i2("update:modelValue", e3), i2("change", e3);
   } }), (e3, a2) => (s(), r("div", g, [d(e3.$slots, "default", {}, void 0, true)]));
 } }), [["__scopeId", "data-v-152cbc8e"]]), V = ["disabled"], S = { class: "mc-radio-content" }, $ = { key: 0, class: "mc-radio-help" }, B = { class: "mc-radio-remark" }, M = h(e({ name: "McRadio", __name: "mc-radio", props: { label: {}, value: { type: [Number, String, Boolean] }, disabled: { type: Boolean }, remark: {}, help: {} }, setup(e2) {
-  const a2 = e2, l2 = t(_), v2 = o(() => {
+  const a2 = e2, l2 = t(f), v2 = o(() => {
     var _a;
     return ((_a = l2 == null ? void 0 : l2.modelValue) == null ? void 0 : _a.value) === a2.value;
-  }), h2 = b(), f2 = o(() => {
+  }), h2 = b(), k2 = o(() => {
     var _a;
     return ((_a = l2 == null ? void 0 : l2.disabled) == null ? void 0 : _a.value) || h2.value;
   }), g2 = o(() => {
     var _a;
-    return !f2.value && ((_a = l2 == null ? void 0 : l2.hasError) == null ? void 0 : _a.value);
+    return !k2.value && ((_a = l2 == null ? void 0 : l2.hasError) == null ? void 0 : _a.value);
   }), y2 = () => {
-    f2.value || (l2 == null ? void 0 : l2.handleSelect(a2.value));
+    k2.value || (l2 == null ? void 0 : l2.handleSelect(a2.value));
   };
-  return (e3, a3) => (s(), r("div", { class: c(["mc-radio", { "mc-radio-has-remark": !!e3.remark }]) }, [i("label", { class: c(["mc-radio-label", { "mc-radio-checked": v2.value, "mc-radio-disabled": f2.value, "mc-radio-error": g2.value }]), onClick: y2 }, [i("input", { type: "radio", class: "mc-radio-input", disabled: f2.value }, null, 8, V), a3[0] || (a3[0] = i("span", { class: "mc-radio-circle" }, null, -1)), i("div", S, [d(e3.$slots, "default", {}, () => [u(n(e3.label), 1)], true)]), e3.help || e3.$slots.help ? (s(), r("div", $, [d(e3.$slots, "help", {}, () => [p(k, { content: e3.help, "icon-size": 24 }, null, 8, ["content"])], true)])) : m("", true)], 2), i("div", B, [d(e3.$slots, "remark", {}, () => [u(n(e3.remark), 1)], true)])], 2));
-} }), [["__scopeId", "data-v-cc9e26bd"]]), j = f(y), I = f(M);
+  return (e3, a3) => (s(), r("div", { class: c(["mc-radio", { "mc-radio-has-remark": !!e3.remark }]) }, [i("label", { class: c(["mc-radio-label", { "mc-radio-checked": v2.value, "mc-radio-disabled": k2.value, "mc-radio-error": g2.value }]), onClick: y2 }, [i("input", { type: "radio", class: "mc-radio-input", disabled: k2.value }, null, 8, V), a3[0] || (a3[0] = i("span", { class: "mc-radio-circle" }, null, -1)), i("div", S, [d(e3.$slots, "default", {}, () => [u(n(e3.label), 1)], true)]), e3.help || e3.$slots.help ? (s(), r("div", $, [d(e3.$slots, "help", {}, () => [p(_, { content: e3.help, "icon-size": 24 }, null, 8, ["content"])], true)])) : m("", true)], 2), i("div", B, [d(e3.$slots, "remark", {}, () => [u(n(e3.remark), 1)], true)])], 2));
+} }), [["__scopeId", "data-v-cc9e26bd"]]), j = k(y), I = k(M);
 export {
   I as M,
   j as a

package/dist/es/{mc-select-v0mUBb6b.js → mc-select-DiqALSF2.js}

@@ -1,13 +1,13 @@
 import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as o, openBlock as u, normalizeStyle as c, normalizeClass as d, unref as r, createElementVNode as i, createVNode as v, createCommentVNode as n, createBlock as m, resolveDynamicComponent as p, Fragment as h, renderList as f, withCtx as g, createTextVNode as _, toDisplayString as y, withDirectives as w, vModelText as V, Transition as b, renderSlot as k, vShow as x, inject as S, useSlots as j, onMounted as M, onBeforeUnmount as O, h as B, toRefs as R, useAttrs as C, toValue as A } from "vue";
-import { b as I, d as $ } from "./hooks-9tiUvCeE.js";
-import { a as z, u as D } from "./mc-form-D8Wqhwjk.js";
-import { u as F } from "./mc-input-saIYNHWc.js";
+import { d as I, f as $ } from "./hooks-DQBM4MPn.js";
+import { a as z, u as D } from "./mc-form-B385pPPT.js";
+import { u as F } from "./mc-input-CgplNojs.js";
 import { M as N } from "./mc-icon-D3S6pb2m.js";
-import { M as G } from "./mc-button-Ba7DDZG9.js";
-import { _ as P } from "./mc-tag-DE_oW4QS.js";
-import { M as T } from "./mc-checkbox-DFbu_OiJ.js";
-import { M as U } from "./mc-title-B6Hvo9y-.js";
-import { M as q } from "./mc-footer-D-q92WeC.js";
+import { M as q } from "./mc-button-Ba7DDZG9.js";
+import { _ as G } from "./mc-tag-DE_oW4QS.js";
+import { M as P } from "./mc-checkbox-5wE4IPwp.js";
+import { M as T } from "./mc-title-B6Hvo9y-.js";
+import { M as U } from "./mc-footer-D-q92WeC.js";
 import { e as W, v as E, q as H, f as J, m as K, a as L } from "./vendor-CF1nicIl.js";
 import { _ as Q, w as X } from "./utils-BmNJhgNi.js";
 const Y = Symbol("selectContext"), Z = Symbol("selectGroupContext"), ee = { key: 0, class: "mc-select-selected-content" }, le = ["placeholder", "readonly", "disabled"], ae = { class: "mc-select-dropdown-header-content" }, te = { class: "mc-select-dropdown-content" }, se = { class: "mc-select-dropdown" }, oe = { key: 0, class: "mc-select-no-data" }, ue = Q(e({ name: "McSelect", __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, multiple: { type: Boolean, default: false }, width: {}, height: {}, search: { type: Boolean }, allowReset: { type: Boolean, default: true }, allowSelectAll: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: S2 }) {
@@ -31,7 +31,7 @@ const Y = Symbol("selectContext"), Z = Symbol("selectGroupContext"), ee = { key:
       default:
         return "";
     }
-  }), ke = a(() => "error" === be.value), xe = a(() => "success" === be.value), Se = a(() => !C2.value && (ke.value || xe.value) && !Ne.value && !Ge.value);
+  }), ke = a(() => "error" === be.value), xe = a(() => "success" === be.value), Se = a(() => !C2.value && (ke.value || xe.value) && !Ne.value && !qe.value);
   let je = [];
   const Me = () => {
     M2("update:modelValue", [...je]), M2("change", [...je]);
@@ -62,23 +62,21 @@ const Y = Symbol("selectContext"), Z = Symbol("selectGroupContext"), ee = { key:
       const l2 = [...j2.modelValue];
       L(l2, e4.value) ? l2.splice(l2.indexOf(e4.value), 1) : l2.push(e4.value), M2("update:modelValue", l2);
     })(e3) : ((e4) => {
-      me2.value = false;
-      const l2 = j2.modelValue === e4.value ? void 0 : e4.value;
-      M2("update:modelValue", l2), M2("change", l2);
+      me2.value = false, M2("update:modelValue", e4.value), M2("change", e4.value);
     })(e3);
   }, removeOption: (e3) => {
     X2.value = X2.value.filter((l2) => l2.value !== e3.value);
   }, addOption: (e3) => {
     X2.value.push(e3);
   } });
-  const { isPrefix: Ne, isSuffix: Ge } = F("select");
-  return (e3, l2) => (u(), o("div", { class: d(["mc-select", [me2.value && !r(C2) ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": r(C2), "mc-input-focused": r(ce2), [`mc-select--${be.value}`]: be.value, "mc-select--input-group-prefix": r(Ne), "mc-select--input-group-suffix": r(Ge), "mc-select--hover": $e.value }]]), ref_key: "wrapperRef", ref: ue2, style: c(Ie.value), onMouseenter: l2[4] || (l2[4] = (e4) => $e.value = true), onMouseleave: l2[5] || (l2[5] = (e4) => $e.value = false) }, [i("div", { class: "mc-select-trigger", onClick: pe2, ref_key: "triggerRef", ref: R2 }, [ge.value.length && !Ae.value ? (u(), o("div", ee, [A2.value ? (u(), o("div", { key: 1, class: "mc-select-multi-wrapper", ref_key: "tagsWrapperRef", ref: B2 }, [(u(true), o(h, null, f(ye.value, (e4) => (u(), m(P, { key: e4.value, size: "x-small", type: "selectable", emphasis: we.value, disabled: r(C2), onDelete: (l3) => ((e5) => {
+  const { isPrefix: Ne, isSuffix: qe } = F("select");
+  return (e3, l2) => (u(), o("div", { class: d(["mc-select", [me2.value && !r(C2) ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": r(C2), "mc-input-focused": r(ce2) && e3.search, [`mc-select--${be.value}`]: be.value, "mc-select--input-group-prefix": r(Ne), "mc-select--input-group-suffix": r(qe), "mc-select--hover": $e.value }]]), ref_key: "wrapperRef", ref: ue2, style: c(Ie.value), onMouseenter: l2[4] || (l2[4] = (e4) => $e.value = true), onMouseleave: l2[5] || (l2[5] = (e4) => $e.value = false) }, [i("div", { class: "mc-select-trigger", onClick: pe2, ref_key: "triggerRef", ref: R2 }, [ge.value.length && !Ae.value ? (u(), o("div", ee, [A2.value ? (u(), o("div", { key: 1, class: "mc-select-multi-wrapper", ref_key: "tagsWrapperRef", ref: B2 }, [(u(true), o(h, null, f(ye.value, (e4) => (u(), m(G, { key: e4.value, size: "x-small", type: "selectable", emphasis: we.value, disabled: r(C2), onDelete: (l3) => ((e5) => {
     if (Q2(j2.modelValue)) {
       const l4 = [...j2.modelValue];
       l4.splice(l4.indexOf(e5.value), 1), M2("update:modelValue", l4);
     }
-  })(e4) }, { default: g(() => [_(y(e4.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (u(), m(p(_e.value._vnode), { key: _e.value.value }))])) : n("", true), i("div", { class: d(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": Ae.value || Be.value }]) }, [w(i("input", { class: d(["mc-select-input", { "mc-select-input-readonly": !e3.search }]), ref_key: "inputRef", ref: O2, type: "text", placeholder: Be.value ? e3.placeholder : "", "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => Re.value = e4), onInput: Ce, onFocus: l2[1] || (l2[1] = (...e4) => r(de2) && r(de2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => r(re2) && r(re2)(...e4)), readonly: !e3.search, disabled: r(C2) }, null, 42, le), [[V, Re.value]])], 2), Se.value ? (u(), o("div", { key: 1, class: d(["mc-select__status", [ke.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [v(N, { name: ke.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : n("", true), i("div", { class: d(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": me2.value && !r(C2) }]) }, [v(N, { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), v(b, { name: "mc-select-dropdown-transition" }, { default: g(() => [w(i("div", { class: "mc-select-dropdown-wrapper", style: c({ paddingTop: ve2.value ? "40px" : "0", paddingBottom: ne2.value ? "48px" : "0" }) }, [ve2.value ? (u(), m(U, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [i("div", ae, [v(T, { modelValue: ze.value, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => ze.value = e4), content: "Select All", "form-validate": false, partial: De.value, onChange: Fe }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : n("", true), i("div", te, [i("div", se, [k(e3.$slots, "default", {}, void 0, true), ie2.value ? (u(), o("div", oe, [k(e3.$slots, "empty", {}, () => [l2[6] || (l2[6] = _("No data"))], true)])) : n("", true)])]), ne2.value ? (u(), m(q, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [v(G, { type: "link", size: "small", onClick: Me }, { default: g(() => l2[7] || (l2[7] = [_(" Reset ")])), _: 1 }), v(G, { type: "plain", size: "small", onClick: Oe }, { default: g(() => l2[8] || (l2[8] = [_(" Apply ")])), _: 1 })]), _: 1 })) : n("", true)], 4), [[x, me2.value && !r(C2)]])]), _: 3 })], 38));
-} }), [["__scopeId", "data-v-4450571c"]]), ce = { class: "mc-select-option-content" }, de = Q(e({ name: "McSelectOption", __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: t2 }) {
+  })(e4) }, { default: g(() => [_(y(e4.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (u(), m(p(_e.value._vnode), { key: _e.value.value }))])) : n("", true), i("div", { class: d(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": Ae.value || Be.value }]) }, [w(i("input", { class: d(["mc-select-input", { "mc-select-input-readonly": !e3.search }]), ref_key: "inputRef", ref: O2, type: "text", placeholder: Be.value ? e3.placeholder : "", "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => Re.value = e4), onInput: Ce, onFocus: l2[1] || (l2[1] = (...e4) => r(de2) && r(de2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => r(re2) && r(re2)(...e4)), readonly: !e3.search, disabled: r(C2) }, null, 42, le), [[V, Re.value]])], 2), Se.value ? (u(), o("div", { key: 1, class: d(["mc-select__status", [ke.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [v(N, { name: ke.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : n("", true), i("div", { class: d(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": me2.value && !r(C2) }]) }, [v(N, { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), v(b, { name: "mc-select-dropdown-transition" }, { default: g(() => [w(i("div", { class: "mc-select-dropdown-wrapper", style: c({ paddingTop: ve2.value ? "40px" : "0", paddingBottom: ne2.value ? "48px" : "0" }) }, [ve2.value ? (u(), m(T, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [i("div", ae, [v(P, { modelValue: ze.value, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => ze.value = e4), content: "Select All", "form-validate": false, partial: De.value, onChange: Fe }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : n("", true), i("div", te, [i("div", se, [k(e3.$slots, "default", {}, void 0, true), ie2.value ? (u(), o("div", oe, [k(e3.$slots, "empty", {}, () => [l2[6] || (l2[6] = _("No data"))], true)])) : n("", true)])]), ne2.value ? (u(), m(U, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [v(q, { type: "link", size: "small", onClick: Me }, { default: g(() => l2[7] || (l2[7] = [_(" Reset ")])), _: 1 }), v(q, { type: "plain", size: "small", onClick: Oe }, { default: g(() => l2[8] || (l2[8] = [_(" Apply ")])), _: 1 })]), _: 1 })) : n("", true)], 4), [[x, me2.value && !r(C2)]])]), _: 3 })], 38));
+} }), [["__scopeId", "data-v-9db85e1f"]]), ce = { class: "mc-select-option-content" }, de = Q(e({ name: "McSelectOption", __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: t2 }) {
   const s2 = l(), r2 = e2, v2 = S(Y, void 0), m2 = S(Z, void 0), p2 = a(() => v2 == null ? void 0 : v2.selectValues.value.includes(r2.value)), h2 = a(() => !!(v2 == null ? void 0 : v2.filterOptions.value.some((e3) => e3.value === r2.value))), f2 = j(), g2 = () => {
     v2 == null ? void 0 : v2.handleSelect(w2(r2));
   };

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

@@ -0,0 +1,119 @@
+import { defineComponent as e, computed as t, ref as s, watch as l, onMounted as c, nextTick as a, createElementBlock as m, openBlock as n, normalizeClass as i, createElementVNode as o, createCommentVNode as u, Fragment as p, renderList as d, createBlock as v, toDisplayString as r, resolveDynamicComponent as y, provide as f, renderSlot as h, inject as b, onBeforeUnmount as g, normalizeStyle as k, createTextVNode as S } from "vue";
+import { M as _ } from "./mc-success-icon-BpxyU5y9.js";
+import { e as C, b as w } from "./hooks-DQBM4MPn.js";
+import { w as x, x as B, t as I, b as V, e as R } from "./vendor-CF1nicIl.js";
+import { _ as $, w as M } from "./utils-BmNJhgNi.js";
+import { M as j } from "./mc-icon-D3S6pb2m.js";
+const q = { class: "mc-step-number-container" }, A = { class: "mc-step-item-number" }, H = { key: 0, class: "mc-step-item-number-text" }, L = { class: "mc-step-item-content" }, z = { key: 0, class: "mc-step-item-content-title" }, D = { class: "mc-step-item-label" }, E = { class: "mc-step-item-desc" }, F = { key: 1, class: "mc-step-item-component" }, G = { key: 0, class: "mc-step-item-component" }, J = M($(e({ name: "McStep", __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: f2, emit: h2 }) {
+  const b2 = e2, g2 = t(() => "vertical" === b2.type), k2 = h2, S2 = s(), w2 = s(), V2 = s(), R2 = s(), $2 = t(() => x(b2.steps, (e3) => e3.key === b2.modelValue)), M2 = t(() => {
+    var _a;
+    return (_a = b2.steps[$2.value - 1]) == null ? void 0 : _a.key;
+  });
+  l(() => b2.modelValue, (e3) => {
+    J2(), k2("change", e3);
+  }, { flush: "post" });
+  const j2 = s(), J2 = (e3 = M2.value) => {
+    j2.value = e3, k2("success", e3);
+  }, K2 = t(() => x(b2.steps, (e3) => e3.key === j2.value));
+  c(() => {
+    g2.value ? N2() : (O2(), P2()), J2();
+  });
+  const N2 = async () => {
+    await a();
+    const e3 = K2.value, t2 = R2.value;
+    if (e3 < 0) return void (t2.style.height = "0");
+    const s2 = w2.value, l2 = s2.querySelectorAll(".mc-step-item");
+    if (e3 + 1 > l2.length - 1) return void (t2.style.height = "100%");
+    const c2 = l2 == null ? void 0 : l2[e3 + 1], m2 = s2.getBoundingClientRect(), n2 = (c2.getBoundingClientRect().top - m2.top) / (m2.height - 24);
+    t2.style.height = 100 * n2 + "%";
+  }, O2 = () => {
+    var _a, _b;
+    const e3 = w2.value, t2 = V2.value, s2 = e3.querySelectorAll(".mc-step-item"), l2 = (_a = s2 == null ? void 0 : s2[0]) == null ? void 0 : _a.querySelector(".mc-step-item-number"), c2 = (_b = s2 == null ? void 0 : s2[s2.length - 1]) == null ? void 0 : _b.querySelector(".mc-step-item-number");
+    if (!l2 || !c2) return void (t2.style.width = "0px");
+    const a2 = e3.getBoundingClientRect(), m2 = l2.getBoundingClientRect(), n2 = c2.getBoundingClientRect();
+    t2.style.width = n2.left - m2.left - m2.width + "px", t2.style.left = `${m2.left - a2.left + m2.width}px`;
+  }, P2 = () => {
+    const e3 = R2.value, t2 = K2.value;
+    if (t2 < 0) return void (e3.style.width = "0");
+    const s2 = (t2 + 1) / (b2.steps.length - 1), l2 = s2 > 1 ? 1 : s2;
+    e3.style.width = 100 * l2 + "%";
+  }, Q2 = (e3) => g2.value && e3.component && e3.key === b2.modelValue, T2 = t(() => {
+    var _a;
+    return !g2.value && ((_a = B(b2.steps, (e3) => e3.key === b2.modelValue)) == null ? void 0 : _a.component);
+  });
+  return l(() => j2.value, () => {
+    g2.value ? N2() : P2();
+  }), C(I(() => {
+    g2.value ? N2() : (O2(), P2());
+  }, 50)), f2({ ref: S2, setSuccessStep: J2 }), (e3, t2) => (n(), m("div", { class: i(["mc-step", `mc-step-${e3.type}`]), ref_key: "_ref", ref: S2 }, [o("ul", { class: "mc-step-item-container", ref_key: "stepContainerRef", ref: w2 }, [(n(true), m(p, null, d(e3.steps, (t3, s2) => (n(), m("li", { class: i(["mc-step-item", { "mc-step-item-active": e3.modelValue === t3.key, "mc-step-item-disabled": t3.disabled, "mc-step-item-success": s2 <= K2.value }]), key: t3.key }, [o("div", q, [o("div", A, [s2 > K2.value || t3.disabled ? (n(), m("span", H, r(s2 + 1), 1)) : (n(), v(_, { key: 1 }))])]), o("div", L, [t3.label || t3.desc ? (n(), m("div", z, [o("h3", D, r(t3.label), 1), o("p", E, r(t3.desc), 1)])) : u("", true), Q2(t3) ? (n(), m("div", F, [(n(), v(y(t3.component)))])) : u("", true)])], 2))), 128)), o("div", { ref_key: "unsuccessLineRef", ref: V2, class: "mc-step-line mc-step-unsuccess-line" }, [o("div", { ref_key: "successLineRef", ref: R2, class: "mc-step-success-line" }, null, 512)], 512)], 512), T2.value ? (n(), m("div", G, [(n(), v(y(T2.value)))])) : u("", true)], 2));
+} }), [["__scopeId", "data-v-3e1df60e"]])), K = Symbol("StepV2Context"), N = Symbol("StepItemV2Context"), O = { class: "mc-step-v2" }, P = e({ name: "McStepV2", __name: "mc-step-v2", props: { modelValue: {}, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean, default: false } }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2 }) {
+  const i2 = e2, o2 = s([]), u2 = s(-1), p2 = (e3) => {
+    e3 > -1 ? e3 > o2.value.length - 1 ? u2.value = o2.value.length - 1 : u2.value = e3 : u2.value = -1;
+  }, d2 = () => {
+    const e3 = x(o2.value, (e4) => e4.name === i2.modelValue);
+    p2(e3 - 1);
+  };
+  return c(() => {
+    d2();
+  }), l(() => i2.modelValue, () => {
+    d2();
+  }, { flush: "post" }), f(K, { successStepIndex: u2, activeStep: t(() => i2.modelValue), succeed: t(() => i2.succeed), showContent: t(() => i2.showContent), stepItems: o2.value, addStepItem: (e3) => {
+    o2.value.push(e3);
+  }, removeStepItem: (e3) => {
+    const t2 = x(o2.value, (t3) => t3.name === e3.name);
+    t2 > -1 && o2.value.splice(t2, 1);
+  } }), a2({ setSuccessIndex: p2, setSuccessStep: (e3) => {
+    const t2 = x(o2.value, (t3) => t3.name === e3);
+    p2(t2);
+  } }), (e3, t2) => (n(), m("div", O, [h(e3.$slots, "default")]));
+} }), Q = { class: "mc-step-item-step-bar-number" }, T = { key: 0, class: "mc-step-item-step-bar-number-text" }, U = { key: 0, class: "mc-step-item-label" }, W = { class: "mc-step-item-label-title" }, X = { class: "mc-step-item-label-desc" }, Y = { key: 1, class: "mc-step-item-slot" }, Z = $(e({ name: "McStepItemV2", __name: "mc-step-item-v2", props: { icon: {}, minHeight: { default: "64px" }, name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean, default: false } }, setup(e2) {
+  const a2 = e2, p2 = s(), d2 = s(), y2 = b(K);
+  c(() => {
+    y2 == null ? void 0 : y2.addStepItem(a2);
+  }), g(() => {
+    y2 == null ? void 0 : y2.removeStepItem(a2);
+  });
+  const C2 = t(() => V(y2 == null ? void 0 : y2.stepItems, a2)), x2 = t(() => {
+    var _a;
+    return ((_a = y2 == null ? void 0 : y2.activeStep) == null ? void 0 : _a.value) === a2.name;
+  }), B2 = t(() => {
+    var _a;
+    return ((_a = y2 == null ? void 0 : y2.showContent) == null ? void 0 : _a.value) || a2.showContent || x2.value;
+  }), I2 = t(() => {
+    var _a, _b, _c;
+    return R((_a = y2 == null ? void 0 : y2.succeed) == null ? void 0 : _a.value) ? R(a2.succeed) ? (((_b = y2 == null ? void 0 : y2.successStepIndex) == null ? void 0 : _b.value) ?? -1) >= C2.value : a2.succeed : (_c = y2 == null ? void 0 : y2.succeed) == null ? void 0 : _c.value;
+  }), $2 = t(() => {
+    var _a;
+    return ((_a = y2 == null ? void 0 : y2.stepItems) == null ? void 0 : _a.length) === C2.value + 1;
+  });
+  w(p2, () => {
+    if ($2.value && p2.value && d2.value) {
+      const e3 = Array.from(p2.value.querySelectorAll(".mc-step-child-item-v2") ?? []);
+      if (e3.length > 0) {
+        const t2 = e3[e3.length - 1], { top: s2 } = t2.getBoundingClientRect(), { top: l2 } = d2.value.getBoundingClientRect();
+        M2(s2 - l2 + 4);
+      } else M2(40);
+    }
+  });
+  const M2 = (e3) => {
+    d2.value && e3 && (d2.value.style.height = "number" == typeof e3 ? `${e3}px` : e3);
+  };
+  return l($2, (e3) => {
+    M2(e3 ? 40 : "auto");
+  }), f(N, { succeed: t(() => I2.value), actived: t(() => x2.value) }), (e3, t2) => (n(), m("div", { class: i(["mc-step-item-v2", { "mc-step-item-actived": x2.value, "mc-step-item-success": I2.value }]), style: k({ minHeight: e3.minHeight }) }, [o("div", { class: "mc-step-item-step-bar", ref_key: "stepBarRef", ref: d2 }, [o("div", Q, [I2.value ? (n(), v(_, { key: 1, class: "mc-step-item-step-bar-success-icon" })) : (n(), m("div", T, [e3.icon ? (n(), v(j, { key: 0, name: e3.icon, class: "mc-step-item-step-bar-icon" }, null, 8, ["name"])) : h(e3.$slots, "step-number", { key: 1 }, () => [S(r(C2.value + 1), 1)], true)]))])], 512), o("div", { class: "mc-step-item-content", ref_key: "contentRef", ref: p2 }, [e3.label || e3.desc ? (n(), m("div", U, [h(e3.$slots, "label", {}, () => [o("span", W, r(e3.label), 1)], true), h(e3.$slots, "desc", {}, () => [o("p", X, r(e3.desc), 1)], true)])) : u("", true), B2.value ? (n(), m("div", Y, [h(e3.$slots, "default", {}, void 0, true)])) : u("", true)], 512)], 6));
+} }), [["__scopeId", "data-v-fe6fb14d"]]), ee = { class: "mc-step-child-item-content" }, te = { key: 0, class: "mc-step-child-item-label" }, se = { class: "mc-step-child-item-label-title" }, le = { class: "mc-step-child-item-label-desc" }, ce = { key: 1, class: "mc-step-child-item-slot" }, ae = $(e({ name: "McStepChildItemV2", __name: "mc-step-child-item-v2", props: { name: {}, label: {}, desc: {}, disabled: { type: Boolean }, succeed: { type: Boolean, default: void 0 }, showContent: { type: Boolean } }, setup(e2) {
+  const s2 = e2, l2 = b(N), c2 = t(() => {
+    var _a;
+    return (_a = l2 == null ? void 0 : l2.actived) == null ? void 0 : _a.value;
+  }), a2 = t(() => {
+    var _a, _b;
+    return ((_a = l2 == null ? void 0 : l2.succeed) == null ? void 0 : _a.value) ? (_b = l2 == null ? void 0 : l2.succeed) == null ? void 0 : _b.value : s2.succeed;
+  });
+  return (e3, t2) => (n(), m("div", { class: i(["mc-step-child-item-v2", { "mc-step-child-item-actived": c2.value, "mc-step-child-item-success": a2.value }]) }, [o("div", ee, [e3.label || e3.desc ? (n(), m("div", te, [o("span", se, r(e3.label), 1), o("p", le, r(e3.desc), 1)])) : u("", true), e3.$slots.default ? (n(), m("div", ce, [h(e3.$slots, "default", {}, void 0, true)])) : u("", true)])], 2));
+} }), [["__scopeId", "data-v-dbb161eb"]]), me = M(P), ne = M(Z), ie = M(ae);
+export {
+  J as M,
+  me as a,
+  ne as b,
+  ie as c
+};