mc-plus 1.0.106 → 1.0.108

package/dist/es/index.js

@@ -31,10 +31,10 @@ import { M as v } from "./mc-form-item-D44F-c3U.js";
 import { F as F2, a as a15 } from "./mc-form-item-D44F-c3U.js";
 import { M as w } from "./mc-icon-CnpccbFi.js";
 import { a as a16 } from "./mc-icon-CnpccbFi.js";
-import { M as J } from "./mc-icon-plus-YMAi6EZM.js";
+import { M as V } from "./mc-icon-plus-YMAi6EZM.js";
 import { b as b2 } from "./mc-icon-plus-YMAi6EZM.js";
-import { M as V } from "./mc-input-Bm0aahlg.js";
-import { a as a17, c as c2, b as b3 } from "./mc-input-Bm0aahlg.js";
+import { M as J } from "./mc-input-DHBf3QjE.js";
+import { a as a17, c as c2, b as b3 } from "./mc-input-DHBf3QjE.js";
 import { M as Z } from "./mc-input-group-BPpVTTHQ.js";
 import { I, a as a18 } from "./mc-input-group-BPpVTTHQ.js";
 import { M as z } from "./mc-lightbox-BfJiHzKa.js";
@@ -69,67 +69,63 @@ import { M as Cs } from "./mc-removable-tag-BI8IR6RR.js";
 import { a as a30 } from "./mc-removable-tag-BI8IR6RR.js";
 import { M as is } from "./mc-reset-2g3HidL0.js";
 import { a as a31 } from "./mc-reset-2g3HidL0.js";
-import { M as Es } from "./mc-richtext-DS31fDFk.js";
-import { F as F3, a as a32, b as b6, T } from "./mc-richtext-DS31fDFk.js";
-import { M as fs } from "./mc-secondary-menu-DXNC7YoQ.js";
+import { M as fs } from "./mc-richtext-43TgE4Ao.js";
+import { F as F3, a as a32, b as b6, T } from "./mc-richtext-43TgE4Ao.js";
+import { M as Es } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { a as a33 } from "./mc-secondary-menu-DXNC7YoQ.js";
-import { M as Ts } from "./mc-select-DWiCO5-V.js";
-import { a as a34, S } from "./mc-select-DWiCO5-V.js";
-import { M as js } from "./mc-select-group-BqKu2Er8.js";
-import { a as a35, S as S2 } from "./mc-select-group-BqKu2Er8.js";
-import { M as Os } from "./mc-select-option-BVLx-ChJ.js";
-import { a as a36 } from "./mc-select-option-BVLx-ChJ.js";
-import { M as ls } from "./mc-select-plus-CvgxbhfW.js";
-import { b as b7, a as a37 } from "./mc-select-plus-CvgxbhfW.js";
-import { a as Ls } from "./mc-select-group-plus-Byn6D7Xn.js";
-import { M as M4 } from "./mc-select-group-plus-Byn6D7Xn.js";
-import { M as As } from "./mc-select-option-plus-1hUn6_eI.js";
-import { a as a38 } from "./mc-select-option-plus-1hUn6_eI.js";
-import { M as Is } from "./mc-select-multi-option-C9b5LOmP.js";
-import { a as a39 } from "./mc-select-multi-option-C9b5LOmP.js";
-import { M as Ps } from "./mc-status-Bw9-cSOb.js";
-import { a as a40 } from "./mc-status-Bw9-cSOb.js";
-import { M as xs } from "./mc-step-C-2wTLJk.js";
-import { a as a41 } from "./mc-step-C-2wTLJk.js";
-import { M as Rs } from "./mc-step-plus-D4Dxqtcx.js";
-import { a as a42 } from "./mc-step-plus-D4Dxqtcx.js";
-import { a as Ss } from "./mc-step-item-plus-DHDfilcx.js";
+import { M as Ts } from "./mc-select-rozML221.js";
+import { a as a34, S } from "./mc-select-rozML221.js";
+import { M as js } from "./mc-select-plus-CSGITnve.js";
+import { b as b7, a as a35 } from "./mc-select-plus-CSGITnve.js";
+import { a as Os } from "./mc-select-group-plus-Cl70gkCB.js";
+import { M as M4 } from "./mc-select-group-plus-Cl70gkCB.js";
+import { M as ls } from "./mc-select-option-plus-B23bheiv.js";
+import { a as a36 } from "./mc-select-option-plus-B23bheiv.js";
+import { M as Ls } from "./mc-select-multi-option-C9b5LOmP.js";
+import { a as a37 } from "./mc-select-multi-option-C9b5LOmP.js";
+import { M as As } from "./mc-status-Bw9-cSOb.js";
+import { a as a38 } from "./mc-status-Bw9-cSOb.js";
+import { M as Is } from "./mc-step-C-2wTLJk.js";
+import { a as a39 } from "./mc-step-C-2wTLJk.js";
+import { M as Ps } from "./mc-step-plus-O5FrIA0C.js";
+import { a as a40 } from "./mc-step-plus-O5FrIA0C.js";
+import { a as xs } from "./mc-step-item-plus-DHDfilcx.js";
 import { M as M5 } from "./mc-step-item-plus-DHDfilcx.js";
-import { a as us } from "./mc-step-child-item-plus-CbMY1UMS.js";
+import { a as Rs } from "./mc-step-child-item-plus-CbMY1UMS.js";
 import { M as M6 } from "./mc-step-child-item-plus-CbMY1UMS.js";
-import { M as Ns } from "./mc-success-icon-BgQB9Rmp.js";
-import { a as a43 } from "./mc-success-icon-BgQB9Rmp.js";
-import { M as Us } from "./mc-switch-Buj-pU4b.js";
-import { a as a44, b as b8 } from "./mc-switch-Buj-pU4b.js";
-import { M as ns } from "./mc-tab-hUQqlT0N.js";
-import { a as a45 } from "./mc-tab-hUQqlT0N.js";
-import { a as bs } from "./mc-tab-item-BGbfpv43.js";
+import { M as Ss } from "./mc-success-icon-BgQB9Rmp.js";
+import { a as a41 } from "./mc-success-icon-BgQB9Rmp.js";
+import { M as us } from "./mc-switch-Buj-pU4b.js";
+import { a as a42, b as b8 } from "./mc-switch-Buj-pU4b.js";
+import { M as Ns } from "./mc-tab-CT5ma0pR.js";
+import { a as a43 } from "./mc-tab-CT5ma0pR.js";
+import { a as Us } from "./mc-tab-item-BGbfpv43.js";
 import { M as M7 } from "./mc-tab-item-BGbfpv43.js";
