mc-plus 1.0.69 → 1.0.71

package/dist/es/mc-file-list-BhWLlT6y.js

@@ -0,0 +1,30 @@
+import { _ as e, l } from "./utils-Bxl3PXzk.js";
+import { defineComponent as i, ref as s, createElementBlock as a, openBlock as t, normalizeClass as m, Fragment as c, renderList as o, createElementVNode as n, createCommentVNode as f, createVNode as d, toDisplayString as p, unref as u, createBlock as r } from "vue";
+import { useResizeObserver as v } from "@mc-plus/hooks";
+import { M as k } from "./mc-icon-DNEaXCT8.js";
+import { M as y } from "./mc-divider-CpY6Y0z_.js";
+import { M as b } from "./mc-progress-bar-bmMvvbxy.js";
+import { u as g, g as C, f as _ } from "./mc-upload-DaFbq8XW.js";
+const w = "mc-file-list", h = { class: "mc-file-list-item-content" }, M = { class: "mc-file-list-item-file mc-file-list-item-info" }, j = ["onClick"], B = { class: "mc-file-list-item-file-name-text" }, V = { class: "mc-file-list-item-file-desc" }, x = { class: "mc-file-list-item-file-size-text" }, z = { key: 0, class: "mc-file-list-item-file-progress-bar" }, T = { key: 1, class: "mc-file-list-item-file-error" }, D = { class: "mc-file-list-item-info" }, I = { class: "mc-file-list-item-label" }, L = { class: "mc-file-list-item-value" }, R = { class: "mc-file-list-item-info" }, $ = { class: "mc-file-list-item-label" }, q = { class: "mc-file-list-item-value" }, A = { class: "mc-file-list-item-actions" }, E = { class: "mc-file-list-item-compact-content" }, F = { class: "mc-file-list-item-info" }, G = { class: "mc-file-list-item-label" }, H = { class: "mc-file-list-item-value" }, J = { class: "mc-file-list-item-info" }, K = { class: "mc-file-list-item-label" }, N = { class: "mc-file-list-item-value" }, O = e(i({ name: w, __name: "mc-file-list", props: { modelValue: { default: () => [] }, theme: { default: "light" }, lang: { default: "en" }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "delete", "download", "preview", "cancel"], setup(e2, { emit: l2 }) {
+  const i2 = e2, w2 = l2, { langMap: O2 } = g(), P2 = s(false), Q = s();
+  v(Q, ({ width: e3 }) => {
+    P2.value = e3 <= 600;
+  });
+  const S = (e3) => {
+    w2("update:modelValue", i2.modelValue.filter((l3) => l3.name !== e3.name));
+  };
+  return (l3, i3) => (t(), a("ul", { class: m(["mc-file-list", [`mc-file-list-${e2.theme}`, { "mc-file-list-compact": P2.value }]]), ref_key: "fileListRef", ref: Q }, [(t(true), a(c, null, o(e2.modelValue, (l4) => (t(), a("li", { class: "mc-file-list-item", key: l4.name }, [n("div", h, [n("div", M, [n("div", { class: "mc-file-list-item-file-name", onClick: (e3) => ((e4) => {
+    w2("preview", e4);
+  })(l4) }, [d(k, { name: "Document" }), n("span", B, p(l4.name), 1)], 8, j), n("div", V, ["failed" !== l4.status ? (t(), a(c, { key: 0 }, [n("span", x, p(l4.size ? u(C)(l4.size) : "--"), 1), "loading" === l4.status ? (t(), a("div", z, [d(b, { percentage: l4.progress, "transition-duration": 1e3 }, null, 8, ["percentage"])])) : f("", true)], 64)) : (t(), a("span", T, p(l4.errorMessage || "failed to upload"), 1))])]), P2.value ? f("", true) : (t(), a(c, { key: 0 }, [n("div", D, [n("span", I, p(u(O2).uploaded_by), 1), n("span", L, p(l4.uploadBy || "--"), 1)]), n("div", R, [n("span", $, p(u(O2).uploaded_on), 1), n("span", q, p(u(_)(l4.uploadTime) || "--"), 1)])], 64)), n("div", A, ["loading" === l4.status ? (t(), a(c, { key: 0 }, [e2.allowCancel ? (t(), r(k, { key: 0, name: "Cross", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    w2("cancel", e4), S(e4);
+  })(l4) }, null, 8, ["onClick"])) : f("", true)], 64)) : (t(), a(c, { key: 1 }, [e2.downloadable ? (t(), r(k, { key: 0, name: "Download", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    w2("download", e4);
+  })(l4) }, null, 8, ["onClick"])) : f("", true), e2.deletable ? (t(), r(k, { key: 1, name: "Trash", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    w2("delete", e4), S(e4);
+  })(l4) }, null, 8, ["onClick"])) : f("", true)], 64))])]), P2.value ? (t(), a(c, { key: 0 }, [d(y), n("div", E, [n("div", F, [n("span", G, p(u(O2).uploaded_by), 1), n("span", H, p(l4.uploadBy || "--"), 1)]), n("div", J, [n("span", K, p(u(O2).uploaded_on), 1), n("span", N, p(u(_)(l4.uploadTime) || "--"), 1)])])], 64)) : f("", true)]))), 128))], 2));
+} }), [["__scopeId", "data-v-bfa00e0d"]]), P = l(O);
+export {
+  P as M,
+  O as _,
+  w as a
+};

package/dist/es/mc-footer-B5NDA_C4.js

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

package/dist/es/mc-form-OerjYAFL.js

