pref：优化设备配置 MqTT和CoAp相关字段名字

@@ -32,7 +32,7 @@ export const CoapSchemas: FormSchema[] = [
   {
     field: 'coapDeviceType',
     component: 'Select',
-    label: 'CoAP类型',
+    label: 'CoAP 设备类型',
     defaultValue: 'DEFAULT',
     componentProps: {
       options: [
@@ -45,7 +45,7 @@ export const CoapSchemas: FormSchema[] = [
   {
     field: 'transportPayloadType',
     component: 'Select',
-    label: '设备消息',
+    label: 'CoAP 设备消息 Payload',
     defaultValue: 'JSON',
     componentProps: {
       options: [
@@ -59,14 +59,14 @@ export const CoapSchemas: FormSchema[] = [
   {
     field: 'powerMode',
     component: 'Select',
-    label: '模式',
+    label: 'Power Saving Mode',
     defaultValue: 'DRX',
     componentProps: {
       options: [
-        { label: 'Power Saving Mode', value: 'PSM' },
-        { label: 'Discontinuous Reception', value: 'DRX' },
+        { label: 'Power Saving Mode (PSM)', value: 'PSM' },
+        { label: 'Discontinuous Reception (DRX)', value: 'DRX' },
         {
-          label: 'Extended Discontinuous Reception',
+          label: 'Extended Discontinuous Reception (eDRX)',
           value: 'E_DRX',
         },
       ],
@@ -76,7 +76,7 @@ export const CoapSchemas: FormSchema[] = [
   {
     field: 'psmActivityTimer',
     component: 'InputNumber',
-    label: 'Timer',
+    label: 'PSM Activity Timer',
     required: true,
     defaultValue: '10',
     componentProps: {
@@ -132,7 +132,7 @@ export const CoapSchemas: FormSchema[] = [
   {
     field: 'pagingTransmissionWindow',
     component: 'InputNumber',
-    label: 'Paging',
+    label: 'Paging Transmission Window',
     required: true,
     defaultValue: '10',
     componentProps: {
@@ -159,7 +159,7 @@ export const CoapSchemas: FormSchema[] = [
   },
   {
     field: 'deviceTelemetryProtoSchema',
-    label: '遥测数据',
+    label: '遥测数据 proto schema',
     colProps: { span: 22 },
     component: 'InputTextArea',
     componentProps: {
@@ -189,7 +189,7 @@ export const CoapSchemas: FormSchema[] = [
   },
   {
     field: 'deviceAttributesProtoSchema',
-    label: 'Attributes',
+    label: 'Attributes proto schema',
     colProps: { span: 22 },
     component: 'InputTextArea',
     componentProps: {
@@ -211,7 +211,7 @@ export const CoapSchemas: FormSchema[] = [
   },
   {
     field: 'deviceRpcRequestProtoSchema',
-    label: 'RPC 请求 ',
+    label: 'RPC 请求 proto schema',
     colProps: { span: 22 },
     component: 'InputTextArea',
     componentProps: {
@@ -234,7 +234,7 @@ export const CoapSchemas: FormSchema[] = [
   },
   {
     field: 'deviceRpcResponseProtoSchema',
-    label: 'RPC 响应',
+    label: 'RPC 响应 proto schema',
     colProps: { span: 22 },
     component: 'InputTextArea',
     componentProps: {

@@ -58,7 +58,7 @@
       });
 
       const [register, { validate, resetFields, setFieldsValue }] = useForm({
-        labelWidth: 100,
+        labelWidth: 200,
         schemas: CoapSchemas,
         actionColOptions: {
           span: 14,

@@ -20,7 +20,7 @@ export const MqttSchemas: FormSchema[] = [
   {
     field: 'deviceTelemetryTopic',
     component: 'Input',
-    label: '筛选器',
+    label: '遥测数据 topic 筛选器',
     required: true,
     defaultValue: 'v1/devices/me/telemetry',
     componentProps: {
@@ -32,7 +32,7 @@ export const MqttSchemas: FormSchema[] = [
     field: 'deviceAttributesTopic',
     component: 'Input',
     required: true,
-    label: 'topic filter',
+    label: 'Attributes topic filter',
     defaultValue: 'v1/devices/me/attributes',
     componentProps: {
       placeholder: '请输入Attributes topic 筛选器',
@@ -42,22 +42,13 @@ export const MqttSchemas: FormSchema[] = [
   {
     field: 'desc',
     component: 'InputTextArea',
-    label: '描述',
-    defaultValue: `支持单[+]和多级[#]通配符。[+] is suitable for any topic filter level。例如：
-    v1/devices/+/telemetry or
-     +/devices/+/attributes。[#]可以替换 topic filter 本身，并且必须是 topic 的最后一个符号。例如：# or v1/devices/me/#。
-    `,
-    componentProps: {
-      autoSize: {
-        maxRows: 10,
-      },
-    },
-    colProps: { span: 23 },
+    label: '',
+    slot: 'descSlot',
   },
   {
     field: 'transportPayloadType',
     component: 'Select',
-    label: '设备信息',
+    label: 'MQTT 设备 Payload',
     defaultValue: 'JSON',
     componentProps: {
       options: [
@@ -89,7 +80,7 @@ export const MqttSchemas: FormSchema[] = [
   },
   {
     field: 'deviceTelemetryProtoSchema',
-    label: '遥测数据',
+    label: '遥测数据 proto schema',
     colProps: { span: 23 },
     component: 'InputTextArea',
     componentProps: {
@@ -118,7 +109,7 @@ export const MqttSchemas: FormSchema[] = [
   },
   {
     field: 'deviceAttributesProtoSchema',
-    label: 'Attributes',
+    label: 'Attributes proto schema',
     colProps: { span: 23 },
     component: 'InputTextArea',
     componentProps: {
@@ -139,7 +130,7 @@ export const MqttSchemas: FormSchema[] = [
   },
   {
     field: 'deviceRpcRequestProtoSchema',
-    label: 'RPC 请求 ',
+    label: 'RPC 请求 proto schema',
     colProps: { span: 23 },
     component: 'InputTextArea',
     componentProps: {
@@ -161,7 +152,7 @@ export const MqttSchemas: FormSchema[] = [
   },
   {
     field: 'deviceRpcResponseProtoSchema',
-    label: 'RPC 响应',
+    label: 'RPC 响应 proto schema',
     colProps: { span: 23 },
     component: 'InputTextArea',
     componentProps: {

@@ -9,7 +9,17 @@
     "
   >
     <div style="margin-top: 1.2vh">
-      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="register" />
+      <BasicForm :showResetButton="false" :showSubmitButton="false" @register="register">
+        <template #descSlot>
+          <div style="width: 47rem; margin-left: 2rem">
+            <p>
+              支持单[+]和多级[#]通配符。 [+] is suitable for any topic filter
+              level。例如：v1/devices/+/telemetry or +/devices/+/attributes。 [#]可以替换 topic
+              filter 本身，并且必须是 topic 的最后一个符号。例如：# or v1/devices/me/#。
+            </p>
+          </div>
+        </template>
+      </BasicForm>
     </div>
   </div>
 </template>
@@ -51,7 +61,7 @@
       });
 
       const [register, { validate, resetFields, setFieldsValue }] = useForm({
-        labelWidth: 80,
+        labelWidth: 180,
         schemas: MqttSchemas,
         actionColOptions: {
           span: 14,
@@ -131,7 +141,7 @@
   });
 </script>
 <style lang="less" scoped>
-  :deep(.ant-row) {
-    column-gap: 33px !important;
-  }
+  // :deep(.ant-row) {
+  //   column-gap: 33px !important;
+  // }
 </style>