mc-plus 1.0.70 → 1.0.71

package/dist/es/index.js

@@ -96,8 +96,8 @@ import { a as Ss } from "./mc-tab-item-zLJGXu5k.js";
 import { M as M7 } from "./mc-tab-item-zLJGXu5k.js";
 import { M as Ps } from "./mc-table-CwfBTwtf.js";
 import { u, a as a30, b as b15 } from "./mc-table-CwfBTwtf.js";
-import { M as bs } from "./mc-table-plus-DTWhSqFX.js";
-import { d, f, r, p, q, o, g, j, b as b16, h, l, m, n, a as a31, e, i, c, k } from "./mc-table-plus-DTWhSqFX.js";
+import { M as bs } from "./mc-table-plus-1lzRcIRy.js";
+import { d, f, r, p, q, o, g, j, b as b16, h, l, m, n, a as a31, e, i, c, k } from "./mc-table-plus-1lzRcIRy.js";
 import { a as Rs } from "./mc-table-column-plus-pTIaL0u3.js";
 import { M as M8 } from "./mc-table-column-plus-pTIaL0u3.js";
 import { M as ns } from "./mc-tag-_bo2-b4S.js";

package/dist/es/mc-table-plus-1lzRcIRy.js

@@ -0,0 +1,310 @@
+import { h as e, _ as a, l as t } from "./utils-Bxl3PXzk.js";
+import { inject as l, computed as n, reactive as o, onMounted as s, watch as i, getCurrentInstance as d, ref as r, useSlots as u, unref as c, watchEffect as m, onBeforeMount as p, defineComponent as v, createElementBlock as h, openBlock as g, normalizeClass as f, createCommentVNode as b, createElementVNode as y, renderSlot as x, normalizeStyle as w, createVNode as C, createTextVNode as _, toDisplayString as k, createBlock as E, withCtx as W, Fragment as I, renderList as D, createSlots as S, resolveDynamicComponent as N, onBeforeUnmount as $, provide as R } from "vue";
+import { assign as z, debounce as L, isArray as T, isString as V, isFunction as A, orderBy as M, throttle as P, isNil as j, reduce as B, floor as X, ceil as H, find as q } from "lodash-es";
+import { useProp as F, useResizeObserver as U, useEventListener as G, useWidthHeight as J } from "@mc-plus/hooks";
+import { M as K } from "./mc-icon-plus-CmTBSYSx.js";
+import { M as O } from "./mc-icon-DNEaXCT8.js";
+import { left as Q } from "@popperjs/core";
+import { M as Y } from "./mc-loading-D_ELubbA.js";
+import { M as Z } from "./mc-table-column-plus-pTIaL0u3.js";
+const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "mc-table-body", ne = "mc-table-row", oe = "mc-table-cell", se = "mc-table-empty", ie = "mc-table-loading", de = "mc-table-scroll", re = "mc-table-footer", ue = "mc-table-total", ce = "mc-page-size", me = "mc-table-pagination", pe = "mc-table-pagination-item", ve = "mc-table-ellipsis", he = { fixed: "none", sortable: false, columnAlign: "left", sortType: "string" }, ge = "--", fe = Symbol("mc-table-context"), be = () => {
+  const e2 = l(fe, void 0);
+  return { tableCtx: e2, data: e2.data, tableWidth: e2.tableWidth, isLoading: n(() => !!e2.isLoading.value), columnWidth: e2.columnWidth, leftColumns: e2.leftColumns, rightColumns: e2.rightColumns, centerColumns: e2.centerColumns, scroll: e2.scroll, setScroll: e2.setScroll, pagination: e2.pagination, handlePagination: e2.handlePagination, doSort: e2.handleSort, isExpanded: e2.isExpanded, getExpandData: e2.getExpandData, setExpandData: e2.setExpandData, removeExpandData: e2.removeExpandData, getCurrentSort: e2.getCurrentSort, expandCondition: e2.expandCondition, fetchExpandData: e2.fetchExpandData, leftWidth: e2.leftWidth, rightWidth: e2.rightWidth, centerWidth: e2.centerWidth, viewWidth: e2.viewWidth };
+}, ye = { pageNum: 1, pageSize: 25, total: 1, pageSizes: [25, 50, 75, 100] }, xe = (e2 = Q) => {
+  switch (e2) {
+    case "left":
+      return "flex-start";
+    case "center":
+      return "center";
+    case "right":
+      return "flex-end";
+  }
+}, we = { key: 0, class: "mc-table-row-tr mc-table-row-left" }, Ce = { class: "mc-table-row-center-content" }, _e = { key: 3, class: "mc-table-row-tr mc-table-row-right" }, ke = a(v({ name: ne, __name: "mc-table-row", props: { type: { default: "body" }, leftColumns: { default: () => [] }, rightColumns: { default: () => [] }, centerColumns: { default: () => [] } }, setup(a2) {
+  const t2 = a2, l2 = r(), { scroll: o2, setScroll: d2, leftWidth: u2, rightWidth: m2, centerWidth: p2, viewWidth: v2 } = be();
+  s(() => {
+    k2(o2.value);
+  }), i(() => o2.value, (e2) => {
+    k2(e2);
+  });
+  const C2 = n(() => t2.rightColumns.length > 0 && o2.value > 0), _2 = n(() => {
+    const e2 = X(v2.value) + X(o2.value) + 5 < X(p2.value);
+    return t2.leftColumns.length > 0 && e2;
+  }), k2 = (e2) => {
+    l2.value && l2.value.scrollTo({ left: e2 });
+  };
+  return G(l2, "scroll", (e2) => {
+    const a3 = e2.target.scrollLeft || 0;
+    d2(a3);
+  }), (t3, n2) => (g(), h("div", { class: f(["mc-table-row", [`mc-table-row-${a2.type}`]]) }, [a2.leftColumns.length ? (g(), h("tr", we, [x(t3.$slots, "left", { columns: a2.leftColumns }, void 0, true)])) : b("", true), C2.value ? (g(), h("div", { key: 1, class: "mc-table-border mc-table-row-left-border", style: w({ left: c(e)(c(u2)) }) }, null, 4)) : b("", true), y("div", { ref_key: "rowRef", ref: l2, class: "mc-table-row-tr mc-table-row-center" }, [y("div", Ce, [x(t3.$slots, "default", { columns: a2.centerColumns }, void 0, true)])], 512), _2.value ? (g(), h("div", { key: 2, class: "mc-table-border mc-table-row-right-border", style: w({ right: c(e)(c(m2)) }) }, null, 4)) : b("", true), a2.rightColumns.length ? (g(), h("tr", _e, [x(t3.$slots, "right", { columns: a2.rightColumns }, void 0, true)])) : b("", true)], 2));
+} }), [["__scopeId", "data-v-07610e84"]]), Ee = a(v({ name: te, __name: "mc-table-sort", props: { sort: { default: "normal" } }, setup: (e2) => (a2, t2) => (g(), h("div", { class: f(["mc-table-sort", `mc-table-sort-${e2.sort}`]) }, [C(O, { name: "Up-Chevron02", class: f({ "mc-table-sort-actived": "asc" === e2.sort }), style: { height: "8px" } }, null, 8, ["class"]), C(O, { name: "Down-Chevron02", class: f({ "mc-table-sort-actived": "desc" === e2.sort }), style: { height: "8px" } }, null, 8, ["class"])], 2)) }), [["__scopeId", "data-v-20a74697"]]), We = { class: "mc-table-header-cell-title" }, Ie = { class: "mc-table-header-cell-title-text" }, De = { key: 0, class: "mc-table-header-cell-sort" }, Se = { class: "mc-table-header-cell-desc" }, Ne = { class: "mc-table-body-cell-value" }, $e = a(v({ name: oe, __name: "mc-table-cell", props: { column: {}, width: {}, type: { default: "body" }, row: {}, rowIndex: {} }, setup(e2) {
+  const a2 = r(), { isHeader: t2, isExpand: l2, isExpandIcon: o2, cellStyle: s2, headerCtx: i2, bodyCtx: d2, expandIconCtx: u2 } = ((e3) => {
+    var _a;
+    const { columnWidth: a3, doSort: t3, isExpanded: l3, setExpandData: o3, removeExpandData: s3, getCurrentSort: i3, expandCondition: d3, fetchExpandData: r2 } = be(), u3 = F("column"), v2 = F("type"), h2 = F("width"), g2 = n(() => "header" === v2.value), f2 = n(() => "body" === v2.value), b2 = n(() => "expand" === v2.value), y2 = n(() => "expand-icon" === v2.value), x2 = n(() => {
+      var _a2, _b;
+      const e4 = h2.value ? `${h2.value}px` : (a3 == null ? void 0 : a3.value) ? `${a3.value}px` : "auto";
+      let t4 = "default";
+      return g2.value && ((_a2 = u3 == null ? void 0 : u3.value) == null ? void 0 : _a2.sortable) && (t4 = "pointer"), { width: e4, cursor: t4, alignItems: y2.value ? "center" : xe((_b = u3 == null ? void 0 : u3.value) == null ? void 0 : _b.columnAlign) };
+    });
+    let w2 = {}, C2 = {}, _2 = {};
+    if (g2.value) {
+      const a4 = n(() => {
+        var _a2;
+        return A(i3) ? i3(((_a2 = u3 == null ? void 0 : u3.value) == null ? void 0 : _a2.prop) || "") : "normal";
+      });
+      if ((_a = u3 == null ? void 0 : u3.value) == null ? void 0 : _a.sortable) {
+        const l4 = P(() => {
+          var _a2;
+          t3(((_a2 = u3 == null ? void 0 : u3.value) == null ? void 0 : _a2.prop) || "", ((e4) => {
+            switch (e4) {
+              case "normal":
+                return "desc";
+              case "desc":
+                return "asc";
+              default:
+                return "normal";
+            }
+          })(a4.value));
+        }, 500);
+        G(e3, "click", l4);
+      }
+      w2 = { currentSort: a4 };
+    } else if (y2.value) {
+      const a4 = F("row"), t4 = F("rowIndex"), i4 = n(() => !A(d3) || c(d3(a4 == null ? void 0 : a4.value))), u4 = n(() => {
+        const e4 = t4 == null ? void 0 : t4.value;
+        return !j(e4) && l3(e4);
+      }), v3 = P(async () => {
+        if (j(t4 == null ? void 0 : t4.value)) return;
+        let e4 = [];
+        A(r2) && !u4.value ? (e4 = c(await r2(a4 == null ? void 0 : a4.value)), o3(t4.value, e4)) : s3(t4.value);
+      }, 500);
+      m(() => {
+        var _a2, _b;
+        i4.value ? (_a2 = e3.value) == null ? void 0 : _a2.addEventListener("click", v3) : (_b = e3.value) == null ? void 0 : _b.removeEventListener("click", v3);
+      }), p(() => {
+        var _a2;
+        (_a2 = e3.value) == null ? void 0 : _a2.removeEventListener("click", v3);
+      }), _2 = { allowExpand: i4, isExpanded: u4 };
+    } else if (f2.value) {
+      const e4 = F("row");
+      C2 = { displayValue: n(() => {
+        var _a2, _b;
+        const a4 = ((_a2 = u3 == null ? void 0 : u3.value) == null ? void 0 : _a2.defaultValue) || "--", t4 = (_b = u3 == null ? void 0 : u3.value) == null ? void 0 : _b.prop;
+        return j(t4) || j(e4 == null ? void 0 : e4.value) || j(e4.value[t4]) ? a4 : e4.value[t4];
+      }) };
+    }
+    return { isHeader: g2, isBody: f2, isExpand: b2, isExpandIcon: y2, cellStyle: x2, headerCtx: w2, bodyCtx: C2, expandIconCtx: _2 };
+  })(a2);
+  return (n2, r2) => c(t2) ? (g(), h("th", { key: 0, ref_key: "cellRef", ref: a2, class: f(`mc-table-${e2.type}-cell`), style: w(c(s2)) }, [x(n2.$slots, "header", {}, () => {
+    var _a;
+    return [y("div", We, [y("div", Ie, [x(n2.$slots, "title", {}, () => [_(k(e2.column.label), 1)], true)]), e2.column.sortable ? (g(), h("div", De, [C(Ee, { sort: (_a = c(i2).currentSort) == null ? void 0 : _a.value }, null, 8, ["sort"])])) : b("", true)]), e2.column.desc || n2.$slots.desc ? x(n2.$slots, "desc", { key: 0 }, () => [y("div", Se, k(e2.column.desc), 1)], true) : b("", true)];
+  }, true)], 6)) : c(l2) ? (g(), h("td", { key: 1, ref_key: "cellRef", ref: a2, class: f(`mc-table-${e2.type}-cell`), style: w(c(s2)) }, [x(n2.$slots, "default", {}, void 0, true)], 6)) : c(o2) ? (g(), h("td", { key: 2, ref_key: "cellRef", ref: a2, class: f(`mc-table-${e2.type}-cell`), style: w(c(s2)) }, [x(n2.$slots, "default", {}, () => {
+    var _a, _b, _c;
+    return [((_a = c(u2).allowExpand) == null ? void 0 : _a.value) ? (g(), E(K, { key: 0, class: f(["mc-table-expand-icon", { "mc-table-expand-icon-active": (_b = c(u2).isExpanded) == null ? void 0 : _b.value }]), cursor: ((_c = c(u2).allowExpand) == null ? void 0 : _c.value) ? "pointer" : "default", name: "down-chevron" }, null, 8, ["class", "cursor"])) : b("", true)];
+  }, true)], 6)) : (g(), h("td", { key: 3, ref_key: "cellRef", ref: a2, class: f(`mc-table-${e2.type}-cell`), style: w(c(s2)) }, [x(n2.$slots, "default", {}, () => {
+    var _a;
+    return [y("span", Ne, k((_a = c(d2).displayValue) == null ? void 0 : _a.value), 1)];
+  }, true)], 6));
+} }), [["__scopeId", "data-v-1bdb4d6c"]]), Re = { class: "mc-table-header" }, ze = { class: "mc-table-header-thead" }, Le = a(v({ name: ae, __name: "mc-table-header", setup(e2) {
+  const { leftColumns: a2, rightColumns: t2, centerColumns: l2 } = be();
+  return (e3, n2) => (g(), h("table", Re, [y("thead", ze, [C(ke, { type: "header", "left-columns": c(a2), "right-columns": c(t2), "center-columns": c(l2) }, { left: W(({ columns: e4 }) => [(g(true), h(I, null, D(e4, (e5) => (g(), E($e, { key: e5.prop, column: e5, width: e5.width, type: "header" }, S({ _: 2 }, [e5.header ? { name: "header", fn: W(() => [(g(), E(N(e5.header)))]), key: "0" } : void 0, e5.headerTitle ? { name: "title", fn: W(() => [(g(), E(N(e5.headerTitle)))]), key: "1" } : void 0, e5.headerDesc ? { name: "desc", fn: W(() => [(g(), E(N(e5.headerDesc)))]), key: "2" } : void 0]), 1032, ["column", "width"]))), 128))]), default: W(({ columns: e4 }) => [(g(true), h(I, null, D(e4, (e5) => (g(), E($e, { key: e5.prop, column: e5, width: e5.width, type: "header" }, S({ _: 2 }, [e5.header ? { name: "header", fn: W(() => [(g(), E(N(e5.header)))]), key: "0" } : void 0, e5.headerTitle ? { name: "title", fn: W(() => [(g(), E(N(e5.headerTitle)))]), key: "1" } : void 0, e5.headerDesc ? { name: "desc", fn: W(() => [(g(), E(N(e5.headerDesc)))]), key: "2" } : void 0]), 1032, ["column", "width"]))), 128))]), right: W(({ columns: e4 }) => [(g(true), h(I, null, D(e4, (e5) => (g(), E($e, { key: e5.prop, column: e5, width: e5.width, type: "header" }, S({ _: 2 }, [e5.header ? { name: "header", fn: W(() => [(g(), E(N(e5.header)))]), key: "0" } : void 0, e5.headerTitle ? { name: "title", fn: W(() => [(g(), E(N(e5.headerTitle)))]), key: "1" } : void 0, e5.headerDesc ? { name: "desc", fn: W(() => [(g(), E(N(e5.headerDesc)))]), key: "2" } : void 0]), 1032, ["column", "width"]))), 128))]), _: 1 }, 8, ["left-columns", "right-columns", "center-columns"])])]));
+} }), [["__scopeId", "data-v-f42fcd80"]]), Te = { key: 0, class: "mc-table-total" }, Ve = { class: "mc-table-total-number" }, Ae = { class: "mc-table-total-number" }, Me = a(v({ name: ue, __name: "mc-table-total", setup(e2) {
+  const { pagination: a2 } = be(), t2 = n(() => {
+    if (!a2) return;
+    const { pageNum: e3, pageSize: t3, total: l2 } = a2;
+    return { range: `${(e3 - 1) * t3 + 1}-${Math.min(e3 * t3, l2)}`, total: l2 };
+  });
+  return (e3, a3) => t2.value ? (g(), h("div", Te, [a3[0] || (a3[0] = y("span", null, "Showing", -1)), y("span", Ve, k(t2.value.range), 1), a3[1] || (a3[1] = y("span", null, "of", -1)), y("span", Ae, k(t2.value.total), 1)])) : b("", true);
+} }), [["__scopeId", "data-v-f242f0b2"]]), Pe = { class: "mc-table-ellipsis" }, je = a(v({ name: ve, __name: "mc-table-ellipsis", setup: (e2) => (e3, a2) => (g(), h("div", Pe, [...a2[0] || (a2[0] = [y("i", { class: "mc-table-ellipsis-dot" }, null, -1), y("i", { class: "mc-table-ellipsis-dot" }, null, -1), y("i", { class: "mc-table-ellipsis-dot" }, null, -1)])])) }), [["__scopeId", "data-v-3c0b84f7"]]), Be = a(v({ name: pe, __name: "mc-table-pagination-item", props: { type: { default: "page" }, value: { default: 1 }, isActive: { type: Boolean, default: false }, isDisabled: { type: Boolean, default: false } }, setup(e2) {
+  const a2 = e2, t2 = n(() => {
+    switch (a2.type) {
+      case "page":
+        return "mc-table-pagination-item-page";
+      case "prev":
+        return "mc-table-pagination-item-prev";
+      case "next":
+        return "mc-table-pagination-item-next";
+      case "first":
+        return "mc-table-pagination-item-first";
+      case "last":
+        return "mc-table-pagination-item-last";
+      case "ellipsis":
+        return "mc-table-pagination-item-ellipsis";
+      default:
+        return "mc-table-pagination-item";
+    }
+  });
+  return (a3, l2) => (g(), h("li", { class: f(["mc-table-pagination-item", [{ "mc-table-pagination-item-active": e2.isActive, "mc-table-pagination-item-disabled": e2.isDisabled }, t2.value]]) }, ["page" === e2.type ? (g(), h(I, { key: 0 }, [_(k(e2.value), 1)], 64)) : "prev" === e2.type ? (g(), E(O, { key: 1, name: "Left-Chevron" })) : "next" === e2.type ? (g(), E(O, { key: 2, name: "Right-Chevron" })) : "first" === e2.type ? (g(), E(O, { key: 3, name: "First" })) : "last" === e2.type ? (g(), E(O, { key: 4, name: "Last" })) : "ellipsis" === e2.type ? (g(), E(je, { key: 5 })) : b("", true)], 2));
+} }), [["__scopeId", "data-v-bc0fb1a4"]]), Xe = { key: 0, class: "mc-table-pagination" }, He = a(v({ name: me, __name: "mc-table-pagination", setup(e2) {
+  const { pagination: a2, isLoading: t2, handlePagination: l2 } = be(), o2 = n(() => a2 ? Math.ceil(a2.total / a2.pageSize) : 0), s2 = n(() => {
+    if (!a2 || o2.value <= 1) return [];
+    const e3 = [];
+    if (o2.value <= 5) for (let a3 = 2; a3 < o2.value; a3++) e3.push(a3);
+    else a2.pageNum <= 2 ? e3.push(2, 3, 4, 5) : a2.pageNum >= o2.value - 1 ? e3.push(o2.value - 4, o2.value - 3, o2.value - 2, o2.value - 1) : e3.push(a2.pageNum - 1, a2.pageNum, a2.pageNum + 1);
+    return e3;
+  }), i2 = n(() => !a2 || a2.pageNum <= 1), d2 = n(() => !a2 || a2.pageNum >= o2.value), r2 = n(() => !a2 || o2.value <= 1), u2 = n(() => !!a2 && o2.value > 5 && a2.pageNum > 2), m2 = n(() => !!a2 && o2.value > 5 && a2.pageNum < o2.value - 1), p2 = (e3) => {
+    A(l2) && !t2.value && ("first" === e3 ? i2.value || l2({ pageNum: 1 }) : "prev" === e3 ? a2 && a2.pageNum > 1 && !i2.value && l2({ pageNum: a2.pageNum - 1 }) : "next" === e3 ? a2 && a2.pageNum < o2.value && !d2.value && l2({ pageNum: a2.pageNum + 1 }) : "last" === e3 ? d2.value || l2({ pageNum: o2.value }) : e3 !== (a2 == null ? void 0 : a2.pageNum) && l2({ pageNum: e3 }));
+  };
+  return (e3, t3) => {
+    var _a, _b;
+    return r2.value ? b("", true) : (g(), h("ul", Xe, [C(Be, { type: "first", "is-disabled": i2.value, onClick: t3[0] || (t3[0] = (e4) => p2("first")) }, null, 8, ["is-disabled"]), C(Be, { type: "prev", "is-disabled": i2.value, onClick: t3[1] || (t3[1] = (e4) => p2("prev")) }, null, 8, ["is-disabled"]), C(Be, { value: 1, "is-active": 1 === ((_a = c(a2)) == null ? void 0 : _a.pageNum), onClick: t3[2] || (t3[2] = (e4) => p2(1)) }, null, 8, ["is-active"]), u2.value ? (g(), E(Be, { key: 0, type: "ellipsis" })) : b("", true), (g(true), h(I, null, D(s2.value, (e4) => {
+      var _a2;
+      return g(), E(Be, { key: e4, value: e4, "is-active": ((_a2 = c(a2)) == null ? void 0 : _a2.pageNum) === e4, onClick: (a3) => p2(e4) }, null, 8, ["value", "is-active", "onClick"]);
+    }), 128)), m2.value ? (g(), E(Be, { key: 1, type: "ellipsis" })) : b("", true), C(Be, { value: o2.value, "is-active": ((_b = c(a2)) == null ? void 0 : _b.pageNum) === o2.value, onClick: t3[3] || (t3[3] = (e4) => p2(o2.value)) }, null, 8, ["value", "is-active"]), C(Be, { type: "next", "is-disabled": d2.value, onClick: t3[4] || (t3[4] = (e4) => p2("next")) }, null, 8, ["is-disabled"]), C(Be, { type: "last", "is-disabled": d2.value, onClick: t3[5] || (t3[5] = (e4) => p2("last")) }, null, 8, ["is-disabled"])]));
+  };
+} }), [["__scopeId", "data-v-df311846"]]), qe = { class: "mc-table-page-size" }, Fe = { class: "mc-table-page-size-group" }, Ue = ["onClick"], Ge = a(v({ name: ce, __name: "mc-table-page-size", setup(e2) {
+  const { pagination: a2, isLoading: t2, handlePagination: l2 } = be();
+  return (e3, n2) => {
+    var _a;
+    return g(), h("div", qe, [n2[0] || (n2[0] = y("span", { class: "mc-table-page-size-text" }, "View per page", -1)), y("ul", Fe, [(g(true), h(I, null, D((_a = c(a2)) == null ? void 0 : _a.pageSizes, (e4) => {
+      var _a2;
+      return g(), h("li", { class: f(["mc-table-page-size-group-item", { "mc-table-page-size-group-item-active": e4 === ((_a2 = c(a2)) == null ? void 0 : _a2.pageSize) }]), key: e4, onClick: (a3) => ((e5) => {
+        A(l2) && !t2.value && l2({ pageSize: e5, pageNum: 1 });
+      })(e4) }, k(e4), 11, Ue);
+    }), 128))])]);
+  };
+} }), [["__scopeId", "data-v-180a8b6e"]]), Je = { class: "mc-table-footer" }, Ke = a(v({ name: re, __name: "mc-table-footer", setup: (e2) => (e3, a2) => (g(), h("div", Je, [C(Me), C(He), C(Ge)])) }), [["__scopeId", "data-v-1fc62add"]]), Oe = { class: "mc-table-loading" }, Qe = a(v({ name: ie, __name: "mc-table-loading", setup: (e2) => (e3, a2) => (g(), h("div", Oe, [x(e3.$slots, "default", {}, () => [C(Y, { loading: true, type: "pulse", size: "small" })], true)])) }), [["__scopeId", "data-v-116ed67d"]]), Ye = { class: "mc-table-body" }, Ze = { class: "mc-table-body-tbody" }, ea = a(v({ name: le, __name: "mc-table-body", props: { loading: { type: Boolean, default: false } }, setup(e2) {
+  const { data: a2, leftColumns: t2, rightColumns: l2, centerColumns: n2, isExpanded: o2, getExpandData: s2 } = be();
+  return (i2, d2) => (g(), h("table", Ye, [y("tbody", Ze, [(g(true), h(I, null, D(c(a2), (e3, a3) => (g(), h(I, { key: a3 }, [C(ke, { "left-columns": c(t2), "right-columns": c(l2), "center-columns": c(n2) }, { left: W(({ columns: t3 }) => [(g(true), h(I, null, D(t3, (t4) => (g(), E($e, { key: t4.prop, column: t4, row: e3, rowIndex: a3, width: t4.width, type: t4.isExpand ? "expand-icon" : "body" }, S({ _: 2 }, [t4.tableValue ? { name: "default", fn: W(() => [(g(), E(N(t4.tableValue), { value: e3 == null ? void 0 : e3[t4.prop], row: e3, rowIndex: a3 }, null, 8, ["value", "row", "rowIndex"]))]), key: "0" } : void 0]), 1032, ["column", "row", "rowIndex", "width", "type"]))), 128))]), default: W(({ columns: t3 }) => [(g(true), h(I, null, D(t3, (t4) => (g(), E($e, { key: t4.prop, column: t4, row: e3, rowIndex: a3, width: t4.width, type: t4.isExpand ? "expand-icon" : "body" }, S({ _: 2 }, [t4.tableValue ? { name: "default", fn: W(() => [(g(), E(N(t4.tableValue), { value: e3 == null ? void 0 : e3[t4.prop], row: e3, rowIndex: a3 }, null, 8, ["value", "row", "rowIndex"]))]), key: "0" } : void 0]), 1032, ["column", "row", "rowIndex", "width", "type"]))), 128))]), right: W(({ columns: t3 }) => [(g(true), h(I, null, D(t3, (t4) => (g(), E($e, { key: t4.prop, column: t4, row: e3, rowIndex: a3, width: t4.width, type: t4.isExpand ? "expand-icon" : "body" }, S({ _: 2 }, [t4.tableValue ? { name: "default", fn: W(() => [(g(), E(N(t4.tableValue), { value: e3 == null ? void 0 : e3[t4.prop], row: e3, rowIndex: a3 }, null, 8, ["value", "row", "rowIndex"]))]), key: "0" } : void 0]), 1032, ["column", "row", "rowIndex", "width", "type"]))), 128))]), _: 2 }, 1032, ["left-columns", "right-columns", "center-columns"]), c(o2)(a3) ? (g(true), h(I, { key: 0 }, D(c(s2)(a3), (e4, a4) => (g(), E(ke, { key: a4, "left-columns": c(t2), "right-columns": c(l2), "center-columns": c(n2), type: "expand" }, { left: W(({ columns: t3 }) => [(g(true), h(I, null, D(t3, (t4) => (g(), E($e, { key: t4.prop, column: t4, width: t4.width, type: "expand" }, { default: W(() => [t4.expand ? (g(), E(N(t4.expand), { key: 0, expandRow: e4, expandRowIndex: a4 }, null, 8, ["expandRow", "expandRowIndex"])) : b("", true)]), _: 2 }, 1032, ["column", "width"]))), 128))]), default: W(({ columns: t3 }) => [(g(true), h(I, null, D(t3, (t4) => (g(), E($e, { key: t4.prop, column: t4, width: t4.width, type: "expand" }, { default: W(() => [t4.expand ? (g(), E(N(t4.expand), { key: 0, expandRow: e4, expandRowIndex: a4 }, null, 8, ["expandRow", "expandRowIndex"])) : b("", true)]), _: 2 }, 1032, ["column", "width"]))), 128))]), right: W(({ columns: t3 }) => [(g(true), h(I, null, D(t3, (t4) => (g(), E($e, { key: t4.prop, column: t4, width: t4.width, type: "expand" }, { default: W(() => [t4.expand ? (g(), E(N(t4.expand), { key: 0, expandRow: e4, expandRowIndex: a4 }, null, 8, ["expandRow", "expandRowIndex"])) : b("", true)]), _: 2 }, 1032, ["column", "width"]))), 128))]), _: 2 }, 1032, ["left-columns", "right-columns", "center-columns"]))), 128)) : b("", true)], 64))), 128))]), e2.loading ? (g(), E(Qe, { key: 0 }, { default: W(() => [x(i2.$slots, "loading", {}, void 0, true)]), _: 3 })) : b("", true)]));
+} }), [["__scopeId", "data-v-68cb46c9"]]), aa = { class: "mc-table-empty" }, ta = a(v({ name: se, __name: "mc-table-empty", setup: (e2) => (e3, a2) => (g(), h("div", aa, [x(e3.$slots, "default", {}, () => [a2[0] || (a2[0] = y("p", { class: "mc-table-empty-content" }, "No available data", -1))], true)])) }), [["__scopeId", "data-v-f58471d5"]]), la = a(v({ name: de, __name: "mc-table-scroll", setup(a2) {
+  const { scroll: t2, centerWidth: l2, viewWidth: o2, tableWidth: s2, setScroll: i2 } = be(), d2 = r(), u2 = r(), p2 = n(() => H(o2.value / l2.value * 100)), v2 = n(() => X(p2.value) <= 95), f2 = n(() => `${p2.value}%`), x2 = r(0);
+  m(() => {
+    x2.value = l2.value ? t2.value * s2.value / l2.value : 0;
+  });
+  let C2 = 0, _2 = 0;
+  const k2 = (e2) => {
+    d2.value && (C2 = e2.clientX, _2 = x2.value, window.addEventListener("mousemove", E2), window.addEventListener("mouseup", W2));
+  }, E2 = (e2) => {
+    var _a, _b;
+    let a3 = e2.clientX - C2 + _2;
+    a3 < 0 && (a3 = 0);
+    const t3 = ((_b = (_a = u2.value) == null ? void 0 : _a.getBoundingClientRect()) == null ? void 0 : _b.width) || 0, n2 = s2.value - t3 + 2;
+    a3 > n2 && (a3 = n2), x2.value = a3;
+    const o3 = x2.value * l2.value / s2.value;
+    i2(o3);
+  }, W2 = () => {
+    I2();
+  }, I2 = () => {
+    window.removeEventListener("mousemove", E2), window.removeEventListener("mouseup", W2);
+  };
+  return $(() => {
+    I2();
+  }), (a3, t3) => v2.value ? (g(), h("div", { key: 0, ref_key: "scrollRef", ref: d2, class: "mc-table-scroll", onMousedown: k2 }, [y("div", { ref_key: "thumbRef", ref: u2, class: "mc-table-scroll-thumb", style: w({ width: f2.value, transform: `translateX(${c(e)(x2.value)})` }) }, null, 4)], 544)) : b("", true);
+} }), [["__scopeId", "data-v-3b46e14e"]]), na = t(a(v({ name: ee, __name: "mc-table-plus", props: { data: { default: () => [] }, loading: { type: Boolean, default: false }, sortType: { default: "back" }, pagination: {}, width: { default: "100%" }, height: {}, expandCondition: {}, fetchExpandData: {} }, emits: ["change:sort", "change:pagination", "change:expand"], setup(e2, { emit: a2 }) {
+  const t2 = e2, l2 = a2, m2 = r(), { width: p2, height: v2 } = J(), f2 = r(t2.data), { columns: _2, leftColumns: k2, centerColumns: I2, rightColumns: D2, tableWidth: S2, columnWidth: N2 } = ((e3) => {
+    const a3 = r([]), t3 = r([]), l3 = r([]), s2 = r([]), d2 = r(0), c2 = o({ tableWidth: 0, fixedWidth: 0, restColumns: 0 }), m3 = u();
+    i(() => {
+      var _a;
+      return (_a = m3.default) == null ? void 0 : _a.call(m3);
+    }, () => {
+      var _a;
+      const { columns: e4, columnWidthInfo: n2, leftColumns: o2, centerColumns: i2, rightColumns: d3 } = ((e5) => {
+        const a4 = [], t4 = [], l4 = [], n3 = [], o3 = { tableWidth: 0, fixedWidth: 0, restColumns: 0 }, s3 = (e6) => {
+          T(e6) && e6.forEach((e7) => {
+            var _a2;
+            const i3 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
+            if (i3 === Z) {
+              const s4 = e7.children, i4 = e7.props, d4 = V(i4 == null ? void 0 : i4.sortable) && "" === i4.sortable || (i4 == null ? void 0 : i4.sortable) || he.sortable, r2 = { prop: i4 == null ? void 0 : i4.prop, label: i4 == null ? void 0 : i4.label, desc: i4 == null ? void 0 : i4.desc, width: "expand" === (i4 == null ? void 0 : i4.prop) ? 40 : i4 == null ? void 0 : i4.width, fixed: (i4 == null ? void 0 : i4.fixed) || he.fixed, defaultValue: i4 == null ? void 0 : i4.defaultValue, sortable: d4, isExpand: "expand" === (i4 == null ? void 0 : i4.prop), sortType: (i4 == null ? void 0 : i4.sortType) || (i4 == null ? void 0 : i4["sort-type"]) || he.sortType, columnAlign: (i4 == null ? void 0 : i4.columnAlign) || (i4 == null ? void 0 : i4["column-align"]) || he.columnAlign, headerTitle: s4 == null ? void 0 : s4["header-title"], headerDesc: s4 == null ? void 0 : s4["header-desc"], header: s4 == null ? void 0 : s4.header, expand: s4 == null ? void 0 : s4.expand, tableValue: s4 == null ? void 0 : s4.default };
+              r2.width ? o3.fixedWidth += r2.width : o3.restColumns += 1, "left" === r2.fixed ? t4.push(r2) : "right" === r2.fixed ? n3.push(r2) : l4.push(r2), a4.push(r2);
+            } else Array.isArray(e7.children) && s3(e7.children);
+          });
+        };
+        return s3(e5), { columns: a4, columnWidthInfo: o3, leftColumns: t4, centerColumns: l4, rightColumns: n3 };
+      })((_a = m3.default) == null ? void 0 : _a.call(m3));
+      a3.value = e4, c2.fixedWidth = n2.fixedWidth, c2.restColumns = n2.restColumns, t3.value = o2, l3.value = i2, s2.value = d3;
+    }, { immediate: true }), U(e3, ({ width: e4 }) => {
+      let a4 = e4;
+      t3.value.length > 0 && (a4 -= 1), s2.value.length > 0 && (a4 -= 1), d2.value = a4;
+    });
+    const p3 = n(() => {
+      const e4 = (d2.value - c2.fixedWidth) / c2.restColumns;
+      return e4 <= 0 ? 240 : e4;
+    });
+    return { columns: a3, leftColumns: t3, centerColumns: l3, rightColumns: s2, tableWidth: d2, columnWidth: p3 };
+  })(m2), { scroll: $2, setScroll: P2, resetScroll: j2 } = (() => {
+    const e3 = r(0);
+    return { scroll: e3, setScroll: (a3) => {
+      e3.value = a3;
+    }, resetScroll: () => {
+      e3.value = 0;
+    } };
+  })(), { setSort: X2, resetSort: H2, getCurrentSort: G2, sortData: K2 } = (() => {
+    const e3 = r({ sort: "normal", sortColumn: "" }), a3 = (a4, t4) => {
+      e3.value = { sort: t4, sortColumn: a4 };
+    }, t3 = (a4) => e3.value.sortColumn === a4 ? e3.value.sort : "normal";
+    return { sortInfo: e3, setSort: a3, resetSort: () => a3("", "normal"), getCurrentSort: t3, sortData: (e4, a4) => {
+      let l3 = [...e4];
+      const n2 = a4.prop, o2 = t3(n2), s2 = a4.sortType || "string";
+      return "normal" !== o2 && (A(s2) || (l3 = M(l3, "number" === s2 ? (e5) => Number(e5[n2]) : [n2], [o2]))), l3;
+    } };
+  })(), { pagination: O2, hasPagination: Q2, handlePagination: Y2 } = (() => {
+    const e3 = F("pagination"), a3 = o({ ...ye });
+    s(() => {
+      t3(e3.value || ye);
+    });
+    const t3 = (e4) => {
+      z(a3, { ...e4 });
+    };
+    i(() => e3.value, (e4) => {
+      t3(e4 || ye);
+    }, { deep: true });
+    const l3 = d(), r2 = L(() => {
+      l3 == null ? void 0 : l3.emit("change:pagination", a3);
+    }, 500), u2 = n(() => {
+      var _a;
+      return !!((_a = e3.value) == null ? void 0 : _a.pageNum);
+    });
+    return { pagination: a3, hasPagination: u2, handlePagination: (e4) => {
+      t3(e4), r2();
+    } };
+  })(), { isExpanded: ee2, getExpandData: ae2, resetExpandData: te2, setExpandData: le2, removeExpandData: ne2 } = (() => {
+    const e3 = o(/* @__PURE__ */ new Map());
+    return { expandData: e3, isExpanded: (a3) => e3.has(a3), getExpandData: (a3) => e3.get(a3) || [], resetExpandData: () => {
+      e3.clear();
+    }, setExpandData: (a3, t3) => {
+      e3.set(a3, t3);
+    }, removeExpandData: (a3) => {
+      e3.delete(a3);
+    } };
+  })(), { leftWidth: oe2, rightWidth: se2, centerWidth: ie2, viewWidth: de2 } = ((e3) => {
+    const { leftColumns: a3, rightColumns: t3, centerColumns: l3, tableWidth: o2, columnWidth: s2 } = e3, i2 = (e4) => B(e4, (e5, a4) => e5 + (a4.width || s2.value), 0), d2 = n(() => i2(a3.value)), r2 = n(() => i2(t3.value)), u2 = n(() => i2(l3.value)), c2 = n(() => o2.value - d2.value - r2.value);
+    return { leftWidth: d2, rightWidth: r2, centerWidth: u2, viewWidth: c2 };
+  })({ leftColumns: k2, rightColumns: D2, centerColumns: I2, tableWidth: S2, columnWidth: N2 });
+  i(() => t2.data, () => {
+    f2.value = t2.data, te2(), H2(), j2();
+  });
+  const re2 = n(() => {
+    var _a;
+    return !t2.loading && !((_a = f2.value) == null ? void 0 : _a.length);
+  }), ue2 = n(() => Q2.value && !re2.value);
+  return R(fe, { data: f2, tableWidth: S2, isLoading: n(() => !!t2.loading), columns: _2, columnWidth: N2, leftColumns: k2, rightColumns: D2, centerColumns: I2, scroll: $2, setScroll: P2, pagination: O2, handlePagination: Y2, handleSort: (e3, a3) => {
+    if (te2(), X2(e3, a3), "front" === t2.sortType) {
+      const a4 = q(_2.value, (a5) => a5.prop === e3);
+      a4 && (f2.value = K2(t2.data, a4));
+    } else l2("change:sort", e3, a3);
+  }, getCurrentSort: G2, isExpanded: ee2, getExpandData: ae2, setExpandData: (e3, a3) => {
+    le2(e3, a3), l2("change:expand", f2.value[e3], true);
+  }, removeExpandData: (e3) => {
+    ne2(e3), l2("change:expand", f2.value[e3], false);
+  }, expandCondition: t2.expandCondition, fetchExpandData: t2.fetchExpandData, leftWidth: oe2, rightWidth: se2, centerWidth: ie2, viewWidth: de2 }), (a3, t3) => (g(), h("div", { class: "mc-table-plus", style: w({ width: c(p2), height: c(v2) }), ref_key: "tableRef", ref: m2 }, [y("div", null, [C(Le), re2.value ? (g(), E(ta, { key: 1 }, { default: W(() => [x(a3.$slots, "empty", {}, void 0, true)]), _: 3 })) : (g(), E(ea, { key: 0, loading: e2.loading }, null, 8, ["loading"]))]), C(la), ue2.value ? (g(), E(Ke, { key: 0 })) : b("", true)], 4));
+} }), [["__scopeId", "data-v-acae2d99"]]));
+export {
+  na as M,
+  ee as a,
+  ae as b,
+  te as c,
+  le as d,
+  ne as e,
+  oe as f,
+  se as g,
+  ie as h,
+  de as i,
+  re as j,
+  ue as k,
+  ce as l,
+  me as m,
+  pe as n,
+  ve as o,
+  he as p,
+  ge as q,
+  fe as r
+};

