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

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

import { defineComponent as h, openBlock as r, createElementBlock as i, createElementVNode as o, unref as l, normalizeStyle as a, toDisplayString as k, renderSlot as c, normalizeClass as y } from "vue";
import { useHandler as g } from "./hooks.js";
const v = { class: "me-collapse-item" }, S = { key: 0 }, x = /* @__PURE__ */ h({
  name: "MeCollapseItem",
  __name: "index",
  props: {
    label: {},
    name: {},
    borderColor: { default: "#dcdfe6" }
  },
  emits: ["click"],
  setup(e, { emit: m }) {
    const d = m, f = e, { collapseItemCont: p, isShow: u, curHeight: b, onClick: t } = g(f, d);
    return (n, s) => (r(), i("div", v, [
      o("div", {
        class: "hd",
        style: a(`border-bottom-color:${e.borderColor};`),
        onClick: s[0] || (s[0] = //@ts-ignore
        (...C) => l(t) && l(t)(...C))
      }, [
        e.label ? (r(), i("h3", S, k(e.label), 1)) : c(n.$slots, "label", { key: 1 }),
        o("i", {
          class: y(["iconfont icon-right1", { open: l(u) }])
        }, null, 2)
      ], 4),
      o("div", {
        class: "bd",
        style: a(`height:${l(b)}px;`)
      }, [
        o("div", {
          ref_key: "collapseItemCont",
          ref: p
        }, [
          c(n.$slots, "default")
        ], 512)
      ], 4)
    ]));
  }
});
export {
  x as default
};