Compare commits

..

2 Commits

Author SHA1 Message Date
xiaoxian521
86b335cf22 perf: 优化系统配置面板 2025-12-16 16:23:20 +08:00
xiaoxian521
30459741d4 fix: 升级vite-plugin-router-warnv2版本,兼容最新版的vue-router 2025-12-11 08:56:32 +08:00
4 changed files with 11 additions and 31 deletions

View File

@@ -169,7 +169,7 @@
"vite-plugin-compression": "^0.5.1", "vite-plugin-compression": "^0.5.1",
"vite-plugin-fake-server": "^2.2.2", "vite-plugin-fake-server": "^2.2.2",
"vite-plugin-remove-console": "^2.2.0", "vite-plugin-remove-console": "^2.2.0",
"vite-plugin-router-warn": "^1.0.0", "vite-plugin-router-warn": "^2.0.0",
"vite-svg-loader": "^5.1.0", "vite-svg-loader": "^5.1.0",
"vue-eslint-parser": "^10.2.0", "vue-eslint-parser": "^10.2.0",
"vue-tsc": "^3.1.8" "vue-tsc": "^3.1.8"

10
pnpm-lock.yaml generated
View File

@@ -370,8 +370,8 @@ importers:
specifier: ^2.2.0 specifier: ^2.2.0
version: 2.2.0 version: 2.2.0
vite-plugin-router-warn: vite-plugin-router-warn:
specifier: ^1.0.0 specifier: ^2.0.0
version: 1.0.0 version: 2.0.0
vite-svg-loader: vite-svg-loader:
specifier: ^5.1.0 specifier: ^5.1.0
version: 5.1.0(vue@3.5.25(typescript@5.9.3)) version: 5.1.0(vue@3.5.25(typescript@5.9.3))
@@ -5247,8 +5247,8 @@ packages:
vite-plugin-remove-console@2.2.0: vite-plugin-remove-console@2.2.0:
resolution: {integrity: sha512-qgjh5pz75MdE9Kzs8J0kBwaCfifHV0ezRbB9rpGsIOxam+ilcGV7WOk91vFJXquzRmiKrFh3Hxlh0JJWAmXTbQ==} resolution: {integrity: sha512-qgjh5pz75MdE9Kzs8J0kBwaCfifHV0ezRbB9rpGsIOxam+ilcGV7WOk91vFJXquzRmiKrFh3Hxlh0JJWAmXTbQ==}
vite-plugin-router-warn@1.0.0: vite-plugin-router-warn@2.0.0:
resolution: {integrity: sha512-jnr7faHJPkKxukBXVpg7Ui1UDqhmxD7xU6JGidq8ivSHTsNAPqzSpPpwW8O1PBP/0+Owq4bLfNNk11drOkz4xA==} resolution: {integrity: sha512-Zgg5IUaNtUSHdL+SL+g7YOYQQlTHh1eRqSkmf8c961AQv1eaJxCl/9/8pUZZDcTbwWjAlgbctgAF7iGm2vxNjA==}
vite-svg-loader@5.1.0: vite-svg-loader@5.1.0:
resolution: {integrity: sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==} resolution: {integrity: sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==}
@@ -10875,7 +10875,7 @@ snapshots:
vite-plugin-remove-console@2.2.0: {} vite-plugin-remove-console@2.2.0: {}
vite-plugin-router-warn@1.0.0: {} vite-plugin-router-warn@2.0.0: {}
vite-svg-loader@5.1.0(vue@3.5.25(typescript@5.9.3)): vite-svg-loader@5.1.0(vue@3.5.25(typescript@5.9.3)):
dependencies: dependencies:

View File

@@ -51,7 +51,7 @@ onBeforeUnmount(() => {
<div class="right-panel-background" /> <div class="right-panel-background" />
<div ref="target" class="right-panel bg-bg_color"> <div ref="target" class="right-panel bg-bg_color">
<div <div
class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]" class="flex-bc py-3 px-5 border-0 border-l border-solid border-(--pure-border-color)"
> >
<h4 class="dark:text-white"> <h4 class="dark:text-white">
{{ t("panel.pureSystemSet") }} {{ t("panel.pureSystemSet") }}
@@ -73,12 +73,14 @@ onBeforeUnmount(() => {
/> />
</span> </span>
</div> </div>
<el-scrollbar> <el-scrollbar
class="border-y border-l border-r-0 border-solid border-(--pure-border-color) h-[calc(100vh-104px)]!"
>
<slot /> <slot />
</el-scrollbar> </el-scrollbar>
<div <div
class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]" class="flex justify-end p-3 border-0 border-l border-solid border-(--pure-border-color)"
> >
<el-button <el-button
v-tippy="{ v-tippy="{
@@ -99,10 +101,6 @@ onBeforeUnmount(() => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-scrollbar) {
height: calc(100vh - 110px);
}
.right-panel-background { .right-panel-background {
position: fixed; position: fixed;
top: 0; top: 0;
@@ -139,11 +137,4 @@ onBeforeUnmount(() => {
transform: translate(0); transform: translate(0);
} }
} }
.project-configuration {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 20px;
}
</style> </style>

View File

@@ -135,17 +135,6 @@ html.dark {
} }
} }
/* 系统配置面板 */
.right-panel-items {
.el-divider__text {
--el-bg-color: var(--el-bg-color);
}
.el-divider--horizontal {
border-top: none;
}
}
/* 表单设计器 */ /* 表单设计器 */
.design-form { .design-form {
.el-main.config-content, .el-main.config-content,