@aplus-frontend/ui
Version:
50 lines (49 loc) • 1.43 kB
JavaScript
import { defineComponent as i, createBlock as n, openBlock as t, unref as a, withCtx as r, createCommentVNode as s, createElementBlock as d, createVNode as p, Fragment as u, renderList as c } from "vue";
import { Card as o, Skeleton as m } from "@aplus-frontend/antdv";
import "./item.vue.mjs";
import f from "./item.vue2.mjs";
const g = /* @__PURE__ */ i({
name: "ApSkeletonList",
__name: "index",
props: {
size: {},
active: { type: Boolean, default: !0 },
actionButton: { type: Boolean }
},
setup(y) {
return (e, v) => (t(), n(a(o), {
variant: "borderless",
"body-style": { padding: 0 }
}, {
default: r(() => [
e.actionButton !== !1 ? (t(), n(a(o), {
key: 0,
variant: "borderless",
"body-style": {
display: "flex",
alignItems: "center",
justifyContent: "end",
padding: "18px 24px"
}
}, {
default: r(() => [
p(a(m).Button, {
style: { width: "80px" },
active: e.active,
size: "small"
}, null, 8, ["active"])
]),
_: 1
})) : s("", !0),
(t(!0), d(u, null, c(new Array(e.size).fill(null), (_, l) => (t(), n(f, {
key: l,
active: !!e.active
}, null, 8, ["active"]))), 128))
]),
_: 1
}));
}
});
export {
g as default
};