mc-plus 1.0.83 → 1.0.84

package/dist/es/index.js

@@ -65,30 +65,30 @@ import { M as cs } from "./mc-removable-tag-YZpBGZiE.js";
 import { a as a27 } from "./mc-removable-tag-YZpBGZiE.js";
 import { M as es } from "./mc-reset-CJBlVip8.js";
 import { a as a28 } from "./mc-reset-CJBlVip8.js";
-import { M as _s } from "./mc-richtext-CFVb-rKQ.js";
-import { F as F3, a as a29, b as b5, T } from "./mc-richtext-CFVb-rKQ.js";
+import { M as _s } from "./mc-richtext-C29pWb3W.js";
+import { F as F3, a as a29, b as b5, T } from "./mc-richtext-C29pWb3W.js";
 import { M as Ms } from "./mc-secondary-menu-3p4UsHZ0.js";
 import { a as a30 } from "./mc-secondary-menu-3p4UsHZ0.js";
-import { M as is } from "./mc-select-fruDiRFO.js";
-import { a as a31, S } from "./mc-select-fruDiRFO.js";
-import { M as Cs } from "./mc-select-group-BdSZKhe5.js";
-import { a as a32, S as S2 } from "./mc-select-group-BdSZKhe5.js";
-import { M as fs } from "./mc-select-option-CeH5Ew8u.js";
-import { a as a33 } from "./mc-select-option-CeH5Ew8u.js";
-import { M as js } from "./mc-select-plus-CvhDak14.js";
-import { b as b6, a as a34 } from "./mc-select-plus-CvhDak14.js";
-import { a as Es } from "./mc-select-group-plus-CMI3azyH.js";
-import { M as M4 } from "./mc-select-group-plus-CMI3azyH.js";
-import { M as Ts } from "./mc-select-option-plus-DeksR1iB.js";
-import { a as a35 } from "./mc-select-option-plus-DeksR1iB.js";
+import { M as is } from "./mc-select-B7XqWfwV.js";
+import { a as a31, S } from "./mc-select-B7XqWfwV.js";
+import { M as Cs } from "./mc-select-group-DPGvLjck.js";
+import { a as a32, S as S2 } from "./mc-select-group-DPGvLjck.js";
+import { M as fs } from "./mc-select-option-DWrxPuSI.js";
+import { a as a33 } from "./mc-select-option-DWrxPuSI.js";
+import { M as js } from "./mc-select-plus-BNA_HLU1.js";
+import { b as b6, a as a34 } from "./mc-select-plus-BNA_HLU1.js";
+import { a as Es } from "./mc-select-group-plus-CI0jtl4n.js";
+import { M as M4 } from "./mc-select-group-plus-CI0jtl4n.js";
+import { M as Ts } from "./mc-select-option-plus-PUkvSiLd.js";
+import { a as a35 } from "./mc-select-option-plus-PUkvSiLd.js";
 import { M as ls } from "./mc-select-multi-option-BFTikd5T.js";
 import { a as a36 } from "./mc-select-multi-option-BFTikd5T.js";
 import { M as Os } from "./mc-status-BJGdWYD5.js";
 import { a as a37 } from "./mc-status-BJGdWYD5.js";
 import { M as Ls } from "./mc-step-DRDtR0u_.js";
 import { a as a38 } from "./mc-step-DRDtR0u_.js";
-import { M as xs } from "./mc-step-plus-dPMVmUi4.js";
-import { a as a39 } from "./mc-step-plus-dPMVmUi4.js";
+import { M as xs } from "./mc-step-plus-CxYftUdb.js";
+import { a as a39 } from "./mc-step-plus-CxYftUdb.js";
 import { a as Is } from "./mc-step-item-plus-DupEJu7U.js";
 import { M as M5 } from "./mc-step-item-plus-DupEJu7U.js";
 import { a as As } from "./mc-step-child-item-plus-CUT06Cwi.js";
@@ -98,14 +98,14 @@ import { M as Ps } from "./mc-success-icon-BuGz3uNE.js";
 import { a as a40 } from "./mc-success-icon-BuGz3uNE.js";
 import { M as ns } from "./mc-switch-DaGGPSCt.js";
 import { a as a41, b as b7 } from "./mc-switch-DaGGPSCt.js";
-import { M as Ns } from "./mc-tab-BT5bQZPB.js";
-import { a as a42 } from "./mc-tab-BT5bQZPB.js";
+import { M as Ns } from "./mc-tab-D3vcDe9Q.js";
+import { a as a42 } from "./mc-tab-D3vcDe9Q.js";
 import { a as bs } from "./mc-tab-item-CqXL4HVs.js";
 import { M as M7 } from "./mc-tab-item-CqXL4HVs.js";
 import { M as Us } from "./mc-table-DFxor-rm.js";
 import { u, a as a43, b as b8 } from "./mc-table-DFxor-rm.js";
-import { M as ds } from "./mc-table-plus-mrdERsrX.js";
-import { d, f, r, p, q, o, g, j, b as b9, h, l, m, n, a as a44, e, i, c as c2, k } from "./mc-table-plus-mrdERsrX.js";
+import { M as ds } from "./mc-table-plus-CBZDQGiv.js";
+import { d, f, r, p, q, o, g, j, b as b9, h, l, m, n, a as a44, e, i, c as c2, k } from "./mc-table-plus-CBZDQGiv.js";
 import { a as gs } from "./mc-table-column-plus-N4ocB9zX.js";
 import { M as M8 } from "./mc-table-column-plus-N4ocB9zX.js";
 import { M as Bs } from "./mc-tag-CeJarQKP.js";

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

