mc-plus 1.0.21 → 1.0.22

package/dist/es/{hooks-D0n33nb8.js → hooks-Bd2T19-k.js}

@@ -41,25 +41,25 @@ function b(e2) {
   });
 }
 function p(e2, r2, t2 = 300) {
-  const s2 = new ResizeObserver(c((e3) => {
+  const u2 = new ResizeObserver(c((e3) => {
     for (let t3 of e3) r2(t3.contentRect);
-  }, t2)), u2 = (e3) => {
-    s2.observe(e3);
-  }, a2 = (e3) => {
-    s2.unobserve(e3);
+  }, t2)), a2 = (e3) => {
+    u2.observe(e3);
+  }, i2 = (e3) => {
+    u2.unobserve(e3);
   };
   return o(() => {
-    e2.value && u2(e2.value);
-  }), i(() => {
     e2.value && a2(e2.value);
+  }), s(() => {
+    e2.value && i2(e2.value);
   }), n(e2, (e3) => {
-    e3 && u2(e3);
-  }), { resizeObserver: s2, observe: u2, unobserve: a2 };
+    e3 && a2(e3);
+  }), { resizeObserver: u2, observe: a2, unobserve: i2 };
 }
 export {
   l as a,
   m as b,
-  f as c,
-  b as d,
+  b as c,
+  f as d,
   p as u
 };

package/dist/es/index.js

@@ -1,35 +1,36 @@
 import { p as s, m } from "./utils-CMUecsjZ.js";
-import { M as o } from "./mc-alert-BfTDI70R.js";
-import { M as r } from "./mc-button-C3M_uIUL.js";
+import { M as o } from "./mc-alert-BPMKgrkJ.js";
+import { M as r } from "./mc-button-DTRgW-cB.js";
 import { M as i } from "./mc-checkbox-1v_7vBVm.js";
 import { M as p } from "./mc-collapse-D4A3D1A7.js";
 import { a } from "./mc-collapse-D4A3D1A7.js";
 import { a as f } from "./mc-icon-oTgV9pMA.js";
-import { M as j, a as M } from "./mc-input-DtvjCuAH.js";
+import { M as j, a as M } from "./mc-input-Bi14QxKi.js";
 import { M as l } from "./mc-message-qDiSEyiP.js";
 import { a as a2 } from "./mc-message-qDiSEyiP.js";
 import { M as n, a as g } from "./mc-radio-TczsTpWI.js";
-import { M as x, a as h, b as S } from "./mc-select-BpTBi_Ax.js";
+import { M as x, a as h, b as S } from "./mc-select-BfRLyj_A.js";
 import { M as T } from "./mc-switch-COmM8JEx.js";
 import { M as k, a as w, b as P } from "./mc-tab-CGsHEm__.js";
 import { u, c, d } from "./mc-tab-CGsHEm__.js";
 import { M as q } from "./mc-tag-CfYut-mf.js";
 import { M as v } from "./mc-toast-BrmJXXuA.js";
 import { c as c2, t, e, a as a3, b, d as d2 } from "./mc-toast-BrmJXXuA.js";
-import { M as y } from "./mc-tooltip-XvEaoUdt.js";
-import { M as C } from "./mc-step-DPbqaW4a.js";
-import { M as E, b as I } from "./mc-form-C_zKtVSz.js";
+import { M as y } from "./mc-tooltip-CV3tcUfN.js";
+import { M as C } from "./mc-step-BNxvCF7V.js";
+import { M as E, b as I } from "./mc-form-C00hex94.js";
 import { M as W } from "./mc-success-icon-BB5f9EEL.js";
 import { a as z, b as A } from "./mc-title-7qDFxVvc.js";
 import { a as B } from "./mc-footer-CnMNnkA8.js";
 import { a as D } from "./mc-modal-header-BVG3tywa.js";
-import { M as F } from "./mc-drawer-Dle-4Mf2.js";
+import { M as F } from "./mc-drawer-Q5ABQyWA.js";
 import { M as G } from "./mc-reset-C2LQOIpe.js";
 import { M as H } from "./mc-divider-DnJ_rBx3.js";
-import { M as J } from "./mc-lightbox-BcK5Hqfm.js";
-const K = [r, p, y, k, T, n, g, x, h, S, i, o, l, q, v, C, E, I, j, M, f, W, z, B, A, D, F, w, P, G, H, J];
+import { M as J } from "./mc-lightbox-CH6D0Hzz.js";
+import { M as K, a as L } from "./mc-upload-BfgOsSV7.js";
+const N = [r, p, y, k, T, n, g, x, h, S, i, o, l, q, v, C, E, I, j, M, f, W, z, B, A, D, F, w, P, G, H, J, K, L];
 s();
-const L = m(K);
+const O = m(N);
 export {
   o as McAlert,
   r as McButton,
@@ -38,6 +39,7 @@ export {
   a as McCollapseItem,
   H as McDivider,
   F as McDrawer,
+  L as McFileList,
   B as McFooter,
   E as McForm,
   I as McFormItem,
@@ -64,9 +66,10 @@ export {
   A as McTitleToolBar,
   v as McToast,
   y as McTooltip,
+  K as McUpload,
   a2 as Message,
   c2 as createToast,
-  L as default,
+  O as default,
   t as toast,
   e as toastError,
   a3 as toastPrimary,

package/dist/es/mc-alert-BPMKgrkJ.js

@@ -0,0 +1,12 @@
+import { _ as e, w as t } from "./utils-CMUecsjZ.js";
+import { defineComponent as s, ref as l, useAttrs as c, computed as i, createElementBlock as o, createCommentVNode as r, openBlock as a, normalizeClass as n, normalizeStyle as _, createElementVNode as d, createBlock as m, renderSlot as p, toDisplayString as f } from "vue";
+import { M as y } from "./mc-icon-oTgV9pMA.js";
+const v = { class: "mc-alert__content" }, h = { class: "mc-alert__header" }, u = { class: "mc-alert__header-left" }, k = { key: 1, class: "mc-alert__title" }, w = { key: 0, class: "mc-alert__description" }, g = { key: 1, class: "mc-alert__description" }, I = t(e(s({ name: "McAlert", __name: "mc-alert", props: { type: { default: "info" }, title: {}, description: {}, closable: { type: Boolean, default: false }, showIcon: { type: Boolean, default: true }, height: {}, width: {} }, emits: ["close"], setup(e2, { expose: t2, emit: s2 }) {
+  const I2 = e2, M = s2, $ = l(), b = l(true), j = c(), x = i(() => ({ ...j.style || {}, width: I2.width, height: I2.height })), z = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, A = (e3) => {
+    b.value = false, M("close", e3);
+  };
+  return t2({ ref: $ }), (e3, t3) => b.value ? (a(), o("div", { key: 0, ref_key: "_ref", ref: $, style: _(x.value), class: n(["mc-alert", [`mc-alert--${e3.type}`]]) }, [d("div", v, [d("div", h, [d("div", u, [e3.showIcon ? (a(), m(y, { key: 0, name: z[e3.type], size: 24, class: "mc-alert__icon" }, null, 8, ["name"])) : r("", true), e3.title ? (a(), o("div", k, f(e3.title), 1)) : p(e3.$slots, "title", { key: 2 }, void 0, true)]), e3.closable ? (a(), m(y, { key: 0, name: "Cross", size: 24, class: "mc-alert__close", onClick: A })) : r("", true)]), e3.description ? (a(), o("div", w, f(e3.description), 1)) : (a(), o("div", g, [p(e3.$slots, "description", {}, void 0, true)]))])], 6)) : r("", true);
+} }), [["__scopeId", "data-v-fc038f58"]]));
+export {
+  I as M
+};

package/dist/es/{mc-button-C3M_uIUL.js → mc-button-DTRgW-cB.js}

@@ -3,11 +3,11 @@ import { M as y } from "./mc-icon-oTgV9pMA.js";
 import { t as h } from "./vendor-DkZTEfn_.js";
 import { _ as b, w as g } from "./utils-CMUecsjZ.js";
 const k = ["type", "disabled"], I = { key: 1, class: "loading-icon" }, _ = { class: "mc-button-text" }, w = g(b(e({ name: "McButton", __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(e2, { expose: b2, emit: g2 }) {
-  const w2 = e2, { loading: B, disabled: T, throttleDuration: j, height: x, width: z } = t(w2), M = g2, $ = o(), D = t(a()), C = i(() => ({ ...l(D).style, width: z.value ? z.value : void 0, height: x.value ? x.value : void 0 })), L = (e3) => {
-    B.value || T.value || M("click", e3);
-  }, q = h(L, j.value, { trailing: false });
-  return b2({ ref: $ }), (e3, t2) => (s(), n("button", { ref_key: "_ref", ref: $, style: r(C.value), class: u(["mc-button", { [`mc-button--${e3.type}`]: e3.type, [`mc-button--${e3.size}`]: e3.size, "is-loading": d(B), "is-disabled": d(T) }]), type: e3.nativeType, disabled: !(!d(T) && !d(B)) || void 0, onClick: t2[0] || (t2[0] = (t3) => e3.useThrottle ? d(q)(t3) : L(t3)) }, [e3.leftIcon && !d(B) ? (s(), c(y, { key: 0, name: e3.leftIcon }, null, 8, ["name"])) : m("", true), d(B) && !d(T) ? (s(), n("span", I, [v(y, { name: "Loading" })])) : m("", true), p("div", _, [f(e3.$slots, "default", {}, void 0, true)]), e3.rightIcon ? (s(), c(y, { key: 2, name: e3.rightIcon }, null, 8, ["name"])) : m("", true)], 14, k));
-} }), [["__scopeId", "data-v-ebe57aa9"]]));
+  const w2 = e2, { loading: z, disabled: B, throttleDuration: T, height: j, width: x } = t(w2), M = g2, $ = o(), D = t(a()), C = i(() => ({ ...l(D).style, width: x.value ? x.value : void 0, height: j.value ? j.value : void 0 })), L = (e3) => {
+    z.value || B.value || M("click", e3);
+  }, q = h(L, T.value, { trailing: false });
+  return b2({ ref: $ }), (e3, t2) => (s(), n("button", { ref_key: "_ref", ref: $, style: r(C.value), class: u(["mc-button", { [`mc-button--${e3.type}`]: e3.type, [`mc-button--${e3.size}`]: e3.size, "is-loading": d(z), "is-disabled": d(B) }]), type: e3.nativeType, disabled: !(!d(B) && !d(z)) || void 0, onClick: t2[0] || (t2[0] = (t3) => e3.useThrottle ? d(q)(t3) : L(t3)) }, [e3.leftIcon && !d(z) ? (s(), c(y, { key: 0, name: e3.leftIcon }, null, 8, ["name"])) : m("", true), d(z) && !d(B) ? (s(), n("span", I, [v(y, { name: "Loading", size: 16 })])) : m("", true), p("div", _, [f(e3.$slots, "default", {}, void 0, true)]), e3.rightIcon ? (s(), c(y, { key: 2, name: e3.rightIcon }, null, 8, ["name"])) : m("", true)], 14, k));
+} }), [["__scopeId", "data-v-22e63398"]]));
 export {
   w as M
 };

