mc-plus 1.0.18 → 1.0.19

package/dist/es/index.js

@@ -13,33 +13,35 @@ import { a as a2 } from "./mc-message-qDiSEyiP.js";
 import { M as n, a as x } from "./mc-radio-TczsTpWI.js";
 import { M as h, a as S, b as T } from "./mc-select-Dze2qYyc.js";
 import { M as k } from "./mc-switch-COmM8JEx.js";
-import { M as q, a as w, b as P } from "./mc-tab-BWdnKUwn.js";
-import { u, c as c2, d } from "./mc-tab-BWdnKUwn.js";
-import { M as y } from "./mc-tag-8TA3X0ap.js";
-import { M as C } from "./mc-toast-BrmJXXuA.js";
+import { M as w, a as P, b as q } from "./mc-tab-CGsHEm__.js";
+import { u, c as c2, d } from "./mc-tab-CGsHEm__.js";
+import { M as v } from "./mc-tag-CfYut-mf.js";
+import { M as y } from "./mc-toast-BrmJXXuA.js";
 import { c as c3, t, e, a as a3, b, d as d2 } from "./mc-toast-BrmJXXuA.js";
-import { M as E } from "./mc-tooltip-DaScOiNB.js";
-import { M as I } from "./mc-step-B5mjO4hJ.js";
-import { M as L, b as W } from "./mc-form-CZ8r5JMG.js";
-import { M as v } from "./mc-success-icon-BB5f9EEL.js";
-import { a as z, b as A } from "./mc-title-Cxw2nb6C.js";
+import { M as C } from "./mc-tooltip-DaScOiNB.js";
+import { M as E } from "./mc-step-B5mjO4hJ.js";
+import { M as I, b as L } from "./mc-form-CZ8r5JMG.js";
+import { M as W } from "./mc-success-icon-BB5f9EEL.js";
+import { a as z, b as A } from "./mc-title-7qDFxVvc.js";
 import { a as B } from "./mc-footer-CqXN9f49.js";
-import { a as D } from "./mc-modal-header-DZSXJiOS.js";
-import { M as F } from "./mc-drawer-DisIn2l4.js";
+import { a as D } from "./mc-modal-header-BGIHubPQ.js";
+import { M as F } from "./mc-drawer-BnAa3qbE.js";
 import { M as G } from "./mc-reset-C2LQOIpe.js";
-const H = [r, p, E, q, k, n, x, h, S, T, i, m, M, g, y, C, I, L, W, j, f, v, z, B, A, D, F, w, P, G];
+import { M as H } from "./mc-divider-DnJ_rBx3.js";
+const J = [r, p, C, w, k, n, x, h, S, T, i, m, M, g, v, y, E, I, L, j, f, W, z, B, A, D, F, P, q, G, H];
 s();
