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

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

import { defineComponent as M, useModel as S, withDirectives as y, openBlock as n, createElementBlock as l, unref as e, normalizeStyle as m, normalizeClass as a, createElementVNode as i, withModifiers as g, toDisplayString as h, Fragment as B, renderList as _, vShow as x, mergeModels as p } from "vue";
import { useShow as D, useBtns as $ } from "./hooks.js";
const z = { class: "tips" }, E = { class: "list-li" }, L = ["onClick"], F = { class: "desc" }, A = /* @__PURE__ */ M({
  name: "MeShareSheet",
  __name: "index",
  props: /* @__PURE__ */ p({
    tips: { default: "立即分享给好友" },
    list: {}
  }, {
    visible: { type: Boolean, default: !1 },
    visibleModifiers: {}
  }),
  emits: /* @__PURE__ */ p(["change", "cancel"], ["update:visible"]),
  setup(o, { emit: f }) {
    const k = f, c = S(o, "visible"), { isShowMask: v, isShow: r, hideMask: d, animationDuration: b } = D(c), { onLi: w, onCancel: u } = $({ emit: k, visibleModel: c });
    return (N, t) => y((n(), l("div", {
      class: a(["me-share-sheet", { show: e(r) }]),
      style: m(`--animation-duration:${e(b)}ms;`),
      onClick: t[2] || (t[2] = //@ts-ignore
      (...s) => e(d) && e(d)(...s))
    }, [
      i("div", {
        class: a(["picker", { show: e(r) }]),
        onClick: t[1] || (t[1] = g(() => {
        }, ["stop"]))
      }, [
        i("h3", z, h(o.tips), 1),
        i("ul", E, [
          (n(!0), l(B, null, _(o.list, (s, C) => (n(), l("li", {
            key: C,
            onClick: (V) => e(w)(s)
          }, [
            i("i", {
              class: a(["iconfont icon", s.icon]),
              style: m(`color:${s.color};`)
            }, null, 6),
            i("span", F, h(s.value), 1)
          ], 8, L))), 128))
        ]),
        i("button", {
          type: "button",
          class: "btn-cancel",
          onClick: t[0] || (t[0] = //@ts-ignore
          (...s) => e(u) && e(u)(...s))
        }, "取消")
      ], 2)
    ], 6)), [
      [x, e(v)]
    ]);
  }
});
export {
  A as default
};