mc-plus 1.0.44 → 1.0.45

package/dist/es/index.js

@@ -1,55 +1,57 @@
 import { p as s, m } from "./utils-BAYTZ2S4.js";
-import { M as o, a as r, b as p } from "./mc-tab-DutWUMQQ.js";
-import { u, c, d } from "./mc-tab-DutWUMQQ.js";
-import { M as i } from "./mc-collapse-BqK33zh_.js";
-import { a } from "./mc-collapse-BqK33zh_.js";
-import { a as f, b as j } from "./mc-input-B9iWjZdV.js";
-import { M as e, a as l } from "./mc-radio-2WyzhDJ2.js";
-import { M, a as b, b as n, c as x, d as g, e as h, f as w } from "./mc-select-CrEpo1yo.js";
-import { a as v } from "./mc-button-b4kqRzGK.js";
-import { a as k, b as S } from "./mc-checkbox-DQP22ClS.js";
-import { M as T, c as q } from "./mc-form-CvzqRvTP.js";
-import { a as y } from "./mc-icon-CYzmEIt1.js";
-import { a as C } from "./mc-success-icon-B6bi3uU5.js";
-import { a as I, b as P } from "./mc-title-B7CRDymz.js";
-import { a as z } from "./mc-footer-CBzHShc_.js";
-import { a as A } from "./mc-modal-header-ITzlDJiH.js";
-import { M as B } from "./mc-drawer-CZJMSWus.js";
-import { M as D } from "./mc-reset-C3QHeiH5.js";
-import { M as E } from "./mc-divider-D36guOcH.js";
-import { M as F } from "./mc-lightbox-7nJhd796.js";
-import { M as G, a as H } from "./mc-upload-CCZfaQJS.js";
-import { a as J } from "./mc-popper-B0n6synH.js";
-import { a as K } from "./mc-tooltip-C4X4YzTB.js";
-import { a as L } from "./mc-tag-CTYC-QDg.js";
-import { M as N } from "./mc-status-BrmOh_H6.js";
-import { M as O } from "./mc-switch-BxqWe5pv.js";
-import { M as Q, a as R, b as U, c as V } from "./mc-step-GGyqZsVQ.js";
-import { M as W } from "./mc-alert-message-BZpbb5sv.js";
-import { M as X } from "./mc-currency-icon-BdFaf9p_.js";
-import { M as Y } from "./mc-toast-C_gbineP.js";
-import { t } from "./mc-toast-C_gbineP.js";
-import { M as Z } from "./mc-otp-BC2uE9E4.js";
-import { M as $ } from "./mc-count-OGgq1Ahg.js";
-const _ = [v, i, o, e, l, M, b, n, k, S, Y, T, q, f, j, y, C, I, z, P, A, B, r, p, D, E, F, G, H, J, K, L, N, O, Q, R, U, V, W, X, Z, x, g, h, w, $];
+import { M as o, a as r, b as p } from "./mc-tab-D__5HGiw.js";
+import { u, c, d } from "./mc-tab-D__5HGiw.js";
+import { M as i } from "./mc-collapse-CuwnM1Rg.js";
+import { a } from "./mc-collapse-CuwnM1Rg.js";
+import { a as f, b as j } from "./mc-input-BSIRw_tD.js";
+import { M as e, a as l } from "./mc-radio-CfgR100w.js";
+import { M, a as b, b as n, c as x, d as h, e as g, f as w } from "./mc-select-Da0ahcnF.js";
+import { a as y } from "./mc-button-CampFLJM.js";
+import { a as k, b as v } from "./mc-checkbox-BE6z-oTd.js";
+import { M as S, c as T } from "./mc-form-BVetW0D3.js";
+import { a as q } from "./mc-icon-Bn35tPxY.js";
+import { a as C } from "./mc-success-icon-dQfCW1VX.js";
+import { a as I, b as P } from "./mc-title-DUmPOcab.js";
+import { a as z } from "./mc-footer-Dz_LkIr1.js";
+import { a as A } from "./mc-modal-header-DA2psuc8.js";
+import { M as B } from "./mc-drawer-Cy0sTuBS.js";
+import { M as D } from "./mc-reset-BsjrNbuL.js";
+import { M as E } from "./mc-divider-Dh3EqrWH.js";
+import { M as F } from "./mc-lightbox-CzbLLoGX.js";
+import { M as G, a as H } from "./mc-upload-CAqNHpvM.js";
+import { a as J } from "./mc-popper-DyzLa9K-.js";
+import { a as K } from "./mc-tooltip-ED9vAtDV.js";
+import { a as L } from "./mc-tag-Cb887jRZ.js";
+import { M as N } from "./mc-status-CuUPFNRd.js";
+import { M as O } from "./mc-switch-Cx4P82Lg.js";
+import { M as Q, a as R, b as U, c as V } from "./mc-step-3CY4Kf9_.js";
+import { M as W } from "./mc-alert-message-k3WbJimg.js";
+import { M as X } from "./mc-currency-icon-BaeyUVW6.js";
+import { M as Y } from "./mc-toast-CtcdFS_6.js";
+import { t } from "./mc-toast-CtcdFS_6.js";
+import { M as Z } from "./mc-otp-CtbAqsbO.js";
+import { M as $ } from "./mc-count-D2iCTiNY.js";
+import { M as _ } from "./mc-copy-3Xzfbgzj.js";
+const ss = [y, i, o, e, l, M, b, n, k, v, Y, S, T, f, j, q, C, I, z, P, A, B, r, p, D, E, F, G, H, J, K, L, N, O, Q, R, U, V, W, X, Z, x, h, g, w, $, _];
 s();
