Skip to content

Commit aec291d

Browse files
0xJacky0xJacky
committed
chore: update dependencies and improve component styles
1 parent edab6a2 commit aec291d

File tree

7 files changed

+820
-815
lines changed

7 files changed

+820
-815
lines changed

‎app/package.json‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
"i18n-iso-countries": "^7.14.0",
3939
"jsencrypt": "^3.5.4",
4040
"lodash": "^4.17.21",
41-
"marked": "^17.0.0",
41+
"marked": "^17.0.1",
4242
"marked-highlight": "^2.2.3",
4343
"nprogress": "^0.2.0",
4444
"pinia": "^3.0.4",
@@ -47,7 +47,7 @@
4747
"splitpanes": "^4.0.4",
4848
"sse.js": "^2.7.2",
4949
"universal-cookie": "^8.0.1",
50-
"unocss": "^66.5.6",
50+
"unocss": "^66.5.9",
5151
"uuid": "^13.0.0",
5252
"vite-plugin-build-id": "0.5.0",
5353
"vue": "^3.5.24",
@@ -68,12 +68,12 @@
6868
"@iconify/types": "^2.0.0",
6969
"@iconify/utils": "^3.0.2",
7070
"@iconify/vue": "^5.0.0",
71-
"@types/lodash": "^4.17.20",
71+
"@types/lodash": "^4.17.21",
7272
"@types/nprogress": "^0.2.3",
7373
"@types/sortablejs": "^1.15.9",
7474
"@vitejs/plugin-legacy": "^7.2.1",
75-
"@vitejs/plugin-vue": "^6.0.1",
76-
"@vitejs/plugin-vue-jsx": "^5.1.1",
75+
"@vitejs/plugin-vue": "^6.0.2",
76+
"@vitejs/plugin-vue-jsx": "^5.1.2",
7777
"@vue/compiler-sfc": "^3.5.24",
7878
"@vue/tsconfig": "^0.8.1",
7979
"ace-builds": "^1.43.4",
@@ -86,9 +86,9 @@
8686
"unplugin-auto-import": "^20.2.0",
8787
"unplugin-vue-components": "^30.0.0",
8888
"unplugin-vue-define-options": "^3.1.1",
89-
"vite": "^7.2.2",
89+
"vite": "^7.2.4",
9090
"vite-plugin-inspect": "^11.3.3",
9191
"vite-svg-loader": "^5.1.0",
92-
"vue-tsc": "^3.1.4"
92+
"vue-tsc": "^3.1.5"
9393
}
9494
}

