Empty.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. var __defProp = Object.defineProperty;
  2. var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  3. var __getOwnPropNames = Object.getOwnPropertyNames;
  4. var __hasOwnProp = Object.prototype.hasOwnProperty;
  5. var __export = (target, all) => {
  6. for (var name2 in all)
  7. __defProp(target, name2, { get: all[name2], enumerable: true });
  8. };
  9. var __copyProps = (to, from, except, desc) => {
  10. if (from && typeof from === "object" || typeof from === "function") {
  11. for (let key of __getOwnPropNames(from))
  12. if (!__hasOwnProp.call(to, key) && key !== except)
  13. __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  14. }
  15. return to;
  16. };
  17. var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
  18. var stdin_exports = {};
  19. __export(stdin_exports, {
  20. default: () => stdin_default,
  21. emptyProps: () => emptyProps
  22. });
  23. module.exports = __toCommonJS(stdin_exports);
  24. var import_vue = require("vue");
  25. var import_use_id = require("../composables/use-id");
  26. var import_utils = require("../utils");
  27. const [name, bem] = (0, import_utils.createNamespace)("empty");
  28. const emptyProps = {
  29. image: (0, import_utils.makeStringProp)("default"),
  30. imageSize: [Number, String, Array],
  31. description: String
  32. };
  33. var stdin_default = (0, import_vue.defineComponent)({
  34. name,
  35. props: emptyProps,
  36. setup(props, {
  37. slots
  38. }) {
  39. const renderDescription = () => {
  40. const description = slots.description ? slots.description() : props.description;
  41. if (description) {
  42. return (0, import_vue.createVNode)("p", {
  43. "class": bem("description")
  44. }, [description]);
  45. }
  46. };
  47. const renderBottom = () => {
  48. if (slots.default) {
  49. return (0, import_vue.createVNode)("div", {
  50. "class": bem("bottom")
  51. }, [slots.default()]);
  52. }
  53. };
  54. const baseId = (0, import_use_id.useId)();
  55. const getId = (num) => `${baseId}-${num}`;
  56. const getUrlById = (num) => `url(#${getId(num)})`;
  57. const renderStop = (color, offset, opacity) => (0, import_vue.createVNode)("stop", {
  58. "stop-color": color,
  59. "offset": `${offset}%`,
  60. "stop-opacity": opacity
  61. }, null);
  62. const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
  63. const renderShadow = (id) => [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("radialGradient", {
  64. "id": getId(id),
  65. "cx": "50%",
  66. "cy": "54%",
  67. "fx": "50%",
  68. "fy": "54%",
  69. "r": "297%",
  70. "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)",
  71. "data-allow-mismatch": "attribute"
  72. }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), (0, import_vue.createVNode)("ellipse", {
  73. "fill": getUrlById(id),
  74. "opacity": ".8",
  75. "cx": "80",
  76. "cy": "140",
  77. "rx": "46",
  78. "ry": "8",
  79. "data-allow-mismatch": "attribute"
  80. }, null)];
  81. const renderBuilding = () => [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
  82. "id": getId("a"),
  83. "x1": "64%",
  84. "y1": "100%",
  85. "x2": "64%",
  86. "data-allow-mismatch": "attribute"
  87. }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), (0, import_vue.createVNode)("g", {
  88. "opacity": ".8",
  89. "data-allow-mismatch": "children"
  90. }, [(0, import_vue.createVNode)("path", {
  91. "d": "M36 131V53H16v20H2v58h34z",
  92. "fill": getUrlById("a")
  93. }, null), (0, import_vue.createVNode)("path", {
  94. "d": "M123 15h22v14h9v77h-31V15z",
  95. "fill": getUrlById("a")
  96. }, null)])];
  97. const renderCloud = () => [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
  98. "id": getId("b"),
  99. "x1": "64%",
  100. "y1": "97%",
  101. "x2": "64%",
  102. "y2": "0%",
  103. "data-allow-mismatch": "attribute"
  104. }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), (0, import_vue.createVNode)("g", {
  105. "opacity": ".8",
  106. "data-allow-mismatch": "children"
  107. }, [(0, import_vue.createVNode)("path", {
  108. "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
  109. "fill": getUrlById("b")
  110. }, null), (0, import_vue.createVNode)("path", {
  111. "d": "M19 23c2 0 3 1 4 3 2 0 4 2 4 4a4 4 0 0 1-4 3v1h-7v-1l-1 1c-2 0-3-2-3-4 0-1 1-3 3-3 0-2 2-4 4-4Z",
  112. "fill": getUrlById("b")
  113. }, null)])];
  114. const renderNetwork = () => (0, import_vue.createVNode)("svg", {
  115. "viewBox": "0 0 160 160"
  116. }, [(0, import_vue.createVNode)("defs", {
  117. "data-allow-mismatch": "children"
  118. }, [(0, import_vue.createVNode)("linearGradient", {
  119. "id": getId(1),
  120. "x1": "64%",
  121. "y1": "100%",
  122. "x2": "64%"
  123. }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), (0, import_vue.createVNode)("linearGradient", {
  124. "id": getId(2),
  125. "x1": "50%",
  126. "x2": "50%",
  127. "y2": "84%"
  128. }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), (0, import_vue.createVNode)("linearGradient", {
  129. "id": getId(3),
  130. "x1": "100%",
  131. "x2": "100%",
  132. "y2": "100%"
  133. }, [renderStops("#EAEDF0", "#DCDEE0")]), (0, import_vue.createVNode)("radialGradient", {
  134. "id": getId(4),
  135. "cx": "50%",
  136. "cy": "0%",
  137. "fx": "50%",
  138. "fy": "0%",
  139. "r": "100%",
  140. "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
  141. }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), (0, import_vue.createVNode)("g", {
  142. "fill": "none"
  143. }, [renderBuilding(), (0, import_vue.createVNode)("path", {
  144. "fill": getUrlById(4),
  145. "d": "M0 139h160v21H0z",
  146. "data-allow-mismatch": "attribute"
  147. }, null), (0, import_vue.createVNode)("path", {
  148. "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
  149. "fill": getUrlById(2),
  150. "data-allow-mismatch": "attribute"
  151. }, null), (0, import_vue.createVNode)("g", {
  152. "opacity": ".6",
  153. "stroke-linecap": "round",
  154. "stroke-width": "7",
  155. "data-allow-mismatch": "children"
  156. }, [(0, import_vue.createVNode)("path", {
  157. "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
  158. "stroke": getUrlById(3)
  159. }, null), (0, import_vue.createVNode)("path", {
  160. "d": "M53 36a34 34 0 0 0 0 48",
  161. "stroke": getUrlById(3)
  162. }, null), (0, import_vue.createVNode)("path", {
  163. "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
  164. "stroke": getUrlById(3)
  165. }, null), (0, import_vue.createVNode)("path", {
  166. "d": "M106 84a34 34 0 0 0 0-48",
  167. "stroke": getUrlById(3)
  168. }, null)]), (0, import_vue.createVNode)("g", {
  169. "transform": "translate(31 105)"
  170. }, [(0, import_vue.createVNode)("rect", {
  171. "fill": "#EBEDF0",
  172. "width": "98",
  173. "height": "34",
  174. "rx": "2"
  175. }, null), (0, import_vue.createVNode)("rect", {
  176. "fill": "#FFF",
  177. "x": "9",
  178. "y": "8",
  179. "width": "80",
  180. "height": "18",
  181. "rx": "1.1"
  182. }, null), (0, import_vue.createVNode)("rect", {
  183. "fill": "#EBEDF0",
  184. "x": "15",
  185. "y": "12",
  186. "width": "18",
  187. "height": "6",
  188. "rx": "1.1"
  189. }, null)])])]);
  190. const renderMaterial = () => (0, import_vue.createVNode)("svg", {
  191. "viewBox": "0 0 160 160"
  192. }, [(0, import_vue.createVNode)("defs", {
  193. "data-allow-mismatch": "children"
  194. }, [(0, import_vue.createVNode)("linearGradient", {
  195. "x1": "50%",
  196. "x2": "50%",
  197. "y2": "100%",
  198. "id": getId(5)
  199. }, [renderStops("#F2F3F5", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
  200. "x1": "95%",
  201. "y1": "48%",
  202. "x2": "5.5%",
  203. "y2": "51%",
  204. "id": getId(6)
  205. }, [renderStops("#EAEDF1", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
  206. "y1": "45%",
  207. "x2": "100%",
  208. "y2": "54%",
  209. "id": getId(7)
  210. }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), (0, import_vue.createVNode)("g", {
  211. "transform": "translate(36 50)",
  212. "fill": "none"
  213. }, [(0, import_vue.createVNode)("g", {
  214. "transform": "translate(8)"
  215. }, [(0, import_vue.createVNode)("rect", {
  216. "fill": "#EBEDF0",
  217. "opacity": ".6",
  218. "x": "38",
  219. "y": "13",
  220. "width": "36",
  221. "height": "53",
  222. "rx": "2"
  223. }, null), (0, import_vue.createVNode)("rect", {
  224. "fill": getUrlById(5),
  225. "width": "64",
  226. "height": "66",
  227. "rx": "2",
  228. "data-allow-mismatch": "attribute"
  229. }, null), (0, import_vue.createVNode)("rect", {
  230. "fill": "#FFF",
  231. "x": "6",
  232. "y": "6",
  233. "width": "52",
  234. "height": "55",
  235. "rx": "1"
  236. }, null), (0, import_vue.createVNode)("g", {
  237. "transform": "translate(15 17)",
  238. "fill": getUrlById(6),
  239. "data-allow-mismatch": "attribute"
  240. }, [(0, import_vue.createVNode)("rect", {
  241. "width": "34",
  242. "height": "6",
  243. "rx": "1"
  244. }, null), (0, import_vue.createVNode)("path", {
  245. "d": "M0 14h34v6H0z"
  246. }, null), (0, import_vue.createVNode)("rect", {
  247. "y": "28",
  248. "width": "34",
  249. "height": "6",
  250. "rx": "1"
  251. }, null)])]), (0, import_vue.createVNode)("rect", {
  252. "fill": getUrlById(7),
  253. "y": "61",
  254. "width": "88",
  255. "height": "28",
  256. "rx": "1",
  257. "data-allow-mismatch": "attribute"
  258. }, null), (0, import_vue.createVNode)("rect", {
  259. "fill": "#F7F8FA",
  260. "x": "29",
  261. "y": "72",
  262. "width": "30",
  263. "height": "6",
  264. "rx": "1"
  265. }, null)])]);
  266. const renderError = () => (0, import_vue.createVNode)("svg", {
  267. "viewBox": "0 0 160 160"
  268. }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
  269. "x1": "50%",
  270. "x2": "50%",
  271. "y2": "100%",
  272. "id": getId(8),
  273. "data-allow-mismatch": "attribute"
  274. }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), (0, import_vue.createVNode)("path", {
  275. "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
  276. "fill": getUrlById(8),
  277. "data-allow-mismatch": "attribute"
  278. }, null)]);
  279. const renderSearch = () => (0, import_vue.createVNode)("svg", {
  280. "viewBox": "0 0 160 160"
  281. }, [(0, import_vue.createVNode)("defs", {
  282. "data-allow-mismatch": "children"
  283. }, [(0, import_vue.createVNode)("linearGradient", {
  284. "x1": "50%",
  285. "y1": "100%",
  286. "x2": "50%",
  287. "id": getId(9)
  288. }, [renderStops("#EEE", "#D8D8D8")]), (0, import_vue.createVNode)("linearGradient", {
  289. "x1": "100%",
  290. "y1": "50%",
  291. "y2": "50%",
  292. "id": getId(10)
  293. }, [renderStops("#F2F3F5", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
  294. "x1": "50%",
  295. "x2": "50%",
  296. "y2": "100%",
  297. "id": getId(11)
  298. }, [renderStops("#F2F3F5", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
  299. "x1": "50%",
  300. "x2": "50%",
  301. "y2": "100%",
  302. "id": getId(12)
  303. }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), (0, import_vue.createVNode)("g", {
  304. "transform": "rotate(-45 113 -4)",
  305. "fill": "none",
  306. "data-allow-mismatch": "children"
  307. }, [(0, import_vue.createVNode)("rect", {
  308. "fill": getUrlById(9),
  309. "x": "24",
  310. "y": "52.8",
  311. "width": "5.8",
  312. "height": "19",
  313. "rx": "1"
  314. }, null), (0, import_vue.createVNode)("rect", {
  315. "fill": getUrlById(10),
  316. "x": "22.1",
  317. "y": "67.3",
  318. "width": "9.9",
  319. "height": "28",
  320. "rx": "1"
  321. }, null), (0, import_vue.createVNode)("circle", {
  322. "stroke": getUrlById(11),
  323. "stroke-width": "8",
  324. "cx": "27",
  325. "cy": "27",
  326. "r": "27"
  327. }, null), (0, import_vue.createVNode)("circle", {
  328. "fill": getUrlById(12),
  329. "cx": "27",
  330. "cy": "27",
  331. "r": "16"
  332. }, null), (0, import_vue.createVNode)("path", {
  333. "d": "M37 7c-8 0-15 5-16 12",
  334. "stroke": getUrlById(11),
  335. "stroke-width": "3",
  336. "opacity": ".5",
  337. "stroke-linecap": "round",
  338. "transform": "rotate(45 29 13)"
  339. }, null)])]);
  340. const renderImage = () => {
  341. var _a;
  342. if (slots.image) {
  343. return slots.image();
  344. }
  345. const PRESET_IMAGES = {
  346. error: renderError,
  347. search: renderSearch,
  348. network: renderNetwork,
  349. default: renderMaterial
  350. };
  351. return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || (0, import_vue.createVNode)("img", {
  352. "src": props.image
  353. }, null);
  354. };
  355. return () => (0, import_vue.createVNode)("div", {
  356. "class": bem()
  357. }, [(0, import_vue.createVNode)("div", {
  358. "class": bem("image"),
  359. "style": (0, import_utils.getSizeStyle)(props.imageSize)
  360. }, [renderImage()]), renderDescription(), renderBottom()]);
  361. }
  362. });