@@ -0,0 +1,74 @@
+import { m as e, _ as a, l as r } from "./utils-Bxl3PXzk.js";
+import { onMounted as t, onBeforeUnmount as o, computed as l, defineComponent as i, reactive as s, toRefs as d, provide as m, createElementBlock as n, openBlock as c, createElementVNode as u, withModifiers as f, renderSlot as v, inject as p, watch as b } from "vue";
+import { keys as I, first as x, filter as h, size as y, includes as V, each as D, isFunction as _ } from "lodash-es";
+import { useId as j, useProp as w } from "@mc-plus/hooks";
+import { F } from "./mc-form-item-NTzV5y7o.js";
+const S = Symbol("mc-form-context"), E = "mc-form", B = { class: "mc-form" }, P = r(a(i({ name: E, __name: "mc-form", props: { model: {}, rules: { default: () => ({}) }, disabled: { type: Boolean }, direction: { default: "vertical" }, scrollToError: { type: Boolean, default: false } }, emits: ["validate"], setup(a2, { expose: r2, emit: t2 }) {
+  const o2 = a2, l2 = t2, i2 = [], p2 = (e2, a3) => y(a3) ? h(e2, (e3) => V(a3, e3.prop)) : e2, b2 = s({ ...d(o2), emits: l2, addField: (e2) => {
+    e2.prop && i2.push(e2);
+  }, removeField: (e2) => {
+    e2.prop && i2.splice(i2.indexOf(e2), 1);
+  } });
+  return m(S, b2), r2({ validate: async (a3 = [], r3) => {
+    try {
+      return await (async (e2 = [], a4) => {
+        const r4 = y(e2) ? h(i2, (a5) => V(e2, a5.prop)) : i2;
+        try {
+          const e3 = await (async (e4 = []) => {
+            let a5 = [];
+            for (const r5 of e4) try {
+              await r5.validate();
+            } catch (e5) {
+              a5.push(e5);
+            }
+            return !y(a5) || Promise.reject(a5);
+          })(r4);
+          return true === e3 && (a4 == null ? void 0 : a4(true)), e3;
+        } catch (e3) {
+          if (e3 instanceof Error) throw e3;
+          const r5 = e3;
+          return a4 == null ? void 0 : a4(false, r5), Promise.reject(r5);
+        }
+      })(a3, r3);
+    } catch (a4) {
+      return o2.scrollToError && (async (a5) => {
+        const r4 = I(x(a5))[0], t3 = p2(i2, [r4])[0].id, o3 = document.getElementById(t3);
+        o3 == null ? void 0 : o3.scrollIntoView({ block: "center", inline: "center", behavior: "smooth" }), await e(500), o3 == null ? void 0 : o3.focus();
+      })(a4), Promise.reject(a4);
+    }
+  }, resetFields: (e2 = []) => {
+    D(p2(i2, e2), (e3) => e3.resetField());
+  }, clearValidate: (e2 = []) => {
+    D(p2(i2, e2), (e3) => e3.clearValidate());
+  } }), (e2, a3) => (c(), n("div", B, [u("form", { onSubmit: a3[0] || (a3[0] = f(() => {
+  }, ["prevent"])) }, [v(e2.$slots, "default", {}, void 0, true)], 32)]));
+} }), [["__scopeId", "data-v-446fb309"]])), g = ({ externalId: e2, externalDisabled: a2, disableValidation: r2 } = {}) => {
+  const i2 = w("disableValidation"), s2 = l(() => !!i2.value || !!(r2 == null ? void 0 : r2.value)), d2 = p(S, void 0), m2 = s2.value ? void 0 : p(F, void 0), n2 = m2 ? (({ formItem: e3, externalId: a3 }) => {
+    const r3 = j(a3 == null ? void 0 : a3.value);
+    return t(() => {
+      e3 && (e3.id = r3);
+    }), o(() => {
+      e3 && (e3.id = "");
+    }), r3;
+  })({ formItem: m2, externalId: e2 }) : void 0, c2 = (({ form: e3, formItem: a3, externalDisabled: r3 }) => {
+    const t2 = w("disabled");
+    return l(() => t2.value || !!(e3 == null ? void 0 : e3.disabled) || !!(a3 == null ? void 0 : a3.disabled) || !!(r3 == null ? void 0 : r3.value));
+  })({ form: d2, formItem: m2, externalDisabled: a2 });
+  return { form: d2, formItem: m2, formId: n2, formDisabled: c2 };
+}, k = ({ externalId: e2, externalDisabled: a2, disableValidation: r2, validator: t2 } = {}) => {
+  const { form: o2, formItem: i2, formId: s2, formDisabled: d2 } = g({ externalId: e2, externalDisabled: a2, disableValidation: r2 }), m2 = i2 ? l(() => _(t2) && "error" === t2() ? "error" : (i2 == null ? void 0 : i2.validateStatus) || "init") : void 0, n2 = m2 ? l(() => `mc-form-validate-${m2.value}`) : "", c2 = !!m2 && l(() => "error" === m2.value), u2 = !!m2 && l(() => "success" === m2.value), f2 = w(["hideValidationIcon", "hide-validation-icon"]), v2 = !!m2 && l(() => !f2.value && (c2 && c2.value ? "Reject_02" : !(!u2 || !u2.value) && "Accept_02"));
+  if (i2) {
+    const e3 = w("modelValue");
+    b(() => e3.value, () => {
+      i2.validate("change");
+    });
+  }
+  return { form: o2, formItem: i2, formId: s2, formDisabled: d2, validateStatus: m2, validateStyle: n2, isError: c2, isSuccess: u2, statusIcon: v2 };
+};
+export {
+  S as F,
+  P as M,
+  g as a,
+  E as b,
+  k as u
+};

package/dist/es/mc-form-item-NTzV5y7o.js