@@ -0,0 +1,97 @@
+import { defineComponent as e, createElementBlock as t, openBlock as l, normalizeClass as a, renderSlot as o, createBlock as i, ref as s, watch as c, 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 { M as h, u as f, i as A, a as g, E as M } from "./vendor-BEjxar4U.js";
+import { useWidthHeight as x } from "@mc-plus/hooks";
+import { M as O } from "./mc-select-plus-BNA_HLU1.js";
+import { M as T } from "./mc-select-option-plus-PUkvSiLd.js";
+import { a as k, M as I } from "./mc-icon-plus-BFYVRrKw.js";
+import { M as R } from "./mc-tooltip-BNmrE7e_.js";
+import { M as _ } from "./mc-input-C9AUHpPJ.js";
+import { M as b } from "./mc-button-Bg4Yihn7.js";
+import { _ as E, u as N } from "./utils-y7s5KtP-.js";
+const C = "McRichtext", S = "McRichtextTool";
+var F = ((e2) => (e2.NORMAL = "normal", e2.SMALL = "small", e2.FOOTNOTE = "footnote", e2.BOLD = "bold", e2.ITALIC = "italic", e2.LIST = "list", e2.ORDERED_LIST = "numbering", e2.LINK = "link", e2.IMAGE = "document-image", e2.CLEAR = "input-reset", e2))(F || {}), V = ((e2) => (e2.NORMAL = "mc-richtext-normal-text", e2.SMALL = "mc-richtext-small-text", e2.FOOTNOTE = "mc-richtext-footnote", e2))(V || {});
+const D = E(e({ name: S, __name: "mc-richtext-tool", props: { icon: {}, isActive: { type: Boolean, default: false } }, emits: ["click"], setup(e2, { emit: s2 }) {
+  const c2 = s2;
+  return (s3, n2) => (l(), t("div", { class: a(["mc-richtext-tool", { "mc-richtext-tool-icon-actived": e2.isActive }]) }, [o(s3.$slots, "default", { isActive: e2.isActive }, () => [(l(), i(k, { class: "mc-richtext-tool-icon", key: e2.icon, name: e2.icon, size: 24, cursor: "pointer", onClick: n2[0] || (n2[0] = (t2) => {
+    return l2 = e2.icon, void c2("click", l2);
+    var l2;
+  }) }, null, 8, ["name"]))], true)], 2));
+} }), [["__scopeId", "data-v-341e9121"]]), y = h.create({ name: "custom-font", addAttributes: () => ({ class: { default: null, parseHTML: (e2) => e2.getAttribute("class"), renderHTML: (e2) => e2.class ? { class: e2.class } : {} } }), parseHTML: () => [{ tag: "span", getAttrs: (e2) => !!e2.hasAttribute("class") && null }], renderHTML: ({ HTMLAttributes: e2 }) => ["span", e2, 0] }), j = { class: "mc-richtext-toolbar" }, H = { 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(E(e({ name: C, __name: "mc-richtext", props: { modelValue: { default: "" }, width: { default: "100%" }, height: {} }, emits: ["update:modelValue"], setup(e2, { expose: o2, emit: i2 }) {
+  const h2 = e2, k2 = i2, E2 = s(), { width: N2, height: C2 } = x(), S2 = f({ content: `${h2.modelValue}`, extensions: [A, g.configure({ inline: true, allowBase64: true }), y], onUpdate: ({ editor: e3 }) => {
+    k2("update:modelValue", e3.getHTML());
+  } });
+  c(() => h2.modelValue, (e3) => {
+    const t2 = S2.value, l2 = t2 == null ? void 0 : t2.getHTML();
+    t2 && l2 !== e3 && t2.commands.setContent(e3);
+  });
+  const K2 = s(F.NORMAL), $ = (e3) => {
+    e3 === F.NORMAL ? z() : e3 === F.SMALL ? P() : e3 === F.FOOTNOTE ? W() : e3 === F.BOLD ? q() : e3 === F.ITALIC ? J() : e3 === F.LIST ? Q() : e3 === F.ORDERED_LIST ? X() : e3 === F.LINK ? te() : e3 === F.IMAGE ? le() : e3 === F.CLEAR && oe();
+  }, 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 e3 = S2.value;
+    if (!e3) return;
+    const t2 = e3.getAttributes("custom-font").class;
+    t2 === V.SMALL ? K2.value = F.SMALL : t2 === V.FOOTNOTE ? K2.value = F.FOOTNOTE : K2.value = F.NORMAL;
+  });
+  const Y = s(), Z = s(""), ee = () => {
+    var _a;
+    Z.value = ((_a = S2.value) == null ? void 0 : _a.getAttributes("link").href) || "";
+  }, te = () => {
+    var _a, _b, _c;
+    const e3 = Z.value;
+    e3 ? ((_a = S2.value) == null ? void 0 : _a.commands.setLink({ href: e3 }), Z.value = "") : ((_b = S2.value) == null ? void 0 : _b.commands.unsetLink(), Z.value = ""), (_c = Y.value) == null ? void 0 : _c.hide();
+  }, le = () => {
+    var _a;
+    (_a = E2.value) == null ? void 0 : _a.click();
+  }, ae = (e3) => {
+    var _a;
+    const t2 = e3.target, l2 = (_a = t2.files) == null ? void 0 : _a[0];
+    if (!l2 || !l2.type.startsWith("image/")) return;
+    const a2 = new FileReader();
+    a2.onload = (e4) => {
+      var _a2, _b;
+      const t3 = (_a2 = e4.target) == null ? void 0 : _a2.result;
+      t3 && ((_b = S2.value) == null ? void 0 : _b.commands.setImage({ src: t3 }));
+    }, a2.onerror = () => {
+      console.error("mc-richtext: error:read:image:", l2.name);
+    }, a2.readAsDataURL(l2), t2.value = "";
+  }, oe = () => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.chain().focus().unsetAllMarks().clearNodes().run();
+  };
+  return o2({ editor: S2.value, getText: () => {
+    var _a;
+    return (_a = S2.value) == null ? void 0 : _a.getText();
+  } }), (e3, o3) => {
+    var _a, _b, _c, _d, _e, _f;
+    return l(), t("div", { class: "mc-richtext", style: r({ width: m(N2), height: m(C2) }) }, [u("section", j, [u("div", H, [d(m(O), { modelValue: K2.value, "onUpdate:modelValue": o3[0] || (o3[0] = (e4) => K2.value = e4), width: 148, height: 32, "disable-validation": "", onChange: o3[1] || (o3[1] = (e4) => $(e4)) }, { "selected-content": v(({ selectedOptionLabel: e4 }) => [u("span", { class: a(["mc-richtext-font-selected", `mc-richtext-font-${K2.value}`]) }, p(e4), 3)]), default: v(() => [d(m(T), { value: m(F).NORMAL, label: "Normal text" }, { default: v(() => [...o3[4] || (o3[4] = [u("span", { class: "mc-richtext-font-normal" }, "Normal text", -1)])]), _: 1 }, 8, ["value"]), d(m(T), { value: m(F).SMALL, label: "Small text" }, { default: v(() => [...o3[5] || (o3[5] = [u("span", { class: "mc-richtext-font-small" }, "Small text", -1)])]), _: 1 }, 8, ["value"]), d(m(T), { value: m(F).FOOTNOTE, label: "Footnote" }, { default: v(() => [...o3[6] || (o3[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(R), { placement: "bottom-start", trigger: "click", ref_key: "linkTooltipRef", ref: Y }, { content: v(() => [u("div", G, [d(m(_), { modelValue: Z.value, "onUpdate:modelValue": o3[2] || (o3[2] = (e4) => Z.value = e4), placeholder: "Please enter the URL" }, null, 8, ["modelValue"]), d(m(b), { width: "180px", onClick: o3[3] || (o3[3] = (e4) => $("link")) }, { default: v(() => [...o3[7] || (o3[7] = [L(" Attach ", -1)])]), _: 1 })])]), default: v(() => [d(m(I), { name: "link", cursor: "pointer", class: "mc-richtext-tool-icon-link", onClick: ee })]), _: 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(M), { editor: m(S2), class: "mc-richtext-content" }, null, 8, ["editor"]), u("input", { ref_key: "fileInputRef", ref: E2, type: "file", accept: "image/*", style: { display: "none" }, "aria-hidden": "true", onChange: ae }, 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-fruDiRFO.js → mc-select-B7XqWfwV.js}

@@ -7,9 +7,9 @@ import { M as $ } from "./mc-button-Bg4Yihn7.js";
 import { M as I } from "./mc-tag-CeJarQKP.js";
 import { M as T } from "./mc-checkbox-DOYKa_Ym.js";
 import { M as U } from "./mc-title-Bp0U8n05.js";
-import { M as K } from "./mc-footer-BeEDYFlH.js";
-const N = Symbol("mc-select-context"), P = "mc-select", W = { key: 0, class: "mc-select-selected-content" }, q = ["placeholder", "readonly", "disabled"], E = { class: "mc-select-dropdown-header-content" }, G = { class: "mc-select-dropdown-content" }, H = { class: "mc-select-dropdown" }, J = { key: 0, class: "mc-select-no-data" }, L = l(e(a({ name: P, __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, P2 = l2, L2 = t(), Q = t(), X = t(), Y = s(() => a2.multiple), Z = (e3) => Y.value && Array.isArray(e3), ee = t([]), le = s(() => j(Me.value) ? ee.value : ee.value.filter((e3) => B(A(e3.label ?? e3.value)).includes(B(Me.value)))), { wrapperRef: ae, isFocused: te, handleFocus: se, handleBlur: ue } = z(L2, {}), oe = s(() => 0 === le.value.length), ce = s(() => Y.value && a2.allowSelectAll && !oe.value), de = s(() => Y.value && a2.allowReset && !oe.value), ve = t(false), me = () => {
+import { M as L } from "./mc-footer-BeEDYFlH.js";
+const N = Symbol("mc-select-context"), P = "mc-select", W = { key: 0, class: "mc-select-selected-content" }, q = ["placeholder", "readonly", "disabled"], E = { class: "mc-select-dropdown-header-content" }, G = { class: "mc-select-dropdown-content" }, H = { class: "mc-select-dropdown" }, J = { key: 0, class: "mc-select-no-data" }, K = l(e(a({ name: P, __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, P2 = l2, K2 = t(), Q = t(), X = t(), Y = s(() => a2.multiple), Z = (e3) => Y.value && Array.isArray(e3), ee = t([]), le = s(() => j(Me.value) ? ee.value : ee.value.filter((e3) => B(A(e3.label ?? e3.value)).includes(B(Me.value)))), { wrapperRef: ae, isFocused: te, handleFocus: se, handleBlur: ue } = z(K2, {}), oe = s(() => 0 === le.value.length), ce = s(() => Y.value && a2.allowSelectAll && !oe.value), de = s(() => Y.value && a2.allowReset && !oe.value), ve = t(false), me = () => {
     ve.value = !ve.value;
   }, ne = () => Z(a2.modelValue) ? [...a2.modelValue] : [a2.modelValue], re = t(ne());
   u(() => a2.modelValue, () => {
@@ -60,10 +60,10 @@ const N = Symbol("mc-select-context"), P = "mc-select", W = { key: 0, class: "mc
       const l5 = [...a2.modelValue];
       l5.splice(l5.indexOf(e4.value), 1), P2("update:modelValue", l5);
     }
-  })(l4) }, { default: g(() => [b(w(l4.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (d(), h(f(pe.value._vnode), { key: pe.value.value }))])) : p("", true), r("div", { class: m(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": je.value || xe.value }]) }, [_(r("input", { class: m(["mc-select-input", { "mc-select-input-readonly": !e2.search }]), ref_key: "inputRef", ref: L2, type: "text", placeholder: xe.value ? e2.placeholder : "", "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => Me.value = e3), onInput: Re, onFocus: t2[1] || (t2[1] = (...e3) => n(se) && n(se)(...e3)), onBlur: t2[2] || (t2[2] = (...e3) => n(ue) && n(ue)(...e3)), readonly: !e2.search, disabled: e2.disabled }, null, 42, q), [[k, Me.value]])], 2), be.value ? (d(), c("div", { key: 1, class: m(["mc-select__status", [Ve.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [i(n(F), { name: Ve.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : p("", true), r("div", { class: m(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": ve.value && !e2.disabled }]) }, [i(n(F), { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), i(x, { name: "mc-select-dropdown-transition" }, { default: g(() => [_(r("div", { class: "mc-select-dropdown-wrapper", style: v({ paddingTop: ce.value ? "40px" : "0", paddingBottom: de.value ? "48px" : "0" }) }, [ce.value ? (d(), h(n(U), { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [r("div", E, [i(n(T), { modelValue: Se.value, "onUpdate:modelValue": t2[3] || (t2[3] = (e3) => Se.value = e3), content: "Select All", "form-validate": false, partial: Ce.value, onChange: Oe }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : p("", true), r("div", G, [r("div", H, [M(l3.$slots, "default", {}, void 0, true), oe.value ? (d(), c("div", J, [M(l3.$slots, "empty", {}, () => [t2[6] || (t2[6] = b("No data", -1))], true)])) : p("", true)])]), de.value ? (d(), h(n(K), { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [i(n($), { type: "link", size: "small", onClick: _e }, { default: g(() => [...t2[7] || (t2[7] = [b(" Reset ", -1)])]), _: 1 }), i(n($), { type: "plain", size: "small", onClick: ke }, { default: g(() => [...t2[8] || (t2[8] = [b(" Apply ", -1)])]), _: 1 })]), _: 1 })) : p("", true)], 4), [[R, ve.value && !e2.disabled]])]), _: 3 })], 38));
+  })(l4) }, { default: g(() => [b(w(l4.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (d(), h(f(pe.value._vnode), { key: pe.value.value }))])) : p("", true), r("div", { class: m(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": je.value || xe.value }]) }, [_(r("input", { class: m(["mc-select-input", { "mc-select-input-readonly": !e2.search }]), ref_key: "inputRef", ref: K2, type: "text", placeholder: xe.value ? e2.placeholder : "", "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => Me.value = e3), onInput: Re, onFocus: t2[1] || (t2[1] = (...e3) => n(se) && n(se)(...e3)), onBlur: t2[2] || (t2[2] = (...e3) => n(ue) && n(ue)(...e3)), readonly: !e2.search, disabled: e2.disabled }, null, 42, q), [[k, Me.value]])], 2), be.value ? (d(), c("div", { key: 1, class: m(["mc-select__status", [Ve.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [i(n(F), { name: Ve.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : p("", true), r("div", { class: m(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": ve.value && !e2.disabled }]) }, [i(n(F), { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), i(x, { name: "mc-select-dropdown-transition" }, { default: g(() => [_(r("div", { class: "mc-select-dropdown-wrapper", style: v({ paddingTop: ce.value ? "40px" : "0", paddingBottom: de.value ? "48px" : "0" }) }, [ce.value ? (d(), h(n(U), { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [r("div", E, [i(n(T), { modelValue: Se.value, "onUpdate:modelValue": t2[3] || (t2[3] = (e3) => Se.value = e3), content: "Select All", "form-validate": false, partial: Ce.value, onChange: Oe }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : p("", true), r("div", G, [r("div", H, [M(l3.$slots, "default", {}, void 0, true), oe.value ? (d(), c("div", J, [M(l3.$slots, "empty", {}, () => [t2[6] || (t2[6] = b("No data", -1))], true)])) : p("", true)])]), de.value ? (d(), h(n(L), { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [i(n($), { type: "link", size: "small", onClick: _e }, { default: g(() => [...t2[7] || (t2[7] = [b(" Reset ", -1)])]), _: 1 }), i(n($), { type: "plain", size: "small", onClick: ke }, { default: g(() => [...t2[8] || (t2[8] = [b(" Apply ", -1)])]), _: 1 })]), _: 1 })) : p("", true)], 4), [[R, ve.value && !e2.disabled]])]), _: 3 })], 38));
 } }), [["__scopeId", "data-v-0096011b"]]));
 export {
-  L as M,
+  K as M,
   N as S,
   P as a
 };

package/dist/es/{mc-select-group-BdSZKhe5.js → mc-select-group-DPGvLjck.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-fruDiRFO.js";
+import { S as f } from "./mc-select-B7XqWfwV.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-CMI3azyH.js → mc-select-group-plus-CI0jtl4n.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 { a as n } from "./mc-select-plus-CvhDak14.js";
+import { a as n } from "./mc-select-plus-BNA_HLU1.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-option-CeH5Ew8u.js → mc-select-option-DWrxPuSI.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-BdSZKhe5.js";
-import { S } from "./mc-select-fruDiRFO.js";
+import { S as w } from "./mc-select-group-DPGvLjck.js";
+import { S } from "./mc-select-B7XqWfwV.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))), C = i(), I = () => {
-    y2 == null ? void 0 : y2.handleSelect(J(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))), M = i(), C = () => {
+    y2 == null ? void 0 : y2.handleSelect(I(j2));
   };
   a(() => {
-    y2 == null ? void 0 : y2.addOption(J(j2));
+    y2 == null ? void 0 : y2.addOption(I(j2));
   }), n(() => {
-    y2 == null ? void 0 : y2.removeOption(J(j2));
+    y2 == null ? void 0 : y2.removeOption(I(j2));
   });
-  const J = (e3) => {
+  const I = (e3) => {
     var _a;
-    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);
+    return { ...e3, _group: O == null ? void 0 : O.groupName, _vnode: p("div", { class: "mc-select-option-content" }, (_a = M.default) == null ? void 0 : _a.call(M, {})) };
+  }, K = 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(K.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-DeksR1iB.js → mc-select-option-plus-PUkvSiLd.js}

@@ -2,23 +2,23 @@ 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 y } from "@mc-plus/hooks";
-import { M as _ } from "./mc-select-multi-option-BFTikd5T.js";
-import { a as g } from "./mc-select-plus-CvhDak14.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 } = 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(() => {
+import { M as O } from "./mc-select-multi-option-BFTikd5T.js";
+import { a as _ } from "./mc-select-plus-BNA_HLU1.js";
+const g = "mc-select-option-plus", k = ["aria-selected"], M = { key: 1, class: "mc-select-option-label" }, j = l(e(a({ name: g, __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: g2 } = y(), j2 = t(_ || 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(() => {
     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;
-  }), x = s(false), A = o(() => l2.label), C = () => {
+  }), A = s(false), C = o(() => l2.label), D = () => {
     j2 == null ? void 0 : j2.hover(l2.value);
-  }, D = o(() => (j2 == null ? void 0 : j2.hoverOption.value) === l2.value), G = () => {
+  }, H = o(() => (j2 == null ? void 0 : j2.hoverOption.value) === l2.value), I = () => {
     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": 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]]);
+  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": H.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: p(a2), width: p(g2) }), "aria-selected": A.value, onMouseenter: D, onClick: I }, [r(l3.$slots, "default", { isActived: x.value, isDisabled: e2.disabled }, () => [B.value ? (d(), n(p(O), { key: 0, "model-value": x.value, label: C.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", M, m(C.value), 1))], true)], 46, k)), [[b, w.value]]);
 } }), [["__scopeId", "data-v-5c070d19"]]));
 export {
   j as M,
-  k as a
+  g as a
 };

package/dist/es/{mc-select-plus-CvhDak14.js → mc-select-plus-BNA_HLU1.js}

@@ -1,6 +1,6 @@
 import { p as e, _ as l, u as a } from "./utils-y7s5KtP-.js";
-import { ref as t, computed as o, getCurrentInstance as s, watchEffect as u, onMounted as r, watch as n, inject as c, defineComponent as i, h as p, provide as v, createElementBlock as d, openBlock as m, normalizeClass as h, unref as f, createVNode as g, normalizeStyle as y, withCtx as b, createBlock as w, createCommentVNode as k, createElementVNode as x, renderSlot as O, isRef as V, Fragment as S, createTextVNode as _, withDirectives as B, withKeys as j, withModifiers as A, vModelText as M, renderList as R, toDisplayString as $, resolveDynamicComponent as C, vShow as H, nextTick as I } from "vue";
-import { isFunction as P, findIndex as D, isEmpty as F, map as z, filter as E, includes as G, toLower as T, uniqBy as K, isArray as U, isString as N, isNumber as q, find as L, difference as W } from "lodash-es";
+import { ref as t, computed as o, getCurrentInstance as s, watchEffect as u, onMounted as r, watch as n, inject as c, defineComponent as i, h as p, provide as v, createElementBlock as d, openBlock as m, normalizeClass as h, unref as f, createVNode as g, normalizeStyle as y, withCtx as b, createBlock as w, createCommentVNode as k, createElementVNode as x, renderSlot as O, isRef as V, Fragment as S, createTextVNode as _, withDirectives as B, withKeys as j, withModifiers as A, vModelText as M, renderList as I, toDisplayString as R, resolveDynamicComponent as $, vShow as C, nextTick as P } from "vue";
+import { isFunction as H, findIndex as D, isEmpty as F, map as z, filter as E, includes as G, toLower as T, uniqBy as N, isArray as U, isString as K, isNumber as L, find as q, difference as W } from "lodash-es";
 import { useProp as J, useWidthHeight as Q, useFocus as X, useHover as Y, useClickOutside as Z } from "@mc-plus/hooks";
 import { M as ee } from "./mc-icon-CmYW61Q0.js";
 import { M as le } from "./mc-popper-CbGrFzA5.js";
@@ -10,12 +10,12 @@ import { M as oe } from "./mc-footer-BeEDYFlH.js";
 import { M as se } from "./mc-checkbox-DOYKa_Ym.js";
 import { M as ue } from "./mc-button-Bg4Yihn7.js";
 import { u as re } from "./mc-form-B2yyvtha.js";
-import { M as ne } from "./mc-select-group-plus-CMI3azyH.js";
-import { a as ce } from "./mc-select-option-plus-DeksR1iB.js";
+import { M as ne } from "./mc-select-group-plus-CI0jtl4n.js";
+import { a as ce } from "./mc-select-option-plus-PUkvSiLd.js";
 import { I as ie, u as pe } from "./mc-input-group-C7qYI7yq.js";
 const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id", "placeholder", "readonly", "disabled", "onKeydown"], he = { key: 0, class: "mc-select-multi-options-wrapper" }, fe = { key: 1, class: "mc-select-selected-content-wrapper" }, ge = { key: 1, class: "mc-select-placeholder" }, ye = { key: 0, class: "mc-select-status-icon-wrapper" }, be = { key: 0, class: "mc-select-dropdown-header-content" }, we = { key: 0, class: "mc-select-empty" }, ke = a(l(i({ name: de, __name: "mc-select-plus", props: { width: { default: 320 }, height: { default: 40 }, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, multiple: { type: Boolean, default: false }, maxTags: {}, search: { type: Boolean, default: false }, options: {}, showHeader: { type: Boolean, default: false }, showFooter: { type: Boolean, default: false }, modelValue: { type: [String, Number, Boolean, Array] }, placement: { default: "bottom-start" }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, validateProp: {} }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(l2, { emit: a2 }) {
   const i2 = l2, de2 = a2, ke2 = o(() => i2.multiple), xe = t(), { wrapperRef: Oe, isFocused: Ve, handleFocus: Se, handleBlur: _e } = X(xe, { afterBlur: async () => {
-    await e(300), await Le("blur");
+    await e(300), await qe("blur");
   } }), { isHovering: Be } = Y(Oe), { selectRef: je, width: Ae, height: Me } = (() => {
     const e2 = t(), { width: l3, height: a3 } = Q(), o2 = () => {
       e2.value && (e2.value.style.setProperty("--mc-select-width", l3.value || "auto"), e2.value.style.setProperty("--mc-select-height", a3.value || "auto"));
@@ -23,7 +23,7 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
     return r(() => {
       o2();
     }), n(() => l3.value, () => o2()), { selectRef: e2, width: l3, height: a3, setWidth: o2 };
-  })(), { selectOptions: Re } = (() => {
+  })(), { selectOptions: Ie } = (() => {
     let e2 = [];
     const l3 = t([]), a3 = s().proxy;
     return u(() => {
@@ -36,7 +36,7 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
               var _a2, _b2, _c, _d, _e2, _f, _g, _h;
               const o2 = (_a2 = (e6 == null ? void 0 : e6.type) || {}) == null ? void 0 : _a2.name;
               if (o2 === ne) {
-                const l5 = N(e6.children) || U(e6.children) || !P((_b2 = e6.children) == null ? void 0 : _b2.default) ? e6.children : (_c = e6.children) == null ? void 0 : _c.default();
+                const l5 = K(e6.children) || U(e6.children) || !H((_b2 = e6.children) == null ? void 0 : _b2.default) ? e6.children : (_c = e6.children) == null ? void 0 : _c.default();
                 a4(l5, (_d = e6.props) == null ? void 0 : _d.label);
               } else o2 === ce ? l4.push({ label: (_e2 = e6.props) == null ? void 0 : _e2.label, value: (_f = e6.props) == null ? void 0 : _f.value, disabled: (_g = e6.props) == null ? void 0 : _g.disabled, group: t3, context: (_h = e6.children) == null ? void 0 : _h.default }) : Array.isArray(e6.children) && a4(e6.children, t3);
             });
@@ -51,12 +51,12 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
         return true;
       })(l3.value, e2) || (e2 = l3.value);
     }), { selectOptions: l3 };
-  })(), { searchValue: $e, isSearch: Ce, hasSearchValue: He, filteredOptions: Ie, filteredGroups: Pe, clearSearchValue: De } = ((e2) => {
-    const l3 = t(""), a3 = J("search"), s2 = o(() => !!a3.value), u2 = o(() => s2.value && !F(l3.value)), r2 = o(() => (e2 == null ? void 0 : e2.value.length) ? z(E(e2.value, (e3) => G(T(e3.label), T(l3.value))), (e3) => ({ value: e3.value, group: e3.group })) : []), n2 = o(() => r2.value.length ? z(K(r2.value, "group"), (e3) => e3.group) : []);
+  })(), { searchValue: Re, isSearch: $e, hasSearchValue: Ce, filteredOptions: Pe, filteredGroups: He, clearSearchValue: De } = ((e2) => {
+    const l3 = t(""), a3 = J("search"), s2 = o(() => !!a3.value), u2 = o(() => s2.value && !F(l3.value)), r2 = o(() => (e2 == null ? void 0 : e2.value.length) ? z(E(e2.value, (e3) => G(T(e3.label), T(l3.value))), (e3) => ({ value: e3.value, group: e3.group })) : []), n2 = o(() => r2.value.length ? z(N(r2.value, "group"), (e3) => e3.group) : []);
     return { searchValue: l3, isSearch: s2, hasSearchValue: u2, filteredOptions: r2, filteredGroups: n2, clearSearchValue: () => {
       l3.value = "";
     } };
-  })(Re), { hoverOption: Fe, setHoverOption: ze, handlePressArrow: Ee, clearHoverOption: Ge } = ((e2) => {
+  })(Ie), { hoverOption: Fe, setHoverOption: ze, handlePressArrow: Ee, clearHoverOption: Ge } = ((e2) => {
     const l3 = t(), a3 = () => {
       l3.value = void 0;
     };
@@ -69,12 +69,12 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
       const o2 = D(e2 == null ? void 0 : e2.value, (e3) => e3.value === l3.value);
       "ArrowDown" === t2.key ? l3.value = ((_b = e2.value[o2 + 1]) == null ? void 0 : _b.value) || ((_c = e2.value[0]) == null ? void 0 : _c.value) : "ArrowUp" === t2.key && (l3.value = ((_d = e2.value[o2 - 1]) == null ? void 0 : _d.value) || ((_e2 = e2.value[e2.value.length - 1]) == null ? void 0 : _e2.value));
     }, clearHoverOption: a3 };
-  })(Ie), { formId: Te, formDisabled: Ke, validateStatus: Ue, validateStyle: Ne, statusIcon: qe, validateByTrigger: Le } = re(), { isDisabled: We } = ((e2, l3) => {
+  })(Pe), { formId: Te, formDisabled: Ne, validateStatus: Ue, validateStyle: Ke, statusIcon: Le, validateByTrigger: qe } = re(), { isDisabled: We } = ((e2, l3) => {
     const a3 = c(ie, void 0), t2 = o(() => !!e2.value || !!(a3 == null ? void 0 : a3.disabled.value));
     return n(t2, (e3) => {
-      e3 && P(l3) && l3();
+      e3 && H(l3) && l3();
     }), { isDisabled: t2 };
-  })(Ke, () => {
+  })(Ne, () => {
     Ye(false), De();
   }), { isExpanded: Je, popperRef: Qe, popperOptions: Xe, toggleExpand: Ye } = ((e2) => {
     const l3 = t(false), a3 = s(), { emit: u2 } = a3, r2 = t(), i3 = c(ie, void 0), p2 = J("inputGroupPosition"), v2 = { modifiers: [{ name: "offset", options: { offset: [o(() => i3 && p2.value ? "prefix" === p2.value ? -1 : "suffix" === p2.value ? 1 : 0 : 0).value, 0] } }] };
@@ -89,10 +89,10 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
     return { showClearIcon: o(() => !!s2.value && a3.value && !l3.value), mouseOverIcon: (e3) => {
       a3.value = e3;
     }, clear: () => {
-      P(e2) && e2();
+      H(e2) && e2();
     } };
   })(async () => {
-    We.value || (al.value = ke2.value ? [] : void 0, De(), Ye(false), Vl(), await I(), Le("input"));
+    We.value || (al.value = ke2.value ? [] : void 0, De(), Ye(false), Vl(), await P(), qe("input"));
   }, We);
   pe({ validateStatus: Ue, isExpanded: Je, isFocused: Ve, isHovering: Be }), Z(je, () => {
     De(), Ye(false);
@@ -104,7 +104,7 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
   const al = t(), tl = o(() => {
     if (ke2.value) {
       const e2 = i2.maxTags, l3 = al.value;
-      if (q(e2)) {
+      if (L(e2)) {
         const a3 = l3.length - e2, t2 = [];
         for (let a4 = 0; a4 < e2 && a4 < l3.length; a4++) {
           const e3 = l3[a4];
@@ -118,8 +118,8 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
   }), ol = o(() => {
     var _a;
     return ke2.value ? (_a = al.value) == null ? void 0 : _a.map((e2) => ul(e2)) : ul(al.value);
-  }), sl = o(() => Ie.value.length > 0), ul = (e2) => {
-    const l3 = L(Re.value, (l4) => l4.value === e2);
+  }), sl = o(() => Pe.value.length > 0), ul = (e2) => {
+    const l3 = q(Ie.value, (l4) => l4.value === e2);
     return (l3 == null ? void 0 : l3.label) || (l3 == null ? void 0 : l3.value);
   }, rl = async (e2) => {
     if (De(), !We.value) {
@@ -127,14 +127,14 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
         const l3 = al.value;
         G(l3, e2) ? al.value = W(l3, [e2]) : al.value = [...l3, e2];
       } else al.value = e2;
-      ke2.value || Ye(false), Vl(), await I(), Le("input");
+      ke2.value || Ye(false), Vl(), await P(), qe("input");
     }
   }, nl = o(() => {
     if (!ke2.value) {
-      const e2 = L(Re.value, (e3) => e3.value === al.value);
+      const e2 = q(Ie.value, (e3) => e3.value === al.value);
       return (e2 == null ? void 0 : e2.context) ? e2.context : p("span", { class: "mc-selected-option-label", style: { color: "inherit" } }, (e2 == null ? void 0 : e2.label) || (e2 == null ? void 0 : e2.value));
     }
-  }), cl = o(() => !He.value && !!al.value), il = o(() => !!i2.placeholder && !He.value && kl.value), pl = o(() => Ve.value ? "minimal" : "bold");
+  }), cl = o(() => !Ce.value && !!al.value), il = o(() => !!i2.placeholder && !Ce.value && kl.value), pl = o(() => Ve.value ? "minimal" : "bold");
   n(Je, () => {
     Ge();
   });
@@ -152,10 +152,10 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
       const t2 = l3.value;
       (t2 == null ? void 0 : t2.length) && ((_a = a3.value) == null ? void 0 : _a.length) && (t2 == null ? void 0 : t2.length) === ((_b = a3.value) == null ? void 0 : _b.length) ? s2.value = true : (t2 == null ? void 0 : t2.length) > 0 ? (s2.value = false, r2.value = true) : (s2.value = false, r2.value = false);
     }), { isSelectAll: s2, isSelectPartial: r2, selectAll: () => {
-      e2.value && P(o2) && o2();
+      e2.value && H(o2) && o2();
     } };
-  })(ke2, al, Re, () => {
-    hl.value ? al.value = Re.value.map((e2) => e2.value) : al.value = [], Vl();
+  })(ke2, al, Ie, () => {
+    hl.value ? al.value = Ie.value.map((e2) => e2.value) : al.value = [], Vl();
   }), yl = t([]);
   n(Je, () => {
     Je.value && ke2.value && (yl.value = al.value);
@@ -167,13 +167,13 @@ const ve = Symbol("mc-select-plus-context"), de = "mc-select-plus", me = ["id",
   }, kl = o(() => {
     var _a;
     return ke2.value ? ((_a = al.value) == null ? void 0 : _a.length) <= 0 : !al.value;
-  }), xl = o(() => Ze.value && !kl.value), Ol = o(() => We.value ? "not-allowed" : Ce.value ? "text" : "pointer"), Vl = () => {
+  }), xl = o(() => Ze.value && !kl.value), Ol = o(() => We.value ? "not-allowed" : $e.value ? "text" : "pointer"), Vl = () => {
     de2("update:modelValue", al.value), de2("change", al.value);
   };
-  return v(ve, { isMulti: ke2, selectedOption: al, filteredOptions: Ie, filteredGroups: Pe, hoverOption: Fe, select: rl, hover: ze }), (e2, a3) => (m(), d("div", { ref_key: "selectRef", ref: je, class: h(["mc-select", { "mc-select-expanded": f(Je) }]) }, [g(f(le), { ref_key: "popperRef", ref: Qe, placement: l2.placement, trigger: "manual", class: "mc-select-popper", style: y({ width: f(Ae) }), "show-arrow": false, "popper-options": f(Xe), "hide-timeout": 100 }, { default: b(() => [x("div", { ref_key: "triggerRef", ref: Oe, class: h(["mc-select-trigger", { "mc-select-trigger-focused": f(Ve), "mc-select-trigger-disabled": f(We), "mc-select-trigger-hovering": f(Be), [f(Ne)]: f(Ne) }]), style: y({ width: f(Ae), height: f(Me) }), onClick: vl }, [x("div", { class: "mc-select-input-wrapper", style: y({ cursor: Ol.value }) }, [B(x("input", { "onUpdate:modelValue": a3[0] || (a3[0] = (e3) => V($e) ? $e.value = e3 : null), ref_key: "inputRef", ref: xe, id: f(Te), class: "mc-select-input", style: y({ width: f(He) ? "100%" : "1px" }), placeholder: l2.placeholder, readonly: !f(Ce) || f(We), disabled: f(We), onFocus: a3[1] || (a3[1] = (...e3) => f(Se) && f(Se)(...e3)), onBlur: a3[2] || (a3[2] = (...e3) => f(_e) && f(_e)(...e3)), onInput: dl, onKeydown: [j(A(ml, ["stop"]), ["enter"]), a3[3] || (a3[3] = j(A((...e3) => f(Ee) && f(Ee)(...e3), ["stop"]), ["arrow-down"])), a3[4] || (a3[4] = j(A((...e3) => f(Ee) && f(Ee)(...e3), ["stop"]), ["arrow-up"]))] }, null, 44, me), [[M, f($e)]]), cl.value ? O(e2.$slots, "selected-content", { key: 0, selectedOption: al.value, selectedOptionLabel: ol.value, isDisabled: f(We) }, () => [ke2.value ? (m(), d("ul", he, [(m(true), d(S, null, R(tl.value, (e3) => (m(), d("li", { key: `${e3.item}`, class: "mc-select-multi-option" }, [g(f(ae), { size: "x-small", type: "selectable", deletable: e3.selectable, emphasis: pl.value, disabled: f(We), onDelete: (l3) => ((e4) => {
+  return v(ve, { isMulti: ke2, selectedOption: al, filteredOptions: Pe, filteredGroups: He, hoverOption: Fe, select: rl, hover: ze }), (e2, a3) => (m(), d("div", { ref_key: "selectRef", ref: je, class: h(["mc-select", { "mc-select-expanded": f(Je) }]) }, [g(f(le), { ref_key: "popperRef", ref: Qe, placement: l2.placement, trigger: "manual", class: "mc-select-popper", style: y({ width: f(Ae) }), "show-arrow": false, "popper-options": f(Xe), "hide-timeout": 100 }, { default: b(() => [x("div", { ref_key: "triggerRef", ref: Oe, class: h(["mc-select-trigger", { "mc-select-trigger-focused": f(Ve), "mc-select-trigger-disabled": f(We), "mc-select-trigger-hovering": f(Be), [f(Ke)]: f(Ke) }]), style: y({ width: f(Ae), height: f(Me) }), onClick: vl }, [x("div", { class: "mc-select-input-wrapper", style: y({ cursor: Ol.value }) }, [B(x("input", { "onUpdate:modelValue": a3[0] || (a3[0] = (e3) => V(Re) ? Re.value = e3 : null), ref_key: "inputRef", ref: xe, id: f(Te), class: "mc-select-input", style: y({ width: f(Ce) ? "100%" : "1px" }), placeholder: l2.placeholder, readonly: !f($e) || f(We), disabled: f(We), onFocus: a3[1] || (a3[1] = (...e3) => f(Se) && f(Se)(...e3)), onBlur: a3[2] || (a3[2] = (...e3) => f(_e) && f(_e)(...e3)), onInput: dl, onKeydown: [j(A(ml, ["stop"]), ["enter"]), a3[3] || (a3[3] = j(A((...e3) => f(Ee) && f(Ee)(...e3), ["stop"]), ["arrow-down"])), a3[4] || (a3[4] = j(A((...e3) => f(Ee) && f(Ee)(...e3), ["stop"]), ["arrow-up"]))] }, null, 44, me), [[M, f(Re)]]), cl.value ? O(e2.$slots, "selected-content", { key: 0, selectedOption: al.value, selectedOptionLabel: ol.value, isDisabled: f(We) }, () => [ke2.value ? (m(), d("ul", he, [(m(true), d(S, null, I(tl.value, (e3) => (m(), d("li", { key: `${e3.item}`, class: "mc-select-multi-option" }, [g(f(ae), { size: "x-small", type: "selectable", deletable: e3.selectable, emphasis: pl.value, disabled: f(We), onDelete: (l3) => ((e4) => {
     const l4 = al.value;
     al.value = W(l4, [e4]), Vl();
-  })(e3.item) }, { default: b(() => [_($(e3.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))])) : (m(), d("div", fe, [nl.value ? (m(), w(C(nl.value), { key: al.value })) : k("", true)]))], true) : k("", true), il.value ? (m(), d("p", ge, [O(e2.$slots, "placeholder", {}, () => [_($(l2.placeholder), 1)], true)])) : k("", true)], 4), f(qe) ? (m(), d("div", ye, [f(qe) ? (m(), w(f(ee), { key: 0, name: f(qe), size: 24 }, null, 8, ["name"])) : k("", true)])) : k("", true), x("div", { class: "mc-select-icon-wrapper", onMouseenter: a3[5] || (a3[5] = (e3) => f(el)(true)), onMouseleave: a3[6] || (a3[6] = (e3) => f(el)(false)) }, [B(g(f(ee), { name: "Reject", size: 20, class: "mc-select-clear-icon", onClick: A(f(ll), ["stop"]) }, null, 8, ["onClick"]), [[H, xl.value]]), B(g(f(ee), { name: "Down-Chevron", size: 24, class: h(["mc-select-chevron-icon", { "mc-select-chevron-icon-rotate": f(Je) }]) }, null, 8, ["class"]), [[H, !xl.value]])], 32)], 6)]), content: b(() => [sl.value && l2.showHeader ? (m(), w(f(te), { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: b(() => [O(e2.$slots, "option-header", {}, () => [ke2.value ? (m(), d("div", be, [g(f(se), { modelValue: f(hl), "onUpdate:modelValue": a3[7] || (a3[7] = (e3) => V(hl) ? hl.value = e3 : null), content: "Select All", "form-validate": false, partial: f(fl), onChange: f(gl) }, null, 8, ["modelValue", "partial", "onChange"])])) : k("", true)], true)]), _: 3 })) : k("", true), x("ul", { class: "mc-select-list", style: y({ paddingTop: l2.showHeader ? "40px" : "0", paddingBottom: l2.showFooter ? "48px" : "0" }) }, [O(e2.$slots, "default", {}, void 0, true), sl.value ? k("", true) : (m(), d("li", we, [O(e2.$slots, "empty", {}, () => [a3[8] || (a3[8] = x("p", { class: "mc-select-text" }, "No results found", -1))], true)]))], 4), sl.value && l2.showFooter ? (m(), w(f(oe), { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": b(() => [O(e2.$slots, "option-footer", {}, () => [ke2.value ? (m(), d(S, { key: 0 }, [g(f(ue), { type: "link", size: "small", onClick: bl }, { default: b(() => [...a3[9] || (a3[9] = [_(" Reset ", -1)])]), _: 1 }), g(f(ue), { type: "plain", size: "small", onClick: wl }, { default: b(() => [...a3[10] || (a3[10] = [_(" Apply ", -1)])]), _: 1 })], 64)) : k("", true)], true)]), _: 3 })) : k("", true)]), _: 3 }, 8, ["placement", "style", "popper-options"])], 2));
+  })(e3.item) }, { default: b(() => [_(R(e3.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))])) : (m(), d("div", fe, [nl.value ? (m(), w($(nl.value), { key: al.value })) : k("", true)]))], true) : k("", true), il.value ? (m(), d("p", ge, [O(e2.$slots, "placeholder", {}, () => [_(R(l2.placeholder), 1)], true)])) : k("", true)], 4), f(Le) ? (m(), d("div", ye, [f(Le) ? (m(), w(f(ee), { key: 0, name: f(Le), size: 24 }, null, 8, ["name"])) : k("", true)])) : k("", true), x("div", { class: "mc-select-icon-wrapper", onMouseenter: a3[5] || (a3[5] = (e3) => f(el)(true)), onMouseleave: a3[6] || (a3[6] = (e3) => f(el)(false)) }, [B(g(f(ee), { name: "Reject", size: 20, class: "mc-select-clear-icon", onClick: A(f(ll), ["stop"]) }, null, 8, ["onClick"]), [[C, xl.value]]), B(g(f(ee), { name: "Down-Chevron", size: 24, class: h(["mc-select-chevron-icon", { "mc-select-chevron-icon-rotate": f(Je) }]) }, null, 8, ["class"]), [[C, !xl.value]])], 32)], 6)]), content: b(() => [sl.value && l2.showHeader ? (m(), w(f(te), { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: b(() => [O(e2.$slots, "option-header", {}, () => [ke2.value ? (m(), d("div", be, [g(f(se), { modelValue: f(hl), "onUpdate:modelValue": a3[7] || (a3[7] = (e3) => V(hl) ? hl.value = e3 : null), content: "Select All", "form-validate": false, partial: f(fl), onChange: f(gl) }, null, 8, ["modelValue", "partial", "onChange"])])) : k("", true)], true)]), _: 3 })) : k("", true), x("ul", { class: "mc-select-list", style: y({ paddingTop: l2.showHeader ? "40px" : "0", paddingBottom: l2.showFooter ? "48px" : "0" }) }, [O(e2.$slots, "default", {}, void 0, true), sl.value ? k("", true) : (m(), d("li", we, [O(e2.$slots, "empty", {}, () => [a3[8] || (a3[8] = x("p", { class: "mc-select-text" }, "No results found", -1))], true)]))], 4), sl.value && l2.showFooter ? (m(), w(f(oe), { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": b(() => [O(e2.$slots, "option-footer", {}, () => [ke2.value ? (m(), d(S, { key: 0 }, [g(f(ue), { type: "link", size: "small", onClick: bl }, { default: b(() => [...a3[9] || (a3[9] = [_(" Reset ", -1)])]), _: 1 }), g(f(ue), { type: "plain", size: "small", onClick: wl }, { default: b(() => [...a3[10] || (a3[10] = [_(" Apply ", -1)])]), _: 1 })], 64)) : k("", true)], true)]), _: 3 })) : k("", true)]), _: 3 }, 8, ["placement", "style", "popper-options"])], 2));
 } }), [["__scopeId", "data-v-e971c45f"]]));
 export {
   ke as M,

package/dist/es/{mc-step-plus-dPMVmUi4.js → mc-step-plus-CxYftUdb.js}

@@ -6,8 +6,8 @@ import { M as g } from "./mc-icon-CmYW61Q0.js";
 import { useProp as I } from "@mc-plus/hooks";
 import { M as j } from "./mc-step-item-plus-DupEJu7U.js";
 import { M } from "./mc-step-child-item-plus-CUT06Cwi.js";
-const _ = "mc-step-plus", B = { class: "mc-step-plus" }, V = { class: "mc-step-container" }, z = ["onClick"], E = { class: "mc-step-item-icon" }, N = { key: 0, class: "mc-step-item-icon-number" }, P = { key: 1, class: "mc-step-item-icon-point" }, R = { class: "mc-step-item-content" }, q = { class: "mc-step-item-content-title" }, D = { class: "mc-step-item-label" }, F = { key: 1, class: "mc-step-item-label-title" }, G = { class: "mc-step-item-desc" }, H = { key: 1, class: "mc-step-item-desc-title" }, J = { key: 0, class: "mc-step-item-content-display" }, K = s(e(l({ name: _, __name: "mc-step-plus", props: { modelValue: { default: void 0 }, successSteps: {}, successBehavior: { default: "manual" }, previousBehavior: { default: "last-child" } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: s2, emit: l2 }) {
-  const _2 = e2, K2 = l2, { stepItems: L, activedStep: O, isActivedStep: Q, showStep: T, isSuccessStep: U, showContent: W } = (() => {
+const _ = "mc-step-plus", B = { class: "mc-step-plus" }, V = { class: "mc-step-container" }, z = ["onClick"], E = { class: "mc-step-item-icon" }, N = { key: 0, class: "mc-step-item-icon-number" }, P = { key: 1, class: "mc-step-item-icon-point" }, T = { class: "mc-step-item-content" }, q = { class: "mc-step-item-content-title" }, D = { class: "mc-step-item-label" }, F = { key: 1, class: "mc-step-item-label-title" }, G = { class: "mc-step-item-desc" }, H = { key: 1, class: "mc-step-item-desc-title" }, J = { key: 0, class: "mc-step-item-content-display" }, K = s(e(l({ name: _, __name: "mc-step-plus", props: { modelValue: { default: void 0 }, successSteps: {}, successBehavior: { default: "manual" }, previousBehavior: { default: "last-child" } }, emits: ["update:modelValue", "update:successSteps", "change", "click:step"], setup(e2, { expose: s2, emit: l2 }) {
+  const _2 = e2, K2 = l2, { stepItems: L, activedStep: O, isActivedStep: Q, showStep: R, isSuccessStep: U, showContent: W } = (() => {
     const e3 = t([]), s3 = c();
     i(() => {
       var _a;
@@ -60,9 +60,9 @@ const _ = "mc-step-plus", B = { class: "mc-step-plus" }, V = { class: "mc-step-c
       let s3 = e3 - 1, t2 = L.value[s3];
       ((_b = O.value) == null ? void 0 : _b.isChild) && O.value.parentStep === t2 && (t2 = L.value[s3 - 1]), "first-child" === _2.previousBehavior && (t2 == null ? void 0 : t2.isChild) && !b((_c = t2.parentStep) == null ? void 0 : _c.index) && (s3 = t2.parentStep.index + 1, t2 = L.value[s3]), (t2 == null ? void 0 : t2.step) && Y(t2.step);
     }
-  } }), (e3, s3) => (o(), p("div", B, [a("div", V, [(o(true), p(d, null, u(r(L), (e4) => (o(), p(d, { key: e4.step }, [r(T)(e4) ? (o(), p("div", { key: 0, class: h(["mc-step-item", { "mc-step-item-child": e4.isChild, "mc-step-item-actived": r(Q)(e4), "mc-step-item-success": r(U)(e4) }]) }, [a("div", { class: "mc-step-item-indicator", onClick: (s4) => ((e5) => {
+  } }), (e3, s3) => (o(), p("div", B, [a("div", V, [(o(true), p(d, null, u(r(L), (e4) => (o(), p(d, { key: e4.step }, [r(R)(e4) ? (o(), p("div", { key: 0, class: h(["mc-step-item", { "mc-step-item-child": e4.isChild, "mc-step-item-actived": r(Q)(e4), "mc-step-item-success": r(U)(e4) }]) }, [a("div", { class: "mc-step-item-indicator", onClick: (s4) => ((e5) => {
     K2("click:step", e5.step);
-  })(e4) }, [a("div", E, [e4.isChild || r(b)(e4.parentIndex) ? (o(), p("div", P)) : (o(), p("div", N, [r(U)(e4) ? (o(), v(r(A), { key: 0 })) : (o(), p(d, { key: 1 }, [e4.iconContent ? (o(), v(S(e4.iconContent), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"])) : e4.icon ? (o(), v(r(g), { key: 1, name: e4.icon }, null, 8, ["name"])) : (o(), p(d, { key: 2 }, [C(f(e4.parentIndex + 1), 1)], 64))], 64))]))])], 8, z), a("div", R, [a("div", q, [a("div", D, [e4.labelContent ? (o(), v(S(e4.labelContent), { key: e4.step, step: e4.step, label: e4.label, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "label", "isSuccess", "isActived"])) : (o(), p("div", F, f(e4.label), 1))]), a("div", G, [e4.descContent ? (o(), v(S(e4.descContent), { key: e4.step, step: e4.step, desc: e4.desc, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "desc", "isSuccess", "isActived"])) : (o(), p("div", H, f(e4.desc), 1))])]), r(W)(e4) ? (o(), p("div", J, [(o(), v(S(e4.content), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"]))])) : m("", true)])], 2)) : m("", true)], 64))), 128))])]));
+  })(e4) }, [a("div", E, [e4.isChild || r(b)(e4.parentIndex) ? (o(), p("div", P)) : (o(), p("div", N, [r(U)(e4) ? (o(), v(r(A), { key: 0 })) : (o(), p(d, { key: 1 }, [e4.iconContent ? (o(), v(S(e4.iconContent), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"])) : e4.icon ? (o(), v(r(g), { key: 1, name: e4.icon }, null, 8, ["name"])) : (o(), p(d, { key: 2 }, [C(f(e4.parentIndex + 1), 1)], 64))], 64))]))])], 8, z), a("div", T, [a("div", q, [a("div", D, [e4.labelContent ? (o(), v(S(e4.labelContent), { key: e4.step, step: e4.step, label: e4.label, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "label", "isSuccess", "isActived"])) : (o(), p("div", F, f(e4.label), 1))]), a("div", G, [e4.descContent ? (o(), v(S(e4.descContent), { key: e4.step, step: e4.step, desc: e4.desc, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "desc", "isSuccess", "isActived"])) : (o(), p("div", H, f(e4.desc), 1))])]), r(W)(e4) ? (o(), p("div", J, [(o(), v(S(e4.content), { key: e4.step, step: e4.step, isSuccess: r(U)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"]))])) : m("", true)])], 2)) : m("", true)], 64))), 128))])]));
 } }), [["__scopeId", "data-v-d451c649"]]));
 export {
   K as M,

package/dist/es/{mc-tab-BT5bQZPB.js → mc-tab-D3vcDe9Q.js}

@@ -3,49 +3,49 @@ import { defineComponent as t, ref as n, useSlots as l, watchEffect as d, Fragme
 import { map as k, filter as P, find as V, findIndex as x } from "lodash-es";
 import { M as R } from "./mc-tab-item-CqXL4HVs.js";
 const C = "mc-tab", L = ["onClick"], $ = { key: 0, class: "mc-tab-nav-item-count" }, j = { class: "mc-tab-actived-component-wrapper" }, A = a(e(t({ name: C, __name: "mc-tab", props: { modelValue: {}, type: { default: "plain" }, wrapperPadding: { default: "0" } }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2, emit: t2 }) {
-  const C2 = e2, A2 = t2, B = n(), M = n(), X = n(), I = n([]), N = l();
+  const C2 = e2, A2 = t2, B = n(), M = n(), I = n(), N = n([]), T = l();
   d(() => {
-    if (!N.default) return void (I.value = []);
-    let e3 = N.default();
-    e3.length && e3[0].type === i && (e3 = [...Array.from(e3[0].children)]), I.value = k(P(e3, (e4) => e4.type.name === R), (e4) => {
+    if (!T.default) return void (N.value = []);
+    let e3 = T.default();
+    e3.length && e3[0].type === i && (e3 = [...Array.from(e3[0].children)]), N.value = k(P(e3, (e4) => e4.type.name === R), (e4) => {
       var _a, _b, _c;
       const a3 = e4.props;
       return { _vnode: r("div", (_c = (_b = (_a = e4.children) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c[0]), ...a3 };
     });
   });
-  const T = s(() => V(I.value, (e3) => e3.name === C2.modelValue)), q = s(() => "plain" === C2.type);
+  const X = s(() => V(N.value, (e3) => e3.name === C2.modelValue)), Y = s(() => "plain" === C2.type);
   o(async () => {
-    z(C2.modelValue), setTimeout(() => {
-      D();
+    q(C2.modelValue), setTimeout(() => {
+      z();
     });
   }), m(() => {
-    D(false);
+    z(false);
   });
-  const z = (e3) => {
-    if (!q.value) return;
-    const a3 = X.value, t3 = M.value, n2 = x(I.value, (a4) => a4.name === e3);
+  const q = (e3) => {
+    if (!Y.value) return;
+    const a3 = I.value, t3 = M.value, n2 = x(N.value, (a4) => a4.name === e3);
     if (n2 < 0) return void (a3.style.width = "0");
     const l2 = Array.from(t3.children)[n2], { x: d2, width: i2 } = l2.getBoundingClientRect(), { x: r2 } = t3.getBoundingClientRect();
     a3.style.width = `${i2}px`, a3.style.transform = `translateX(${d2 - r2}px)`;
-  }, D = (e3 = true) => {
-    const a3 = X.value;
-    q.value && a3 && (a3.style.transition = e3 ? "transform 0.3s ease-in-out" : "");
+  }, z = (e3 = true) => {
+    const a3 = I.value;
+    Y.value && a3 && (a3.style.transition = e3 ? "transform 0.3s ease-in-out" : "");
   };
   c(() => C2.modelValue, (e3) => {
-    z(e3);
+    q(e3);
   });
-  const E = s(() => {
+  const D = s(() => {
     var _a;
     return "string" == typeof C2.wrapperPadding ? C2.wrapperPadding : ((_a = C2.wrapperPadding) == null ? void 0 : _a.left) ?? "0";
-  }), F = s(() => {
+  }), E = s(() => {
     var _a;
     return "string" == typeof C2.wrapperPadding ? C2.wrapperPadding : ((_a = C2.wrapperPadding) == null ? void 0 : _a.right) ?? "0";
   });
   return a2({ ref: B }), (a3, t3) => {
     var _a;
-    return u(), p("div", { class: v(["mc-tab", `mc-tab-${e2.type}`]), ref_key: "_ref", ref: B }, [f("div", { class: "mc-tab-nav", style: g({ paddingLeft: E.value, paddingRight: F.value }) }, [f("div", { class: "mc-tab-nav-wrapper", ref_key: "tabNavRef", ref: M }, [(u(true), p(i, null, b(I.value, (a4) => (u(), p("div", { class: v(["mc-tab-nav-item", { "mc-tab-nav-item-active": a4.name === e2.modelValue, "mc-tab-nav-item-disabled": a4.disabled }]), key: a4.name, onClick: (e3) => ((e4) => {
+    return u(), p("div", { class: v(["mc-tab", `mc-tab-${e2.type}`]), ref_key: "_ref", ref: B }, [f("div", { class: "mc-tab-nav", style: g({ paddingLeft: D.value, paddingRight: E.value }) }, [f("div", { class: "mc-tab-nav-wrapper", ref_key: "tabNavRef", ref: M }, [(u(true), p(i, null, b(N.value, (a4) => (u(), p("div", { class: v(["mc-tab-nav-item", { "mc-tab-nav-item-active": a4.name === e2.modelValue, "mc-tab-nav-item-disabled": a4.disabled }]), key: a4.name, onClick: (e3) => ((e4) => {
       e4.disabled || (A2("update:modelValue", e4.name), A2("change", e4.name));
-    })(a4) }, [f("span", null, h(a4.label), 1), a4.count ? (u(), p("span", $, h(a4.count), 1)) : y("", true)], 10, L))), 128))], 512), q.value ? (u(), p("div", { key: 0, class: "mc-tab-line", ref_key: "tabLineRef", ref: X }, null, 512)) : y("", true)], 4), ((_a = T.value) == null ? void 0 : _a._vnode) ? (u(), p("div", { key: 0, class: "mc-tab-actived-component", style: g({ paddingLeft: E.value, paddingRight: F.value }) }, [f("div", j, [(u(), w(_(T.value._vnode), { key: T.value.name }))])], 4)) : y("", true)], 2);
+    })(a4) }, [f("span", null, h(a4.label), 1), a4.count ? (u(), p("span", $, h(a4.count), 1)) : y("", true)], 10, L))), 128))], 512), Y.value ? (u(), p("div", { key: 0, class: "mc-tab-line", ref_key: "tabLineRef", ref: I }, null, 512)) : y("", true)], 4), ((_a = X.value) == null ? void 0 : _a._vnode) ? (u(), p("div", { key: 0, class: "mc-tab-actived-component", style: g({ paddingLeft: D.value, paddingRight: E.value }) }, [f("div", j, [(u(), w(_(X.value._vnode), { key: X.value.name }))])], 4)) : y("", true)], 2);
   };
 } }), [["__scopeId", "data-v-2c21b5ce"]]));
 export {