Browse Source

refactor(gui-v2): bind model to datepicker

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/2716/head
Pranav C 2 years ago
parent
commit
2db1d80701
  1. 2
      packages/nc-gui-v2/components/cell/DateTimePicker.vue
  2. 5
      packages/nc-gui-v2/components/index.ts
  3. 6
      packages/nc-gui-v2/components/smartsheet/Grid.vue

2
packages/nc-gui-v2/components/cell/DateTimePicker.vue

@ -98,7 +98,7 @@ export default {
</script>
<template>
<input type="datetime-local" />
<input v-model="localState" type="datetime-local" />
<!-- <div> -->
<!-- <div v-show="!showMessage"> -->
<!-- <v-datetime-picker -->

5
packages/nc-gui-v2/components/index.ts

@ -1,11 +1,12 @@
import type { ColumnType, PaginatedType, TableType } from 'nocodb-sdk'
import type { ColumnType, TableType } from 'nocodb-sdk'
import type { InjectionKey, Ref } from 'vue'
import type useViewData from '~/composables/useViewData'
export const ColumnInj: InjectionKey<ColumnType> = Symbol('column-injection')
export const MetaInj: InjectionKey<Ref<TableType>> = Symbol('meta-injection')
export const TabMetaInj: InjectionKey<any> = Symbol('tab-meta-injection')
export const PaginationDataInj: InjectionKey<Ref<PaginatedType>> = Symbol('pagination-data-injection')
export const PaginationDataInj: InjectionKey<ReturnType<typeof useViewData>['paginationData']> =
Symbol('pagination-data-injection')
export const ChangePageInj: InjectionKey<ReturnType<typeof useViewData>['changePage']> = Symbol('pagination-data-injection')
export const IsFormInj: InjectionKey<boolean> = Symbol('is-form-injection')
export const IsGridInj: InjectionKey<boolean> = Symbol('is-grid-injection')

6
packages/nc-gui-v2/components/smartsheet/Grid.vue

@ -1,7 +1,7 @@
<script lang="ts" setup>
import { inject, onMounted } from 'vue'
import { isVirtualCol } from 'nocodb-sdk'
import { ChangePageInj, MetaInj, PaginationDataInj } from '~/components'
import { ChangePageInj, IsFormInj, IsGridInj, MetaInj, PaginationDataInj } from '~/components'
import useViewData from '~/composables/useViewData'
const meta = inject(MetaInj)
@ -14,8 +14,8 @@ const editEnabled = ref(false)
const { loadData, paginationData, formattedData: data, updateRowProperty, changePage } = useViewData(meta)
provide('isForm', false)
provide('isGrid', true)
provide(IsFormInj, false)
provide(IsGridInj, true)
provide(PaginationDataInj, paginationData)
provide(ChangePageInj, changePage)

Loading…
Cancel
Save