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

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

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