‎app/src/views/config/components/ConfigLeftPanel.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -246,6 +246,7 @@ function openHistory() {
246246
<AButton
247247
v-if="!addMode && data.filepath"
248248
type="link"
249+
size="small"
249250
@click="openHistory"
250251
>
251252
<template #icon>

‎app/src/views/dashboard/components/SiteHealthCheckModal.vue‎

Lines changed: 64 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -355,18 +355,11 @@ async function handleTest() {
355355

356356
<template>
357357
<AModal
358-
v-model:open="visible"
359-
:title="`${$gettext('Health Check Configuration')} - ${site?.name || getTestUrl()}`"
360-
width="800px"
361-
@cancel="handleCancel"
358+
v-model:open="visible" :title="`${$gettext('Health Check Configuration')} - ${site?.name || getTestUrl()}`"
359+
width="800px" @cancel="handleCancel"
362360
>
363361
<div>
364-
<AForm
365-
:model="formData"
366-
layout="vertical"
367-
:label-col="{ span: 24 }"
368-
:wrapper-col="{ span: 24 }"
369-
>
362+
<AForm :model="formData" layout="vertical" :label-col="{ span: 24 }" :wrapper-col="{ span: 24 }">
370363
<div>
371364
<!-- Enable/Disable Health Check -->
372365
<AFormItem :label="$gettext('Enable Health Check')">
@@ -450,18 +443,12 @@ async function handleTest() {
450443
</AFormItem>
451444

452445
<AFormItem v-if="formData.method !== 'GET'" :label="$gettext('Request Body')">
453-
<ATextarea
454-
v-model:value="formData.body"
455-
:rows="3"
456-
placeholder="{&quot;key&quot;: &quot;value&quot;}"
457-
/>
446+
<ATextarea v-model:value="formData.body" :rows="3" />
458447
</AFormItem>
459448

460449
<AFormItem :label="$gettext('Expected Status Codes')">
461450
<ASelect
462-
v-model:value="formData.expectedStatus"
463-
mode="multiple"
464-
style="width: 100%"
451+
v-model:value="formData.expectedStatus" mode="multiple" style="width: 100%"
465452
placeholder="200, 201, 204..."
466453
>
467454
<ASelectOption :value="200">
@@ -505,16 +492,11 @@ async function handleTest() {
505492
v-if="['grpc', 'grpcs'].includes(formData.protocol)"
506493
:message="formData.protocol === 'grpcs'
507494
? $gettext('gRPCS uses TLS encryption. Server must implement gRPC Health Check service. For testing, SSL validation is disabled by default.')
508-
: $gettext('gRPC health check requires server to implement gRPC Health Check service (grpc.health.v1.Health).')"
509-
type="info"
510-
show-icon
511-
class="mb-4"
495+
: $gettext('gRPC health check requires server to implement gRPC Health Check service (grpc.health.v1.Health).')" type="info" show-icon class="mb-4"
512496
/>
513497
<AAlert
514498
:message="$gettext('Note: If the server does not support gRPC Reflection, health checks may fail. Please ensure your gRPC server has Reflection enabled.')"
515-
type="warning"
516-
show-icon
517-
class="mb-4"
499+
type="warning" show-icon class="mb-4"
518500
/>
519501
<ARow :gutter="16">
520502
<ACol :span="12">
@@ -536,22 +518,12 @@ async function handleTest() {
536518
<ARow :gutter="16">
537519
<ACol :span="12">
538520
<AFormItem :label="$gettext('Check Interval (seconds)')">
539-
<AInputNumber
540-
v-model:value="formData.interval"
541-
:min="30"
542-
:max="3600"
543-
style="width: 100%"
544-
/>
521+
<AInputNumber v-model:value="formData.interval" :min="30" :max="3600" style="width: 100%" />
545522
</AFormItem>
546523
</ACol>
547524
<ACol :span="12">
548525
<AFormItem :label="$gettext('Timeout (seconds)')">
549-
<AInputNumber
550-
v-model:value="formData.timeout"
551-
:min="5"
552-
:max="60"
553-
style="width: 100%"
554-
/>
526+
<AInputNumber v-model:value="formData.timeout" :min="5" :max="60" style="width: 100%" />
555527
</AFormItem>
556528
</ACol>
557529
</ARow>
@@ -564,12 +536,7 @@ async function handleTest() {
564536
<ARow :gutter="16">
565537
<ACol :span="12">
566538
<AFormItem :label="$gettext('Max Redirects')">
567-
<AInputNumber
568-
v-model:value="formData.maxRedirects"
569-
:min="0"
570-
:max="10"
571-
style="width: 100%"
572-
/>
539+
<AInputNumber v-model:value="formData.maxRedirects" :min="0" :max="10" style="width: 100%" />
573540
</AFormItem>
574541
</ACol>
575542
<ACol :span="12">
@@ -648,68 +615,68 @@ async function handleTest() {
648615
</template>
649616

650617
<style scoped>
651-
.grpc-help-content {
652-
font-size: 14px;
653-
line-height: 1.6;
654-
}
618+
.grpc-help-content {
619+
font-size: 14px;
620+
line-height: 1.6;
621+
}
655622
656-
.grpc-help-content h4 {
657-
color: #1890ff;
658-
margin: 16px 0 8px 0;
659-
font-size: 16px;
660-
font-weight: 600;
661-
}
623+
.grpc-help-content h4 {
624+
color: #1890ff;
625+
margin: 16px 0 8px 0;
626+
font-size: 16px;
627+
font-weight: 600;
628+
}
662629
663-
.grpc-help-content h5 {
664-
color: #595959;
665-
margin: 12px 0 4px 0;
666-
font-size: 14px;
667-
font-weight: 500;
668-
}
630+
.grpc-help-content h5 {
631+
color: #595959;
632+
margin: 12px 0 4px 0;
633+
font-size: 14px;
634+
font-weight: 500;
635+
}
669636
670-
.grpc-help-content p {
671-
margin: 8px 0;
672-
color: #595959;
673-
}
637+
.grpc-help-content p {
638+
margin: 8px 0;
639+
color: #595959;
640+
}
674641
675-
.code-examples {
676-
margin: 16px 0;
677-
}
642+
.code-examples {
643+
margin: 16px 0;
644+
}
678645
679-
.code-examples pre {
680-
background-color: #f6f8fa;
681-
border: 1px solid #e1e4e8;
682-
border-radius: 6px;
683-
padding: 12px;
684-
margin: 8px 0;
685-
overflow-x: auto;
686-
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
687-
font-size: 13px;
688-
line-height: 1.4;
689-
}
646+
.code-examples pre {
647+
background-color: #f6f8fa;
648+
border: 1px solid #e1e4e8;
649+
border-radius: 6px;
650+
padding: 12px;
651+
margin: 8px 0;
652+
overflow-x: auto;
653+
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
654+
font-size: 13px;
655+
line-height: 1.4;
656+
}
690657
691-
.code-examples code {
692-
color: #24292e;
693-
background: transparent;
694-
border: none;
695-
padding: 0;
696-
}
658+
.code-examples code {
659+
color: #24292e;
660+
background: transparent;
661+
border: none;
662+
padding: 0;
663+
}
697664
698-
.dark .code-examples pre {
699-
background-color: #161b22;
700-
border-color: #30363d;
701-
}
665+
.dark .code-examples pre {
666+
background-color: #161b22;
667+
border-color: #30363d;
668+
}
702669
703-
.dark .code-examples code {
704-
color: #e6edf3;
705-
}
670+
.dark .code-examples code {
671+
color: #e6edf3;
672+
}
706673
707-
.dark .grpc-help-content h4 {
708-
color: #58a6ff;
709-
}
674+
.dark .grpc-help-content h4 {
675+
color: #58a6ff;
676+
}
710677
711-
.dark .grpc-help-content h5,
712-
.dark .grpc-help-content p {
713-
color: #c9d1d9;
714-
}
678+
.dark .grpc-help-content h5,
679+
.dark .grpc-help-content p {
680+
color: #c9d1d9;
681+
}
715682
</style>

0 commit comments

Comments
 (0)