-const ss = m(_);
+const ms = m(ss);
 export {
   W as McAlertMessage,
-  v as McButton,
+  y as McButton,
   k as McCheckbox,
-  S as McCheckboxGroup,
+  v as McCheckboxGroup,
   i as McCollapse,
   a as McCollapseItem,
+  _ as McCopy,
   $ as McCount,
   X as McCurrencyIcon,
   E as McDivider,
   B as McDrawer,
   H as McFileList,
   z as McFooter,
-  T as McForm,
-  q as McFormItem,
-  y as McIcon,
+  S as McForm,
+  T as McFormItem,
+  q as McIcon,
   f as McInput,
   j as McInputGroup,
   F as McLightbox,
@@ -61,10 +63,10 @@ export {
   D as McReset,
   M as McSelect,
   b as McSelectGroup,
-  h as McSelectGroupPlus,
+  g as McSelectGroupPlus,
   w as McSelectMultiOption,
   n as McSelectOption,
-  g as McSelectOptionPlus,
+  h as McSelectOptionPlus,
   x as McSelectPlus,
   N as McStatus,
   Q as McStep,
@@ -82,7 +84,7 @@ export {
   Y as McToast,
   K as McTooltip,
   G as McUpload,
-  ss as default,
+  ms as default,
   t as toast,
   u as usePagination,
   c as useTableScroll,

package/dist/es/{mc-alert-message-BZpbb5sv.js → mc-alert-message-k3WbJimg.js}

@@ -1,7 +1,7 @@
 import { defineComponent as e, ref as a, useSlots as s, computed as t, createElementBlock as l, openBlock as o, normalizeStyle as c, normalizeClass as n, createElementVNode as r, createCommentVNode as i, renderSlot as m, createVNode as d, createTextVNode as u, toDisplayString as p, createBlock as g, withModifiers as v, Transition as f, withCtx as y } from "vue";
-import { M as h } from "./mc-icon-CYzmEIt1.js";
+import { M as h } from "./mc-icon-Bn35tPxY.js";
 import { _ as x, w as _ } from "./utils-BAYTZ2S4.js";
-const k = { class: "mc-alert-message-header" }, b = { class: "mc-alert-message-title-container" }, w = { key: 0, class: "mc-alert-message-icon-group" }, z = { class: "mc-alert-message-icon-wrapper" }, B = { class: "mc-alert-message-icon-wrapper" }, C = { key: 0, class: "mc-alert-message-body" }, I = _(x(e({ name: "McAlertMessage", __name: "mc-alert-message", props: { modelValue: { type: Boolean, default: true }, width: {}, height: {}, type: { default: "info" }, message: {}, content: {}, closable: { type: Boolean, default: false }, hideIcon: { type: Boolean, default: false }, expandable: { type: Boolean, default: false } }, emits: ["click", "close", "update:modelValue", "expand"], setup(e2, { expose: x2, emit: _2 }) {
+const b = { class: "mc-alert-message-header" }, k = { class: "mc-alert-message-title-container" }, w = { key: 0, class: "mc-alert-message-icon-group" }, z = { class: "mc-alert-message-icon-wrapper" }, B = { class: "mc-alert-message-icon-wrapper" }, C = { key: 0, class: "mc-alert-message-body" }, I = _(x(e({ name: "McAlertMessage", __name: "mc-alert-message", props: { modelValue: { type: Boolean, default: true }, width: {}, height: {}, type: { default: "info" }, message: {}, content: {}, closable: { type: Boolean, default: false }, hideIcon: { type: Boolean, default: false }, expandable: { type: Boolean, default: false } }, emits: ["click", "close", "update:modelValue", "expand"], setup(e2, { expose: x2, emit: _2 }) {
   const I2 = e2, M = _2, $ = a(), V = s(), j = t(() => I2.content || V.content), A = t(() => H.value || V.icon), E = a(false), D = t(() => !I2.expandable || E.value), H = t(() => {
     if (!I2.hideIcon) switch (I2.type) {
       case "success":
@@ -24,8 +24,8 @@ const k = { class: "mc-alert-message-header" }, b = { class: "mc-alert-message-t
     E.value = true;
   }, hide: () => {
     E.value = false;
-  } }), (e3, a2) => (o(), l("div", { ref_key: "_ref", ref: $, class: n(["mc-alert-message", [`mc-alert-message-${e3.type}`]]), style: c({ width: e3.width, height: e3.height, cursor: e3.expandable ? "pointer" : "default" }), onClick: S }, [r("div", k, [r("div", b, [A.value ? (o(), l("div", { key: 0, class: "mc-alert-message-icon", style: c({ height: j.value ? "30px" : "24px" }) }, [m(e3.$slots, "icon", {}, () => [d(h, { name: H.value, size: 24 }, null, 8, ["name"])], true)], 4)) : i("", true), r("div", { class: "mc-alert-message-title", style: c({ fontSize: j.value ? "18px" : "16px", fontWeight: j.value ? "600" : "400", lineHeight: j.value ? "30px" : "24px" }) }, [m(e3.$slots, "default", {}, () => [u(p(e3.message), 1)], true)], 4)]), e3.closable || e3.expandable ? (o(), l("div", w, [r("div", z, [e3.expandable ? (o(), g(h, { key: 0, name: "Down-Chevron", size: 24, class: "mc-alert-message-tool-icon mc-alert-message-tool-icon-expand", style: c({ transform: D.value ? "rotate(180deg)" : "rotate(0deg)" }) }, null, 8, ["style"])) : i("", true)]), r("div", B, [e3.closable ? (o(), g(h, { key: 0, name: "Cross", size: 24, class: "mc-alert-message-tool-icon mc-alert-message-tool-icon-close", onClick: v(L, ["stop"]) })) : i("", true)])])) : i("", true)]), j.value ? (o(), l("div", C, [d(f, { name: "mc-alert-message-content-transition" }, { default: y(() => [D.value ? (o(), l("div", { key: 0, class: "mc-alert-message-content", style: c({ paddingLeft: A.value ? "48px" : "16px" }) }, [m(e3.$slots, "content", {}, () => [u(p(e3.content), 1)], true)], 4)) : i("", true)]), _: 3 })])) : i("", true)], 6));
-} }), [["__scopeId", "data-v-831d8a79"]]));
+  } }), (e3, a2) => (o(), l("div", { ref_key: "_ref", ref: $, class: n(["mc-alert-message", [`mc-alert-message-${e3.type}`]]), style: c({ width: e3.width, height: e3.height, cursor: e3.expandable ? "pointer" : "default" }), onClick: S }, [r("div", b, [r("div", k, [A.value ? (o(), l("div", { key: 0, class: "mc-alert-message-icon", style: c({ height: j.value ? "30px" : "24px" }) }, [m(e3.$slots, "icon", {}, () => [d(h, { name: H.value, size: 24 }, null, 8, ["name"])], true)], 4)) : i("", true), r("div", { class: "mc-alert-message-title", style: c({ fontSize: j.value ? "18px" : "16px", fontWeight: j.value ? "600" : "400", lineHeight: j.value ? "30px" : "24px" }) }, [m(e3.$slots, "default", {}, () => [u(p(e3.message), 1)], true)], 4)]), e3.closable || e3.expandable ? (o(), l("div", w, [r("div", z, [e3.expandable ? (o(), g(h, { key: 0, name: "Down-Chevron", size: 24, class: "mc-alert-message-tool-icon mc-alert-message-tool-icon-expand", style: c({ transform: D.value ? "rotate(180deg)" : "rotate(0deg)" }) }, null, 8, ["style"])) : i("", true)]), r("div", B, [e3.closable ? (o(), g(h, { key: 0, name: "Cross", size: 24, class: "mc-alert-message-tool-icon mc-alert-message-tool-icon-close", onClick: v(L, ["stop"]) })) : i("", true)])])) : i("", true)]), j.value ? (o(), l("div", C, [d(f, { name: "mc-alert-message-content-transition" }, { default: y(() => [D.value ? (o(), l("div", { key: 0, class: "mc-alert-message-content", style: c({ paddingLeft: A.value ? "48px" : "16px" }) }, [m(e3.$slots, "content", {}, () => [u(p(e3.content), 1)], true)], 4)) : i("", true)]), _: 3 })])) : i("", true)], 6));
+} }), [["__scopeId", "data-v-b2a3a627"]]));
 export {
   I as M
 };

package/dist/es/{mc-button-b4kqRzGK.js → mc-button-CampFLJM.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, toRefs as t, ref as o, useAttrs as a, computed as i, toValue as l, createElementBlock as n, openBlock as s, unref as d, normalizeClass as u, normalizeStyle as r, createBlock as c, createCommentVNode as m, createElementVNode as p, createVNode as v, renderSlot as f } from "vue";
-import { M as y } from "./mc-icon-CYzmEIt1.js";
+import { M as y } from "./mc-icon-Bn35tPxY.js";
 import { t as h } from "./vendor-BCQeFBhn.js";
 import { _ as b, w as g } from "./utils-BAYTZ2S4.js";
 const k = ["type", "disabled"], I = { key: 1, class: "loading-icon" }, _ = { class: "mc-button-text" }, w = b(e({ name: "McButton", __name: "mc-button", props: { type: { default: "primary" }, nativeType: { default: "button" }, size: { default: "medium" }, disabled: { type: Boolean }, loading: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 }, leftIcon: {}, rightIcon: {}, content: {}, height: {}, width: {} }, emits: ["click"], setup(e2, { expose: b2, emit: g2 }) {
@@ -7,7 +7,7 @@ const k = ["type", "disabled"], I = { key: 1, class: "loading-icon" }, _ = { cla
     z2.value || B.value || M("click", e3);
   }, q = h(L, T.value, { trailing: false });
   return b2({ ref: $ }), (e3, t2) => (s(), n("button", { ref_key: "_ref", ref: $, style: r(C.value), class: u(["mc-button", { [`mc-button--${e3.type}`]: e3.type, [`mc-button--${e3.size}`]: e3.size, "is-loading": d(z2), "is-disabled": d(B) }]), type: e3.nativeType, disabled: !(!d(B) && !d(z2)) || void 0, onClick: t2[0] || (t2[0] = (t3) => e3.useThrottle ? d(q)(t3) : L(t3)) }, [e3.leftIcon && !d(z2) ? (s(), c(y, { key: 0, name: e3.leftIcon }, null, 8, ["name"])) : m("", true), d(z2) && !d(B) ? (s(), n("span", I, [v(y, { name: "Loading", size: 16 })])) : m("", true), p("div", _, [f(e3.$slots, "default", {}, void 0, true)]), e3.rightIcon ? (s(), c(y, { key: 2, name: e3.rightIcon }, null, 8, ["name"])) : m("", true)], 14, k));
-} }), [["__scopeId", "data-v-22e63398"]]), z = g(w);
+} }), [["__scopeId", "data-v-5a3cd884"]]), z = g(w);
 export {
   w as M,
   z as a

package/dist/es/{mc-checkbox-DQP22ClS.js → mc-checkbox-BE6z-oTd.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-CvzqRvTP.js";
+import { u as p, a as i } from "./mc-form-BVetW0D3.js";
 import { a as h, b } from "./vendor-BCQeFBhn.js";
 import { _ as v, w as k } from "./utils-BAYTZ2S4.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 }) {
@@ -15,7 +15,7 @@ const x = Symbol("CheckboxGroupContext"), _ = ["value", "disabled"], f = { class
   return c(() => I2.value, () => {
     r2.formValidate && (v2 == null ? void 0 : v2.validate("change"));
   }), (e3, a2) => (t(), o("div", { class: u(["mc-checkbox", { "mc-checkbox--disabled": C2.value, "mc-checkbox--error": S2.value }]), style: s({ height: e3.remarks ? "40px" : "24px" }) }, [m("input", { type: "checkbox", class: "mc-checkbox__input", value: I2.value, disabled: C2.value }, null, 8, _), m("label", f, [m("span", { class: u(["mc-checkbox__checkbox", { "mc-checkbox__checkbox--checked": !!I2.value, "mc-checkbox__checkbox--partial": e3.partial }]), onClick: M }, null, 2), m("div", V, [m("span", g, d(e3.content), 1), m("span", y, d(e3.remarks), 1)])])], 6));
-} }), [["__scopeId", "data-v-a13ff63a"]]), C = { class: "mc-checkbox-group" }, S = e({ name: "McCheckboxGroup", __name: "mc-checkbox-group", props: { modelValue: { default: () => [] }, disabled: { type: Boolean, default: false } }, emits: ["change", "update:modelValue"], setup(e2, { emit: a2 }) {
+} }), [["__scopeId", "data-v-cc85e05c"]]), C = { class: "mc-checkbox-group" }, S = e({ name: "McCheckboxGroup", __name: "mc-checkbox-group", props: { modelValue: { default: () => [] }, disabled: { type: Boolean, default: false } }, emits: ["change", "update:modelValue"], setup(e2, { emit: a2 }) {
   const s2 = e2, u2 = a2, m2 = i();
   n(x, { modelValue: l(() => s2.modelValue), disabled: l(() => s2.disabled), handleSelect: (e3) => {
     if (m2.value || !e3) return;

package/dist/es/{mc-collapse-BqK33zh_.js → mc-collapse-CuwnM1Rg.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as a, watchEffect as l, watch as s, provide as o, createElementBlock as c, openBlock as t, renderSlot as i, inject as m, computed as d, normalizeClass as n, createElementVNode as p, withDirectives as u, createTextVNode as r, toDisplayString as v, createVNode as _, vShow as h } from "vue";
 import { d as f, _ as C, w as V } from "./utils-BAYTZ2S4.js";
-import { M as b } from "./mc-icon-CYzmEIt1.js";
+import { M as b } from "./mc-icon-Bn35tPxY.js";
 const g = Symbol("COLLAPSE_CONTEXT"), I = "McCollapse", M = { class: "mc-collapse" }, k = C(e({ name: I, __name: "mc-collapse", props: { modelValue: {}, accordion: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: m2 }) {
   const d2 = a(e2.modelValue), n2 = m2;
   l(() => {

package/dist/es/mc-copy-3Xzfbgzj.js

@@ -0,0 +1,18 @@
+import { defineComponent as t, createElementBlock as s, openBlock as o, renderSlot as e, createVNode as a, createElementVNode as c, toDisplayString as r } from "vue";
+import { M as p } from "./mc-icon-Bn35tPxY.js";
+import { t as m } from "./mc-toast-CtcdFS_6.js";
+import { _ as l, w as i } from "./utils-BAYTZ2S4.js";
+const u = { class: "mc-copy" }, n = { class: "mc-copy-text" }, x = i(l(t({ name: "McCopy", __name: "mc-copy", props: { text: {}, showToast: { type: Boolean, default: false }, toastSuccessText: { default: "copy succeed" }, toastErrorText: { default: "copy failed" }, manual: { type: Boolean, default: false } }, emits: ["copy", "success", "error"], setup(t2, { emit: l2 }) {
+  const i2 = t2, x2 = l2, f = async () => {
+    if (i2.text) if (i2.manual) x2("copy", i2.text);
+    else try {
+      await navigator.clipboard.writeText(i2.text), x2("success", i2.text), i2.showToast && m.success(i2.toastSuccessText);
+    } catch (t3) {
+      console.error(t3), x2("error", i2.text, t3), i2.showToast && m.error(i2.toastErrorText);
+    }
+  };
+  return (t3, m2) => (o(), s("div", u, [e(t3.$slots, "default", {}, () => [c("span", n, r(t3.text), 1)], true), a(p, { name: "Duplicate", class: "mc-copy-icon", onClick: f })]));
+} }), [["__scopeId", "data-v-ea4f8711"]]));
+export {
+  x as M
+};

package/dist/es/{mc-count-OGgq1Ahg.js → mc-count-D2iCTiNY.js}

@@ -4,11 +4,11 @@ const r = { key: 0, class: "mc-count-number" }, d = l(s(e({ name: "McCount", __n
   const l2 = e2, d2 = s2, i = a(() => {
     const e3 = Number(l2.value);
     return isNaN(e3) ? (console.warn("mc-count: value is not a number"), 0) : e3;
-  }), p = a(() => !l2.hiddenZero || i.value > 0), v = a(() => l2.max && i.value > l2.max ? `${l2.max}+` : `${i.value}`), y = a(() => "tiny" === l2.type);
+  }), p = a(() => !l2.hiddenZero || i.value > 0), v = a(() => l2.max && i.value > l2.max ? `${l2.max}+` : `${i.value}`), f = a(() => "tiny" === l2.type);
   return t(() => l2.value, (e3, a2) => {
     e3 !== a2 && d2("change", e3);
-  }), (e3, a2) => p.value ? (m(), u("i", { key: 0, class: o(["mc-count", [`mc-count-${e3.theme}`, `mc-count-${e3.type}`]]) }, [y.value ? n("", true) : (m(), u("span", r, c(v.value), 1))], 2)) : n("", true);
-} }), [["__scopeId", "data-v-a735e8dc"]]));
+  }), (e3, a2) => p.value ? (m(), u("i", { key: 0, class: o(["mc-count", [`mc-count-${e3.theme}`, `mc-count-${e3.type}`]]) }, [f.value ? n("", true) : (m(), u("span", r, c(v.value), 1))], 2)) : n("", true);
+} }), [["__scopeId", "data-v-1f678123"]]));
 export {
   d as M
 };

package/dist/es/{mc-currency-icon-BdFaf9p_.js → mc-currency-icon-BaeyUVW6.js}

@@ -1,10 +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-9Nd65OVn.js";
 import { _ as d, w as m } from "./utils-BAYTZ2S4.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 y = { class: "mc-currency-icon-img-wrapper" }, p = ["src", "alt"], f = { class: "mc-currency-icon-label" }, h = { 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"]]));
