This commit is contained in:
syuilo 2021-04-11 21:31:38 +09:00
parent d4eeb411e9
commit d7b4e00b92
4 changed files with 33 additions and 23 deletions

View file

@ -10,7 +10,9 @@
<button class="_button" @click="$refs.modal.close()"><Fa :icon="faTimes"/></button>
</div>
<div class="body _flat_">
<component :is="component" v-bind="props" :ref="changePage"/>
<keep-alive>
<component :is="component" v-bind="props" :ref="changePage"/>
</keep-alive>
</div>
</div>
</MkModal>

View file

@ -395,7 +395,7 @@ export default defineComponent({
position: fixed;
top: 0;
left: 0;
z-index: 5000;
z-index: 10000; // mk-modal
&.front {
z-index: 11000; // frontmk-modal

View file

@ -1,25 +1,29 @@
<template>
<div>
<section class="_section">
<MkInput v-model:value="endpoint" :datalist="endpoints" @update:value="onEndpointChange()">
<span>Endpoint</span>
</MkInput>
<MkTextarea v-model:value="body" code>
<span>Params (JSON or JSON5)</span>
</MkTextarea>
<MkSwitch v-model:value="withCredential">
With credential
</MkSwitch>
<MkButton primary full @click="send" :disabled="sending">
<template v-if="sending"><MkEllipsis/></template>
<template v-else><Fa :icon="faPaperPlane"/> Send</template>
</MkButton>
</section>
<section class="_section" v-if="res">
<MkTextarea v-model:value="res" code readonly tall>
<span>Response</span>
</MkTextarea>
</section>
<div class="_root">
<div class="_block" style="padding: 24px;">
<MkInput v-model:value="endpoint" :datalist="endpoints" @update:value="onEndpointChange()">
<span>Endpoint</span>
</MkInput>
<MkTextarea v-model:value="body" code>
<span>Params (JSON or JSON5)</span>
</MkTextarea>
<MkSwitch v-model:value="withCredential">
With credential
</MkSwitch>
<MkButton primary full @click="send" :disabled="sending">
<template v-if="sending"><MkEllipsis/></template>
<template v-else><Fa :icon="faPaperPlane"/> Send</template>
</MkButton>
</div>
</div>
<div class="_root" v-if="res">
<div class="_block" style="padding: 24px;">
<MkTextarea v-model:value="res" code readonly tall>
<span>Response</span>
</MkTextarea>
</div>
</div>
</div>
</template>

View file

@ -148,7 +148,11 @@ export default defineComponent({
}, { immediate: true });
watch(() => props.initialPage, () => {
page.value = props.initialPage;
if (props.initialPage == null && !narrow.value) {
page.value = 'profile';
} else {
page.value = props.initialPage;
}
});
onMounted(() => {