t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
30 lines (29 loc) • 928 B
JavaScript
import { defineComponent as a, computed as s, useSlots as m, unref as l, openBlock as u, createElementBlock as d, Fragment as p, renderList as _, mergeProps as k, renderSlot as g } from "vue";
import { Props as y } from "./index3.js";
const S = a({
name: "FSkeleton"
}), F = /* @__PURE__ */ a({
...S,
props: y,
setup(c) {
const r = c, f = s(() => {
const { rounded: e, animated: n, circled: o, size: t } = r;
return [
"f-skeleton",
{
"f-skeleton__rounded": e,
"f-skeleton__animated": n,
"f-skeleton__circled": o,
[`f-skeleton__${t}`]: t
}
];
}), i = s(() => m().default ? r.loading === !0 : !0);
return (e, n) => l(i) ? (u(!0), d(p, { key: 0 }, _(e.rows, (o, t) => (u(), d("div", k({
key: t,
class: l(f)
}, e.$attrs), null, 16))), 128)) : g(e.$slots, "default", { key: 1 });
}
});
export {
F as default
};