9bab7f2fc24c40fec973577f5561ffc861d145fb1397f743939cc2fd9a2d68c552ff3edd81b08b987dd810f6cc3a4c6ec9aad1acc4c0d02f444765ed45e549 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. import { defineComponent, openBlock, createElementBlock, createElementVNode, unref } from 'vue';
  2. import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
  3. import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
  4. import { useId } from '../../../hooks/use-id/index.mjs';
  5. const __default__ = defineComponent({
  6. name: "ImgEmpty"
  7. });
  8. const _sfc_main = /* @__PURE__ */ defineComponent({
  9. ...__default__,
  10. setup(__props) {
  11. const ns = useNamespace("empty");
  12. const id = useId();
  13. return (_ctx, _cache) => {
  14. return openBlock(), createElementBlock("svg", {
  15. viewBox: "0 0 79 86",
  16. version: "1.1",
  17. xmlns: "http://www.w3.org/2000/svg",
  18. "xmlns:xlink": "http://www.w3.org/1999/xlink"
  19. }, [
  20. createElementVNode("defs", null, [
  21. createElementVNode("linearGradient", {
  22. id: `linearGradient-1-${unref(id)}`,
  23. x1: "38.8503086%",
  24. y1: "0%",
  25. x2: "61.1496914%",
  26. y2: "100%"
  27. }, [
  28. createElementVNode("stop", {
  29. "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
  30. offset: "0%"
  31. }, null, 8, ["stop-color"]),
  32. createElementVNode("stop", {
  33. "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-4")})`,
  34. offset: "100%"
  35. }, null, 8, ["stop-color"])
  36. ], 8, ["id"]),
  37. createElementVNode("linearGradient", {
  38. id: `linearGradient-2-${unref(id)}`,
  39. x1: "0%",
  40. y1: "9.5%",
  41. x2: "100%",
  42. y2: "90.5%"
  43. }, [
  44. createElementVNode("stop", {
  45. "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
  46. offset: "0%"
  47. }, null, 8, ["stop-color"]),
  48. createElementVNode("stop", {
  49. "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-6")})`,
  50. offset: "100%"
  51. }, null, 8, ["stop-color"])
  52. ], 8, ["id"]),
  53. createElementVNode("rect", {
  54. id: `path-3-${unref(id)}`,
  55. x: "0",
  56. y: "0",
  57. width: "17",
  58. height: "36"
  59. }, null, 8, ["id"])
  60. ]),
  61. createElementVNode("g", {
  62. stroke: "none",
  63. "stroke-width": "1",
  64. fill: "none",
  65. "fill-rule": "evenodd"
  66. }, [
  67. createElementVNode("g", { transform: "translate(-1268.000000, -535.000000)" }, [
  68. createElementVNode("g", { transform: "translate(1268.000000, 535.000000)" }, [
  69. createElementVNode("path", {
  70. 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",
  71. fill: `var(${unref(ns).cssVarBlockName("fill-color-3")})`
  72. }, null, 8, ["fill"]),
  73. createElementVNode("polygon", {
  74. fill: `var(${unref(ns).cssVarBlockName("fill-color-7")})`,
  75. transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
  76. points: "13 58 53 58 42 45 2 45"
  77. }, null, 8, ["fill"]),
  78. createElementVNode("g", { transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)" }, [
  79. createElementVNode("polygon", {
  80. fill: `var(${unref(ns).cssVarBlockName("fill-color-7")})`,
  81. transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
  82. points: "2.84078316e-14 3 18 3 23 7 5 7"
  83. }, null, 8, ["fill"]),
  84. createElementVNode("polygon", {
  85. fill: `var(${unref(ns).cssVarBlockName("fill-color-5")})`,
  86. points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
  87. }, null, 8, ["fill"]),
  88. createElementVNode("rect", {
  89. fill: `url(#linearGradient-1-${unref(id)})`,
  90. transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
  91. x: "38",
  92. y: "7",
  93. width: "17",
  94. height: "36"
  95. }, null, 8, ["fill"]),
  96. createElementVNode("polygon", {
  97. fill: `var(${unref(ns).cssVarBlockName("fill-color-2")})`,
  98. transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
  99. points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
  100. }, null, 8, ["fill"])
  101. ]),
  102. createElementVNode("rect", {
  103. fill: `url(#linearGradient-2-${unref(id)})`,
  104. x: "13",
  105. y: "45",
  106. width: "40",
  107. height: "36"
  108. }, null, 8, ["fill"]),
  109. createElementVNode("g", { transform: "translate(53.000000, 45.000000)" }, [
  110. createElementVNode("use", {
  111. fill: `var(${unref(ns).cssVarBlockName("fill-color-8")})`,
  112. transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
  113. "xlink:href": `#path-3-${unref(id)}`
  114. }, null, 8, ["fill", "xlink:href"]),
  115. createElementVNode("polygon", {
  116. fill: `var(${unref(ns).cssVarBlockName("fill-color-9")})`,
  117. mask: `url(#mask-4-${unref(id)})`,
  118. transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
  119. points: "7 0 24 0 20 18 7 16.5"
  120. }, null, 8, ["fill", "mask"])
  121. ]),
  122. createElementVNode("polygon", {
  123. fill: `var(${unref(ns).cssVarBlockName("fill-color-2")})`,
  124. transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
  125. points: "62 45 79 45 70 58 53 58"
  126. }, null, 8, ["fill"])
  127. ])
  128. ])
  129. ])
  130. ]);
  131. };
  132. }
  133. });
  134. var ImgEmpty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "img-empty.vue"]]);
  135. export { ImgEmpty as default };
  136. //# sourceMappingURL=img-empty.mjs.map