+  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", f, [t(c3.$slots, "default", {}, () => [i("span", null, l(c3.currency), 1)], true)]), i("div", h, [t(c3.$slots, "desc", {}, () => [i("span", null, l(c3.desc), 1)], true)])], 2)], 4));
+} }), [["__scopeId", "data-v-f792a3dc"]]));
 export {
   g as M
 };

package/dist/es/{mc-divider-D36guOcH.js → mc-divider-Dh3EqrWH.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, createElementBlock as e, openBlock as a, normalizeClass as d } from "vue";
 import { _ as s, w as m } from "./utils-BAYTZ2S4.js";
-const r = m(s(i({ name: "McDivider", __name: "mc-divider", props: { size: { default: "small" }, emphasis: { default: "minimal" }, orientation: { default: "horizontal" } }, setup: (i2) => (i3, s2) => (a(), e("div", { class: d(["mc-divider", [`mc-divider-${i3.orientation}`, `mc-divider-${i3.size}`, `mc-divider-${i3.emphasis}`]]) }, null, 2)) }), [["__scopeId", "data-v-6b53d9f6"]]));
+const r = m(s(i({ name: "McDivider", __name: "mc-divider", props: { size: { default: "small" }, emphasis: { default: "minimal" }, orientation: { default: "horizontal" } }, setup: (i2) => (i3, s2) => (a(), e("div", { class: d(["mc-divider", [`mc-divider-${i3.orientation}`, `mc-divider-${i3.size}`, `mc-divider-${i3.emphasis}`]]) }, null, 2)) }), [["__scopeId", "data-v-1397051d"]]));
 export {
   r as M
 };