@@ -0,0 +1,69 @@
+import { _ as e, l as r } from "./utils-Bxl3PXzk.js";
+import { defineComponent as t, inject as l, ref as o, computed as s, reactive as a, provide as i, onMounted as m, onUnmounted as d, createElementBlock as c, openBlock as u, normalizeClass as n, renderSlot as p, createElementVNode as v, createCommentVNode as f, toDisplayString as h, createVNode as g, createTextVNode as b, Transition as q, withCtx as _, nextTick as y } from "vue";
+import { isNil as F, filter as $, map as j, includes as P, keys as k, size as x, some as z, get as S, set as w, cloneDeep as B, isArray as M } from "lodash-es";
+import V from "async-validator";
+import { _ as I } from "./mc-tooltip-BeldB7Zk.js";
+import { F as A } from "./mc-form-OerjYAFL.js";
+const C = Symbol("mc-form-item-context"), D = "mc-form-item", E = { class: "mc-form-item-label-wrapper" }, G = { key: 0, class: "mc-form-item-label" }, H = { key: 0, class: "mc-form-item-help" }, J = { key: 0, class: "mc-form-item-desc" }, K = { class: "mc-form-item__content" }, L = { key: 0, class: "mc-form-item__error" }, N = r(e(t({ name: D, __name: "mc-form-item", props: { prop: { default: "" }, label: {}, disabled: { type: Boolean, default: false }, required: { type: Boolean, default: false }, rules: {}, help: {}, desc: {} }, setup(e2, { expose: r2 }) {
+  const t2 = e2, D2 = l(A, void 0), N2 = o("init"), O = o(""), Q = (e3) => e3 && t2.prop && !F(S(e3, t2.prop)) ? S(e3, t2.prop) : null, R = s(() => {
+    const e3 = D2 == null ? void 0 : D2.model;
+    return Q(e3);
+  }), T = s(() => {
+    const e3 = [];
+    t2.required && e3.push({ required: true }), t2.rules && e3.push(...t2.rules);
+    const r3 = D2 == null ? void 0 : D2.rules;
+    if (r3 && t2.prop) {
+      const t3 = Q(r3);
+      t3 && e3.push(...t3);
+    }
+    const l2 = t2.required;
+    if (F(l2)) {
+      const r4 = $(j(e3, (e4, r5) => [e4, r5]), (e4) => P(k(e4[0]), "required"));
+      if (x(r4)) for (const t3 of r4) {
+        const [r5, o2] = t3;
+        r5.required !== l2 && (e3[o2] = { ...r5, required: l2 });
+      }
+      else e3.push({ required: l2 });
+    }
+    return e3;
+  }), U = s(() => x(T.value) > 0), W = s(() => z(T.value, "required") || t2.required), X = s(() => t2.disabled);
+  let Y = null, Z = false;
+  const ee = (e3, r3) => {
+    if (Z || !t2.prop || X.value) return Promise.resolve(true);
+    if (!U.value) return r3 == null ? void 0 : r3(true), Promise.resolve(true);
+    const l2 = ((e4) => {
+      const r4 = T.value;
+      return r4 ? $(r4, (r5) => !(!r5.trigger && e4 && "change" !== e4) && (!r5.trigger || !e4 || (M(r5.trigger) ? P(r5.trigger, e4) : r5.trigger === e4))).map(({ trigger: e5, ...r5 }) => r5) : [];
+    })(e3);
+    if (!x(l2)) return r3 == null ? void 0 : r3(true), Promise.resolve(true);
+    N2.value = "validating";
+    const o2 = ((e4) => {
+      const r4 = t2.prop;
+      return r4 ? new V({ [r4]: e4 }).validate({ [r4]: R.value }, { firstFields: true }).then(() => (N2.value = "success", D2 == null ? void 0 : D2.emits("validate", t2, true, ""), O.value = "", true)).catch((e5) => {
+        const { errors: r5 } = e5;
+        return N2.value = "error", O.value = r5 && x(r5) > 0 ? r5[0].message ?? "" : "", D2 == null ? void 0 : D2.emits("validate", t2, false, O.value), Promise.reject(e5);
+      }) : null;
+    })(l2);
+    return o2 ? o2.then(() => (r3 == null ? void 0 : r3(true), true)).catch((e4) => {
+      const { fields: t3 } = e4;
+      return r3 == null ? void 0 : r3(false, t3), Promise.reject(t3);
+    }) : Promise.reject(false);
+  }, re = () => {
+    const e3 = D2 == null ? void 0 : D2.model;
+    e3 && t2.prop && !F(S(e3, t2.prop)) && (Z = true, w(e3, t2.prop, B(Y))), y(() => {
+      te();
+    });
+  }, te = () => {
+    N2.value = "init", O.value = "", Z = false;
+  }, le = a({ id: o(""), prop: s(() => t2.prop ?? ""), validateStatus: s(() => N2.value), disabled: X, validate: ee, resetField: re, clearValidate: te }), oe = s(() => "horizontal" === (D2 == null ? void 0 : D2.direction));
+  return i(C, le), m(() => {
+    t2.prop && (D2 == null ? void 0 : D2.addField(le), Y = R.value);
+  }), d(() => {
+    t2.prop && (D2 == null ? void 0 : D2.removeField(le));
+  }), r2({ validateMessage: O, validateStatus: N2, validate: ee, resetField: re, clearValidate: te }), (r3, t3) => (u(), c("div", { class: n(["mc-form-item", { "mc-form-item-horizontal": oe.value }]) }, [p(r3.$slots, "label", { required: W.value }, () => [v("div", null, [v("div", E, [e2.label ? (u(), c("label", G, [v("span", { class: n(["mc-form-item-lable-text", { "mc-form-item-label-required": W.value }]) }, h(e2.label), 3), e2.help || r3.$slots.help ? (u(), c("div", H, [p(r3.$slots, "help", {}, () => [g(I, { content: e2.help, "icon-size": 20 }, null, 8, ["content"])], true)])) : f("", true)])) : f("", true), p(r3.$slots, "tool", {}, void 0, true)]), e2.desc || r3.$slots.desc ? (u(), c("div", J, [p(r3.$slots, "desc", {}, () => [b(h(e2.desc), 1)], true)])) : f("", true)])], true), v("div", K, [p(r3.$slots, "default", {}, void 0, true), g(q, { name: "mc-form-item-error" }, { default: _(() => [O.value ? (u(), c("div", L, h(O.value), 1)) : f("", true)]), _: 1 })])], 2));
+} }), [["__scopeId", "data-v-7b5ddbdd"]]));
+export {
+  C as F,
+  N as M,
+  D as a
+};

package/dist/es/mc-icon-DNEaXCT8.js

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

package/dist/es/mc-icon-plus-CmTBSYSx.js

@@ -0,0 +1,14 @@
+import { _ as s, l as o } from "./utils-Bxl3PXzk.js";
+import { defineComponent as e, computed as c, createElementBlock as i, openBlock as t, normalizeStyle as l, createElementVNode as a, normalizeClass as u } from "vue";
+import { useWidthHeight as m } from "@mc-plus/hooks";
+const r = "mc-icon-plus", n = s(e({ name: r, __name: "mc-icon-plus", props: { name: {}, size: { default: 24 }, width: {}, height: {}, color: {}, cursor: { default: "default" } }, emits: ["click"], setup(s2, { emit: o2 }) {
+  const e2 = s2, r2 = o2, { width: n2, height: p2 } = m(), h = c(() => e2.width ? n2.value : `${e2.size}px`), d = c(() => e2.height ? p2.value : `${e2.size}px`), f = () => {
+    r2("click", e2.name);
+  };
+  return (o3, e3) => (t(), i("span", { class: "mc-icon-plus", style: l({ fontSize: `${s2.size}px`, width: h.value, height: d.value, color: s2.color, cursor: s2.cursor }), onClick: f }, [a("i", { class: u(["mc-iconfont-plus", `mc-icon-plus-${s2.name}`]) }, null, 2)], 4));
+} }), [["__scopeId", "data-v-779c77bf"]]), p = o(n);
+export {
+  n as M,
+  p as a,
+  r as b
+};

package/dist/es/mc-input-DZ6fY-dR.js