package/dist/es/{mc-drawer-Dle-4Mf2.js → mc-drawer-Q5ABQyWA.js}

@@ -2,7 +2,7 @@ import { defineComponent as e, ref as o, watch as t, createElementBlock as a, cr
 import { M as p } from "./mc-overlay-DwuQMb48.js";
 import { M as w } from "./mc-modal-header-BVG3tywa.js";
 import { M as y } from "./mc-footer-CnMNnkA8.js";
-import { u as _ } from "./hooks-D0n33nb8.js";
+import { u as _ } from "./hooks-Bd2T19-k.js";
 import { _ as h, w as $ } from "./utils-CMUecsjZ.js";
 const b = { key: 0, class: "mc-drawer-container" }, g = { class: "mc-drawer-header" }, k = { class: "mc-drawer-content-wrapper" }, x = { class: "mc-drawer-content" }, C = $(h(e({ name: "McDrawer", __name: "mc-drawer", props: { modelValue: { type: Boolean }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" } }, emits: ["update:modelValue", "close"], setup(e2, { expose: h2, emit: $2 }) {
   const C2 = e2, j = o(false), M = o(false), B = o(false), V = async () => {

package/dist/es/{mc-form-C_zKtVSz.js → mc-form-C00hex94.js}

@@ -1,6 +1,6 @@
-import { inject as e, computed as r, defineComponent as a, reactive as t, toRefs as s, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as n, ref as u, onMounted as c, onUnmounted as m, createCommentVNode as p, createVNode as v, normalizeClass as f, toDisplayString as b, Transition as _, withCtx as g, nextTick as h } from "vue";
-import { a as y } from "./hooks-D0n33nb8.js";
-import { s as F, f as j, a as q, k as P, b as w, c as x, m as I, d as k, g as M, e as S, h as V, j as B } from "./vendor-DkZTEfn_.js";
+import { inject as e, computed as r, defineComponent as a, reactive as t, toRefs as s, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as u, ref as n, onMounted as c, onUnmounted as m, createCommentVNode as p, createVNode as v, normalizeClass as f, toDisplayString as b, Transition as _, withCtx as g, nextTick as h } from "vue";
+import { a as y } from "./hooks-Bd2T19-k.js";
+import { s as F, f as q, a as j, k as P, b as w, c as x, m as I, d as k, g as M, e as S, h as V, j as B } from "./vendor-DkZTEfn_.js";
 import { _ as C, w as $ } from "./utils-CMUecsjZ.js";
 import E from "async-validator";
 const O = Symbol("formContext"), z = Symbol("formItemContext");
@@ -12,8 +12,8 @@ function D() {
   return r(() => s2.value || (a2 == null ? void 0 : a2.disabled) || (t2 == null ? void 0 : t2.disabled));
 }
 const G = { class: "mc-form" }, H = C(a({ name: "McForm", __name: "mc-form", props: { model: {}, rules: { default: () => ({}) }, disabled: { type: Boolean } }, emits: ["validate"], setup(e2, { expose: r2, emit: a2 }) {
-  const u2 = a2, c2 = [], m2 = async (e3 = [], r3) => {
-    const a3 = F(e3) ? j(c2, (r4) => w(e3, r4.prop)) : c2;
+  const n2 = a2, c2 = [], m2 = async (e3 = [], r3) => {
+    const a3 = F(e3) ? q(c2, (r4) => w(e3, r4.prop)) : c2;
     try {
       const e4 = await (async (e5 = []) => {
         let r4 = {};
@@ -30,31 +30,31 @@ const G = { class: "mc-form" }, H = C(a({ name: "McForm", __name: "mc-form", pro
       const a4 = e4;
       return r3 == null ? void 0 : r3(false, a4), Promise.reject(a4);
     }
-  }, p2 = (e3, r3) => F(r3) ? j(e3, (e4) => w(r3, e4.prop)) : e3, v2 = t({ ...s(e2), emits: u2, addField: (e3) => {
+  }, p2 = (e3, r3) => F(r3) ? q(e3, (e4) => w(r3, e4.prop)) : e3, v2 = t({ ...s(e2), emits: n2, addField: (e3) => {
     e3.prop && c2.push(e3);
   }, removeField: (e3) => {
     e3.prop && c2.splice(c2.indexOf(e3), 1);
   } });
   return o(O, v2), r2({ validate: async (e3) => await m2([], e3), validateField: m2, resetFields: (e3 = []) => {
-    q(p2(c2, e3), (e4) => e4.resetField());
+    j(p2(c2, e3), (e4) => e4.resetField());
   }, clearValidate: (e3 = []) => {
-    q(p2(c2, e3), (e4) => e4.clearValidate());
-  } }), (e3, r3) => (i(), l("div", G, [d("form", null, [n(e3.$slots, "default", {}, void 0, true)])]));
-} }), [["__scopeId", "data-v-11d99fe5"]]), J = { class: "mc-form-item" }, K = { class: "mc-form-item__content" }, L = { key: 0, class: "mc-form-item__error" }, N = C(a({ name: "McFormItem", __name: "mc-form-item", props: { prop: {}, label: {}, disabled: { type: Boolean, default: false }, required: { type: Boolean, default: false }, rules: {} }, setup(a2, { expose: y2 }) {
-  const q2 = a2, C2 = e(O), $2 = u("init"), A2 = u(""), D2 = (e2) => e2 && q2.prop && !x(M(e2, q2.prop)) ? M(e2, q2.prop) : null, G2 = r(() => {
+    j(p2(c2, e3), (e4) => e4.clearValidate());
+  } }), (e3, r3) => (i(), l("div", G, [d("form", null, [u(e3.$slots, "default", {}, void 0, true)])]));
+} }), [["__scopeId", "data-v-867f78c5"]]), J = { class: "mc-form-item" }, K = { class: "mc-form-item__content" }, L = { key: 0, class: "mc-form-item__error" }, N = C(a({ name: "McFormItem", __name: "mc-form-item", props: { prop: {}, label: {}, disabled: { type: Boolean, default: false }, required: { type: Boolean, default: false }, rules: {} }, setup(a2, { expose: y2 }) {
+  const j2 = a2, C2 = e(O), $2 = n("init"), A2 = n(""), D2 = (e2) => e2 && j2.prop && !x(M(e2, j2.prop)) ? M(e2, j2.prop) : null, G2 = r(() => {
     const e2 = C2 == null ? void 0 : C2.model;
     return D2(e2);
   }), H2 = r(() => {
     const e2 = [];
-    q2.rules && e2.push(...q2.rules);
+    j2.required && e2.push({ required: true }), j2.rules && e2.push(...j2.rules);
     const r2 = C2 == null ? void 0 : C2.rules;
-    if (r2 && q2.prop) {
+    if (r2 && j2.prop) {
       const a4 = D2(r2);
       a4 && e2.push(...a4);
     }
-    const a3 = q2.required;
+    const a3 = j2.required;
     if (x(a3)) {
-      const r3 = j(I(e2, (e3, r4) => [e3, r4]), (e3) => w(P(e3[0]), "required"));
+      const r3 = q(I(e2, (e3, r4) => [e3, r4]), (e3) => w(P(e3[0]), "required"));
       if (F(r3)) for (const t2 of r3) {
         const [r4, s2] = t2;
         r4.required !== a3 && (e2[s2] = { ...r4, required: a3 });
@@ -62,22 +62,22 @@ const G = { class: "mc-form" }, H = C(a({ name: "McForm", __name: "mc-form", pro
       else e2.push({ required: a3 });
     }
     return e2;
-  }), N2 = r(() => F(H2.value) > 0), Q2 = r(() => k(H2.value, "required") || q2.required), R2 = r(() => q2.disabled);
+  }), N2 = r(() => F(H2.value) > 0), Q2 = r(() => k(H2.value, "required") || j2.required), R2 = r(() => j2.disabled);
   let T = null, U = false;
   const W = (e2, r2) => {
-    if (U || !q2.prop || R2.value) return Promise.resolve(true);
+    if (U || !j2.prop || R2.value) return Promise.resolve(true);
     if (!N2.value) return r2 == null ? void 0 : r2(true), Promise.resolve(true);
     const a3 = ((e3) => {
       const r3 = H2.value;
-      return r3 ? j(r3, (r4) => !r4.trigger || !e3 || (B(r4.trigger) ? w(r4.trigger, e3) : r4.trigger === e3)).map(({ trigger: e4, ...r4 }) => r4) : [];
+      return r3 ? q(r3, (r4) => !r4.trigger || !e3 || (B(r4.trigger) ? w(r4.trigger, e3) : r4.trigger === e3)).map(({ trigger: e4, ...r4 }) => r4) : [];
     })(e2);
     if (!F(a3)) return r2 == null ? void 0 : r2(true), Promise.resolve(true);
     $2.value = "validating";
     const t2 = ((e3) => {
-      const r3 = q2.prop;
-      return r3 ? new E({ [r3]: e3 }).validate({ [r3]: G2.value }, { firstFields: true }).then(() => ($2.value = "success", C2 == null ? void 0 : C2.emits("validate", q2, true, ""), A2.value = "", true)).catch((e4) => {
+      const r3 = j2.prop;
+      return r3 ? new E({ [r3]: e3 }).validate({ [r3]: G2.value }, { firstFields: true }).then(() => ($2.value = "success", C2 == null ? void 0 : C2.emits("validate", j2, true, ""), A2.value = "", true)).catch((e4) => {
         const { errors: r4 } = e4;
-        return $2.value = "error", A2.value = r4 && F(r4) > 0 ? r4[0].message ?? "" : "", C2 == null ? void 0 : C2.emits("validate", q2, false, A2.value), Promise.reject(r4);
+        return $2.value = "error", A2.value = r4 && F(r4) > 0 ? r4[0].message ?? "" : "", C2 == null ? void 0 : C2.emits("validate", j2, false, A2.value), Promise.reject(e4);
       }) : null;
     })(a3);
     return t2 ? t2.then(() => (r2 == null ? void 0 : r2(true), true)).catch((e3) => {
@@ -86,18 +86,18 @@ const G = { class: "mc-form" }, H = C(a({ name: "McForm", __name: "mc-form", pro
     }) : Promise.reject(false);
   }, X = () => {
     const e2 = C2 == null ? void 0 : C2.model;
-    e2 && q2.prop && !x(M(e2, q2.prop)) && (U = true, S(e2, q2.prop, V(T))), h(() => {
+    e2 && j2.prop && !x(M(e2, j2.prop)) && (U = true, S(e2, j2.prop, V(T))), h(() => {
       Y();
     });
   }, Y = () => {
     $2.value = "init", A2.value = "", U = false;
-  }, Z = t({ ...s(q2), validateStatus: r(() => $2.value), disabled: R2.value, validate: W, resetField: X, clearValidate: Y });
+  }, Z = t({ ...s(j2), validateStatus: r(() => $2.value), disabled: R2.value, validate: W, resetField: X, clearValidate: Y });
   return o(z, Z), c(() => {
-    q2.prop && (C2 == null ? void 0 : C2.addField(Z), T = G2.value);
+    j2.prop && (C2 == null ? void 0 : C2.addField(Z), T = G2.value);
   }), m(() => {
-    q2.prop && (C2 == null ? void 0 : C2.removeField(Z));
-  }), y2({ validateMessage: A2, validateStatus: $2, validate: W, resetField: X, clearValidate: Y }), (e2, r2) => (i(), l("div", J, [e2.label ? (i(), l("label", { key: 0, class: f(["mc-form-item__label", { "mc-form-item__label--required": Q2.value }]) }, b(e2.label), 3)) : p("", true), d("div", K, [n(e2.$slots, "default", {}, void 0, true)]), v(_, { name: "mc-form-item-error" }, { default: g(() => [A2.value ? (i(), l("div", L, b(A2.value), 1)) : p("", true)]), _: 1 })]));
-} }), [["__scopeId", "data-v-5b00cf57"]]), Q = $(H), R = $(N);
+    j2.prop && (C2 == null ? void 0 : C2.removeField(Z));
+  }), y2({ validateMessage: A2, validateStatus: $2, validate: W, resetField: X, clearValidate: Y }), (e2, r2) => (i(), l("div", J, [e2.label ? (i(), l("label", { key: 0, class: f(["mc-form-item__label", { "mc-form-item__label--required": Q2.value }]) }, b(e2.label), 3)) : p("", true), d("div", K, [u(e2.$slots, "default", {}, void 0, true)]), v(_, { name: "mc-form-item-error" }, { default: g(() => [A2.value ? (i(), l("div", L, b(A2.value), 1)) : p("", true)]), _: 1 })]));
+} }), [["__scopeId", "data-v-5c93e7b2"]]), Q = $(H), R = $(N);
 export {
   Q as M,
   A as a,

package/dist/es/{mc-input-DtvjCuAH.js → mc-input-Bi14QxKi.js}

@@ -1,7 +1,7 @@
 import { inject as e, computed as t, defineComponent as a, ref as u, onMounted as s, watch as l, createElementBlock as n, openBlock as r, normalizeStyle as c, normalizeClass as o, unref as i, createCommentVNode as p, createElementVNode as f, renderSlot as d, createBlock as m, createVNode as v, Fragment as y, nextTick as x, useSlots as h, reactive as _, watchEffect as g, provide as I } from "vue";
 import { M as b } from "./mc-icon-oTgV9pMA.js";
-import { u as w, a as $ } from "./mc-form-C_zKtVSz.js";
-import { b as k } from "./hooks-D0n33nb8.js";
+import { u as w, a as $ } from "./mc-form-C00hex94.js";
+import { b as k } from "./hooks-Bd2T19-k.js";
 import { b as V, l as M, c as S, i as j } from "./vendor-DkZTEfn_.js";
 import { _ as B, w as R } from "./utils-CMUecsjZ.js";
 const z = Symbol("InputGroupContext");

package/dist/es/mc-lightbox-CH6D0Hzz.js

@@ -0,0 +1,35 @@
+import { defineComponent as e, ref as t, watch as o, nextTick as l, createElementBlock as a, createCommentVNode as s, openBlock as i, createBlock as r, Teleport as d, createVNode as f, Transition as u, withCtx as c, normalizeClass as m, createElementVNode as n, renderSlot as v } from "vue";
+import { M as h } from "./mc-overlay-DwuQMb48.js";
+import { M as p } from "./mc-modal-header-BVG3tywa.js";
+import { M as g } from "./mc-footer-CnMNnkA8.js";
+import { c as b, u as x } from "./hooks-Bd2T19-k.js";
+import { _ as y, w as _ } from "./utils-CMUecsjZ.js";
+const k = { key: 0, class: "mc-lightbox-container" }, $ = { class: "mc-lightbox-header" }, w = _(y(e({ name: "McLightbox", __name: "mc-lightbox", props: { modelValue: { type: Boolean, default: false }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, hideFooter: { type: Boolean, default: false } }, emits: ["update:modelValue", "close"], setup(e2, { expose: y2, emit: _2 }) {
+  const w2 = e2, C = _2, j = t(), B = t(), M = t(), R = t(), V = t(false), H = t(false), z = t(false), F = () => {
+    w2.maskClosable && L();
+  }, S = () => {
+    L();
+  }, I = async () => {
+    V.value = true, H.value = true, await l(), z.value = true;
+  }, L = async () => {
+    z.value = false, await l(), H.value = false, await l(), V.value = false, C("close"), C("update:modelValue", false);
+  };
+  o(() => w2.modelValue, (e3, t2) => {
+    !t2 && e3 ? I() : L();
+  }, { immediate: true, flush: "post" });
+  const q = () => {
+    var _a;
+    if (!M.value || !B.value) return;
+    const e3 = 0.7 * window.innerHeight - 56 - B.value.offsetHeight, t2 = ((_a = R.value) == null ? void 0 : _a.offsetHeight) ?? 40;
+    M.value.style.height = `${t2 > e3 ? e3 : t2}px`;
+  };
+  return b(() => {
+    q();
+  }), x(B, async ({ height: e3 }) => {
+    const t2 = j.value;
+    t2 && (t2.style.paddingBottom = `${e3}px`, await l(), q());
+  }), y2({ ref: j, open: I, close: L }), (e3, t2) => V.value ? (i(), a("div", k, [(i(), r(d, { to: e3.portCssSelector }, [f(u, { name: "mc-lightbox-overlay" }, { default: c(() => [f(h, { visible: H.value, fixed: e3.fixed, onClick: F }, { default: c(() => [f(u, { name: "mc-lightbox-content" }, { default: c(() => [z.value ? (i(), a("div", { key: 0, class: m(["mc-lightbox", [`mc-lightbox-${e3.size}`]]), ref_key: "lightboxRef", ref: j }, [n("div", $, [v(e3.$slots, "header", {}, () => [f(p, { title: e3.title, onClose: S }, { default: c(() => [v(e3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title"])], true)]), n("div", { class: "mc-lightbox-content-wrapper", ref_key: "wrapperRef", ref: M }, [n("div", { class: "mc-lightbox-content", ref_key: "contentRef", ref: R }, [v(e3.$slots, "default", {}, void 0, true)], 512)], 512), e3.hideFooter ? s("", true) : (i(), a("div", { key: 0, class: "mc-lightbox-footer", ref_key: "footerRef", ref: B }, [v(e3.$slots, "footer", {}, () => [f(g, null, { left: c(() => [v(e3.$slots, "footer-left", {}, void 0, true)]), right: c(() => [v(e3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": c(() => [v(e3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: c(() => [v(e3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512))], 2)) : s("", true)]), _: 3 })]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : s("", true);
+} }), [["__scopeId", "data-v-632e7454"]]));
+export {
+  w as M
+};

package/dist/es/{mc-select-BpTBi_Ax.js → mc-select-BfRLyj_A.js}

@@ -1,8 +1,8 @@
 import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as c, openBlock as o, normalizeStyle as u, normalizeClass as i, unref as d, createElementVNode as r, createVNode as v, createCommentVNode as n, createBlock as p, resolveDynamicComponent as m, withDirectives as h, vModelText as f, Transition as _, withCtx as g, renderSlot as w, createTextVNode as y, vShow as b, inject as k, useSlots as x, onMounted as S, onBeforeUnmount as V, h as O, toDisplayString as j, toRefs as B, useAttrs as C, toValue as I } from "vue";
 import { M } from "./mc-icon-oTgV9pMA.js";
-import { b as $, c as R } from "./hooks-D0n33nb8.js";
-import { u as F, a as N } from "./mc-form-C_zKtVSz.js";
-import { u as G } from "./mc-input-DtvjCuAH.js";
+import { b as $, d as R } from "./hooks-Bd2T19-k.js";
+import { u as F, a as N } from "./mc-form-C00hex94.js";
+import { u as G } from "./mc-input-Bi14QxKi.js";
 import { c as P, n as z } from "./vendor-DkZTEfn_.js";
 import { _ as A, w as D } from "./utils-CMUecsjZ.js";
 const T = Symbol("selectContext"), U = Symbol("selectGroupContext"), q = { key: 0, class: "mc-select-selected-content" }, E = { class: "mc-select-input-wrapper" }, H = ["placeholder", "readonly", "disabled"], J = { class: "mc-select-dropdown-wrapper" }, K = { class: "mc-select-dropdown" }, L = { key: 0, class: "mc-select-no-data" }, Q = A(e({ name: "McSelect", __name: "mc-select", props: { modelValue: { default: "" }, placeholder: { default: "Please select" }, disabled: { type: Boolean }, type: { default: "single" }, width: {}, height: {}, search: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: k2 }) {

package/dist/es/{mc-step-DPbqaW4a.js → mc-step-BNxvCF7V.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, computed as s, watch as t, nextTick as c, ref as l, onMounted as n, createElementBlock as a, openBlock as m, normalizeClass as i, createElementVNode as o, Fragment as u, renderList as r, createBlock as p, toDisplayString as d, createCommentVNode as v, Transition as f, withCtx as y, resolveDynamicComponent as g } from "vue";
 import { _ as k } from "./mc-success-icon-BB5f9EEL.js";
-import { d as h } from "./hooks-D0n33nb8.js";
+import { c as h } from "./hooks-Bd2T19-k.js";
 import { o as _, t as b } from "./vendor-DkZTEfn_.js";
 import { _ as R, w as S } from "./utils-CMUecsjZ.js";
 const x = { class: "mc-step-number-container" }, B = { class: "mc-step-item-number" }, C = { key: 0, class: "mc-step-item-number-text" }, V = { class: "mc-step-item-content" }, j = { class: "mc-step-item-label" }, q = { class: "mc-step-item-desc" }, w = { key: 0, class: "mc-step-item-component" }, Y = S(R(e({ name: "McStep", __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: R2, emit: S2 }) {

package/dist/es/{mc-tooltip-XvEaoUdt.js → mc-tooltip-CV3tcUfN.js}

@@ -1,6 +1,6 @@
-import { defineComponent as e, ref as o, computed as t, watch as a, onUnmounted as l, watchEffect as i, createElementBlock as r, openBlock as s, mergeProps as u, toHandlers as p, createElementVNode as n, createVNode as c, renderSlot as v, Transition as m, withCtx as d, createCommentVNode as f, createTextVNode as g, toDisplayString as h } from "vue";
+import { defineComponent as e, ref as o, computed as t, watch as a, onUnmounted as l, watchEffect as i, createElementBlock as r, openBlock as s, mergeProps as u, toHandlers as p, createElementVNode as n, createVNode as v, renderSlot as c, Transition as m, withCtx as d, createCommentVNode as f, createTextVNode as g, toDisplayString as h } from "vue";
 import { createPopper as _ } from "@popperjs/core";
-import { c as k } from "./hooks-D0n33nb8.js";
+import { d as k } from "./hooks-Bd2T19-k.js";
 import { q as b, r as y, c as N } from "./vendor-DkZTEfn_.js";
 import { _ as T, w as j } from "./utils-CMUecsjZ.js";
 const w = j(T(e({ name: "McTooltip", __name: "mc-tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, disabled: { type: Boolean }, popperOptions: {}, showTimeout: { default: 0 }, hideTimeout: { default: 300 }, transitionName: { default: "fade" } }, emits: ["visible:change", "click:outside"], setup(e2, { expose: T2, emit: j2 }) {
@@ -26,7 +26,7 @@ const w = j(T(e({ name: "McTooltip", __name: "mc-tooltip", props: { content: {},
   };
   return k(q, () => {
     x("click:outside"), "hover" !== w2.trigger && z.value && K(false);
-  }), T2({ show: () => J(false), hide: () => K(false) }), (e3, o2) => (s(), r("div", u({ class: "mc-tooltip", ref_key: "containerNode", ref: q }, p(O.value, true)), [n("div", u({ class: "mc-tooltip__trigger", ref_key: "triggerNode", ref: B }, p(M.value, true)), [v(e3.$slots, "default", {}, void 0, true)], 16), c(m, { name: e3.transitionName }, { default: d(() => [z.value ? (s(), r("div", u({ key: 0, class: "mc-tooltip__popper", ref_key: "popperNode", ref: I }, p($.value, true)), [v(e3.$slots, "content", {}, () => [g(h(e3.content), 1)], true)], 16)) : f("", true)]), _: 3 }, 8, ["name"])], 16));
+  }), T2({ show: () => J(false), hide: () => K(false) }), (e3, o2) => (s(), r("div", u({ class: "mc-tooltip", ref_key: "containerNode", ref: q }, p(O.value, true)), [n("div", u({ class: "mc-tooltip__trigger", ref_key: "triggerNode", ref: B }, p(M.value, true)), [c(e3.$slots, "default", {}, void 0, true)], 16), v(m, { name: e3.transitionName }, { default: d(() => [z.value ? (s(), r("div", u({ key: 0, class: "mc-tooltip__popper", ref_key: "popperNode", ref: I }, p($.value, true)), [c(e3.$slots, "content", {}, () => [g(h(e3.content), 1)], true)], 16)) : f("", true)]), _: 3 }, 8, ["name"])], 16));
 } }), [["__scopeId", "data-v-d3a7e7be"]]));
 export {
   w as M

package/dist/es/mc-upload-BfgOsSV7.js

@@ -0,0 +1,120 @@
+import { defineComponent as e, ref as l, computed as a, createElementBlock as t, openBlock as s, normalizeClass as i, createVNode as o, TransitionGroup as n, withCtx as r, Fragment as d, renderList as u, createElementVNode as c, createCommentVNode as f, createBlock as p, toDisplayString as m, unref as v, reactive as g, onMounted as h, withModifiers as y, withDirectives as w, vShow as z, renderSlot as _, Transition as B } from "vue";
+import { M as C } from "./mc-icon-oTgV9pMA.js";
+import { u as k } from "./hooks-Bd2T19-k.js";
+import { _ as M, w as b } from "./utils-CMUecsjZ.js";
+import { a as S, i as x } from "./vendor-DkZTEfn_.js";
+var $ = ((e2) => (e2.B = "B", e2.KB = "KB", e2.MB = "MB", e2.GB = "GB", e2))($ || {});
+const T = 1024, F = (e2) => parseFloat(e2).toString(), D = (e2, l2 = 2) => e2 < T ? `${e2} B` : e2 < 1048576 ? `${F((e2 / T).toFixed(l2))} KB` : e2 < 1073741824 ? `${F((e2 / 1048576).toFixed(l2))} MB` : `${F((e2 / 1073741824).toFixed(l2))} GB`;
+function U(e2) {
+  if (!e2) return "--";
+  const l2 = new Date(e2);
+  return `${l2.getFullYear()}/${String(l2.getMonth() + 1).padStart(2, "0")}/${String(l2.getDate()).padStart(2, "0")} ${String(l2.getHours()).padStart(2, "0")}:${String(l2.getMinutes()).padStart(2, "0")}:${String(l2.getSeconds()).padStart(2, "0")}`;
+}
+const H = "[?]", V = { upload_note: "Click to upload or drag and drop files here", max_size: "Max file size:", max_count: "No limit on maximum number of documents but recommend that upload then in pdf if more than 5 files are to be upload.", uploaded_by: "Uploaded by", uploaded_on: "Uploaded on", limit_count: `The number of files cannot exceed ${H} .`, limit_size: `The file size cannot exceed ${H} .`, limit_type: `Please upload only ${H} files.` }, I = { class: "file-info-container" }, j = { class: "file-name file-info" }, E = ["onClick"], G = { class: "file-name-text" }, K = { key: 0, class: "size error-info" }, P = { key: 1, class: "size" }, R = { class: "file-info" }, L = { class: "label" }, N = { class: "content" }, q = { class: "file-info" }, A = { class: "label" }, Y = { class: "content" }, J = ["onClick"], O = { key: 0, class: "compact-container" }, Q = { class: "file-info" }, W = { class: "label" }, X = { class: "content" }, Z = { class: "file-info" }, ee = { class: "label" }, le = { class: "content" }, ae = M(e({ name: "McFileList", __name: "mc-file-list", props: { files: { default: () => [] }, deletable: { type: Boolean, default: false }, theme: { default: "white" } }, emits: ["delete:file", "review:file"], setup(e2, { emit: g2 }) {
+  const h2 = e2, y2 = g2, w2 = l(), z2 = l(false), _2 = a(() => "grey" === h2.theme);
+  return k(w2, ({ width: e3 }) => {
+    z2.value = e3 <= 600;
+  }), (e3, l2) => (s(), t("div", { class: i(["mc-file-list", { "mc-file-list-grey": _2.value }]), ref_key: "fileContainerRef", ref: w2 }, [o(n, { name: "file-list", tag: "ul" }, { default: r(() => [(s(true), t(d, null, u(e3.files, (l3) => (s(), t("li", { class: i(["file-item", l3.status]), key: l3.name }, [c("div", I, [c("div", j, [c("div", { class: "file", onClick: (e4) => (async (e5) => {
+    y2("review:file", e5);
+  })(l3) }, ["loading" === l3.status ? (s(), p(C, { key: 0, name: "Loading", class: "loading-icon" })) : (s(), p(C, { key: 1, name: "Document" })), c("span", G, m(l3.name), 1)], 8, E), "failed" === l3.status ? (s(), t("div", K, m(l3.errorMessage), 1)) : (s(), t("div", P, m(l3.size ? v(D)(l3.size) : ""), 1))]), "loading" !== l3.status ? (s(), t(d, { key: 0 }, [z2.value || "successed" !== l3.status ? f("", true) : (s(), t(d, { key: 0 }, [c("div", R, [c("div", L, m(v(V).uploaded_by), 1), c("div", N, m(l3.uploadBy), 1)]), c("div", q, [c("div", A, m(v(V).uploaded_on), 1), c("div", Y, m(v(U)(l3.uploadTime)), 1)])], 64)), e3.deletable ? (s(), t("div", { key: 1, class: "delete", onClick: (e4) => ((e5) => {
+    y2("delete:file", e5);
+  })(l3) }, [o(C, { name: "Trash" })], 8, J)) : f("", true)], 64)) : f("", true)]), z2.value && "successed" === l3.status ? (s(), t("div", O, [c("div", Q, [c("div", W, m(v(V).uploaded_by), 1), c("div", X, m(l3.uploadBy), 1)]), c("div", Z, [c("div", ee, m(v(V).uploaded_on), 1), c("div", le, m(v(U)(l3.uploadTime)), 1)])])) : f("", true)], 2))), 128))]), _: 1 })], 2));
+} }), [["__scopeId", "data-v-579e8a9d"]]), te = { class: "upload" }, se = { class: "desc" }, ie = b(M(e({ name: "McUpload", __name: "mc-upload", props: { modelValue: { default: () => [] }, fileSize: { default: () => 15728640 }, fileCount: { default: 0 }, hiddenIcon: { type: Boolean, default: false }, allowedFileTypes: {}, uploadUser: { default: "--" }, uploadFunc: {} }, emits: ["upload", "update:modelValue", "delete:file", "review:file", "error:count", "error:size"], setup(e2, { expose: n2, emit: d2 }) {
+  const u2 = e2, C2 = d2, k2 = l(), M2 = l(false), b2 = g(/* @__PURE__ */ new Map()), F2 = a(() => [...b2.values()]);
+  h(() => {
+    (() => {
+      const e3 = u2.modelValue;
+      (e3 == null ? void 0 : e3.length) && S(e3, (e4) => {
+        e4.name && b2.set(e4.name, { fid: e4.fid, name: e4.name, size: e4.size, status: "successed", uploadBy: e4.uploadBy, uploadTime: e4.uploadTime });
+      });
+    })();
+  });
+  const U2 = () => {
+    k2.value.click();
+  }, I2 = (e3) => {
+    var _a;
+    M2.value = false;
+    const l2 = (_a = e3.dataTransfer) == null ? void 0 : _a.files;
+    l2 && E2(l2);
+  }, j2 = (e3) => {
+    const l2 = e3.target.files;
+    l2 && E2(l2);
+  }, E2 = async (e3) => {
+    var _a, _b, _c, _d;
+    let l2 = Array.from(e3);
+    if (l2 = K2(l2), l2 = P2(l2), !l2.length) return void (k2.value && (k2.value.value = ""));
+    if (l2.forEach((e4) => {
+      b2.set(e4.name, { name: e4.name, size: e4.size, status: "loading", uploadBy: u2.uploadUser, uploadTime: Date.now() });
+    }), !R2(l2)) return void (k2.value && (k2.value.value = ""));
+    const a2 = [];
+    for (const e4 of l2) b2.has(e4.name) && "loading" === b2.get(e4.name).status && a2.push(N2(e4));
+    const t2 = await Promise.allSettled(a2);
+    for (let e4 = 0; e4 < t2.length; e4++) {
+      const a3 = l2[e4];
+      if ("fulfilled" === t2[e4].status) {
+        const l3 = (_b = (_a = t2[e4]) == null ? void 0 : _a.value) == null ? void 0 : _b.fid;
+        b2.set(a3.name, { fid: l3, name: a3.name, size: a3.size, status: "successed", uploadBy: u2.uploadUser, uploadTime: Date.now() });
+      } else {
+        const l3 = ((_d = (_c = t2[e4]) == null ? void 0 : _c.reason) == null ? void 0 : _d.message) || "Upload failed";
+        console.error(t2[e4]), b2.set(a3.name, { name: a3.name, size: a3.size, status: "failed", errorMessage: l3, uploadBy: u2.uploadUser, uploadTime: Date.now() });
+      }
+    }
+    L2();
+  }, G2 = a(() => "number" == typeof u2.fileSize ? u2.fileSize : "string" == typeof u2.fileSize ? ((e3) => {
+    try {
+      if (!e3 || !e3.includes(" ")) throw new Error();
+      const l2 = e3.split(" ");
+      if (2 !== l2.length) throw new Error();
+      const a2 = Number(l2[0]), t2 = l2[1];
+      if (!(t2 in $)) throw new Error();
+      if ("B" === t2) return a2;
+      if ("KB" === t2) return a2 * T;
+      if ("MB" === t2) return a2 * T * T;
+      if ("GB" === t2) return a2 * T * T * T;
+      throw new Error();
+    } catch (e4) {
+      return console.error("Please config the correct file size. ", e4), -1;
+    }
+  })(u2.fileSize) : -1), K2 = (e3) => {
+    const l2 = e3.length;
+    return u2.fileCount && l2 + b2.size > u2.fileCount && (e3 = e3.slice(0, u2.fileCount - b2.size), C2("error:count")), e3;
+  }, P2 = (e3) => {
+    const l2 = u2.allowedFileTypes;
+    if (l2 == null ? void 0 : l2.length) {
+      const a2 = l2.map((e4) => e4.toUpperCase()), t2 = e3.filter((e4) => {
+        var _a;
+        const l3 = ((_a = e4.name.split(".").pop()) == null ? void 0 : _a.toUpperCase()) ?? "--";
+        return a2.includes(l3);
+      });
+      t2.length !== e3.length && C2("error:size"), e3 = t2;
+    }
+    return e3;
+  }, R2 = (e3) => {
+    const l2 = G2.value;
+    if (l2 <= 0) return true;
+    let a2 = false;
+    for (let t2 = 0; t2 < e3.length; t2++) {
+      const s2 = e3[t2];
+      s2.size > l2 ? b2.set(s2.name, { name: s2.name, size: s2.size, status: "failed", errorMessage: V.limit_size.replace(H, `${D(l2)}`), uploadBy: u2.uploadUser, uploadTime: Date.now() }) : a2 = true;
+    }
+    return a2;
+  }, L2 = () => {
+    const e3 = [...b2.values()].filter((e4) => "successed" === e4.status);
+    C2("upload", e3), C2("update:modelValue", e3);
+  }, N2 = async (e3) => x(u2.uploadFunc) ? await u2.uploadFunc(e3) : Promise.reject("UploadFunc is not a function"), q2 = (e3) => {
+    b2.delete(e3.name), k2.value && (k2.value.value = ""), C2("delete:file", e3), L2();
+  }, A2 = (e3) => {
+    C2("review:file", e3);
+  };
+  return n2({ uploadInputRef: k2, clear: () => {
+    b2.clear(), k2.value && (k2.value.value = ""), L2();
+  } }), (e3, l2) => (s(), t("div", null, [c("div", { class: i(["mc-upload", { dragover: M2.value }]), onClick: U2, onDragover: l2[2] || (l2[2] = y(() => {
+  }, ["prevent"])), onDrop: y(I2, ["prevent"]) }, [c("div", { class: "cover", onDragenter: l2[0] || (l2[0] = (e4) => M2.value = true), onDragleave: l2[1] || (l2[1] = (e4) => M2.value = false) }, null, 32), c("div", te, [w(c("div", null, l2[3] || (l2[3] = [c("svg", { class: "upload-icon", width: "32", height: "38", viewBox: "0 0 32 38", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, [c("path", { d: "M27.7647 16.5V10.3334C27.7647 7.53311 27.7647 6.13298 27.2518 5.06342C26.8006 4.12261 26.0807 3.35771 25.1952 2.87834C24.1886 2.33337 22.8708 2.33337 20.2353 2.33337H10.1961C7.56053 2.33337 6.24276 2.33337 5.23612 2.87834C4.35065 3.35771 3.63074 4.12261 3.17957 5.06342C2.66666 6.13298 2.66666 7.53311 2.66666 10.3334V27.6667C2.66666 30.467 2.66666 31.8671 3.17957 32.9367C3.63074 33.8775 4.35065 34.6424 5.23612 35.1217C6.24276 35.6667 7.56053 35.6667 10.1961 35.6667H15.2157M18.3529 17.3334H8.94117M12.0784 24H8.94117M21.4902 10.6667H8.94117M24.6274 34V24M19.9216 29H29.3333", "stroke-width": "4", "stroke-linecap": "square" })], -1)]), 512), [[z, !e3.hiddenIcon]]), c("div", se, [_(e3.$slots, "default", {}, () => [c("p", { class: i(["title", { "hidden-icon": e3.hiddenIcon }]) }, m(v(V).upload_note), 3), w(c("p", null, m(v(V).max_size) + " " + m(v(D)(G2.value)), 513), [[z, G2.value > 0]]), c("p", null, m(v(V).max_count), 1)], true)])]), c("input", { ref_key: "uploadFileRef", ref: k2, type: "file", multiple: "", style: { display: "none" }, onChange: j2 }, null, 544)], 34), o(B, { name: "file-list-show" }, { default: r(() => {
+    var _a;
+    return [((_a = F2.value) == null ? void 0 : _a.length) ? (s(), p(ae, { key: 0, class: "file-list-show", files: F2.value, "onReview:file": A2, "onDelete:file": q2, deletable: "" }, null, 8, ["files"])) : f("", true)];
+  }), _: 1 })]));
+} }), [["__scopeId", "data-v-960abad0"]])), oe = b(ae);
+export {
+  ie as M,
+  oe as a
+};

package/dist/es/theme/mc-alert.css

@@ -1 +1 @@
-.mc-alert[data-v-d6aa2302]{--mc-alert-color: inherit;--mc-alert-background: inherit;position:relative;display:flex;align-items:center;justify-content:space-between;border-radius:var(--mc-radius);padding:8px 16px;transition:opacity var(--mc-transition-duration),transform var(--mc-transition-duration);background-color:var(--mc-alert-background)}.mc-alert__content[data-v-d6aa2302]{display:flex;flex-direction:column;gap:8px;width:100%;height:100%}.mc-alert__content .mc-alert__header[data-v-d6aa2302]{display:flex;align-items:center;justify-content:space-between}.mc-alert__content .mc-alert__header .mc-alert__header-left[data-v-d6aa2302]{display:flex;align-items:center;gap:8px}.mc-alert__content .mc-alert__header .mc-alert__header-left .mc-alert__title[data-v-d6aa2302]{font-weight:600;font-size:22px;line-height:30px}.mc-alert__content .mc-alert__header .mc-alert__icon[data-v-d6aa2302]{flex-shrink:0;color:var(--mc-alert-color)}.mc-alert__content .mc-alert__header .mc-alert__close[data-v-d6aa2302]{cursor:pointer;opacity:.8;transition:opacity var(--mc-transition-duration)}.mc-alert__content .mc-alert__header .mc-alert__close[data-v-d6aa2302]:hover{opacity:1}.mc-alert__content .mc-alert__description[data-v-d6aa2302]{font-weight:400;font-size:16px;line-height:24px;color:var(--mc-gray-800);margin-left:32px}.mc-alert--success[data-v-d6aa2302]{--mc-alert-color: var(--mc-success);--mc-alert-background: var(--mc-success-background)}.mc-alert--info[data-v-d6aa2302]{--mc-alert-color: var(--mc-info);--mc-alert-background: var(--mc-info-background)}.mc-alert--warning[data-v-d6aa2302]{--mc-alert-color: var(--mc-warning);--mc-alert-background: var(--mc-warning-background)}.mc-alert--error[data-v-d6aa2302]{--mc-alert-color: var(--mc-error);--mc-alert-background: var(--mc-error-background)}
+.mc-alert[data-v-fc038f58]{--mc-alert-color: inherit;--mc-alert-background: inherit;position:relative;display:flex;align-items:center;justify-content:space-between;border-radius:var(--mc-radius);padding:8px 16px;transition:opacity var(--mc-transition-duration),transform var(--mc-transition-duration);background-color:var(--mc-alert-background)}.mc-alert__content[data-v-fc038f58]{display:flex;flex-direction:column;gap:8px;width:100%;height:100%}.mc-alert__content .mc-alert__header[data-v-fc038f58]{display:flex;align-items:center;justify-content:space-between}.mc-alert__content .mc-alert__header .mc-alert__header-left[data-v-fc038f58]{display:flex;align-items:center;gap:8px}.mc-alert__content .mc-alert__header .mc-alert__header-left .mc-alert__title[data-v-fc038f58]{font-weight:600;font-size:22px;line-height:30px}.mc-alert__content .mc-alert__header .mc-alert__icon[data-v-fc038f58]{flex-shrink:0;color:var(--mc-alert-color)}.mc-alert__content .mc-alert__header .mc-alert__close[data-v-fc038f58]{cursor:pointer;opacity:.8;transition:opacity var(--mc-transition-duration)}.mc-alert__content .mc-alert__header .mc-alert__close[data-v-fc038f58]:hover{opacity:1}.mc-alert__content .mc-alert__description[data-v-fc038f58]{font-weight:400;font-size:16px;line-height:24px;color:var(--mc-gray-800);margin-left:32px}.mc-alert--success[data-v-fc038f58]{--mc-alert-color: var(--mc-success);--mc-alert-background: var(--mc-success-background)}.mc-alert--info[data-v-fc038f58]{--mc-alert-color: var(--mc-info);--mc-alert-background: var(--mc-info-background)}.mc-alert--warning[data-v-fc038f58]{--mc-alert-color: var(--mc-warning);--mc-alert-background: var(--mc-warning-background)}.mc-alert--error[data-v-fc038f58]{--mc-alert-color: var(--mc-error);--mc-alert-background: var(--mc-error-background)}

package/dist/es/theme/mc-button.css

@@ -1 +1 @@
-@keyframes loading-ebe57aa9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-button[data-v-ebe57aa9]{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;cursor:pointer;outline:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--mc-gap);font-weight:700;border-radius:var(--mc-radius);transition:transform var(--mc-transition-duration)}.mc-button[data-v-ebe57aa9]:active{transform:translateY(var(--mc-transform-distance))}.mc-button .mc-button-text[data-v-ebe57aa9]{white-space:nowrap}.mc-button.mc-button--medium[data-v-ebe57aa9]{width:fit-content;height:var(--mc-base-height);padding:15px 16px}.mc-button.mc-button--small[data-v-ebe57aa9]{width:fit-content;height:34px;padding:12px 16px}.mc-button.mc-button--large[data-v-ebe57aa9]{width:fit-content;height:64px;padding:27px 16px}.mc-button.mc-button--primary[data-v-ebe57aa9]{background-color:var(--mc-teal-500);color:var(--mc-white)}.mc-button.mc-button--primary[data-v-ebe57aa9]:hover{background-color:var(--mc-teal-900)}.mc-button.mc-button--primary.is-disabled[data-v-ebe57aa9]:hover{background-color:var(--mc-gray-300);color:var(--mc-gray-400);border:none}.mc-button.mc-button--plain[data-v-ebe57aa9]{border:1px solid var(--mc-teal-500);color:var(--mc-teal-500)}.mc-button.mc-button--plain[data-v-ebe57aa9]:hover{border:1px solid var(--mc-teal-900);color:var(--mc-teal-900)}.mc-button.mc-button--plain.is-disabled[data-v-ebe57aa9]{border:1px solid var(--mc-gray-300);color:var(--mc-gray-300);background:none}.mc-button.mc-button--link[data-v-ebe57aa9]{color:var(--mc-teal-500)}.mc-button.mc-button--link[data-v-ebe57aa9]:hover{color:var(--mc-teal-900)}.mc-button.mc-button--link.is-disabled[data-v-ebe57aa9]{color:var(--mc-gray-300);background:none}.mc-button.is-loading .loading-icon[data-v-ebe57aa9]{width:16px;height:16px;display:flex;justify-content:center;align-items:center;transform-origin:center;animation:loading-ebe57aa9 1s linear infinite}.mc-button.is-disabled[data-v-ebe57aa9]{background-color:var(--mc-gray-300);color:var(--mc-gray-400);border:none;cursor:not-allowed}.mc-button.is-disabled[data-v-ebe57aa9]:hover{transform:translateY(0)}
+@keyframes loading-22e63398{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-button[data-v-22e63398]{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;cursor:pointer;outline:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--mc-gap);font-weight:700;border-radius:var(--mc-radius);transition:transform var(--mc-transition-duration)}.mc-button[data-v-22e63398]:active{transform:translateY(var(--mc-transform-distance))}.mc-button .mc-button-text[data-v-22e63398]{white-space:nowrap}.mc-button.mc-button--medium[data-v-22e63398]{width:fit-content;height:var(--mc-base-height);padding:15px 16px}.mc-button.mc-button--small[data-v-22e63398]{width:fit-content;height:34px;padding:12px 16px}.mc-button.mc-button--large[data-v-22e63398]{width:fit-content;height:64px;padding:27px 16px}.mc-button.mc-button--primary[data-v-22e63398]{background-color:var(--mc-teal-500);color:var(--mc-white)}.mc-button.mc-button--primary[data-v-22e63398]:hover{background-color:var(--mc-teal-900)}.mc-button.mc-button--primary.is-disabled[data-v-22e63398]:hover{background-color:var(--mc-gray-300);color:var(--mc-gray-400);border:none}.mc-button.mc-button--plain[data-v-22e63398]{border:1px solid var(--mc-teal-500);color:var(--mc-teal-500)}.mc-button.mc-button--plain[data-v-22e63398]:hover{border:1px solid var(--mc-teal-900);color:var(--mc-teal-900)}.mc-button.mc-button--plain.is-disabled[data-v-22e63398]{border:1px solid var(--mc-gray-300);color:var(--mc-gray-300);background:none}.mc-button.mc-button--link[data-v-22e63398]{padding:0;color:var(--mc-teal-500)}.mc-button.mc-button--link[data-v-22e63398]:hover{color:var(--mc-teal-900)}.mc-button.mc-button--link.is-disabled[data-v-22e63398]{color:var(--mc-gray-300);background:none}.mc-button.is-loading .loading-icon[data-v-22e63398]{width:16px;height:16px;display:flex;justify-content:center;align-items:center;transform-origin:center;animation:loading-22e63398 1s linear infinite}.mc-button.is-disabled[data-v-22e63398]{background-color:var(--mc-gray-300);color:var(--mc-gray-400);border:none;cursor:not-allowed}.mc-button.is-disabled[data-v-22e63398]:hover{transform:translateY(0)}

package/dist/es/theme/mc-form.css

@@ -1 +1 @@
-.mc-form-item[data-v-5b00cf57]{margin-bottom:24px;position:relative}.mc-form-item .mc-form-item__label[data-v-5b00cf57]{position:relative;font-weight:700;color:var(--mc-gray-500);font-size:14px}.mc-form-item .mc-form-item__label.mc-form-item__label--required[data-v-5b00cf57]:after{content:"*";color:var(--mc-error);position:absolute;right:-8px;top:0}.mc-form-item .mc-form-item__content[data-v-5b00cf57]{margin-top:8px}.mc-form-item .mc-form-item__error[data-v-5b00cf57]{position:absolute;bottom:-20px;left:0;color:var(--mc-error);font-size:12px}.mc-form-item .mc-form-item-error-enter-active[data-v-5b00cf57],.mc-form-item .mc-form-item-error-leave-active[data-v-5b00cf57]{transition:all .3s ease}.mc-form-item .mc-form-item-error-enter-from[data-v-5b00cf57],.mc-form-item .mc-form-item-error-leave-to[data-v-5b00cf57]{opacity:0;transform:translateY(-8px)}
+.mc-form-item[data-v-5c93e7b2]{margin-bottom:24px;position:relative}.mc-form-item .mc-form-item__label[data-v-5c93e7b2]{position:relative;font-weight:700;color:var(--mc-gray-500);font-size:14px}.mc-form-item .mc-form-item__label.mc-form-item__label--required[data-v-5c93e7b2]:after{content:"*";color:var(--mc-error);position:absolute;right:-8px;top:0}.mc-form-item .mc-form-item__content[data-v-5c93e7b2]{margin-top:8px}.mc-form-item .mc-form-item__error[data-v-5c93e7b2]{position:absolute;bottom:-20px;left:0;color:var(--mc-error);font-size:12px}.mc-form-item .mc-form-item-error-enter-active[data-v-5c93e7b2],.mc-form-item .mc-form-item-error-leave-active[data-v-5c93e7b2]{transition:all .3s ease}.mc-form-item .mc-form-item-error-enter-from[data-v-5c93e7b2],.mc-form-item .mc-form-item-error-leave-to[data-v-5c93e7b2]{opacity:0;transform:translateY(-8px)}

package/dist/es/theme/mc-lightbox.css

@@ -1 +1 @@
-.mc-lightbox[data-v-570f3b5f]{width:800px;height:70%;padding:56px 0 72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--mc-white);z-index:9999;box-sizing:border-box;border-radius:4px}.mc-lightbox.mc-lightbox-large[data-v-570f3b5f]{width:1024px}.mc-lightbox.mc-lightbox-small[data-v-570f3b5f]{width:430px}.mc-lightbox .mc-lightbox-header[data-v-570f3b5f]{width:100%;position:absolute;top:0}.mc-lightbox .mc-lightbox-footer[data-v-570f3b5f]{width:100%;position:absolute;bottom:0}.mc-lightbox .mc-lightbox-content-wrapper[data-v-570f3b5f]{width:100%;height:100%;box-sizing:border-box;overflow-y:auto}.mc-lightbox .mc-lightbox-content-wrapper .mc-lightbox-content[data-v-570f3b5f]{padding:24px;box-sizing:border-box}.mc-lightbox-overlay-enter-active[data-v-570f3b5f],.mc-lightbox-overlay-leave-active[data-v-570f3b5f]{transition:opacity .3s ease-in-out}.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-enter-from[data-v-570f3b5f],.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-leave-to[data-v-570f3b5f],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-enter-from[data-v-570f3b5f],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-leave-to[data-v-570f3b5f]{opacity:0}.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-enter-to[data-v-570f3b5f],.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-leave-from[data-v-570f3b5f],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-enter-to[data-v-570f3b5f],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-leave-from[data-v-570f3b5f]{opacity:1}.mc-lightbox-content-enter-active[data-v-570f3b5f],.mc-lightbox-content-leave-active[data-v-570f3b5f]{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.mc-lightbox-content-enter-active.mc-lightbox-content-enter-from[data-v-570f3b5f],.mc-lightbox-content-enter-active.mc-lightbox-content-leave-to[data-v-570f3b5f],.mc-lightbox-content-leave-active.mc-lightbox-content-enter-from[data-v-570f3b5f],.mc-lightbox-content-leave-active.mc-lightbox-content-leave-to[data-v-570f3b5f]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.mc-lightbox-content-enter-active.mc-lightbox-content-enter-to[data-v-570f3b5f],.mc-lightbox-content-enter-active.mc-lightbox-content-leave-from[data-v-570f3b5f],.mc-lightbox-content-leave-active.mc-lightbox-content-enter-to[data-v-570f3b5f],.mc-lightbox-content-leave-active.mc-lightbox-content-leave-from[data-v-570f3b5f]{opacity:1;transform:translate(-50%,-50%) scale(1)}
+.mc-lightbox[data-v-632e7454]{width:800px;height:fit-content;max-height:70%;padding:56px 0 72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--mc-white);z-index:9999;box-sizing:border-box;border-radius:4px}.mc-lightbox.mc-lightbox-large[data-v-632e7454]{width:1024px}.mc-lightbox.mc-lightbox-small[data-v-632e7454]{width:430px}.mc-lightbox .mc-lightbox-header[data-v-632e7454]{width:100%;position:absolute;top:0}.mc-lightbox .mc-lightbox-footer[data-v-632e7454]{width:100%;position:absolute;bottom:0}.mc-lightbox .mc-lightbox-content-wrapper[data-v-632e7454]{width:100%;box-sizing:border-box;overflow-y:auto}.mc-lightbox .mc-lightbox-content-wrapper .mc-lightbox-content[data-v-632e7454]{padding:24px;box-sizing:border-box}.mc-lightbox-overlay-enter-active[data-v-632e7454],.mc-lightbox-overlay-leave-active[data-v-632e7454]{transition:opacity .3s ease-in-out}.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-enter-from[data-v-632e7454],.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-leave-to[data-v-632e7454],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-enter-from[data-v-632e7454],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-leave-to[data-v-632e7454]{opacity:0}.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-enter-to[data-v-632e7454],.mc-lightbox-overlay-enter-active.mc-lightbox-overlay-leave-from[data-v-632e7454],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-enter-to[data-v-632e7454],.mc-lightbox-overlay-leave-active.mc-lightbox-overlay-leave-from[data-v-632e7454]{opacity:1}.mc-lightbox-content-enter-active[data-v-632e7454],.mc-lightbox-content-leave-active[data-v-632e7454]{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.mc-lightbox-content-enter-active.mc-lightbox-content-enter-from[data-v-632e7454],.mc-lightbox-content-enter-active.mc-lightbox-content-leave-to[data-v-632e7454],.mc-lightbox-content-leave-active.mc-lightbox-content-enter-from[data-v-632e7454],.mc-lightbox-content-leave-active.mc-lightbox-content-leave-to[data-v-632e7454]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.mc-lightbox-content-enter-active.mc-lightbox-content-enter-to[data-v-632e7454],.mc-lightbox-content-enter-active.mc-lightbox-content-leave-from[data-v-632e7454],.mc-lightbox-content-leave-active.mc-lightbox-content-enter-to[data-v-632e7454],.mc-lightbox-content-leave-active.mc-lightbox-content-leave-from[data-v-632e7454]{opacity:1;transform:translate(-50%,-50%) scale(1)}

package/dist/es/theme/mc-upload.css

@@ -0,0 +1 @@
+@keyframes spin-579e8a9d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ul[data-v-579e8a9d]{margin:0;padding:0;box-sizing:border-box}ul li[data-v-579e8a9d]{list-style:none;margin:0;padding:0}.mc-file-list[data-v-579e8a9d]{width:100%;border-radius:8px;background-color:var(--mc-white)}.mc-file-list.mc-file-list-grey[data-v-579e8a9d]{background-color:var(--mc-gray-100)}.mc-file-list .file-item[data-v-579e8a9d]{padding:16px;box-sizing:border-box;margin-bottom:8px;box-shadow:0 2px 4px #0000001a}.mc-file-list .file-item .file-info-container[data-v-579e8a9d]{display:flex;justify-content:space-between;gap:24px}.mc-file-list .file-item .compact-container[data-v-579e8a9d]{margin-top:32px;position:relative}.mc-file-list .file-item .compact-container[data-v-579e8a9d]:before{content:"";height:1px;width:100%;background-color:var(--mc-white);position:absolute;top:-16px}.mc-file-list .file-item .compact-container .file-info[data-v-579e8a9d]{height:32px;display:flex;align-items:center;gap:24px}.mc-file-list .file-item .compact-container .file-info .label[data-v-579e8a9d]{margin:0;min-width:160px}.mc-file-list .file-item .compact-container .file-info .content[data-v-579e8a9d]{word-wrap:break-word}.mc-file-list .file-item[data-v-579e8a9d]:last-of-type{margin-bottom:0}.mc-file-list .file-item.loading .loading-icon[data-v-579e8a9d]{transform-origin:center;animation:spin-579e8a9d 1.5s ease-in-out 0s infinite}.mc-file-list .file-item.successed .file-name .file[data-v-579e8a9d]{color:var(--mc-teal-500);gap:4px;cursor:pointer}.mc-file-list .file-item.successed .file-name .file[data-v-579e8a9d]:hover{color:var(--mc-teal-900)}.mc-file-list .file-item.successed .file-name .file .file-name-text[data-v-579e8a9d]{max-width:500px;word-wrap:break-word}.mc-file-list .file-item.failed .file-name .file[data-v-579e8a9d],.mc-file-list .file-item.failed .file-name .size[data-v-579e8a9d]{color:var(--mc-error)}.mc-file-list .file-item.failed .error-info[data-v-579e8a9d]{color:var(--mc-error);font-size:12px!important;font-weight:700}.mc-file-list .file-item.failed .delete[data-v-579e8a9d]{color:var(--mc-error)}.mc-file-list .file-item .file-name[data-v-579e8a9d]{cursor:default}.mc-file-list .file-item .file-name .file[data-v-579e8a9d]{font-size:12px;font-weight:400;color:var(--mc-black);display:flex;gap:8px;transition:transform .2s}.mc-file-list .file-item .file-name .size[data-v-579e8a9d]{margin-top:8px;margin-left:24px;font-size:10px;color:var(--mc-gray-500)}.mc-file-list .file-item .file-info[data-v-579e8a9d]{max-width:386px;word-break:break-all}.mc-file-list .file-item .file-info .label[data-v-579e8a9d]{margin-bottom:8px;font-size:12px;min-height:24px;display:flex;align-items:center;color:var(--mc-gray-500)}.mc-file-list .file-item .file-info .content[data-v-579e8a9d]{min-height:24px;display:flex;align-items:center;font-size:16px;font-weight:400}.mc-file-list .file-item .delete[data-v-579e8a9d]{cursor:pointer;color:var(--mc-teal-500)}.mc-file-list .file-item .delete[data-v-579e8a9d]:hover{color:var(--mc-error)}.file-list-enter-from[data-v-579e8a9d],.file-list-leave-to[data-v-579e8a9d]{transform:scaleY(0);opacity:0}.file-list-enter-to[data-v-579e8a9d],.file-list-leave-from[data-v-579e8a9d]{transform:scaleY(1);opacity:1}.file-list-enter-active[data-v-579e8a9d],.file-list-leave-active[data-v-579e8a9d]{transform-origin:top;transition:transform .3s linear 0s,opacity .3s linear 0s}.mc-upload[data-v-960abad0]{width:100%;max-width:1284px;min-height:180px;padding:24px;border:1px solid var(--mc-teal-500);border-radius:8px;background-color:#d7eceb80;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-upload p[data-v-960abad0]{padding:0;margin:0}.mc-upload:hover .upload-icon path[data-v-960abad0]{stroke:var(--mc-teal-900)!important}.mc-upload:hover .desc .title[data-v-960abad0]{color:var(--mc-teal-900)!important;text-decoration:underline}.mc-upload.dragover[data-v-960abad0]{box-sizing:border-box;border:2px solid var(--mc-teal-500);box-shadow:0 4px 8px #0000001a}.mc-upload.dragover .cover[data-v-960abad0]{background-color:#d2d2d21a}.mc-upload .cover[data-v-960abad0]{width:100%;height:100%;position:absolute;border-radius:8px}.mc-upload .upload[data-v-960abad0]{display:flex;flex-direction:column;justify-content:center;align-items:center}.mc-upload .upload .upload-icon[data-v-960abad0]{margin-bottom:16px}.mc-upload .upload .upload-icon path[data-v-960abad0]{stroke:var(--mc-teal-500)}.mc-upload .upload .desc[data-v-960abad0]{display:flex;flex-direction:column;justify-content:center;align-items:center}.mc-upload .upload .desc p[data-v-960abad0]{font-weight:400!important;font-size:14px!important;color:var(--mc-gray-500)}.mc-upload .upload .desc p.title[data-v-960abad0]{color:var(--mc-teal-500);font-weight:700!important;font-size:16px!important;margin-bottom:16px}.file-list-show[data-v-960abad0]{max-width:1284px;margin-top:8px}.file-list-show-enter-from[data-v-960abad0],.file-list-show-leave-to[data-v-960abad0]{transform:scaleY(0);opacity:0}.file-list-show-enter-to[data-v-960abad0],.file-list-show-leave-from[data-v-960abad0]{transform:scaleY(1);opacity:1}.file-list-show-enter-active[data-v-960abad0],.file-list-show-leave-active[data-v-960abad0]{transform-origin:top;transition:transform .3s linear 0s,opacity .3s linear 0s}