feat: PHP 运行环境增加扩展列表提示 (#1500)

backend/app/service/runtime_utils.go

@@ -62,7 +62,7 @@ func handleParams(image, runtimeType, runtimeDir string, params map[string]inter
 			if extendsArray, ok := extends.([]interface{}); ok {
 				strArray := make([]string, len(extendsArray))
 				for i, v := range extendsArray {
-					strArray[i] = fmt.Sprintf("%v", v)
+					strArray[i] = strings.ToLower(fmt.Sprintf("%v", v))
 				}
 				params["PHP_EXTENSIONS"] = strings.Join(strArray, ",")
 			}

frontend/src/lang/modules/en.ts

@@ -1558,9 +1558,11 @@ const message = {
         toupgrade: 'To Upgrade',
         edit: 'Edit runtime',
         extendHelper:
-            'Extensions that do not exist in the list can be selected after manual input, for example: input sockets, and then select the first one in the drop-down list',
+            'Extensions that do not exist in the list can be selected after manual input, for example: input sockets, and then select the first one in the drop-down list,',
         rebuildHelper:
             'After editing the extension, you need to go to the [App Store-Installed] page to rebuild the PHP application to take effect',
+        phpPluginHelper:
+            '<a target="_blank" href="https://1panel.cn/docs/user_manual/websites/php/#php_1">View PHP extension list</a> ',
     },
     process: {
         pid: 'Process ID',

frontend/src/lang/modules/zh.ts

@@ -1478,8 +1478,10 @@ const message = {
         openrestryWarn: 'PHP 需要升级  OpenResty 至 1.21.4.1 版本以上才能使用',
         toupgrade: '去升级',
         edit: '编辑运行环境',
-        extendHelper: '列表中不存在的扩展，可以手动输入之后选择，例:输入 sockets ，然后在下拉列表中选择第一个',
+        extendHelper: '列表中不存在的扩展，可以手动输入之后选择，例:输入 sockets ，然后在下拉列表中选择第一个，',
         rebuildHelper: '编辑扩展后需要去【应用商店-已安装】页面【重建】PHP 应用之后才能生效',
+        phpPluginHelper:
+            "<a target=“_blank” href='https://1panel.cn/docs/user_manual/websites/php/#php_1'>查看 PHP 扩展列表</a> ",
     },
     process: {
         pid: '进程ID',

frontend/src/styles/common.scss

@@ -334,3 +334,7 @@
     background: none;
     border: none;
 }
+
+.common-prompt {
+    margin-bottom: 20px !important;
+}

frontend/src/views/app-store/detail/install/index.vue

@@ -11,12 +11,7 @@
         </template>
         <el-row v-loading="loading">
             <el-col :span="22" :offset="1">
-                <el-alert
+                <el-alert :title="$t('app.appInstallWarn')" class="common-prompt" :closable="false" type="error" />
-                    :title="$t('app.appInstallWarn')"
-                    style="margin-bottom: 20px"
-                    :closable="false"
-                    type="error"
-                />
                 <el-form
                     @submit.prevent
                     ref="paramForm"

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

@@ -20,12 +20,7 @@
         </el-row>
         <el-row v-else v-loading="loading">
             <el-col :span="22" :offset="1">
-                <el-alert
+                <el-alert :title="$t('app.updateHelper')" type="warning" :closable="false" class="common-prompt" />
-                    :title="$t('app.updateHelper')"
-                    type="warning"
-                    :closable="false"
-                    style="margin-bottom: 20px"
-                />
                 <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="p.key" :label="getLabel(p)">

frontend/src/views/container/container/upgrade/index.vue

@@ -9,7 +9,7 @@
                 <el-alert
                     v-if="form.fromApp"
                     :title="$t('container.appHelper')"
-                    style="margin-bottom: 20px"
+                    class="common-prompt"
                     :closable="false"
                     type="error"
                 />

frontend/src/views/container/setting/log/index.vue

@@ -10,7 +10,7 @@
             <template #header>
                 <DrawerHeader :header="$t('container.cutLog')" :back="handleClose" />
             </template>
-            <el-alert style="margin-bottom: 20px" :closable="false" type="warning">
+            <el-alert class="common-prompt" :closable="false" type="warning">
                 <template #default>
                     <ul style="margin-left: -20px">
                         <li>{{ $t('container.cutLogHelper1') }}</li>

frontend/src/views/host/file-management/chown/index.vue

@@ -5,7 +5,7 @@
         </template>
         <el-row>
             <el-col :span="22" :offset="1">
-                <el-alert :title="$t('file.ownerHelper')" type="info" :closable="false" style="margin-bottom: 20px" />
+                <el-alert :title="$t('file.ownerHelper')" type="info" :closable="false" class="common-prompt" />
                 <el-form
                     ref="fileForm"
                     label-position="top"

frontend/src/views/host/terminal/terminal/host-create.vue

@@ -9,7 +9,7 @@
                     <el-col :span="22">
                         <el-alert
                             v-if="isLocal"
-                            style="margin-bottom: 20px"
+                            class="common-prompt"
                             center
                             :title="$t('terminal.connLocalErr')"
                             :closable="false"

frontend/src/views/setting/panel/timezone/index.vue

@@ -9,7 +9,7 @@
                     <el-alert
                         v-if="canChangeZone()"
                         :title="$t('setting.timeZoneHelper')"
-                        style="margin-bottom: 20px"
+                        class="common-prompt"
                         :closable="false"
                         type="warning"
                     />

frontend/src/views/setting/safe/mfa/index.vue

@@ -10,7 +10,7 @@
             <template #header>
                 <DrawerHeader :header="$t('setting.mfa')" :back="handleClose" />
             </template>
-            <el-alert style="margin-bottom: 20px" :closable="false" type="warning">
+            <el-alert class="common-prompt" :closable="false" type="warning">
                 <template #default>
                     <span>
                         <span>{{ $t('setting.mfaAlert') }}</span>

frontend/src/views/website/runtime/create/index.vue

@@ -83,13 +83,12 @@
                                 v-model:rules="rules"
                             ></EditParams>
                             <el-form-item v-if="runtime.type === 'php'">
-                                <el-alert :title="$t('runtime.extendHelper')" type="info" :closable="false" />
+                                <el-alert type="info" :closable="false">
-                                <el-alert
+                                    <span>{{ $t('runtime.extendHelper') }}</span>
-                                    v-if="mode == 'edit'"
+                                    <span v-html="$t('runtime.phpPluginHelper')"></span>
-                                    :title="$t('runtime.rebuildHelper')"
+                                    <br />
-                                    type="info"
+                                    <span v-if="mode == 'edit'">{{ $t('runtime.rebuildHelper') }}</span>
-                                    :closable="false"
+                                </el-alert>
-                                />
                             </el-form-item>
                         </div>
                     </div>