mirror of https://github.com/nocodb/nocodb
10 changed files with 171 additions and 60 deletions
@ -1,47 +1,36 @@
|
||||
<!-- File not in use for now --> |
||||
|
||||
<script setup lang="ts"> |
||||
import { precisions, useVModel } from '#imports' |
||||
import { useVModel } from '#imports' |
||||
|
||||
const props = defineProps<{ |
||||
value: any |
||||
isEdit: boolean |
||||
}>() |
||||
|
||||
const emit = defineEmits(['update:value']) |
||||
|
||||
const vModel = useVModel(props, 'value', emit) |
||||
|
||||
if (!vModel.value.meta) vModel.value.meta = {} |
||||
if (!vModel.value.meta?.negative) vModel.value.meta.negative = false |
||||
if (!vModel.value.meta?.default) vModel.value.meta.default = null |
||||
if (!vModel.value.meta?.precision) vModel.value.meta.precision = precisions[0].id |
||||
const validators = {} |
||||
|
||||
const { setAdditionalValidations } = useColumnCreateStoreOrThrow() |
||||
|
||||
setAdditionalValidations({ |
||||
...validators, |
||||
}) |
||||
|
||||
// set default value |
||||
vModel.value.meta = { |
||||
is_progress: false, |
||||
...vModel.value.meta, |
||||
} |
||||
</script> |
||||
|
||||
<template> |
||||
<div class="flex flex-col mt-2 gap-2"> |
||||
<div class="flex flex-row space-x-2"> |
||||
<a-form-item class="flex w-1/2" :label="$t('placeholder.precision')"> |
||||
<a-select v-model:value="vModel.meta.precision" dropdown-class-name="nc-dropdown-precision"> |
||||
<a-select-option v-for="(precision, i) of precisions" :key="i" :value="precision.id"> |
||||
<div class="flex flex-row items-center"> |
||||
<div class="text-xs"> |
||||
{{ precision.title }} |
||||
</div> |
||||
</div> |
||||
</a-select-option> |
||||
</a-select> |
||||
</a-form-item> |
||||
<a-form-item :label="$t('labels.defaultNumberPercent')"> |
||||
<a-input v-model:value="vModel.meta.default" :name="$t('labels.default')" type="number" /> |
||||
</a-form-item> |
||||
</div> |
||||
<div class="flex flex-row mt-2"> |
||||
<a-form-item> |
||||
<div class="flex flex-row space-x-2 items-center"> |
||||
<a-switch v-model:checked="vModel.meta.negative" :name="$t('labels.negative')" /> |
||||
<div class="text-xs">{{ $t('placeholder.allowNegativeNumbers') }}</div> |
||||
</div> |
||||
</a-form-item> |
||||
<div class="flex flex-col"> |
||||
<div> |
||||
<a-checkbox v-if="vModel.meta" v-model:checked="vModel.meta.is_progress" class="ml-1 mb-1"> |
||||
<span class="text-[10px] text-gray-600">Display as progress</span> |
||||
</a-checkbox> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
@ -0,0 +1,47 @@
|
||||
<!-- File not in use for now --> |
||||
|
||||
<script setup lang="ts"> |
||||
import { precisions, useVModel } from '#imports' |
||||
|
||||
const props = defineProps<{ |
||||
value: any |
||||
}>() |
||||
|
||||
const emit = defineEmits(['update:value']) |
||||
|
||||
const vModel = useVModel(props, 'value', emit) |
||||
|
||||
if (!vModel.value.meta) vModel.value.meta = {} |
||||
if (!vModel.value.meta?.negative) vModel.value.meta.negative = false |
||||
if (!vModel.value.meta?.default) vModel.value.meta.default = null |
||||
if (!vModel.value.meta?.precision) vModel.value.meta.precision = precisions[0].id |
||||
</script> |
||||
|
||||
<template> |
||||
<div class="flex flex-col mt-2 gap-2"> |
||||
<div class="flex flex-row space-x-2"> |
||||
<a-form-item class="flex w-1/2" :label="$t('placeholder.precision')"> |
||||
<a-select v-model:value="vModel.meta.precision" dropdown-class-name="nc-dropdown-precision"> |
||||
<a-select-option v-for="(precision, i) of precisions" :key="i" :value="precision.id"> |
||||
<div class="flex flex-row items-center"> |
||||
<div class="text-xs"> |
||||
{{ precision.title }} |
||||
</div> |
||||
</div> |
||||
</a-select-option> |
||||
</a-select> |
||||
</a-form-item> |
||||
<a-form-item :label="$t('labels.defaultNumberPercent')"> |
||||
<a-input v-model:value="vModel.meta.default" :name="$t('labels.default')" type="number" /> |
||||
</a-form-item> |
||||
</div> |
||||
<div class="flex flex-row mt-2"> |
||||
<a-form-item> |
||||
<div class="flex flex-row space-x-2 items-center"> |
||||
<a-switch v-model:checked="vModel.meta.negative" :name="$t('labels.negative')" /> |
||||
<div class="text-xs">{{ $t('placeholder.allowNegativeNumbers') }}</div> |
||||
</div> |
||||
</a-form-item> |
||||
</div> |
||||
</div> |
||||
</template> |
Loading…
Reference in new issue