@aplus-frontend/ui
Version:
79 lines (78 loc) • 2.36 kB
JavaScript
import { defineComponent as d, createBlock as n, openBlock as l, unref as t, withCtx as r, createCommentVNode as p, createVNode as a, createElementBlock as m, createElementVNode as o, Fragment as u, renderList as v } from "vue";
import { Card as f, Flex as y, Skeleton as i } from "@aplus-frontend/antdv";
import "./item.vue.mjs";
import c from "./item.vue2.mjs";
const h = { style: {
display: "flex",
justifyContent: "flex-end",
paddingBlockStart: "16px"
} }, z = /* @__PURE__ */ d({
name: "ApSkeletonTable",
__name: "index",
props: {
active: { type: Boolean },
size: { default: 4 },
actions: { type: Boolean, default: void 0 }
},
setup(B) {
return (e, k) => (l(), n(t(f), { variant: "borderless" }, {
default: r(() => [
e.actions !== !1 ? (l(), n(t(y), {
key: 0,
justify: "space-between"
}, {
default: r(() => [
o("div", null, [
a(t(i).Button, {
active: e.active,
size: "small",
style: {
width: "100px",
marginBlockEnd: "16px",
marginInlineEnd: "16px"
}
}, null, 8, ["active"]),
a(t(i).Button, {
active: e.active,
size: "small",
style: { width: "100px", marginBlockEnd: "16px" }
}, null, 8, ["active"])
]),
a(t(i).Button, {
active: e.active,
size: "small",
style: { width: "22px", marginBlockEnd: "16px" }
}, null, 8, ["active"])
]),
_: 1
})) : p("", !0),
a(c, {
header: "",
active: e.active
}, null, 8, ["active"]),
(l(!0), m(u, null, v(new Array(e.size).fill(null), (g, s) => (l(), n(c, {
key: s,
active: e.active
}, null, 8, ["active"]))), 128)),
o("div", h, [
a(t(i), {
active: e.active,
paragraph: !1,
title: {
style: {
margin: 0,
height: "24px",
float: "right",
maxWidth: "630px"
}
}
}, null, 8, ["active"])
])
]),
_: 1
}));
}
});
export {
z as default
};