feat(frontend): 支持集群标签功能 #10056 (#10414)

Author: jinquantianxia

dbm-ui/frontend/src/common/regex.ts

@@ -73,3 +73,13 @@ export const batchInputSplitRegex = /\s*[｜|，,；;、\t/\s]\s*/g;
  * 版本号正则，格式为 x.x.x 或 x.x
  */
 export const versionRegex = /\b(\d+\.\d+(\.\d+)?)\b/;
+
+/**
+ * 标签值正则，支持中文、英文、数字、下划线、中划线、英文句号，长度不能超过100个字符
+ */
+export const tagValueRegex = /^[\u4e00-\u9fa5a-zA-Z0-9_\-\.]{1,100}$/;
+
+/**
+ * 标签键正则，支持中文、英文、数字、下划线、中划线、英文句号，长度不能超过50个字符
+ */
+export const tagKeyRegex = /^[\u4e00-\u9fa5a-zA-Z0-9_\-\.]{1,50}$/;

dbm-ui/frontend/src/components/tag-search/index.vue

@@ -140,6 +140,7 @@
       display: flex;
       width: 40px;
       height: 32px;
+      font-size: 12px;
       color: #4d4f56;
       background: #fafbfd;
       border: 1px solid #c4c6cc;

dbm-ui/frontend/src/locales/en.json

@@ -1833,12 +1833,11 @@
   "内置标签不能删除": "",
   "已被应用，无法删除": "",
   "追加标签": "",
-  "请输入标签值，回车结束": "",
+  "请输入标签值（多个标签值以逗号、分号、竖线分割，回车完成输入）": "",
   "确认删除该标签键？": "",
   "切换文本编辑": "",
   "请按照格式输入标签，如：": "",
-  "所属部门：技术部门｜设计部｜产品部；": "",
-  "所属部门：技术部门｜设计部｜产品部；多个标签值使用中英文“｜”分割": "",
+  "所属部门：技术部门｜设计部｜产品部": "",
   "添加标签": "",
   "请选择标签键": "",
   "请选择标签值": "",
@@ -1852,11 +1851,11 @@
   "批量移除标签": "",
   "移除指定标签，不存在的标签直接忽略": "",
   "请选择要移除的标签": "",
-  "全部，将移除所有标签": "",
+  "移除全部标签": "",
   "标签搜索": "",
   "新建标签成功": "",
-  "标签键为1-50个字符，支持英文字母、数字、空格或汉字，中划线(-)，下划线()，点(.)": "",
-  "标签值为1-100个字符，支持英文字母、数字、空格或汉字，中划线(-)，下划线()，点(.)": "",
+  "标签键为1-50个字符，支持英文字母、数字或汉字，中划线(-)，下划线(_)，点(.)": "",
+  "标签值为1-100个字符，支持英文字母、数字或汉字，中划线(-)，下划线(_)，点(.)": "",
   "标签键已存在": "",
   "值必填": "",
   "负责人：admin": "",
@@ -1871,5 +1870,6 @@
   "请选择标签": "",
   "编辑集群别名": "",
   "执行常用管理命令": "",
+  "多个标签值以空格、逗号、分号、竖线分割": "",
   "这行勿动！新增翻译请在上一行添加！": ""
 }

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

@@ -4458,12 +4458,11 @@
   "内置标签不能删除": "内置标签不能删除",
   "已被应用，无法删除": "已被应用，无法删除",
   "追加标签": "追加标签",
-  "请输入标签值，回车结束": "请输入标签值，回车结束",
+  "请输入标签值（多个标签值以逗号、分号、竖线分割，回车完成输入）": "请输入标签值（多个标签值以逗号、分号、竖线分割，回车完成输入）",
   "确认删除该标签键？": "确认删除该标签键？",
   "切换文本编辑": "切换文本编辑",
   "请按照格式输入标签，如：": "请按照格式输入标签，如：",
-  "所属部门：技术部门｜设计部｜产品部；": "所属部门：技术部门｜设计部｜产品部；",
-  "所属部门：技术部门｜设计部｜产品部；多个标签值使用中英文“｜”分割": "所属部门：技术部门｜设计部｜产品部；多个标签值使用中英文“｜”分割",
+  "所属部门：技术部门｜设计部｜产品部": "所属部门：技术部门｜设计部｜产品部",
   "添加标签": "添加标签",
   "请选择标签键": "请选择标签键",
   "请选择标签值": "请选择标签值",
@@ -4478,9 +4477,10 @@
   "移除指定标签，不存在的标签直接忽略": "移除指定标签，不存在的标签直接忽略",
   "请选择要移除的标签": "请选择要移除的标签",
   "全部，将移除所有标签": "全部，将移除所有标签",
+  "移除全部标签": "移除全部标签",
   "新建标签成功": "新建标签成功",
-  "标签键为1-50个字符，支持英文字母、数字、空格或汉字，中划线(-)，下划线()，点(.)": "标签键为1-50个字符，支持英文字母、数字、空格或汉字，中划线(-)，下划线()，点(.)",
-  "标签值为1-100个字符，支持英文字母、数字、空格或汉字，中划线(-)，下划线()，点(.)": "标签值为1-100个字符，支持英文字母、数字、空格或汉字，中划线(-)，下划线()，点(.)",
+  "标签键为1-50个字符，支持英文字母、数字或汉字，中划线(-)，下划线(_)，点(.)": "标签键为1-50个字符，支持英文字母、数字或汉字，中划线(-)，下划线(_)，点(.)",
+  "标签值为1-100个字符，支持英文字母、数字或汉字，中划线(-)，下划线(_)，点(.)": "标签值为1-100个字符，支持英文字母、数字或汉字，中划线(-)，下划线(_)，点(.)",
   "标签键已存在": "标签键已存在",
   "值必填": "值必填",
   "负责人：admin": "负责人：admin",
@@ -4508,5 +4508,6 @@
   "集群已被其他行选择": "集群已被其他行选择",
   "n项已修改": "{0} 项已修改",
   "清空表格已有数据": "清空表格已有数据",
+  "多个标签值以空格、逗号、分号、竖线分割": "多个标签值以空格、逗号、分号、竖线分割",
   "这行勿动！新增翻译请在上一行添加！": ""
 }