archive-gh-me/vitest
1
0
Fork 0
mirror of https://github.com/vitest-dev/vitest.git synced 2026-02-01 17:36:51 +00:00
Code Issues Projects Releases Wiki Activity

fix(ui): module info page

Browse Source
This commit is contained in:
Anthony Fu 2022-01-28 09:55:22 +08:00
parent b4a546800a
commit 91cffb9d10
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/ui/client/components/ModuleTransformResultView.vue
View File

@ -20,7 +20,7 @@ onKeyStroke('Escape', () => {
</script>
<template>
<div w-350 max-w-screen>
<div w-350 max-w-screen h-full flex flex-col>
<div p-4 relative>
<p>Module Info</p>
<p op50 font-mono text-sm>
@ -32,21 +32,17 @@ onKeyStroke('Escape', () => {
No transform result found for this module.
</div>
<template v-else>
<div grid="~ cols-2" overflow-hidden>
<div grid="~ cols-2 rows-[min-content_auto]" overflow-hidden flex-auto>
<div p="x3 y-1" bg-overlay border="base b t r">
Source
</div>
<div p="x3 y-1" bg-overlay border="base b t">
Transformed
</div>
<div>
<CodeMirror :model-value="source" read-only v-bind="{ lineNumbers: true }" :mode="ext" />
</div>
<div>
<CodeMirror :model-value="code" read-only v-bind="{ lineNumbers: true }" :mode="ext" />
</div>
<CodeMirror h-full :model-value="source" read-only v-bind="{ lineNumbers: true }" :mode="ext" />
<CodeMirror h-full :model-value="code" read-only v-bind="{ lineNumbers: true }" :mode="ext" />
</div>
<template v-if="sourceMap.mappings !== ''">
<div v-if="sourceMap.mappings !== ''">
<div p="x3 y-1" bg-overlay border="base b t">
Source map (v{{ sourceMap.version }})
</div>
@ -56,7 +52,7 @@ onKeyStroke('Escape', () => {
v-bind="{ lineNumbers: true }"
:mode="ext"
/>
</template>
</div>
</template>
</div>
</template>