139 lines
6.2 KiB
JavaScript
139 lines
6.2 KiB
JavaScript
import { defineComponent, openBlock, createElementBlock, createElementVNode, unref } from 'vue';
|
|
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
import { useId } from '../../../hooks/use-id/index.mjs';
|
|
|
|
const __default__ = defineComponent({
|
|
name: "ImgEmpty"
|
|
});
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
...__default__,
|
|
setup(__props) {
|
|
const ns = useNamespace("empty");
|
|
const id = useId();
|
|
return (_ctx, _cache) => {
|
|
return openBlock(), createElementBlock("svg", {
|
|
viewBox: "0 0 79 86",
|
|
version: "1.1",
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
"xmlns:xlink": "http://www.w3.org/1999/xlink"
|
|
}, [
|
|
createElementVNode("defs", null, [
|
|
createElementVNode("linearGradient", {
|
|
id: `linearGradient-1-${unref(id)}`,
|
|
x1: "38.8503086%",
|
|
y1: "0%",
|
|
x2: "61.1496914%",
|
|
y2: "100%"
|
|
}, [
|
|
createElementVNode("stop", {
|
|
"stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
|
|
offset: "0%"
|
|
}, null, 8, ["stop-color"]),
|
|
createElementVNode("stop", {
|
|
"stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
|
|
offset: "100%"
|
|
}, null, 8, ["stop-color"])
|
|
], 8, ["id"]),
|
|
createElementVNode("linearGradient", {
|
|
id: `linearGradient-2-${unref(id)}`,
|
|
x1: "0%",
|
|
y1: "9.5%",
|
|
x2: "100%",
|
|
y2: "90.5%"
|
|
}, [
|
|
createElementVNode("stop", {
|
|
"stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
|
|
offset: "0%"
|
|
}, null, 8, ["stop-color"]),
|
|
createElementVNode("stop", {
|
|
"stop-color": `var(${unref(ns).cssVarBlockName("fill-color-6")})`,
|
|
offset: "100%"
|
|
}, null, 8, ["stop-color"])
|
|
], 8, ["id"]),
|
|
createElementVNode("rect", {
|
|
id: `path-3-${unref(id)}`,
|
|
x: "0",
|
|
y: "0",
|
|
width: "17",
|
|
height: "36"
|
|
}, null, 8, ["id"])
|
|
]),
|
|
createElementVNode("g", {
|
|
stroke: "none",
|
|
"stroke-width": "1",
|
|
fill: "none",
|
|
"fill-rule": "evenodd"
|
|
}, [
|
|
createElementVNode("g", { transform: "translate(-1268.000000, -535.000000)" }, [
|
|
createElementVNode("g", { transform: "translate(1268.000000, 535.000000)" }, [
|
|
createElementVNode("path", {
|
|
d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-3")})`
|
|
}, null, 8, ["fill"]),
|
|
createElementVNode("polygon", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-7")})`,
|
|
transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
|
|
points: "13 58 53 58 42 45 2 45"
|
|
}, null, 8, ["fill"]),
|
|
createElementVNode("g", { transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)" }, [
|
|
createElementVNode("polygon", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-7")})`,
|
|
transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
|
|
points: "2.84078316e-14 3 18 3 23 7 5 7"
|
|
}, null, 8, ["fill"]),
|
|
createElementVNode("polygon", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-5")})`,
|
|
points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
|
|
}, null, 8, ["fill"]),
|
|
createElementVNode("rect", {
|
|
fill: `url(#linearGradient-1-${unref(id)})`,
|
|
transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
|
|
x: "38",
|
|
y: "7",
|
|
width: "17",
|
|
height: "36"
|
|
}, null, 8, ["fill"]),
|
|
createElementVNode("polygon", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-2")})`,
|
|
transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
|
|
points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
|
|
}, null, 8, ["fill"])
|
|
]),
|
|
createElementVNode("rect", {
|
|
fill: `url(#linearGradient-2-${unref(id)})`,
|
|
x: "13",
|
|
y: "45",
|
|
width: "40",
|
|
height: "36"
|
|
}, null, 8, ["fill"]),
|
|
createElementVNode("g", { transform: "translate(53.000000, 45.000000)" }, [
|
|
createElementVNode("use", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-8")})`,
|
|
transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
|
|
"xlink:href": `#path-3-${unref(id)}`
|
|
}, null, 8, ["fill", "xlink:href"]),
|
|
createElementVNode("polygon", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-9")})`,
|
|
mask: `url(#mask-4-${unref(id)})`,
|
|
transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
|
|
points: "7 0 24 0 20 18 7 16.5"
|
|
}, null, 8, ["fill", "mask"])
|
|
]),
|
|
createElementVNode("polygon", {
|
|
fill: `var(${unref(ns).cssVarBlockName("fill-color-2")})`,
|
|
transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
|
|
points: "62 45 79 45 70 58 53 58"
|
|
}, null, 8, ["fill"])
|
|
])
|
|
])
|
|
])
|
|
]);
|
|
};
|
|
}
|
|
});
|
|
var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "img-empty.vue"]]);
|
|
|
|
export { ImgEmpty as default };
|
|
//# sourceMappingURL=img-empty.mjs.map
|