|
|
|
|
@ -2,6 +2,8 @@
|
|
|
|
|
import type { ColumnType } from 'nocodb-sdk' |
|
|
|
|
import { provide, useVirtualCell } from '#imports' |
|
|
|
|
import { ColumnInj } from '~/context' |
|
|
|
|
import { NavigateDir } from '~/lib' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
interface Props { |
|
|
|
|
column: ColumnType |
|
|
|
|
@ -10,7 +12,7 @@ interface Props {
|
|
|
|
|
|
|
|
|
|
const { column, modelValue: value } = defineProps<Props>() |
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['update:modelValue']) |
|
|
|
|
const emit = defineEmits(['update:modelValue', 'navigate']) |
|
|
|
|
|
|
|
|
|
provide(ColumnInj, column) |
|
|
|
|
provide('value', value) |
|
|
|
|
@ -19,196 +21,18 @@ const { isLookup, isBt, isRollup, isMm, isHm, isFormula, isCount } = useVirtualC
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
|
<div class="nc-virtual-cell"> |
|
|
|
|
<div class="nc-virtual-cell" |
|
|
|
|
@keydown.stop.enter.exact="emit('navigate',NavigateDir.NEXT)" |
|
|
|
|
@keydown.stop.shift.enter.exact="emit('navigate',NavigateDir.PREV)"> |
|
|
|
|
<VirtualCellHasMany v-if="isHm" /> |
|
|
|
|
<VirtualCellManyToMany v-else-if="isMm" /> |
|
|
|
|
<VirtualCellBelongsTo v-else-if="isBt" /> |
|
|
|
|
<VirtualCellRollup v-else-if="isRollup" /> |
|
|
|
|
<VirtualCellFormula v-else-if="isFormula" /> |
|
|
|
|
<VirtualCellCount v-else-if="isCount" /> |
|
|
|
|
|
|
|
|
|
<!-- <v-lazy> --> |
|
|
|
|
<!-- <has-many-cell |
|
|
|
|
v-if="hm" |
|
|
|
|
ref="cell" |
|
|
|
|
:row="row" |
|
|
|
|
:value="row[column.title]" |
|
|
|
|
:meta="meta" |
|
|
|
|
:hm="hm" |
|
|
|
|
:nodes="nodes" |
|
|
|
|
:active="active" |
|
|
|
|
:sql-ui="sqlUi" |
|
|
|
|
:is-new="isNew" |
|
|
|
|
:is-form="isForm" |
|
|
|
|
:breadcrumbs="breadcrumbs" |
|
|
|
|
:is-locked="isLocked" |
|
|
|
|
:required="required" |
|
|
|
|
:is-public="isPublic" |
|
|
|
|
:metas="metas" |
|
|
|
|
:column="column" |
|
|
|
|
:password="password" |
|
|
|
|
v-on="$listeners" |
|
|
|
|
/> |
|
|
|
|
<many-to-many-cell |
|
|
|
|
v-else-if="mm" |
|
|
|
|
ref="cell" |
|
|
|
|
:is-public="isPublic" |
|
|
|
|
:row="row" |
|
|
|
|
:value="row[column.title]" |
|
|
|
|
:meta="meta" |
|
|
|
|
:nodes="nodes" |
|
|
|
|
:sql-ui="sqlUi" |
|
|
|
|
:active="active" |
|
|
|
|
:is-new="isNew" |
|
|
|
|
:api="api" |
|
|
|
|
:is-form="isForm" |
|
|
|
|
:breadcrumbs="breadcrumbs" |
|
|
|
|
:is-locked="isLocked" |
|
|
|
|
:required="required" |
|
|
|
|
:column="column" |
|
|
|
|
:metas="metas" |
|
|
|
|
:password="password" |
|
|
|
|
v-on="$listeners" |
|
|
|
|
/> |
|
|
|
|
<belongs-to-cell |
|
|
|
|
v-else-if="bt" |
|
|
|
|
ref="cell" |
|
|
|
|
:is-public="isPublic" |
|
|
|
|
:disabled-columns="disabledColumns" |
|
|
|
|
:active="active" |
|
|
|
|
:row="row" |
|
|
|
|
:value="row[column.title]" |
|
|
|
|
:meta="meta" |
|
|
|
|
:nodes="nodes" |
|
|
|
|
:api="api" |
|
|
|
|
:sql-ui="sqlUi" |
|
|
|
|
:is-new="isNew" |
|
|
|
|
:is-form="isForm" |
|
|
|
|
:breadcrumbs="breadcrumbs" |
|
|
|
|
:is-locked="isLocked" |
|
|
|
|
:metas="metas" |
|
|
|
|
:column="column" |
|
|
|
|
:password="password" |
|
|
|
|
v-on="$listeners" |
|
|
|
|
/> |
|
|
|
|
<lookup-cell |
|
|
|
|
v-else-if="lookup" |
|
|
|
|
:disabled-columns="disabledColumns" |
|
|
|
|
:active="active" |
|
|
|
|
:row="row" |
|
|
|
|
:value="row[column.title]" |
|
|
|
|
:meta="meta" |
|
|
|
|
:metas="metas" |
|
|
|
|
:nodes="nodes" |
|
|
|
|
:api="api" |
|
|
|
|
:sql-ui="sqlUi" |
|
|
|
|
:is-new="isNew" |
|
|
|
|
:is-form="isForm" |
|
|
|
|
:column="column" |
|
|
|
|
:is-locked="isLocked" |
|
|
|
|
v-on="$listeners " |
|
|
|
|
/> |
|
|
|
|
<formula-cell |
|
|
|
|
v-else-if="formula" |
|
|
|
|
:row="row" |
|
|
|
|
:column="column" |
|
|
|
|
:client="nodes.dbConnection.client" |
|
|
|
|
/> |
|
|
|
|
<rollup-cell |
|
|
|
|
v-else-if="rollup" |
|
|
|
|
:row="row" |
|
|
|
|
:column="column" |
|
|
|
|
/> |
|
|
|
|
</v-lazy> |
|
|
|
|
<span v-if="hint" class="nc-hint">{{ hint }}</span> |
|
|
|
|
<div v-if="isLocked" class="nc-locked-overlay" /> --> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<!-- <script> |
|
|
|
|
import { UITypes } from "nocodb-sdk"; |
|
|
|
|
import RollupCell from "./virtualCell/RollupCell"; |
|
|
|
|
import FormulaCell from "./virtualCell/FormulaCell"; |
|
|
|
|
import hasManyCell from "./virtualCell/HasManyCell"; |
|
|
|
|
import LookupCell from "./virtualCell/LookupCell"; |
|
|
|
|
import manyToManyCell from "./virtualCell/ManyToManyCell"; |
|
|
|
|
import belongsToCell from "./virtualCell/BelongsToCell"; |
|
|
|
|
|
|
|
|
|
// todo: optimize parent/child meta extraction |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "VirtualCell", |
|
|
|
|
components: { |
|
|
|
|
RollupCell, |
|
|
|
|
FormulaCell, |
|
|
|
|
LookupCell, |
|
|
|
|
belongsToCell, |
|
|
|
|
manyToManyCell, |
|
|
|
|
hasManyCell |
|
|
|
|
}, |
|
|
|
|
props: { |
|
|
|
|
breadcrumbs: { |
|
|
|
|
type: Array, |
|
|
|
|
default() { |
|
|
|
|
return []; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
column: [Object], |
|
|
|
|
row: [Object], |
|
|
|
|
nodes: [Object], |
|
|
|
|
meta: [Object], |
|
|
|
|
api: [Object, Function], |
|
|
|
|
active: Boolean, |
|
|
|
|
sqlUi: [Object, Function], |
|
|
|
|
isNew: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: false |
|
|
|
|
}, |
|
|
|
|
isForm: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: false |
|
|
|
|
}, |
|
|
|
|
disabledColumns: Object, |
|
|
|
|
hint: String, |
|
|
|
|
isLocked: Boolean, |
|
|
|
|
required: Boolean, |
|
|
|
|
isPublic: Boolean, |
|
|
|
|
metas: Object, |
|
|
|
|
password: String |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
hm() { |
|
|
|
|
return this.column && this.column.uidt === UITypes.LinkToAnotherRecord && this.column.colOptions.type === "hm"; |
|
|
|
|
}, |
|
|
|
|
bt() { |
|
|
|
|
return this.column && (this.column.uidt === UITypes.ForeignKey || this.column.uidt === UITypes.LinkToAnotherRecord) && this.column.colOptions.type === "bt"; |
|
|
|
|
}, |
|
|
|
|
mm() { |
|
|
|
|
return this.column && this.column.uidt === UITypes.LinkToAnotherRecord && this.column.colOptions.type === "mm"; |
|
|
|
|
}, |
|
|
|
|
lookup() { |
|
|
|
|
return this.column && this.column.uidt === UITypes.Lookup; |
|
|
|
|
}, |
|
|
|
|
formula() { |
|
|
|
|
return this.column && this.column.uidt === UITypes.Formula; |
|
|
|
|
}, |
|
|
|
|
rollup() { |
|
|
|
|
return this.column && this.column.uidt === UITypes.Rollup; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
async save(row) { |
|
|
|
|
if (row && this.$refs.cell && this.$refs.cell.saveLocalState) { |
|
|
|
|
try { |
|
|
|
|
await this.$refs.cell.saveLocalState(row); |
|
|
|
|
} catch (e) { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> --> |
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
.nc-hint { |
|
|
|
|
font-size: 0.61rem; |
|
|
|
|
|
Pranav C
2 years ago