@scalar/api-client
Version:
the open source API testing client
88 lines (87 loc) • 3.16 kB
JavaScript
import { defineComponent as w, ref as g, computed as l, createBlock as n, openBlock as t, unref as x, createSlots as B, withCtx as u, createElementBlock as k, createCommentVNode as r, createElementVNode as p, toDisplayString as c, createTextVNode as v, createVNode as _ } from "vue";
import { getMediaTypeConfig as R } from "../helpers/media-types.js";
import { processResponseBody as T } from "../helpers/process-response-body.js";
import V from "./ResponseBodyDownload.vue.js";
import U from "./ResponseBodyInfo.vue.js";
import b from "./ResponseBodyPreview.vue.js";
import C from "./ResponseBodyRaw.vue.js";
import N from "./ResponseBodyToggle.vue.js";
import S from "../../../components/layout/CollapsibleSection.vue.js";
const $ = {
key: 0,
class: "bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden"
}, E = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" }, P = { class: "text-xxs font-code leading-3" }, H = /* @__PURE__ */ w({
__name: "ResponseBody",
props: {
title: {},
layout: {},
data: {},
headers: {}
},
setup(d) {
const s = g(!0), m = l(
() => !!(a.value?.raw && a.value.preview)
), f = l(() => s.value || !m.value), y = l(() => !s.value || !m.value), e = l(
() => T({
data: d.data,
headers: d.headers
})
), a = l(
() => R(e.value.mimeType?.essence ?? "")
);
return (o, i) => (t(), n(x(S), {
class: "max-h-content overflow-y-hidden",
isStatic: o.layout === "reference"
}, B({
title: u(() => [
v(c(o.title), 1)
]),
default: u(() => [
o.data ? (t(), k("div", $, [
p("div", E, [
p("span", P, c(e.value.mimeType?.essence), 1),
m.value ? (t(), n(N, {
key: 0,
modelValue: s.value,
"onUpdate:modelValue": i[0] || (i[0] = (h) => s.value = h)
}, null, 8, ["modelValue"])) : r("", !0)
]),
a.value?.raw && y.value ? (t(), n(C, {
key: e.value.dataUrl,
content: o.data,
language: a.value.language
}, null, 8, ["content", "language"])) : r("", !0),
a.value?.preview && f.value ? (t(), n(b, {
key: e.value.dataUrl,
alpha: a.value.alpha,
mode: a.value.preview,
src: e.value.dataUrl,
type: e.value.mimeType?.essence ?? ""
}, null, 8, ["alpha", "mode", "src", "type"])) : r("", !0),
!a.value?.raw && !a.value?.preview ? (t(), n(U, { key: 2 }, {
default: u(() => [...i[1] || (i[1] = [
v(" Binary file ", -1)
])]),
_: 1
})) : r("", !0)
])) : r("", !0)
]),
_: 2
}, [
o.data && e.value.dataUrl ? {
name: "actions",
fn: u(() => [
_(V, {
filename: e.value.attachmentFilename,
href: e.value.dataUrl,
type: e.value.mimeType?.essence
}, null, 8, ["filename", "href", "type"])
]),
key: "0"
} : void 0
]), 1032, ["isStatic"]));
}
});
export {
H as default
};