feat(frontend): mongodb访问db支持分隔符 TencentBlueKing#8407

# Reviewed, transaction id: 26011

dbm-ui/frontend/src/locales/zh-cn.json

@@ -3706,9 +3706,9 @@
   "不允许使用特殊账号名称n": "不允许使用特殊账号名称 {n}",
   "非 admin": "非 admin",
   "请输入访问DB名_以字母开头_支持字母_数字_下划线": "请输入访问DB名，以字母开头，支持字母，数字，下划线",
-  "您输入的访问 DB 名不符合要求_访问 DB 名应以字母开头_且仅包含字母_数字和下划线": "您输入的访问 DB 名不符合要求。访问 DB 名应以字母开头，且仅包含字母、数字和下划线",
   "访问 DB 不能为空": "访问 DB 不能为空",
   "访问 DB 名不允许为 admin": "访问 DB 名不允许为 admin",
   "删除规则后将不能恢复，请谨慎操作": "删除规则后将不能恢复，请谨慎操作",
+  "请输入访问DB名_以字母开头_支持字母_数字_下划线_多个使用英文逗号_分号或换行分隔": "请输入访问DB名，以字母开头，支持字母，数字，下划线。多个使用英文逗号、分号或换行分隔",
   "这行勿动！新增翻译请在上一行添加！": ""
 }

dbm-ui/frontend/src/views/db-manage/common/password-input/Index.vue

@@ -261,7 +261,6 @@
       security_type: passwordParam.value,
       password: getEncyptPassword(),
     });
-    tippyInstance.show();
     emits('verifyResult', isStrength);
     return isStrength;
   };
@@ -291,7 +290,7 @@
    * 密码框获取焦点
    */
   const handlePasswordFocus = () => {
-    debounceVerifyPassword();
+    tippyInstance.show();
   };
 
   /**

dbm-ui/frontend/src/views/db-manage/common/permission/components/mongo/CreateRule.vue

@@ -139,6 +139,7 @@
 
 <script setup lang="ts">
   import { Message } from 'bkui-vue';
+  import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
@@ -247,8 +248,11 @@
       {
         required: true,
         trigger: 'blur',
-        message: t('您输入的访问 DB 名不符合要求_访问 DB 名应以字母开头_且仅包含字母_数字和下划线'),
-        validator: (value: string) => /^[A-Za-z][A-Za-z0-9_]*$/.test(value),
+        message: t('请输入访问DB名_以字母开头_支持字母_数字_下划线_多个使用英文逗号_分号或换行分隔'),
+        validator: (value: string) => {
+          const dbs = value.split(/[\n;,]/);
+          return _.every(dbs, (item) => (!item ? true : /^[_a-zA-Z0-9]/.test(item) && !/\*/.test(value)));
+        },
       },
     ],
   };