@aplus-frontend/ui
Version:
58 lines (57 loc) • 1.54 kB
JavaScript
import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as i } from "vue";
import { Card as c, Skeleton as n } from "@aplus-frontend/antdv";
import { ApSkeletonLine as d } from "../line/index.mjs";
const m = { style: {
width: "100%",
display: "flex",
alignItems: "center",
justifyContent: "space-between"
} }, u = { style: {
maxWidth: "100%",
flex: 1
} }, x = /* @__PURE__ */ o({
name: "ApSkeletonListItem",
__name: "item",
props: {
active: { type: Boolean }
},
setup(f) {
return (a, y) => (r(), l(s, null, [
e(t(c), {
variant: "borderless",
style: { borderRadius: 0 },
"body-style": { padding: "24px" }
}, {
default: p(() => [
i("div", m, [
i("div", u, [
e(t(n), {
active: a.active,
title: {
width: "100px",
style: { marginBlockStart: 0 }
},
paragraph: {
rows: 1,
style: {
margin: 0
}
}
}, null, 8, ["active"])
]),
e(t(n).Button, {
active: a.active,
size: "small",
style: { width: "165px", marginBlockStart: "12px" }
}, null, 8, ["active"])
])
]),
_: 1
}),
e(t(d))
], 64));
}
});
export {
x as default
};