mc-plus 1.0.39 → 1.0.40
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 +1 -1
- package/dist/es/mc-drawer-BgN3S_X8.js +28 -0
- package/dist/es/theme/mc-drawer.css +1 -1
- package/dist/index.css +1 -1
- package/dist/types/components/mc-drawer/index.d.ts +6 -0
- package/dist/types/components/mc-drawer/types.d.ts +3 -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-drawer-BAqCBDFv.js +0 -28
package/dist/es/index.js
CHANGED
|
@@ -19,7 +19,7 @@ import { a as C } from "./mc-success-icon-BpxyU5y9.js";
|
|
|
19
19
|
import { a as I, b as P } from "./mc-title-B6Hvo9y-.js";
|
|
20
20
|
import { a as z } from "./mc-footer-D-q92WeC.js";
|
|
21
21
|
import { a as A } from "./mc-modal-header-BXLmfVq5.js";
|
|
22
|
-
import { M as B } from "./mc-drawer-
|
|
22
|
+
import { M as B } from "./mc-drawer-BgN3S_X8.js";
|
|
23
23
|
import { M as D } from "./mc-reset-BjETD0vP.js";
|
|
24
24
|
import { M as E } from "./mc-divider-CNE-PJUC.js";
|
|
25
25
|
import { M as F } from "./mc-lightbox-CLsHAZWT.js";
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { defineComponent as e, ref as o, watch as t, createElementBlock as a, createCommentVNode as r, openBlock as s, createBlock as l, Teleport as d, createVNode as i, Transition as m, withCtx as f, normalizeClass as c, createElementVNode as u, renderSlot as n, nextTick as p } from "vue";
|
|
2
|
+
import { M as v } from "./mc-overlay-unPNM2RL.js";
|
|
3
|
+
import { M as w } from "./mc-modal-header-BXLmfVq5.js";
|
|
4
|
+
import { M as h } from "./mc-footer-D-q92WeC.js";
|
|
5
|
+
import { b as y } from "./hooks-DQBM4MPn.js";
|
|
6
|
+
import { _, w as $ } from "./utils-BmNJhgNi.js";
|
|
7
|
+
const b = { key: 0, class: "mc-drawer-container" }, g = { class: "mc-drawer-header" }, k = { class: "mc-drawer-content-wrapper" }, B = { class: "mc-drawer-content" }, x = $(_(e({ name: "McDrawer", __name: "mc-drawer", props: { modelValue: { type: Boolean }, title: {}, size: { default: "medium" }, maskClosable: { type: Boolean, default: true }, fixed: { type: Boolean, default: true }, portCssSelector: { default: "body" }, showBorder: { type: Boolean, default: true }, hideFooter: { type: Boolean, default: false }, position: { default: "right" } }, emits: ["update:modelValue", "close"], setup(e2, { expose: _2, emit: $2 }) {
|
|
8
|
+
const x2 = e2, C = o(false), j = o(false), M = o(false), V = async () => {
|
|
9
|
+
C.value = true, j.value = true, await p(), M.value = true;
|
|
10
|
+
}, z = async () => {
|
|
11
|
+
M.value = false, await p(), j.value = false, await p(), C.value = false, F("close"), F("update:modelValue", false);
|
|
12
|
+
};
|
|
13
|
+
t(() => x2.modelValue, (e3, o2) => {
|
|
14
|
+
!o2 && e3 ? V() : z();
|
|
15
|
+
}, { immediate: true, flush: "post" });
|
|
16
|
+
const F = $2, S = () => {
|
|
17
|
+
x2.maskClosable && z();
|
|
18
|
+
}, D = () => {
|
|
19
|
+
z();
|
|
20
|
+
}, I = o(), R = o();
|
|
21
|
+
return y(R, ({ height: e3 }) => {
|
|
22
|
+
const o2 = I.value;
|
|
23
|
+
o2 && (o2.style.paddingBottom = `${e3}px`);
|
|
24
|
+
}), _2({ ref: I, open: V, close: z }), (e3, o2) => C.value ? (s(), a("div", b, [(s(), l(d, { to: e3.portCssSelector }, [i(m, { name: "mc-drawer-overlay" }, { default: f(() => [i(v, { visible: j.value, fixed: e3.fixed, onClick: S }, { default: f(() => [i(m, { name: `mc-drawer-content-${e3.position}` }, { default: f(() => [M.value ? (s(), a("div", { key: 0, class: c(["mc-drawer", [`mc-drawer-${e3.size}`, `mc-drawer-${e3.position}`]]), ref_key: "_ref", ref: I }, [u("div", g, [n(e3.$slots, "header", {}, () => [i(w, { title: e3.title, "show-border": e3.showBorder, onClose: D }, { default: f(() => [n(e3.$slots, "header-title", {}, void 0, true)]), _: 3 }, 8, ["title", "show-border"])], true)]), u("div", k, [u("div", B, [n(e3.$slots, "default", {}, void 0, true)])]), e3.hideFooter ? r("", true) : (s(), a("div", { key: 0, class: "mc-drawer-footer", ref_key: "footerRef", ref: R }, [n(e3.$slots, "footer", {}, () => [i(h, null, { left: f(() => [n(e3.$slots, "footer-left", {}, void 0, true)]), right: f(() => [n(e3.$slots, "footer-right", {}, void 0, true)]), "right-button-group": f(() => [n(e3.$slots, "footer-right-button-group", {}, void 0, true)]), desc: f(() => [n(e3.$slots, "footer-desc", {}, void 0, true)]), _: 3 })], true)], 512))], 2)) : r("", true)]), _: 3 }, 8, ["name"])]), _: 3 }, 8, ["visible", "fixed"])]), _: 3 })], 8, ["to"]))])) : r("", true);
|
|
25
|
+
} }), [["__scopeId", "data-v-efaee3e8"]]));
|
|
26
|
+
export {
|
|
27
|
+
x as M
|
|
28
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mc-drawer[data-v-
|
|
1
|
+
.mc-drawer[data-v-efaee3e8]{padding-top:56px;position:absolute;background-color:var(--mc-white);z-index:9999;box-sizing:border-box}.mc-drawer.mc-drawer-right[data-v-efaee3e8],.mc-drawer.mc-drawer-left[data-v-efaee3e8]{top:0;bottom:0}.mc-drawer.mc-drawer-right.mc-drawer-medium[data-v-efaee3e8],.mc-drawer.mc-drawer-left.mc-drawer-medium[data-v-efaee3e8]{width:708px}.mc-drawer.mc-drawer-right.mc-drawer-large[data-v-efaee3e8],.mc-drawer.mc-drawer-left.mc-drawer-large[data-v-efaee3e8]{width:996px}.mc-drawer.mc-drawer-right.mc-drawer-small[data-v-efaee3e8],.mc-drawer.mc-drawer-left.mc-drawer-small[data-v-efaee3e8]{width:480px}.mc-drawer.mc-drawer-bottom[data-v-efaee3e8],.mc-drawer.mc-drawer-top[data-v-efaee3e8]{width:100%;left:0;right:0}.mc-drawer.mc-drawer-bottom.mc-drawer-medium[data-v-efaee3e8],.mc-drawer.mc-drawer-top.mc-drawer-medium[data-v-efaee3e8]{height:50vh}.mc-drawer.mc-drawer-bottom.mc-drawer-large[data-v-efaee3e8],.mc-drawer.mc-drawer-top.mc-drawer-large[data-v-efaee3e8]{height:75vh}.mc-drawer.mc-drawer-bottom.mc-drawer-small[data-v-efaee3e8],.mc-drawer.mc-drawer-top.mc-drawer-small[data-v-efaee3e8]{height:25vh}.mc-drawer.mc-drawer-right[data-v-efaee3e8]{right:0}.mc-drawer.mc-drawer-left[data-v-efaee3e8]{left:0}.mc-drawer.mc-drawer-bottom[data-v-efaee3e8]{bottom:0}.mc-drawer.mc-drawer-top[data-v-efaee3e8]{top:0}.mc-drawer .mc-drawer-header[data-v-efaee3e8]{width:100%;position:absolute;top:0}.mc-drawer .mc-drawer-footer[data-v-efaee3e8]{width:100%;position:absolute;bottom:0}.mc-drawer .mc-drawer-footer .mc-drawer-button[data-v-efaee3e8]{width:fit-content;min-width:160px}.mc-drawer .mc-drawer-content-wrapper[data-v-efaee3e8]{width:100%;height:100%;box-sizing:border-box;overflow-y:auto}.mc-drawer .mc-drawer-content-wrapper .mc-drawer-content[data-v-efaee3e8]{padding:24px;box-sizing:border-box}.mc-drawer-overlay-enter-active[data-v-efaee3e8],.mc-drawer-overlay-leave-active[data-v-efaee3e8]{transition:opacity .3s ease-in-out}.mc-drawer-overlay-enter-active.mc-drawer-overlay-enter-from[data-v-efaee3e8],.mc-drawer-overlay-enter-active.mc-drawer-overlay-leave-to[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-enter-from[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-leave-to[data-v-efaee3e8]{opacity:0}.mc-drawer-overlay-enter-active.mc-drawer-overlay-enter-to[data-v-efaee3e8],.mc-drawer-overlay-enter-active.mc-drawer-overlay-leave-from[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-enter-to[data-v-efaee3e8],.mc-drawer-overlay-leave-active.mc-drawer-overlay-leave-from[data-v-efaee3e8]{opacity:1}.mc-drawer-content-right-enter-active[data-v-efaee3e8],.mc-drawer-content-right-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:right}.mc-drawer-content-right-enter-active.mc-drawer-content-right-enter-from[data-v-efaee3e8],.mc-drawer-content-right-enter-active.mc-drawer-content-right-leave-to[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-enter-from[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-leave-to[data-v-efaee3e8]{transform:scaleX(0)}.mc-drawer-content-right-enter-active.mc-drawer-content-right-enter-to[data-v-efaee3e8],.mc-drawer-content-right-enter-active.mc-drawer-content-right-leave-from[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-enter-to[data-v-efaee3e8],.mc-drawer-content-right-leave-active.mc-drawer-content-right-leave-from[data-v-efaee3e8]{transform:scaleX(1)}.mc-drawer-content-bottom-enter-active[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:bottom}.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-enter-from[data-v-efaee3e8],.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-leave-to[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-enter-from[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-leave-to[data-v-efaee3e8]{transform:scaleY(0)}.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-enter-to[data-v-efaee3e8],.mc-drawer-content-bottom-enter-active.mc-drawer-content-bottom-leave-from[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-enter-to[data-v-efaee3e8],.mc-drawer-content-bottom-leave-active.mc-drawer-content-bottom-leave-from[data-v-efaee3e8]{transform:scaleY(1)}.mc-drawer-content-left-enter-active[data-v-efaee3e8],.mc-drawer-content-left-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:left}.mc-drawer-content-left-enter-active.mc-drawer-content-left-enter-from[data-v-efaee3e8],.mc-drawer-content-left-enter-active.mc-drawer-content-left-leave-to[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-enter-from[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-leave-to[data-v-efaee3e8]{transform:scaleX(0)}.mc-drawer-content-left-enter-active.mc-drawer-content-left-enter-to[data-v-efaee3e8],.mc-drawer-content-left-enter-active.mc-drawer-content-left-leave-from[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-enter-to[data-v-efaee3e8],.mc-drawer-content-left-leave-active.mc-drawer-content-left-leave-from[data-v-efaee3e8]{transform:scaleX(1)}.mc-drawer-content-top-enter-active[data-v-efaee3e8],.mc-drawer-content-top-leave-active[data-v-efaee3e8]{transition:transform .5s ease-in-out;transform-origin:top}.mc-drawer-content-top-enter-active.mc-drawer-content-top-enter-from[data-v-efaee3e8],.mc-drawer-content-top-enter-active.mc-drawer-content-top-leave-to[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-enter-from[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-leave-to[data-v-efaee3e8]{transform:scaleY(0)}.mc-drawer-content-top-enter-active.mc-drawer-content-top-enter-to[data-v-efaee3e8],.mc-drawer-content-top-enter-active.mc-drawer-content-top-leave-from[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-enter-to[data-v-efaee3e8],.mc-drawer-content-top-leave-active.mc-drawer-content-top-leave-from[data-v-efaee3e8]{transform:scaleY(1)}
|