51 lines
940 B
Vue
51 lines
940 B
Vue
<script>
|
|
import CodeOutput from './code/index.vue';
|
|
import OutputCell from './output/index.vue';
|
|
|
|
export default {
|
|
name: 'CodeCell',
|
|
components: {
|
|
CodeOutput,
|
|
OutputCell,
|
|
},
|
|
props: {
|
|
cell: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
rawInputCode() {
|
|
if (this.cell.source && Array.isArray(this.cell.source)) {
|
|
return this.cell.source.join('');
|
|
}
|
|
|
|
return this.cell.source || '';
|
|
},
|
|
hasOutput() {
|
|
return this.cell.outputs.length;
|
|
},
|
|
outputs() {
|
|
return this.cell.outputs;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="cell">
|
|
<code-output :raw-code="rawInputCode" :count="cell.execution_count" type="input" />
|
|
<output-cell
|
|
v-if="hasOutput"
|
|
:count="cell.execution_count"
|
|
:outputs="outputs"
|
|
:metadata="cell.metadata"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.cell {
|
|
flex-direction: column;
|
|
}
|
|
</style>
|