mc-plus 1.0.109 → 1.0.111

package/dist/es/{mc-select-plus-DfguHmhz.js → mc-select-plus-BeYarza9.js}

@@ -1,26 +1,26 @@
 import { defineComponent as e, inject as l, computed as a, createElementBlock as t, openBlock as s, normalizeClass as o, unref as i, renderSlot as r, createBlock as n, resolveDynamicComponent as c, toDisplayString as u, Fragment as d, renderList as p, createVNode as v, withCtx as m, createTextVNode as h, ref as f, createElementVNode as y, normalizeStyle as b, withDirectives as g, withKeys as w, withModifiers as x, vShow as O, createSlots as _, watchEffect as k, createCommentVNode as V, getCurrentInstance as $, watch as B, provide as S, isRef as D } from "vue";
 import { _ as I, u as P } from "./utils-dWwt4JKv.js";
-import { isEmpty as T, isNumber as E, map as A, isArray as M, isString as j, isFunction as F, includes as H, filter as R, toLower as C, uniqBy as L, findIndex as U, difference as z } from "lodash-es";
-import { useProp as G, useFocus as K, useHover as N, useEventListener as q, useWidthHeight as J } from "@mc-plus/hooks";
-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-Blt_T5Yk.js";
-import { a as ee } from "./mc-select-option-plus-Bn1RGeiS.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) {
-  const { selectedOptions: d2, isDisabled: p2 } = l(te), v2 = a(() => T(d2.value) ? void 0 : d2.value[0]), m2 = a(() => {
+import { isEmpty as T, isNumber as E, map as A, isArray as M, isString as j, isFunction as F, isNil as H, includes as R, filter as C, toLower as L, uniqBy as U, findIndex as z, difference as G } from "lodash-es";
+import { useProp as K, useFocus as N, useHover as q, useEventListener as J, useWidthHeight as Q } from "@mc-plus/hooks";
+import { M as W } from "./mc-popper-plus-CTKgoEEE.js";
+import { M as X } from "./mc-icon-plus-YMAi6EZM.js";
+import { M as Y } from "./mc-tag-nPl6YzbM.js";
+import { M as Z } from "./mc-checkbox-BN4P6-DK.js";
+import { M as ee } from "./mc-select-group-plus-B8grrVXr.js";
+import { a as le } from "./mc-select-option-plus-CxY0GZeL.js";
+import { u as ae } from "./mc-form-DCKlCcDs.js";
+import { I as te } from "./mc-input-group-BPpVTTHQ.js";
+const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key: 1 }, re = I(e({ name: "mc-select-selected-content", __name: "index", setup(e2) {
+  const { selectedOptions: d2, isDisabled: p2 } = l(se), v2 = a(() => T(d2.value) ? void 0 : d2.value[0]), m2 = a(() => {
     var _a, _b;
     return T(v2.value) ? void 0 : v2.value.label ?? ((_b = (_a = v2.value) == null ? void 0 : _a.value) == null ? void 0 : _b.toString());
   }), h2 = a(() => T(v2.value) ? void 0 : v2.value.context);
   return (e3, l2) => {
     var _a;
-    return s(), t("div", { class: o(["mc-select-selected-content", { "is-disabled": i(p2) }]) }, [h2.value || e3.$slots.default ? r(e3.$slots, "default", { key: 0, selectedOption: (_a = v2.value) == null ? void 0 : _a.value, selectedOptionLabel: m2.value, isDisabled: i(p2) }, () => [(s(), n(c(h2.value)))], true) : (s(), t("span", oe, u(m2.value), 1))], 2);
+    return s(), t("div", { class: o(["mc-select-selected-content", { "is-disabled": i(p2) }]) }, [h2.value || e3.$slots.default ? r(e3.$slots, "default", { key: 0, selectedOption: (_a = v2.value) == null ? void 0 : _a.value, selectedOptionLabel: m2.value, isDisabled: i(p2) }, () => [(s(), n(c(h2.value)))], true) : (s(), t("span", ie, u(m2.value), 1))], 2);
   };
-} }), [["__scopeId", "data-v-2417c622"]]), re = { class: "mc-select-selected-content-multi" }, ne = I(e({ name: "mc-select-selected-content-multi", __name: "index", props: { isFocused: { type: Boolean, default: false }, isHovering: { type: Boolean, default: false }, maxTags: { default: void 0 } }, setup(e2) {
-  const { isMulti: o2, selectedOptions: r2, isDisabled: n2, deleteTag: c2 } = l(te), f2 = e2, y2 = a(() => {
+} }), [["__scopeId", "data-v-2417c622"]]), ne = { class: "mc-select-selected-content-multi" }, ce = I(e({ name: "mc-select-selected-content-multi", __name: "index", props: { isFocused: { type: Boolean, default: false }, isHovering: { type: Boolean, default: false }, maxTags: { default: void 0 } }, setup(e2) {
+  const { isMulti: o2, selectedOptions: r2, isDisabled: n2, deleteTag: c2 } = l(se), f2 = e2, y2 = a(() => {
     const e3 = f2.maxTags, l2 = r2.value;
     if (E(e3)) {
       const a2 = l2.length - e3, t2 = [];
@@ -32,18 +32,18 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
     }
     return A(l2, (e4) => ({ label: `${e4.label ?? e4.value}`, item: e4.value, selectable: true }));
   }), b2 = a(() => f2.isFocused || f2.isHovering ? "minimal" : "bold");
-  return (e3, l2) => (s(), t("ul", re, [(s(true), t(d, null, p(y2.value, (e4) => (s(), t("li", { key: `${e4.item}`, class: "mc-select-selected-tag" }, [v(i(X), { size: "x-small", type: "selectable", deletable: e4.selectable, emphasis: b2.value, disabled: i(n2), onDelete: (l3) => {
+  return (e3, l2) => (s(), t("ul", ne, [(s(true), t(d, null, p(y2.value, (e4) => (s(), t("li", { key: `${e4.item}`, class: "mc-select-selected-tag" }, [v(i(Y), { size: "x-small", type: "selectable", deletable: e4.selectable, emphasis: b2.value, disabled: i(n2), onDelete: (l3) => {
     return a2 = e4.item, void (o2.value && c2(a2));
     var a2;
   } }, { default: m(() => [h(u(e4.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))]));
-} }), [["__scopeId", "data-v-aac507b5"]]), ce = ["value", "placeholder", "disabled", "readonly", "onKeydown"], ue = { class: "mc-select-placeholder" }, de = { class: "mc-select-trigger-toolbar" }, pe = I(e({ name: "mc-select-trigger", __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 }, maxTags: { default: void 0 }, hideValidationIcon: { type: Boolean } }, emits: ["update:searchValue", "update:isExpanded", "press:arrow", "search", "focus", "blur", "clear"], setup(e2, { emit: c2 }) {
-  const d2 = e2, p2 = c2, h2 = f(), { wrapperRef: k2, isFocused: V2, handleFocus: $2, handleBlur: B2 } = K(h2), { isHovering: S2 } = N(k2), { selectedOptions: D2, isMulti: I2, isDisabled: P2, validateStatus: T2, isTopPlacement: E2 } = l(te), A2 = a(() => M(D2.value) ? D2.value.length > 0 : !!D2.value), j2 = (e3) => {
+} }), [["__scopeId", "data-v-aac507b5"]]), ue = ["value", "placeholder", "disabled", "readonly", "onKeydown"], de = { class: "mc-select-placeholder" }, pe = { class: "mc-select-trigger-toolbar" }, ve = I(e({ name: "mc-select-trigger", __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 }, maxTags: { default: void 0 }, hideValidationIcon: { type: Boolean } }, emits: ["update:searchValue", "update:isExpanded", "press:arrow", "search", "focus", "blur", "clear"], setup(e2, { emit: c2 }) {
+  const d2 = e2, p2 = c2, h2 = f(), { wrapperRef: k2, isFocused: V2, handleFocus: $2, handleBlur: B2 } = N(h2), { isHovering: S2 } = q(k2), { selectedOptions: D2, isMulti: I2, isDisabled: P2, validateStatus: T2, isTopPlacement: E2 } = l(se), A2 = a(() => M(D2.value) ? D2.value.length > 0 : !!D2.value), j2 = (e3) => {
     const { value: l2 } = e3.target;
     p2("update:searchValue", l2), p2("search");
   }, F2 = () => {
     P2.value || p2("update:isExpanded", !d2.isExpanded);
   }, { showClearIcon: H2, mouseOverIcon: R2 } = (() => {
-    const e3 = f(false), l2 = G("clearable"), t2 = G("isDisabled");
+    const e3 = f(false), l2 = K("clearable"), t2 = K("isDisabled");
     return { showClearIcon: a(() => !!l2.value && e3.value && !t2.value), mouseOverIcon: (l3) => {
       e3.value = l3;
     } };
@@ -51,14 +51,14 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
     p2("clear");
   }, U2 = a(() => P2.value ? "not-allowed" : d2.search ? "text" : "pointer"), z2 = () => {
     P2.value || p2("update:isExpanded", !d2.isExpanded);
-  }, q2 = (e3) => {
+  }, G2 = (e3) => {
     P2.value || p2("press:arrow", e3);
   };
-  return (l2, a2) => (s(), t("div", { ref_key: "triggerRef", ref: k2, class: o(["mc-select-trigger", { "is-hovering": i(S2), "is-focused": i(V2), "is-expanded": e2.isExpanded, "is-disabled": i(P2), "is-error": "error" === i(T2), "is-success": "success" === i(T2), "is-top-placement": i(E2) }]), onClick: F2 }, [y("div", { class: "mc-select-trigger-selected-content", style: b({ cursor: U2.value }) }, [y("div", { class: "mc-select-trigger-input-wrapper", style: b({ width: e2.searchValue || !A2.value ? "100%" : "1em" }) }, [y("input", { value: e2.searchValue, ref_key: "inputRef", ref: h2, class: "mc-select-input", placeholder: e2.placeholder, disabled: i(P2), readonly: !e2.search || i(P2), onInput: j2, onFocus: a2[0] || (a2[0] = (...e3) => i($2) && i($2)(...e3)), onBlur: a2[1] || (a2[1] = (...e3) => i(B2) && i(B2)(...e3)), onKeydown: [w(x(z2, ["stop", "prevent"]), ["enter"]), w(x(q2, ["stop", "prevent"]), ["arrow-down"]), w(x(q2, ["stop", "prevent"]), ["arrow-up"])] }, null, 40, ce), g(y("div", ue, [r(l2.$slots, "placeholder", { placeholder: e2.placeholder, isDisabled: i(P2) }, () => [y("span", null, u(e2.placeholder), 1)], true)], 512), [[O, !e2.searchValue && !A2.value]])], 4), i(I2) ? g((s(), n(ne, { key: 0, "max-tags": e2.maxTags, "is-focused": i(V2), "is-hovering": i(S2) }, null, 8, ["max-tags", "is-focused", "is-hovering"])), [[O, A2.value && !e2.searchValue]]) : g((s(), n(ie, { key: 1 }, _({ _: 2 }, [l2.$slots["selected-content"] ? { name: "default", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "0" } : void 0]), 1536)), [[O, A2.value && !e2.searchValue]])], 4), y("div", de, [g(v(i(W), { class: "mc-select-status-icon", name: "error" === i(T2) ? "reject-fail-rev" : "accept-success-rev", size: 24 }, null, 8, ["name"]), [[O, "init" !== i(T2) && !e2.hideValidationIcon]]), y("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[3] || (a2[3] = (e3) => i(R2)(true)), onMouseleave: a2[4] || (a2[4] = (e3) => i(R2)(false)) }, [g(v(i(W), { class: "mc-select-chevron-icon", name: "down-chevron", size: 24, cursor: i(P2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]), [[O, !C2.value]]), g(y("div", { onClick: a2[2] || (a2[2] = x(() => {
-  }, ["stop"])) }, [v(i(W), { class: "mc-select-clear-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: L2 })], 512), [[O, C2.value]])], 32)])], 2));
-} }), [["__scopeId", "data-v-61e04dfa"]]), ve = { class: "mc-select-list-wrapper" }, me = { key: 0, class: "mc-select-list-header" }, he = { key: 0, class: "mc-select-list-header-content" }, fe = { class: "mc-select-list-content" }, ye = { key: 0, class: "mc-select-list-empty" }, be = { key: 1, class: "mc-select-list-footer" }, ge = I(e({ name: "mc-select-list", __name: "index", props: { showFooter: { type: Boolean }, showHeader: { type: Boolean } }, setup(e2) {
-  const { filteredOptions: n2, isMulti: c2, isTopPlacement: u2 } = l(te), d2 = a(() => !T(n2.value)), { isSelectAll: p2, isSelectPartial: m2, selectAll: h2 } = (() => {
-    const { isMulti: e3, selectedOptions: a2, selectOptions: t2, selectAll: s2 } = l(te), o2 = f(false), i2 = f(false);
+  return (l2, a2) => (s(), t("div", { ref_key: "triggerRef", ref: k2, class: o(["mc-select-trigger", { "is-hovering": i(S2), "is-focused": i(V2), "is-expanded": e2.isExpanded, "is-disabled": i(P2), "is-error": "error" === i(T2), "is-success": "success" === i(T2), "is-top-placement": i(E2) }]), onClick: F2 }, [y("div", { class: "mc-select-trigger-selected-content", style: b({ cursor: U2.value }) }, [y("div", { class: "mc-select-trigger-input-wrapper", style: b({ width: e2.searchValue || !A2.value ? "100%" : "1em" }) }, [y("input", { value: e2.searchValue, ref_key: "inputRef", ref: h2, class: "mc-select-input", placeholder: e2.placeholder, disabled: i(P2), readonly: !e2.search || i(P2), onInput: j2, onFocus: a2[0] || (a2[0] = (...e3) => i($2) && i($2)(...e3)), onBlur: a2[1] || (a2[1] = (...e3) => i(B2) && i(B2)(...e3)), onKeydown: [w(x(z2, ["stop", "prevent"]), ["enter"]), w(x(G2, ["stop", "prevent"]), ["arrow-down"]), w(x(G2, ["stop", "prevent"]), ["arrow-up"])] }, null, 40, ue), g(y("div", de, [r(l2.$slots, "placeholder", { placeholder: e2.placeholder, isDisabled: i(P2) }, () => [y("span", null, u(e2.placeholder), 1)], true)], 512), [[O, !e2.searchValue && !A2.value]])], 4), i(I2) ? g((s(), n(ce, { key: 0, "max-tags": e2.maxTags, "is-focused": i(V2), "is-hovering": i(S2) }, null, 8, ["max-tags", "is-focused", "is-hovering"])), [[O, A2.value && !e2.searchValue]]) : g((s(), n(re, { key: 1 }, _({ _: 2 }, [l2.$slots["selected-content"] ? { name: "default", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "0" } : void 0]), 1536)), [[O, A2.value && !e2.searchValue]])], 4), y("div", pe, [g(v(i(X), { class: "mc-select-status-icon", name: "error" === i(T2) ? "reject-fail-rev" : "accept-success-rev", size: 24 }, null, 8, ["name"]), [[O, "init" !== i(T2) && !e2.hideValidationIcon]]), y("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[3] || (a2[3] = (e3) => i(R2)(true)), onMouseleave: a2[4] || (a2[4] = (e3) => i(R2)(false)) }, [g(v(i(X), { class: "mc-select-chevron-icon", name: "down-chevron", size: 24, cursor: i(P2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]), [[O, !C2.value]]), g(y("div", { onClick: a2[2] || (a2[2] = x(() => {
+  }, ["stop"])) }, [v(i(X), { class: "mc-select-clear-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: L2 })], 512), [[O, C2.value]])], 32)])], 2));
+} }), [["__scopeId", "data-v-61e04dfa"]]), me = { class: "mc-select-list-wrapper" }, he = { key: 0, class: "mc-select-list-header" }, fe = { key: 0, class: "mc-select-list-header-content" }, ye = { class: "mc-select-list-content" }, be = { key: 0, class: "mc-select-list-empty" }, ge = { key: 1, class: "mc-select-list-footer" }, we = I(e({ name: "mc-select-list", __name: "index", props: { showFooter: { type: Boolean }, showHeader: { type: Boolean } }, setup(e2) {
+  const { filteredOptions: n2, isMulti: c2, isTopPlacement: u2 } = l(se), d2 = a(() => !T(n2.value)), { isSelectAll: p2, isSelectPartial: m2, selectAll: h2 } = (() => {
+    const { isMulti: e3, selectedOptions: a2, selectOptions: t2, selectAll: s2 } = l(se), o2 = f(false), i2 = f(false);
     return k(() => {
       var _a, _b;
       if (!e3.value) return;
@@ -66,11 +66,11 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
       (l2 == null ? void 0 : l2.length) && ((_a = t2.value) == null ? void 0 : _a.length) && (l2 == null ? void 0 : l2.length) === ((_b = t2.value) == null ? void 0 : _b.length) ? (o2.value = true, i2.value = false) : (l2 == null ? void 0 : l2.length) > 0 ? (o2.value = false, i2.value = true) : (o2.value = false, i2.value = false);
     }), { 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 = () => {
+  return (l2, a2) => (s(), t("div", me, [y("ul", { class: o(["mc-select-list", { "is-top-placement": i(u2) }]) }, [e2.showHeader ? (s(), t("li", he, [r(l2.$slots, "header", { isEmpty: !d2.value }, () => [i(c2) ? (s(), t("div", fe, [v(i(Z), { "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", ye, [r(l2.$slots, "default", {}, void 0, true), d2.value ? V("", true) : (s(), t("li", be, [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", ge, [r(l2.$slots, "footer", { isEmpty: !d2.value }, void 0, true)])) : V("", true)], 2)]));
+} }), [["__scopeId", "data-v-359e20b8"]]), xe = () => {
   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 }) {
+}, Oe = ["id"], _e = P(I(e({ name: oe, __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);
@@ -86,12 +86,12 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
         const e4 = ((e5) => {
           const l3 = [], a3 = (e6, t3) => {
             M(e6) && e6.forEach((e7) => {
-              var _a2, _b2, _c, _d, _e, _f, _g, _h;
+              var _a2, _b2, _c, _d, _e2, _f, _g, _h;
               const s2 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
-              if (s2 === Z) {
+              if (s2 === ee) {
                 const l4 = j(e7.children) || M(e7.children) || !F((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
                 a3(l4, (_d = e7.props) == null ? void 0 : _d.label);
-              } else s2 === ee ? l3.push({ label: (_e = e7.props) == null ? void 0 : _e.label, value: (_f = e7.props) == null ? void 0 : _f.value, disabled: (_g = e7.props) == null ? void 0 : _g.disabled, group: t3, context: (_h = e7.children) == null ? void 0 : _h.default }) : Array.isArray(e7.children) && a3(e7.children, t3);
+              } else s2 === le ? l3.push({ label: (_e2 = e7.props) == null ? void 0 : _e2.label, value: (_f = e7.props) == null ? void 0 : _f.value, disabled: (_g = e7.props) == null ? void 0 : _g.disabled, group: t3, context: (_h = e7.children) == null ? void 0 : _h.default }) : Array.isArray(e7.children) && a3(e7.children, t3);
             });
           };
           return a3(e5), l3;
@@ -105,25 +105,25 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
       })(l2.value, e3) || (e3 = l2.value);
     }), { selectOptions: l2 };
   })(), { selectedOptions: p2 } = ((e3) => {
-    const l2 = G("modelValue"), t2 = G("multiple");
+    const l2 = K("modelValue"), t2 = K("multiple");
     return { selectedOptions: a(() => {
-      if (!l2.value) return [];
-      if (t2.value && M(l2.value)) return e3.value.filter((e4) => H(l2.value, e4.value));
+      if (H(l2.value)) return [];
+      if (t2.value && M(l2.value)) return e3.value.filter((e4) => R(l2.value, e4.value));
       {
         const a2 = e3.value.find((e4) => e4.value === l2.value);
         return a2 ? [a2] : [];
       }
     }) };
   })(d2), { searchValue: h2, isSearch: y2, filteredOptions: g2, filteredGroups: w2, clearSearchValue: x2 } = ((e3) => {
-    const l2 = f(""), t2 = G("search"), s2 = a(() => !!t2.value), o3 = a(() => (e3 == null ? void 0 : e3.value.length) ? A(R(e3.value, (e4) => H(C(e4.label), C(l2.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), i2 = a(() => o3.value.length ? A(L(o3.value, "group"), (e4) => e4.group) : []);
+    const l2 = f(""), t2 = K("search"), s2 = a(() => !!t2.value), o3 = a(() => (e3 == null ? void 0 : e3.value.length) ? A(C(e3.value, (e4) => R(L(e4.label), L(l2.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), i2 = a(() => o3.value.length ? A(U(o3.value, "group"), (e4) => e4.group) : []);
     return { searchValue: l2, isSearch: s2, filteredOptions: o3, filteredGroups: i2, clearSearchValue: () => {
       l2.value = "";
     } };
   })(d2), O2 = async () => {
     n2.search && (u2.value || (u2.value = true));
   }, { selectRef: V2 } = (() => {
-    const e3 = G("multiple"), l2 = f(), a2 = f();
-    return q(document, "click", (t2) => {
+    const e3 = K("multiple"), l2 = f(), a2 = f();
+    return J(document, "click", (t2) => {
       var _a, _b, _c;
       const s2 = t2.target;
       if (e3.value) {
@@ -132,56 +132,56 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
       x2(), u2.value = false;
     }), { selectRef: l2, teleportListRef: a2 };
   })(), I2 = () => {
-    u2.value = false, x2(), ce2(n2.multiple ? [] : void 0);
-  }, { hoverOption: P2, setHoverOption: E2, handlePressArrow: K2 } = ((e3) => {
+    u2.value = false, x2(), ue2(n2.multiple ? [] : void 0);
+  }, { hoverOption: P2, setHoverOption: E2, handlePressArrow: N2 } = ((e3) => {
     const l2 = f(), a2 = () => {
       l2.value = void 0;
     };
     return { hoverOption: l2, setHoverOption: (e4) => {
       l2.value = e4;
     }, handlePressArrow: (t2) => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e2;
       if (!(e3 == null ? void 0 : e3.value.length)) return void a2();
       if (!l2.value) return void (l2.value = (_a = e3.value[0]) == null ? void 0 : _a.value);
-      const s2 = U(e3 == null ? void 0 : e3.value, (e4) => e4.value === l2.value);
-      "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));
+      const s2 = z(e3 == null ? void 0 : e3.value, (e4) => e4.value === l2.value);
+      "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) || ((_e2 = e3.value[e3.value.length - 1]) == null ? void 0 : _e2.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, (e3) => {
+  })(g2), { width: q2, height: X2 } = Q(), Y2 = l(te, void 0), { formId: Z2, formDisabled: oe2, validateStatus: ie2, validateByTrigger: re2 } = ae({ externalDisabled: a(() => !!(Y2 == null ? void 0 : Y2.disabled.value)) });
+  B(oe2, (e3) => {
     e3 && (u2.value = false, x2());
-  }), B(oe2, (e3) => {
-    X2 && X2.setValidateStatus(e3);
+  }), B(ie2, (e3) => {
+    Y2 && Y2.setValidateStatus(e3);
   });
-  const re2 = () => {
+  const ne2 = () => {
     c2("focus");
-  }, ne2 = () => {
-    ie2("blur"), c2("blur");
-  }, ce2 = (e3) => {
+  }, ce2 = () => {
+    re2("blur"), c2("blur");
+  }, ue2 = (e3) => {
     c2("update:modelValue", e3), c2("change", e3);
-  }, { 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) => {
+  }, { placement: de2, isTopPlacement: pe2 } = xe();
+  return S(se, { isMulti: a(() => n2.multiple), isDisabled: a(() => oe2.value), validateStatus: ie2, selectOptions: d2, selectedOptions: p2, filteredOptions: g2, filteredGroups: w2, hoverOption: P2, isTopPlacement: pe2, deleteTag: async (e3) => {
     if (!n2.multiple) return;
-    const l2 = A(p2.value, (e4) => e4.value), a2 = z(l2, [e3]);
-    ce2(a2);
+    const l2 = A(p2.value, (e4) => e4.value), a2 = G(l2, [e3]);
+    ue2(a2);
   }, select: async (e3) => {
     if (x2(), n2.multiple) {
       const l2 = n2.modelValue;
-      if (M(l2) && !T(l2)) if (H(l2, e3)) {
-        const a2 = z([...l2], [e3]);
-        ce2(a2);
-      } else ce2([...l2, e3]);
-      else ce2([e3]);
-    } else u2.value = false, ce2(e3);
+      if (M(l2) && !T(l2)) if (R(l2, e3)) {
+        const a2 = G([...l2], [e3]);
+        ue2(a2);
+      } else ue2([...l2, e3]);
+      else ue2([e3]);
+    } else u2.value = false, ue2(e3);
   }, selectAll: async (e3) => {
     if (!n2.multiple) return;
     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, xe));
+    ue2(l2);
+  }, hover: E2 }), (l2, a2) => (s(), t("div", { ref_key: "selectRef", ref: V2, id: i(Z2), class: "mc-select", style: b({ width: i(q2) }) }, [v(i(W), { "is-show": u2.value, placement: i(de2), "onUpdate:placement": a2[2] || (a2[2] = (e3) => D(de2) ? de2.value = e3 : null), strategy: e2.positionStrategy, "teleport-to": e2.teleportTo }, { content: m(() => [v(we, { "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(ve, { "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(N2), onFocus: ne2, onBlur: ce2, style: b({ height: i(X2) }) }, _({ _: 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, Oe));
 } }), [["__scopeId", "data-v-f0fe4352"]]));
 export {
-  Oe as M,
-  te as a,
-  se as b,
-  we as u
+  _e as M,
+  se as a,
+  oe as b,
+  xe as u
 };

package/dist/es/{mc-switch-Buj-pU4b.js → mc-switch-CJKHiSY9.js}

@@ -1,7 +1,7 @@
 import { _ as e, u as l } from "./utils-dWwt4JKv.js";
 import { defineComponent as t, createElementBlock as a, openBlock as s, renderSlot as i, createCommentVNode as o, createElementVNode as c, toDisplayString as n, createVNode as p, unref as h, useSlots as d, computed as m, createBlock as b, createSlots as u, withCtx as v, normalizeStyle as r, normalizeClass as w, withKeys as y, withModifiers as f } from "vue";
 import { M as x } from "./mc-tooltip-BlsZG-T8.js";
-import { u as $ } from "./mc-form-ffIxRMtg.js";
+import { u as $ } from "./mc-form-DCKlCcDs.js";
 const T = "mc-switch", k = "mc-switch-label", I = { class: "mc-switch-label-wrapper" }, _ = { class: "mc-switch-label" }, g = { class: "mc-switch-help" }, V = e(t({ name: k, __name: "mc-switch-label", props: { label: {}, helpText: {}, helpIcon: { default: "Info" } }, setup: (e2) => (l2, t2) => (s(), a("div", I, [e2.label || l2.$slots.label ? i(l2.$slots, "label", { key: 0 }, () => [c("span", _, n(e2.label), 1)], true) : o("", true), e2.helpText || l2.$slots.help ? i(l2.$slots, "help", { key: 1 }, () => [c("div", g, [p(h(x), { "icon-name": e2.helpIcon, content: e2.helpText, "icon-size": 22 }, null, 8, ["icon-name", "content"])])], true) : o("", true)])) }), [["__scopeId", "data-v-e1ce5008"]]), B = { class: "mc-switch" }, j = ["id", "disabled", "value", "onKeypress"], z = { class: "mc-switch-inner" }, K = { class: "mc-switch-inner-text" }, M = { class: "mc-switch-inner-text" }, P = l(e(t({ name: T, __name: "mc-switch", props: { modelValue: { type: Boolean, default: false }, width: {}, height: {}, activeText: {}, inactiveText: {}, disabled: { type: Boolean, default: false }, size: { default: "medium" }, label: {}, labelPosition: { default: "right" }, helpIcon: { default: "Info" }, helpText: {}, disableValidation: { type: Boolean }, hideValidationIcon: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: l2 }) {
   const t2 = e2, p2 = l2, x2 = d(), { formId: T2, formDisabled: k2, validateStyle: I2, validateByTrigger: _2 } = $(), g2 = m(() => t2.modelValue), P2 = async () => {
     k2.value || (p2("update:modelValue", !t2.modelValue), p2("change", !t2.modelValue), _2("input"));

package/dist/es/{mc-table-Py-BMb04.js → mc-table-CA8JjLlo.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as t, openBlock as n, normalizeClass as o, renderSlot as i, Fragment as s, createTextVNode as c, toDisplayString as r, useSlots as u, ref as d, normalizeStyle as p, createElementVNode as g, renderList as v, createVNode as m, unref as h, createBlock as f, createSlots as b, withCtx as _, mergeProps as y, watch as w, onMounted as k, nextTick as S, toRefs as x, normalizeProps as C, guardReactiveProps as R } from "vue";
-import { M as z } from "./mc-checkbox-BBIfknVB.js";
+import { M as z } from "./mc-checkbox-BN4P6-DK.js";
 import { _ as I, u as P } from "./utils-dWwt4JKv.js";
 import { m as M } from "./mc-icon-CnpccbFi.js";
 const H = ["rowspan", "colspan"], T = I(e({ __name: "mc-table-cell", props: { row: {}, column: {}, rowIndex: {}, columnIndex: {}, pagination: {}, spanMethod: { type: Function } }, setup(e2) {

package/dist/es/{mc-textarea-P3jxTX7p.js → mc-textarea-CT_tmZlw.js}

@@ -1,7 +1,7 @@
 import { _ as e, u as a } from "./utils-dWwt4JKv.js";
 import { defineComponent as t, ref as l, useSlots as o, computed as r, createElementBlock as d, openBlock as n, normalizeStyle as s, normalizeClass as u, unref as i, createElementVNode as m, renderSlot as c, createCommentVNode as h, toDisplayString as p, nextTick as f } from "vue";
 import { useWidthHeight as g, useFocus as x } from "@mc-plus/hooks";
-import { u as v } from "./mc-form-ffIxRMtg.js";
+import { u as v } from "./mc-form-DCKlCcDs.js";
 const y = "mc-textarea", L = ["value", "id", "disabled", "maxlength", "placeholder"], w = { class: "mc-textarea-count" }, b = a(e(t({ name: y, __name: "mc-textarea", props: { modelValue: { default: "" }, placeholder: { default: "Please input" }, disabled: { type: Boolean, default: false }, showCount: { type: Boolean, default: true }, width: { default: "100%" }, height: { default: 88 }, resize: { default: "vertical" }, maxLength: { default: 255 }, disableValidation: { type: Boolean }, hideValidationIcon: { type: Boolean } }, emits: ["update:modelValue", "change", "focus", "blur"], setup(e2, { emit: a2 }) {
   const t2 = e2, y2 = a2, { width: b2, height: B } = g(), V = l(), { wrapperRef: _, isFocused: k, handleFocus: I, handleBlur: z } = x(V), { formId: F, validateStyle: R, formDisabled: $, validateByTrigger: j } = v(), C = async (e3) => {
     let a3 = e3.target.value;

package/dist/es/{mc-upload-q89LNkpa.js → mc-upload-DwBh_Xaf.js}

@@ -4,8 +4,8 @@ import { useProp as z, useDragover as x, useWidthHeight as $ } from "@mc-plus/ho
 import { M as b } from "./mc-icon-CnpccbFi.js";
 import { M as C } from "./mc-success-icon-BgQB9Rmp.js";
 import { map as S, includes as k } from "lodash-es";
-import { M as D } from "./mc-file-list-Dkj-S89y.js";
-import { u as M } from "./mc-form-ffIxRMtg.js";
+import { M as D } from "./mc-file-list-CHTB72Ds.js";
+import { u as M } from "./mc-form-DCKlCcDs.js";
 import { t as U } from "./mc-toast-BNRX1zn4.js";
 const B = (e2) => parseFloat(e2).toString(), F = (e2, l2 = 2) => e2 < 1024 ? `${e2} B` : e2 < 1048576 ? `${B((e2 / 1024).toFixed(l2))} KB` : e2 < 1073741824 ? `${B((e2 / 1048576).toFixed(l2))} MB` : `${B((e2 / 1073741824).toFixed(l2))} GB`, T = (e2) => {
   if (!e2) return "--";