-import { M as Ds } from "./mc-table-Py-BMb04.js";
-import { u, a as a46, b as b9 } from "./mc-table-Py-BMb04.js";
-import { M as ds } from "./mc-table-plus-DRokBC_S.js";
-import { d as d2, f as f2, r, p, q, o, g, j, b as b10, h, l, m, n, a as a47, e as e2, i, c as c4, k } from "./mc-table-plus-DRokBC_S.js";
-import { a as gs } from "./mc-table-column-plus-XSQZhnuc.js";
+import { M as ns } from "./mc-table-Py-BMb04.js";
+import { u, a as a44, b as b9 } from "./mc-table-Py-BMb04.js";
+import { M as bs } from "./mc-table-plus-BiTWSn5G.js";
+import { d as d2, f as f2, r, p, q, o, g, j, b as b10, h, l, m, n, a as a45, e as e2, i, c as c4, k } from "./mc-table-plus-BiTWSn5G.js";
+import { a as Ds } from "./mc-table-column-plus-XSQZhnuc.js";
 import { M as M8 } from "./mc-table-column-plus-XSQZhnuc.js";
-import { M as Bs } from "./mc-tag-nPl6YzbM.js";
-import { a as a48 } from "./mc-tag-nPl6YzbM.js";
-import { M as Gs } from "./mc-textarea-P3jxTX7p.js";
-import { a as a49 } from "./mc-textarea-P3jxTX7p.js";
-import { M as Ys } from "./mc-title-BGuIP_KE.js";
-import { a as a50 } from "./mc-title-BGuIP_KE.js";
-import { M as Ks } from "./mc-title-tool-bar-gsdijNp2.js";
-import { a as a51 } from "./mc-title-tool-bar-gsdijNp2.js";
-import { M as hs } from "./mc-toast-BNRX1zn4.js";
-import { a as a52, t } from "./mc-toast-BNRX1zn4.js";
-import { M as Fs } from "./mc-tooltip-BlsZG-T8.js";
-import { a as a53 } from "./mc-tooltip-BlsZG-T8.js";
-import { M as Hs } from "./mc-upload-q89LNkpa.js";
-import { A, a as a54, b as b11, W } from "./mc-upload-q89LNkpa.js";
-import { M as Xs } from "./mc-file-list-Dkj-S89y.js";
-import { a as a55 } from "./mc-file-list-Dkj-S89y.js";
-const ys = [E, O, L, P, x, R, N, U, B, G, K, H, X, y, v, w, J, V, Z, z, Q, $, ss, os, ms, rs, as, ts, _s, ps, cs, es, Ms, Cs, is, Es, fs, Ts, js, Os, Ls, Is, As, ls, Ps, xs, us, Ss, Rs, Ns, Us, ns, bs, Ds, gs, ds, Bs, Gs, Ys, Ks, hs, Fs, Xs, Hs];
+import { M as ds } from "./mc-tag-nPl6YzbM.js";
+import { a as a46 } from "./mc-tag-nPl6YzbM.js";
+import { M as Bs } from "./mc-textarea-P3jxTX7p.js";
+import { a as a47 } from "./mc-textarea-P3jxTX7p.js";
+import { M as gs } from "./mc-title-BGuIP_KE.js";
+import { a as a48 } from "./mc-title-BGuIP_KE.js";
+import { M as Gs } from "./mc-title-tool-bar-gsdijNp2.js";
+import { a as a49 } from "./mc-title-tool-bar-gsdijNp2.js";
+import { M as Ys } from "./mc-toast-BNRX1zn4.js";
+import { a as a50, t } from "./mc-toast-BNRX1zn4.js";
+import { M as hs } from "./mc-tooltip-BlsZG-T8.js";
+import { a as a51 } from "./mc-tooltip-BlsZG-T8.js";
+import { M as Ks } from "./mc-upload-q89LNkpa.js";
+import { A, a as a52, b as b11, W } from "./mc-upload-q89LNkpa.js";
+import { M as Fs } from "./mc-file-list-Dkj-S89y.js";
+import { a as a53 } from "./mc-file-list-Dkj-S89y.js";
+const Hs = [E, O, L, P, x, R, N, U, B, G, K, H, X, y, v, w, V, J, Z, z, Q, $, ss, os, ms, rs, as, ts, _s, ps, cs, es, Ms, Cs, is, fs, Es, Ts, Os, Ls, ls, js, As, Is, Rs, xs, Ps, Ss, us, Ns, Us, ns, Ds, bs, ds, Bs, gs, Gs, Ys, hs, Fs, Ks];
 s();