@@ -0,0 +1,89 @@
+import { _ as e, l as t } from "./utils-Bxl3PXzk.js";
+import { ref as a, defineComponent as l, computed as n, onMounted as u, watch as o, createElementBlock as s, openBlock as r, normalizeStyle as i, normalizeClass as c, unref as p, createCommentVNode as d, createElementVNode as f, renderSlot as m, createBlock as v, withKeys as y, createVNode as g, Fragment as x, nextTick as h } from "vue";
+import { includes as b, endsWith as _, startsWith as w, toString as I, isNil as k, isFunction as $ } from "lodash-es";
+import { useFocus as V, useHover as B } from "@mc-plus/hooks";
+import { M as S } from "./mc-icon-DNEaXCT8.js";
+import { u as A } from "./mc-form-OerjYAFL.js";
+import { u as C } from "./mc-input-group-CDGApZJq.js";
+const R = "mc-input", j = { key: 0, class: "mc-input__prefix" }, z = ["id", "type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "maxlength"], F = { key: 2, class: "mc-input__password" }, T = { key: 0, class: "mc-input__suffix" }, D = { key: 4, class: "mc-input-append" }, H = { class: "mc-input-append-text" }, P = t(e(l({ name: R, __name: "mc-input", props: { modelValue: {}, width: {}, height: {}, id: {}, 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: {}, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, textAlign: { default: "left" }, formatter: {}, parser: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "paste", "clear", "delete"], setup(e2, { expose: t2, emit: l2 }) {
+  const R2 = e2, { formatter: P2, parser: E } = R2, G = l2, M = a(), q = n(() => k(R2.modelValue) ? "" : I(R2.modelValue)), K = (e3) => ("number" === R2.type ? e3 = ((e4) => e4.replace(/[^\d]/g, ""))(e3) : "currency" === R2.type && (e3 = ((e4, t3 = 8) => {
+    e4 = e4.replace(/(?:[^0-9.]+)/g, "");
+    const [a2, ...l3] = e4.split(".");
+    if (l3.length) {
+      const e5 = l3.join("");
+      return 0 === t3 ? a2 : `${a2}.${e5.substring(0, t3)}`;
+    }
+    return a2;
+  })(e3, R2.currencyAccuracy)), $(E) && (e3 = E(e3)), e3), O = () => {
+    const e3 = M.value, t3 = (a2 = q.value, "number" === R2.type ? a2 = ((e4) => e4.replace(/[^\d]/g, ""))(a2) : "currency" === R2.type && (a2 = ((e4) => {
+      e4 = e4.toString();
+      const [t4, a3] = e4.toString().split("."), l3 = t4.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+      return b(e4, ".") ? `${l3}.${a3}` : l3;
+    })(a2)), $(P2) && (a2 = P2(a2)), a2);
+    var a2;
+    e3 && e3.value !== t3 && (e3.value = t3);
+  };
+  u(() => {
+    O();
+  });
+  const J = a(false), L = n(() => "password" === R2.type), { formItem: N, formId: Q, formDisabled: U, validateStyle: W, statusIcon: X } = A({ externalDisabled: n(() => !!(le == null ? void 0 : le.inputGroupDisabled.value)) }), { wrapperRef: Y, isFocused: Z, handleFocus: ee, handleBlur: te } = V(M, { afterBlur() {
+    N == null ? void 0 : N.validate("blur");
+  } }), { isHovering: ae } = B(Y), le = C({ validateStatus: n(() => (N == null ? void 0 : N.validateStatus) || "init"), isFocused: Z, isHovering: ae }), ne = () => {
+    G("delete");
+  }, ue = (e3) => {
+    G("paste", e3);
+  };
+  o(() => R2.currencyAccuracy, () => {
+    G("update:modelValue", K(q.value));
+  });
+  const { recordCursor: oe, setCursor: se } = function(e3) {
+    const t3 = a();
+    return { recordCursor: () => {
+      if (!e3.value) return;
+      const { selectionStart: a2, selectionEnd: l3, value: n2 } = e3.value;
+      if (!a2 || !l3) return;
+      const u2 = n2.slice(0, a2), o2 = n2.slice(l3);
+      t3.value = { selectionStart: a2, selectionEnd: l3, value: n2, beforeTxt: u2, afterTxt: o2 };
+    }, setCursor: () => {
+      if (!e3.value || !t3.value) return;
+      const { value: a2 } = e3.value, { beforeTxt: l3, afterTxt: n2, selectionStart: u2 } = t3.value;
+      if (!l3 || !n2 || !u2) return;
+      let o2 = a2.length;
+      if (_(a2, n2)) o2 = a2.length - n2.length;
+      else if (w(a2, l3)) o2 = l3.length;
+      else {
+        const e4 = l3[u2 - 1], t4 = a2.indexOf(e4, u2 - 1);
+        -1 !== t4 && (o2 = t4 + 1);
+      }
+      e3.value.setSelectionRange(o2, o2);
+    } };
+  }(M), re = async (e3) => {
+    const { value: t3 } = e3.target;
+    oe(), G("update:modelValue", K(t3)), G("input", K(t3)), await h(), O(), se(), N == null ? void 0 : N.validate("input");
+  }, ie = (e3) => {
+    const { value: t3 } = e3.target;
+    G("change", K(t3));
+  }, ce = () => {
+    U.value || (J.value = !J.value);
+  };
+  return o(() => U.value, (e3) => {
+    e3 && (J.value = false);
+  }), o(q, () => {
+    O();
+  }), t2({ ref: M, focus: async () => {
+    var _a;
+    await h(), (_a = M.value) == null ? void 0 : _a.focus();
+  }, blur: async () => {
+    var _a;
+    (_a = M.value) == null ? void 0 : _a.blur();
+  }, select: () => {
+    var _a;
+    (_a = M.value) == null ? void 0 : _a.select();
+  }, clear: () => {
+    G("update:modelValue", ""), G("input", ""), G("change", ""), G("clear"), N == null ? void 0 : N.clearValidate();
+  } }), (t3, a2) => (r(), s("div", { class: c(["mc-input", { "mc-input--disabled": p(U), "mc-input--focused": p(Z), "mc-input--inputed": e2.modelValue, "mc-input-hovering": p(ae), [p(W)]: p(W) }]), style: i({ width: e2.width, height: e2.height }), ref_key: "wrapperRef", ref: Y }, [t3.$slots.prefix || e2.prefixIcon ? (r(), s("div", j, [m(t3.$slots, "prefix", {}, () => [e2.prefixIcon ? (r(), v(S, { key: 0, class: "mc-input-icon", name: e2.prefixIcon, size: 24 }, null, 8, ["name"])) : d("", true)], true)])) : d("", true), f("input", { class: "mc-input__inner", style: i({ textAlign: e2.textAlign }), ref_key: "inputRef", ref: M, id: p(Q), type: L.value ? J.value ? "text" : "password" : "text", disabled: p(U), readonly: e2.readonly, autocomplete: e2.autocomplete, placeholder: e2.placeholder, autofocus: e2.autofocus, maxlength: e2.maxlength, onInput: re, onChange: ie, onFocus: a2[0] || (a2[0] = (...e3) => p(ee) && p(ee)(...e3)), onBlur: a2[1] || (a2[1] = (...e3) => p(te) && p(te)(...e3)), onKeydown: y(ne, ["delete"]), onPaste: ue }, null, 44, z), p(X) ? (r(), s("div", { key: 1, class: c(["mc-input__status", p(W)]) }, [g(S, { name: p(X), size: 24 }, null, 8, ["name"])], 2)) : d("", true), "password" === e2.type ? (r(), s("div", F, [g(S, { class: "mc-input-icon", name: J.value ? "Review-Hidden" : "Review", size: 24, onClick: ce }, null, 8, ["name"])])) : (r(), s(x, { key: 3 }, [t3.$slots.suffix || e2.suffixIcon ? (r(), s("div", T, [m(t3.$slots, "suffix", {}, () => [e2.suffixIcon ? (r(), v(S, { key: 0, name: e2.suffixIcon, size: 24 }, null, 8, ["name"])) : d("", true)], true)])) : d("", true)], 64)), t3.$slots.append ? (r(), s("div", D, [f("div", H, [m(t3.$slots, "append", {}, void 0, true)])])) : d("", true)], 6));
+} }), [["__scopeId", "data-v-fb2298c1"]]));
+export {
+  P as M,
+  R as a
+};

