From 339b085db74fe29d54f15ce6dbeffbc5253ef007 Mon Sep 17 00:00:00 2001
From: CityFun <31820853+zhengkunwang223@users.noreply.github.com>
Date: Thu, 9 Oct 2025 14:41:25 +0800
Subject: [PATCH] feat: Optimize application parameter editing (#10582)

Refs https://github.com/1Panel-dev/1Panel/issues/10558
---
 .../src/views/app-store/installed/detail/index.vue  | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/app-store/installed/detail/index.vue b/frontend/src/views/app-store/installed/detail/index.vue
index a917a131c..85a7c36e7 100644
--- a/frontend/src/views/app-store/installed/detail/index.vue
+++ b/frontend/src/views/app-store/installed/detail/index.vue
@@ -29,7 +29,9 @@
                     </span>
                 </el-descriptions-item>
                 <el-descriptions-item v-for="(param, key) in params" :label="getLabel(param)" :key="key">
-                    <span>{{ param.showValue && param.showValue != '' ? param.showValue : param.value }}</span>
+                    <span class="break-all whitespace-normal">
+                        {{ param.showValue && param.showValue != '' ? param.showValue : param.value }}
+                    </span>
                     <CopyButton v-if="showCopyButton(param.key)" :content="param.value" />
                 </el-descriptions-item>
             </el-descriptions>
@@ -38,11 +40,7 @@
             <el-alert :title="$t('app.updateHelper')" type="warning" :closable="false" class="common-prompt" />
             <el-form @submit.prevent ref="paramForm" :model="paramModel" label-position="top" :rules="rules">
                 <div v-for="(p, index) in params" :key="index">
-                    <el-form-item
-                        :prop="'params.' + p.key"
-                        :label="getLabel(p)"
-                        v-if="p.showValue == undefined || p.showValue == ''"
-                    >
+                    <el-form-item :prop="'params.' + p.key" :label="getLabel(p)">
                         <el-input
                             v-if="p.type == 'number'"
                             type="number"
@@ -64,9 +62,6 @@
                         </el-select>
                         <el-input v-else v-model.trim="paramModel.params[p.key]" :disabled="!p.edit"></el-input>
                     </el-form-item>
-                    <el-form-item :prop="'params.' + p.key" :label="getLabel(p)" v-else>
-                        <el-input v-model.trim="p.showValue" :disabled="!p.edit"></el-input>
-                    </el-form-item>
                 </div>
                 <el-form-item prop="advanced">
                     <el-checkbox v-model="paramModel.advanced" :label="$t('app.advanced')" size="large" />