mirror of
https://github.com/frappe/books.git
synced 2025-01-25 16:18:33 +00:00
31 lines
755 B
Vue
31 lines
755 B
Vue
<template>
|
|
<div class="py-4 flex items-center truncate" :class="cellClass">
|
|
<span class="truncate" v-if="!customRenderer">{{ columnValue }}</span>
|
|
<component v-else :is="customRenderer" />
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import frappe from 'frappejs';
|
|
|
|
export default {
|
|
name: 'ListCell',
|
|
props: ['doc', 'column'],
|
|
computed: {
|
|
columnValue() {
|
|
let { column, doc } = this;
|
|
let value = doc[column.fieldname];
|
|
return frappe.format(value, column, doc);
|
|
},
|
|
customRenderer() {
|
|
if (!this.column.render) return;
|
|
return this.column.render(this.doc);
|
|
},
|
|
cellClass() {
|
|
return ['Int', 'Float', 'Currency'].includes(this.column.fieldtype)
|
|
? 'justify-end'
|
|
: '';
|
|
}
|
|
}
|
|
};
|
|
</script>
|