Merge branch 'fix/front/10-30/2024' into 'main_dev'

perf: 优化tcp设备凭证不能输入特殊字符

See merge request yunteng/thingskit-front!1521

@@ -301,4 +301,5 @@ export default {
   channelSynchronizedMessageText:
     'The channel has been synchronized. Please refresh later to view the results',
   stopped: 'Stopped',
+  specialCharactersError: 'Cannot input special characters',
 };

@@ -301,4 +301,5 @@ export default {
   modifiedDeviceCredentials: '修改设备凭证成功',
   channelSynchronizedMessageText: '通道已同步,请稍后刷新查看结果',
   stopped: '已停止',
+  specialCharactersError: '不能输入特殊字符',
 };

@@ -444,3 +444,7 @@ export const MediaTypeValidate: Rule[] = [
 
 export const ipRegex =
   /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+
+// 不能输入特殊字符
+export const specialCharactersRegex =
+  /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·！#￥（——）：；“”‘、，|《。》？、【】[\]]/;

@@ -46,6 +46,7 @@
   import { buildUUID, randomString } from '/@/utils/uuid';
   import { ReloadOutlined } from '@ant-design/icons-vue';
   import { useI18n } from '/@/hooks/web/useI18n';
+  import { specialCharactersRegex } from '/@/utils/rules';
   export default defineComponent({
     components: {
       BasicModal,
@@ -229,6 +230,11 @@
               ? field.publicKey
               : null,
         };
+        // tcp的访问令牌不能输入特殊字符
+        const tcpLimitInputSpecialCharacters = specialCharactersRegex.test(editData?.credentialsId);
+        if (tcpLimitInputSpecialCharacters)
+          return createMessage.warning(t('common.specialCharactersError'));
+        //
         saveDeviceToken(editData)
           .then((res) => {
             if (!res) return;