perf: 优化物模型绑定,输入参数验证,拓展描述符

 <script lang="ts" setup>
   import { Button } from 'ant-design-vue';
-  import { nextTick, ref, unref, watch } from 'vue';
+  import { nextTick, ref, watch } from 'vue';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicModal } from '/@/components/Modal';
   import { PlusCircleOutlined } from '@ant-design/icons-vue';
@@ -19,8 +19,6 @@
     }
   );
 
-  const dataType = ref(props.dataType); //获取数据类型
-
   const emit = defineEmits(['update:value']);
 
   const [
@@ -46,15 +44,17 @@
     show.value = false;
   };
 
-  watch(
-    () => props.dataType,
-    (value) => {
-      dataType.value = value;
+  watch(show, async (value) => {
+    if (value) {
+      await nextTick();
       updateSchema([
-        { field: FormFieldsEnum.ZOOM_FACTOR, ifShow: unref(dataType) == 'BOOL' ? false : true },
+        {
+          field: FormFieldsEnum.ZOOM_FACTOR,
+          ifShow: props.dataType == DataTypeEnum.IS_BOOL ? false : true,
+        },
       ]);
     }
-  );
+  });
 
   watch(
     () => props.value,

@@ -89,7 +89,9 @@
       functionJson: {
         inputData,
         outputData,
-        ...(serviceCommand ? { inputData: [{ serviceCommand }] } : {}),
+        ...(serviceCommand
+          ? { inputData: [{ serviceCommand: serviceCommand.replaceAll(/\s/g, '').toUpperCase() }] }
+          : {}),
       },
     } as ModelOfMatterParams;
 

@@ -117,7 +117,18 @@ export const serviceSchemas = (tcpDeviceFlag: boolean): FormSchema[] => {
       field: FormField.SERVICE_COMMAND,
       label: '输入参数',
       component: 'Input',
-      rules: [{ message: '输入参数为必填项', required: true }],
+      rules: [
+        { message: '输入参数为必填项', required: true },
+        {
+          message: '请输入ASCII或HEX服务命令(0~9/A~F)',
+          validator(_rule, value, _callback) {
+            const reg = /^[\s0-9a-fA-F]+$/;
+
+            if (reg.test(value)) return Promise.resolve();
+            return Promise.reject('请输入ASCII或HEX服务命令(0~9/A~F)');
+          },
+        },
+      ],
       ifShow: tcpDeviceFlag,
       componentProps: {
         placeholder: '请输入ASCII或HEX服务命令',

@@ -354,7 +354,6 @@ export const useDataFetch = (
   props: { config: ComponentPropsConfigType },
   updateFn: DataFetchUpdateFn
 ) => {
-  console.log(props, 'props');
   const getBindAttribute = computed(() => {
     const { config } = props;
     const { option } = config as ComponentPropsConfigType<Recordable, DataSource>;