-const J = o(H);
+const K = o(J);
 export {
   m as McAlert,
   r as McButton,
   i as McCheckbox,
   p as McCollapse,
   a as McCollapseItem,
+  H as McDivider,
   F as McDrawer,
   B as McFooter,
-  L as McForm,
-  W as McFormItem,
+  I as McForm,
+  L as McFormItem,
   f as McIcon,
   j as McInput,
   M as McLightBox,
@@ -51,21 +53,21 @@ export {
   h as McSelect,
   S as McSelectGroup,
   T as McSelectOption,
-  I as McStep,
-  v as McSuccessIcon,
+  E as McStep,
+  W as McSuccessIcon,
   k as McSwitch,
-  w as McTab,
-  P as McTabItem,
-  q as McTable,
-  y as McTag,
+  P as McTab,
+  q as McTabItem,
+  w as McTable,
+  v as McTag,
   z as McTitle,
   A as McTitleToolBar,
-  C as McToast,
-  E as McTooltip,
+  y as McToast,
+  C as McTooltip,
   a2 as Message,
   c as createLightbox,
   c3 as createToast,
-  J as default,
+  K as default,
   l as lightbox,
   t as toast,
   e as toastError,

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

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

package/dist/es/{mc-drawer-DisIn2l4.js → mc-drawer-BnAa3qbE.js}

@@ -1,6 +1,6 @@
-import { defineComponent as e, ref as t, watch as l, createElementBlock as o, createCommentVNode as a, openBlock as i, createBlock as n, Teleport as c, createVNode as d, Transition as r, withCtx as s, normalizeClass as u, createElementVNode as f, renderSlot as m, createTextVNode as p, toDisplayString as h, nextTick as y } from "vue";
+import { defineComponent as e, ref as t, watch as l, createElementBlock as o, createCommentVNode as a, openBlock as i, createBlock as n, Teleport as d, createVNode as c, Transition as r, withCtx as s, normalizeClass as u, createElementVNode as f, renderSlot as m, createTextVNode as p, toDisplayString as h, nextTick as y } from "vue";
 import { M as v } from "./mc-overlay-DwuQMb48.js";
-import { M as B } from "./mc-modal-header-DZSXJiOS.js";
+import { M as B } from "./mc-modal-header-BGIHubPQ.js";
 import { M as g } from "./mc-footer-CqXN9f49.js";
 import { M as b } from "./mc-button-BeOONixM.js";
 import { _ as w, w as k } from "./utils-CMUecsjZ.js";
@@ -20,7 +20,7 @@ const _ = { key: 0, class: "mc-drawer-container" }, x = { class: "mc-drawer-head
   }, E = (e3) => {
     e3 && D(e3);
   }, F = t();
-  return w2({ ref: F, open: O, close: S }), (e3, t2) => V.value ? (i(), o("div", _, [(i(), n(c, { to: e3.portCssSelector }, [d(r, { name: "mc-drawer-overlay" }, { default: s(() => [d(v, { visible: $.value, fixed: e3.fixed, onClick: q }, { default: s(() => [d(r, { name: "mc-drawer-content" }, { default: s(() => [z.value ? (i(), o("div", { key: 0, class: u(["mc-drawer", [`mc-drawer-${e3.size}`]]), ref_key: "_ref", ref: F }, [f("div", x, [d(B, { title: e3.title, onClose: A }, null, 8, ["title"])]), f("div", C, [f("div", I, [m(e3.$slots, "default", {}, void 0, true)])]), f("div", M, [d(g, null, { left: s(() => [m(e3.$slots, "footer-left", {}, () => {
+  return w2({ ref: F, open: O, close: S }), (e3, t2) => V.value ? (i(), o("div", _, [(i(), n(d, { to: e3.portCssSelector }, [c(r, { name: "mc-drawer-overlay" }, { default: s(() => [c(v, { visible: $.value, fixed: e3.fixed, onClick: q }, { default: s(() => [c(r, { name: "mc-drawer-content" }, { default: s(() => [z.value ? (i(), o("div", { key: 0, class: u(["mc-drawer", [`mc-drawer-${e3.size}`]]), ref_key: "_ref", ref: F }, [f("div", x, [c(B, { title: e3.title, onClose: A }, null, 8, ["title"])]), f("div", C, [f("div", I, [m(e3.$slots, "default", {}, void 0, true)])]), f("div", M, [c(g, null, { left: s(() => [m(e3.$slots, "footer-left", {}, () => {
     var _a, _b, _c, _d;
     return [((_a = e3.leftButton) == null ? void 0 : _a.hidden) ? a("", true) : (i(), n(b, { key: 0, type: "plain", class: "mc-drawer-button", "left-icon": (_b = e3.leftButton) == null ? void 0 : _b.leftIcon, "right-icon": (_c = e3.leftButton) == null ? void 0 : _c.rightIcon, disabled: (_d = e3.leftButton) == null ? void 0 : _d.disable, onClick: t2[0] || (t2[0] = (t3) => {
       var _a2;

package/dist/es/{mc-modal-header-DZSXJiOS.js → mc-modal-header-BGIHubPQ.js}

@@ -1,11 +1,11 @@
 import { defineComponent as e, createElementBlock as o, openBlock as s, createVNode as t, withCtx as a } from "vue";
 import { M as l } from "./mc-icon-oTgV9pMA.js";
-import { M as m } from "./mc-title-Cxw2nb6C.js";
-import { _ as r, w as c } from "./utils-CMUecsjZ.js";
-const i = { class: "mc-modal-header" }, d = r(e({ name: "McModalHeader", __name: "mc-modal-header", props: { title: {}, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: r2 }) {
-  const c2 = r2;
-  return (e3, r3) => (s(), o("div", i, [t(m, { title: e3.title, "show-border": "", height: "100%", class: "mc-modal-header-title" }, { "tool-bar": a(() => [t(l, { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: r3[0] || (r3[0] = (e4) => c2("close")) })]), _: 1 }, 8, ["title"])]));
-} }), [["__scopeId", "data-v-05d35494"]]), n = c(d);
+import { M as m } from "./mc-title-7qDFxVvc.js";
+import { _ as r, w as i } from "./utils-CMUecsjZ.js";
+const c = { class: "mc-modal-header" }, d = r(e({ name: "McModalHeader", __name: "mc-modal-header", props: { title: {}, showClose: { type: Boolean, default: true } }, emits: ["close"], setup(e2, { emit: r2 }) {
+  const i2 = r2;
+  return (e3, r3) => (s(), o("div", c, [t(m, { title: e3.title, "show-border": "", height: "100%", class: "mc-modal-header-title" }, { "tool-bar": a(() => [t(l, { name: "Cross", size: 24, class: "mc-modal-header-close-icon", onClick: r3[0] || (r3[0] = (e4) => i2("close")) })]), _: 1 }, 8, ["title"])]));
+} }), [["__scopeId", "data-v-05d35494"]]), n = i(d);
 export {
   d as M,
   n as a

package/dist/es/{mc-tab-BWdnKUwn.js → mc-tab-CGsHEm__.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as n, openBlock as t, 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 m, createVNode as v, unref as f, createBlock as h, createSlots as b, withCtx as _, mergeProps as y, watch as w, withDirectives as k, vModelSelect as x, onMounted as S, nextTick as C, toRefs as I, normalizeProps as z, guardReactiveProps as R, watchEffect as M, h as $, onUnmounted as P, resolveDynamicComponent as H } from "vue";
+import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as n, openBlock as t, 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 m, createVNode as v, unref as h, createBlock as f, createSlots as b, withCtx as _, mergeProps as y, watch as w, withDirectives as k, vModelSelect as x, onMounted as S, nextTick as C, toRefs as I, normalizeProps as z, guardReactiveProps as R, watchEffect as M, h as $, onUnmounted as P, resolveDynamicComponent as H } from "vue";
 import { M as W } from "./mc-checkbox-1v_7vBVm.js";
 import { _ as T, w as B } from "./utils-CMUecsjZ.js";
 import { M as O } from "./mc-icon-oTgV9pMA.js";
@@ -48,9 +48,9 @@ const K = ["rowspan", "colspan"], N = T(e({ __name: "mc-table-cell", props: { ro
   }), z2 = (e3) => !!k2.selectedRows && k2.selectedRows.some((a2) => k2.rowKey ? a2[k2.rowKey] === e3[k2.rowKey] : a2 === e3);
   return c2({ bodyWrapper: C2 }), (e3, a2) => (t(), l("div", { class: "mc-table__body-wrapper", ref_key: "bodyWrapper", ref: C2, style: p(I2.value) }, [g("table", j, [g("colgroup", null, [e3.selectable ? (t(), l("col", E)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a3) => (t(), l("col", { key: a3, width: e4.width }, null, 8, F))), 128))]), g("tbody", null, [e3.data && e3.data.length > 0 ? (t(true), l(s, { key: 0 }, m(e3.data, (a3, c3) => (t(), l("tr", { key: e3.rowKey ? a3[e3.rowKey] : c3, class: o(e3.getRowClass ? e3.getRowClass(a3, c3) : []), onClick: (e4) => function(e5, a4) {
     S2("row-click", e5, a4);
-  }(a3, c3) }, [e3.selectable ? (t(), l("td", X, [g("div", q, [v(f(W), { "model-value": z2(a3), onChange: (e4) => function(e5, a4) {
+  }(a3, c3) }, [e3.selectable ? (t(), l("td", X, [g("div", q, [v(h(W), { "model-value": z2(a3), onChange: (e4) => function(e5, a4) {
     S2("select", e5, a4);
-  }(a3, e4) }, null, 8, ["model-value", "onChange"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (l2, n2) => (t(), h(N, { key: n2, row: a3, column: l2, "row-index": c3, "column-index": n2, "span-method": e3.spanMethod, pagination: e3.pagination }, b({ _: 2 }, [m(Object.keys(e3.$slots), (a4) => ({ name: a4, fn: _((l3) => [i(e3.$slots, a4, y({ ref_for: true }, l3), void 0, true)]) }))]), 1032, ["row", "column", "row-index", "column-index", "span-method", "pagination"]))), 128))], 10, U))), 128)) : (t(), l("tr", G, [g("td", { colspan: e3.selectable ? e3.columns.length + 1 : e3.columns.length, class: "mc-table__empty-cell" }, [f(x2).empty ? i(e3.$slots, "empty", { key: 0 }, void 0, true) : (t(), l("div", Q, r(e3.emptyText), 1))], 8, J)]))])])], 4));
+  }(a3, e4) }, null, 8, ["model-value", "onChange"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (l2, n2) => (t(), f(N, { key: n2, row: a3, column: l2, "row-index": c3, "column-index": n2, "span-method": e3.spanMethod, pagination: e3.pagination }, b({ _: 2 }, [m(Object.keys(e3.$slots), (a4) => ({ name: a4, fn: _((l3) => [i(e3.$slots, a4, y({ ref_for: true }, l3), void 0, true)]) }))]), 1032, ["row", "column", "row-index", "column-index", "span-method", "pagination"]))), 128))], 10, U))), 128)) : (t(), l("tr", G, [g("td", { colspan: e3.selectable ? e3.columns.length + 1 : e3.columns.length, class: "mc-table__empty-cell" }, [h(x2).empty ? i(e3.$slots, "empty", { key: 0 }, void 0, true) : (t(), l("div", Q, r(e3.emptyText), 1))], 8, J)]))])])], 4));
 } }), [["__scopeId", "data-v-94f9cc05"]]), Z = { class: "mc-table__header", cellspacing: "0", cellpadding: "0", border: "0" }, ee = { key: 0, width: "50" }, ae = ["width"], le = { key: 0, class: "mc-table__selection-column" }, ne = { class: "mc-table__header-cell" }, te = ["onClick"], oe = { class: "mc-table__header-cell" }, ie = { class: "mc-table__header-label" }, se = { key: 0, class: "mc-table__sort-caret" }, ce = T(e({ __name: "mc-table-header", props: { columns: {}, showHeader: { type: Boolean, default: true }, getSortOrder: { type: Function, default: () => null }, selectable: { type: Boolean, default: false }, isAllSelected: { type: Boolean, default: false }, isIndeterminate: { type: Boolean, default: false } }, emits: ["header-click", "sort-change", "select-all"], setup(e2, { expose: a2, emit: u2 }) {
   const p2 = e2, b2 = u2, _2 = d(), y2 = (e3) => {
     b2("select-all", e3);
@@ -58,10 +58,10 @@ const K = ["rowspan", "colspan"], N = T(e({ __name: "mc-table-cell", props: { ro
     const a3 = p2.getSortOrder(e3);
     return "asc" === a3 ? "is-sort-asc" : "desc" === a3 ? "is-sort-desc" : "";
   };
-  return a2({ headerWrapper: _2 }), (e3, a3) => e3.showHeader ? (t(), l("div", { key: 0, class: "mc-table__header-wrapper", ref_key: "headerWrapper", ref: _2 }, [g("table", Z, [g("colgroup", null, [e3.selectable ? (t(), l("col", ee)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a4) => (t(), l("col", { key: a4, width: e4.width }, null, 8, ae))), 128))]), g("thead", null, [g("tr", null, [e3.selectable ? (t(), l("th", le, [g("div", ne, [v(f(W), { "model-value": e3.isAllSelected, partial: e3.isIndeterminate, onChange: y2 }, null, 8, ["model-value", "partial"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (a4, s2) => (t(), l("th", { key: s2, class: o([a4.headerClassName, a4.align ? `is-${a4.align}` : "", a4.fixed ? `is-fixed-${"boolean" == typeof a4.fixed ? "left" : a4.fixed}` : "", a4.sortable ? "is-sortable" : "", w2(a4.prop)]), onClick: (e4) => ((e5, a5) => {
+  return a2({ headerWrapper: _2 }), (e3, a3) => e3.showHeader ? (t(), l("div", { key: 0, class: "mc-table__header-wrapper", ref_key: "headerWrapper", ref: _2 }, [g("table", Z, [g("colgroup", null, [e3.selectable ? (t(), l("col", ee)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a4) => (t(), l("col", { key: a4, width: e4.width }, null, 8, ae))), 128))]), g("thead", null, [g("tr", null, [e3.selectable ? (t(), l("th", le, [g("div", ne, [v(h(W), { "model-value": e3.isAllSelected, partial: e3.isIndeterminate, onChange: y2 }, null, 8, ["model-value", "partial"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (a4, s2) => (t(), l("th", { key: s2, class: o([a4.headerClassName, a4.align ? `is-${a4.align}` : "", a4.fixed ? `is-fixed-${"boolean" == typeof a4.fixed ? "left" : a4.fixed}` : "", a4.sortable ? "is-sortable" : "", w2(a4.prop)]), onClick: (e4) => ((e5, a5) => {
     e5.sortable && b2("sort-change", e5), b2("header-click", e5, a5);
-  })(a4, e4) }, [g("div", oe, [g("span", ie, [i(e3.$slots, `header-${a4.slot || a4.prop}`, { column: a4, index: s2 }, () => [c(r(a4.label), 1)], true)]), a4.sortable ? (t(), l("span", se, ["asc" === e3.getSortOrder(a4.prop) ? (t(), h(O, { key: 0, name: "Up-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "asc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"])) : (t(), h(O, { key: 1, name: "Down-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "desc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"]))])) : n("", true)])], 10, te))), 128))])])])], 512)) : n("", true);
-} }), [["__scopeId", "data-v-824d6509"]]), re = { class: "mc-table__loading-content" }, ue = { class: "mc-table__loading-spinner" }, de = { key: 0, class: "mc-table__spinner mc-table__spinner--default" }, pe = { key: 1, class: "mc-table__spinner mc-table__spinner--circle" }, ge = { key: 2, class: "mc-table__spinner mc-table__spinner--pulse" }, me = ["innerHTML"], ve = { key: 0, class: "mc-table__loading-text" }, fe = T(e({ __name: "mc-table-loading", props: { loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: { default: () => ({ spinner: "default" }) } }, setup(e2) {
+  })(a4, e4) }, [g("div", oe, [g("span", ie, [i(e3.$slots, `header-${a4.slot || a4.prop}`, { column: a4, index: s2 }, () => [c(r(a4.label), 1)], true)]), a4.sortable ? (t(), l("span", se, ["asc" === e3.getSortOrder(a4.prop) ? (t(), f(O, { key: 0, name: "Up-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "asc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"])) : (t(), f(O, { key: 1, name: "Down-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "desc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"]))])) : n("", true)])], 10, te))), 128))])])])], 512)) : n("", true);
+} }), [["__scopeId", "data-v-824d6509"]]), re = { class: "mc-table__loading-content" }, ue = { class: "mc-table__loading-spinner" }, de = { key: 0, class: "mc-table__spinner mc-table__spinner--default" }, pe = { key: 1, class: "mc-table__spinner mc-table__spinner--circle" }, ge = { key: 2, class: "mc-table__spinner mc-table__spinner--pulse" }, me = ["innerHTML"], ve = { key: 0, class: "mc-table__loading-text" }, he = T(e({ __name: "mc-table-loading", props: { loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: { default: () => ({ spinner: "default" }) } }, setup(e2) {
   const s2 = e2, c2 = a(() => {
     var _a;
     return ((_a = s2.loadingConfig) == null ? void 0 : _a.text) || s2.loadingText;
@@ -77,9 +77,9 @@ const K = ["rowspan", "colspan"], N = T(e({ __name: "mc-table-cell", props: { ro
       return [g("div", ue, [((_a2 = e3.loadingConfig) == null ? void 0 : _a2.spinner) && "default" !== e3.loadingConfig.spinner ? "circle" === e3.loadingConfig.spinner ? (t(), l("div", pe)) : "pulse" === e3.loadingConfig.spinner ? (t(), l("div", ge)) : (t(), l("div", { key: 3, class: "mc-table__spinner mc-table__spinner--custom", innerHTML: e3.loadingConfig.spinner }, null, 8, me)) : (t(), l("div", de, a2[0] || (a2[0] = [g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1)])))]), c2.value ? (t(), l("div", ve, r(c2.value), 1)) : n("", true)];
     }, true)])], 6)) : n("", true);
   };
-} }), [["__scopeId", "data-v-f10577d2"]]), he = { key: 0, class: "mc-table__pagination" }, be = { class: "mc-table__pagination-info" }, _e = { class: "mc-table__pagination-controls" }, ye = ["onClick"], we = { key: 1, class: "mc-table__pagination-ellipsis" }, ke = { class: "mc-table__pagination-size" }, xe = ["value"], Se = T(e({ __name: "mc-table-pagination", props: { pagination: {} }, emits: ["page-change"], setup(e2, { emit: i2 }) {
+} }), [["__scopeId", "data-v-f10577d2"]]), fe = { key: 0, class: "mc-table__pagination" }, be = { class: "mc-table__pagination-info" }, _e = { class: "mc-table__pagination-controls" }, ye = ["onClick"], we = { key: 1, class: "mc-table__pagination-ellipsis" }, ke = { class: "mc-table__pagination-size" }, xe = ["value"], Se = T(e({ __name: "mc-table-pagination", props: { pagination: {} }, emits: ["page-change"], setup(e2, { emit: i2 }) {
   var _a, _b, _c;
-  const c2 = e2, u2 = i2, p2 = d(((_a = c2.pagination) == null ? void 0 : _a.currentPage) || 1), f2 = d(((_b = c2.pagination) == null ? void 0 : _b.pageSize) || 50), h2 = d(((_c = c2.pagination) == null ? void 0 : _c.pageSizes) || [25, 50, 75, 100]);
+  const c2 = e2, u2 = i2, p2 = d(((_a = c2.pagination) == null ? void 0 : _a.currentPage) || 1), h2 = d(((_b = c2.pagination) == null ? void 0 : _b.pageSize) || 50), f2 = d(((_c = c2.pagination) == null ? void 0 : _c.pageSizes) || [25, 50, 75, 100]);
   w(() => {
     var _a2;
     return (_a2 = c2.pagination) == null ? void 0 : _a2.currentPage;
@@ -89,11 +89,11 @@ const K = ["rowspan", "colspan"], N = T(e({ __name: "mc-table-cell", props: { ro
     var _a2;
     return (_a2 = c2.pagination) == null ? void 0 : _a2.pageSize;
   }, (e3) => {
-    void 0 !== e3 && (f2.value = e3);
+    void 0 !== e3 && (h2.value = e3);
   });
-  const b2 = a(() => c2.pagination ? Math.ceil(c2.pagination.total / f2.value) : 1), _2 = a(() => c2.pagination && 0 !== c2.pagination.total ? (p2.value - 1) * f2.value + 1 : 0), y2 = a(() => {
+  const b2 = a(() => c2.pagination ? Math.ceil(c2.pagination.total / h2.value) : 1), _2 = a(() => c2.pagination && 0 !== c2.pagination.total ? (p2.value - 1) * h2.value + 1 : 0), y2 = a(() => {
     if (!c2.pagination) return 0;
-    const e3 = p2.value * f2.value;
+    const e3 = p2.value * h2.value;
     return Math.min(e3, c2.pagination.total);
   }), S2 = a(() => {
     const e3 = b2.value, a2 = p2.value, l2 = [];
@@ -111,11 +111,11 @@ const K = ["rowspan", "colspan"], N = T(e({ __name: "mc-table-cell", props: { ro
     }
     return l2;
   }), C2 = (e3) => {
-    e3 < 1 || e3 > b2.value || (p2.value = e3, u2("page-change", { pageSize: f2.value, pageNum: e3 }));
+    e3 < 1 || e3 > b2.value || (p2.value = e3, u2("page-change", { pageSize: h2.value, pageNum: e3 }));
   }, I2 = () => {
-    p2.value = 1, u2("page-change", { pageSize: f2.value, pageNum: 1 });
+    p2.value = 1, u2("page-change", { pageSize: h2.value, pageNum: 1 });
   };
-  return (e3, a2) => e3.pagination ? (t(), l("div", he, [g("div", be, "Showing " + r(_2.value) + "-" + r(y2.value) + " of " + r(e3.pagination.total), 1), g("div", _e, [v(O, { name: "First", class: o({ "mc-table__icon": true, "is-disabled": p2.value <= 1 }), size: 24, onClick: a2[0] || (a2[0] = (e4) => C2(1)) }, null, 8, ["class"]), v(O, { name: "Left-Chevron", class: o({ "mc-table__icon": true, "is-disabled": p2.value <= 1 }), size: 24, onClick: a2[1] || (a2[1] = (e4) => C2(p2.value - 1)) }, null, 8, ["class"]), (t(true), l(s, null, m(S2.value, (e4) => (t(), l(s, { key: e4 }, ["..." !== e4 ? (t(), l("button", { key: 0, class: o(["mc-table__pagination-button mc-table__pagination-button--page", { "is-active": e4 === p2.value }]), onClick: (a3) => "number" == typeof e4 ? C2(e4) : void 0 }, r(e4), 11, ye)) : (t(), l("span", we, "..."))], 64))), 128)), v(O, { name: "Right-Chevron", class: o({ "mc-table__icon": true, "is-disabled": p2.value >= b2.value }), size: 24, onClick: a2[2] || (a2[2] = (e4) => C2(p2.value + 1)) }, null, 8, ["class"]), v(O, { name: "Last", class: o({ "mc-table__icon": true, "is-disabled": p2.value >= b2.value }), size: 24, onClick: a2[3] || (a2[3] = (e4) => C2(b2.value)) }, null, 8, ["class"])]), g("div", ke, [a2[5] || (a2[5] = g("label", { class: "mc-table__pagination-size-label" }, "View per page", -1)), h2.value && h2.value.length > 0 ? k((t(), l("select", { key: 0, class: "mc-table__pagination-select", "onUpdate:modelValue": a2[4] || (a2[4] = (e4) => f2.value = e4), onChange: I2 }, [(t(true), l(s, null, m(h2.value, (e4) => (t(), l("option", { key: e4, value: e4 }, r(e4), 9, xe))), 128))], 544)), [[x, f2.value]]) : n("", true)])])) : n("", true);
+  return (e3, a2) => e3.pagination ? (t(), l("div", fe, [g("div", be, "Showing " + r(_2.value) + "-" + r(y2.value) + " of " + r(e3.pagination.total), 1), g("div", _e, [v(O, { name: "First", class: o({ "mc-table__icon": true, "is-disabled": p2.value <= 1 }), size: 24, onClick: a2[0] || (a2[0] = (e4) => C2(1)) }, null, 8, ["class"]), v(O, { name: "Left-Chevron", class: o({ "mc-table__icon": true, "is-disabled": p2.value <= 1 }), size: 24, onClick: a2[1] || (a2[1] = (e4) => C2(p2.value - 1)) }, null, 8, ["class"]), (t(true), l(s, null, m(S2.value, (e4) => (t(), l(s, { key: e4 }, ["..." !== e4 ? (t(), l("button", { key: 0, class: o(["mc-table__pagination-button mc-table__pagination-button--page", { "is-active": e4 === p2.value }]), onClick: (a3) => "number" == typeof e4 ? C2(e4) : void 0 }, r(e4), 11, ye)) : (t(), l("span", we, "..."))], 64))), 128)), v(O, { name: "Right-Chevron", class: o({ "mc-table__icon": true, "is-disabled": p2.value >= b2.value }), size: 24, onClick: a2[2] || (a2[2] = (e4) => C2(p2.value + 1)) }, null, 8, ["class"]), v(O, { name: "Last", class: o({ "mc-table__icon": true, "is-disabled": p2.value >= b2.value }), size: 24, onClick: a2[3] || (a2[3] = (e4) => C2(b2.value)) }, null, 8, ["class"])]), g("div", ke, [a2[5] || (a2[5] = g("label", { class: "mc-table__pagination-size-label" }, "View per page", -1)), f2.value && f2.value.length > 0 ? k((t(), l("select", { key: 0, class: "mc-table__pagination-select", "onUpdate:modelValue": a2[4] || (a2[4] = (e4) => h2.value = e4), onChange: I2 }, [(t(true), l(s, null, m(f2.value, (e4) => (t(), l("option", { key: e4, value: e4 }, r(e4), 9, xe))), 128))], 544)), [[x, h2.value]]) : n("", true)])])) : n("", true);
 } }), [["__scopeId", "data-v-4043e3c7"]]);
 function Ce(e2, l2) {
   var _a, _b;
@@ -242,10 +242,10 @@ const Re = B(T(e({ name: "McTable", __name: "mc-table", props: { data: {}, colum
     X2.value = [], B2("update:selectedRows", []), B2("selection-change", []);
   }, getSelectedRows: () => [...X2.value] }), (e3, a2) => {
     var _a;
-    return t(), l("div", { ref_key: "_ref", ref: O2, class: o(["mc-table", { "mc-table--loading": f(k2) }]) }, [v(ce, { ref_key: "headerRef", ref: D2, columns: f(A2), "show-header": e3.showHeader, "get-sort-order": f(N2), selectable: f(H2), "is-all-selected": q2.value, "is-indeterminate": G2.value, onHeaderClick: le2, onSortChange: ne2, onSelectAll: oe2 }, b({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: _((l2) => [i(e3.$slots, a3, z(R(l2)), void 0, true)]) }))]), 1032, ["columns", "show-header", "get-sort-order", "selectable", "is-all-selected", "is-indeterminate"]), v(Y, { ref_key: "bodyRef", ref: L2, data: F2.value, columns: f(A2), "row-key": f(P2), "empty-text": e3.emptyText, height: e3.height, "max-height": e3.maxHeight, "span-method": f(y2), pagination: f(g2), "get-row-class": J2, selectable: f(H2), "selected-rows": X2.value, "select-on-row-click": f(T2), onRowClick: ae2, onSelect: te2 }, b({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: _((l2) => [i(e3.$slots, a3, z(R(l2)), void 0, true)]) }))]), 1032, ["data", "columns", "row-key", "empty-text", "height", "max-height", "span-method", "pagination", "selectable", "selected-rows", "select-on-row-click"]), f(g2) && ((_a = f(g2)) == null ? void 0 : _a.total) > 0 ? (t(), h(Se, { key: 0, pagination: f(g2), onPageChange: ie2 }, null, 8, ["pagination"])) : n("", true), v(fe, { class: "mc-table__loading", loading: f(k2), "loading-text": f(x2), "loading-config": f(S2) }, { loading: _((a3) => [i(e3.$slots, "loading", z(R(a3)), void 0, true)]), _: 3 }, 8, ["loading", "loading-text", "loading-config"])], 2);
+    return t(), l("div", { ref_key: "_ref", ref: O2, class: o(["mc-table", { "mc-table--loading": h(k2) }]) }, [v(ce, { ref_key: "headerRef", ref: D2, columns: h(A2), "show-header": e3.showHeader, "get-sort-order": h(N2), selectable: h(H2), "is-all-selected": q2.value, "is-indeterminate": G2.value, onHeaderClick: le2, onSortChange: ne2, onSelectAll: oe2 }, b({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: _((l2) => [i(e3.$slots, a3, z(R(l2)), void 0, true)]) }))]), 1032, ["columns", "show-header", "get-sort-order", "selectable", "is-all-selected", "is-indeterminate"]), v(Y, { ref_key: "bodyRef", ref: L2, data: F2.value, columns: h(A2), "row-key": h(P2), "empty-text": e3.emptyText, height: e3.height, "max-height": e3.maxHeight, "span-method": h(y2), pagination: h(g2), "get-row-class": J2, selectable: h(H2), "selected-rows": X2.value, "select-on-row-click": h(T2), onRowClick: ae2, onSelect: te2 }, b({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: _((l2) => [i(e3.$slots, a3, z(R(l2)), void 0, true)]) }))]), 1032, ["data", "columns", "row-key", "empty-text", "height", "max-height", "span-method", "pagination", "selectable", "selected-rows", "select-on-row-click"]), h(g2) && ((_a = h(g2)) == null ? void 0 : _a.total) > 0 ? (t(), f(Se, { key: 0, pagination: h(g2), onPageChange: ie2 }, null, 8, ["pagination"])) : n("", true), v(he, { class: "mc-table__loading", loading: h(k2), "loading-text": h(x2), "loading-config": h(S2) }, { loading: _((a3) => [i(e3.$slots, "loading", z(R(a3)), void 0, true)]), _: 3 }, 8, ["loading", "loading-text", "loading-config"])], 2);
   };
-} }), [["__scopeId", "data-v-dc87e5f5"]])), Me = ["onClick"], $e = { key: 0, class: "mc-tab-nav-item-count" }, Pe = T(e({ name: "McTabItem", __name: "mc-tab", props: { modelValue: {}, type: { default: "plain" } }, emits: ["update:modelValue", "change"], setup(e2, { expose: i2, emit: c2 }) {
-  const p2 = e2, v2 = c2, f2 = d(), b2 = d(), _2 = d(), y2 = d([]), k2 = u();
+} }), [["__scopeId", "data-v-dc87e5f5"]])), Me = ["onClick"], $e = { key: 0, class: "mc-tab-nav-item-count" }, Pe = T(e({ name: "McTab", __name: "mc-tab", props: { modelValue: {}, type: { default: "plain" } }, emits: ["update:modelValue", "change"], setup(e2, { expose: i2, emit: c2 }) {
+  const p2 = e2, v2 = c2, h2 = d(), b2 = d(), _2 = d(), y2 = d([]), k2 = u();
   M(() => {
     if (!k2.default) return void (y2.value = []);
     let e3 = k2.default();
@@ -274,13 +274,13 @@ const Re = B(T(e({ name: "McTable", __name: "mc-table", props: { data: {}, colum
   };
   return w(() => p2.modelValue, (e3) => {
     I2(e3);
-  }), i2({ ref: f2 }), (e3, a2) => {
+  }), i2({ ref: h2 }), (e3, a2) => {
     var _a;
-    return t(), l("div", { class: o(["mc-tab", `mc-tab-${e3.type}`]), ref_key: "_ref", ref: f2 }, [g("div", { class: "mc-tab-nav", ref_key: "tabNavRef", ref: b2 }, [(t(true), l(s, null, m(y2.value, (a3) => (t(), l("div", { class: o(["mc-tab-nav-item", { "mc-tab-nav-item-active": a3.name === e3.modelValue, "mc-tab-nav-item-disabled": a3.disabled }]), key: a3.name, onClick: (e4) => ((e5) => {
+    return t(), l("div", { class: o(["mc-tab", `mc-tab-${e3.type}`]), ref_key: "_ref", ref: h2 }, [g("div", { class: "mc-tab-nav", ref_key: "tabNavRef", ref: b2 }, [(t(true), l(s, null, m(y2.value, (a3) => (t(), l("div", { class: o(["mc-tab-nav-item", { "mc-tab-nav-item-active": a3.name === e3.modelValue, "mc-tab-nav-item-disabled": a3.disabled }]), key: a3.name, onClick: (e4) => ((e5) => {
       e5.disabled || (v2("update:modelValue", e5.name), v2("change", e5.name));
-    })(a3) }, [g("span", null, r(a3.label), 1), a3.count ? (t(), l("span", $e, r(a3.count), 1)) : n("", true)], 10, Me))), 128)), C2.value ? (t(), l("div", { key: 0, class: "mc-tab-line", ref_key: "tabLineRef", ref: _2 }, null, 512)) : n("", true)], 512), ((_a = x2.value) == null ? void 0 : _a._vnode) ? (t(), h(H(x2.value._vnode), { key: x2.value.name })) : n("", true)], 2);
+    })(a3) }, [g("span", null, r(a3.label), 1), a3.count ? (t(), l("span", $e, r(a3.count), 1)) : n("", true)], 10, Me))), 128)), C2.value ? (t(), l("div", { key: 0, class: "mc-tab-line", ref_key: "tabLineRef", ref: _2 }, null, 512)) : n("", true)], 512), ((_a = x2.value) == null ? void 0 : _a._vnode) ? (t(), f(H(x2.value._vnode), { key: x2.value.name })) : n("", true)], 2);
   };
-} }), [["__scopeId", "data-v-f592abcd"]]), He = { class: "mc-tab-item" }, We = e({ name: "McTabItem", __name: "mc-tab-item", props: { name: {}, label: {}, disabled: { type: Boolean }, count: {} }, setup: (e2) => (e3, a2) => (t(), l("div", He, [i(e3.$slots, "default")])) }), Te = B(Pe), Be = B(We);
+} }), [["__scopeId", "data-v-1e5c6675"]]), He = { class: "mc-tab-item" }, We = e({ name: "McTabItem", __name: "mc-tab-item", props: { name: {}, label: {}, disabled: { type: Boolean }, count: {} }, setup: (e2) => (e3, a2) => (t(), l("div", He, [i(e3.$slots, "default")])) }), Te = B(Pe), Be = B(We);
 export {
   Re as M,
   Te as a,

package/dist/es/mc-tag-CfYut-mf.js

@@ -0,0 +1,33 @@
+import { defineComponent as e, ref as t, toRefs as a, computed as o, createElementBlock as l, createCommentVNode as r, openBlock as s, normalizeStyle as c, normalizeClass as i, unref as u, createBlock as d, renderSlot as n } from "vue";
+import { M as m } from "./mc-icon-oTgV9pMA.js";
+import { _ as f, w as h } from "./utils-CMUecsjZ.js";
+const g = h(f(e({ name: "McTag", __name: "mc-tag", props: { type: { default: "primary" }, size: { default: "medium" }, disabled: { type: Boolean, default: false }, closable: { type: Boolean, default: false }, color: {}, textColor: {}, backgroundColor: {}, selectedTextColor: {}, selectedBackgroundColor: {}, radius: { default: "default" }, height: {}, width: {}, icon: {}, selected: { type: Boolean } }, emits: ["click", "close"], setup(e2, { expose: f2, emit: h2 }) {
+  const g2 = t(), v = e2, p = h2, x = t(true), { type: b, size: y, disabled: M, closable: C, color: k, textColor: $, backgroundColor: _, selectedTextColor: z, selectedBackgroundColor: B, radius: w, height: W, width: T, icon: j, selected: I } = a(v), E = { small: 16, medium: 16, large: 24 }, F = o(() => {
+    const e3 = {};
+    return (T == null ? void 0 : T.value) && (e3.width = T.value), (W == null ? void 0 : W.value) && (e3.height = W.value), (k == null ? void 0 : k.value) ? (e3["--tag-color"] = k.value, e3["--tag-hover-color"] = q(k.value, 0.7), e3["--tag-text-color"] = "#ffffff", e3["--tag-hover-text-color"] = "#ffffff") : (($ == null ? void 0 : $.value) && (e3["--tag-text-color"] = $.value), (_ == null ? void 0 : _.value) && (e3["--tag-color"] = _.value), (z == null ? void 0 : z.value) && (e3["--tag-hover-text-color"] = z.value), (B == null ? void 0 : B.value) && (e3["--tag-hover-color"] = B.value)), e3;
+  }), N = (e3) => {
+    M.value || p("click", e3);
+  }, S = (e3) => {
+    M.value || (x.value = false, p("close", e3));
+  }, q = (e3, t2 = 0.7) => {
+    var _a;
+    if (!e3 || "transparent" === e3) return e3;
+    if (e3.startsWith("var(--")) return e3;
+    if (e3.startsWith("#")) {
+      const a3 = e3.slice(1), o3 = parseInt(a3, 16), l2 = o3 >> 16 & 255, r2 = o3 >> 8 & 255, s2 = 255 & o3;
+      return `rgb(${Math.max(0, Math.floor(l2 * t2))}, ${Math.max(0, Math.floor(r2 * t2))}, ${Math.max(0, Math.floor(s2 * t2))})`;
+    }
+    const a2 = document.createElement("div");
+    a2.style.color = e3, document.body.appendChild(a2);
+    const o2 = getComputedStyle(a2).color;
+    if (document.body.removeChild(a2), o2.startsWith("rgb") || o2.startsWith("rgba")) {
+      const e4 = ((_a = o2.match(/\d+/g)) == null ? void 0 : _a.map(Number)) || [0, 0, 0], a3 = Math.max(0, Math.floor(e4[0] * t2)), l2 = Math.max(0, Math.floor(e4[1] * t2)), r2 = Math.max(0, Math.floor(e4[2] * t2));
+      return o2.includes("a") ? `rgba(${a3}, ${l2}, ${r2}, ${parseFloat(o2.split(",")[3].trim().replace(")", ""))})` : `rgb(${a3}, ${l2}, ${r2})`;
+    }
+    return e3;
+  };
+  return f2({ ref: g2 }), (e3, t2) => x.value ? (s(), l("div", { key: 0, ref_key: "_ref", ref: g2, class: i(["mc-tag", ["mc-tag--" + u(b), "mc-tag--" + u(y), "mc-tag-radius--" + u(w), { "is-disabled": u(M), "is-selected": u(I) }]]), style: c(F.value), onClick: N }, [u(j) ? (s(), d(m, { key: 0, class: "mc-tag__icon", name: u(j), size: E[u(y)] }, null, 8, ["name", "size"])) : r("", true), n(e3.$slots, "default", {}, void 0, true), u(C) && !u(M) ? (s(), d(m, { key: 1, name: "Cross", class: "mc-tag__close-icon", size: E[u(y)], onClick: S }, null, 8, ["size"])) : r("", true)], 6)) : r("", true);
+} }), [["__scopeId", "data-v-a6a459ef"]]));
+export {
+  g as M
+};

package/dist/es/{mc-title-Cxw2nb6C.js → mc-title-7qDFxVvc.js}

@@ -14,9 +14,9 @@ const _ = { class: "mc-title-tool-bar-reset" }, b = h(t({ name: "McTitleToolBar"
 } }), [["__scopeId", "data-v-2a031f24"]]), w = { class: "mc-title-content" }, y = { class: "mc-title-text" }, B = { class: "mc-title-tool-bar" }, T = h(t({ name: "McTitle", __name: "mc-title", props: { width: { default: "100%" }, height: { default: "auto" }, title: {}, showToolBar: { type: Boolean, default: true }, showBorder: { type: Boolean, default: false } }, emits: ["reset"], setup(t2, { expose: a2, emit: r2 }) {
   const u2 = r2, p2 = e();
   return a2({ ref: p2 }), (t3, e2) => (s(), o("div", { class: m(["mc-title", { "mc-title-border": t3.showBorder }]), ref_key: "_ref", ref: p2, style: i({ width: t3.width, height: t3.height }) }, [l("div", w, [c(t3.$slots, "default", {}, () => [l("h1", y, d(t3.title), 1)], true)]), l("div", B, [c(t3.$slots, "tool-bar", {}, () => [t3.showToolBar ? (s(), n(b, { key: 0, onReset: e2[0] || (e2[0] = (t4) => u2("reset")) })) : f("", true)], true)])], 6));
-} }), [["__scopeId", "data-v-029b5f71"]]), j = v(b), x = v(T);
+} }), [["__scopeId", "data-v-029b5f71"]]), k = v(b), x = v(T);
 export {
   T as M,
   x as a,
-  j as b
+  k as b
 };