mc-plus 1.0.78 → 1.0.79

package/dist/es/{mc-checkbox-C-9q1uwS.js → mc-checkbox-Dyzog85d.js}

@@ -2,10 +2,10 @@ import { _ as e, u as o } from "./utils-y7s5KtP-.js";
 import { inject as c, computed as a, defineComponent as l, ref as s, createElementBlock as t, openBlock as r, createElementVNode as d, createCommentVNode as u, withModifiers as m, normalizeClass as n, unref as i, withKeys as p, renderSlot as b, createTextVNode as k, toDisplayString as h, nextTick as x } from "vue";
 import { useFocus as v } from "@mc-plus/hooks";
 import { isFunction as f, includes as y, isNil as C } from "lodash-es";
-import { C as V } from "./mc-checkbox-group-DyPHhILZ.js";
-import { u as S } from "./mc-form-C0bOl2Kn.js";
-const _ = "mc-checkbox", B = { class: "mc-checkbox" }, G = ["id", "value", "disabled", "onKeypress"], D = { key: 0, class: "mc-checkbox-content" }, I = { key: 0, class: "mc-checkbox-remarks" }, $ = e(l({ name: _, __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean }, disableValidation: { type: Boolean, default: false }, value: {} }, emits: ["update:modelValue", "change", "focus", "blur"], setup(e2, { emit: o2 }) {
-  const l2 = e2, _2 = o2, $2 = s(), { wrapperRef: g2, isFocused: j, handleFocus: w, handleBlur: F } = v($2), { checkboxGroupDisabled: R, isCheckboxGroup: K, isCheckboxSelected: M, handleCheckboxSelect: q } = (() => {
+import { C as V } from "./mc-checkbox-group-eFq3z6SX.js";
+import { u as S } from "./mc-form-B74FOC7S.js";
+const _ = "mc-checkbox", B = { class: "mc-checkbox" }, G = ["id", "value", "disabled", "onKeypress"], D = { key: 0, class: "mc-checkbox-content" }, I = { key: 0, class: "mc-checkbox-remarks" }, $ = o(e(l({ name: _, __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean }, disableValidation: { type: Boolean, default: false }, value: {} }, emits: ["update:modelValue", "change", "focus", "blur"], setup(e2, { emit: o2 }) {
+  const l2 = e2, _2 = o2, $2 = s(), { wrapperRef: g, isFocused: j, handleFocus: w, handleBlur: F } = v($2), { checkboxGroupDisabled: R, isCheckboxGroup: K, isCheckboxSelected: M, handleCheckboxSelect: q } = (() => {
     const e3 = c(V, void 0), o3 = a(() => {
       var _a;
       return !!((_a = e3 == null ? void 0 : e3.disabled) == null ? void 0 : _a.value);
@@ -19,10 +19,9 @@ const _ = "mc-checkbox", B = { class: "mc-checkbox" }, G = ["id", "value", "disa
   })(), { formId: z, formItem: A, formDisabled: E, validateStyle: H } = S({ externalDisabled: R }), J = a(() => K.value ? M(l2.value) : !!l2.modelValue), L = async () => {
     E.value || (K.value ? q(l2.value) : (_2("update:modelValue", !l2.modelValue), _2("change", !l2.modelValue), await x(), A == null ? void 0 : A.validate("input")));
   };
-  return (o3, c2) => (r(), t("div", B, [d("label", { ref_key: "checkboxRef", ref: g2, class: n(["mc-checkbox-wrapper", { "mc-checkbox-disabled": i(E), "mc-checkbox-checked": J.value, "mc-checkbox-partial": e2.partial, "mc-checkbox-focused": i(j), [i(H)]: i(H) }]), onClick: m(L, ["prevent"]) }, [d("input", { ref_key: "checkboxInputRef", ref: $2, id: i(z), type: "checkbox", class: "mc-checkbox-input", value: J.value, disabled: i(E), onKeypress: p(m(L, ["prevent", "stop"]), ["enter"]), onFocus: c2[0] || (c2[0] = (...e3) => i(w) && i(w)(...e3)), onBlur: c2[1] || (c2[1] = (...e3) => i(F) && i(F)(...e3)) }, null, 40, G), c2[2] || (c2[2] = d("div", { class: "mc-checkbox-box" }, null, -1)), e2.content || o3.$slots.default ? (r(), t("div", D, [b(o3.$slots, "default", {}, () => [k(h(e2.content), 1)], true)])) : u("", true)], 2), e2.remarks || o3.$slots.remarks ? (r(), t("div", I, [b(o3.$slots, "remarks", {}, () => [k(h(e2.remarks), 1)], true)])) : u("", true)]));
-} }), [["__scopeId", "data-v-6832c203"]]), g = o($);
+  return (o3, c2) => (r(), t("div", B, [d("label", { ref_key: "checkboxRef", ref: g, class: n(["mc-checkbox-wrapper", { "mc-checkbox-disabled": i(E), "mc-checkbox-checked": J.value, "mc-checkbox-partial": e2.partial, "mc-checkbox-focused": i(j), [i(H)]: i(H) }]), onClick: m(L, ["prevent"]) }, [d("input", { ref_key: "checkboxInputRef", ref: $2, id: i(z), type: "checkbox", class: "mc-checkbox-input", value: J.value, disabled: i(E), onKeypress: p(m(L, ["prevent", "stop"]), ["enter"]), onFocus: c2[0] || (c2[0] = (...e3) => i(w) && i(w)(...e3)), onBlur: c2[1] || (c2[1] = (...e3) => i(F) && i(F)(...e3)) }, null, 40, G), c2[2] || (c2[2] = d("div", { class: "mc-checkbox-box" }, null, -1)), e2.content || o3.$slots.default ? (r(), t("div", D, [b(o3.$slots, "default", {}, () => [k(h(e2.content), 1)], true)])) : u("", true)], 2), e2.remarks || o3.$slots.remarks ? (r(), t("div", I, [b(o3.$slots, "remarks", {}, () => [k(h(e2.remarks), 1)], true)])) : u("", true)]));
+} }), [["__scopeId", "data-v-6832c203"]]));
 export {
   $ as M,
-  g as a,
-  _ as b
+  _ as a
 };

package/dist/es/{mc-checkbox-group-DyPHhILZ.js → mc-checkbox-group-eFq3z6SX.js}

@@ -1,7 +1,7 @@
 import { u as e } from "./utils-y7s5KtP-.js";
 import { defineComponent as a, watch as o, provide as l, computed as m, createElementBlock as t, openBlock as d, unref as s, renderSlot as c, nextTick as u } from "vue";
 import { indexOf as r } from "lodash-es";
-import { a as i } from "./mc-form-C0bOl2Kn.js";
+import { a as i } from "./mc-form-B74FOC7S.js";
 const p = Symbol("mc-checkbox-group-context"), n = "mc-checkbox-group", f = ["id"], h = e(a({ name: n, __name: "mc-checkbox-group", props: { modelValue: { default: () => [] }, disabled: { type: Boolean, default: false } }, emits: ["update:modelValue", "change"], setup(e2, { emit: a2 }) {
   const n2 = e2, h2 = a2, { formId: b, formItem: g } = i();
   return o(() => n2.modelValue, () => {

package/dist/es/{mc-collapse-item-mEQqZM8m.js → mc-collapse-item-B_qKeVrY.js}

@@ -1,6 +1,6 @@
 import { _ as e, u as a } from "./utils-y7s5KtP-.js";
 import { defineComponent as s, inject as l, computed as t, createElementBlock as c, openBlock as i, normalizeClass as m, createElementVNode as o, withDirectives as n, renderSlot as p, createTextVNode as d, toDisplayString as r, createVNode as v, vShow as u } from "vue";
-import { M as _ } from "./mc-icon-4B9i36Sx.js";
+import { m as _ } from "./mc-icon-CmYW61Q0.js";
 const C = "mc-collapse-item", f = { class: "mc-collapse-item-header" }, h = { class: "mc-collapse-item-title" }, E = { class: "triangle-icon" }, b = { class: "mc-collapse-item-wapper" }, j = { class: "mc-collapse-item-content" }, k = a(e(s({ name: C, __name: "mc-collapse-item", props: { name: {}, title: {}, disabled: { type: Boolean } }, setup(e2) {
   const a2 = l(COLLAPSE_CONTEXT_KEY, void 0), s2 = t(() => {
     var _a;

package/dist/es/mc-copy-DJncZLxJ.js

@@ -0,0 +1,19 @@
+import { _ as t, u as s } from "./utils-y7s5KtP-.js";
+import { defineComponent as e, createElementBlock as o, openBlock as a, renderSlot as c, createVNode as r, createElementVNode as p, toDisplayString as m, unref as l } from "vue";
+import { M as i } from "./mc-icon-CmYW61Q0.js";
+import { t as u } from "./mc-toast-a1PkHS_u.js";
+const n = "mc-copy", x = { class: "mc-copy" }, y = { class: "mc-copy-text" }, f = s(t(e({ name: n, __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: s2 }) {
+  const e2 = t2, n2 = s2, f2 = async () => {
+    if (e2.text) if (e2.manual) n2("copy", e2.text);
+    else try {
+      await navigator.clipboard.writeText(e2.text), n2("success", e2.text), e2.showToast && u.success(e2.toastSuccessText);
+    } catch (t3) {
+      console.error(t3), n2("error", e2.text, t3), e2.showToast && u.error(e2.toastErrorText);
+    }
+  };
+  return (s3, e3) => (a(), o("div", x, [c(s3.$slots, "default", {}, () => [p("span", y, m(t2.text), 1)], true), r(l(i), { name: "Duplicate", class: "mc-copy-icon", onClick: f2 })]));
+} }), [["__scopeId", "data-v-93e0e595"]]));
+export {
+  f as M,
+  n as a
+};

package/dist/es/mc-divider-BUj2C8z3.js

@@ -0,0 +1,7 @@
+import { _ as i, u as e } from "./utils-y7s5KtP-.js";
+import { defineComponent as a, createElementBlock as d, openBlock as s, normalizeClass as m } from "vue";
+const r = "mc-divider", t = e(i(a({ name: r, __name: "mc-divider", props: { size: { default: "small" }, emphasis: { default: "minimal" }, orientation: { default: "horizontal" } }, setup: (i2) => (e2, a2) => (s(), d("div", { class: m(["mc-divider", [`mc-divider-${i2.orientation}`, `mc-divider-${i2.size}`, `mc-divider-${i2.emphasis}`]]) }, null, 2)) }), [["__scopeId", "data-v-7527b8b5"]]));
+export {
+  t as M,
+  r as a
+};

package/dist/es/mc-drawer-DJk754RT.js

@@ -0,0 +1,29 @@
+import { _ as e, u as o } from "./utils-y7s5KtP-.js";
+import { defineComponent as t, ref as a, watch as r, createElementBlock as s, createCommentVNode as l, openBlock as d, createBlock as i, Teleport as m, createVNode as c, Transition as f, withCtx as u, unref as n, normalizeClass as p, createElementVNode as v, renderSlot as h, nextTick as w } from "vue";
+import { useResizeObserver as y } from "@mc-plus/hooks";
+import { M as _ } from "./mc-overlay-CHfJL0kY.js";
+import { M as b } from "./mc-modal-header-BUvK3-bl.js";
+import { M as $ } from "./mc-footer-BeEDYFlH.js";
+const g = "mc-drawer", k = { key: 0, class: "mc-drawer-container" }, B = { class: "mc-drawer-header" }, x = { class: "mc-drawer-content-wrapper" }, C = { class: "mc-drawer-content" }, j = o(e(t({ name: g, __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: o2, emit: t2 }) {
+  const g2 = e2, j2 = a(false), M = a(false), V = a(false), z = async () => {
+    j2.value = true, M.value = true, await w(), V.value = true;
+  }, F = async () => {
+    V.value = false, await w(), M.value = false, await w(), j2.value = false, S("close"), S("update:modelValue", false);
+  };
+  r(() => g2.modelValue, (e3, o3) => {
+    !o3 && e3 ? z() : F();
+  }, { immediate: true, flush: "post" });
+  const S = t2, I = () => {
+    g2.maskClosable && F();
+  }, R = () => {
+    F();
+  }, q = a(), A = a();
+  return y(A, ({ height: e3 }) => {
+    const o3 = q.value;
+    o3 && (o3.style.paddingBottom = `${e3}px`);
+  }), o2({ ref: q, open: z, close: F }), (o3, t3) => j2.value ? (d(), s("div", k, [(d(), i(m, { to: e2.portCssSelector }, [c(f, { name: "mc-drawer-overlay" }, { default: u(() => [c(n(_), { visible: M.value, fixed: e2.fixed, onClick: I }, { default: u(() => [c(f, { name: `mc-drawer-content-${e2.position}` }, { default: u(() => [V.value ? (d(), s("div", { key: 0, class: p(["mc-drawer", [`mc-drawer-${e2.size}`, `mc-drawer-${e2.position}`]]), ref_key: "_ref", ref: q }, [v("div", B, [h(o3.$slots, "header", {}, () => [c(n(b), { title: e2.title, "show-border": e2.showBorder, onClose: R }, { default: u(() => [h(o3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])], true)]), v("div", x, [v("div", C, [h(o3.$slots, "default", {}, void 0, true)])]), e2.hideFooter ? l("", true) : (d(), s("div", { key: 0, class: "mc-drawer-footer", ref_key: "footerRef", ref: A }, [h(o3.$slots, "footer", {}, () => [c(n($), null, { left: u(() => [h(o3.$slots, "footer-left", {}, void 0, true)]), right: u(() => [h(o3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": u(() => [h(o3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: u(() => [h(o3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512))], 2)) : l("", true)]), _: 3 }, 8, ["name"])]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : l("", true);
+} }), [["__scopeId", "data-v-07bbb569"]]));
+export {
+  j as M,
+  g as a
+};

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

@@ -0,0 +1,29 @@
+import { _ as e, u as l } from "./utils-y7s5KtP-.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, unref as p, toDisplayString as u, createBlock as r } from "vue";
+import { useResizeObserver as v } from "@mc-plus/hooks";
+import { M as k } from "./mc-icon-CmYW61Q0.js";
+import { M as y } from "./mc-divider-BUj2C8z3.js";
+import { M as g } from "./mc-progress-bar-Cexg1qzW.js";
+import { u as b, g as C, f as w } from "./mc-upload-Ce1xxGu_.js";
+const _ = "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 = l(e(i({ name: _, __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, _2 = l2, { langMap: O2 } = b(), P = s(false), Q = s();
+  v(Q, ({ width: e3 }) => {
+    P.value = e3 <= 600;
+  });
+  const S = (e3) => {
+    _2("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": P.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) => {
+    _2("preview", e4);
+  })(l4) }, [d(p(k), { name: "Document" }), n("span", B, u(l4.name), 1)], 8, j), n("div", V, ["failed" !== l4.status ? (t(), a(c, { key: 0 }, [n("span", x, u(l4.size ? p(C)(l4.size) : "--"), 1), "loading" === l4.status ? (t(), a("div", z, [d(p(g), { percentage: l4.progress, "transition-duration": 1e3 }, null, 8, ["percentage"])])) : f("", true)], 64)) : (t(), a("span", T, u(l4.errorMessage || "failed to upload"), 1))])]), P.value ? f("", true) : (t(), a(c, { key: 0 }, [n("div", D, [n("span", I, u(p(O2).uploaded_by), 1), n("span", L, u(l4.uploadBy || "--"), 1)]), n("div", R, [n("span", $, u(p(O2).uploaded_on), 1), n("span", q, u(p(w)(l4.uploadTime) || "--"), 1)])], 64)), n("div", A, ["loading" === l4.status ? (t(), a(c, { key: 0 }, [e2.allowCancel ? (t(), r(p(k), { key: 0, name: "Cross", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    _2("cancel", e4), S(e4);
+  })(l4) }, null, 8, ["onClick"])) : f("", true)], 64)) : (t(), a(c, { key: 1 }, [e2.downloadable ? (t(), r(p(k), { key: 0, name: "Download", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    _2("download", e4);
+  })(l4) }, null, 8, ["onClick"])) : f("", true), e2.deletable ? (t(), r(p(k), { key: 1, name: "Trash", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    _2("delete", e4), S(e4);
+  })(l4) }, null, 8, ["onClick"])) : f("", true)], 64))])]), P.value ? (t(), a(c, { key: 0 }, [d(p(y)), n("div", E, [n("div", F, [n("span", G, u(p(O2).uploaded_by), 1), n("span", H, u(l4.uploadBy || "--"), 1)]), n("div", J, [n("span", K, u(p(O2).uploaded_on), 1), n("span", N, u(p(w)(l4.uploadTime) || "--"), 1)])])], 64)) : f("", true)]))), 128))], 2));
+} }), [["__scopeId", "data-v-df197365"]]));
+export {
+  O as M,
+  _ as a
+};

package/dist/es/{mc-footer-DUC9ViQu.js → mc-footer-BeEDYFlH.js}

@@ -1,11 +1,10 @@
 import { _ as t, u as o } from "./utils-y7s5KtP-.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 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 = o(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);
+} }), [["__scopeId", "data-v-4553dea7"]]));
 export {
   u as M,
-  b as a,
-  p as b
+  p as a
 };

package/dist/es/{mc-form-C0bOl2Kn.js → mc-form-B74FOC7S.js}

@@ -2,7 +2,7 @@ import { p as e, _ as a, u as r } from "./utils-y7s5KtP-.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-BbAU8Ql1.js";
+import { F } from "./mc-form-item-CzRuDu0s.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);

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

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

package/dist/es/{mc-icon-4B9i36Sx.js → mc-icon-CmYW61Q0.js}

@@ -7,7 +7,7 @@ const r = "mc-icon", l = e(c({ name: r, __name: "mc-icon", props: { name: {}, si
   })(e3)) }, null, 2)], 4));
 } }), [["__scopeId", "data-v-24abf3b0"]]), p = o(l);
 export {
-  l as M,
-  p as a,
-  r as b
+  p as M,
+  r as a,
+  l as m
 };

package/dist/es/{mc-icon-plus-DcQPxofD.js → mc-icon-plus-BFYVRrKw.js}

@@ -8,7 +8,7 @@ const r = "mc-icon-plus", n = s(e({ name: r, __name: "mc-icon-plus", props: { na
   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,
+  p as M,
+  n as a,
   r as b
 };

package/dist/es/{mc-input-D2BkkJ_Y.js → mc-input-BglWvPMq.js}

@@ -2,9 +2,9 @@ import { _ as e, u as t } from "./utils-y7s5KtP-.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-4B9i36Sx.js";
-import { u as A } from "./mc-form-C0bOl2Kn.js";
-import { u as C } from "./mc-input-group-sjUhcX1J.js";
+import { M as S } from "./mc-icon-CmYW61Q0.js";
+import { u as A } from "./mc-form-B74FOC7S.js";
+import { u as C } from "./mc-input-group-apXB5iXd.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, "");
@@ -81,8 +81,8 @@ const R = "mc-input", j = { key: 0, class: "mc-input__prefix" }, z = ["id", "typ
     (_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"]]));
+  } }), (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(p(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(p(S), { name: p(X), size: 24 }, null, 8, ["name"])], 2)) : d("", true), "password" === e2.type ? (r(), s("div", F, [g(p(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(p(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-40550eb9"]]));
 export {
   P as M,
   R as a

package/dist/es/{mc-input-group-sjUhcX1J.js → mc-input-group-apXB5iXd.js}

@@ -1,7 +1,7 @@
 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, u as m } from "./utils-y7s5KtP-.js";
-import { a as I } from "./mc-form-C0bOl2Kn.js";
+import { a as I } from "./mc-form-B74FOC7S.js";
 const g = Symbol("mc-input-group-context"), G = "mc-input-group", A = (e2) => {
   const p2 = t(g, void 0);
   if (!p2) return;

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

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

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

@@ -0,0 +1,11 @@
+import { _ as l, u as s } from "./utils-y7s5KtP-.js";
+import { defineComponent as a, computed as i, createElementBlock as e, openBlock as o, normalizeClass as n, createCommentVNode as d, renderSlot as c, createElementVNode as t, createVNode as m, unref as p, toDisplayString as u } from "vue";
+import { M as g } from "./mc-icon-CmYW61Q0.js";
+const r = "mc-loading", f = { key: 0, class: "mc-loading-pulse" }, v = { key: 1, class: "mc-loading-spin" }, y = { class: "mc-loading-text" }, z = s(l(a({ name: r, __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", f, [...i2[0] || (i2[0] = [t("i", { class: "mc-loading-pulse-dot" }, null, -1), t("i", { class: "mc-loading-pulse-dot" }, null, -1), t("i", { class: "mc-loading-pulse-dot" }, null, -1), t("i", { class: "mc-loading-pulse-dot" }, null, -1)])])) : "spin" === l2.type ? (o(), e("div", v, [m(p(g), { name: "Loading_Line", size: a2.value }, null, 8, ["size"])])) : d("", true), l2.loadingText || s3.$slots.default ? c(s3.$slots, "default", { key: 2 }, () => [t("p", y, u(l2.loadingText), 1)], true) : d("", true)], 2));
+} }), [["__scopeId", "data-v-d1cc3cc8"]]));
+export {
+  z as M,
+  r as a
+};

package/dist/es/mc-modal-header-BUvK3-bl.js

@@ -0,0 +1,12 @@
+import { _ as e, u as o } from "./utils-y7s5KtP-.js";
+import { defineComponent as s, createElementBlock as t, openBlock as a, createVNode as l, unref as r, withCtx as m, renderSlot as d } from "vue";
+import { M as i } from "./mc-icon-CmYW61Q0.js";
+import { M as c } from "./mc-title-Bp0U8n05.js";
+const h = "mc-modal-header", n = { class: "mc-modal-header" }, p = o(e(s({ name: h, __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, h2) => (a(), t("div", n, [l(r(c), { title: e2.title, "show-border": e2.showBorder, height: "100%", class: "mc-modal-header-title" }, { "tool-bar": m(() => [l(r(i), { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: h2[0] || (h2[0] = (e3) => s2("close")) })]), default: m(() => [d(o3.$slots, "default", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])]));
+} }), [["__scopeId", "data-v-482de3aa"]]));
+export {
+  p as M,
+  h as a
+};

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

@@ -0,0 +1,16 @@
+import { _ as l, u as a } from "./utils-y7s5KtP-.js";
+import { defineComponent as e, computed as s, createElementBlock as t, openBlock as m, normalizeClass as i, createCommentVNode as o, createElementVNode as d, Fragment as c, createVNode as u, unref as b, toDisplayString as r, renderList as n, createBlock as g } from "vue";
+import { M as p } from "./mc-icon-plus-BFYVRrKw.js";
+import { M as v } from "./mc-removable-tag-YZpBGZiE.js";
+const f = "mc-multi-tag", _ = { class: "mc-multi-tag-label" }, j = { class: "mc-multi-tag-option-list" }, k = a(l(e({ name: f, __name: "mc-multi-tag", props: { label: {}, tags: { default: () => [] }, disabled: { type: Boolean, default: false }, disableTags: { default: () => [] } }, emits: ["remove:all", "remove:tag"], setup(l2, { emit: a2 }) {
+  const e2 = l2, f2 = a2, k2 = s(() => e2.disabled || e2.disableTags.length), y = (l3) => !!e2.disabled || !!e2.disableTags.includes(l3), M = (l3) => {
+    e2.disabled || f2("remove:tag", l3, e2.label);
+  }, T = () => {
+    k2.value || f2("remove:all", e2.label);
+  };
+  return (a3, e3) => (m(), t("li", { class: i(["mc-multi-tag", { "mc-multi-tag-disabled": l2.disabled }]) }, [k2.value ? o("", true) : (m(), t(c, { key: 0 }, [u(b(p), { class: "mc-multi-tag-close-all-icon", name: "cross", onClick: T }), e3[0] || (e3[0] = d("i", { class: "mc-multi-tag-divider" }, null, -1))], 64)), d("span", _, r(`${l2.label} :`), 1), d("ul", j, [(m(true), t(c, null, n(l2.tags, (l3) => (m(), g(b(v), { key: l3, label: l3, disabled: y(l3), onRemove: M }, null, 8, ["label", "disabled"]))), 128))])], 2));
+} }), [["__scopeId", "data-v-0a31c60a"]]));
+export {
+  k as M,
+  f as a
+};

package/dist/es/{mc-otp-C0Xs2nWC.js → mc-otp-CH1yOQy4.js}

@@ -1,9 +1,9 @@
 import { _ as e, u as t } from "./utils-y7s5KtP-.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-4B9i36Sx.js";
+import { M as k } from "./mc-icon-CmYW61Q0.js";
 import { useClickOutside as _, useProp as j } from "@mc-plus/hooks";
-import { u as D } from "./mc-form-C0bOl2Kn.js";
+import { u as D } from "./mc-form-B74FOC7S.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) => {
@@ -64,8 +64,8 @@ const M = "mc-otp", C = ["id"], K = { class: "mc-otp-input-list" }, U = ["onClic
     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"]]));
+  }, ["prevent"])) }, null, 40, z), [[x, B[e4 - 1]]])], 10, U))), 128))]), m(N) ? (p(), f(m(k), { key: 0, class: "mc-otp-status-icon", name: m(N), size: 24 }, null, 8, ["name"])) : h("", true)], 10, C));
+} }), [["__scopeId", "data-v-f491da57"]]));
 export {
   A as M,
   M as a

package/dist/es/{mc-overlay-D2fKzV9J.js → mc-overlay-CHfJL0kY.js}

@@ -1,13 +1,12 @@
 import { _ as e, u as o } from "./utils-y7s5KtP-.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 f = "mc-overlay", m = o(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);
+} }), [["__scopeId", "data-v-9486332c"]]));
 export {
-  p as M,
-  m as _,
+  m as M,
   f as a
 };

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

