refactor(nc-gui): lazy load

packages/nc-gui/components/smartsheet/Toolbar.vue

@@ -34,6 +34,7 @@ const { allowCSVDownload } = useSharedView()
     <LazySmartsheetToolbarShareView v-if="(isForm || isGrid) && !isPublic" />
 
     <LazySmartsheetToolbarExport v-if="(!isPublic && !isUIAllowed('dataInsert')) || (isPublic && allowCSVDownload)" />
+
     <div class="flex-1" />
 
     <LazySmartsheetToolbarReload v-if="!isPublic && !isForm" class="mx-1" />

packages/nc-gui/components/smartsheet/expanded-form/index.vue

@@ -137,9 +137,9 @@ export default {
               class="mt-2 py-2"
               :class="`nc-expand-col-${col.title}`"
             >
-              <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" />
+              <LazySmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" />
 
-              <SmartsheetHeaderCell v-else :column="col" />
+              <LazySmartsheetHeaderCell v-else :column="col" />
 
               <div class="!bg-white rounded px-1 min-h-[35px] flex items-center mt-2">
                 <LazySmartsheetVirtualCell v-if="isVirtualCol(col)" v-model="row.row[col.title]" :row="row" :column="col" />

packages/nc-gui/pages/index/apps.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import AppStore from '~/components/dashboard/settings/AppStore.vue'
 import { Role } from '~/lib'
+import { definePageMeta } from '#imports'
 
 definePageMeta({
   requiresAuth: true,
@@ -12,8 +12,7 @@ definePageMeta({
 <template>
   <div class="p-10 h-full overflow-auto">
     <h1 class="text-3xl text-center mb-11 nc-app-store-title">{{ $t('title.appStore') }}</h1>
-    <AppStore />
+
+    <LazyDashboardSettingsAppStore />
   </div>
 </template>
-
-<style scoped></style>