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

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

import { defineComponent as C, createElementBlock as g, openBlock as o, unref as t, normalizeStyle as v, normalizeClass as s, createElementVNode as l, renderSlot as r, createBlock as i, createCommentVNode as m, toDisplayString as d } from "vue";
import c from "../MeIcon/index.vue.js";
import { useStyle as B, useHandle as S } from "./hooks.js";
/*!
          * mine-h5-ui v2.15.0
          * Copyright (c) 2025 biaov
          * @license MIT
          */
const b = { class: "lf" }, z = { class: "rt" }, N = /* @__PURE__ */ C({
  name: "MeCell",
  __name: "index",
  props: {
    title: { default: "" },
    value: { default: "" },
    icon: { default: "" },
    iconColor: { default: "#494949" },
    placeholder: { default: "" },
    arrow: { type: Boolean, default: !1 },
    height: { default: "100%" },
    bottom: { type: Boolean, default: !1 }
  },
  emits: ["click"],
  setup(p, { emit: u }) {
    const f = u, h = p, { onClick: a } = S(f), { getStyle: y } = B(h);
    return (e, n) => (o(), g("div", {
      class: s(["me-cell", { bottom: e.bottom }]),
      style: v(t(y)),
      onClick: n[0] || (n[0] = //@ts-ignore
      (...k) => t(a) && t(a)(...k))
    }, [
      l("div", b, [
        r(e.$slots, "left", {}, () => [
          e.icon ? (o(), i(c, {
            key: 0,
            name: e.icon,
            size: "20px"
          }, null, 8, ["name"])) : m("", !0),
          l("span", null, d(e.title), 1)
        ])
      ]),
      l("div", z, [
        r(e.$slots, "right", {}, () => [
          l("span", {
            class: s({ placeholder: e.placeholder })
          }, d(e.value || e.placeholder), 3),
          e.arrow ? (o(), i(c, {
            key: 0,
            name: "icon-right1"
          })) : m("", !0)
        ])
      ])
    ], 6));
  }
});
export {
  N as default
};