mc-plus 1.0.78 → 1.0.79

package/dist/es/{mc-progress-indicator-BLQqSDrY.js → mc-progress-indicator-DhR-rAkD.js}

@@ -2,17 +2,17 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { _ as e, w as t, u as s } from "./utils-y7s5KtP-.js";
-import { defineComponent as o, computed as n, createBlock as l, createElementBlock as i, openBlock as a, normalizeClass as r, createCommentVNode as c, toDisplayString as p, unref as d, createElementVNode as u, renderSlot as h, createVNode as m, createTextVNode as S, ref as v, useSlots as f, watchEffect as y, Fragment as b, renderList as g, createSlots as K, withCtx as C, resolveDynamicComponent as F, nextTick as x } from "vue";
+import { defineComponent as o, computed as n, createBlock as l, createElementBlock as i, openBlock as a, unref as r, normalizeClass as c, createCommentVNode as p, toDisplayString as d, createElementVNode as u, renderSlot as h, createVNode as m, createTextVNode as S, ref as f, useSlots as v, watchEffect as y, Fragment as b, renderList as g, createSlots as K, withCtx as C, resolveDynamicComponent as F, nextTick as x } from "vue";
 import { isArray as k, isString as w, isFunction as I, isBoolean as $, isNumber as B, isNil as _ } from "lodash-es";
