mine-h5-ui
Version:
一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍
48 lines (47 loc) • 1.43 kB
JavaScript
import { defineComponent as k, createElementBlock as r, openBlock as i, createElementVNode as o, normalizeStyle as s, unref as t, renderSlot as c, toDisplayString as C, normalizeClass as y } from "vue";
import { useHandler as g } from "./hooks.js";
/*!
* mine-h5-ui v2.15.0
* Copyright (c) 2025 biaov
* @license MIT
*/
const v = { class: "me-accordion-item" }, S = { key: 0 }, I = /* @__PURE__ */ k({
name: "MeAccordionItem",
__name: "index",
props: {
label: {},
name: {},
borderColor: { default: "#dcdfe6" }
},
emits: ["click"],
setup(a, { emit: d }) {
const m = d, p = a, { accordionItemCont: f, isShow: u, curHeight: b, onClick: l } = g(p, m);
return (e, n) => (i(), r("div", v, [
o("div", {
class: "hd",
onClick: n[0] || (n[0] = //@ts-ignore
(...h) => t(l) && t(l)(...h)),
style: s(`border-bottom-color:${e.borderColor};`)
}, [
e.label ? (i(), r("h3", S, C(e.label), 1)) : c(e.$slots, "label", { key: 1 }),
o("i", {
class: y(["iconfont icon-right1", { open: t(u) }])
}, null, 2)
], 4),
o("div", {
class: "bd",
style: s(`height:${t(b)}px;`)
}, [
o("div", {
ref_key: "accordionItemCont",
ref: f
}, [
c(e.$slots, "default")
], 512)
], 4)
]));
}
});
export {
I as default
};