mine-h5-ui
Version:
一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍
50 lines (49 loc) • 1.7 kB
JavaScript
import { defineComponent as n, createElementBlock as t, renderSlot as d, openBlock as l, withModifiers as u, normalizeClass as m, createCommentVNode as o, createElementVNode as f, normalizeStyle as a, Fragment as v, renderList as p } from "vue";
/*!
* mine-h5-ui v2.15.0
* Copyright (c) 2025 biaov
* @license MIT
*/
const y = { class: "me-skeleton-row" }, w = /* @__PURE__ */ n({
name: "MeSkeleton",
__name: "index",
props: {
visible: { type: Boolean, default: !1 },
active: { type: Boolean, default: !1 },
title: { type: Boolean, default: !1 },
titleWidth: { default: "40%" },
row: { default: 3 },
rowWidth: { default: "100%" },
avatar: { type: Boolean, default: !1 },
avatarSize: { default: "32px" }
},
setup(k) {
return (e, i) => e.visible ? (l(), t("div", {
key: 0,
class: m(["me-skeleton", { active: e.active }]),
onClick: i[0] || (i[0] = u(() => {
}, ["stop"]))
}, [
e.avatar ? (l(), t("div", {
key: 0,
class: "me-skeleton-avatar",
style: a({ width: e.avatarSize, height: e.avatarSize })
}, null, 4)) : o("", !0),
f("div", y, [
e.title ? (l(), t("div", {
key: 0,
class: "me-skeleton-title",
style: a({ width: e.titleWidth })
}, null, 4)) : o("", !0),
(l(!0), t(v, null, p(e.row, (r, s) => (l(), t("div", {
class: "me-skeleton-item",
key: r,
style: a({ width: Array.isArray(e.rowWidth) ? e.rowWidth[s] ?? "100%" : e.rowWidth })
}, null, 4))), 128))
])
], 2)) : d(e.$slots, "default", { key: 1 });
}
});
export {
w as default
};