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

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

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