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

This commit is contained in:
CityFun 2025-08-29 14:04:14 +08:00 committed by GitHub
parent dfbd364f60
commit cee0604efc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 15 additions and 8 deletions

View file

@ -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

View file

@ -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=

View file

@ -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);
},

View file

@ -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();

View file

@ -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[];

View file

@ -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>();

View file

@ -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';

View file

@ -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 {

View file

@ -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',

View file

@ -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[];

View file

@ -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 = [
{

View file

@ -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: {