perf: Optimize front-end component imports (#10192)

agent/go.mod

@@ -208,7 +208,7 @@ require (
 	github.com/tonistiigi/vt100 v0.0.0-20240514184818-90bafcd6abab // indirect
 	github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
 	github.com/ugorji/go/codec v1.2.12 // indirect
-	github.com/ulikunitz/xz v0.5.10 // indirect
+	github.com/ulikunitz/xz v0.5.15 // indirect
 	github.com/volcengine/volc-sdk-golang v1.0.216 // indirect
 	github.com/xeipuuv/gojsonpointer v0.0.0-20190905194746-02993c407bfb // indirect
 	github.com/xeipuuv/gojsonreference v0.0.0-20180127040603-bd5ef7bd5415 // indirect

agent/go.sum

@@ -921,6 +921,8 @@ github.com/ugorji/go/codec v1.2.12/go.mod h1:UNopzCgEMSXjBc6AOMqYvWC1ktqTAfzJZUZ
 github.com/ulikunitz/xz v0.5.6/go.mod h1:2bypXElzHzzJZwzH67Y6wb67pO62Rzfn7BSiF4ABRW8=
 github.com/ulikunitz/xz v0.5.10 h1:t92gobL9l3HE202wg3rlk19F6X+JOxl9BBrCCMYEYd8=
 github.com/ulikunitz/xz v0.5.10/go.mod h1:nbz6k7qbPmH4IRqmfOplQw/tblSgqTqBwxkY0oWt/14=
+github.com/ulikunitz/xz v0.5.15 h1:9DNdB5s+SgV3bQ2ApL10xRc35ck0DuIX/isZvIk+ubY=
+github.com/ulikunitz/xz v0.5.15/go.mod h1:nbz6k7qbPmH4IRqmfOplQw/tblSgqTqBwxkY0oWt/14=
 github.com/upyun/go-sdk v2.1.0+incompatible h1:OdjXghQ/TVetWV16Pz3C1/SUpjhGBVPr+cLiqZLLyq0=
 github.com/upyun/go-sdk v2.1.0+incompatible/go.mod h1:eu3F5Uz4b9ZE5bE5QsCL6mgSNWRwfj0zpJ9J626HEqs=
 github.com/urfave/cli/v2 v2.3.0/go.mod h1:LJmUH05zAU44vOAcrfzZQKsZbVcdbOG8rtL3/XcUArI=

frontend/src/components/index.ts

@@ -2,15 +2,12 @@ import { type App } from 'vue';
 import LayoutContent from './layout-content/index.vue';
 import RouterButton from './router-button/index.vue';
 import ComplexTable from './complex-table/index.vue';
-import ErrPrompt from './error-prompt/index.vue';
 import OpDialog from './del-dialog/index.vue';
 import TableSearch from './table-search/index.vue';
 import TableSetting from './table-setting/index.vue';
 import TableRefresh from './table-refresh/index.vue';
-import Tooltip from '@/components/tooltip/index.vue';
 import CopyButton from '@/components/copy-button/index.vue';
 import MsgInfo from '@/components/msg-info/index.vue';
-import MainDiv from '@/components/main-div/index.vue';
 import DrawerPro from '@/components/drawer-pro/index.vue';
 import DialogPro from '@/components/dialog-pro/index.vue';
 export default {
@@ -18,15 +15,12 @@ export default {
         app.component(LayoutContent.name, LayoutContent);
         app.component(RouterButton.name, RouterButton);
         app.component(ComplexTable.name, ComplexTable);
-        app.component(ErrPrompt.name, ErrPrompt);
         app.component(OpDialog.name, OpDialog);
-        app.component(Tooltip.name, Tooltip);
         app.component(CopyButton.name, CopyButton);
         app.component(TableSearch.name, TableSearch);
         app.component(TableSetting.name, TableSetting);
         app.component(TableRefresh.name, TableRefresh);
         app.component(MsgInfo.name, MsgInfo);
-        app.component(MainDiv.name, MainDiv);
         app.component(DrawerPro.name, DrawerPro);
         app.component(DialogPro.name, DialogPro);
     },

frontend/src/views/app-store/apps/index.vue

@@ -84,6 +84,7 @@ import Tags from '@/views/app-store/components/tag.vue';
 import DockerStatus from '@/views/container/docker-status/index.vue';
 import NoApp from '@/views/app-store/apps/no-app/index.vue';
 import AppCard from '@/views/app-store/apps/app/index.vue';
+import MainDiv from '@/components/main-div/index.vue';
 import { jumpToInstall } from '@/utils/app';
 
 const globalStore = GlobalStore();

frontend/src/views/app-store/installed/check/index.vue

@@ -53,6 +53,7 @@ import i18n from '@/lang';
 import { MsgSuccess } from '@/utils/message';
 import { routerToName } from '@/utils/router';
 import { ref } from 'vue';
+import ErrPrompt from './error-prompt/index.vue';
 
 interface CheckRrops {
     items: App.AppInstallResource[];

frontend/src/views/app-store/installed/index.vue

@@ -448,6 +448,7 @@ import IgnoreApp from '@/views/app-store/installed/ignore/create/index.vue';
 import { getAgentSettingByKey } from '@/api/modules/setting';
 import Tags from '@/views/app-store/components/tag.vue';
 import SvgIcon from '@/components/svg-icon/svg-icon.vue';
+import MainDiv from '@/components/main-div/index.vue';
 import { routerToFileWithPath, routerToNameWithQuery } from '@/utils/router';
 
 const data = ref<any>();

frontend/src/views/database/mysql/index.vue

@@ -268,6 +268,7 @@ import AppStatus from '@/components/app-status/index.vue';
 import Backups from '@/components/backup/index.vue';
 import UploadDialog from '@/components/upload/index.vue';
 import PortJumpDialog from '@/components/port-jump/index.vue';
+import Tooltip from '@/components/tooltip/index.vue';
 import { dateFormat } from '@/utils/util';
 import { ElMessageBox } from 'element-plus';
 import { computed, onMounted, reactive, ref } from 'vue';

frontend/src/views/database/postgresql/index.vue

@@ -236,6 +236,7 @@ import AppStatus from '@/components/app-status/index.vue';
 import Backups from '@/components/backup/index.vue';
 import UploadDialog from '@/components/upload/index.vue';
 import PortJumpDialog from '@/components/port-jump/index.vue';
+import Tooltip from '@/components/tooltip/index.vue';
 import { dateFormat } from '@/utils/util';
 import { computed, onMounted, reactive, ref } from 'vue';
 import {

frontend/src/views/log/website/index.vue

@@ -65,6 +65,7 @@ import { ref, nextTick } from 'vue';
 import i18n from '@/lang';
 import { MsgSuccess } from '@/utils/message';
 import LogFile from '@/components/log/file/index.vue';
+import MainDiv from '@/components/main-div/index.vue';
 
 const logConfig = reactive({
     type: 'website',

frontend/src/views/website/runtime/php/check/index.vue

@@ -54,6 +54,7 @@ import { MsgSuccess } from '@/utils/message';
 import { ref } from 'vue';
 import { DeleteRuntime } from '@/api/modules/runtime';
 import { routerToName } from '@/utils/router';
+import ErrPrompt from './error-prompt/index.vue';
 
 interface CheckRrops {
     items: App.AppInstallResource[];

frontend/src/views/website/website/config/basic/php/composer/index.vue

@@ -31,7 +31,7 @@
         <el-form-item :label="$t('website.execDir')">
             <el-input v-model.trim="req.dir" class="p-w-400">
                 <template #prepend>
-                    <FileList :path="req.dir" @choose="getPath" :dir="true"></FileList>
+                    <el-button icon="Folder" @click="dirRef.acceptParams({ dir: true, path: req.dir })" />
                 </template>
             </el-input>
         </el-form-item>
@@ -40,12 +40,14 @@
         </el-form-item>
     </el-form>
     <TaskLog ref="taskLogRef" @close="search" />
+    <FileList ref="dirRef" :dir="true" @choose="getPath" />
 </template>
 <script setup lang="ts">
 import { execComposer, getWebsite } from '@/api/modules/website';
 import i18n from '@/lang';
 import { newUUID } from '@/utils/util';
 import TaskLog from '@/components/log/task/index.vue';
+import FileList from '@/components/file-list/index.vue';
 
 const props = defineProps({
     websiteID: {
@@ -65,6 +67,7 @@ const req = reactive({
 });
 const loading = ref(false);
 const taskLogRef = ref();
+const dirRef = ref();
 
 const mirrors = [
     {

frontend/src/views/website/website/config/index.vue

@@ -48,6 +48,7 @@ import WebsiteStatus from '@/views/website/website/status/index.vue';
 import { getWebsite } from '@/api/modules/website';
 import { GetRuntime } from '@/api/modules/runtime';
 import { routerToNameWithParams } from '@/utils/router';
+import MainDiv from '@/components/main-div/index.vue';
 
 const props = defineProps({
     id: {