pref：优化 设备配置部分表单样式

@@ -52,7 +52,7 @@ export const MqttSchemas: FormSchema[] = [
         maxRows: 10,
         maxRows: 10,
       },
       },
     },
     },
-    colProps: { span: 22 },
+    colProps: { span: 23 },
   },
   },
   {
   {
     field: 'transportPayloadType',
     field: 'transportPayloadType',
@@ -70,7 +70,7 @@ export const MqttSchemas: FormSchema[] = [
   {
   {
     field: 'useJsonPayloadFormatForDefaultDownlinkTopics',
     field: 'useJsonPayloadFormatForDefaultDownlinkTopics',
     label: '',
     label: '',
-    colProps: { span: 22 },
+    colProps: { span: 23 },
     defaultValue: false,
     defaultValue: false,
     component: 'Checkbox',
     component: 'Checkbox',
     renderComponentContent: `启用后，平台将默认使用Protobuf有效载荷格式。如果解析失败，平台将尝试使用JSON有效负载格式。用于固件更新期间的向后兼容性。例如，固件的初始版本使用Json，而新版本使用Protobuf。在设备组的固件更新过程中，需要同时支持Protobuf和JSON。兼容性模式会导致性能轻微下降，因此建议在所有设备更新后禁用此模式。`,
     renderComponentContent: `启用后，平台将默认使用Protobuf有效载荷格式。如果解析失败，平台将尝试使用JSON有效负载格式。用于固件更新期间的向后兼容性。例如，固件的初始版本使用Json，而新版本使用Protobuf。在设备组的固件更新过程中，需要同时支持Protobuf和JSON。兼容性模式会导致性能轻微下降，因此建议在所有设备更新后禁用此模式。`,
@@ -79,7 +79,7 @@ export const MqttSchemas: FormSchema[] = [
   {
   {
     field: 'enableCompatibilityWithJsonPayloadFormat',
     field: 'enableCompatibilityWithJsonPayloadFormat',
     label: '',
     label: '',
-    colProps: { span: 22 },
+    colProps: { span: 23 },
     defaultValue: false,
     defaultValue: false,
     component: 'Checkbox',
     component: 'Checkbox',
     renderComponentContent: `启用后，平台将使用Json有效负载格式通过以下主题推送属性和RPC：v1/devices/me/attributes/response/$request_id, v1/devices/me/attributes, v1/devices/me/rpc/request/$request_id,v1/devices/me/rpc/response/$request_id.此设置不会影响使用新（v2）主题发送的属性和rpc订阅：v2/a/res/$request_id, v2/a, v2/r/req/$request_id, v2/r/res/$request_id. Where $request_id是一个整数请求标识符。`,
     renderComponentContent: `启用后，平台将使用Json有效负载格式通过以下主题推送属性和RPC：v1/devices/me/attributes/response/$request_id, v1/devices/me/attributes, v1/devices/me/rpc/request/$request_id,v1/devices/me/rpc/response/$request_id.此设置不会影响使用新（v2）主题发送的属性和rpc订阅：v2/a/res/$request_id, v2/a, v2/r/req/$request_id, v2/r/res/$request_id. Where $request_id是一个整数请求标识符。`,
@@ -90,7 +90,7 @@ export const MqttSchemas: FormSchema[] = [
   {
   {
     field: 'deviceTelemetryProtoSchema',
     field: 'deviceTelemetryProtoSchema',
     label: '遥测数据',
     label: '遥测数据',
-    colProps: { span: 22 },
+    colProps: { span: 23 },
     component: 'InputTextArea',
     component: 'InputTextArea',
     componentProps: {
     componentProps: {
       autoSize: {
       autoSize: {
@@ -119,7 +119,7 @@ export const MqttSchemas: FormSchema[] = [
   {
   {
     field: 'deviceAttributesProtoSchema',
     field: 'deviceAttributesProtoSchema',
     label: 'Attributes',
     label: 'Attributes',
-    colProps: { span: 22 },
+    colProps: { span: 23 },
     component: 'InputTextArea',
     component: 'InputTextArea',
     componentProps: {
     componentProps: {
       autoSize: {
       autoSize: {
@@ -140,7 +140,7 @@ export const MqttSchemas: FormSchema[] = [
   {
   {
     field: 'deviceRpcRequestProtoSchema',
     field: 'deviceRpcRequestProtoSchema',
     label: 'RPC 请求 ',
     label: 'RPC 请求 ',
-    colProps: { span: 22 },
+    colProps: { span: 23 },
     component: 'InputTextArea',
     component: 'InputTextArea',
     componentProps: {
     componentProps: {
       autoSize: {
       autoSize: {
@@ -162,7 +162,7 @@ export const MqttSchemas: FormSchema[] = [
   {
   {
     field: 'deviceRpcResponseProtoSchema',
     field: 'deviceRpcResponseProtoSchema',
     label: 'RPC 响应',
     label: 'RPC 响应',
-    colProps: { span: 22 },
+    colProps: { span: 23 },
     component: 'InputTextArea',
     component: 'InputTextArea',
     componentProps: {
     componentProps: {
       autoSize: {
       autoSize: {

@@ -130,4 +130,8 @@
     },
     },
   });
   });
 </script>
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+  :deep(.ant-row) {
+    column-gap: 33px !important;
+  }
+</style>