mine-h5-ui/es/MeMask/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as p, useModel as u, withDirectives as k, openBlock as c, createElementBlock as v, unref as e, normalizeStyle as M, normalizeClass as t, renderSlot as b, withModifiers as w, vShow as y, mergeModels as B } from "vue";
import { useHandler as C } from "./hooks.js";
const x = /* @__PURE__ */ p({
  name: "MeMask",
  __name: "index",
  props: /* @__PURE__ */ B({
    visible: { type: Boolean },
    maskClose: { type: Boolean, default: !1 }
  }, {
    visible: { type: Boolean, default: !1 },
    visibleModifiers: {}
  }),
  emits: ["update:visible"],
  setup(s) {
    const n = s, a = u(s, "visible"), { isShowMask: r, isShow: i, clickMask: l, animationDuration: m } = C({ props: n, visibleModel: a });
    return (d, o) => k((c(), v("div", {
      class: t(["me-mask", { show: e(i) }]),
      style: M(`--animation-duration:${e(m)}ms;`),
      onClick: o[1] || (o[1] = //@ts-ignore
      (...f) => e(l) && e(l)(...f))
    }, [
      b(d.$slots, "default", {
        class: t({ on: e(i) }),
        onClick: o[0] || (o[0] = w(() => {
        }, ["stop"]))
      })
    ], 6)), [
      [y, e(r)]
    ]);
  }
});
export {
  x as default
};