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

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

import { defineComponent as f, useModel as p, openBlock as c, createElementBlock as v, withModifiers as b, createElementVNode as M, unref as o, renderSlot as k, createCommentVNode as C, mergeModels as l } from "vue";
import { useHandler as g } from "./hooks.js";
const B = ["src"], E = /* @__PURE__ */ f({
  name: "MeGuide",
  __name: "index",
  props: /* @__PURE__ */ l({
    list: {},
    disabledClose: { type: Boolean, default: !1 }
  }, {
    visible: { type: Boolean, default: !1 },
    visibleModifiers: {}
  }),
  emits: /* @__PURE__ */ l(["step", "finish"], ["update:visible"]),
  setup(s, { emit: n }) {
    const r = n, d = s, t = p(s, "visible"), { url: m, onStep: i } = g({ props: d, emit: r, visibleModel: t });
    return (a, e) => t.value ? (c(), v("div", {
      key: 0,
      class: "me-guide",
      onClick: e[1] || (e[1] = b(() => {
      }, ["stop"]))
    }, [
      M("img", {
        src: o(m),
        class: "img",
        mode: "fill",
        onClick: e[0] || (e[0] = //@ts-ignore
        (...u) => o(i) && o(i)(...u))
      }, null, 8, B),
      k(a.$slots, "default")
    ])) : C("", !0);
  }
});
export {
  E as default
};