package/dist/es/mc-input-group-CDGApZJq.js

@@ -0,0 +1,36 @@
+import { ref as e, computed as u, inject as t, watch as i, defineComponent as p, provide as r, createElementBlock as s, openBlock as o, normalizeClass as a, unref as d, createElementVNode as n, createCommentVNode as l, normalizeStyle as f, renderSlot as c } from "vue";
+import { useProp as v } from "@mc-plus/hooks";
+import { _ as x, l as m } from "./utils-Bxl3PXzk.js";
+import { a as I } from "./mc-form-OerjYAFL.js";
+const g = Symbol("mc-input-group-context"), G = "mc-input-group", A = (e2) => {
+  const p2 = t(g, void 0);
+  if (!p2) return;
+  const r2 = u(() => p2.disabled.value), s2 = v("inputGroupPosition");
+  if (!s2 || !s2.value) return;
+  const { validateStatus: o2, isExpanded: a2, isFocused: d2, isHovering: n2 } = e2;
+  return o2 && i(o2, (e3) => {
+    p2.setInputGroupValidate(e3);
+  }), a2 && i(a2, (e3) => {
+    p2.setInputGroupExpanded(e3);
+  }), i([d2, n2], ([e3, u2]) => {
+    e3 || u2 ? p2.setInputGroupActived(true, s2.value) : p2.setInputGroupActived(false, s2.value);
+  }), { inputGroupDisabled: r2 };
+}, E = ["id"], b = { key: 0, class: "mc-input-group-divider" }, y = m(x(p({ name: G, __name: "mc-input-group", props: { disabled: { type: Boolean, default: false }, suffixFlex: { default: 1 }, prefixFlex: { default: 1 } }, setup(t2) {
+  const { isError: i2, isExpanded: p2, isPrefixActived: v2, isSuffixActived: x2, setInputGroupValidate: m2, setInputGroupExpanded: G2, setInputGroupActived: A2 } = (() => {
+    const t3 = e("init"), i3 = u(() => "error" === t3.value), p3 = e(false), r2 = e(false), s2 = e(false);
+    return { validateStatus: t3, isError: i3, isExpanded: p3, isPrefixActived: r2, isSuffixActived: s2, setInputGroupValidate: (e2) => {
+      t3.value = e2;
+    }, setInputGroupExpanded: (e2) => {
+      p3.value = e2;
+    }, setInputGroupActived: (e2, u2) => {
+      "prefix" === u2 ? r2.value = e2 : s2.value = e2;
+    } };
+  })(), { formId: y2, formDisabled: F } = I(), S = u(() => !v2.value && !x2.value && !p2.value || F.value);
+  return r(g, { disabled: F, setInputGroupExpanded: G2, setInputGroupValidate: m2, setInputGroupActived: A2 }), (e2, u2) => (o(), s("div", { id: d(y2), class: a(["mc-input-group", { "mc-input-group-disabled": d(F) }]) }, [n("div", { class: a(["mc-input-group-prefix", { "mc-input-group-prefix-expanded": d(p2), "mc-input-group-prefix-actived": d(v2), "mc-input-group-prefix-error": d(i2) }]), style: f({ flex: t2.prefixFlex }) }, [c(e2.$slots, "prefix", {}, void 0, true)], 6), S.value ? (o(), s("div", b)) : l("", true), n("div", { class: a(["mc-input-group-suffix", { "mc-input-group-suffix-expanded": d(p2), "mc-input-group-suffix-actived": d(x2), "mc-input-group-suffix-error": d(i2) }]), style: f({ flex: t2.suffixFlex }) }, [c(e2.$slots, "suffix", {}, void 0, true)], 6)], 10, E));
+} }), [["__scopeId", "data-v-a61c5f3e"]]));
+export {
+  g as I,
+  y as M,
+  G as a,
+  A as u
+};

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