-import { M as T } from "./mc-icon-plus-DcQPxofD.js";
-import { M } from "./mc-success-icon-CuyL6DXB.js";
+import { M as T } from "./mc-icon-plus-BFYVRrKw.js";
+import { M } from "./mc-success-icon-BuGz3uNE.js";
 import { useId as L, useProp as R } from "@mc-plus/hooks";
 import { M as j } from "./mc-progress-indicator-item-BiQL0uXR.js";
 import { M as V } from "./mc-progress-indicator-child-item-DAKkXWWn.js";
 const z = "mc-progress-indicator", A = "mc-progress-indicator-step", H = "mc-progress-indicator-step-num", E = { key: 0, class: "mc-progress-indicator-step-num-icon" }, N = { key: 1 }, P = e(o({ name: H, __name: "mc-progress-indicator-step-num", props: { num: {}, status: { default: "default" }, showSuccessIcon: { type: Boolean, default: true }, isChild: { type: Boolean, default: false }, icon: {} }, setup(e2) {
   const t2 = e2, s2 = n(() => t2.showSuccessIcon && "success" === t2.status && !t2.isChild);
-  return (t3, o2) => s2.value ? (a(), l(M, { key: 0 })) : (a(), i("div", { key: 1, class: r(["mc-progress-indicator-step-num", [`mc-progress-indicator-step-num-${e2.status}`, { "mc-progress-indicator-step-num-child": e2.isChild }]]) }, [e2.isChild ? c("", true) : (a(), i("div", E, [e2.icon ? (a(), l(T, { key: 0, name: e2.icon }, null, 8, ["name"])) : (a(), i("span", N, p(e2.num), 1))]))], 2));
-} }), [["__scopeId", "data-v-9298243a"]]);
+  return (t3, o2) => s2.value ? (a(), l(r(M), { key: 0 })) : (a(), i("div", { key: 1, class: c(["mc-progress-indicator-step-num", [`mc-progress-indicator-step-num-${e2.status}`, { "mc-progress-indicator-step-num-child": e2.isChild }]]) }, [e2.isChild ? p("", true) : (a(), i("div", E, [e2.icon ? (a(), l(r(T), { key: 0, name: e2.icon }, null, 8, ["name"])) : (a(), i("span", N, d(e2.num), 1))]))], 2));
+} }), [["__scopeId", "data-v-e3df2f74"]]);
 class q {
   constructor(e2, s2) {
     __publicField(this, "id");
@@ -78,7 +78,7 @@ class q {
   }
 }
 const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G = (e2, t2, s2 = "manual") => {
-  const o2 = d(t2);
+  const o2 = r(t2);
   if ($(e2 == null ? void 0 : e2.success) && e2.success) return "success";
   if ((e2 == null ? void 0 : e2.parentStep) && "success" === G(e2.parentStep, t2)) return "success";
   if (!(o2 && e2 && B(o2.index) && B(e2.index))) return "default";
@@ -96,11 +96,11 @@ const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G
   }
   return e2.index <= o2.index ? "active" : "default";
 }, J = (e2, t2) => $(e2 == null ? void 0 : e2.showContent) ? e2 == null ? void 0 : e2.showContent : !_(e2 == null ? void 0 : e2.stepKey) && e2.stepKey === (t2 == null ? void 0 : t2.stepKey), O = ["id"], Q = { key: 0, class: "mc-progress-indicator-step-container" }, U = { class: "mc-progress-indicator-step-content" }, W = { key: 0, class: "mc-progress-indicator-step-content-header" }, X = { key: 0, class: "mc-progress-indicator-step-content-footer-container" }, Y = { class: "mc-progress-indicator-step-content-footer" }, Z = { class: "mc-progress-indicator-step-content-footer-left-container" }, ee = { key: 0, class: "mc-progress-indicator-step-content-footer-left" }, te = { class: "mc-progress-indicator-step-content-footer-right-container" }, se = { key: 0, class: "mc-progress-indicator-step-content-footer-right" }, oe = e(o({ name: A, __name: "mc-progress-indicator-step", props: { successBehavior: { default: "auto" }, currentStep: {}, step: {}, position: { default: "middle" }, showSuccessIcon: { type: Boolean, default: true } }, setup(e2) {
-  const t2 = e2, s2 = n(() => J(t2.step, d(t2.currentStep))), o2 = n(() => J(t2.step.nextStep, d(t2.currentStep))), l2 = n(() => !!t2.step.isChild), v2 = n(() => G(t2.step, t2.currentStep, t2.successBehavior)), f2 = n(() => G(t2.step.previousStep, t2.currentStep, t2.successBehavior)), y2 = n(() => B(t2.step.parentIndex) ? t2.step.parentIndex + 1 : 0);
-  return (t3, n2) => (a(), i("div", { id: e2.step.id, class: "mc-progress-indicator-step" }, [u("div", { class: r(["mc-progress-indicator-step-item", { "mc-progress-indicator-step-item-child": l2.value }]) }, [u("i", { class: r(["mc-progress-indicator-step-line mc-progress-indicator-step-line-up", [`mc-progress-indicator-step-line-${f2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2), h(t3.$slots, "icon", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [m(P, { num: y2.value, icon: e2.step.icon, status: v2.value, "show-success-icon": e2.showSuccessIcon, "is-child": l2.value }, null, 8, ["num", "icon", "status", "show-success-icon", "is-child"])], true), u("i", { class: r(["mc-progress-indicator-step-line mc-progress-indicator-step-line-down", [`mc-progress-indicator-step-line-${v2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2)], 2), s2.value ? (a(), i("div", Q, [h(t3.$slots, "default", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("div", U, [e2.step.hiddenHeader ? c("", true) : (a(), i("div", W, [h(t3.$slots, "content-title", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("span", { class: r(["mc-progress-indicator-step-content-title", [`mc-progress-indicator-step-content-title-${v2.value}`]]) }, p(e2.step.label), 3)], true), h(t3.$slots, "content-toolbar", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)])), h(t3.$slots, "content", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]), e2.step.hiddenFooter ? c("", true) : (a(), i("div", X, [h(t3.$slots, "content-footer", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [u("div", Y, [u("div", Z, [e2.step.hiddenFooterLeft ? c("", true) : (a(), i("div", ee, [h(t3.$slots, "content-footer-left", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]))]), u("div", te, [e2.step.hiddenFooterRight ? c("", true) : (a(), i("div", se, [h(t3.$slots, "content-footer-right", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, void 0, true)]))])])], true)]))], true)])) : (a(), i("div", { key: 1, class: r(["mc-progress-indicator-step-label", [`mc-progress-indicator-step-label-${v2.value}`, { "mc-progress-indicator-step-label-child": l2.value, "mc-progress-indicator-step-label-need-padding-bottom": o2.value }]]) }, [h(t3.$slots, "label", { stepKey: e2.step.stepKey, label: e2.step.label, status: v2.value }, () => [S(p(e2.step.label), 1)], true)], 2))], 8, O));
+  const t2 = e2, s2 = n(() => J(t2.step, r(t2.currentStep))), o2 = n(() => J(t2.step.nextStep, r(t2.currentStep))), l2 = n(() => !!t2.step.isChild), f2 = n(() => G(t2.step, t2.currentStep, t2.successBehavior)), v2 = n(() => G(t2.step.previousStep, t2.currentStep, t2.successBehavior)), y2 = n(() => B(t2.step.parentIndex) ? t2.step.parentIndex + 1 : 0);
+  return (t3, n2) => (a(), i("div", { id: e2.step.id, class: "mc-progress-indicator-step" }, [u("div", { class: c(["mc-progress-indicator-step-item", { "mc-progress-indicator-step-item-child": l2.value }]) }, [u("i", { class: c(["mc-progress-indicator-step-line mc-progress-indicator-step-line-up", [`mc-progress-indicator-step-line-${v2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2), h(t3.$slots, "icon", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, () => [m(P, { num: y2.value, icon: e2.step.icon, status: f2.value, "show-success-icon": e2.showSuccessIcon, "is-child": l2.value }, null, 8, ["num", "icon", "status", "show-success-icon", "is-child"])], true), u("i", { class: c(["mc-progress-indicator-step-line mc-progress-indicator-step-line-down", [`mc-progress-indicator-step-line-${f2.value}`, `mc-progress-indicator-step-line-${e2.position}`]]) }, null, 2)], 2), s2.value ? (a(), i("div", Q, [h(t3.$slots, "default", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, () => [u("div", U, [e2.step.hiddenHeader ? p("", true) : (a(), i("div", W, [h(t3.$slots, "content-title", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, () => [u("span", { class: c(["mc-progress-indicator-step-content-title", [`mc-progress-indicator-step-content-title-${f2.value}`]]) }, d(e2.step.label), 3)], true), h(t3.$slots, "content-toolbar", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, void 0, true)])), h(t3.$slots, "content", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, void 0, true)]), e2.step.hiddenFooter ? p("", true) : (a(), i("div", X, [h(t3.$slots, "content-footer", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, () => [u("div", Y, [u("div", Z, [e2.step.hiddenFooterLeft ? p("", true) : (a(), i("div", ee, [h(t3.$slots, "content-footer-left", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, void 0, true)]))]), u("div", te, [e2.step.hiddenFooterRight ? p("", true) : (a(), i("div", se, [h(t3.$slots, "content-footer-right", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, void 0, true)]))])])], true)]))], true)])) : (a(), i("div", { key: 1, class: c(["mc-progress-indicator-step-label", [`mc-progress-indicator-step-label-${f2.value}`, { "mc-progress-indicator-step-label-child": l2.value, "mc-progress-indicator-step-label-need-padding-bottom": o2.value }]]) }, [h(t3.$slots, "label", { stepKey: e2.step.stepKey, label: e2.step.label, status: f2.value }, () => [S(d(e2.step.label), 1)], true)], 2))], 8, O));
 } }), [["__scopeId", "data-v-150dfe0a"]]), ne = { class: "mc-grogress-indicator" }, le = s(e(o({ name: z, __name: "mc-progress-indicator", props: { modelValue: {}, successSteps: {}, successBehavior: { default: "auto" }, previousBehavior: { default: "last-child" }, showSuccessIcon: { type: Boolean, default: true }, scrollToStep: { type: Boolean, default: false } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: t2, emit: s2 }) {
-  const o2 = e2, r2 = s2, { stepItems: c2, currentStep: p2 } = (() => {
-    const e3 = v([]), t3 = v(/* @__PURE__ */ new Map()), s3 = f();
+  const o2 = e2, c2 = s2, { stepItems: p2, currentStep: d2 } = (() => {
+    const e3 = f([]), t3 = f(/* @__PURE__ */ new Map()), s3 = v();
     y(() => {
       var _a;
       const { stepItems: o4, stepMap: n2 } = ((e4) => {
@@ -109,13 +109,13 @@ const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G
         const i2 = (e5, a2) => {
           k(e5) && e5.forEach((e6) => {
             var _a2, _b, _c;
-            const r3 = (_a2 = (e6 == null ? void 0 : e6.type) || {}) == null ? void 0 : _a2.name;
-            if (r3 === j) {
-              const a3 = w(e6.children) || k(e6.children) || !I((_b = e6.children) == null ? void 0 : _b.default) ? e6.children : (_c = e6.children) == null ? void 0 : _c.default(), r4 = e6.props, c3 = e6.children, p3 = new q(r4, c3);
+            const r2 = (_a2 = (e6 == null ? void 0 : e6.type) || {}) == null ? void 0 : _a2.name;
+            if (r2 === j) {
+              const a3 = w(e6.children) || k(e6.children) || !I((_b = e6.children) == null ? void 0 : _b.default) ? e6.children : (_c = e6.children) == null ? void 0 : _c.default(), r3 = e6.props, c3 = e6.children, p3 = new q(r3, c3);
               p3.parentIndex = n3++, p3.index = l3++, o5 && (p3.previousStep = o5, o5.nextStep = p3), o5 = p3, t4.push(p3), s4.set(p3.stepKey, p3), i2(a3, p3);
-            } else if (r3 === V) {
-              const n4 = e6.props, i3 = e6.children, r4 = new q(n4, i3);
-              r4.index = l3++, a2 && (a2.clearContent(), a2.appendChildStep(r4), r4.parentIndex = a2.parentIndex, r4.parentStep = a2, r4.childIndex = a2.getChildrenSteps().length), o5 && (r4.previousStep = o5, o5.nextStep = r4), s4.set(r4.stepKey, r4), t4.push(r4), o5 = r4;
+            } else if (r2 === V) {
+              const n4 = e6.props, i3 = e6.children, r3 = new q(n4, i3);
+              r3.index = l3++, a2 && (a2.clearContent(), a2.appendChildStep(r3), r3.parentIndex = a2.parentIndex, r3.parentStep = a2, r3.childIndex = a2.getChildrenSteps().length), o5 && (r3.previousStep = o5, o5.nextStep = r3), s4.set(r3.stepKey, r3), t4.push(r3), o5 = r3;
             } else k(e6.children) && i2(e6.children, a2);
           });
         };
@@ -126,7 +126,7 @@ const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G
     const o3 = R("modelValue"), l2 = n(() => t3.value.get(o3.value));
     return { stepItems: e3, currentStep: l2 };
   })(), u2 = (e3) => {
-    _(e3) || r2("update:modelValue", e3);
+    _(e3) || c2("update:modelValue", e3);
   }, h2 = async (e3) => {
     if (!o2.scrollToStep || _(e3 == null ? void 0 : e3.stepKey)) return;
     await x();
@@ -135,16 +135,16 @@ const D = (e2, t2) => 0 === e2 ? "first" : e2 === t2 - 1 ? "last" : "middle", G
   };
   return t2({ goStep: u2, goNextStep: () => {
     var _a, _b;
-    const e3 = (_a = p2.value) == null ? void 0 : _a.nextStep;
+    const e3 = (_a = d2.value) == null ? void 0 : _a.nextStep;
     _(e3 == null ? void 0 : e3.stepKey) || (e3.hasChildren ? u2((_b = e3 == null ? void 0 : e3.getFirstChildStep()) == null ? void 0 : _b.stepKey) : u2(e3.stepKey), h2(e3));
   }, goPreviousStep: () => {
     var _a, _b, _c, _d, _e, _f;
-    const e3 = (_a = p2.value) == null ? void 0 : _a.previousStep;
-    if (!_(e3 == null ? void 0 : e3.stepKey)) if (((_b = p2.value) == null ? void 0 : _b.isChild) && e3 === ((_c = p2.value) == null ? void 0 : _c.parentStep)) {
+    const e3 = (_a = d2.value) == null ? void 0 : _a.previousStep;
+    if (!_(e3 == null ? void 0 : e3.stepKey)) if (((_b = d2.value) == null ? void 0 : _b.isChild) && e3 === ((_c = d2.value) == null ? void 0 : _c.parentStep)) {
       const t3 = e3.previousStep;
       "last-child" === o2.previousBehavior ? (u2(t3 == null ? void 0 : t3.stepKey), h2(t3)) : (t3 == null ? void 0 : t3.isChild) ? (u2((_e = (_d = t3.parentStep) == null ? void 0 : _d.getFirstChildStep()) == null ? void 0 : _e.stepKey), h2(t3.parentStep)) : (u2(t3 == null ? void 0 : t3.stepKey), h2(t3));
     } else u2(e3 == null ? void 0 : e3.stepKey), (e3 == null ? void 0 : e3.isChild) && ((_f = e3.parentStep) == null ? void 0 : _f.getFirstChildStep()) === e3 ? h2(e3.parentStep) : h2(e3);
-  } }), (t3, s3) => (a(), i("div", ne, [(a(true), i(b, null, g(d(c2), (t4, s4) => (a(), l(oe, { key: t4.stepKey, position: d(D)(s4, d(c2).length), step: t4, "current-step": d(p2), "success-behavior": e2.successBehavior, "show-success-icon": e2.showSuccessIcon }, K({ _: 2 }, [t4.labelSlot ? { name: "label", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.labelSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "0" } : void 0, t4.iconSlot ? { name: "icon", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.iconSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "1" } : void 0, t4.defaultSlot ? { name: "default", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.defaultSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "2" } : void 0, t4.contentTitleSlot ? { name: "content-title", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentTitleSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "3" } : void 0, t4.contentToolbarSlot ? { name: "content-toolbar", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentToolbarSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "4" } : void 0, t4.contentSlot ? { name: "content", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "5" } : void 0, t4.contentFooterSlot ? { name: "content-footer", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "6" } : void 0, t4.contentFooterLeftSlot ? { name: "content-footer-left", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterLeftSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "7" } : void 0, t4.contentFooterRightSlot ? { name: "content-footer-right", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterRightSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "8" } : void 0]), 1032, ["position", "step", "current-step", "success-behavior", "show-success-icon"]))), 128))]));
+  } }), (t3, s3) => (a(), i("div", ne, [(a(true), i(b, null, g(r(p2), (t4, s4) => (a(), l(oe, { key: t4.stepKey, position: r(D)(s4, r(p2).length), step: t4, "current-step": r(d2), "success-behavior": e2.successBehavior, "show-success-icon": e2.showSuccessIcon }, K({ _: 2 }, [t4.labelSlot ? { name: "label", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.labelSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "0" } : void 0, t4.iconSlot ? { name: "icon", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.iconSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "1" } : void 0, t4.defaultSlot ? { name: "default", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.defaultSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "2" } : void 0, t4.contentTitleSlot ? { name: "content-title", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentTitleSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "3" } : void 0, t4.contentToolbarSlot ? { name: "content-toolbar", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentToolbarSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "4" } : void 0, t4.contentSlot ? { name: "content", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "5" } : void 0, t4.contentFooterSlot ? { name: "content-footer", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "6" } : void 0, t4.contentFooterLeftSlot ? { name: "content-footer-left", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterLeftSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "7" } : void 0, t4.contentFooterRightSlot ? { name: "content-footer-right", fn: C(({ stepKey: e3, label: s5, status: o3 }) => [(a(), l(F(t4.contentFooterRightSlot), { stepKey: e3, label: s5, status: o3 }, null, 8, ["stepKey", "label", "status"]))]), key: "8" } : void 0]), 1032, ["position", "step", "current-step", "success-behavior", "show-success-icon"]))), 128))]));
 } }), [["__scopeId", "data-v-a2c50544"]]));
 export {
   le as M,

package/dist/es/mc-radio-DeINCfgm.js

@@ -0,0 +1,22 @@
+import { _ as e, u as a } from "./utils-y7s5KtP-.js";
+import { defineComponent as r, inject as l, ref as o, computed as s, createElementBlock as i, openBlock as d, normalizeClass as t, createElementVNode as c, withModifiers as m, unref as p, withKeys as n, createCommentVNode as u, renderSlot as f, createTextVNode as v, toDisplayString as b, createVNode as h, nextTick as k } from "vue";
+import { useFocus as y } from "@mc-plus/hooks";
+import { M as _ } from "./mc-tooltip-BNmrE7e_.js";
+import { M as j } from "./mc-radio-group-BnDDYkMd.js";
+import { u as w } from "./mc-form-B74FOC7S.js";
+const B = "mc-radio", $ = ["disabled", "onKeypress"], D = { class: "mc-radio-wrapper" }, F = { class: "mc-radio-content" }, M = { key: 0, class: "mc-radio-help" }, R = { class: "mc-radio-remark" }, S = a(e(r({ name: B, __name: "mc-radio", props: { label: {}, value: { type: [Number, String, Boolean] }, disabled: { type: Boolean }, remark: {}, help: {} }, emits: ["focus", "blur"], setup(e2) {
+  const a2 = e2, r2 = l(j, void 0), B2 = o(), { wrapperRef: S2, isFocused: g, handleFocus: x, handleBlur: I } = y(B2), K = s(() => {
+    var _a;
+    return ((_a = r2 == null ? void 0 : r2.modelValue) == null ? void 0 : _a.value) === a2.value;
+  }), { formItem: z, formDisabled: C, validateStyle: N } = w({ externalDisabled: s(() => {
+    var _a;
+    return !!((_a = r2 == null ? void 0 : r2.disabled) == null ? void 0 : _a.value);
+  }) }), V = async () => {
+    C.value || (r2 == null ? void 0 : r2.handleSelect(a2.value), await k(), z == null ? void 0 : z.validate("input"));
+  };
+  return (a3, r3) => (d(), i("div", { ref_key: "wrapperRef", ref: S2, class: t(["mc-radio", { "mc-radio-has-remark": !!e2.remark }]) }, [c("label", { class: t(["mc-radio-label", { "mc-radio-checked": K.value, "mc-radio-disabled": p(C), "mc-radio-focused": p(g), [p(N)]: p(N) }]), onClick: m(V, ["prevent"]) }, [c("input", { ref_key: "inputRef", ref: B2, type: "radio", class: "mc-radio-input", disabled: p(C), onFocus: r3[0] || (r3[0] = (...e3) => p(x) && p(x)(...e3)), onBlur: r3[1] || (r3[1] = (...e3) => p(I) && p(I)(...e3)), onKeypress: n(m(V, ["prevent", "stop"]), ["enter"]) }, null, 40, $), c("div", D, [r3[2] || (r3[2] = c("span", { class: "mc-radio-circle" }, null, -1)), c("div", F, [f(a3.$slots, "default", {}, () => [v(b(e2.label), 1)], true)]), e2.help || a3.$slots.help ? (d(), i("div", M, [f(a3.$slots, "help", {}, () => [h(p(_), { content: e2.help, "icon-size": 24 }, null, 8, ["content"])], true)])) : u("", true)])], 2), c("div", R, [f(a3.$slots, "remark", {}, () => [v(b(e2.remark), 1)], true)])], 2));
+} }), [["__scopeId", "data-v-813b072d"]]));
+export {
+  S as M,
+  B as a
+};

package/dist/es/{mc-radio-group-BhsM5bEB.js → mc-radio-group-BnDDYkMd.js}

@@ -1,6 +1,6 @@
 import { _ as e, u as o } from "./utils-y7s5KtP-.js";
 import { defineComponent as a, provide as d, computed as m, createElementBlock as l, openBlock as r, unref as t, renderSlot as s } from "vue";
-import { u as i } from "./mc-form-C0bOl2Kn.js";
+import { u as i } from "./mc-form-B74FOC7S.js";
 const u = Symbol("mc-radio-group-context"), p = "mc-radio-group", c = ["id"], n = o(e(a({ name: p, __name: "mc-radio-group", props: { modelValue: { type: [Number, String, Boolean] }, disabled: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: o2 }) {
   const a2 = e2, p2 = o2, { formId: n2 } = i();
   return d(u, { modelValue: m(() => a2.modelValue), disabled: m(() => a2.disabled), handleSelect: (e3) => {

package/dist/es/mc-removable-tag-YZpBGZiE.js

@@ -0,0 +1,13 @@
+import { _ as e, u as a } from "./utils-y7s5KtP-.js";
+import { defineComponent as l, createElementBlock as o, openBlock as s, normalizeClass as m, createElementVNode as t, createBlock as r, createCommentVNode as c, renderSlot as b, createTextVNode as d, toDisplayString as i, unref as n } from "vue";
+import { M as p } from "./mc-icon-plus-BFYVRrKw.js";
+const u = "mc-removable-tag", v = { class: "mc-removable-tag-content" }, f = a(e(l({ name: u, __name: "mc-removable-tag", props: { label: {}, disabled: { type: Boolean, default: false } }, emits: ["remove"], setup(e2, { emit: a2 }) {
+  const l2 = e2, u2 = a2, f2 = () => {
+    l2.disabled || u2("remove", l2.label);
+  };
+  return (a3, l3) => (s(), o("li", { class: m(["mc-removable-tag", { "mc-removable-tag-disabled": e2.disabled }]) }, [t("span", v, [b(a3.$slots, "default", { label: e2.label }, () => [d(i(e2.label), 1)], true)]), e2.disabled ? c("", true) : (s(), r(n(p), { key: 0, class: "mc-removable-tag-close-icon", name: "cross", cursor: e2.disabled ? "not-allowed" : "pointer", onClick: f2 }, null, 8, ["cursor"]))], 2));
+} }), [["__scopeId", "data-v-fec756a7"]]));
+export {
+  f as M,
+  u as a
+};

package/dist/es/mc-reset-CJBlVip8.js

@@ -0,0 +1,13 @@
+import { defineComponent as e, ref as t, computed as a, createElementBlock as s, openBlock as o, createVNode as r, createElementVNode as l, unref as u, normalizeClass as m, renderSlot as n, createTextVNode as c } from "vue";
+import { p as i, _ as p, u as d } from "./utils-y7s5KtP-.js";
+import { M as f } from "./mc-icon-CmYW61Q0.js";
+const v = "mc-reset", R = d(p(e({ name: v, __name: "mc-reset", props: { rotate: { type: Boolean, default: false }, autoRotate: { type: Boolean, default: true }, duration: { default: 300 } }, emits: ["reset"], setup(e2, { emit: p2 }) {
+  const d2 = e2, v2 = p2, R2 = t(false), _ = a(() => d2.autoRotate ? R2.value : d2.rotate), y = async () => {
+    v2("reset"), d2.autoRotate && (R2.value = true, await i(d2.duration), R2.value = false);
+  };
+  return (e3, t2) => (o(), s("div", { class: "mc-reset", onClick: y }, [r(u(f), { name: "Refresh", size: 24, class: m(["mc-reset-icon", { "mc-reset-rotate": _.value }]) }, null, 8, ["class"]), l("span", null, [n(e3.$slots, "default", {}, () => [t2[0] || (t2[0] = c("Reset", -1))], true)])]));
+} }), [["__scopeId", "data-v-7877623f"]]));
+export {
+  R as M,
+  v as a
+};

package/dist/es/mc-richtext-BQz5KzYG.js

@@ -0,0 +1,100 @@
+import { defineComponent as t, createElementBlock as e, openBlock as l, normalizeClass as o, renderSlot as a, createBlock as i, ref as c, watch as s, watchEffect as n, normalizeStyle as r, unref as m, createElementVNode as u, createVNode as d, withCtx as v, toDisplayString as p, createTextVNode as L } from "vue";
+import { useEditor as f, EditorContent as h } from "@tiptap/vue-3";
+import { useWidthHeight as A } from "@mc-plus/hooks";
+import g from "@tiptap/starter-kit";
+import x from "@tiptap/extension-image";
+import { M } from "./mc-select-plus-CjrXhek5.js";
+import { M as O } from "./mc-select-option-plus-B-UJCqUp.js";
+import { a as T, M as k } from "./mc-icon-plus-BFYVRrKw.js";
+import { M as I } from "./mc-tooltip-BNmrE7e_.js";
+import { M as R } from "./mc-input-BglWvPMq.js";
+import { M as _ } from "./mc-button-Bg4Yihn7.js";
+import { _ as b, u as N } from "./utils-y7s5KtP-.js";
+import { Mark as E } from "@tiptap/core";
+const C = "McRichtext", S = "McRichtextTool";
+var F = ((t2) => (t2.NORMAL = "normal", t2.SMALL = "small", t2.FOOTNOTE = "footnote", t2.BOLD = "bold", t2.ITALIC = "italic", t2.LIST = "list", t2.ORDERED_LIST = "numbering", t2.LINK = "link", t2.IMAGE = "document-image", t2.CLEAR = "input-reset", t2))(F || {}), V = ((t2) => (t2.NORMAL = "mc-richtext-normal-text", t2.SMALL = "mc-richtext-small-text", t2.FOOTNOTE = "mc-richtext-footnote", t2))(V || {});
+const D = b(t({ name: S, __name: "mc-richtext-tool", props: { icon: {}, isActive: { type: Boolean, default: false } }, emits: ["click"], setup(t2, { emit: c2 }) {
+  const s2 = c2;
+  return (c3, n2) => (l(), e("div", { class: o(["mc-richtext-tool", { "mc-richtext-tool-icon-actived": t2.isActive }]) }, [a(c3.$slots, "default", { isActive: t2.isActive }, () => [(l(), i(T, { class: "mc-richtext-tool-icon", key: t2.icon, name: t2.icon, size: 24, cursor: "pointer", onClick: n2[0] || (n2[0] = (e2) => {
+    return l2 = t2.icon, void s2("click", l2);
+    var l2;
+  }) }, null, 8, ["name"]))], true)], 2));
+} }), [["__scopeId", "data-v-341e9121"]]), y = E.create({ name: "custom-font", addAttributes: () => ({ class: { default: null, parseHTML: (t2) => t2.getAttribute("class"), renderHTML: (t2) => t2.class ? { class: t2.class } : {} } }), parseHTML: () => [{ tag: "span", getAttrs: (t2) => !!t2.hasAttribute("class") && null }], renderHTML: ({ HTMLAttributes: t2 }) => ["span", t2, 0] }), H = { class: "mc-richtext-toolbar" }, j = { class: "mc-richtext-font-selector" }, w = { class: "mc-richtext-tool-group" }, B = { class: "mc-richtext-tool-group" }, U = { class: "mc-richtext-tool-group" }, G = { class: "mc-richtext-attach-link" }, K = N(b(t({ name: C, __name: "mc-richtext", props: { modelValue: { default: "" }, width: { default: "100%" }, height: {} }, emits: ["update:modelValue"], setup(t2, { expose: a2, emit: i2 }) {
+  const T2 = t2, b2 = i2, N2 = c(), { width: E2, height: C2 } = A(), S2 = f({ content: `${T2.modelValue}`, extensions: [g, x.configure({ inline: true, allowBase64: true }), y], onUpdate: ({ editor: t3 }) => {
+    b2("update:modelValue", t3.getHTML());
+  } });
+  s(() => T2.modelValue, (t3) => {
+    const e2 = S2.value, l2 = e2 == null ? void 0 : e2.getHTML();
+    e2 && l2 !== t3 && e2.commands.setContent(t3);
+  });
+  const K2 = c(F.NORMAL), $ = (t3) => {
+    t3 === F.NORMAL ? z() : t3 === F.SMALL ? P() : t3 === F.FOOTNOTE ? W() : t3 === F.BOLD ? q() : t3 === F.ITALIC ? J() : t3 === F.LIST ? Q() : t3 === F.ORDERED_LIST ? X() : t3 === F.LINK ? et() : t3 === F.IMAGE ? lt() : t3 === F.CLEAR && at();
+  }, z = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.setMark("custom-font", { class: V.NORMAL });
+  }, P = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.setMark("custom-font", { class: V.SMALL });
+  }, W = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.setMark("custom-font", { class: V.FOOTNOTE });
+  }, q = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.toggleBold();
+  }, J = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.toggleItalic();
+  }, Q = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.toggleList("bulletList", "listItem");
+  }, X = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.commands.toggleList("orderedList", "listItem");
+  };
+  n(() => {
+    const t3 = S2.value;
+    if (!t3) return;
+    const e2 = t3.getAttributes("custom-font").class;
+    e2 === V.SMALL ? K2.value = F.SMALL : e2 === V.FOOTNOTE ? K2.value = F.FOOTNOTE : K2.value = F.NORMAL;
+  });
+  const Y = c(), Z = c(""), tt = () => {
+    var _a;
+    Z.value = ((_a = S2.value) == null ? void 0 : _a.getAttributes("link").href) || "";
+  }, et = () => {
+    var _a, _b, _c;
+    const t3 = Z.value;
+    t3 ? ((_a = S2.value) == null ? void 0 : _a.commands.setLink({ href: t3 }), Z.value = "") : ((_b = S2.value) == null ? void 0 : _b.commands.unsetLink(), Z.value = ""), (_c = Y.value) == null ? void 0 : _c.hide();
+  }, lt = () => {
+    var _a;
+    (_a = N2.value) == null ? void 0 : _a.click();
+  }, ot = (t3) => {
+    var _a;
+    const e2 = t3.target, l2 = (_a = e2.files) == null ? void 0 : _a[0];
+    if (!l2 || !l2.type.startsWith("image/")) return;
+    const o2 = new FileReader();
+    o2.onload = (t4) => {
+      var _a2, _b;
+      const e3 = (_a2 = t4.target) == null ? void 0 : _a2.result;
+      e3 && ((_b = S2.value) == null ? void 0 : _b.commands.setImage({ src: e3 }));
+    }, o2.onerror = () => {
+      console.error("mc-richtext: error:read:image:", l2.name);
+    }, o2.readAsDataURL(l2), e2.value = "";
+  }, at = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.chain().focus().unsetAllMarks().clearNodes().run();
+  };
+  return a2({ editor: S2.value, getText: () => {
+    var _a;
+    return (_a = S2.value) == null ? void 0 : _a.getText();
+  } }), (t3, a3) => {
+    var _a, _b, _c, _d, _e, _f;
+    return l(), e("div", { class: "mc-richtext", style: r({ width: m(E2), height: m(C2) }) }, [u("section", H, [u("div", j, [d(m(M), { modelValue: K2.value, "onUpdate:modelValue": a3[0] || (a3[0] = (t4) => K2.value = t4), width: 148, height: 32, "disable-validation": "", onChange: a3[1] || (a3[1] = (t4) => $(t4)) }, { "selected-content": v(({ selectedOptionLabel: t4 }) => [u("span", { class: o(["mc-richtext-font-selected", `mc-richtext-font-${K2.value}`]) }, p(t4), 3)]), default: v(() => [d(m(O), { value: m(F).NORMAL, label: "Normal text" }, { default: v(() => [...a3[4] || (a3[4] = [u("span", { class: "mc-richtext-font-normal" }, "Normal text", -1)])]), _: 1 }, 8, ["value"]), d(m(O), { value: m(F).SMALL, label: "Small text" }, { default: v(() => [...a3[5] || (a3[5] = [u("span", { class: "mc-richtext-font-small" }, "Small text", -1)])]), _: 1 }, 8, ["value"]), d(m(O), { value: m(F).FOOTNOTE, label: "Footnote" }, { default: v(() => [...a3[6] || (a3[6] = [u("span", { class: "mc-richtext-font-footnote" }, "Footnote", -1)])]), _: 1 }, 8, ["value"])]), _: 1 }, 8, ["modelValue"])]), u("div", w, [d(D, { icon: m(F).BOLD, "is-active": !!((_a = m(S2)) == null ? void 0 : _a.isActive("bold")), onClick: $ }, null, 8, ["icon", "is-active"]), d(D, { icon: m(F).ITALIC, "is-active": !!((_b = m(S2)) == null ? void 0 : _b.isActive("italic")), onClick: $ }, null, 8, ["icon", "is-active"])]), u("div", B, [d(D, { icon: m(F).LIST, "is-active": !!((_c = m(S2)) == null ? void 0 : _c.isActive("bulletList")), onClick: $ }, null, 8, ["icon", "is-active"]), d(D, { icon: m(F).ORDERED_LIST, "is-active": !!((_d = m(S2)) == null ? void 0 : _d.isActive("orderedList")), onClick: $ }, null, 8, ["icon", "is-active"])]), u("div", U, [d(D, { icon: m(F).LINK, "is-active": !!((_e = m(S2)) == null ? void 0 : _e.isActive("link")) }, { default: v(() => [d(m(I), { placement: "bottom-start", trigger: "click", ref_key: "linkTooltipRef", ref: Y }, { content: v(() => [u("div", G, [d(m(R), { modelValue: Z.value, "onUpdate:modelValue": a3[2] || (a3[2] = (t4) => Z.value = t4), placeholder: "Please enter the URL" }, null, 8, ["modelValue"]), d(m(_), { width: "180px", onClick: a3[3] || (a3[3] = (t4) => $("link")) }, { default: v(() => [...a3[7] || (a3[7] = [L(" Attach ", -1)])]), _: 1 })])]), default: v(() => [d(m(k), { name: "link", cursor: "pointer", class: "mc-richtext-tool-icon-link", onClick: tt })]), _: 1 }, 512)]), _: 1 }, 8, ["icon", "is-active"]), d(D, { icon: m(F).IMAGE, "is-active": !!((_f = m(S2)) == null ? void 0 : _f.isActive("image")), onClick: $ }, null, 8, ["icon", "is-active"])]), d(D, { icon: m(F).CLEAR, onClick: $ }, null, 8, ["icon"])]), d(m(h), { editor: m(S2), class: "mc-richtext-content" }, null, 8, ["editor"]), u("input", { ref_key: "fileInputRef", ref: N2, type: "file", accept: "image/*", style: { display: "none" }, "aria-hidden": "true", onChange: ot }, null, 544)], 4);
+  };
+} }), [["__scopeId", "data-v-c216489d"]]));
+export {
+  V as F,
+  K as M,
+  F as T,
+  C as a,
+  S as b
+};

package/dist/es/{mc-select-3xlHImKe.js → mc-select-dtLU6api.js}

@@ -1,16 +1,16 @@
 import { _ as e, u as l } from "./utils-y7s5KtP-.js";
-import { defineComponent as a, ref as t, computed as s, watch as u, provide as o, createElementBlock as c, openBlock as d, normalizeStyle as r, normalizeClass as m, unref as v, createElementVNode as n, createVNode as i, createCommentVNode as p, createBlock as h, resolveDynamicComponent as f, Fragment as y, renderList as g, withCtx as V, createTextVNode as b, toDisplayString as _, withDirectives as w, vModelText as k, Transition as x, renderSlot as j, vShow as B } from "vue";
-import { isNil as R, lowerCase as A, toString as M, filter as S, includes as C, map as O } from "lodash-es";
+import { defineComponent as a, ref as t, computed as s, watch as u, provide as o, createElementBlock as c, openBlock as d, normalizeStyle as r, normalizeClass as m, unref as v, createElementVNode as n, createVNode as i, createCommentVNode as p, createBlock as h, resolveDynamicComponent as f, Fragment as y, renderList as g, withCtx as V, createTextVNode as b, toDisplayString as w, withDirectives as _, vModelText as k, Transition as x, renderSlot as j, vShow as B } from "vue";
+import { isNil as M, lowerCase as R, toString as A, filter as S, includes as C, map as O } from "lodash-es";
 import { useFocus as z, useClickOutside as D } from "@mc-plus/hooks";
-import { M as F } from "./mc-icon-4B9i36Sx.js";
-import { M as I } from "./mc-button-Ckv7FHa8.js";
-import { _ as $ } from "./mc-tag-tK4gRtnS.js";
-import { M as T } from "./mc-checkbox-C-9q1uwS.js";
-import { _ as U } from "./mc-title-RVvmAnbZ.js";
-import { M as H } from "./mc-footer-DUC9ViQu.js";
-import { a as N } from "./mc-form-C0bOl2Kn.js";
-const P = Symbol("mc-select-context"), W = "mc-select", q = { key: 0, class: "mc-select-selected-content" }, E = ["placeholder", "readonly", "disabled"], G = { class: "mc-select-dropdown-header-content" }, J = { class: "mc-select-dropdown-content" }, K = { class: "mc-select-dropdown" }, L = { key: 0, class: "mc-select-no-data" }, Q = l(e(a({ name: W, __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, multiple: { type: Boolean, default: false }, width: {}, height: {}, search: { type: Boolean }, allowReset: { type: Boolean, default: true }, allowSelectAll: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: l2 }) {
-  const a2 = e2, W2 = l2, Q2 = t(), X = t(), Y = t(), Z = s(() => a2.multiple), ee = (e3) => Z.value && Array.isArray(e3), le = t([]), ae = s(() => R(Re.value) ? le.value : le.value.filter((e3) => A(M(e3.label ?? e3.value)).includes(A(Re.value)))), { wrapperRef: te, isFocused: se, handleFocus: ue, handleBlur: oe } = z(Q2, { afterBlur() {
+import { M as F } from "./mc-icon-CmYW61Q0.js";
+import { M as I } from "./mc-button-Bg4Yihn7.js";
+import { M as $ } from "./mc-tag-CeJarQKP.js";
+import { M as T } from "./mc-checkbox-Dyzog85d.js";
+import { M as U } from "./mc-title-Bp0U8n05.js";
+import { M as K } from "./mc-footer-BeEDYFlH.js";
+import { a as N } from "./mc-form-B74FOC7S.js";
+const P = Symbol("mc-select-context"), W = "mc-select", q = { key: 0, class: "mc-select-selected-content" }, E = ["placeholder", "readonly", "disabled"], G = { class: "mc-select-dropdown-header-content" }, H = { class: "mc-select-dropdown-content" }, J = { class: "mc-select-dropdown" }, L = { key: 0, class: "mc-select-no-data" }, Q = l(e(a({ name: W, __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, multiple: { type: Boolean, default: false }, width: {}, height: {}, search: { type: Boolean }, allowReset: { type: Boolean, default: true }, allowSelectAll: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: l2 }) {
+  const a2 = e2, W2 = l2, Q2 = t(), X = t(), Y = t(), Z = s(() => a2.multiple), ee = (e3) => Z.value && Array.isArray(e3), le = t([]), ae = s(() => M(Me.value) ? le.value : le.value.filter((e3) => R(A(e3.label ?? e3.value)).includes(R(Me.value)))), { wrapperRef: te, isFocused: se, handleFocus: ue, handleBlur: oe } = z(Q2, { afterBlur() {
     ge == null ? void 0 : ge.validate("blur");
   } }), ce = s(() => 0 === ae.value.length), de = s(() => Z.value && a2.allowSelectAll && !ce.value), re = s(() => Z.value && a2.allowReset && !ce.value), me = t(false), ve = () => {
     me.value = !me.value;
@@ -30,7 +30,7 @@ const P = Symbol("mc-select-context"), W = "mc-select", q = { key: 0, class: "mc
       default:
         return "";
     }
-  }), be = s(() => "error" === Ve.value), _e = s(() => "success" === Ve.value), we = s(() => !a2.disabled && (be.value || _e.value));
+  }), be = s(() => "error" === Ve.value), we = s(() => "success" === Ve.value), _e = s(() => !a2.disabled && (be.value || we.value));
   let ke = [];
   const xe = () => {
     W2("update:modelValue", [...ke]), W2("change", [...ke]);
@@ -39,14 +39,14 @@ const P = Symbol("mc-select-context"), W = "mc-select", q = { key: 0, class: "mc
   }, Be = s(() => {
     var _a;
     return ee(a2.modelValue) ? !((_a = a2.modelValue) == null ? void 0 : _a.length) : !a2.modelValue;
-  }), Re = t(""), Ae = () => {
+  }), Me = t(""), Re = () => {
     me.value = true;
-  }, Me = s(() => a2.search && Re.value.length > 0), Se = s(() => ({ width: a2.width ?? void 0, height: a2.height ?? void 0 }));
+  }, Ae = s(() => a2.search && Me.value.length > 0), Se = s(() => ({ width: a2.width ?? void 0, height: a2.height ?? void 0 }));
   D(te, () => {
     me.value = false;
   }), u(() => me.value, (e3) => {
     e3 ? Z.value && (ke = [...a2.modelValue]) : setTimeout(() => {
-      Re.value = "";
+      Me.value = "";
     }, 300);
   }, { flush: "post" });
   const Ce = t(false), Oe = t(false);
@@ -67,13 +67,13 @@ const P = Symbol("mc-select-context"), W = "mc-select", q = { key: 0, class: "mc
     le.value = le.value.filter((l3) => l3.value !== e3.value);
   }, addOption: (e3) => {
     le.value.push(e3);
-  } }), (l3, t2) => (d(), c("div", { class: m(["mc-select", [me.value && !e2.disabled ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": e2.disabled, "mc-input-focused": v(se) && e2.search, [`mc-select--${Ve.value}`]: Ve.value, "mc-select--hover": Ce.value }]]), ref_key: "wrapperRef", ref: te, style: r(Se.value), onMouseenter: t2[4] || (t2[4] = (e3) => Ce.value = true), onMouseleave: t2[5] || (t2[5] = (e3) => Ce.value = false) }, [n("div", { class: "mc-select-trigger", onClick: ve, ref_key: "triggerRef", ref: Y }, [pe.value.length && !Me.value ? (d(), c("div", q, [Z.value ? (d(), c("div", { key: 1, class: "mc-select-multi-wrapper", ref_key: "tagsWrapperRef", ref: X }, [(d(true), c(y, null, g(fe.value, (l4) => (d(), h($, { key: l4.value, size: "x-small", type: "selectable", emphasis: ye.value, disabled: e2.disabled, onDelete: (e3) => ((e4) => {
+  } }), (l3, t2) => (d(), c("div", { class: m(["mc-select", [me.value && !e2.disabled ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": e2.disabled, "mc-input-focused": v(se) && e2.search, [`mc-select--${Ve.value}`]: Ve.value, "mc-select--hover": Ce.value }]]), ref_key: "wrapperRef", ref: te, style: r(Se.value), onMouseenter: t2[4] || (t2[4] = (e3) => Ce.value = true), onMouseleave: t2[5] || (t2[5] = (e3) => Ce.value = false) }, [n("div", { class: "mc-select-trigger", onClick: ve, ref_key: "triggerRef", ref: Y }, [pe.value.length && !Ae.value ? (d(), c("div", q, [Z.value ? (d(), c("div", { key: 1, class: "mc-select-multi-wrapper", ref_key: "tagsWrapperRef", ref: X }, [(d(true), c(y, null, g(fe.value, (l4) => (d(), h(v($), { key: l4.value, size: "x-small", type: "selectable", emphasis: ye.value, disabled: e2.disabled, onDelete: (e3) => ((e4) => {
     if (ee(a2.modelValue)) {
       const l5 = [...a2.modelValue];
       l5.splice(l5.indexOf(e4.value), 1), W2("update:modelValue", l5);
     }
-  })(l4) }, { default: V(() => [b(_(l4.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (d(), h(f(he.value._vnode), { key: he.value.value }))])) : p("", true), n("div", { class: m(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": Me.value || Be.value }]) }, [w(n("input", { class: m(["mc-select-input", { "mc-select-input-readonly": !e2.search }]), ref_key: "inputRef", ref: Q2, type: "text", placeholder: Be.value ? e2.placeholder : "", "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => Re.value = e3), onInput: Ae, onFocus: t2[1] || (t2[1] = (...e3) => v(ue) && v(ue)(...e3)), onBlur: t2[2] || (t2[2] = (...e3) => v(oe) && v(oe)(...e3)), readonly: !e2.search, disabled: e2.disabled }, null, 42, E), [[k, Re.value]])], 2), we.value ? (d(), c("div", { key: 1, class: m(["mc-select__status", [be.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [i(F, { name: be.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : p("", true), n("div", { class: m(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": me.value && !e2.disabled }]) }, [i(F, { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), i(x, { name: "mc-select-dropdown-transition" }, { default: V(() => [w(n("div", { class: "mc-select-dropdown-wrapper", style: r({ paddingTop: de.value ? "40px" : "0", paddingBottom: re.value ? "48px" : "0" }) }, [de.value ? (d(), h(U, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: V(() => [n("div", G, [i(T, { modelValue: Oe.value, "onUpdate:modelValue": t2[3] || (t2[3] = (e3) => Oe.value = e3), content: "Select All", "form-validate": false, partial: ze.value, onChange: De }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : p("", true), n("div", J, [n("div", K, [j(l3.$slots, "default", {}, void 0, true), ce.value ? (d(), c("div", L, [j(l3.$slots, "empty", {}, () => [t2[6] || (t2[6] = b("No data", -1))], true)])) : p("", true)])]), re.value ? (d(), h(H, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": V(() => [i(I, { type: "link", size: "small", onClick: xe }, { default: V(() => [...t2[7] || (t2[7] = [b(" Reset ", -1)])]), _: 1 }), i(I, { type: "plain", size: "small", onClick: je }, { default: V(() => [...t2[8] || (t2[8] = [b(" Apply ", -1)])]), _: 1 })]), _: 1 })) : p("", true)], 4), [[B, me.value && !e2.disabled]])]), _: 3 })], 38));
-} }), [["__scopeId", "data-v-c41d5004"]]));
+  })(l4) }, { default: V(() => [b(w(l4.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (d(), h(f(he.value._vnode), { key: he.value.value }))])) : p("", true), n("div", { class: m(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": Ae.value || Be.value }]) }, [_(n("input", { class: m(["mc-select-input", { "mc-select-input-readonly": !e2.search }]), ref_key: "inputRef", ref: Q2, type: "text", placeholder: Be.value ? e2.placeholder : "", "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => Me.value = e3), onInput: Re, onFocus: t2[1] || (t2[1] = (...e3) => v(ue) && v(ue)(...e3)), onBlur: t2[2] || (t2[2] = (...e3) => v(oe) && v(oe)(...e3)), readonly: !e2.search, disabled: e2.disabled }, null, 42, E), [[k, Me.value]])], 2), _e.value ? (d(), c("div", { key: 1, class: m(["mc-select__status", [be.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [i(v(F), { name: be.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : p("", true), n("div", { class: m(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": me.value && !e2.disabled }]) }, [i(v(F), { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), i(x, { name: "mc-select-dropdown-transition" }, { default: V(() => [_(n("div", { class: "mc-select-dropdown-wrapper", style: r({ paddingTop: de.value ? "40px" : "0", paddingBottom: re.value ? "48px" : "0" }) }, [de.value ? (d(), h(v(U), { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: V(() => [n("div", G, [i(v(T), { modelValue: Oe.value, "onUpdate:modelValue": t2[3] || (t2[3] = (e3) => Oe.value = e3), content: "Select All", "form-validate": false, partial: ze.value, onChange: De }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : p("", true), n("div", H, [n("div", J, [j(l3.$slots, "default", {}, void 0, true), ce.value ? (d(), c("div", L, [j(l3.$slots, "empty", {}, () => [t2[6] || (t2[6] = b("No data", -1))], true)])) : p("", true)])]), re.value ? (d(), h(v(K), { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": V(() => [i(v(I), { type: "link", size: "small", onClick: xe }, { default: V(() => [...t2[7] || (t2[7] = [b(" Reset ", -1)])]), _: 1 }), i(v(I), { type: "plain", size: "small", onClick: je }, { default: V(() => [...t2[8] || (t2[8] = [b(" Apply ", -1)])]), _: 1 })]), _: 1 })) : p("", true)], 4), [[B, me.value && !e2.disabled]])]), _: 3 })], 38));
+} }), [["__scopeId", "data-v-c352ab36"]]));
 export {
   Q as M,
   P as S,

package/dist/es/{mc-select-group-BKEcd7s0.js → mc-select-group-BpZACRnb.js}

@@ -1,6 +1,6 @@
 import { _ as e, u as t } from "./utils-y7s5KtP-.js";
 import { defineComponent as s, inject as l, provide as o, computed as a, toRefs as c, useAttrs as i, toValue as r, withDirectives as m, createElementBlock as p, openBlock as u, createElementVNode as d, normalizeStyle as v, toDisplayString as g, renderSlot as n, vShow as h } from "vue";
-import { S as f } from "./mc-select-3xlHImKe.js";
+import { S as f } from "./mc-select-dtLU6api.js";
 const b = Symbol("mc-select-group-context"), _ = "mc-select-group", w = { class: "mc-select-group" }, y = { class: "mc-select-group-content" }, S = t(e(s({ name: _, __name: "mc-select-group", props: { label: {}, width: {}, height: {} }, setup(e2) {
   const t2 = e2, s2 = l(f, void 0);
   o(b, { groupName: t2.label });

package/dist/es/{mc-select-group-plus-CPt1eYeR.js → mc-select-group-plus-DTvQr5wB.js}

@@ -2,7 +2,7 @@ import { _ as l, u as s } from "./utils-y7s5KtP-.js";
 import { defineComponent as e, inject as t, computed as o, withDirectives as a, createElementBlock as u, openBlock as p, createElementVNode as r, normalizeStyle as c, unref as i, toDisplayString as m, renderSlot as d, vShow as h } from "vue";
 import { includes as f } from "lodash-es";
 import { useWidthHeight as g } from "@mc-plus/hooks";
-import { M as n } from "./mc-select-plus-Hdl-shv8.js";
+import { a as n } from "./mc-select-plus-CjrXhek5.js";
 const v = "mc-select-group-plus", _ = { class: "mc-select-group" }, b = { class: "mc-select-option-list" }, w = s(l(e({ name: v, __name: "mc-select-group-plus", props: { label: {}, height: { default: 40 }, width: { default: "100%" } }, setup(l2) {
   const s2 = l2, e2 = t(n || void 0), { height: v2, width: w2 } = g(), j = o(() => f(e2 == null ? void 0 : e2.filteredGroups.value, s2.label));
   return (s3, e3) => a((p(), u("ul", _, [r("li", { class: "mc-select-group-label", style: c({ height: i(v2), width: i(w2) }) }, m(l2.label), 5), r("li", null, [r("ul", b, [d(s3.$slots, "default", {}, void 0, true)])])], 512)), [[h, j.value]]);

package/dist/es/mc-select-multi-option-0RDwqAwb.js

@@ -0,0 +1,13 @@
+import { u as e } from "./utils-y7s5KtP-.js";
+import { defineComponent as l, createElementBlock as o, openBlock as t, createVNode as a, unref as m } from "vue";
+import { M as d } from "./mc-checkbox-Dyzog85d.js";
+const s = "mc-select-multi-option", i = { class: "mc-select-multi-option" }, u = e(l({ name: s, __name: "mc-select-multi-option", props: { modelValue: { type: Boolean, default: false }, label: {}, disabled: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: l2 }) {
+  const s2 = l2, u2 = (e3) => {
+    s2("update:modelValue", e3);
+  };
+  return (l3, s3) => (t(), o("div", i, [a(m(d), { "model-value": e2.modelValue, content: e2.label, "disable-validation": "", disabled: e2.disabled, "onUpdate:modelValue": u2 }, null, 8, ["model-value", "content", "disabled"])]));
+} }));
+export {
+  u as M,
+  s as a
+};

package/dist/es/{mc-select-option-Cptm5wjF.js → mc-select-option-1qz8OodF.js}

@@ -1,21 +1,21 @@
 import { _ as e, u as o } from "./utils-y7s5KtP-.js";
 import { defineComponent as t, ref as s, inject as l, computed as c, useSlots as i, onMounted as a, onBeforeUnmount as n, h as p, createElementBlock as m, createCommentVNode as r, openBlock as v, normalizeStyle as d, normalizeClass as u, createElementVNode as f, renderSlot as h, createTextVNode as _, toDisplayString as g } from "vue";
-import { S as w } from "./mc-select-group-BKEcd7s0.js";
-import { S } from "./mc-select-3xlHImKe.js";
+import { S as w } from "./mc-select-group-BpZACRnb.js";
+import { S } from "./mc-select-dtLU6api.js";
 const j = "mc-select-option", k = { class: "mc-select-option-content" }, y = o(e(t({ name: j, __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: o2 }) {
-  const t2 = s(), j2 = e2, y2 = l(S, void 0), O = l(w, void 0), b = c(() => y2 == null ? void 0 : y2.selectValues.value.includes(j2.value)), x = c(() => !!(y2 == null ? void 0 : y2.filterOptions.value.some((e3) => e3.value === j2.value))), I = i(), C = () => {
-    y2 == null ? void 0 : y2.handleSelect(G(j2));
+  const t2 = s(), j2 = e2, y2 = l(S, void 0), O = l(w, void 0), b = c(() => y2 == null ? void 0 : y2.selectValues.value.includes(j2.value)), x = c(() => !!(y2 == null ? void 0 : y2.filterOptions.value.some((e3) => e3.value === j2.value))), C = i(), I = () => {
+    y2 == null ? void 0 : y2.handleSelect(J(j2));
   };
   a(() => {
-    y2 == null ? void 0 : y2.addOption(G(j2));
+    y2 == null ? void 0 : y2.addOption(J(j2));
   }), n(() => {
-    y2 == null ? void 0 : y2.removeOption(G(j2));
+    y2 == null ? void 0 : y2.removeOption(J(j2));
   });
-  const G = (e3) => {
+  const J = (e3) => {
     var _a;
-    return { ...e3, _group: O == null ? void 0 : O.groupName, _vnode: p("div", { class: "mc-select-option-content" }, (_a = I.default) == null ? void 0 : _a.call(I, {})) };
-  }, M = c(() => ({ width: j2.width ?? void 0, height: j2.height ?? void 0 }));
-  return o2({ isShow: x.value, ref: t2 }), (o3, s2) => x.value ? (v(), m("div", { key: 0, class: u(["mc-select-dropdown-item mc-select-option", { "mc-select-option-icon-active": b.value }]), onClick: C, ref_key: "_ref", ref: t2, style: d(M.value) }, [f("div", k, [h(o3.$slots, "default", {}, () => [_(g(e2.label), 1)], true)])], 6)) : r("", true);
+    return { ...e3, _group: O == null ? void 0 : O.groupName, _vnode: p("div", { class: "mc-select-option-content" }, (_a = C.default) == null ? void 0 : _a.call(C, {})) };
+  }, L = c(() => ({ width: j2.width ?? void 0, height: j2.height ?? void 0 }));
+  return o2({ isShow: x.value, ref: t2 }), (o3, s2) => x.value ? (v(), m("div", { key: 0, class: u(["mc-select-dropdown-item mc-select-option", { "mc-select-option-icon-active": b.value }]), onClick: I, ref_key: "_ref", ref: t2, style: d(L.value) }, [f("div", k, [h(o3.$slots, "default", {}, () => [_(g(e2.label), 1)], true)])], 6)) : r("", true);
 } }), [["__scopeId", "data-v-8c13e012"]]));
 export {
   y as M,

package/dist/es/{mc-select-option-plus-93vuN2mf.js → mc-select-option-plus-B-UJCqUp.js}

@@ -1,24 +1,24 @@
 import { _ as e, u as l } from "./utils-y7s5KtP-.js";
 import { defineComponent as a, inject as t, computed as o, ref as s, withDirectives as i, createElementBlock as u, openBlock as d, normalizeStyle as c, normalizeClass as v, unref as p, renderSlot as r, createBlock as n, toDisplayString as m, vShow as b } from "vue";
 import { find as h, includes as f } from "lodash-es";
-import { useWidthHeight as _ } from "@mc-plus/hooks";
-import { _ as y } from "./mc-select-multi-option-Db1LcXm-.js";
-import { M as g } from "./mc-select-plus-Hdl-shv8.js";
+import { useWidthHeight as y } from "@mc-plus/hooks";
+import { M as _ } from "./mc-select-multi-option-0RDwqAwb.js";
+import { a as g } from "./mc-select-plus-CjrXhek5.js";
 const k = "mc-select-option-plus", M = ["aria-selected"], O = { key: 1, class: "mc-select-option-label" }, j = l(e(a({ name: k, __name: "mc-select-option-plus", props: { label: {}, value: { type: [String, Number, Boolean] }, height: { default: 40 }, width: { default: "100%" }, disabled: { type: Boolean } }, setup(e2) {
-  const l2 = e2, { height: a2, width: k2 } = _(), j2 = t(g || void 0), w = o(() => !!h(j2 == null ? void 0 : j2.filteredOptions.value, (e3) => e3.value === l2.value)), B = o(() => !!(j2 == null ? void 0 : j2.isMulti.value)), x = o(() => {
+  const l2 = e2, { height: a2, width: k2 } = y(), j2 = t(g || void 0), w = o(() => !!h(j2 == null ? void 0 : j2.filteredOptions.value, (e3) => e3.value === l2.value)), B = o(() => !!(j2 == null ? void 0 : j2.isMulti.value)), N = o(() => {
     if (B.value) {
       const e3 = j2 == null ? void 0 : j2.selectedOption.value;
       return f(e3, l2.value);
     }
     return (j2 == null ? void 0 : j2.selectedOption.value) === l2.value;
-  }), A = s(false), C = o(() => l2.label), D = () => {
+  }), x = s(false), A = o(() => l2.label), C = () => {
     j2 == null ? void 0 : j2.hover(l2.value);
-  }, I = o(() => (j2 == null ? void 0 : j2.hoverOption.value) === l2.value), K = () => {
+  }, D = o(() => (j2 == null ? void 0 : j2.hoverOption.value) === l2.value), G = () => {
     l2.disabled || (j2 == null ? void 0 : j2.select(l2.value));
   };
-  return (l3, t2) => i((d(), u("li", { role: "option", class: v(["mc-select-option", { "mc-select-option-actived": x.value && !B.value, "mc-select-option-hover": I.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: p(a2), width: p(k2) }), "aria-selected": A.value, onMouseenter: D, onClick: K }, [r(l3.$slots, "default", { isActived: x.value, isDisabled: e2.disabled }, () => [B.value ? (d(), n(y, { key: 0, "model-value": x.value, label: C.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", O, m(C.value), 1))], true)], 46, M)), [[b, w.value]]);
-} }), [["__scopeId", "data-v-7a30caf7"]]));
+  return (l3, t2) => i((d(), u("li", { role: "option", class: v(["mc-select-option", { "mc-select-option-actived": N.value && !B.value, "mc-select-option-hover": D.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: p(a2), width: p(k2) }), "aria-selected": x.value, onMouseenter: C, onClick: G }, [r(l3.$slots, "default", { isActived: N.value, isDisabled: e2.disabled }, () => [B.value ? (d(), n(p(_), { key: 0, "model-value": N.value, label: A.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", O, m(A.value), 1))], true)], 46, M)), [[b, w.value]]);
+} }), [["__scopeId", "data-v-5c070d19"]]));
 export {
-  k as M,
-  j as a
+  j as M,
+  k as a
 };