package/dist/es/{mc-drawer-CZJMSWus.js → mc-drawer-Cy0sTuBS.js}

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

package/dist/es/{mc-footer-CBzHShc_.js → mc-footer-Dz_LkIr1.js}

@@ -1,9 +1,9 @@
-import { defineComponent as t, ref as o, createElementBlock as e, openBlock as s, normalizeStyle as r, normalizeClass as c, createCommentVNode as i, createElementVNode as d, renderSlot as a } from "vue";
+import { defineComponent as t, ref as o, createElementBlock as e, openBlock as s, normalizeStyle as r, normalizeClass as i, createCommentVNode as c, createElementVNode as d, renderSlot as a } from "vue";
 import { _ as l, w as p } from "./utils-BAYTZ2S4.js";
 const f = { key: 0, class: "mc-footer-content" }, h = { class: "mc-footer-bottom" }, m = { class: "mc-footer-bottom-content" }, n = { class: "mc-footer-left" }, v = { class: "mc-footer-right" }, w = { class: "mc-footer-right-button-group" }, g = l(t({ name: "McFooter", __name: "mc-footer", props: { width: {}, height: {}, wrapperWidth: {}, showborder: { type: Boolean, default: true } }, setup(t2, { expose: l2 }) {
   const p2 = o();
-  return l2({ ref: p2 }), (t3, o2) => (s(), e("section", { class: c(["mc-footer", { "mc-footer-border": t3.showborder }]), style: r({ width: t3.width, height: t3.height }), ref_key: "_ref", ref: p2 }, [t3.$slots.desc ? (s(), e("div", f, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [a(t3.$slots, "desc", {}, void 0, true)], 4)])) : i("", true), d("div", h, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [d("div", m, [d("div", n, [a(t3.$slots, "left", {}, void 0, true)]), d("div", v, [a(t3.$slots, "right", {}, () => [d("div", w, [a(t3.$slots, "right-button-group", {}, void 0, true)])], true)])])], 4)])], 6));
-} }), [["__scopeId", "data-v-e6cb581e"]]), u = p(g);
+  return l2({ ref: p2 }), (t3, o2) => (s(), e("section", { class: i(["mc-footer", { "mc-footer-border": t3.showborder }]), style: r({ width: t3.width, height: t3.height }), ref_key: "_ref", ref: p2 }, [t3.$slots.desc ? (s(), e("div", f, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [a(t3.$slots, "desc", {}, void 0, true)], 4)])) : c("", true), d("div", h, [d("div", { class: "mc-footer-wrapper", style: r({ width: t3.wrapperWidth }) }, [d("div", m, [d("div", n, [a(t3.$slots, "left", {}, void 0, true)]), d("div", v, [a(t3.$slots, "right", {}, () => [d("div", w, [a(t3.$slots, "right-button-group", {}, void 0, true)])], true)])])], 4)])], 6));
+} }), [["__scopeId", "data-v-54785ade"]]), u = p(g);
 export {
   g as M,
   u as a

package/dist/es/{mc-form-CvzqRvTP.js → mc-form-BVetW0D3.js}

@@ -1,20 +1,20 @@
-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 c, withModifiers as d, renderSlot as u, ref as n, onMounted as m, onUnmounted as v, normalizeClass as p, createCommentVNode as f, toDisplayString as h, createVNode as b, createTextVNode as y, Transition as _, withCtx as g, nextTick as q } from "vue";
-import { c as F } from "./hooks-9Nd65OVn.js";
-import { c as j, s as S, f as w, d as I, k as P, a as $, e as x, m as k, g as V, h as M, j as z, l as B, n as C } from "./vendor-BCQeFBhn.js";
+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 c, withModifiers as d, renderSlot as u, ref as n, onMounted as m, onUnmounted as v, normalizeClass as p, createCommentVNode as f, toDisplayString as h, createVNode as b, createTextVNode as y, Transition as _, withCtx as g, nextTick as j } from "vue";
+import { c as q } from "./hooks-9Nd65OVn.js";
+import { c as F, s as S, f as w, d as I, k as P, a as $, e as x, m as k, g as V, h as M, j as z, l as B, n as C } from "./vendor-BCQeFBhn.js";
 import { _ as E, w as A } from "./utils-BAYTZ2S4.js";
 import O from "async-validator";
