github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

fix: generic context

pull/6384/head
sreehari jayaraj 1 year ago
parent
55c4f66270
commit
11c603247b
2 changed files with 84 additions and 81 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 120
      packages/nc-gui/components/smartsheet/grid/Table.vue
  2. 3
      packages/nc-gui/windi.config.ts

120
packages/nc-gui/components/smartsheet/grid/Table.vue
Unescape View File

@ -1136,7 +1136,7 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
<template>
<div class="flex flex-col" :class="`${headerOnly !== true ? 'h-full w-full' : ''}`">
<div ref="gridWrapper" class="nc-grid-wrapper min-h-0 flex-1 relative" :class="gridWrapperClass">
<a-dropdown
<NcDropdown
v-model:visible="contextMenu"
:trigger="isSqlView ? [] : ['contextmenu']"
overlay-class-name="nc-dropdown-grid-context-menu"
@ -1220,7 +1220,7 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
</div>
<template v-if="isEeUI && persistMenu" #overlay>
<a-menu>
<NcMenu>
<a-sub-menu v-if="predictedNextColumn?.length" key="predict-column">
<template #title>
<div class="flex flex-row items-center py-3">
@ -1230,33 +1230,33 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
</div>
</template>
<template #expandIcon></template>
<a-menu>
<NcMenu>
<template v-for="col in predictedNextColumn" :key="`predict-${col.title}-${col.type}`">
<a-menu-item>
<NcMenuItem>
<div class="flex flex-row items-center py-3" @click="loadColumn(col.title, col.type)">
<div class="text-xs pl-2">{{ col.title }}</div>
</div>
</a-menu-item>
</NcMenuItem>
</template>
<a-menu-item>
<NcMenuItem>
<div class="flex flex-row items-center py-3" @click="predictNextColumn">
<div class="text-red-500 text-xs pl-2">
<MdiReload />
Generate Again
</div>
</div>
</a-menu-item>
</a-menu>
</NcMenuItem>
</NcMenu>
</a-sub-menu>
<a-menu-item v-else>
<NcMenuItem v-else>
<!-- Predict Columns -->
<div class="flex flex-row items-center py-3" @click="predictNextColumn">
<MdiReload v-if="predictingNextColumn" class="animate-infinite animate-spin" />
<MdiTableColumnPlusAfter v-else class="flex h-[1rem] text-gray-500" />
<div class="text-xs pl-2">Predict Columns</div>
</div>
</a-menu-item>
</NcMenuItem>
<a-sub-menu v-if="predictedNextFormulas" key="predict-formula">
<template #title>
<div class="flex flex-row items-center py-3">
@ -1266,28 +1266,28 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
</div>
</template>
<template #expandIcon></template>
<a-menu>
<NcMenu>
<template v-for="col in predictedNextFormulas" :key="`predict-${col.title}-formula`">
<a-menu-item>
<NcMenuItem>
<div
class="flex flex-row items-center py-3"
@click="loadColumn(col.title, 'Formula', { formula_raw: col.formula })"
>
<div class="text-xs pl-2">{{ col.title }}</div>
</div>
</a-menu-item>
</NcMenuItem>
</template>
</a-menu>
</NcMenu>
</a-sub-menu>
<a-menu-item v-else>
<NcMenuItem v-else>
<!-- Predict Formulas -->
<div class="flex flex-row items-center py-3" @click="predictNextFormulas">
<MdiReload v-if="predictingNextFormulas" class="animate-infinite animate-spin" />
<MdiCalculatorVariant v-else class="flex h-[1rem] text-gray-500" />
<div class="text-xs pl-2">Predict Formulas</div>
</div>
</a-menu-item>
</a-menu>
</NcMenuItem>
</NcMenu>
</template>
<template v-else #overlay>
<SmartsheetColumnEditOrAddProvider
@ -1484,91 +1484,97 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
</div>
<template v-if="!isLocked && hasEditPermission" #overlay>
<a-menu class="shadow !rounded !py-0" @click="contextMenu = false">
<a-menu-item
<NcMenu class="!rounded !py-0" @click="contextMenu = false">
<NcMenuItem
v-if="isEeUI && !contextMenuClosing && !contextMenuTarget && data.some((r) => r.rowMeta.selected)"
v-e="['a:row:update-bulk']"
@click="emits('bulkUpdateDlg')"
>
<div v-e="['a:row:update-bulk']" class="nc-project-menu-item">
<component :is="iconMap.edit" />
<!-- TODO i18n -->
Update Selected Rows
</div>
</a-menu-item>
</NcMenuItem>
<a-menu-item
<NcMenuItem
v-if="!contextMenuClosing && !contextMenuTarget && data.some((r) => r.rowMeta.selected)"
v-e="['a:row:delete-bulk']"
class="nc-project-menu-item"
@click="deleteSelectedRows"
>
<div v-e="['a:row:delete-bulk']" class="nc-project-menu-item">
<component :is="iconMap.delete" />
<!-- Delete Selected Rows -->
{{ $t('activity.deleteSelectedRow') }}
</div>
</a-menu-item>
<!-- <a-menu-item v-if="contextMenuTarget && selectedRange.isSingleCell()" @click="addEmptyRow(contextMenuTarget.row + 1)"> -->
<!-- <div v-e="['a:row:insert']" class="nc-project-menu-item"> -->
</NcMenuItem>
<!-- <NcMenuItem -->
<!-- v-if="contextMenuTarget && selectedRange.isSingleCell()" -->
<!-- v-e="['a:row:insert']" -->
<!-- class="nc-project-menu-item" -->
<!-- @click="addEmptyRow(contextMenuTarget.row + 1)" -->
<!-- > -->
<!-- <GeneralIcon icon="plus" /> -->
<!-- &lt;!&ndash; Insert New Row &ndash;&gt; -->
<!-- Insert New Row -->
<!-- {{ $t('activity.insertRow') }} -->
<!-- </div> -->
<!-- </a-menu-item> -->
<a-menu-item v-if="contextMenuTarget" data-testid="context-menu-item-copy" @click="copyValue(contextMenuTarget)">
<div v-e="['a:row:copy']" class="nc-project-menu-item">
<!-- </NcMenuItem> -->
<NcMenuItem
v-if="contextMenuTarget"
v-e="['a:row:copy']"
class="nc-project-menu-item"
data-testid="context-menu-item-copy"
@click="copyValue(contextMenuTarget)"
>
<GeneralIcon icon="copy" />
<!-- Copy -->
{{ $t('general.copy') }}
</div>
</a-menu-item>
</NcMenuItem>
<!-- Clear cell -->
<a-menu-item
<NcMenuItem
v-if="
contextMenuTarget &&
selectedRange.isSingleCell() &&
(isLinksOrLTAR(fields[contextMenuTarget.col]) || !isVirtualCol(fields[contextMenuTarget.col]))
"
v-e="['a:row:clear']"
class="nc-project-menu-item"
@click="clearCell(contextMenuTarget)"
>
<div v-e="['a:row:clear']" class="nc-project-menu-item">
<GeneralIcon icon="close" />
{{ $t('general.clear') }}
</div>
</a-menu-item>
</NcMenuItem>
<!-- Clear cell -->
<a-menu-item v-else-if="contextMenuTarget" @click="clearSelectedRangeOfCells()">
<div v-e="['a:row:clear-range']" class="nc-project-menu-item">
<NcMenuItem
v-else-if="contextMenuTarget"
v-e="['a:row:clear-range']"
class="nc-project-menu-item"
@click="clearSelectedRangeOfCells()"
>
<GeneralIcon icon="closeBox" class="text-gray-500" />
Clear
</div>
</a-menu-item>
<NcDivider class="!m-0" />
<a-menu-item
</NcMenuItem>
<NcDivider />
<NcMenuItem
v-if="contextMenuTarget && (selectedRange.isSingleCell() || selectedRange.isSingleRow())"
v-e="['a:row:delete']"
class="nc-project-menu-item !text-red-600 !hover:bg-red-50"
@click="confirmDeleteRow(contextMenuTarget.row)"
>
<div v-e="['a:row:delete']" class="nc-project-menu-item text-red-600">
<GeneralIcon icon="delete" />
<!-- Delete Row -->
{{ $t('activity.deleteRow') }}
</div>
</a-menu-item>
</NcMenuItem>
<div v-else-if="contextMenuTarget && deleteRangeOfRows">
<NcDivider class="!m-0" />
<a-menu-item @click="deleteSelectedRangeOfRows">
<div v-e="['a:row:delete']" class="nc-project-menu-item text-red-600">
<NcMenuItem v-e="['a:row:delete']" class="nc-project-menu-item text-red-600" @click="deleteSelectedRangeOfRows">
<GeneralIcon icon="delete" class="text-gray-500 text-error" />
<!-- Delete Rows -->
Delete rows
</NcMenuItem>
</div>
</a-menu-item>
</div>
</a-menu>
</NcMenu>
</template>
</a-dropdown>
</NcDropdown>
</div>
<div v-if="showSkeleton && headerOnly !== true" class="flex flex-row justify-center item-center min-h-10">

3
packages/nc-gui/windi.config.ts
Unescape View File

@ -165,9 +165,6 @@ export default defineConfig({
dark: colors.dark,
light: colors.light,
},
fontSize: {
dropdown: '0.85rem',
},
},
},
})

Write Preview
Loading…
Cancel
Save