feat: support client Id edit

Author: xbsura

apps/daas/src/i18n/langs/en.js

@@ -230,6 +230,8 @@ export default {
   application_false: 'No',
   application_create: 'Create Client',
   application_edit: 'Edit client',
+  application_client_id_placeholder: 'Can be left empty, system will auto-generate',
+  //api 监控
   api_monitor_total_totalCount: 'Total number of APIs',
   api_monitor_total_warningApiCount: 'Total API Access',
   api_monitor_total_warningVisitCount: 'Total API Access Warning',
@@ -466,10 +468,10 @@ export default {
   setting_Default_Limit: 'The number of rows returned by the default query',
   setting_Max_Limit: 'Maximum number of rows returned by the query',
   setting_Desensitize_API_request_parameters:
-   
+
     'Desensitize API request parameters',
   'setting_Timeout_period_for_API_access_to_the_database_(millisecond)':
-   
+
     'The timeout period for API access to the database (millisecond)',
   setting_Send_batch_size: 'Number of packed data',
   setting_hint_Send_batch_size: 'Number of packed data',

apps/daas/src/i18n/langs/zh-CN.js

@@ -226,6 +226,7 @@ export default {
   application_false: '否',
   application_create: '创建客户端',
   application_edit: '编辑客户端',
+  application_client_id_placeholder: '可留空，系统将自动生成',
   //api 监控
   api_monitor_total_totalCount: 'API总数',
   api_monitor_total_warningApiCount: 'API访问总数',

apps/daas/src/i18n/langs/zh-TW.js

@@ -226,6 +226,7 @@ export default {
   application_false: '否',
   application_create: '創建客戶端',
   application_edit: '編輯客戶端',
+  application_client_id_placeholder: '可留空，系統將自動生成',
   //api 监控
   api_monitor_total_totalCount: 'API總數',
   api_monitor_total_warningApiCount: 'API訪問總數',

apps/daas/src/views/api-page/Applications.vue

@@ -30,6 +30,7 @@ export default {
       roles: [],
       createForm: {
         clientName: '',
+        clientId: '',
         grantTypes: [],
         clientSecret: '',
         scopes: [],
@@ -63,6 +64,7 @@ export default {
       this.createDialogVisible = true
       this.createForm = {
         clientName: '',
+        clientId: '',
         grantTypes: ['implicit', 'client_credentials'],
         clientSecret: '',
         scopes: [],
@@ -112,6 +114,11 @@ export default {
       params.redirectUris = params.redirectUrisStr?.split(',') || []
       delete params.redirectUrisStr
 
+      // 如果clientId为空，则不传递该字段
+      if (!params.clientId || params.clientId.trim() === '') {
+        delete params['clientId']
+      }
+
       this.$refs.form.validate((valid) => {
         if (valid) {
           method(params).then(() => {
@@ -335,6 +342,9 @@ export default {
         >
           <ElInput v-model="createForm.clientName" />
         </ElFormItem>
+        <ElFormItem :label="$t('application_header_id')" prop="clientId">
+          <ElInput v-model="createForm.clientId" size="mini" :placeholder="$t('application_client_id_placeholder')"></ElInput>
+        </ElFormItem>
         <ElFormItem
           :label="$t('application_header_grant_type')"
           required