-import { M as R } from "./mc-tooltip-C4X4YzTB.js";
+import { M as R } from "./mc-tooltip-ED9vAtDV.js";
 const D = Symbol("formContext"), G = Symbol("formItemContext");
 function H() {
-  const r2 = e(D, void 0), t2 = F("formValidate");
-  return { form: r2, formItem: j(t2.value) && !t2.value ? void 0 : e(G, void 0) };
+  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 = F("disabled");
+  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));
 }
 function K() {
-  const { formItem: e2 } = H(), t2 = F("formValidateStyle"), a2 = r(() => t2.value && (e2 == null ? void 0 : e2.validateStatus) || "init"), s2 = r(() => {
+  const { formItem: e2 } = H(), t2 = q("formValidateStyle"), a2 = r(() => t2.value && (e2 == null ? void 0 : e2.validateStatus) || "init"), s2 = r(() => {
     switch (a2.value) {
       case "success":
         return "success";
@@ -56,19 +56,19 @@ const L = { class: "mc-form" }, N = E(t({ name: "McForm", __name: "mc-form", pro
     I(p2(m2, e3), (e4) => e4.clearValidate());
   } }), (e3, r3) => (i(), l("div", L, [c("form", { onSubmit: r3[0] || (r3[0] = d(() => {
   }, ["prevent"])) }, [u(e3.$slots, "default", {}, void 0, true)], 32)]));
-} }), [["__scopeId", "data-v-3d266611"]]), Q = { class: "mc-form-item-label-wrapper" }, T = { key: 0, class: "mc-form-item-label" }, U = { key: 0, class: "mc-form-item-help" }, W = { key: 0, class: "mc-form-item-desc" }, X = { class: "mc-form-item__content" }, Y = { key: 0, class: "mc-form-item__error" }, Z = E(t({ name: "McFormItem", __name: "mc-form-item", props: { prop: {}, label: {}, disabled: { type: Boolean, default: false }, required: { type: Boolean, default: false }, rules: {}, help: {}, desc: {} }, setup(t2, { expose: d2 }) {
-  const F2 = t2, j2 = e(D, void 0), I2 = n("init"), E2 = n(""), A2 = (e2) => e2 && F2.prop && !x(M(e2, F2.prop)) ? M(e2, F2.prop) : null, H2 = r(() => {
-    const e2 = j2 == null ? void 0 : j2.model;
+} }), [["__scopeId", "data-v-286dbbea"]]), Q = { class: "mc-form-item-label-wrapper" }, T = { key: 0, class: "mc-form-item-label" }, U = { key: 0, class: "mc-form-item-help" }, W = { key: 0, class: "mc-form-item-desc" }, X = { class: "mc-form-item__content" }, Y = { key: 0, class: "mc-form-item__error" }, Z = E(t({ name: "McFormItem", __name: "mc-form-item", props: { prop: {}, label: {}, disabled: { type: Boolean, default: false }, required: { type: Boolean, default: false }, rules: {}, help: {}, desc: {} }, setup(t2, { expose: d2 }) {
+  const q2 = t2, F2 = e(D, void 0), I2 = n("init"), E2 = n(""), A2 = (e2) => e2 && q2.prop && !x(M(e2, q2.prop)) ? M(e2, q2.prop) : null, H2 = r(() => {
+    const e2 = F2 == null ? void 0 : F2.model;
     return A2(e2);
   }), J2 = r(() => {
     const e2 = [];
-    F2.required && e2.push({ required: true }), F2.rules && e2.push(...F2.rules);
-    const r2 = j2 == null ? void 0 : j2.rules;
-    if (r2 && F2.prop) {
+    q2.required && e2.push({ required: true }), q2.rules && e2.push(...q2.rules);
+    const r2 = F2 == null ? void 0 : F2.rules;
+    if (r2 && q2.prop) {
       const t4 = A2(r2);
       t4 && e2.push(...t4);
     }
-    const t3 = F2.required;
+    const t3 = q2.required;
     if (x(t3)) {
       const r3 = w(k(e2, (e3, r4) => [e3, r4]), (e3) => $(P(e3[0]), "required"));
       if (S(r3)) for (const a2 of r3) {
@@ -78,10 +78,10 @@ const L = { class: "mc-form" }, N = E(t({ name: "McForm", __name: "mc-form", pro
       else e2.push({ required: t3 });
     }
     return e2;
-  }), K2 = r(() => S(J2.value) > 0), L2 = r(() => V(J2.value, "required") || F2.required), N2 = r(() => F2.disabled);
+  }), K2 = r(() => S(J2.value) > 0), L2 = r(() => V(J2.value, "required") || q2.required), N2 = r(() => q2.disabled);
   let Z2 = null, ee2 = false;
   const re2 = (e2, r2) => {
-    if (ee2 || !F2.prop || N2.value) return Promise.resolve(true);
+    if (ee2 || !q2.prop || N2.value) return Promise.resolve(true);
     if (!K2.value) return r2 == null ? void 0 : r2(true), Promise.resolve(true);
     const t3 = ((e3) => {
       const r3 = J2.value;
@@ -90,10 +90,10 @@ const L = { class: "mc-form" }, N = E(t({ name: "McForm", __name: "mc-form", pro
     if (!S(t3)) return r2 == null ? void 0 : r2(true), Promise.resolve(true);
     I2.value = "validating";
     const a2 = ((e3) => {
-      const r3 = F2.prop;
-      return r3 ? new O({ [r3]: e3 }).validate({ [r3]: H2.value }, { firstFields: true }).then(() => (I2.value = "success", j2 == null ? void 0 : j2.emits("validate", F2, true, ""), E2.value = "", true)).catch((e4) => {
+      const r3 = q2.prop;
+      return r3 ? new O({ [r3]: e3 }).validate({ [r3]: H2.value }, { firstFields: true }).then(() => (I2.value = "success", F2 == null ? void 0 : F2.emits("validate", q2, true, ""), E2.value = "", true)).catch((e4) => {
         const { errors: r4 } = e4;
-        return I2.value = "error", E2.value = r4 && S(r4) > 0 ? r4[0].message ?? "" : "", j2 == null ? void 0 : j2.emits("validate", F2, false, E2.value), Promise.reject(e4);
+        return I2.value = "error", E2.value = r4 && S(r4) > 0 ? r4[0].message ?? "" : "", F2 == null ? void 0 : F2.emits("validate", q2, false, E2.value), Promise.reject(e4);
       }) : null;
     })(t3);
     return a2 ? a2.then(() => (r2 == null ? void 0 : r2(true), true)).catch((e3) => {
@@ -101,19 +101,19 @@ const L = { class: "mc-form" }, N = E(t({ name: "McForm", __name: "mc-form", pro
       return r2 == null ? void 0 : r2(false, t4), Promise.reject(t4);
     }) : Promise.reject(false);
   }, te = () => {
-    const e2 = j2 == null ? void 0 : j2.model;
-    e2 && F2.prop && !x(M(e2, F2.prop)) && (ee2 = true, z(e2, F2.prop, B(Z2))), q(() => {
+    const e2 = F2 == null ? void 0 : F2.model;
+    e2 && q2.prop && !x(M(e2, q2.prop)) && (ee2 = true, z(e2, q2.prop, B(Z2))), j(() => {
       ae();
     });
   }, ae = () => {
     I2.value = "init", E2.value = "", ee2 = false;
-  }, se = a({ ...s(F2), validateStatus: r(() => I2.value), disabled: N2, validate: re2, resetField: te, clearValidate: ae }), oe = r(() => "horizontal" === (j2 == null ? void 0 : j2.direction));
+  }, se = a({ ...s(q2), validateStatus: r(() => I2.value), disabled: N2, validate: re2, resetField: te, clearValidate: ae }), oe = r(() => "horizontal" === (F2 == null ? void 0 : F2.direction));
   return o(G, se), m(() => {
-    F2.prop && (j2 == null ? void 0 : j2.addField(se), Z2 = H2.value);
+    q2.prop && (F2 == null ? void 0 : F2.addField(se), Z2 = H2.value);
   }), v(() => {
-    F2.prop && (j2 == null ? void 0 : j2.removeField(se));
+    q2.prop && (F2 == null ? void 0 : F2.removeField(se));
   }), d2({ validateMessage: E2, validateStatus: I2, validate: re2, resetField: te, clearValidate: ae }), (e2, r2) => (i(), l("div", { class: p(["mc-form-item", { "mc-form-item-horizontal": oe.value }]) }, [u(e2.$slots, "label", { required: L2.value }, () => [c("div", null, [c("div", Q, [e2.label ? (i(), l("label", T, [c("span", { class: p(["mc-form-item-lable-text", { "mc-form-item-label-required": L2.value }]) }, h(e2.label), 3), e2.help || e2.$slots.help ? (i(), l("div", U, [u(e2.$slots, "help", {}, () => [b(R, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : f("", true)])) : f("", true), u(e2.$slots, "tool", {}, void 0, true)]), e2.desc || e2.$slots.desc ? (i(), l("div", W, [u(e2.$slots, "desc", {}, () => [y(h(e2.desc), 1)], true)])) : f("", true)])], true), c("div", X, [u(e2.$slots, "default", {}, void 0, true), b(_, { name: "mc-form-item-error" }, { default: g(() => [E2.value ? (i(), l("div", Y, h(E2.value), 1)) : f("", true)]), _: 1 })])], 2));
-} }), [["__scopeId", "data-v-bff4206f"]]), ee = A(N), re = A(Z);
+} }), [["__scopeId", "data-v-4a6378a3"]]), ee = A(N), re = A(Z);
 export {
   ee as M,
   J as a,

package/dist/es/{mc-icon-CYzmEIt1.js → mc-icon-Bn35tPxY.js}

@@ -1,11 +1,11 @@
-import { defineComponent as e, ref as o, createElementBlock as c, openBlock as s, normalizeStyle as i, createElementVNode as n, normalizeClass as t } from "vue";
+import { defineComponent as e, ref as c, createElementBlock as o, openBlock as s, normalizeStyle as i, createElementVNode as n, normalizeClass as t } from "vue";
 import { _ as a, w as r } from "./utils-BAYTZ2S4.js";
 const m = a(e({ name: "McIcon", __name: "mc-icon", props: { name: {}, size: { default: 24 }, color: {} }, emits: ["click"], setup(e2, { expose: a2, emit: r2 }) {
-  const m2 = r2, l2 = o();
-  return a2({ ref: l2 }), (e3, o2) => (s(), c("span", { class: "mc-icon", style: i({ fontSize: `${e3.size}px`, width: `${e3.size}px`, height: `${e3.size}px`, color: e3.color }) }, [n("i", { ref_key: "_ref", ref: l2, class: t(["mc-iconfont", `mc-icon--${e3.name}`]), onClick: o2[0] || (o2[0] = (e4) => ((e5) => {
+  const m2 = r2, l2 = c();
+  return a2({ ref: l2 }), (e3, c2) => (s(), o("span", { class: "mc-icon", style: i({ fontSize: `${e3.size}px`, width: `${e3.size}px`, height: `${e3.size}px`, color: e3.color }) }, [n("i", { ref_key: "_ref", ref: l2, class: t(["mc-iconfont", `mc-icon--${e3.name}`]), onClick: c2[0] || (c2[0] = (e4) => ((e5) => {
     m2("click", e5);
   })(e4)) }, null, 2)], 4));
-} }), [["__scopeId", "data-v-3f56ebd0"]]), l = r(m);
+} }), [["__scopeId", "data-v-95f0c9d3"]]), l = r(m);
 export {
   m as M,
   l as a

package/dist/es/{mc-input-B9iWjZdV.js → mc-input-BSIRw_tD.js}

@@ -1,9 +1,9 @@
-import { ref as e, computed as t, inject as a, watch as u, defineComponent as s, onMounted as r, createElementBlock as l, openBlock as i, normalizeStyle as o, normalizeClass as n, unref as p, createCommentVNode as c, createElementVNode as d, renderSlot as f, createBlock as v, withKeys as m, createVNode as x, Fragment as y, nextTick as g, provide as h, createTextVNode as I } from "vue";
-import { M as b } from "./mc-icon-CYzmEIt1.js";
-import { a as _, u as G } from "./mc-form-CvzqRvTP.js";
+import { ref as e, computed as t, inject as a, watch as u, defineComponent as s, onMounted as r, createElementBlock as l, openBlock as i, normalizeStyle as o, normalizeClass as n, unref as p, createCommentVNode as c, createElementVNode as d, renderSlot as f, createBlock as v, withKeys as m, createVNode as x, Fragment as y, nextTick as g, provide as h, createTextVNode as b } from "vue";
+import { M as I } from "./mc-icon-Bn35tPxY.js";
+import { a as _, u as G } from "./mc-form-BVetW0D3.js";
 import { c as w, d as V, e as S } from "./hooks-9Nd65OVn.js";
-import { O as A } from "./mc-otp-BC2uE9E4.js";
-import { a as $, o as k, p as E, q as j, e as B, i as F } from "./vendor-BCQeFBhn.js";
+import { O as A } from "./mc-otp-CtbAqsbO.js";
+import { a as $, o as k, p as E, q as B, e as F, i as j } from "./vendor-BCQeFBhn.js";
 import { _ as C, w as R } from "./utils-BAYTZ2S4.js";
 const P = Symbol("InputGroupContext"), z = (e2) => {
   const s2 = a(P, void 0);
@@ -18,17 +18,17 @@ const P = Symbol("InputGroupContext"), z = (e2) => {
   }), u([n2, p2], ([e3, t2]) => {
     e3 || t2 ? s2.setInputGroupActived(true, l2.value) : s2.setInputGroupActived(false, l2.value);
   }), { inputGroupDisabled: r2 };
-}, D = { key: 0, class: "mc-input__prefix" }, H = ["type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "maxlength"], M = { key: 2, class: "mc-input__password" }, T = { key: 0, class: "mc-input__suffix" }, O = C(s({ name: "McInput", __name: "mc-input", props: { modelValue: {}, width: {}, height: {}, type: { default: "text" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, placeholder: { default: "Please enter" }, readonly: { type: Boolean, default: false }, autocomplete: { default: "off" }, autofocus: { type: Boolean, default: false }, prefixIcon: {}, suffixIcon: {}, maxlength: {}, currencyAccuracy: {}, formValidate: { type: Boolean, default: true }, inputGroupPosition: {}, formatter: {}, parser: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "paste", "clear", "delete"], setup(s2, { expose: h2, emit: I2 }) {
-  const w2 = s2, { formatter: C2, parser: R2 } = w2, P2 = I2, O2 = e(), q2 = t(() => B(w2.modelValue) ? "" : j(w2.modelValue)), K2 = (e2) => ("number" === w2.type ? e2 = ((e3) => e3.replace(/[^\d]/g, ""))(e2) : "currency" === w2.type && (e2 = ((e3, t2 = 8) => {
+}, D = { key: 0, class: "mc-input__prefix" }, H = ["type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "maxlength"], M = { key: 2, class: "mc-input__password" }, T = { key: 0, class: "mc-input__suffix" }, O = C(s({ name: "McInput", __name: "mc-input", props: { modelValue: {}, width: {}, height: {}, type: { default: "text" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, placeholder: { default: "Please enter" }, readonly: { type: Boolean, default: false }, autocomplete: { default: "off" }, autofocus: { type: Boolean, default: false }, prefixIcon: {}, suffixIcon: {}, maxlength: {}, currencyAccuracy: {}, formValidate: { type: Boolean, default: true }, inputGroupPosition: {}, formatter: {}, parser: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "paste", "clear", "delete"], setup(s2, { expose: h2, emit: b2 }) {
+  const w2 = s2, { formatter: C2, parser: R2 } = w2, P2 = b2, O2 = e(), q2 = t(() => F(w2.modelValue) ? "" : B(w2.modelValue)), K2 = (e2) => ("number" === w2.type ? e2 = ((e3) => e3.replace(/[^\d]/g, ""))(e2) : "currency" === w2.type && (e2 = ((e3, t2 = 8) => {
     e3 = e3.replace(/(?:[^0-9.]+)/g, "");
     const [a2, ...u2] = e3.split(".");
     return u2.length ? `${a2}.${u2.join("").substring(0, t2)}` : a2;
-  })(e2, w2.currencyAccuracy)), F(R2) && (e2 = R2(e2)), e2), J2 = () => {
+  })(e2, w2.currencyAccuracy)), j(R2) && (e2 = R2(e2)), e2), J2 = () => {
     const e2 = O2.value, t2 = (a2 = q2.value, "number" === w2.type ? a2 = ((e3) => e3.replace(/[^\d]/g, ""))(a2) : "currency" === w2.type && (a2 = ((e3) => {
       e3 = e3.toString();
       const [t3, a3] = e3.toString().split("."), u2 = t3.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
       return $(e3, ".") ? `${u2}.${a3}` : u2;
-    })(a2)), F(C2) && (a2 = C2(a2)), a2);
+    })(a2)), j(C2) && (a2 = C2(a2)), a2);
     var a2;
     e2 && e2.value !== t2 && (e2.value = t2);
   };
@@ -100,7 +100,7 @@ const P = Symbol("InputGroupContext"), z = (e2) => {
     (_a = O2.value) == null ? void 0 : _a.select();
   }, clear: () => {
     P2("update:modelValue", ""), P2("input", ""), P2("change", ""), P2("clear"), W == null ? void 0 : W.clearValidate();
-  } }), (e2, t2) => (i(), l("div", { class: n(["mc-input", { "mc-input--disabled": Q.value, "mc-input--focused": p(ue), "mc-input--inputed": e2.modelValue, "mc-input-hovering": p(le), [`mc-input--${X.value}`]: X.value }]), style: o({ width: e2.width, height: e2.height }), ref_key: "wrapperRef", ref: ae }, [e2.$slots.prefix || e2.prefixIcon ? (i(), l("div", D, [f(e2.$slots, "prefix", {}, () => [e2.prefixIcon ? (i(), v(b, { key: 0, class: "mc-input-icon", name: e2.prefixIcon, size: 24 }, null, 8, ["name"])) : c("", true)], true)])) : c("", true), d("input", { class: "mc-input__inner", ref_key: "inputRef", ref: O2, type: U.value ? L.value ? "text" : "password" : "text", disabled: Q.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, maxlength: e2.maxlength, onInput: de, onChange: fe, onFocus: t2[0] || (t2[0] = (...e3) => p(se) && p(se)(...e3)), onBlur: t2[1] || (t2[1] = (...e3) => p(re) && p(re)(...e3)), onKeydown: m(oe, ["delete"]), onPaste: ne }, null, 40, H), te.value ? (i(), l("div", { key: 1, class: n(["mc-input__status", [Z.value ? "mc-input__status--error" : "mc-input__status--success"]]) }, [x(b, { name: Z.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : c("", true), "password" === e2.type ? (i(), l("div", M, [x(b, { class: "mc-input-icon", name: L.value ? "Review-Hidden" : "Review", size: 24, onClick: ve }, null, 8, ["name"])])) : (i(), l(y, { key: 3 }, [e2.$slots.suffix || e2.suffixIcon ? (i(), l("div", T, [f(e2.$slots, "suffix", {}, () => [e2.suffixIcon ? (i(), v(b, { key: 0, name: e2.suffixIcon, size: 24 }, null, 8, ["name"])) : c("", true)], true)])) : c("", true)], 64))], 6));
+  } }), (e2, t2) => (i(), l("div", { class: n(["mc-input", { "mc-input--disabled": Q.value, "mc-input--focused": p(ue), "mc-input--inputed": e2.modelValue, "mc-input-hovering": p(le), [`mc-input--${X.value}`]: X.value }]), style: o({ width: e2.width, height: e2.height }), ref_key: "wrapperRef", ref: ae }, [e2.$slots.prefix || e2.prefixIcon ? (i(), l("div", D, [f(e2.$slots, "prefix", {}, () => [e2.prefixIcon ? (i(), v(I, { key: 0, class: "mc-input-icon", name: e2.prefixIcon, size: 24 }, null, 8, ["name"])) : c("", true)], true)])) : c("", true), d("input", { class: "mc-input__inner", ref_key: "inputRef", ref: O2, type: U.value ? L.value ? "text" : "password" : "text", disabled: Q.value, readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, maxlength: e2.maxlength, onInput: de, onChange: fe, onFocus: t2[0] || (t2[0] = (...e3) => p(se) && p(se)(...e3)), onBlur: t2[1] || (t2[1] = (...e3) => p(re) && p(re)(...e3)), onKeydown: m(oe, ["delete"]), onPaste: ne }, null, 40, H), te.value ? (i(), l("div", { key: 1, class: n(["mc-input__status", [Z.value ? "mc-input__status--error" : "mc-input__status--success"]]) }, [x(I, { name: Z.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : c("", true), "password" === e2.type ? (i(), l("div", M, [x(I, { class: "mc-input-icon", name: L.value ? "Review-Hidden" : "Review", size: 24, onClick: ve }, null, 8, ["name"])])) : (i(), l(y, { key: 3 }, [e2.$slots.suffix || e2.suffixIcon ? (i(), l("div", T, [f(e2.$slots, "suffix", {}, () => [e2.suffixIcon ? (i(), v(I, { key: 0, name: e2.suffixIcon, size: 24 }, null, 8, ["name"])) : c("", true)], true)])) : c("", true)], 64))], 6));
 } }), [["__scopeId", "data-v-ce9a42d8"]]), q = R(O), K = { key: 0, class: "mc-input-group-divider" }, J = R(C(s({ name: "McInputGroup", __name: "mc-input-group", props: { disabled: { type: Boolean, default: false }, suffixFlex: { default: 1 }, prefixFlex: { default: 1 } }, setup(a2) {
   const u2 = a2, { isError: s2, isExpanded: r2, isPrefixActived: v2, isSuffixActived: m2, setInputGroupValidate: x2, setInputGroupExpanded: y2, setInputGroupActived: g2 } = (() => {
     const a3 = e("init"), u3 = t(() => "error" === a3.value), s3 = e(false), r3 = e(false), l2 = e(false);
@@ -111,12 +111,12 @@ const P = Symbol("InputGroupContext"), z = (e2) => {
     }, setInputGroupActived: (e2, t2) => {
       "prefix" === t2 ? r3.value = e2 : l2.value = e2;
     } };
-  })(), { isDisabled: b2 } = (() => {
+  })(), { isDisabled: I2 } = (() => {
     const e2 = _(), a3 = w("disabled");
     return { isDisabled: t(() => !!e2.value || !!a3.value) };
-  })(), G2 = t(() => !v2.value && !m2.value && !r2.value || b2.value);
-  return h(P, { disabled: t(() => u2.disabled), setInputGroupExpanded: y2, setInputGroupValidate: x2, setInputGroupActived: g2 }), (e2, t2) => (i(), l("div", { class: n(["mc-input-group", { "mc-input-group-disabled": p(b2) }]) }, [d("div", { class: n(["mc-input-group-prefix", { "mc-input-group-prefix-expanded": p(r2), "mc-input-group-prefix-actived": p(v2), "mc-input-group-prefix-error": p(s2) }]), style: o({ flex: e2.prefixFlex }) }, [f(e2.$slots, "prefix", {}, () => [t2[0] || (t2[0] = I("prefix"))], true)], 6), G2.value ? (i(), l("div", K)) : c("", true), d("div", { class: n(["mc-input-group-suffix", { "mc-input-group-suffix-expanded": p(r2), "mc-input-group-suffix-actived": p(m2), "mc-input-group-suffix-error": p(s2) }]), style: o({ flex: e2.suffixFlex }) }, [f(e2.$slots, "suffix", {}, () => [t2[1] || (t2[1] = I("suffix"))], true)], 6)], 2));
-} }), [["__scopeId", "data-v-67a61366"]]));
+  })(), G2 = t(() => !v2.value && !m2.value && !r2.value || I2.value);
+  return h(P, { disabled: t(() => u2.disabled), setInputGroupExpanded: y2, setInputGroupValidate: x2, setInputGroupActived: g2 }), (e2, t2) => (i(), l("div", { class: n(["mc-input-group", { "mc-input-group-disabled": p(I2) }]) }, [d("div", { class: n(["mc-input-group-prefix", { "mc-input-group-prefix-expanded": p(r2), "mc-input-group-prefix-actived": p(v2), "mc-input-group-prefix-error": p(s2) }]), style: o({ flex: e2.prefixFlex }) }, [f(e2.$slots, "prefix", {}, () => [t2[0] || (t2[0] = b("prefix"))], true)], 6), G2.value ? (i(), l("div", K)) : c("", true), d("div", { class: n(["mc-input-group-suffix", { "mc-input-group-suffix-expanded": p(r2), "mc-input-group-suffix-actived": p(m2), "mc-input-group-suffix-error": p(s2) }]), style: o({ flex: e2.suffixFlex }) }, [f(e2.$slots, "suffix", {}, () => [t2[1] || (t2[1] = b("suffix"))], true)], 6)], 2));
+} }), [["__scopeId", "data-v-8b1ae0bb"]]));
 export {
   P as I,
   O as M,

package/dist/es/mc-lightbox-CzbLLoGX.js

@@ -0,0 +1,37 @@
+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 m, withCtx as c, normalizeClass as u, createElementVNode as n, renderSlot as h, normalizeStyle as v } from "vue";
+import { M as p } from "./mc-overlay-DKDYwb_d.js";
+import { M as g } from "./mc-modal-header-DA2psuc8.js";
+import { M as b } from "./mc-footer-Dz_LkIr1.js";
+import { f as x, b as y } from "./hooks-9Nd65OVn.js";
+import { _, w } from "./utils-BAYTZ2S4.js";
+const k = { key: 0, class: "mc-lightbox-container" }, $ = { class: "mc-lightbox-header" }, B = { key: 0, class: "mc-lightbox-bottom-padding" }, H = w(_(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 }, minHeight: { default: void 0 } }, emits: ["update:modelValue", "close"], setup(e2, { expose: _2, emit: w2 }) {
+  const H2 = e2, C = w2, j = o(), M = o(), R = o(), V = o(), z = o(false), F = o(false), S = o(false), I = () => {
+    H2.maskClosable && A();
+  }, L = () => {
+    A();
+  }, q = async () => {
+    z.value = true, F.value = true, await l(), S.value = true;
+  }, A = async () => {
+    S.value = false, await l(), F.value = false, await l(), z.value = false, C("close"), C("update:modelValue", false);
+  };
+  t(() => H2.modelValue, (e3, o2) => {
+    !o2 && e3 ? q() : A();
+  }, { immediate: true, flush: "post" });
+  const D = () => {
+    var _a, _b;
+    if (!R.value) return;
+    const e3 = ((_a = M.value) == null ? void 0 : _a.offsetHeight) ?? 0, o2 = 0.7 * window.innerHeight - 84 - e3, t2 = ((_b = V.value) == null ? void 0 : _b.offsetHeight) ?? 40;
+    R.value.style.height = `${t2 > o2 ? o2 : t2}px`;
+  };
+  return x(() => {
+    D();
+  }), y(M, async ({ height: e3 }) => {
+    const o2 = j.value;
+    o2 && (o2.style.paddingBottom = `${e3}px`, await l(), D());
+  }), y(V, () => {
+    D();
+  }), _2({ ref: j, open: q, close: A }), (e3, o2) => z.value ? (i(), a("div", k, [(i(), r(d, { to: e3.portCssSelector }, [f(m, { name: "mc-lightbox-overlay" }, { default: c(() => [f(p, { visible: F.value, fixed: e3.fixed, onClick: I }, { default: c(() => [f(m, { name: "mc-lightbox-content" }, { default: c(() => [S.value ? (i(), a("div", { key: 0, class: u(["mc-lightbox", [`mc-lightbox-${e3.size}`]]), ref_key: "lightboxRef", ref: j }, [n("div", $, [h(e3.$slots, "header", {}, () => [f(g, { title: e3.title, "show-border": e3.showBorder, onClose: L }, { 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: R }, [n("div", { class: "mc-lightbox-content", style: v({ minHeight: e3.minHeight ? `${e3.minHeight}px` : void 0 }), ref_key: "contentRef", ref: V }, [h(e3.$slots, "default", {}, void 0, true)], 4)], 512), n("div", { class: "mc-lightbox-footer", ref_key: "footerRef", ref: M }, [e3.hideFooter ? (i(), a("div", B)) : h(e3.$slots, "footer", { key: 1 }, () => [f(b, 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);
+} }), [["__scopeId", "data-v-776db0bc"]]));
+export {
+  H as M
+};

package/dist/es/{mc-modal-header-ITzlDJiH.js → mc-modal-header-DA2psuc8.js}

@@ -1,12 +1,12 @@
 import { defineComponent as e, createElementBlock as o, openBlock as s, createVNode as t, withCtx as a, renderSlot as l } from "vue";
-import { M as r } from "./mc-icon-CYzmEIt1.js";
-import { M as m } from "./mc-title-B7CRDymz.js";
+import { M as r } from "./mc-icon-Bn35tPxY.js";
+import { M as m } from "./mc-title-DUmPOcab.js";
 import { _ as d, w as i } from "./utils-BAYTZ2S4.js";
-const c = { class: "mc-modal-header" }, h = d(e({ name: "McModalHeader", __name: "mc-modal-header", props: { title: {}, showBorder: { type: Boolean, default: true }, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: d2 }) {
+const c = { class: "mc-modal-header" }, n = d(e({ name: "McModalHeader", __name: "mc-modal-header", props: { title: {}, showBorder: { type: Boolean, default: true }, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: d2 }) {
   const i2 = d2;
   return (e3, d3) => (s(), o("div", c, [t(m, { title: e3.title, "show-border": e3.showBorder, height: "100%", class: "mc-modal-header-title" }, { "tool-bar": a(() => [t(r, { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: d3[0] || (d3[0] = (e4) => i2("close")) })]), default: a(() => [l(e3.$slots, "default", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])]));
-} }), [["__scopeId", "data-v-5e3038e9"]]), n = i(h);
+} }), [["__scopeId", "data-v-e60f5141"]]), h = i(n);
 export {
-  h as M,
-  n as a
+  n as M,
+  h as a
 };