mc-plus 1.0.75 → 1.0.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/index.js +12 -12
- package/dist/es/{mc-select-group-plus-BFkLRX6l.js → mc-select-group-plus-CbEB4hhG.js} +1 -1
- package/dist/es/mc-select-multi-option-Db1LcXm-.js +14 -0
- package/dist/es/mc-select-option-plus-Bn4h9rqa.js +24 -0
- package/dist/es/{mc-select-plus-AoT0MCZa.js → mc-select-plus-BfvGWpjV.js} +4 -4
- package/dist/es/mc-table-column-plus-N4ocB9zX.js +7 -0
- package/dist/es/{mc-table-plus-DAoRulZp.js → mc-table-plus-LFIpN4Og.js} +14 -14
- package/dist/es/theme/mc-select-option-plus.css +1 -1
- package/dist/es/theme/mc-table-plus.css +1 -1
- package/dist/index.css +1 -1
- package/dist/types/mc-select-multi-option/index.d.ts +3 -0
- package/dist/types/mc-select-multi-option/mc-select-multi-option.vue.d.ts +1 -0
- package/dist/types/mc-select-multi-option/types.d.ts +1 -0
- package/dist/types/mc-select-option-plus/index.d.ts +1 -0
- package/dist/types/mc-select-option-plus/mc-select-option-plus.vue.d.ts +1 -0
- package/dist/types/mc-select-option-plus/types.d.ts +1 -0
- package/dist/types/mc-select-plus/types/common.d.ts +1 -0
- package/dist/types/mc-table-column-plus/types.d.ts +2 -1
- package/dist/types/mc-table-plus/constant.d.ts +1 -0
- package/dist/types/mc-table-plus/hooks/useColumns.d.ts +2 -0
- package/dist/types/mc-table-plus/types/mc-table.d.ts +1 -0
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +4 -4
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +1 -1
- package/dist/es/mc-select-multi-option-D7MpNVFd.js +0 -14
- package/dist/es/mc-select-option-plus-DV4992vF.js +0 -24
- package/dist/es/mc-table-column-plus-8VNUztig.js +0 -7
package/dist/es/index.js
CHANGED
|
@@ -73,14 +73,14 @@ import { M as Ms } from "./mc-select-group-Dz2G57Zo.js";
|
|
|
73
73
|
import { a as a23, S as S2 } from "./mc-select-group-Dz2G57Zo.js";
|
|
74
74
|
import { M as is } from "./mc-select-option-CXmSRasD.js";
|
|
75
75
|
import { a as a24 } from "./mc-select-option-CXmSRasD.js";
|
|
76
|
-
import { a as Cs } from "./mc-select-plus-
|
|
77
|
-
import { b as b13, M as M4 } from "./mc-select-plus-
|
|
78
|
-
import { a as fs } from "./mc-select-group-plus-
|
|
79
|
-
import { M as M5 } from "./mc-select-group-plus-
|
|
80
|
-
import { a as js } from "./mc-select-option-plus-
|
|
81
|
-
import { M as M6 } from "./mc-select-option-plus-
|
|
82
|
-
import { M as Es } from "./mc-select-multi-option-
|
|
83
|
-
import { a as a25 } from "./mc-select-multi-option-
|
|
76
|
+
import { a as Cs } from "./mc-select-plus-BfvGWpjV.js";
|
|
77
|
+
import { b as b13, M as M4 } from "./mc-select-plus-BfvGWpjV.js";
|
|
78
|
+
import { a as fs } from "./mc-select-group-plus-CbEB4hhG.js";
|
|
79
|
+
import { M as M5 } from "./mc-select-group-plus-CbEB4hhG.js";
|
|
80
|
+
import { a as js } from "./mc-select-option-plus-Bn4h9rqa.js";
|
|
81
|
+
import { M as M6 } from "./mc-select-option-plus-Bn4h9rqa.js";
|
|
82
|
+
import { M as Es } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
83
|
+
import { a as a25 } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
84
84
|
import { M as Ts } from "./mc-status-TsoVkCEe.js";
|
|
85
85
|
import { a as a26 } from "./mc-status-TsoVkCEe.js";
|
|
86
86
|
import { M as ls } from "./mc-step-BopeVqhY.js";
|
|
@@ -102,10 +102,10 @@ import { a as bs } from "./mc-tab-item-CqXL4HVs.js";
|
|
|
102
102
|
import { M as M9 } from "./mc-tab-item-CqXL4HVs.js";
|
|
103
103
|
import { M as ns } from "./mc-table-COdreKN2.js";
|
|
104
104
|
import { u, a as a31, b as b16 } from "./mc-table-COdreKN2.js";
|
|
105
|
-
import { M as Ns } from "./mc-table-plus-
|
|
106
|
-
import { d, f, r, p, q, o, g, j, b as b17, h, l, m, n, a as a32, e, i, c as c2, k } from "./mc-table-plus-
|
|
107
|
-
import { a as Us } from "./mc-table-column-plus-
|
|
108
|
-
import { M as M10 } from "./mc-table-column-plus-
|
|
105
|
+
import { M as Ns } from "./mc-table-plus-LFIpN4Og.js";
|
|
106
|
+
import { d, f, r, p, q, o, g, j, b as b17, h, l, m, n, a as a32, e, i, c as c2, k } from "./mc-table-plus-LFIpN4Og.js";
|
|
107
|
+
import { a as Us } from "./mc-table-column-plus-N4ocB9zX.js";
|
|
108
|
+
import { M as M10 } from "./mc-table-column-plus-N4ocB9zX.js";
|
|
109
109
|
import { M as ds } from "./mc-tag-tK4gRtnS.js";
|
|
110
110
|
import { a as a33 } from "./mc-tag-tK4gRtnS.js";
|
|
111
111
|
import { M as gs } from "./mc-textarea-BBhb212c.js";
|
|
@@ -2,7 +2,7 @@ import { _ as l, u as s } from "./utils-y7s5KtP-.js";
|
|
|
2
2
|
import { defineComponent as e, inject as t, computed as o, withDirectives as a, createElementBlock as u, openBlock as p, createElementVNode as r, normalizeStyle as c, unref as i, toDisplayString as m, renderSlot as d, vShow as h } from "vue";
|
|
3
3
|
import { includes as f } from "lodash-es";
|
|
4
4
|
import { useWidthHeight as g } from "@mc-plus/hooks";
|
|
5
|
-
import { M as n } from "./mc-select-plus-
|
|
5
|
+
import { M as n } from "./mc-select-plus-BfvGWpjV.js";
|
|
6
6
|
const v = "mc-select-group-plus", _ = { class: "mc-select-group" }, b = { class: "mc-select-option-list" }, w = s(l(e({ name: v, __name: "mc-select-group-plus", props: { label: {}, height: { default: 40 }, width: { default: "100%" } }, setup(l2) {
|
|
7
7
|
const s2 = l2, e2 = t(n || void 0), { height: v2, width: w2 } = g(), j = o(() => f(e2 == null ? void 0 : e2.filteredGroups.value, s2.label));
|
|
8
8
|
return (s3, e3) => a((p(), u("ul", _, [r("li", { class: "mc-select-group-label", style: c({ height: i(v2), width: i(w2) }) }, m(l2.label), 5), r("li", null, [r("ul", b, [d(s3.$slots, "default", {}, void 0, true)])])], 512)), [[h, j.value]]);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as l, createElementBlock as o, openBlock as t, createVNode as a } from "vue";
|
|
3
|
+
import { M as m } from "./mc-checkbox-C-9q1uwS.js";
|
|
4
|
+
const d = "mc-select-multi-option", s = { class: "mc-select-multi-option" }, i = l({ name: d, __name: "mc-select-multi-option", props: { modelValue: { type: Boolean, default: false }, label: {}, disabled: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: l2 }) {
|
|
5
|
+
const d2 = l2, i2 = (e3) => {
|
|
6
|
+
d2("update:modelValue", e3);
|
|
7
|
+
};
|
|
8
|
+
return (l3, d3) => (t(), o("div", s, [a(m, { "model-value": e2.modelValue, content: e2.label, "disable-validation": "", disabled: e2.disabled, "onUpdate:modelValue": i2 }, null, 8, ["model-value", "content", "disabled"])]));
|
|
9
|
+
} }), u = e(i);
|
|
10
|
+
export {
|
|
11
|
+
u as M,
|
|
12
|
+
i as _,
|
|
13
|
+
d as a
|
|
14
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { _ as e, u as l } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as a, inject as t, computed as o, ref as s, withDirectives as i, createElementBlock as u, openBlock as d, normalizeStyle as c, normalizeClass as v, unref as p, renderSlot as r, createBlock as n, toDisplayString as m, vShow as b } from "vue";
|
|
3
|
+
import { find as h, includes as f } from "lodash-es";
|
|
4
|
+
import { useWidthHeight as _ } from "@mc-plus/hooks";
|
|
5
|
+
import { _ as y } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
6
|
+
import { M as g } from "./mc-select-plus-BfvGWpjV.js";
|
|
7
|
+
const k = "mc-select-option-plus", M = ["aria-selected"], O = { key: 1, class: "mc-select-option-label" }, j = l(e(a({ name: k, __name: "mc-select-option-plus", props: { label: {}, value: { type: [String, Number, Boolean] }, height: { default: 40 }, width: { default: "100%" }, disabled: { type: Boolean } }, setup(e2) {
|
|
8
|
+
const l2 = e2, { height: a2, width: k2 } = _(), j2 = t(g || void 0), w = o(() => !!h(j2 == null ? void 0 : j2.filteredOptions.value, (e3) => e3.value === l2.value)), B = o(() => !!(j2 == null ? void 0 : j2.isMulti.value)), x = o(() => {
|
|
9
|
+
if (B.value) {
|
|
10
|
+
const e3 = j2 == null ? void 0 : j2.selectedOption.value;
|
|
11
|
+
return f(e3, l2.value);
|
|
12
|
+
}
|
|
13
|
+
return (j2 == null ? void 0 : j2.selectedOption.value) === l2.value;
|
|
14
|
+
}), A = s(false), C = o(() => l2.label), D = () => {
|
|
15
|
+
j2 == null ? void 0 : j2.hover(l2.value);
|
|
16
|
+
}, I = o(() => (j2 == null ? void 0 : j2.hoverOption.value) === l2.value), K = () => {
|
|
17
|
+
l2.disabled || (j2 == null ? void 0 : j2.select(l2.value));
|
|
18
|
+
};
|
|
19
|
+
return (l3, t2) => i((d(), u("li", { role: "option", class: v(["mc-select-option", { "mc-select-option-actived": x.value && !B.value, "mc-select-option-hover": I.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: p(a2), width: p(k2) }), "aria-selected": A.value, onMouseenter: D, onClick: K }, [r(l3.$slots, "default", { isActived: x.value, isDisabled: e2.disabled }, () => [B.value ? (d(), n(y, { key: 0, "model-value": x.value, label: C.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", O, m(C.value), 1))], true)], 46, M)), [[b, w.value]]);
|
|
20
|
+
} }), [["__scopeId", "data-v-7a30caf7"]]));
|
|
21
|
+
export {
|
|
22
|
+
k as M,
|
|
23
|
+
j as a
|
|
24
|
+
};
|
|
@@ -9,8 +9,8 @@ import { _ as ae } from "./mc-title-RVvmAnbZ.js";
|
|
|
9
9
|
import { M as te } from "./mc-footer-DUC9ViQu.js";
|
|
10
10
|
import { M as oe } from "./mc-checkbox-C-9q1uwS.js";
|
|
11
11
|
import { M as se } from "./mc-button-BDtWAwB8.js";
|
|
12
|
-
import { M as ue } from "./mc-select-group-plus-
|
|
13
|
-
import { M as re } from "./mc-select-option-plus-
|
|
12
|
+
import { M as ue } from "./mc-select-group-plus-CbEB4hhG.js";
|
|
13
|
+
import { M as re } from "./mc-select-option-plus-Bn4h9rqa.js";
|
|
14
14
|
import { u as ne } from "./mc-form-C0bOl2Kn.js";
|
|
15
15
|
import { I as ce, u as ie } from "./mc-input-group-sjUhcX1J.js";
|
|
16
16
|
const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id", "placeholder", "readonly", "disabled", "onKeydown"], me = { key: 0, class: "mc-select-multi-options-wrapper" }, he = { key: 1, class: "mc-select-selected-content-wrapper" }, fe = { key: 1, class: "mc-select-placeholder" }, ge = { key: 0, class: "mc-select-status-icon-wrapper" }, ye = { key: 0, class: "mc-select-dropdown-header-content" }, be = { key: 0, class: "mc-select-empty" }, we = l(e(c({ name: ve, __name: "mc-select-plus", props: { width: { default: 320 }, height: { default: 40 }, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, multiple: { type: Boolean, default: false }, maxTags: {}, search: { type: Boolean, default: false }, options: {}, showHeader: { type: Boolean, default: false }, showFooter: { type: Boolean, default: false }, modelValue: { type: [String, Number, Boolean, Array] }, placement: { default: "bottom-start" }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false } }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: l2 }) {
|
|
@@ -31,12 +31,12 @@ const pe = Symbol("mc-select-plus-context"), ve = "mc-select-plus", de = ["id",
|
|
|
31
31
|
const e4 = ((e5) => {
|
|
32
32
|
const l4 = [], a3 = (e6, t3) => {
|
|
33
33
|
T(e6) && e6.forEach((e7) => {
|
|
34
|
-
var _a2, _b2, _c, _d, _e2, _f, _g;
|
|
34
|
+
var _a2, _b2, _c, _d, _e2, _f, _g, _h;
|
|
35
35
|
const o2 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
|
|
36
36
|
if (o2 === ue) {
|
|
37
37
|
const l5 = U(e7.children) || T(e7.children) || !H((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
|
|
38
38
|
a3(l5, (_d = e7.props) == null ? void 0 : _d.label);
|
|
39
|
-
} else o2 === re ? l4.push({ label: (_e2 = e7.props) == null ? void 0 : _e2.label, value: (_f = e7.props) == null ? void 0 : _f.value, group: t3, context: (
|
|
39
|
+
} else o2 === re ? l4.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);
|
|
40
40
|
});
|
|
41
41
|
};
|
|
42
42
|
return a3(e5), l4;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as l, createElementBlock as o, openBlock as t } from "vue";
|
|
3
|
+
const a = "mc-table-column-plus", n = { class: "mc-table-column" }, m = e(l({ name: a, __name: "mc-table-column-plus", props: { prop: {}, label: {}, desc: {}, width: {}, fixed: {}, sortable: { type: Boolean }, columnAlign: {}, rowAlign: {}, sortType: { type: [String, Function] }, defaultValue: { type: [String, Number, Boolean] } }, setup: (e2) => (e3, l2) => (t(), o("div", n)) }));
|
|
4
|
+
export {
|
|
5
|
+
a as M,
|
|
6
|
+
m as a
|
|
7
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { h as e, _ as a, u as t } from "./utils-y7s5KtP-.js";
|
|
2
2
|
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";
|
|
3
|
-
import { assign as z, debounce as L, isArray as T, isString as
|
|
3
|
+
import { assign as z, debounce as L, isArray as T, isString as A, isFunction as V, orderBy as M, throttle as P, isNil as j, reduce as B, floor as X, ceil as H, find as q } from "lodash-es";
|
|
4
4
|
import { useProp as F, useResizeObserver as U, useEventListener as Y, useWidthHeight as G } from "@mc-plus/hooks";
|
|
5
5
|
import { M as J } from "./mc-icon-plus-DcQPxofD.js";
|
|
6
6
|
import { M as K } from "./mc-icon-4B9i36Sx.js";
|
|
7
7
|
import { left as O } from "@popperjs/core";
|
|
8
8
|
import { M as Q } from "./mc-loading-B_zisNHu.js";
|
|
9
|
-
import { M as Z } from "./mc-table-column-plus-
|
|
10
|
-
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 = () => {
|
|
9
|
+
import { M as Z } from "./mc-table-column-plus-N4ocB9zX.js";
|
|
10
|
+
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", rowAlign: "center", sortType: "string" }, ge = "--", fe = Symbol("mc-table-context"), be = () => {
|
|
11
11
|
const e2 = l(fe, void 0);
|
|
12
12
|
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 };
|
|
13
13
|
}, ye = { pageNum: 1, pageSize: 25, total: 1, pageSizes: [25, 50, 75, 100] }, xe = (e2 = O) => {
|
|
@@ -49,7 +49,7 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
49
49
|
if (g2.value) {
|
|
50
50
|
const a4 = n(() => {
|
|
51
51
|
var _a2;
|
|
52
|
-
return
|
|
52
|
+
return V(i3) ? i3(((_a2 = u3 == null ? void 0 : u3.value) == null ? void 0 : _a2.prop) || "") : "normal";
|
|
53
53
|
});
|
|
54
54
|
if ((_a = u3 == null ? void 0 : u3.value) == null ? void 0 : _a.sortable) {
|
|
55
55
|
const l4 = P(() => {
|
|
@@ -69,13 +69,13 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
69
69
|
}
|
|
70
70
|
w2 = { currentSort: a4 };
|
|
71
71
|
} else if (y2.value) {
|
|
72
|
-
const a4 = F("row"), t4 = F("rowIndex"), i4 = n(() => !
|
|
72
|
+
const a4 = F("row"), t4 = F("rowIndex"), i4 = n(() => !V(d3) || c(d3(a4 == null ? void 0 : a4.value))), u4 = n(() => {
|
|
73
73
|
const e4 = t4 == null ? void 0 : t4.value;
|
|
74
74
|
return !j(e4) && l3(e4);
|
|
75
75
|
}), v3 = P(async () => {
|
|
76
76
|
if (j(t4 == null ? void 0 : t4.value)) return;
|
|
77
77
|
let e4 = [];
|
|
78
|
-
|
|
78
|
+
V(r2) && !u4.value ? (e4 = c(await r2(a4 == null ? void 0 : a4.value)), o3(t4.value, e4)) : s3(t4.value);
|
|
79
79
|
}, 500);
|
|
80
80
|
m(() => {
|
|
81
81
|
var _a2, _b;
|
|
@@ -100,20 +100,20 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
100
100
|
}, 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", {}, () => {
|
|
101
101
|
var _a, _b, _c;
|
|
102
102
|
return [((_a = c(u2).allowExpand) == null ? void 0 : _a.value) ? (g(), E(J, { 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)];
|
|
103
|
-
}, 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", {}, () => {
|
|
103
|
+
}, true)], 6)) : (g(), h("td", { key: 3, ref_key: "cellRef", ref: a2, class: f([`mc-table-${e2.type}-cell`, `mc-table-${e2.type}-cell-row-align-${e2.column.rowAlign}`]), style: w(c(s2)) }, [x(n2.$slots, "default", {}, () => {
|
|
104
104
|
var _a;
|
|
105
105
|
return [y("span", Ne, k((_a = c(d2).displayValue) == null ? void 0 : _a.value), 1)];
|
|
106
106
|
}, true)], 6));
|
|
107
|
-
} }), [["__scopeId", "data-v-
|
|
107
|
+
} }), [["__scopeId", "data-v-81fbab81"]]), Re = { class: "mc-table-header" }, ze = { class: "mc-table-header-thead" }, Le = a(v({ name: ae, __name: "mc-table-header", setup(e2) {
|
|
108
108
|
const { leftColumns: a2, rightColumns: t2, centerColumns: l2 } = be();
|
|
109
109
|
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"])])]));
|
|
110
|
-
} }), [["__scopeId", "data-v-f42fcd80"]]), Te = { key: 0, class: "mc-table-total" },
|
|
110
|
+
} }), [["__scopeId", "data-v-f42fcd80"]]), Te = { key: 0, class: "mc-table-total" }, Ae = { class: "mc-table-total-number" }, Ve = { class: "mc-table-total-number" }, Me = a(v({ name: ue, __name: "mc-table-total", setup(e2) {
|
|
111
111
|
const { pagination: a2 } = be(), t2 = n(() => {
|
|
112
112
|
if (!a2) return;
|
|
113
113
|
const { pageNum: e3, pageSize: t3, total: l2 } = a2;
|
|
114
114
|
return { range: `${(e3 - 1) * t3 + 1}-${Math.min(e3 * t3, l2)}`, total: l2 };
|
|
115
115
|
});
|
|
116
|
-
return (e3, a3) => t2.value ? (g(), h("div", Te, [a3[0] || (a3[0] = y("span", null, "Showing", -1)), y("span",
|
|
116
|
+
return (e3, a3) => t2.value ? (g(), h("div", Te, [a3[0] || (a3[0] = y("span", null, "Showing", -1)), y("span", Ae, k(t2.value.range), 1), a3[1] || (a3[1] = y("span", null, "of", -1)), y("span", Ve, k(t2.value.total), 1)])) : b("", true);
|
|
117
117
|
} }), [["__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) {
|
|
118
118
|
const a2 = e2, t2 = n(() => {
|
|
119
119
|
switch (a2.type) {
|
|
@@ -142,7 +142,7 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
142
142
|
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);
|
|
143
143
|
return e3;
|
|
144
144
|
}), 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) => {
|
|
145
|
-
|
|
145
|
+
V(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 }));
|
|
146
146
|
};
|
|
147
147
|
return (e3, t3) => {
|
|
148
148
|
var _a, _b;
|
|
@@ -158,7 +158,7 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
158
158
|
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) => {
|
|
159
159
|
var _a2;
|
|
160
160
|
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) => {
|
|
161
|
-
|
|
161
|
+
V(l2) && !t2.value && l2({ pageSize: e5, pageNum: 1 });
|
|
162
162
|
})(e4) }, k(e4), 11, Ue);
|
|
163
163
|
}), 128))])]);
|
|
164
164
|
};
|
|
@@ -203,7 +203,7 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
203
203
|
var _a2;
|
|
204
204
|
const i3 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
|
|
205
205
|
if (i3 === Z) {
|
|
206
|
-
const s4 = e7.children, i4 = e7.props, d4 =
|
|
206
|
+
const s4 = e7.children, i4 = e7.props, d4 = A(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, rowAlign: (i4 == null ? void 0 : i4.rowAlign) || (i4 == null ? void 0 : i4["row-align"]) || he.rowAlign, 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 };
|
|
207
207
|
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);
|
|
208
208
|
} else Array.isArray(e7.children) && s3(e7.children);
|
|
209
209
|
});
|
|
@@ -234,7 +234,7 @@ const ee = "mc-table-plus", ae = "mc-table-header", te = "mc-table-sort", le = "
|
|
|
234
234
|
return { sortInfo: e3, setSort: a3, resetSort: () => a3("", "normal"), getCurrentSort: t3, sortData: (e4, a4) => {
|
|
235
235
|
let l3 = [...e4];
|
|
236
236
|
const n2 = a4.prop, o2 = t3(n2), s2 = a4.sortType || "string";
|
|
237
|
-
return "normal" !== o2 && (
|
|
237
|
+
return "normal" !== o2 && (V(s2) || (l3 = M(l3, "number" === s2 ? (e5) => Number(e5[n2]) : [n2], [o2]))), l3;
|
|
238
238
|
} };
|
|
239
239
|
})(), { pagination: K2, hasPagination: O2, handlePagination: Q2 } = (() => {
|
|
240
240
|
const e3 = F("pagination"), a3 = o({ ...ye });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-select-option[data-v-
|
|
1
|
+
.mc-select-option[data-v-7a30caf7]{list-style:none;margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;color:var(--mc-gray-800);font-size:16;font-weight:400;box-sizing:border-box;padding:0 8px;background-color:var(--mc-white);cursor:pointer}.mc-select-option.mc-select-option-actived[data-v-7a30caf7]{background-color:var(--mc-teal-200)}.mc-select-option.mc-select-option-hover[data-v-7a30caf7]{background-color:var(--mc-teal-50)}.mc-select-option.mc-select-option-disabled[data-v-7a30caf7]{background-color:var(--mc-gray-100);color:var(--mc-gray-400);cursor:not-allowed}
|
|
@@ -1 +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;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-
|
|
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;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-81fbab81]{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-81fbab81]{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-81fbab81]{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-81fbab81]{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-81fbab81]{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-81fbab81]{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:16px 8px;box-sizing:border-box}.mc-table-body-cell.mc-table-body-cell-row-align-end[data-v-81fbab81]{justify-content:flex-end}.mc-table-body-cell.mc-table-body-cell-row-align-start[data-v-81fbab81]{justify-content:flex-start}.mc-table-expand-icon-cell[data-v-81fbab81]{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-81fbab81]{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-81fbab81]{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)}
|