mc-plus 1.0.77 → 1.0.78
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 +20 -20
- package/dist/es/mc-button-Ckv7FHa8.js +16 -0
- package/dist/es/{mc-file-list-Dv2LDhbp.js → mc-file-list-Cv4OP1Ga.js} +2 -2
- package/dist/es/{mc-progress-bar-CGr9Uf7f.js → mc-progress-bar-tWHWi19h.js} +4 -4
- package/dist/es/{mc-select-Dnk7W7Mf.js → mc-select-3xlHImKe.js} +1 -1
- package/dist/es/{mc-select-group-Dz2G57Zo.js → mc-select-group-BKEcd7s0.js} +1 -1
- package/dist/es/{mc-select-group-plus-CbEB4hhG.js → mc-select-group-plus-CPt1eYeR.js} +1 -1
- package/dist/es/{mc-select-option-CXmSRasD.js → mc-select-option-Cptm5wjF.js} +2 -2
- package/dist/es/{mc-select-option-plus-Bn4h9rqa.js → mc-select-option-plus-93vuN2mf.js} +1 -1
- package/dist/es/{mc-select-plus-BfvGWpjV.js → mc-select-plus-Hdl-shv8.js} +4 -4
- package/dist/es/{mc-upload-B95Ngkxg.js → mc-upload-CDkkDtlT.js} +1 -1
- package/dist/es/theme/mc-button.css +1 -1
- package/dist/es/theme/mc-progress-bar.css +1 -1
- package/dist/index.css +1 -1
- package/dist/types/mc-select-plus/hooks/useSelectWidthHeight.d.ts +2 -2
- package/dist/types/mc-upload/types/common.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 +2 -2
- package/dist/es/mc-button-BDtWAwB8.js +0 -15
package/dist/es/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { d as s, l as _ } from "./utils-y7s5KtP-.js";
|
|
2
2
|
import { M as E } from "./mc-alert-message-JvnnHaSr.js";
|
|
3
3
|
import { a } from "./mc-alert-message-JvnnHaSr.js";
|
|
4
|
-
import { a as T } from "./mc-button-
|
|
5
|
-
import { b } from "./mc-button-
|
|
4
|
+
import { a as T } from "./mc-button-Ckv7FHa8.js";
|
|
5
|
+
import { b } from "./mc-button-Ckv7FHa8.js";
|
|
6
6
|
import { a as O } from "./mc-checkbox-C-9q1uwS.js";
|
|
7
7
|
import { b as b2 } from "./mc-checkbox-C-9q1uwS.js";
|
|
8
8
|
import { M as L } from "./mc-checkbox-group-DyPHhILZ.js";
|
|
@@ -49,8 +49,8 @@ import { M as Q } from "./mc-overlay-D2fKzV9J.js";
|
|
|
49
49
|
import { a as a16 } from "./mc-overlay-D2fKzV9J.js";
|
|
50
50
|
import { a as $ } from "./mc-popper-DG8gxW80.js";
|
|
51
51
|
import { b as b9 } from "./mc-popper-DG8gxW80.js";
|
|
52
|
-
import { a as ss } from "./mc-progress-bar-
|
|
53
|
-
import { b as b10 } from "./mc-progress-bar-
|
|
52
|
+
import { a as ss } from "./mc-progress-bar-tWHWi19h.js";
|
|
53
|
+
import { b as b10 } from "./mc-progress-bar-tWHWi19h.js";
|
|
54
54
|
import { M as os } from "./mc-progress-indicator-BLQqSDrY.js";
|
|
55
55
|
import { a as a17, b as b11, c } from "./mc-progress-indicator-BLQqSDrY.js";
|
|
56
56
|
import { a as ms } from "./mc-progress-indicator-item-BiQL0uXR.js";
|
|
@@ -67,18 +67,18 @@ import { M as cs } from "./mc-reset-BG-p8AiH.js";
|
|
|
67
67
|
import { a as a20 } from "./mc-reset-BG-p8AiH.js";
|
|
68
68
|
import { M as es } from "./mc-secondary-menu-3p4UsHZ0.js";
|
|
69
69
|
import { a as a21 } from "./mc-secondary-menu-3p4UsHZ0.js";
|
|
70
|
-
import { M as _s } from "./mc-select-
|
|
71
|
-
import { a as a22, S } from "./mc-select-
|
|
72
|
-
import { M as Ms } from "./mc-select-group-
|
|
73
|
-
import { a as a23, S as S2 } from "./mc-select-group-
|
|
74
|
-
import { M as is } from "./mc-select-option-
|
|
75
|
-
import { a as a24 } from "./mc-select-option-
|
|
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-
|
|
70
|
+
import { M as _s } from "./mc-select-3xlHImKe.js";
|
|
71
|
+
import { a as a22, S } from "./mc-select-3xlHImKe.js";
|
|
72
|
+
import { M as Ms } from "./mc-select-group-BKEcd7s0.js";
|
|
73
|
+
import { a as a23, S as S2 } from "./mc-select-group-BKEcd7s0.js";
|
|
74
|
+
import { M as is } from "./mc-select-option-Cptm5wjF.js";
|
|
75
|
+
import { a as a24 } from "./mc-select-option-Cptm5wjF.js";
|
|
76
|
+
import { a as Cs } from "./mc-select-plus-Hdl-shv8.js";
|
|
77
|
+
import { b as b13, M as M4 } from "./mc-select-plus-Hdl-shv8.js";
|
|
78
|
+
import { a as fs } from "./mc-select-group-plus-CPt1eYeR.js";
|
|
79
|
+
import { M as M5 } from "./mc-select-group-plus-CPt1eYeR.js";
|
|
80
|
+
import { a as js } from "./mc-select-option-plus-93vuN2mf.js";
|
|
81
|
+
import { M as M6 } from "./mc-select-option-plus-93vuN2mf.js";
|
|
82
82
|
import { M as Es } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
83
83
|
import { a as a25 } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
84
84
|
import { M as Ts } from "./mc-status-TsoVkCEe.js";
|
|
@@ -118,10 +118,10 @@ import { M as Gs } from "./mc-toast-DtnNJULV.js";
|
|
|
118
118
|
import { a as a37, t } from "./mc-toast-DtnNJULV.js";
|
|
119
119
|
import { M as hs } from "./mc-tooltip-CDYY9-bd.js";
|
|
120
120
|
import { a as a38 } from "./mc-tooltip-CDYY9-bd.js";
|
|
121
|
-
import { M as Ys } from "./mc-upload-
|
|
122
|
-
import { A, a as a39, b as b18, W } from "./mc-upload-
|
|
123
|
-
import { M as Fs } from "./mc-file-list-
|
|
124
|
-
import { a as a40 } from "./mc-file-list-
|
|
121
|
+
import { M as Ys } from "./mc-upload-CDkkDtlT.js";
|
|
122
|
+
import { A, a as a39, b as b18, W } from "./mc-upload-CDkkDtlT.js";
|
|
123
|
+
import { M as Fs } from "./mc-file-list-Cv4OP1Ga.js";
|
|
124
|
+
import { a as a40 } from "./mc-file-list-Cv4OP1Ga.js";
|
|
125
125
|
const Ks = [E, T, O, L, x, P, R, N, U, B, D, G, Y, K, X, H, y, v, w, J, V, Z, z, Q, $, ss, os, ms, rs, as, ts, ps, cs, es, _s, Ms, is, fs, Es, js, Cs, Ts, ls, xs, Ls, Os, As, Is, Ss, us, Ps, Rs, bs, ns, Us, Ns, ds, gs, Bs, Ds, Gs, hs, Fs, Ys];
|
|
126
126
|
s();
|
|
127
127
|
const Xs = _(Ks);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { _ as t, u as e } from "./utils-y7s5KtP-.js";
|
|
2
|
+
import { defineComponent as o, ref as i, createElementBlock as a, openBlock as n, unref as l, normalizeClass as s, normalizeStyle as d, createBlock as m, createCommentVNode as r, createElementVNode as c, createVNode as u, renderSlot as p } from "vue";
|
|
3
|
+
import { throttle as f } from "lodash-es";
|
|
4
|
+
import { useWidthHeight as h } from "@mc-plus/hooks";
|
|
5
|
+
import { M as b } from "./mc-icon-4B9i36Sx.js";
|
|
6
|
+
const g = "mc-button", y = ["type", "disabled"], k = { key: 1, class: "loading-icon" }, v = { class: "mc-button-text" }, I = t(o({ name: g, __name: "mc-button", props: { type: { default: "primary" }, nativeType: { default: "button" }, size: { default: "medium" }, disabled: { type: Boolean }, loading: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 }, leftIcon: {}, rightIcon: {}, content: {}, height: {}, width: {} }, emits: ["click"], setup(t2, { expose: e2, emit: o2 }) {
|
|
7
|
+
const g2 = t2, I2 = o2, _2 = i(), { width: z, height: T } = h(), w = (t3) => {
|
|
8
|
+
g2.loading || g2.disabled || I2("click", t3);
|
|
9
|
+
}, x = f(w, g2.throttleDuration, { trailing: false });
|
|
10
|
+
return e2({ ref: _2 }), (e3, o3) => (n(), a("button", { ref_key: "_ref", ref: _2, style: d({ width: l(z), height: l(T) }), class: s(["mc-button", { [`mc-button--${t2.type}`]: t2.type, [`mc-button--${t2.size}`]: t2.size, "is-loading": t2.loading, "is-disabled": t2.disabled }]), type: t2.nativeType, disabled: !(!t2.disabled && !t2.loading) || void 0, onClick: o3[0] || (o3[0] = (e4) => t2.useThrottle ? l(x)(e4) : w(e4)) }, [t2.leftIcon && !t2.loading ? (n(), m(b, { key: 0, name: t2.leftIcon }, null, 8, ["name"])) : r("", true), t2.loading && !t2.disabled ? (n(), a("span", k, [u(b, { name: "Loading", size: 16 })])) : r("", true), c("div", v, [p(e3.$slots, "default", {}, void 0, true)]), t2.rightIcon ? (n(), m(b, { key: 2, name: t2.rightIcon }, null, 8, ["name"])) : r("", true)], 14, y));
|
|
11
|
+
} }), [["__scopeId", "data-v-88576c9a"]]), _ = e(I);
|
|
12
|
+
export {
|
|
13
|
+
I as M,
|
|
14
|
+
_ as a,
|
|
15
|
+
g as b
|
|
16
|
+
};
|
|
@@ -3,8 +3,8 @@ import { defineComponent as i, ref as s, createElementBlock as a, openBlock as t
|
|
|
3
3
|
import { useResizeObserver as v } from "@mc-plus/hooks";
|
|
4
4
|
import { M as k } from "./mc-icon-4B9i36Sx.js";
|
|
5
5
|
import { M as y } from "./mc-divider-TCpxn8c3.js";
|
|
6
|
-
import { M as b } from "./mc-progress-bar-
|
|
7
|
-
import { u as g, g as C, f as _ } from "./mc-upload-
|
|
6
|
+
import { M as b } from "./mc-progress-bar-tWHWi19h.js";
|
|
7
|
+
import { u as g, g as C, f as _ } from "./mc-upload-CDkkDtlT.js";
|
|
8
8
|
const w = "mc-file-list", h = { class: "mc-file-list-item-content" }, M = { class: "mc-file-list-item-file mc-file-list-item-info" }, j = ["onClick"], B = { class: "mc-file-list-item-file-name-text" }, V = { class: "mc-file-list-item-file-desc" }, x = { class: "mc-file-list-item-file-size-text" }, z = { key: 0, class: "mc-file-list-item-file-progress-bar" }, T = { key: 1, class: "mc-file-list-item-file-error" }, D = { class: "mc-file-list-item-info" }, I = { class: "mc-file-list-item-label" }, L = { class: "mc-file-list-item-value" }, R = { class: "mc-file-list-item-info" }, $ = { class: "mc-file-list-item-label" }, q = { class: "mc-file-list-item-value" }, A = { class: "mc-file-list-item-actions" }, E = { class: "mc-file-list-item-compact-content" }, F = { class: "mc-file-list-item-info" }, G = { class: "mc-file-list-item-label" }, H = { class: "mc-file-list-item-value" }, J = { class: "mc-file-list-item-info" }, K = { class: "mc-file-list-item-label" }, N = { class: "mc-file-list-item-value" }, O = e(i({ name: w, __name: "mc-file-list", props: { modelValue: { default: () => [] }, theme: { default: "light" }, lang: { default: "en" }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "delete", "download", "preview", "cancel"], setup(e2, { emit: l2 }) {
|
|
9
9
|
const i2 = e2, w2 = l2, { langMap: O2 } = g(), P2 = s(false), Q = s();
|
|
10
10
|
v(Q, ({ width: e3 }) => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { _ as e, u as r } from "./utils-y7s5KtP-.js";
|
|
2
|
-
import { defineComponent as s, ref as a, watchEffect as t, computed as o, watch as p, useSlots as m, createElementBlock as l, openBlock as n, normalizeStyle as
|
|
2
|
+
import { defineComponent as s, ref as a, watchEffect as t, computed as o, watch as p, useSlots as m, createElementBlock as l, openBlock as n, normalizeStyle as c, unref as i, createElementVNode as u, createCommentVNode as d, renderSlot as g, toDisplayString as h } from "vue";
|
|
3
3
|
import { ceil as f } from "lodash-es";
|
|
4
4
|
import { useWidthHeight as v } from "@mc-plus/hooks";
|
|
5
5
|
const b = "mc-progress-bar", k = { key: 0, class: "mc-progress-bar-shimmer" }, y = { key: 0, class: "mc-progress-bar-remarks" }, w = e(s({ name: b, __name: "mc-progress-bar", props: { percentage: { default: 0 }, height: { default: "4px" }, width: { default: "100%" }, remarks: {}, showPercentage: { type: Boolean, default: false }, transitionDuration: { default: 300 }, shimmer: { type: Boolean, default: false } }, emits: ["update:percentage", "complete"], setup(e2, { expose: r2, emit: s2 }) {
|
|
6
6
|
const b2 = e2, w2 = s2, { width: _2, height: P } = v(), $ = a();
|
|
7
7
|
t(() => {
|
|
8
|
-
$.value && $.value.style.setProperty("--border-radius", P.value);
|
|
8
|
+
$.value && $.value.style.setProperty("--border-radius", P.value || "auto");
|
|
9
9
|
});
|
|
10
10
|
const x = o(() => {
|
|
11
11
|
const e3 = b2.percentage / 100;
|
|
@@ -21,8 +21,8 @@ const b = "mc-progress-bar", k = { key: 0, class: "mc-progress-bar-shimmer" }, y
|
|
|
21
21
|
w2("update:percentage", 100), w2("complete");
|
|
22
22
|
}, reset: () => {
|
|
23
23
|
w2("update:percentage", 0);
|
|
24
|
-
} }), (r3, s3) => (n(), l("div", { class: "mc-progress-bar", style:
|
|
25
|
-
} }), [["__scopeId", "data-v-
|
|
24
|
+
} }), (r3, s3) => (n(), l("div", { class: "mc-progress-bar", style: c({ width: i(_2) }) }, [u("div", { ref_key: "progressBarRef", ref: $, class: "mc-progress-bar-wrapper", style: c({ width: i(_2), height: i(P) }) }, [u("div", { class: "mc-progress-bar-inner", style: c({ transform: `scaleX(${x.value})`, transitionDuration: `${e2.transitionDuration}ms` }) }, null, 4), e2.shimmer ? (n(), l("i", k)) : d("", true)], 4), D.value ? (n(), l("div", y, [g(r3.$slots, "remarks", {}, () => [u("span", null, h(e2.remarks || `${i(f)(100 * x.value)}%`), 1)], true)])) : d("", true)], 4));
|
|
25
|
+
} }), [["__scopeId", "data-v-7ebc305e"]]), _ = r(w);
|
|
26
26
|
export {
|
|
27
27
|
w as M,
|
|
28
28
|
_ as a,
|
|
@@ -3,7 +3,7 @@ import { defineComponent as a, ref as t, computed as s, watch as u, provide as o
|
|
|
3
3
|
import { isNil as R, lowerCase as A, toString as M, filter as S, includes as C, map as O } from "lodash-es";
|
|
4
4
|
import { useFocus as z, useClickOutside as D } from "@mc-plus/hooks";
|
|
5
5
|
import { M as F } from "./mc-icon-4B9i36Sx.js";
|
|
6
|
-
import { M as I } from "./mc-button-
|
|
6
|
+
import { M as I } from "./mc-button-Ckv7FHa8.js";
|
|
7
7
|
import { _ as $ } from "./mc-tag-tK4gRtnS.js";
|
|
8
8
|
import { M as T } from "./mc-checkbox-C-9q1uwS.js";
|
|
9
9
|
import { _ as U } from "./mc-title-RVvmAnbZ.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as e, u as t } from "./utils-y7s5KtP-.js";
|
|
2
2
|
import { defineComponent as s, inject as l, provide as o, computed as a, toRefs as c, useAttrs as i, toValue as r, withDirectives as m, createElementBlock as p, openBlock as u, createElementVNode as d, normalizeStyle as v, toDisplayString as g, renderSlot as n, vShow as h } from "vue";
|
|
3
|
-
import { S as f } from "./mc-select-
|
|
3
|
+
import { S as f } from "./mc-select-3xlHImKe.js";
|
|
4
4
|
const b = Symbol("mc-select-group-context"), _ = "mc-select-group", w = { class: "mc-select-group" }, y = { class: "mc-select-group-content" }, S = t(e(s({ name: _, __name: "mc-select-group", props: { label: {}, width: {}, height: {} }, setup(e2) {
|
|
5
5
|
const t2 = e2, s2 = l(f, void 0);
|
|
6
6
|
o(b, { groupName: t2.label });
|
|
@@ -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-Hdl-shv8.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]]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as e, u as o } from "./utils-y7s5KtP-.js";
|
|
2
2
|
import { defineComponent as t, ref as s, inject as l, computed as c, useSlots as i, onMounted as a, onBeforeUnmount as n, h as p, createElementBlock as m, createCommentVNode as r, openBlock as v, normalizeStyle as d, normalizeClass as u, createElementVNode as f, renderSlot as h, createTextVNode as _, toDisplayString as g } from "vue";
|
|
3
|
-
import { S as w } from "./mc-select-group-
|
|
4
|
-
import { S } from "./mc-select-
|
|
3
|
+
import { S as w } from "./mc-select-group-BKEcd7s0.js";
|
|
4
|
+
import { S } from "./mc-select-3xlHImKe.js";
|
|
5
5
|
const j = "mc-select-option", k = { class: "mc-select-option-content" }, y = o(e(t({ name: j, __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: o2 }) {
|
|
6
6
|
const t2 = s(), j2 = e2, y2 = l(S, void 0), O = l(w, void 0), b = c(() => y2 == null ? void 0 : y2.selectValues.value.includes(j2.value)), x = c(() => !!(y2 == null ? void 0 : y2.filterOptions.value.some((e3) => e3.value === j2.value))), I = i(), C = () => {
|
|
7
7
|
y2 == null ? void 0 : y2.handleSelect(G(j2));
|
|
@@ -3,7 +3,7 @@ import { defineComponent as a, inject as t, computed as o, ref as s, withDirecti
|
|
|
3
3
|
import { find as h, includes as f } from "lodash-es";
|
|
4
4
|
import { useWidthHeight as _ } from "@mc-plus/hooks";
|
|
5
5
|
import { _ as y } from "./mc-select-multi-option-Db1LcXm-.js";
|
|
6
|
-
import { M as g } from "./mc-select-plus-
|
|
6
|
+
import { M as g } from "./mc-select-plus-Hdl-shv8.js";
|
|
7
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
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
9
|
if (B.value) {
|
|
@@ -8,15 +8,15 @@ import { _ as le } from "./mc-tag-tK4gRtnS.js";
|
|
|
8
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
|
-
import { M as se } from "./mc-button-
|
|
12
|
-
import { M as ue } from "./mc-select-group-plus-
|
|
13
|
-
import { M as re } from "./mc-select-option-plus-
|
|
11
|
+
import { M as se } from "./mc-button-Ckv7FHa8.js";
|
|
12
|
+
import { M as ue } from "./mc-select-group-plus-CPt1eYeR.js";
|
|
13
|
+
import { M as re } from "./mc-select-option-plus-93vuN2mf.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 }) {
|
|
17
17
|
const c2 = e2, ve2 = l2, we2 = t(() => c2.multiple), ke = a(), { wrapperRef: xe, isFocused: Oe, handleFocus: Ve, handleBlur: _e } = Q(ke), { isHovering: Se } = X(xe), { selectRef: je, width: Ae, height: Be } = (() => {
|
|
18
18
|
const e3 = a(), { width: l3, height: t2 } = W(), o2 = () => {
|
|
19
|
-
e3.value && (e3.value.style.setProperty("--mc-select-width", l3.value), e3.value.style.setProperty("--mc-select-height", t2.value));
|
|
19
|
+
e3.value && (e3.value.style.setProperty("--mc-select-width", l3.value || "auto"), e3.value.style.setProperty("--mc-select-height", t2.value || "auto"));
|
|
20
20
|
};
|
|
21
21
|
return u(() => {
|
|
22
22
|
o2();
|
|
@@ -4,7 +4,7 @@ import { useProp as w, useDragover as z, useWidthHeight as $ } from "@mc-plus/ho
|
|
|
4
4
|
import { M as b } from "./mc-icon-4B9i36Sx.js";
|
|
5
5
|
import { M as x } from "./mc-success-icon-CuyL6DXB.js";
|
|
6
6
|
import { map as S, includes as C } from "lodash-es";
|
|
7
|
-
import { _ as U } from "./mc-file-list-
|
|
7
|
+
import { _ as U } from "./mc-file-list-Cv4OP1Ga.js";
|
|
8
8
|
import { t as k } from "./mc-toast-DtnNJULV.js";
|
|
9
9
|
const D = (e2) => parseFloat(e2).toString(), M = (e2, l2 = 2) => e2 < 1024 ? `${e2} B` : e2 < 1048576 ? `${D((e2 / 1024).toFixed(l2))} KB` : e2 < 1073741824 ? `${D((e2 / 1048576).toFixed(l2))} MB` : `${D((e2 / 1073741824).toFixed(l2))} GB`, F = (e2) => {
|
|
10
10
|
if (!e2) return "--";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes loading-
|
|
1
|
+
@keyframes loading-88576c9a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-button[data-v-88576c9a]{border:none;background:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--mc-gap);border-radius:var(--mc-radius);transition:transform var(--mc-transition-duration)}.mc-button[data-v-88576c9a]:active{transform:translateY(var(--mc-transform-distance))}.mc-button .mc-button-text[data-v-88576c9a]{white-space:nowrap}.mc-button.mc-button--medium[data-v-88576c9a]{width:fit-content;height:40px;padding:0 16px;font-weight:600;font-size:16px}.mc-button.mc-button--small[data-v-88576c9a]{width:fit-content;height:32px;padding:0 16px;font-weight:600;font-size:14px}.mc-button.mc-button--primary[data-v-88576c9a]{background-color:var(--mc-teal-500);color:var(--mc-white)}.mc-button.mc-button--primary[data-v-88576c9a]:hover{background-color:var(--mc-teal-900)}.mc-button.mc-button--primary.is-disabled[data-v-88576c9a]:hover{background-color:var(--mc-gray-400);color:var(--mc-white);border:none}.mc-button.mc-button--plain[data-v-88576c9a]{border:1px solid var(--mc-teal-500);color:var(--mc-teal-500)}.mc-button.mc-button--plain[data-v-88576c9a]:hover{padding:0 15px;border:2px solid var(--mc-teal-900);color:var(--mc-teal-900)}.mc-button.mc-button--plain.is-disabled[data-v-88576c9a]{border:1px solid var(--mc-gray-400);color:var(--mc-gray-400);background:none}.mc-button.mc-button--link[data-v-88576c9a]{padding:0;color:var(--mc-teal-500)}.mc-button.mc-button--link[data-v-88576c9a]:hover{color:var(--mc-teal-900)}.mc-button.mc-button--link.is-disabled[data-v-88576c9a]{color:var(--mc-gray-400);background:none}.mc-button.is-loading .loading-icon[data-v-88576c9a]{width:16px;height:16px;display:flex;justify-content:center;align-items:center;transform-origin:center;animation:loading-88576c9a 1s linear infinite}.mc-button.is-disabled[data-v-88576c9a]{background-color:var(--mc-gray-400);color:var(--mc-white);border:none;cursor:not-allowed}.mc-button.is-disabled[data-v-88576c9a]:hover{transform:translateY(0)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-progress-bar[data-v-
|
|
1
|
+
.mc-progress-bar[data-v-7ebc305e]{width:100%}.mc-progress-bar .mc-progress-bar-wrapper[data-v-7ebc305e]{width:100%;--border-radius: 4px;border-radius:var(--border-radius);background-color:var(--mc-gray-100);position:relative;overflow:hidden}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-inner[data-v-7ebc305e]{width:100%;height:100%;background-color:var(--mc-teal-500);border-radius:var(--border-radius);transform-origin:left center;transition:transform linear}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-shimmer[data-v-7ebc305e]{display:block;position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 25%,transparent 100%);animation:progress-shimmer-7ebc305e 4s infinite linear;border-radius:var(--border-radius)}.mc-progress-bar .mc-progress-bar-remarks[data-v-7ebc305e]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0;margin-top:4px}@keyframes progress-shimmer-7ebc305e{0%{left:-100%}to{left:100%}}
|