package/dist/es/theme/mc-table-plus.css

@@ -1 +1 @@
-.mc-table-row[data-v-07610e84]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;width:100%;position:relative}.mc-table-row .mc-table-row-tr[data-v-07610e84]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;box-sizing:border-box;border-bottom:1px solid var(--mc-gray-300)}.mc-table-row.mc-table-row-header .mc-table-row-tr[data-v-07610e84]{border-bottom:1px solid var(--mc-gray-500)}.mc-table-row.mc-table-row-expand[data-v-07610e84]{background-color:var(--mc-gray-100)}.mc-table-row .mc-table-row-left[data-v-07610e84],.mc-table-row .mc-table-row-right[data-v-07610e84]{width:fit-content}.mc-table-row .mc-table-row-center[data-v-07610e84]{flex:1;overflow-x:auto}.mc-table-row .mc-table-row-center[data-v-07610e84]::-webkit-scrollbar{display:none}.mc-table-row .mc-table-row-center .mc-table-row-center-content[data-v-07610e84]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;width:fit-content}.mc-table-row .mc-table-border[data-v-07610e84]{position:absolute;width:1px;height:100%;background-color:var(--mc-gray-300)}.mc-table-sort[data-v-20a74697]{cursor:pointer;color:var(--mc-gray-400)}.mc-table-sort .mc-table-sort-actived[data-v-20a74697]{color:var(--mc-gray-800)}.mc-table-header-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;padding:0 8px;box-sizing:border-box;height:fit-content}.mc-table-header-cell .mc-table-header-cell-title[data-v-1bdb4d6c]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;padding-top:8px;box-sizing:border-box}.mc-table-header-cell .mc-table-header-cell-title .mc-table-header-cell-title-text[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:14px;font-weight:600;line-height:24px;color:var(--mc-gray-500)}.mc-table-header-cell .mc-table-header-cell-desc[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:14px;font-weight:400;line-height:20px;color:var(--mc-gray-400);padding-bottom:8px}.mc-table-expand-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:100%;height:56px;padding:0 8px;box-sizing:border-box}.mc-table-body-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:100%;min-height:56px;padding:0 8px;box-sizing:border-box}.mc-table-expand-icon-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;padding:0;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-table-expand-icon-cell .mc-table-expand-icon[data-v-1bdb4d6c]{color:var(--mc-teal-500);transition:transform .3s ease-in-out}.mc-table-expand-icon-cell .mc-table-expand-icon.mc-table-expand-icon-active[data-v-1bdb4d6c]{transform:rotate(180deg)}.mc-table-header[data-v-f42fcd80]{border-collapse:collapse;border-spacing:0;display:block;width:100%}.mc-table-header .mc-table-header-thead[data-v-f42fcd80]{vertical-align:top;display:block;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:100%}.mc-table-total[data-v-f242f0b2]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-500);height:24px;flex:1}.mc-table-total .mc-table-total-number[data-v-f242f0b2]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-800)}.mc-table-ellipsis[data-v-3c0b84f7]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.mc-table-ellipsis .mc-table-ellipsis-dot[data-v-3c0b84f7]{width:4px;height:4px;border-radius:50%;background-color:var(--mc-gray-500)}.mc-table-pagination-item[data-v-bc0fb1a4]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:40px;height:40px;border-radius:4px;cursor:pointer}.mc-table-pagination-item-first[data-v-bc0fb1a4],.mc-table-pagination-item-prev[data-v-bc0fb1a4],.mc-table-pagination-item-next[data-v-bc0fb1a4],.mc-table-pagination-item-last[data-v-bc0fb1a4]{color:var(--mc-teal-500)}.mc-table-pagination-item-first.mc-table-pagination-item-disabled[data-v-bc0fb1a4],.mc-table-pagination-item-prev.mc-table-pagination-item-disabled[data-v-bc0fb1a4],.mc-table-pagination-item-next.mc-table-pagination-item-disabled[data-v-bc0fb1a4],.mc-table-pagination-item-last.mc-table-pagination-item-disabled[data-v-bc0fb1a4]{color:var(--mc-gray-400);cursor:not-allowed}.mc-table-pagination-item-first[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled),.mc-table-pagination-item-prev[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled),.mc-table-pagination-item-next[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled),.mc-table-pagination-item-last[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled){background-color:var(--mc-teal-50);color:var(--mc-teal-900)}.mc-table-pagination-item-page[data-v-bc0fb1a4]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800)}.mc-table-pagination-item-page[data-v-bc0fb1a4]:hover{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-800)}.mc-table-pagination-item-page.mc-table-pagination-item-active[data-v-bc0fb1a4]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-white);background-color:var(--mc-purple-500)}.mc-table-pagination[data-v-df311846]{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;flex:1}.mc-table-page-size[data-v-180a8b6e]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;flex:1}.mc-table-page-size .mc-table-page-size-text[data-v-180a8b6e]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-500)}.mc-table-page-size .mc-table-page-size-group[data-v-180a8b6e]{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:40px;height:40px;border:1px solid var(--mc-gray-400);border-right:none;box-sizing:border-box;cursor:pointer}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid var(--mc-gray-400)}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]:hover{font-weight:600}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item.mc-table-page-size-group-item-active[data-v-180a8b6e]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-white);background-color:var(--mc-teal-500)}.mc-table-footer[data-v-1fc62add]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.mc-table-loading[data-v-116ed67d]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;background-color:#ccc3;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.mc-table-body[data-v-71260241]{border-collapse:collapse;border-spacing:0;display:block;width:100%;position:relative;min-height:56px}.mc-table-body .mc-table-body-tbody[data-v-71260241]{vertical-align:top;display:block;width:100%}.mc-table-empty[data-v-f58471d5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;font-family:var(--mc-font-family);font-size:14px;font-weight:400;line-height:20px;color:var(--mc-gray-500);width:100%;height:100%;min-height:56px}.mc-table-empty .mc-table-empty-content[data-v-f58471d5]{margin:0;padding:0}.mc-table-scroll[data-v-3b46e14e]{width:100%;height:4px;position:relative;border-radius:8px;background-color:var(--mc-gray-200);cursor:pointer}.mc-table-scroll .mc-table-scroll-thumb[data-v-3b46e14e]{height:100%;position:absolute;left:0;border-radius:8px;background-color:var(--mc-gray-400)}.mc-table-plus[data-v-acae2d99]{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;width:100%;background-color:var(--mc-white)}
+.mc-table-row[data-v-07610e84]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;width:100%;position:relative}.mc-table-row .mc-table-row-tr[data-v-07610e84]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;box-sizing:border-box;border-bottom:1px solid var(--mc-gray-300)}.mc-table-row.mc-table-row-header .mc-table-row-tr[data-v-07610e84]{border-bottom:1px solid var(--mc-gray-500)}.mc-table-row.mc-table-row-expand[data-v-07610e84]{background-color:var(--mc-gray-100)}.mc-table-row .mc-table-row-left[data-v-07610e84],.mc-table-row .mc-table-row-right[data-v-07610e84]{width:fit-content}.mc-table-row .mc-table-row-center[data-v-07610e84]{flex:1;overflow-x:auto}.mc-table-row .mc-table-row-center[data-v-07610e84]::-webkit-scrollbar{display:none}.mc-table-row .mc-table-row-center .mc-table-row-center-content[data-v-07610e84]{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;width:fit-content}.mc-table-row .mc-table-border[data-v-07610e84]{position:absolute;height:100%}.mc-table-row .mc-table-border.mc-table-row-left-border[data-v-07610e84]:before{content:"";position:absolute;width:4px;height:100%;background:linear-gradient(270deg,#2220,#2222221a);right:-4px;top:0}.mc-table-row .mc-table-border.mc-table-row-right-border[data-v-07610e84]:before{content:"";position:absolute;width:4px;height:100%;background:linear-gradient(270deg,#2222221a,#2220);left:-4px;top:0}.mc-table-sort[data-v-20a74697]{cursor:pointer;color:var(--mc-gray-400)}.mc-table-sort .mc-table-sort-actived[data-v-20a74697]{color:var(--mc-gray-800)}.mc-table-header-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;padding:0 8px;box-sizing:border-box;height:fit-content}.mc-table-header-cell .mc-table-header-cell-title[data-v-1bdb4d6c]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;padding-top:8px;box-sizing:border-box}.mc-table-header-cell .mc-table-header-cell-title .mc-table-header-cell-title-text[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:14px;font-weight:600;line-height:24px;color:var(--mc-gray-500)}.mc-table-header-cell .mc-table-header-cell-desc[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:14px;font-weight:400;line-height:20px;color:var(--mc-gray-400);padding-bottom:8px}.mc-table-expand-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:100%;height:56px;padding:0 8px;box-sizing:border-box}.mc-table-body-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;width:100%;min-height:56px;padding:0 8px;box-sizing:border-box}.mc-table-expand-icon-cell[data-v-1bdb4d6c]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);display:block;padding:0;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-table-expand-icon-cell .mc-table-expand-icon[data-v-1bdb4d6c]{color:var(--mc-teal-500);transition:transform .3s ease-in-out}.mc-table-expand-icon-cell .mc-table-expand-icon.mc-table-expand-icon-active[data-v-1bdb4d6c]{transform:rotate(180deg)}.mc-table-header[data-v-f42fcd80]{border-collapse:collapse;border-spacing:0;display:block;width:100%}.mc-table-header .mc-table-header-thead[data-v-f42fcd80]{vertical-align:top;display:block;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:100%}.mc-table-total[data-v-f242f0b2]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-500);height:24px;flex:1}.mc-table-total .mc-table-total-number[data-v-f242f0b2]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-800)}.mc-table-ellipsis[data-v-3c0b84f7]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.mc-table-ellipsis .mc-table-ellipsis-dot[data-v-3c0b84f7]{width:4px;height:4px;border-radius:50%;background-color:var(--mc-gray-500)}.mc-table-pagination-item[data-v-bc0fb1a4]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:40px;height:40px;border-radius:4px;cursor:pointer}.mc-table-pagination-item-first[data-v-bc0fb1a4],.mc-table-pagination-item-prev[data-v-bc0fb1a4],.mc-table-pagination-item-next[data-v-bc0fb1a4],.mc-table-pagination-item-last[data-v-bc0fb1a4]{color:var(--mc-teal-500)}.mc-table-pagination-item-first.mc-table-pagination-item-disabled[data-v-bc0fb1a4],.mc-table-pagination-item-prev.mc-table-pagination-item-disabled[data-v-bc0fb1a4],.mc-table-pagination-item-next.mc-table-pagination-item-disabled[data-v-bc0fb1a4],.mc-table-pagination-item-last.mc-table-pagination-item-disabled[data-v-bc0fb1a4]{color:var(--mc-gray-400);cursor:not-allowed}.mc-table-pagination-item-first[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled),.mc-table-pagination-item-prev[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled),.mc-table-pagination-item-next[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled),.mc-table-pagination-item-last[data-v-bc0fb1a4]:hover:not(.mc-table-pagination-item-disabled){background-color:var(--mc-teal-50);color:var(--mc-teal-900)}.mc-table-pagination-item-page[data-v-bc0fb1a4]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800)}.mc-table-pagination-item-page[data-v-bc0fb1a4]:hover{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-800)}.mc-table-pagination-item-page.mc-table-pagination-item-active[data-v-bc0fb1a4]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-white);background-color:var(--mc-purple-500)}.mc-table-pagination[data-v-df311846]{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;flex:1}.mc-table-page-size[data-v-180a8b6e]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;flex:1}.mc-table-page-size .mc-table-page-size-text[data-v-180a8b6e]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-500)}.mc-table-page-size .mc-table-page-size-group[data-v-180a8b6e]{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:40px;height:40px;border:1px solid var(--mc-gray-400);border-right:none;box-sizing:border-box;cursor:pointer}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid var(--mc-gray-400)}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item[data-v-180a8b6e]:hover{font-weight:600}.mc-table-page-size .mc-table-page-size-group .mc-table-page-size-group-item.mc-table-page-size-group-item-active[data-v-180a8b6e]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-white);background-color:var(--mc-teal-500)}.mc-table-footer[data-v-1fc62add]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.mc-table-loading[data-v-116ed67d]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;background-color:#ccc3;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.mc-table-body[data-v-68cb46c9]{border-collapse:collapse;border-spacing:0;display:block;width:100%;position:relative;min-height:56px}.mc-table-body .mc-table-body-tbody[data-v-68cb46c9]{vertical-align:top;display:block;width:100%}.mc-table-empty[data-v-f58471d5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;font-family:var(--mc-font-family);font-size:14px;font-weight:400;line-height:20px;color:var(--mc-gray-500);width:100%;height:100%;min-height:56px}.mc-table-empty .mc-table-empty-content[data-v-f58471d5]{margin:0;padding:0}.mc-table-scroll[data-v-3b46e14e]{width:100%;height:4px;position:relative;border-radius:8px;background-color:var(--mc-gray-200);cursor:pointer}.mc-table-scroll .mc-table-scroll-thumb[data-v-3b46e14e]{height:100%;position:absolute;left:0;border-radius:8px;background-color:var(--mc-gray-400)}.mc-table-plus[data-v-acae2d99]{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;width:100%;background-color:var(--mc-white)}