@@ -0,0 +1,38 @@
+import { _ as e, l as o } from "./utils-Bxl3PXzk.js";
+import { defineComponent as t, ref as l, watch as a, nextTick as i, createElementBlock as s, createCommentVNode as r, openBlock as d, createBlock as m, Teleport as f, createVNode as u, Transition as n, withCtx as c, normalizeClass as h, createElementVNode as p, renderSlot as v, normalizeStyle as g } from "vue";
+import { useWindowResize as b, useResizeObserver as x } from "@mc-plus/hooks";
+import { _ as y } from "./mc-overlay-BKPcvOBP.js";
+import { _ } from "./mc-modal-header-D_Ft0Os1.js";
+import { M as k } from "./mc-footer-B5NDA_C4.js";
+const w = "mc-lightbox", $ = { key: 0, class: "mc-lightbox-container" }, B = { class: "mc-lightbox-header" }, H = { key: 0, class: "mc-lightbox-bottom-padding" }, C = o(e(t({ name: w, __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", "open", "close"], setup(e2, { expose: o2, emit: t2 }) {
+  const w2 = e2, C2 = t2, V = l(), j = l(), R = l(), z = l(), F = l(false), M = l(false), S = l(false), I = () => {
+    w2.maskClosable && D();
+  }, q = () => {
+    D();
+  }, A = async (e3 = true) => {
+    F.value = true, M.value = true, await i(), S.value = true, e3 && (C2("open"), C2("update:modelValue", true));
+  }, D = async (e3 = true) => {
+    S.value = false, await i(), M.value = false, await i(), F.value = false, e3 && (C2("close"), C2("update:modelValue", false));
+  };
+  a(() => w2.modelValue, (e3, o3) => {
+    !o3 && e3 ? A(false) : o3 && !e3 && D(false);
+  }, { immediate: true });
+  const E = () => {
+    var _a, _b;
+    if (!R.value) return;
+    const e3 = ((_a = j.value) == null ? void 0 : _a.offsetHeight) ?? 0, o3 = 0.7 * window.innerHeight - 84 - e3, t3 = ((_b = z.value) == null ? void 0 : _b.offsetHeight) ?? 40;
+    R.value.style.height = `${t3 > o3 ? o3 : t3}px`;
+  };
+  return b(() => {
+    E();
+  }), x(j, async ({ height: e3 }) => {
+    const o3 = V.value;
+    o3 && (o3.style.paddingBottom = `${e3}px`, await i(), E());
+  }), x(z, () => {
+    E();
+  }), o2({ ref: V, open: A, close: D }), (o3, t3) => F.value ? (d(), s("div", $, [(d(), m(f, { to: e2.portCssSelector }, [u(n, { name: "mc-lightbox-overlay" }, { default: c(() => [u(y, { visible: M.value, fixed: e2.fixed, onClick: I }, { default: c(() => [u(n, { name: "mc-lightbox-content" }, { default: c(() => [S.value ? (d(), s("div", { key: 0, class: h(["mc-lightbox", [`mc-lightbox-${e2.size}`]]), ref_key: "lightboxRef", ref: V }, [p("div", B, [v(o3.$slots, "header", {}, () => [u(_, { title: e2.title, "show-border": e2.showBorder, onClose: q }, { default: c(() => [v(o3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])], true)]), p("div", { class: "mc-lightbox-content-wrapper", ref_key: "wrapperRef", ref: R }, [p("div", { class: "mc-lightbox-content", style: g({ minHeight: e2.minHeight ? `${e2.minHeight}px` : void 0 }), ref_key: "contentRef", ref: z }, [v(o3.$slots, "default", {}, void 0, true)], 4)], 512), p("div", { class: "mc-lightbox-footer", ref_key: "footerRef", ref: j }, [e2.hideFooter ? (d(), s("div", H)) : v(o3.$slots, "footer", { key: 1 }, () => [u(k, null, { left: c(() => [v(o3.$slots, "footer-left", {}, void 0, true)]), right: c(() => [v(o3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": c(() => [v(o3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: c(() => [v(o3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512)], 2)) : r("", true)]), _: 3 })]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : r("", true);
+} }), [["__scopeId", "data-v-0a4bb412"]]));
+export {
+  C as M,
+  w as a
+};

package/dist/es/mc-loading-D_ELubbA.js

@@ -0,0 +1,12 @@
+import { _ as l, l as s } from "./utils-Bxl3PXzk.js";
+import { defineComponent as a, computed as i, createElementBlock as e, openBlock as o, normalizeClass as n, createCommentVNode as d, renderSlot as t, createElementVNode as m, createVNode as c, toDisplayString as p } from "vue";
+import { M as u } from "./mc-icon-DNEaXCT8.js";
+const g = "mc-loading", r = { key: 0, class: "mc-loading-pulse" }, f = { key: 1, class: "mc-loading-spin" }, v = { class: "mc-loading-text" }, y = l(a({ name: g, __name: "mc-loading", props: { loading: { type: Boolean }, loadingText: {}, size: { default: "medium" }, type: { default: "spin" } }, setup(l2) {
+  const s2 = l2, a2 = i(() => "small" === s2.size ? 24 : "medium" === s2.size ? 32 : 64);
+  return (s3, i2) => (o(), e("div", { class: n(["mc-loading", [`mc-loading-${l2.size}`, { "mc-loading-active": l2.loading }]]) }, ["pulse" === l2.type ? (o(), e("div", r, [...i2[0] || (i2[0] = [m("i", { class: "mc-loading-pulse-dot" }, null, -1), m("i", { class: "mc-loading-pulse-dot" }, null, -1), m("i", { class: "mc-loading-pulse-dot" }, null, -1), m("i", { class: "mc-loading-pulse-dot" }, null, -1)])])) : "spin" === l2.type ? (o(), e("div", f, [c(u, { name: "Loading_Line", size: a2.value }, null, 8, ["size"])])) : d("", true), l2.loadingText || s3.$slots.default ? t(s3.$slots, "default", { key: 2 }, () => [m("p", v, p(l2.loadingText), 1)], true) : d("", true)], 2));
+} }), [["__scopeId", "data-v-9130fb96"]]), z = s(y);
+export {
+  y as M,
+  z as a,
+  g as b
+};

package/dist/es/mc-modal-header-D_Ft0Os1.js

@@ -0,0 +1,13 @@
+import { _ as e, l as o } from "./utils-Bxl3PXzk.js";
+import { defineComponent as s, createElementBlock as t, openBlock as a, createVNode as l, withCtx as r, renderSlot as m } from "vue";
+import { M as d } from "./mc-icon-DNEaXCT8.js";
+import { _ as c } from "./mc-title-Dm-Uzqcw.js";
+const i = "mc-modal-header", h = { class: "mc-modal-header" }, n = e(s({ name: i, __name: "mc-modal-header", props: { title: {}, showBorder: { type: Boolean, default: true }, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: o2 }) {
+  const s2 = o2;
+  return (o3, i2) => (a(), t("div", h, [l(c, { title: e2.title, "show-border": e2.showBorder, height: "100%", class: "mc-modal-header-title" }, { "tool-bar": r(() => [l(d, { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: i2[0] || (i2[0] = (e3) => s2("close")) })]), default: r(() => [m(o3.$slots, "default", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])]));
+} }), [["__scopeId", "data-v-4f75e89c"]]), p = o(n);
+export {
+  p as M,
+  n as _,
+  i as a
+};

package/dist/es/mc-multi-tag-DsCmJyQO.js

@@ -0,0 +1,16 @@
+import { _ as l, l as a } from "./utils-Bxl3PXzk.js";
+import { defineComponent as e, createElementBlock as s, openBlock as t, normalizeClass as m, createVNode as o, createElementVNode as i, toDisplayString as d, Fragment as c, renderList as r, createBlock as u } from "vue";
+import { M as b } from "./mc-icon-plus-CmTBSYSx.js";
+import { _ as n } from "./mc-removable-tag-BnTEvVRv.js";
+const p = "mc-multi-tag", g = { class: "mc-multi-tag-label" }, v = { class: "mc-multi-tag-option-list" }, f = a(l(e({ name: p, __name: "mc-multi-tag", props: { label: {}, tags: { default: () => [] }, disabled: { type: Boolean, default: false } }, emits: ["remove:all", "remove:tag"], setup(l2, { emit: a2 }) {
+  const e2 = l2, p2 = a2, f2 = (l3) => {
+    e2.disabled || p2("remove:tag", l3, e2.label);
+  }, _ = () => {
+    e2.disabled || p2("remove:all", e2.label);
+  };
+  return (a3, e3) => (t(), s("li", { class: m(["mc-multi-tag", { "mc-multi-tag-disabled": l2.disabled }]) }, [o(b, { class: "mc-multi-tag-close-all-icon", name: "cross", cursor: l2.disabled ? "not-allowed" : "pointer", onClick: _ }, null, 8, ["cursor"]), e3[0] || (e3[0] = i("i", { class: "mc-multi-tag-divider" }, null, -1)), i("span", g, d(`${l2.label} :`), 1), i("ul", v, [(t(true), s(c, null, r(l2.tags, (a4) => (t(), u(n, { key: a4, label: a4, disabled: l2.disabled, onRemove: f2 }, null, 8, ["label", "disabled"]))), 128))])], 2));
+} }), [["__scopeId", "data-v-3dae2bba"]]));
+export {
+  f as M,
+  p as a
+};

package/dist/es/mc-otp-BjyPMD6Q.js

@@ -0,0 +1,72 @@
+import { _ as e, l as t } from "./utils-Bxl3PXzk.js";
+import { ref as o, nextTick as a, defineComponent as l, reactive as n, computed as s, onMounted as u, watch as c, watchEffect as r, createElementBlock as i, openBlock as p, normalizeClass as d, unref as m, createElementVNode as v, createBlock as f, createCommentVNode as h, Fragment as g, renderList as y, withDirectives as b, withModifiers as V, withKeys as I, vModelText as x } from "vue";
+import { isNil as w, isEmpty as F } from "lodash-es";
+import { M as k } from "./mc-icon-DNEaXCT8.js";
+import { useClickOutside as _, useProp as j } from "@mc-plus/hooks";
+import { u as D } from "./mc-form-OerjYAFL.js";
+const M = "mc-otp", C = ["id"], K = { class: "mc-otp-input-list" }, U = ["onClick"], z = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown"], A = t(e(l({ name: M, __name: "mc-otp", props: { modelValue: {}, disabled: { type: Boolean, default: false }, length: { default: 6 } }, emits: ["update:modelValue", "change"], setup(e2, { emit: t2 }) {
+  const l2 = e2, M2 = t2, A2 = o([]), B = n(new Array(l2.length)), { focusIndex: E, setFocus: P, nextFocus: S, prevFocus: q } = ((e3) => {
+    const t3 = o(), l3 = (e4) => {
+      t3.value = e4;
+    };
+    _(e3, () => {
+      w(t3.value) || (H == null ? void 0 : H.validate("blur")), l3(void 0);
+    });
+    const n2 = j("length"), s2 = (o2) => {
+      var _a;
+      const a2 = n2.value ?? 0;
+      o2 < 0 && (o2 = 0), o2 > a2 - 1 && (o2 = a2 - 1), t3.value = o2;
+      const l4 = e3.value[o2], s3 = (_a = l4 == null ? void 0 : l4.children) == null ? void 0 : _a[0];
+      s3 == null ? void 0 : s3.focus();
+    }, u2 = j("modelValue");
+    return { focusIndex: t3, setFocusIndex: l3, setFocus: s2, nextFocus: () => {
+      a(() => {
+        var _a;
+        const e4 = ((_a = u2.value) == null ? void 0 : _a.length) ?? 0;
+        e4 < (n2.value ?? 0) && s2(e4);
+      });
+    }, prevFocus: () => {
+      a(() => {
+        var _a;
+        const e4 = ((_a = u2.value) == null ? void 0 : _a.length) ?? 0;
+        e4 - 1 >= 0 && s2(e4 - 1);
+      });
+    } };
+  })(A2), { formId: G, formItem: H, formDisabled: J, validateStyle: L, statusIcon: N } = D({ externalDisabled: s(() => l2.disabled) }), O = (e3) => {
+    for (let t3 = 0; t3 < l2.length; t3++) B[t3] = (e3 == null ? void 0 : e3[t3]) || "";
+  };
+  u(() => {
+    O(l2.modelValue);
+  }), c(() => l2.modelValue, (e3) => {
+    O(e3);
+  });
+  const Q = async () => {
+    M2("change", B.join("")), M2("update:modelValue", B.join("")), await a(), H == null ? void 0 : H.validate("input");
+  };
+  return r(() => {
+    var _a;
+    if ((((_a = l2.modelValue) == null ? void 0 : _a.length) ?? 0) > l2.length) throw new Error("modelValue length is greater than length.");
+  }), (e3, t3) => (p(), i("div", { id: m(G), class: d(["mc-otp", { "mc-otp-disabled": m(J), [m(L)]: m(L) }]) }, [v("ul", K, [(p(true), i(g, null, y(l2.length, (e4) => (p(), i("li", { key: e4, class: d(["mc-otp-input-item", { "mc-otp-input-item-focus": m(E) === e4 - 1 }]), ref_for: true, ref: (t4) => ((e5, t5) => {
+    t5 && (A2.value[e5] = t5);
+  })(e4 - 1, t4), onClick: (t4) => (async (e5) => {
+    F(B[e5]) ? S() : P(e5);
+  })(e4 - 1) }, [b(v("input", { "onUpdate:modelValue": (t4) => B[e4 - 1] = t4, class: "mc-otp-input", type: "number", disabled: m(J), onInput: (t4) => (async (e5, t5) => {
+    if (J.value) return;
+    const o2 = t5.target;
+    let a2 = o2.value.slice(0, 1);
+    o2.value = a2, B[e5] = a2, Q(), a2 && S();
+  })(e4 - 1, t4), onPaste: t3[0] || (t3[0] = (e5) => (async (e6) => {
+    var _a;
+    if (e6.preventDefault(), J.value) return;
+    const t4 = ((_a = e6.clipboardData) == null ? void 0 : _a.getData("text").slice(0, l2.length)) || "";
+    O(t4), Q(), S();
+  })(e5)), onKeydown: [I(V((t4) => (async (e5) => {
+    B[e5] = "", Q(), q();
+  })(e4 - 1), ["prevent", "stop"]), ["backspace"]), I(V((t4) => m(P)(e4 - 2), ["prevent", "stop"]), ["left"]), I(V((t4) => m(P)(e4), ["prevent", "stop"]), ["right"]), t3[2] || (t3[2] = I(V(() => {
+  }, ["prevent", "stop"]), ["tab"]))], onMousedown: t3[1] || (t3[1] = V(() => {
+  }, ["prevent"])) }, null, 40, z), [[x, B[e4 - 1]]])], 10, U))), 128))]), m(N) ? (p(), f(k, { key: 0, class: "mc-otp-status-icon", name: m(N), size: 24 }, null, 8, ["name"])) : h("", true)], 10, C));
+} }), [["__scopeId", "data-v-a28ede58"]]));
+export {
+  A as M,
+  M as a
+};

package/dist/es/mc-overlay-BKPcvOBP.js

@@ -0,0 +1,13 @@
+import { _ as e, l as o } from "./utils-Bxl3PXzk.js";
+import { defineComponent as s, ref as t, createElementBlock as a, createCommentVNode as i, openBlock as l, normalizeStyle as r, renderSlot as c } from "vue";
+const f = "mc-overlay", m = e(s({ name: f, __name: "mc-overlay", props: { visible: { type: Boolean }, fixed: { type: Boolean, default: true } }, emits: ["click"], setup(e2, { expose: o2, emit: s2 }) {
+  const f2 = s2, m2 = t();
+  return o2({ ref: m2 }), (o3, s3) => e2.visible ? (l(), a("div", { key: 0, class: "mc-overlay", ref_key: "_ref", ref: m2, onClick: s3[0] || (s3[0] = (e3) => ((e4) => {
+    e4.target === m2.value && f2("click");
+  })(e3)), style: r({ position: e2.fixed ? "fixed" : "absolute" }) }, [c(o3.$slots, "default", {}, void 0, true)], 4)) : i("", true);
+} }), [["__scopeId", "data-v-9486332c"]]), p = o(m);
+export {
+  p as M,
+  m as _,
+  f as a
+};

package/dist/es/mc-popper-Dlkl2YZd.js

@@ -0,0 +1,35 @@
+import { _ as e, l as o } from "./utils-Bxl3PXzk.js";
+import { defineComponent as a, ref as r, computed as t, watch as l, onUnmounted as p, watchEffect as s, createElementBlock as i, openBlock as u, mergeProps as c, toHandlers as n, createElementVNode as m, createVNode as d, renderSlot as v, Transition as f, withCtx as g, createCommentVNode as h, createTextVNode as k, toDisplayString as w } from "vue";
+import { createPopper as _ } from "@popperjs/core";
+import { debounce as y, bind as b, isNil as N } from "lodash-es";
+import { useClickOutside as T } from "@mc-plus/hooks";
+const j = "mc-popper", x = { key: 0, id: "arrow", class: "mc-popper-arrow", "data-popper-arrow": "" }, A = e(a({ name: j, __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: o2, emit: a2 }) {
+  const j2 = e2, A2 = a2, B2 = r({}), O = r({}), $ = r({}), I = r(), M = r(), q = r(), z = r(false), C = (e3) => {
+    j2.disabled && (e3 = false), z.value = e3, A2("visible:change", e3);
+  }, D = t(() => ({ placement: j2.placement, modifiers: [{ name: "offset", options: { offset: [0, 8] } }], ...j2.popperOptions }));
+  let E, F, G;
+  l(z, (e3) => {
+    e3 && M.value && q.value && (E = _(M.value, q.value, D.value));
+  }, { flush: "post" }), p(() => {
+    N(E) || (E.destroy(), E = void 0);
+  });
+  const H = t(() => "hover" === j2.trigger ? j2.showTimeout : 0), J = t(() => "hover" === j2.trigger ? j2.hideTimeout : 0);
+  s(() => {
+    B2.value = {}, O.value = {}, $.value = {}, j2.disabled ? L(false) : "click" === j2.trigger ? B2.value.click = () => {
+      z.value ? L() : K();
+    } : "hover" === j2.trigger && (B2.value.mouseenter = () => K(), O.value.mouseleave = () => L(), $.value.mouseenter = () => K()), F = y(b(C, null, true), H.value), G = y(b(C, null, false), J.value);
+  });
+  const K = (e3 = true) => {
+    G == null ? void 0 : G.cancel(), e3 ? F == null ? void 0 : F() : C(true);
+  }, L = (e3 = true) => {
+    F == null ? void 0 : F.cancel(), e3 ? G == null ? void 0 : G() : C(false);
+  };
+  return T(I, () => {
+    A2("click:outside"), "click" === j2.trigger && z.value && L(false);
+  }), o2({ show: () => K(false), hide: () => L(false) }), (o3, a3) => (u(), i("div", c({ class: "mc-popper", ref_key: "containerNode", ref: I }, n(O.value, true)), [m("div", c({ class: "mc-popper-trigger", ref_key: "triggerNode", ref: M }, n(B2.value, true)), [v(o3.$slots, "default", {}, void 0, true)], 16), d(f, { name: e2.transitionName }, { default: g(() => [z.value ? (u(), i("div", c({ key: 0, class: "mc-popper-popper", ref_key: "popperNode", ref: q }, n($.value, true)), [v(o3.$slots, "content", {}, () => [k(w(e2.content), 1)], true), e2.showArrow ? (u(), i("div", x)) : h("", true)], 16)) : h("", true)]), _: 3 }, 8, ["name"])], 16));
+} }), [["__scopeId", "data-v-96fe7118"]]), B = o(A);
+export {
+  A as M,
+  B as a,
+  j as b
+};

package/dist/es/mc-progress-bar-bmMvvbxy.js

@@ -0,0 +1,30 @@
+import { _ as e, l as r } from "./utils-Bxl3PXzk.js";
+import { defineComponent as s, ref as a, watchEffect as t, computed as o, watch as p, useSlots as m, createElementBlock as l, openBlock as n, normalizeStyle as i, unref as c, createElementVNode as u, createCommentVNode as d, renderSlot as g, toDisplayString as h } from "vue";
+import { ceil as f } from "lodash-es";
+import { useWidthHeight as v } from "@mc-plus/hooks";
+const b = "mc-progress-bar", k = { key: 0, class: "mc-progress-bar-shimmer" }, y = { key: 0, class: "mc-progress-bar-remarks" }, w = e(s({ name: b, __name: "mc-progress-bar", props: { percentage: { default: 0 }, height: { default: "4px" }, width: { default: "100%" }, remarks: {}, showPercentage: { type: Boolean, default: false }, transitionDuration: { default: 300 }, shimmer: { type: Boolean, default: false } }, emits: ["update:percentage", "complete"], setup(e2, { expose: r2, emit: s2 }) {
+  const b2 = e2, w2 = s2, { width: _2, height: P } = v(), $ = a();
+  t(() => {
+    $.value && $.value.style.setProperty("--border-radius", P.value);
+  });
+  const x = o(() => {
+    const e3 = b2.percentage / 100;
+    return e3 > 1 ? 1 : e3 < 0 ? 0 : e3;
+  });
+  p(() => b2.percentage, (e3) => {
+    e3 >= 100 && w2("complete");
+  }, { immediate: true });
+  const B = m(), D = o(() => b2.showPercentage || !!b2.remarks || !!B.remarks);
+  return r2({ updatePercentage: (e3) => {
+    w2("update:percentage", e3);
+  }, complete: () => {
+    w2("update:percentage", 100), w2("complete");
+  }, reset: () => {
+    w2("update:percentage", 0);
+  } }), (r3, s3) => (n(), l("div", { class: "mc-progress-bar", style: i({ width: c(_2) }) }, [u("div", { ref_key: "progressBarRef", ref: $, class: "mc-progress-bar-wrapper", style: i({ width: c(_2), height: c(P) }) }, [u("div", { class: "mc-progress-bar-inner", style: i({ transform: `scaleX(${x.value})`, transitionDuration: `${e2.transitionDuration}ms` }) }, null, 4), e2.shimmer ? (n(), l("i", k)) : d("", true)], 4), D.value ? (n(), l("div", y, [g(r3.$slots, "remarks", {}, () => [u("span", null, h(e2.remarks || `${c(f)(100 * x.value)}%`), 1)], true)])) : d("", true)], 4));
+} }), [["__scopeId", "data-v-af235b95"]]), _ = r(w);
+export {
+  w as M,
+  _ as a,
+  b
+};