mine-h5-ui
Version:
一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍
50 lines (49 loc) • 1.09 kB
JavaScript
import { ref as r, watch as l, computed as p, nextTick as i } from "vue";
/*!
* mine-h5-ui v2.16.0
* Copyright (c) 2025 biaov
* @license MIT
*/
const k = ({ emit: a, visibleModel: e }) => {
const s = r(!1), t = r(!1), o = 400, c = () => {
s.value = !0, i(() => {
setTimeout(() => {
t.value = !0;
}, 0);
});
}, n = () => {
t.value = !1, setTimeout(() => {
s.value = !1, e.value = !1, a("cancel");
}, o);
};
return l(
e,
(u) => {
u ? c() : n();
},
{
immediate: !0
}
), { isShowMask: s, isShow: t, showMask: c, hideMask: n, animationDuration: o };
}, m = ({ position: a, radius: e }) => ({ setRadius: p(() => {
let t = "";
switch (a) {
case "top":
t = `0px 0px ${e} ${e}`;
break;
case "right":
t = `${e} 0px 0px ${e}`;
break;
case "bottom":
t = `${e} ${e} 0px 0px`;
break;
case "left":
t = `0px ${e} ${e} 0px`;
break;
}
return `border-radius:${t};`;
}) });
export {
k as useMask,
m as useRadius
};