-const Ws = _(ys);
+const Xs = _(Hs);
 export {
   A as ALLOW_FILE_TYPES,
   C as CHECKBOX_GROUP_INJECTION_KEY,
@@ -156,7 +152,7 @@ export {
   f as MC_DATE_PICKER_WEEK,
   a11 as MC_DIVIDER,
   a12 as MC_DRAWER,
-  a55 as MC_FILE_LIST,
+  a53 as MC_FILE_LIST,
   a13 as MC_FOOTER,
   a14 as MC_FORM,
   a15 as MC_FORM_ITEM,
@@ -189,22 +185,20 @@ export {
   b6 as MC_RICHTEXT_TOOL,
   a33 as MC_SECONDARY_MENU,
   a34 as MC_SELECT,
-  a35 as MC_SELECT_GROUP,
   M4 as MC_SELECT_GROUP_PLUS,
-  a39 as MC_SELECT_MULTI_OPTION,
-  a36 as MC_SELECT_OPTION,
-  a38 as MC_SELECT_OPTION_PLUS,
+  a37 as MC_SELECT_MULTI_OPTION,
+  a36 as MC_SELECT_OPTION_PLUS,
   b7 as MC_SELECT_PLUS,
-  a37 as MC_SELECT_PLUS_CTX,
-  a40 as MC_STATUS,
-  a41 as MC_STEP,
+  a35 as MC_SELECT_PLUS_CTX,
+  a38 as MC_STATUS,
+  a39 as MC_STEP,
   M6 as MC_STEP_CHILD_ITEM_PLUS,
   M5 as MC_STEP_ITEM_PLUS,
-  a42 as MC_STEP_PLUS,
-  a43 as MC_SUCCESS_ICON,
-  a44 as MC_SWITCH,
+  a40 as MC_STEP_PLUS,
+  a41 as MC_SUCCESS_ICON,
+  a42 as MC_SWITCH,
   b8 as MC_SWITCH_LABEL,
-  a45 as MC_TAB,
+  a43 as MC_TAB,
   d2 as MC_TABLE_BODY,
   f2 as MC_TABLE_CELL,
   M8 as MC_TABLE_COLUMN_PLUS,
@@ -219,19 +213,19 @@ export {
   l as MC_TABLE_PAGE_SIZE,
   m as MC_TABLE_PAGINATION,
   n as MC_TABLE_PAGINATION_ITEM,
-  a47 as MC_TABLE_PLUS,
+  a45 as MC_TABLE_PLUS,
   e2 as MC_TABLE_ROW,
   i as MC_TABLE_SCROLL,
   c4 as MC_TABLE_SORT,
   k as MC_TABLE_TOTAL,
   M7 as MC_TAB_ITEM,
-  a48 as MC_TAG,
-  a49 as MC_TEXTAREA,
-  a50 as MC_TITLE,
-  a51 as MC_TITLE_TOOL_BAR,
-  a52 as MC_TOAST,
-  a53 as MC_TOOLTIP,
-  a54 as MC_UPLOAD,
+  a46 as MC_TAG,
+  a47 as MC_TEXTAREA,
+  a48 as MC_TITLE,
+  a49 as MC_TITLE_TOOL_BAR,
+  a50 as MC_TOAST,
+  a51 as MC_TOOLTIP,
+  a52 as MC_UPLOAD,
   b11 as MC_UPLOAD_DROPZONE,
   E as McAlertMessage,
   O as McButton,
@@ -245,13 +239,13 @@ export {
   G as McDatePicker,
   K as McDivider,
   H as McDrawer,
-  Xs as McFileList,
+  Fs as McFileList,
   X as McFooter,
   y as McForm,
   v as McFormItem,
   w as McIcon,
-  J as McIconPlus,
-  V as McInput,
+  V as McIconPlus,
+  J as McInput,
   Z as McInputGroup,
   z as McLightbox,
   Q as McLoading,
@@ -269,42 +263,39 @@ export {
   Ms as McRadioGroup,
   Cs as McRemovableTag,
   is as McReset,
-  Es as McRichtext,
-  fs as McSecondaryMenu,
+  fs as McRichtext,
+  Es as McSecondaryMenu,
   Ts as McSelect,
-  js as McSelectGroup,
-  Ls as McSelectGroupPlus,
-  Is as McSelectMultiOption,
-  Os as McSelectOption,
-  As as McSelectOptionPlus,
-  ls as McSelectPlus,
-  Ps as McStatus,
-  xs as McStep,
-  us as McStepChildItemPlus,
-  Ss as McStepItemPlus,
-  Rs as McStepPlus,
-  Ns as McSuccessIcon,
-  Us as McSwitch,
-  ns as McTab,
-  bs as McTabItem,
-  Ds as McTable,
-  gs as McTableColumnPlus,
-  ds as McTablePlus,
-  Bs as McTag,
-  Gs as McTextarea,
-  Ys as McTitle,
-  Ks as McTitleToolBar,
-  hs as McToast,
-  Fs as McTooltip,
-  Hs as McUpload,
-  S2 as SELECT_GROUP_INJECTION_KEY,
+  Os as McSelectGroupPlus,
+  Ls as McSelectMultiOption,
+  ls as McSelectOptionPlus,
+  js as McSelectPlus,
+  As as McStatus,
+  Is as McStep,
+  Rs as McStepChildItemPlus,
+  xs as McStepItemPlus,
+  Ps as McStepPlus,
+  Ss as McSuccessIcon,
+  us as McSwitch,
+  Ns as McTab,
+  Us as McTabItem,
+  ns as McTable,
+  Ds as McTableColumnPlus,
+  bs as McTablePlus,
+  ds as McTag,
+  Bs as McTextarea,
+  gs as McTitle,
+  Gs as McTitleToolBar,
+  Ys as McToast,
+  hs as McTooltip,
+  Ks as McUpload,
   S as SELECT_INJECTION_KEY,
   T as TOOL_ICON,
   W as WILDCARD,
   Y as YEAR_SPAN,
-  Ws as default,
+  Xs as default,
   t as toast,
   u as usePagination,
-  a46 as useTableScroll,
+  a44 as useTableScroll,
   b9 as useTableSort
 };

package/dist/es/{mc-input-Bm0aahlg.js → mc-input-DHBf3QjE.js}

@@ -37,7 +37,7 @@ const E = "mc-input", M = ",", O = ".", F = { key: 0, class: "mc-input-prepend"
       const [l4, t4] = e4.split(O), a3 = l4.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
       return e4.includes(O) ? `${a3}${O}${t4}` : a3;
     })(l3(t3, a2)) : t3, parser: (l4, a2) => "number" === e3.value ? t2(l4, a2) : "currency" === e3.value ? ((e4) => e4.replace(/(?:[^0-9.]+)/g, ""))(t2(l4, a2)) : l4 };
-  })(), pe = a(() => ie(r2.modelValue ?? "", r2.currencyAccuracy)), { recordCursor: me, setCursor: fe, handleAdjustCursor: ve } = ((e3) => {
+  })(), pe = a(() => ie(C(r2.modelValue) ? "" : r2.modelValue.toString(), r2.currencyAccuracy)), { recordCursor: me, setCursor: fe, handleAdjustCursor: ve } = ((e3) => {
     const l3 = o({}), t2 = S("type");
     return { recordCursor: () => {
       if (!e3.value) return;
@@ -95,7 +95,7 @@ const E = "mc-input", M = ",", O = ".", F = { key: 0, class: "mc-input-prepend"
     E2("update:modelValue", ""), E2("clear");
   };
   return (l3, t2) => (c(), u("div", { ref_key: "wrapperRef", ref: te, class: p(["mc-input-plus", { "is-disabled": i(U), "is-focused": i(ae), "is-active": !i(A)(pe.value), [i(X)]: i(X) }]), style: d({ width: i(M2), height: i(J2) }), onMouseenter: t2[4] || (t2[4] = (e3) => i(ke)(true)), onMouseleave: t2[5] || (t2[5] = (e3) => i(ke)(false)) }, [l3.$slots.prepend ? (c(), u("div", F, [f(l3.$slots, "prepend", {}, void 0, true)])) : m("", true), f(l3.$slots, "prefix", {}, () => [e2.prefixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.prefixIcon }, null, 8, ["name"])) : m("", true)], true), v("div", D, [v("input", { id: i(Q), ref_key: "inputRef", ref: L, value: pe.value, class: "mc-input-inner", style: d({ textAlign: e2.textAlign }), placeholder: e2.placeholder, type: i(ne), disabled: i(U), readonly: e2.readonly || i(U), autocomplete: e2.autocomplete ? "on" : "off", autofocus: e2.autofocus, maxlength: e2.maxlength, onFocus: t2[0] || (t2[0] = (...e3) => i(oe) && i(oe)(...e3)), onBlur: se, onInput: he, onChange: xe, onKeydown: [g(ge, ["delete"]), t2[2] || (t2[2] = g(() => i(ve)("left"), ["left"])), t2[3] || (t2[3] = g(() => i(ve)("right"), ["right"]))], onPaste: be, onClick: t2[1] || (t2[1] = () => i(ve)("click")) }, null, 44, W), e2.placeholder || l3.$slots.placeholder ? h((c(), u("div", z, [f(l3.$slots, "placeholder", {}, () => [e2.placeholder ? (c(), u("span", K, b(e2.placeholder), 1)) : m("", true)], true)], 512)), [[x, !pe.value]]) : m("", true)]), f(l3.$slots, "suffix", {}, () => [e2.suffixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.suffixIcon }, null, 8, ["name"])) : m("", true)], true), i(Z) ? (c(), u("div", q, [V(i(_), { name: i(ee) ? "reject-fail-rev" : "accept-success-rev" }, null, 8, ["name"])])) : m("", true), "password" === e2.type || e2.clearable ? (c(), u("div", G, ["password" === e2.type ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: i(ue) ? "view-hidden" : "view", cursor: "pointer", onClick: i(ce) }, null, 8, ["name", "onClick"])) : m("", true), h(V(i(_), { class: "mc-input-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: we }, null, 512), [[x, i(Ve)]])])) : m("", true), l3.$slots.append ? (c(), u("div", H, [f(l3.$slots, "append", {}, void 0, true)])) : m("", true)], 38));
-} }), [["__scopeId", "data-v-ad79d6f3"]]));
+} }), [["__scopeId", "data-v-11de44de"]]));
 export {
   J as M,
   E as a,

package/dist/es/{mc-richtext-DS31fDFk.js → mc-richtext-43TgE4Ao.js}

@@ -1,11 +1,11 @@
 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-CvgxbhfW.js";
-import { M as T } from "./mc-select-option-plus-1hUn6_eI.js";
+import { M as O } from "./mc-select-plus-CSGITnve.js";
+import { M as T } from "./mc-select-option-plus-B23bheiv.js";
 import { a as k, M as I } from "./mc-icon-plus-YMAi6EZM.js";
 import { M as R } from "./mc-tooltip-BlsZG-T8.js";
-import { M as b } from "./mc-input-Bm0aahlg.js";
+import { M as b } from "./mc-input-DHBf3QjE.js";
 import { M as _ } from "./mc-button-l3r7Y4qt.js";
 import { _ as E, u as N } from "./utils-dWwt4JKv.js";
 const C = "McRichtext", S = "McRichtextTool";

package/dist/es/{mc-select-group-plus-Byn6D7Xn.js → mc-select-group-plus-Cl70gkCB.js}

@@ -2,7 +2,7 @@ import { _ as l, u as s } from "./utils-dWwt4JKv.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 m, toDisplayString as i, 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-CvgxbhfW.js";
+import { a as n } from "./mc-select-plus-CSGITnve.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, { filteredGroups: e2 } = t(n), { height: v2, width: w2 } = g(), j = o(() => f(e2.value, s2.label));
   return (s3, e3) => a((p(), u("ul", _, [r("li", { class: "mc-select-group-label", style: c({ height: m(v2), width: m(w2) }) }, i(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-plus-1hUn6_eI.js → mc-select-option-plus-B23bheiv.js}

@@ -3,16 +3,16 @@ import { defineComponent as a, inject as t, computed as s, ref as o, withDirecti
 import { find as h, some as f } from "lodash-es";
 import { useWidthHeight as y } from "@mc-plus/hooks";
 import { M as _ } from "./mc-select-multi-option-C9b5LOmP.js";
-import { a as g } from "./mc-select-plus-CvgxbhfW.js";
-const k = "mc-select-option-plus", M = ["aria-selected"], j = { key: 1, class: "mc-select-option-label" }, w = 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(), { isMulti: w2, selectedOptions: O, filteredOptions: B, hoverOption: x, select: A, hover: C } = t(g), D = s(() => !!h(B.value, (e3) => e3.value === l2.value)), I = s(() => f(O.value, (e3) => e3.value === l2.value)), J = o(false), N = s(() => l2.label), Q = () => {
+import { a as g } from "./mc-select-plus-CSGITnve.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(), { isMulti: j2, selectedOptions: w, filteredOptions: B, hoverOption: x, select: A, hover: C } = t(g), D = s(() => !!h(B.value, (e3) => e3.value === l2.value)), I = s(() => f(w.value, (e3) => e3.value === l2.value)), J = o(false), N = s(() => l2.label), S = () => {
     C(l2.value);
-  }, S = s(() => x.value === l2.value), $ = () => {
+  }, $ = s(() => x.value === l2.value), q = () => {
     l2.disabled || A(l2.value);
   };
-  return (l3, t2) => i((d(), u("li", { role: "option", class: p(["mc-select-option", { "mc-select-option-actived": I.value && !m(w2), "mc-select-option-hover": S.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: m(a2), width: m(k2) }), "aria-selected": J.value, onMouseenter: Q, onClick: $ }, [v(l3.$slots, "default", { isActived: I.value, isDisabled: e2.disabled }, () => [m(w2) ? (d(), r(m(_), { key: 0, "model-value": I.value, label: N.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", j, n(N.value), 1))], true)], 46, M)), [[b, D.value]]);
+  return (l3, t2) => i((d(), u("li", { role: "option", class: p(["mc-select-option", { "mc-select-option-actived": I.value && !m(j2), "mc-select-option-hover": $.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: m(a2), width: m(k2) }), "aria-selected": J.value, onMouseenter: S, onClick: q }, [v(l3.$slots, "default", { isActived: I.value, isDisabled: e2.disabled }, () => [m(j2) ? (d(), r(m(_), { key: 0, "model-value": I.value, label: N.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", O, n(N.value), 1))], true)], 46, M)), [[b, D.value]]);
 } }), [["__scopeId", "data-v-77d81b1d"]]));
 export {
-  w as M,
+  j as M,
   k as a
 };

package/dist/es/{mc-select-plus-CvgxbhfW.js → mc-select-plus-CSGITnve.js}

@@ -6,8 +6,8 @@ import { M as Q } from "./mc-popper-plus-CTKgoEEE.js";
 import { M as W } from "./mc-icon-plus-YMAi6EZM.js";
 import { M as X } from "./mc-tag-nPl6YzbM.js";
 import { M as Y } from "./mc-checkbox-BBIfknVB.js";
-import { M as Z } from "./mc-select-group-plus-Byn6D7Xn.js";
-import { a as ee } from "./mc-select-option-plus-1hUn6_eI.js";
+import { M as Z } from "./mc-select-group-plus-Cl70gkCB.js";
+import { a as ee } from "./mc-select-option-plus-B23bheiv.js";
 import { u as le } from "./mc-form-ffIxRMtg.js";
 import { I as ae } from "./mc-input-group-BPpVTTHQ.js";
 const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key: 1 }, ie = I(e({ name: "mc-select-selected-content", __name: "index", setup(e2) {
@@ -67,7 +67,10 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
     }), { isSelectAll: o2, isSelectPartial: i2, selectAll: s2 };
   })();
   return (l2, a2) => (s(), t("div", ve, [y("ul", { class: o(["mc-select-list", { "is-top-placement": i(u2) }]) }, [e2.showHeader ? (s(), t("li", me, [r(l2.$slots, "header", { isEmpty: !d2.value }, () => [i(c2) ? (s(), t("div", he, [v(i(Y), { "model-value": i(p2), partial: i(m2), content: "Select All", "disable-validation": "", "onUpdate:modelValue": i(h2) }, null, 8, ["model-value", "partial", "onUpdate:modelValue"])])) : V("", true)], true)])) : V("", true), y("ul", fe, [r(l2.$slots, "default", {}, void 0, true), d2.value ? V("", true) : (s(), t("li", ye, [r(l2.$slots, "empty", {}, () => [a2[0] || (a2[0] = y("p", { class: "mc-select-list-empty-text" }, "No results found", -1))], true)]))]), e2.showFooter ? (s(), t("li", be, [r(l2.$slots, "footer", { isEmpty: !d2.value }, void 0, true)])) : V("", true)], 2)]));
-} }), [["__scopeId", "data-v-359e20b8"]]), we = ["id"], xe = P(I(e({ name: se, __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] }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, validateProp: {}, positionStrategy: { default: "absolute" }, teleportTo: {} }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: o2 }) {
+} }), [["__scopeId", "data-v-359e20b8"]]), we = () => {
+  const e2 = f("bottom-start"), l2 = a(() => "top-start" === e2.value);
+  return { placement: e2, isTopPlacement: l2 };
+}, xe = ["id"], Oe = P(I(e({ name: se, __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] }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, validateProp: {}, positionStrategy: { default: "absolute" }, teleportTo: {} }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: o2 }) {
   const n2 = e2, c2 = o2, u2 = f(false);
   B(u2, (e3) => {
     c2("expand", e3);
@@ -127,7 +130,7 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
       } else if ((_c = l2 == null ? void 0 : l2.value) == null ? void 0 : _c.contains(s2)) return;
       x2(), u2.value = false;
     }), { selectRef: l2, teleportListRef: a2 };
-  })(), I2 = async () => {
+  })(), I2 = () => {
     u2.value = false, x2(), ce2(n2.multiple ? [] : void 0);
   }, { hoverOption: P2, setHoverOption: E2, handlePressArrow: K2 } = ((e3) => {
     const l2 = f(), a2 = () => {
@@ -143,7 +146,7 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
       "ArrowDown" === t2.key ? l2.value = ((_b = e3.value[s2 + 1]) == null ? void 0 : _b.value) || ((_c = e3.value[0]) == null ? void 0 : _c.value) : "ArrowUp" === t2.key && (l2.value = ((_d = e3.value[s2 - 1]) == null ? void 0 : _d.value) || ((_e = e3.value[e3.value.length - 1]) == null ? void 0 : _e.value));
     }, clearHoverOption: a2 };
   })(g2), { width: N2, height: W2 } = J(), X2 = l(ae, void 0), { formId: Y2, formDisabled: se2, validateStatus: oe2, validateByTrigger: ie2 } = le({ externalDisabled: a(() => !!(X2 == null ? void 0 : X2.disabled.value)) });
-  B(se2, async (e3) => {
+  B(se2, (e3) => {
     e3 && (u2.value = false, x2());
   }), B(oe2, (e3) => {
     X2 && X2.setValidateStatus(e3);
@@ -152,12 +155,9 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
     c2("focus");
   }, ne2 = () => {
     ie2("blur"), c2("blur");
-  }, ce2 = async (e3) => {
+  }, ce2 = (e3) => {
     c2("update:modelValue", e3), c2("change", e3);
-  }, { placement: ue2, isTopPlacement: de2 } = (() => {
-    const e3 = f("bottom-start"), l2 = a(() => "top-start" === e3.value);
-    return { placement: e3, isTopPlacement: l2 };
-  })();
+  }, { placement: ue2, isTopPlacement: de2 } = we();
   return S(te, { isMulti: a(() => n2.multiple), isDisabled: a(() => se2.value), validateStatus: oe2, selectOptions: d2, selectedOptions: p2, filteredOptions: g2, filteredGroups: w2, hoverOption: P2, isTopPlacement: de2, deleteTag: async (e3) => {
     if (!n2.multiple) return;
     const l2 = A(p2.value, (e4) => e4.value), a2 = z(l2, [e3]);
@@ -176,10 +176,11 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
     x2();
     const l2 = e3 ? d2.value.map((e4) => e4.value) : [];
     ce2(l2);
-  }, hover: E2 }), (l2, a2) => (s(), t("div", { ref_key: "selectRef", ref: V2, id: i(Y2), class: "mc-select", style: b({ width: i(N2) }) }, [v(i(Q), { "is-show": u2.value, placement: i(ue2), "onUpdate:placement": a2[2] || (a2[2] = (e3) => D(ue2) ? ue2.value = e3 : null), strategy: e2.positionStrategy, "teleport-to": e2.teleportTo }, { content: m(() => [v(ge, { "show-header": e2.showHeader, "show-footer": e2.showFooter }, _({ default: m(() => [r(l2.$slots, "default", {}, void 0, true)]), _: 2 }, [l2.$slots["option-header"] ? { name: "header", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-header", { isEmpty: e3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["option-footer"] ? { name: "footer", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-footer", { isEmpty: e3 }, void 0, true)]), key: "1" } : void 0, l2.$slots.empty ? { name: "empty", fn: m(() => [r(l2.$slots, "empty", {}, void 0, true)]), key: "2" } : void 0]), 1032, ["show-header", "show-footer"])]), default: m(() => [v(pe, { "search-value": i(h2), "onUpdate:searchValue": a2[0] || (a2[0] = (e3) => D(h2) ? h2.value = e3 : null), "is-expanded": u2.value, "onUpdate:isExpanded": a2[1] || (a2[1] = (e3) => u2.value = e3), search: i(y2), clearable: e2.clearable, placeholder: e2.placeholder, "max-tags": e2.maxTags, "hide-validation-icon": e2.hideValidationIcon, onSearch: O2, onClear: I2, "onPress:arrow": i(K2), onFocus: re2, onBlur: ne2, style: b({ height: i(W2) }) }, _({ _: 2 }, [l2.$slots.placeholder ? { name: "placeholder", fn: m(({ placeholder: e3, isDisabled: a3 }) => [r(l2.$slots, "placeholder", { placeholder: e3, isDisabled: a3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["selected-content"] ? { name: "selected-content", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "1" } : void 0]), 1032, ["search-value", "is-expanded", "search", "clearable", "placeholder", "max-tags", "hide-validation-icon", "onPress:arrow", "style"])]), _: 3 }, 8, ["is-show", "placement", "strategy", "teleport-to"])], 12, we));
-} }), [["__scopeId", "data-v-6a5c5716"]]));
+  }, hover: E2 }), (l2, a2) => (s(), t("div", { ref_key: "selectRef", ref: V2, id: i(Y2), class: "mc-select", style: b({ width: i(N2) }) }, [v(i(Q), { "is-show": u2.value, placement: i(ue2), "onUpdate:placement": a2[2] || (a2[2] = (e3) => D(ue2) ? ue2.value = e3 : null), strategy: e2.positionStrategy, "teleport-to": e2.teleportTo }, { content: m(() => [v(ge, { "show-header": e2.showHeader, "show-footer": e2.showFooter }, _({ default: m(() => [r(l2.$slots, "default", {}, void 0, true)]), _: 2 }, [l2.$slots["option-header"] ? { name: "header", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-header", { isEmpty: e3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["option-footer"] ? { name: "footer", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-footer", { isEmpty: e3 }, void 0, true)]), key: "1" } : void 0, l2.$slots.empty ? { name: "empty", fn: m(() => [r(l2.$slots, "empty", {}, void 0, true)]), key: "2" } : void 0]), 1032, ["show-header", "show-footer"])]), default: m(() => [v(pe, { "search-value": i(h2), "onUpdate:searchValue": a2[0] || (a2[0] = (e3) => D(h2) ? h2.value = e3 : null), "is-expanded": u2.value, "onUpdate:isExpanded": a2[1] || (a2[1] = (e3) => u2.value = e3), search: i(y2), clearable: e2.clearable, placeholder: e2.placeholder, "max-tags": e2.maxTags, "hide-validation-icon": e2.hideValidationIcon, onSearch: O2, onClear: I2, "onPress:arrow": i(K2), onFocus: re2, onBlur: ne2, style: b({ height: i(W2) }) }, _({ _: 2 }, [l2.$slots.placeholder ? { name: "placeholder", fn: m(({ placeholder: e3, isDisabled: a3 }) => [r(l2.$slots, "placeholder", { placeholder: e3, isDisabled: a3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["selected-content"] ? { name: "selected-content", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "1" } : void 0]), 1032, ["search-value", "is-expanded", "search", "clearable", "placeholder", "max-tags", "hide-validation-icon", "onPress:arrow", "style"])]), _: 3 }, 8, ["is-show", "placement", "strategy", "teleport-to"])], 12, xe));
+} }), [["__scopeId", "data-v-f0fe4352"]]));
 export {
-  xe as M,
+  Oe as M,
   te as a,
-  se as b
+  se as b,
+  we as u
 };

package/dist/es/mc-select-rozML221.js

@@ -0,0 +1,104 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { ref as a, computed as t, defineComponent as s, inject as o, createElementBlock as c, openBlock as i, normalizeClass as n, unref as u, createElementVNode as r, normalizeStyle as d, withDirectives as p, withKeys as v, withModifiers as m, renderSlot as h, toDisplayString as f, vShow as b, createVNode as y, Fragment as g, renderList as V, watch as x, provide as _, isRef as O, withCtx as w, createSlots as I } from "vue";
+import { useProp as k, useFocus as S, useHover as B, useWidthHeight as T, useClickOutside as $ } from "@mc-plus/hooks";
+import { M } from "./mc-popper-plus-CTKgoEEE.js";
+import { M as j } from "./mc-icon-plus-YMAi6EZM.js";
+import { isEmpty as E, filter as C, toLower as D, includes as P } from "lodash-es";
+import { u as L } from "./mc-select-plus-CSGITnve.js";
+import { u as z } from "./mc-form-ffIxRMtg.js";
+import { I as F } from "./mc-input-group-BPpVTTHQ.js";
+const R = Symbol("mc-select-context"), H = "mc-select", U = ["value", "placeholder", "disabled", "readonly", "onKeydown"], Y = { class: "mc-select-selected-label" }, K = { class: "mc-select-trigger-toolbar" }, J = e(s({ name: "mc-select-trigger-virtual", __name: "index", props: { search: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, placeholder: { default: "Please select" }, searchValue: { default: void 0 }, isExpanded: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false } }, emits: ["update:searchValue", "update:isExpanded", "press:arrow", "search", "focus", "blur", "clear"], setup(e2, { emit: l2 }) {
+  const s2 = e2, g2 = l2, { selectedValue: V2, selectOptions: x2, isDisabled: _2, validateStatus: O2, isTopPlacement: w2 } = o(R), I2 = t(() => {
+    if (V2.value) return x2.value.find((e3) => e3.value === V2.value);
+  }), T2 = a(), { wrapperRef: $2, isFocused: M2, handleFocus: E2, handleBlur: C2 } = S(T2), { isHovering: D2 } = B($2), P2 = t(() => _2.value ? "not-allowed" : s2.search ? "text" : "pointer"), L2 = t(() => {
+    var _a;
+    return ((_a = I2.value) == null ? void 0 : _a.label) ? "" : s2.placeholder;
+  }), z2 = () => {
+    _2.value || g2("update:isExpanded", !s2.isExpanded);
+  }, F2 = (e3) => {
+    const { value: l3 } = e3.target;
+    g2("update:searchValue", l3), g2("search");
+  }, { showClearIcon: H2, mouseOverIcon: J2 } = (() => {
+    const e3 = a(false), l3 = k("clearable");
+    return { showClearIcon: t(() => !!l3.value && e3.value), mouseOverIcon: (a2) => {
+      l3.value && (e3.value = a2);
+    } };
+  })(), N2 = t(() => !!I2.value && H2.value && !_2.value), q2 = () => {
+    _2.value || g2("update:isExpanded", !s2.isExpanded);
+  }, A2 = () => {
+    g2("clear");
+  };
+  return (l3, a2) => {
+    var _a;
+    return i(), c("div", { ref_key: "triggerRef", ref: $2, class: n(["mc-select-trigger-virtual", { "is-hovering": u(D2), "is-focused": u(M2), "is-expanded": e2.isExpanded, "is-disabled": u(_2), "is-error": "error" === u(O2), "is-success": "success" === u(O2), "is-top-placement": u(w2) }]), onClick: z2 }, [r("div", { class: "mc-select-selected-content", style: d({ cursor: P2.value }) }, [r("div", { class: "mc-select-input-wrapper", style: d({ width: e2.searchValue || !I2.value ? "100%" : "1em" }) }, [r("input", { ref_key: "inputRef", ref: T2, value: e2.searchValue, class: "mc-select-input", placeholder: L2.value, disabled: u(_2), readonly: !e2.search || u(_2), onInput: F2, onFocus: a2[0] || (a2[0] = (...e3) => u(E2) && u(E2)(...e3)), onBlur: a2[1] || (a2[1] = (...e3) => u(C2) && u(C2)(...e3)), onKeydown: v(m(q2, ["stop", "prevent"]), ["enter"]) }, null, 40, U)], 4), p(r("div", Y, [h(l3.$slots, "selected-content", { selectedOption: I2.value, selectedOptionLabel: (_a = I2.value) == null ? void 0 : _a.label, isDisabled: u(_2) }, () => {
+      var _a2;
+      return [r("span", null, f((_a2 = I2.value) == null ? void 0 : _a2.label), 1)];
+    }, true)], 512), [[b, I2.value && !e2.searchValue]])], 4), r("div", K, [p(y(u(j), { class: "mc-select-status-icon", name: "error" === u(O2) ? "reject-fail-rev" : "accept-success-rev", size: 24 }, null, 8, ["name"]), [[b, "init" !== u(O2) && !e2.hideValidationIcon]]), r("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[3] || (a2[3] = (e3) => u(J2)(true)), onMouseleave: a2[4] || (a2[4] = (e3) => u(J2)(false)) }, [p(y(u(j), { class: "mc-select-chevron-icon", name: "down-chevron", size: 24, cursor: u(_2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]), [[b, !N2.value]]), p(r("div", { onClick: a2[2] || (a2[2] = m(() => {
+    }, ["stop"])) }, [y(u(j), { class: "mc-select-clear-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: A2 })], 512), [[b, N2.value]])], 32)])], 2);
+  };
+} }), [["__scopeId", "data-v-ffd1e933"]]), N = ["data-value", "title"], q = ["data-value"], A = { key: 1, class: "mc-select-list-empty" }, G = e(s({ name: "mc-select-list-virtual", __name: "index", setup(e2) {
+  const { selectedValue: l2, isTopPlacement: s2, select: p2 } = o(R), { selectOptions: v2, totalHeight: m2, offsetY: b2, visibleItems: y2, setScrollTop: x2 } = (() => {
+    const { filteredOptions: e3 } = o(R), l3 = t(() => e3.value.length), s3 = t(() => 40 * l3.value), c2 = t(() => Math.ceil(8) + 6), i2 = a(0), n2 = t(() => {
+      const e4 = Math.floor(i2.value / 40) - 3;
+      return Math.max(0, e4);
+    }), u2 = t(() => {
+      const e4 = n2.value + c2.value;
+      return Math.min(l3.value, e4);
+    }), r2 = t(() => 40 * n2.value), d2 = t(() => e3.value.slice(n2.value, u2.value));
+    return { selectOptions: e3, totalHeight: s3, offsetY: r2, visibleItems: d2, setScrollTop: (e4) => {
+      i2.value = e4;
+    } };
+  })(), _2 = t(() => !E(v2.value)), O2 = (e3) => {
+    const l3 = e3.target.scrollTop;
+    x2(l3);
+  }, w2 = (e3) => {
+    const l3 = e3.target.dataset.value;
+    p2(l3);
+  };
+  return (e3, a2) => (i(), c("div", { class: n(["mc-select-list-virtual", { "is-top-placement": u(s2) }]), onScroll: O2, onClick: w2 }, [_2.value ? (i(), c("div", { key: 0, class: "mc-select-list-container", style: d({ height: u(m2) + "px" }) }, [r("ul", { class: "mc-select-list", style: d({ transform: `translateY(${u(b2)}px)` }) }, [(i(true), c(g, null, V(u(y2), (a3) => (i(), c("li", { class: n(["mc-select-item", { "is-actived": a3.value === u(l2) }]), key: a3.value, "data-value": a3.value, title: a3.label }, [h(e3.$slots, "default", { optionValue: a3.value, optionLabel: a3.label }, () => [r("span", { "data-value": a3.value }, f(a3.label), 9, q)], true)], 10, N))), 128))], 4)], 4)) : (i(), c("div", A, [h(e3.$slots, "empty", {}, () => [a2[0] || (a2[0] = r("p", { class: "mc-select-list-empty-text" }, "No results found", -1))], true)]))], 34));
+} }), [["__scopeId", "data-v-65ab53fa"]]), Q = ["id"], W = l(e(s({ name: H, __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, width: { default: 320 }, height: { default: 40 }, search: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, options: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, validateProp: {}, positionStrategy: { default: "absolute" }, teleportTo: {} }, emits: ["update:modelValue", "change", "blur", "focus", "expand"], setup(e2, { emit: l2 }) {
+  const s2 = e2, n2 = l2, { width: r2, height: p2 } = T(), v2 = a(false);
+  x(v2, (e3) => {
+    n2("expand", e3);
+  });
+  const { placement: m2, isTopPlacement: f2 } = L(), { selectOptions: b2, filteredOptions: g2, searchValue: V2, clearSearchValue: S2 } = (() => {
+    const e3 = k("options"), l3 = a(""), s3 = t(() => {
+      var _a;
+      return ((_a = e3.value) == null ? void 0 : _a.length) ? E(l3.value) ? e3.value : C(e3.value, (e4) => {
+        const a2 = D(e4.label ?? e4.value);
+        return P(a2, l3.value);
+      }) : [];
+    });
+    return { selectOptions: e3, searchValue: l3, filteredOptions: s3, clearSearchValue: () => {
+      l3.value = "";
+    } };
+  })(), B2 = a();
+  $(B2, () => {
+    S2(), v2.value = false;
+  });
+  const j2 = () => {
+    s2.search && (v2.value = true);
+  }, H2 = () => {
+    v2.value = false, S2(), X(void 0);
+  }, U2 = o(F, void 0), { formId: Y2, formDisabled: K2, validateStatus: N2, validateByTrigger: q2 } = z({ externalDisabled: t(() => !!(U2 == null ? void 0 : U2.disabled.value)) });
+  x(K2, (e3) => {
+    e3 && (v2.value = false, S2());
+  }), x(N2, (e3) => {
+    U2 && U2.setValidateStatus(e3);
+  });
+  const A2 = () => {
+    n2("focus");
+  }, W2 = () => {
+    q2("blur"), n2("blur");
+  }, X = (e3) => {
+    n2("update:modelValue", e3), n2("change", e3);
+  };
+  return _(R, { isDisabled: t(() => K2.value), selectOptions: b2, selectedValue: t(() => s2.modelValue), validateStatus: N2, filteredOptions: g2, isTopPlacement: f2, select: (e3) => {
+    S2(), v2.value = false, X(e3);
+  } }), (l3, a2) => (i(), c("div", { ref_key: "selectRef", ref: B2, id: u(Y2), class: "mc-select", style: d({ width: u(r2) }) }, [y(u(M), { placement: u(m2), "onUpdate:placement": a2[2] || (a2[2] = (e3) => O(m2) ? m2.value = e3 : null), "is-show": v2.value, strategy: e2.positionStrategy, "teleport-to": e2.teleportTo }, { content: w(() => [y(G, null, I({ _: 2 }, [l3.$slots["option-item"] ? { name: "default", fn: w(({ optionValue: e3, optionLabel: a3 }) => [h(l3.$slots, "option-item", { optionValue: e3, optionLabel: a3 }, void 0, true)]), key: "0" } : void 0, l3.$slots.empty ? { name: "empty", fn: w(() => [h(l3.$slots, "empty", {}, void 0, true)]), key: "1" } : void 0]), 1024)]), default: w(() => [y(J, { "is-expanded": v2.value, "onUpdate:isExpanded": a2[0] || (a2[0] = (e3) => v2.value = e3), "search-value": u(V2), "onUpdate:searchValue": a2[1] || (a2[1] = (e3) => O(V2) ? V2.value = e3 : null), search: e2.search, placeholder: e2.placeholder, clearable: e2.clearable, "hide-validation-icon": e2.hideValidationIcon, onSearch: j2, onClear: H2, onFocus: A2, onBlur: W2, style: d({ height: u(p2) }) }, I({ _: 2 }, [l3.$slots["selected-content"] ? { name: "selected-content", fn: w(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [h(l3.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "0" } : void 0]), 1032, ["is-expanded", "search-value", "search", "placeholder", "clearable", "hide-validation-icon", "style"])]), _: 3 }, 8, ["placement", "is-show", "strategy", "teleport-to"])], 12, Q));
+} }), [["__scopeId", "data-v-e2be8d95"]]));
+export {
+  W as M,
+  R as S,
+  H as a
+};

package/dist/es/{mc-step-plus-D4Dxqtcx.js → mc-step-plus-O5FrIA0C.js}

@@ -6,8 +6,8 @@ import { M as g } from "./mc-icon-CnpccbFi.js";
 import { useProp as I } from "@mc-plus/hooks";
 import { M as j } from "./mc-step-item-plus-DHDfilcx.js";
 import { M as B } from "./mc-step-child-item-plus-CbMY1UMS.js";
-const M = "mc-step-plus", V = { class: "mc-step-plus" }, _ = { class: "mc-step-container" }, E = ["onClick"], N = { class: "mc-step-item-icon" }, P = { key: 0, class: "mc-step-item-icon-number" }, U = { key: 1, class: "mc-step-item-icon-point" }, q = { class: "mc-step-item-content" }, z = { 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: M, __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 M2 = e2, K2 = l2, { stepItems: L, activedStep: O, isActivedStep: Q, showStep: R, isSuccessStep: T, showContent: W } = (() => {
+const M = "mc-step-plus", _ = { class: "mc-step-plus" }, V = { class: "mc-step-container" }, E = ["onClick"], N = { class: "mc-step-item-icon" }, P = { key: 0, class: "mc-step-item-icon-number" }, T = { key: 1, class: "mc-step-item-icon-point" }, q = { class: "mc-step-item-content" }, z = { 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: M, __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 M2 = 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 M = "mc-step-plus", V = { class: "mc-step-plus" }, _ = { 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" === M2.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", V, [a("div", _, [(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(T)(e4) }]) }, [a("div", { class: "mc-step-item-indicator", onClick: (s4) => ((e5) => {
+  } }), (e3, s3) => (o(), p("div", _, [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", N, [e4.isChild || r(b)(e4.parentIndex) ? (o(), p("div", U)) : (o(), p("div", P, [r(T)(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(T)(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, E), a("div", q, [a("div", z, [a("div", D, [e4.labelContent ? (o(), v(S(e4.labelContent), { key: e4.step, step: e4.step, label: e4.label, isSuccess: r(T)(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(T)(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(T)(e4), isActived: r(Q)(e4) }, null, 8, ["step", "isSuccess", "isActived"]))])) : m("", true)])], 2)) : m("", true)], 64))), 128))])]));
+  })(e4) }, [a("div", N, [e4.isChild || r(b)(e4.parentIndex) ? (o(), p("div", T)) : (o(), p("div", P, [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, E), a("div", q, [a("div", z, [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-c058c992"]]));
 export {
   K as M,