@@ -0,0 +1,34 @@
+import { _ as e, u as o } from "./utils-y7s5KtP-.js";
+import { defineComponent as r, ref as a, 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 d, createVNode as m, 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 = o(e(r({ 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: r2 }) {
+  const j2 = e2, A2 = r2, B = a({}), O = a({}), $ = a({}), I = a(), M = a(), q = a(), z = a(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(() => {
+    B.value = {}, O.value = {}, $.value = {}, j2.disabled ? L(false) : "click" === j2.trigger ? B.value.click = () => {
+      z.value ? L() : K();
+    } : "hover" === j2.trigger && (B.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, r3) => (u(), i("div", c({ class: "mc-popper", ref_key: "containerNode", ref: I }, n(O.value, true)), [d("div", c({ class: "mc-popper-trigger", ref_key: "triggerNode", ref: M }, n(B.value, true)), [v(o3.$slots, "default", {}, void 0, true)], 16), m(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-10213bd3"]]));
+export {
+  A as M,
+  j as a
+};

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

@@ -0,0 +1,29 @@
+import { _ as e, u as r } from "./utils-y7s5KtP-.js";
+import { defineComponent as s, ref as t, watchEffect as a, computed as o, watch as p, useSlots as m, createElementBlock as l, openBlock as n, normalizeStyle as c, unref as i, createElementVNode as u, createCommentVNode as d, renderSlot as g, toDisplayString as h } from "vue";
+import { ceil as f } from "lodash-es";
+import { useWidthHeight as v } from "@mc-plus/hooks";
+const k = "mc-progress-bar", y = { key: 0, class: "mc-progress-bar-shimmer" }, b = { key: 0, class: "mc-progress-bar-remarks" }, w = r(e(s({ name: k, __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 k2 = e2, w2 = s2, { width: _, height: P } = v(), $ = t();
+  a(() => {
+    $.value && $.value.style.setProperty("--border-radius", P.value || "auto");
+  });
+  const x = o(() => {
+    const e3 = k2.percentage / 100;
+    return e3 > 1 ? 1 : e3 < 0 ? 0 : e3;
+  });
+  p(() => k2.percentage, (e3) => {
+    e3 >= 100 && w2("complete");
+  }, { immediate: true });
+  const B = m(), D = o(() => k2.showPercentage || !!k2.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: c({ width: i(_) }) }, [u("div", { ref_key: "progressBarRef", ref: $, class: "mc-progress-bar-wrapper", style: c({ width: i(_), height: i(P) }) }, [u("div", { class: "mc-progress-bar-inner", style: c({ transform: `scaleX(${x.value})`, transitionDuration: `${e2.transitionDuration}ms` }) }, null, 4), e2.shimmer ? (n(), l("i", y)) : d("", true)], 4), D.value ? (n(), l("div", b, [g(r3.$slots, "remarks", {}, () => [u("span", null, h(e2.remarks || `${i(f)(100 * x.value)}%`), 1)], true)])) : d("", true)], 4));
+} }), [["__scopeId", "data-v-7ebc305e"]]));
+export {
+  w as M,
+  k as a
+};