Merge pull request #7838 from nocodb/nc/cal-opt

fix: missing calendar optmzin on oss

packages/nc-gui/components/smartsheet/calendar/DayView/DateTimeField.vue

@@ -969,9 +969,9 @@ const newRecord = (hour: dayjs.Dayjs) => {
     </div>
     <div class="absolute inset-0 pointer-events-none">
       <div class="relative !ml-[60px]" data-testid="nc-calendar-day-record-container">
+        <template v-for="(record, rowIndex) in recordsAcrossAllRange.record" :key="rowIndex">
           <div
-          v-for="(record, rowIndex) in recordsAcrossAllRange.record"
+            v-if="record.rowMeta.style?.display !== 'none'"
-          :key="rowIndex"
             :data-testid="`nc-calendar-day-record-${record.row[displayField!.title!]}`"
             :data-unique-id="record.rowMeta.id"
             :style="record.rowMeta.style"
@@ -1014,6 +1014,7 @@ const newRecord = (hour: dayjs.Dayjs) => {
               </LazySmartsheetCalendarVRecordCard>
             </LazySmartsheetRow>
           </div>
+        </template>
       </div>
     </div>
   </div>

packages/nc-gui/components/smartsheet/calendar/MonthView.vue

@@ -772,9 +772,9 @@ const addRecord = (date: dayjs.Dayjs) => {
       </div>
     </div>
     <div class="absolute inset-0 pointer-events-none mt-8 pb-7.5" data-testid="nc-calendar-month-record-container">
+      <template v-for="(record, recordIndex) in recordsToDisplay.records" :key="recordIndex">
         <div
-        v-for="(record, recordIndex) in recordsToDisplay.records"
+          v-if="record.rowMeta.style?.display !== 'none'"
-        :key="recordIndex"
           :data-testid="`nc-calendar-month-record-${record.row[displayField!.title!]}`"
           :data-unique-id="record.rowMeta.id"
           :style="{
@@ -818,6 +818,7 @@ const addRecord = (date: dayjs.Dayjs) => {
             </LazySmartsheetCalendarRecordCard>
           </LazySmartsheetRow>
         </div>
+      </template>
     </div>
   </div>
 </template>

packages/nc-gui/components/smartsheet/calendar/WeekView/DateTimeField.vue

@@ -805,9 +805,9 @@ const addRecord = (date: dayjs.Dayjs) => {
         class="absolute pointer-events-none inset-0 overflow-hidden !mt-[29px]"
         data-testid="nc-calendar-week-record-container"
       >
+        <template v-for="(record, rowIndex) in recordsAcrossAllRange.records" :key="rowIndex">
           <div
-          v-for="(record, rowIndex) in recordsAcrossAllRange.records"
+            v-if="record.rowMeta.style?.display !== 'none'"
-          :key="rowIndex"
             :data-testid="`nc-calendar-week-record-${record.row[displayField!.title!]}`"
             :data-unique-id="record.rowMeta!.id"
             :style="record.rowMeta!.style "
@@ -850,6 +850,7 @@ const addRecord = (date: dayjs.Dayjs) => {
               </LazySmartsheetCalendarVRecordCard>
             </LazySmartsheetRow>
           </div>
+        </template>
       </div>
     </div>
   </div>