vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
67 lines (66 loc) • 4.83 kB
JavaScript
import { defineComponent as h, computed as n, createElementBlock as t, openBlock as a, normalizeClass as u, createElementVNode as g, createCommentVNode as i, normalizeStyle as d, renderSlot as s, unref as z, createStaticVNode as p, createTextVNode as c, toDisplayString as f } from "vue";
import { useSlotsExist as V } from "../utils/index.js";
const w = ["src"], M = {
key: 1,
class: "empty-footer"
}, E = /* @__PURE__ */ h({
__name: "Empty",
props: {
description: { default: "暂无数据" },
descriptionStyle: { default: () => ({}) },
image: { default: "filled" },
imageStyle: { default: () => ({}) },
footer: { default: void 0 }
},
setup(m) {
const r = m, o = V(["default", "description", "footer"]), v = n(() => o.description || r.description), y = n(() => o.footer || r.footer);
return (e, l) => (a(), t("div", {
class: u(["m-empty", { "empty-image-outlined": e.image === "outlined" }])
}, [
g("div", {
class: "empty-image-wrap",
style: d(e.imageStyle)
}, [
z(o).default ? s(e.$slots, "default", { key: 0 }, void 0, !0) : e.image === "filled" ? (a(), t("svg", {
key: 1,
class: "empty-filled",
style: d(e.imageStyle),
viewBox: "0 0 184 152",
xmlns: "http://www.w3.org/2000/svg"
}, l[0] || (l[0] = [
p('<g fill="none" fill-rule="evenodd" data-v-66697c1d><g transform="translate(24 31.67)" data-v-66697c1d><ellipse fill-opacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668" data-v-66697c1d></ellipse><path d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" fill="#AEB8C2" data-v-66697c1d></path><path d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" fill="url(#linearGradient-1)" transform="translate(13.56)" data-v-66697c1d></path><path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill="#F5F5F7" data-v-66697c1d></path><path d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" fill="#DCE0E6" data-v-66697c1d></path></g><path d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" fill="#DCE0E6" data-v-66697c1d></path><g transform="translate(149.65 15.383)" fill="#FFF" data-v-66697c1d><ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815" data-v-66697c1d></ellipse><path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" data-v-66697c1d></path></g></g>', 1)
]), 4)) : e.image === "outlined" ? (a(), t("svg", {
key: 2,
class: "empty-outlined",
style: d(e.imageStyle),
viewBox: "0 0 64 41",
xmlns: "http://www.w3.org/2000/svg"
}, l[1] || (l[1] = [
p('<g transform="translate(0 1)" fill="none" fill-rule="evenodd" data-v-66697c1d><ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7" data-v-66697c1d></ellipse><g fill-rule="nonzero" stroke="#d9d9d9" data-v-66697c1d><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" data-v-66697c1d></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="#fafafa" data-v-66697c1d></path></g></g>', 1)
]), 4)) : e.image ? (a(), t("img", {
key: 3,
class: "empty-image",
src: e.image,
alt: "empty"
}, null, 8, w)) : i("", !0)
], 4),
v.value ? (a(), t("p", {
key: 0,
class: "empty-description",
style: d(e.descriptionStyle)
}, [
s(e.$slots, "description", {}, () => [
c(f(e.description), 1)
], !0)
], 4)) : i("", !0),
y.value ? (a(), t("div", M, [
s(e.$slots, "footer", {}, () => [
c(f(e.footer), 1)
], !0)
])) : i("", !0)
], 2));
}
});
export {
E as default
};