feat: basic implement model of matter

@@ -31,3 +31,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+
+yarn.lock

@@ -15,11 +15,25 @@ export interface Specs {
   };
 }
 
-export interface FunctionJson {
+export interface DataType {
   type: string;
   specs?: Partial<Specs> | ModelOfMatterParams[];
 }
 
+export interface StructJSON {
+  functionName?: string;
+  identifier?: string;
+  remark?: string;
+  dataType?: DataType;
+}
+
+export interface FunctionJson {
+  dataType?: DataType | DataType[];
+  inputData?: DataType[];
+  outputData?: DataType[];
+  serviceCommand?: string;
+}
+
 export interface ModelOfMatterParams {
   deviceProfileId: string;
   functionJson: FunctionJson;
@@ -28,6 +42,7 @@ export interface ModelOfMatterParams {
   identifier: string;
   remark: string;
   id?: string;
+  // callType
 }
 
 export interface GetModelTslParams {

@@ -7,10 +7,12 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchemas } from './config';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { OpenModalMode, OpenModalParams, StructRecord } from './type';
+  import { OpenModalMode, OpenModalParams } from './type';
   import { ref, unref } from 'vue';
-  import { transformFormValue } from './util';
+  import { transfromToStructJSON } from './util';
   import { cloneDeep } from 'lodash-es';
+  import { DataType, StructJSON } from '/@/api/device/model/modelOfMatterModel';
+  import { isArray } from '/@/utils/is';
 
   const modalReceiveRecord = ref<OpenModalParams>({
     mode: OpenModalMode.CREATE,
@@ -32,17 +34,14 @@
   const [registerModal, { closeModal }] = useModalInner((record: OpenModalParams) => {
     modalReceiveRecord.value = record;
     const data = record.record || {};
-    const { functionJson = {} } = data! as StructRecord;
-    const { specs = {} } = functionJson as StructRecord['functionJson'];
+    const { dataType = {} } = data! as StructJSON;
+    const { specs = {}, type } = dataType as DataType;
+
     if (record.record) {
       const value = {
+        type,
         ...data,
-        ...functionJson,
-        ...specs,
-        valueRange: {
-          min: specs.min,
-          max: specs.max,
-        },
+        ...(isArray(specs) ? { specs } : { ...specs }),
       };
 
       setFieldsValue(value);
@@ -52,9 +51,9 @@
   const handleSubmit = async () => {
     try {
       const _value = await validate();
-      let value = transformFormValue(_value);
-      value = {
-        ...value,
+      let structJSON = transfromToStructJSON(_value);
+      const value = {
+        ...structJSON,
         ...(unref(modalReceiveRecord)?.record?.id
           ? { id: unref(modalReceiveRecord)?.record?.id }
           : {}),

 import { h } from 'vue';
+import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
 import { findDictItemByCode } from '/@/api/system/dict';
 import { FormSchema } from '/@/components/Table';
 import { FormField } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
@@ -11,6 +12,23 @@ export enum DateTypeEnum {
   IS_BOOL = 'BOOL',
 }
 
+const validateValueRange = (_rule, value: Record<'min' | 'max', number>, _callback) => {
+  value = value || {};
+  const { min, max } = value;
+  if (min >= max) {
+    return Promise.reject('最大值小于最小值');
+  }
+  return Promise.resolve();
+};
+
+const validateJSON = (_rule, value: ModelOfMatterParams[], _callback) => {
+  console.log('validate json', value);
+  if (value.length) {
+    return Promise.resolve();
+  }
+  return Promise.reject('JSON对象不能为空');
+};
+
 export const formSchemas: FormSchema[] = [
   {
     field: FormField.FUNCTION_NAME,
@@ -70,6 +88,7 @@ export const formSchemas: FormSchema[] = [
     ifShow: ({ values }) =>
       values[FormField.TYPE] === DateTypeEnum.IS_NUMBER_INT ||
       values[FormField.TYPE] === DateTypeEnum.IS_NUMBER_DOUBLE,
+    rules: [{ validator: validateValueRange }],
   },
   {
     field: FormField.STEP,
@@ -81,10 +100,29 @@ export const formSchemas: FormSchema[] = [
     componentProps: {
       maxLength: 255,
       placeholder: '请输入步长',
+      min: 1,
+      formatter: (value: number | string) => {
+        return value ? Math.floor(Number(value)) : value;
+      },
     },
     ifShow: ({ values }) =>
       values[FormField.TYPE] === DateTypeEnum.IS_NUMBER_INT ||
       values[FormField.TYPE] === DateTypeEnum.IS_NUMBER_DOUBLE,
+    dynamicRules: ({ model }) => {
+      const valueRange = model[FormField.VALUE_RANGE] || {};
+      const { min = 0, max = 0 } = valueRange;
+      const step = model[FormField.STEP];
+      return [
+        {
+          validator: () => {
+            if (step > max - min) {
+              return Promise.reject('步长不能大于取值范围的差值');
+            }
+            return Promise.resolve();
+          },
+        },
+      ];
+    },
   },
   {
     field: FormField.UNIT_NAME,
@@ -140,6 +178,18 @@ export const formSchemas: FormSchema[] = [
       placeholder: '如：关',
     },
     ifShow: ({ values }) => values[FormField.TYPE] === DateTypeEnum.IS_BOOL,
+    dynamicRules: ({ model }) => {
+      const close = model[FormField.BOOL_CLOSE];
+      const open = model[FormField.BOOL_OPEN];
+      return [
+        {
+          validator() {
+            if (open === close) return Promise.reject('布尔值不能相同');
+            return Promise.resolve();
+          },
+        },
+      ];
+    },
   },
   {
     field: FormField.BOOL_OPEN,
@@ -153,6 +203,18 @@ export const formSchemas: FormSchema[] = [
       placeholder: '如：开',
     },
     ifShow: ({ values }) => values[FormField.TYPE] === DateTypeEnum.IS_BOOL,
+    dynamicRules: ({ model }) => {
+      const close = model[FormField.BOOL_CLOSE];
+      const open = model[FormField.BOOL_OPEN];
+      return [
+        {
+          validator() {
+            if (open === close) return Promise.reject('布尔值不能相同');
+            return Promise.resolve();
+          },
+        },
+      ];
+    },
   },
   {
     field: FormField.LENGTH,
@@ -200,15 +262,7 @@ export const formSchemas: FormSchema[] = [
     changeEvent: 'update:value',
     colProps: { span: 24 },
     ifShow: ({ values }) => values[FormField.TYPE] === DateTypeEnum.IS_STRUCT,
-    rules: [
-      {
-        required: true,
-        validator(_rule, value, _callback) {
-          console.log(value);
-          return Promise.resolve();
-        },
-      },
-    ],
+    rules: [{ required: true, validator: validateJSON }],
   },
   {
     field: FormField.REFARK,

 import { DateTypeEnum } from './config';
-import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
+import { StructJSON } from '/@/api/device/model/modelOfMatterModel';
 import { FormField } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 
 export enum OpenModalMode {
@@ -22,6 +22,6 @@ export interface StructFormValue
   [FormField.STRUCT]: StructRecord[];
 }
 
-export interface StructRecord extends ModelOfMatterParams {
+export interface StructRecord extends StructJSON {
   id: string;
 }

 import { DateTypeEnum } from './config';
 import { StructFormValue } from './type';
-import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
-import { useMessage } from '/@/hooks/web/useMessage';
-import { FunctionType } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
+import { DataType, ModelOfMatterParams, StructJSON } from '/@/api/device/model/modelOfMatterModel';
 
-export const validateValueRangeAndStep = (min: number, step: number, max: number) => {
-  const { createMessage } = useMessage();
-  if (min > max) {
-    createMessage.error('最大值必须大于最小值,整数型不能有小数位,单精度有效位为7,双精度为16');
-    throw '最大值必须大于最小值,整数型不能有小数位,单精度有效位为7,双精度为16';
-  }
-
-  if (step > max - min) {
-    createMessage.error('步长不能大于取值范围的差值');
-    throw '步长不能大于取值范围的差值';
-  }
-};
-
-export const validateValueBool = (boolClose, boolOpen) => {
-  const { createMessage } = useMessage();
-
-  if (boolClose == boolOpen) {
-    createMessage.error('布尔值不能相同');
-    throw '布尔值不能相同';
-  }
-};
-
-export const validateValueStruct = (data: []) => {
-  const { createMessage } = useMessage();
-
-  if (data.length === 0) {
-    createMessage.error('struct不能为空');
-    throw 'struct不能为空';
-  }
-};
-
-export function transformFormValue(value: StructFormValue): Partial<ModelOfMatterParams> {
+export function transfromToStructJSON(value: StructFormValue): StructJSON {
   const {
     type,
     valueRange,
@@ -50,31 +17,26 @@ export function transformFormValue(value: StructFormValue): Partial<ModelOfMatte
     remark,
     specs,
   } = value;
-  const { min, max } = valueRange! || {};
   const basic = { functionName, identifier, remark };
-  let functionJson = {} as unknown as ModelOfMatterParams['functionJson'];
+  let dataType = {} as unknown as DataType;
 
-  console.log(value);
   switch (type) {
     case DateTypeEnum.IS_NUMBER_INT:
-      validateValueRangeAndStep(Number(min), Number(step), Number(max));
-      functionJson = {
+      dataType = {
         type,
-        specs: { max, min, valueRange, step, unit, unitName },
+        specs: { valueRange, step, unit, unitName },
       };
       break;
 
     case DateTypeEnum.IS_NUMBER_DOUBLE:
-      validateValueRangeAndStep(Number(min), Number(step), Number(max));
-      functionJson = {
+      dataType = {
         type,
-        specs: { max, min, valueRange, step, unit, unitName },
+        specs: { valueRange, step, unit, unitName },
       };
       break;
 
     case DateTypeEnum.IS_BOOL:
-      validateValueBool(Number(boolClose), Number(boolOpen));
-      functionJson = {
+      dataType = {
         type,
         specs: {
           boolOpen: boolOpen,
@@ -84,22 +46,18 @@ export function transformFormValue(value: StructFormValue): Partial<ModelOfMatte
       break;
 
     case DateTypeEnum.IS_STRING:
-      functionJson = {
+      dataType = {
         type,
         specs: { length },
       };
       break;
 
     case DateTypeEnum.IS_STRUCT:
-      functionJson = {
+      dataType = {
         type,
         specs: specs! as unknown as ModelOfMatterParams[],
       };
       break;
   }
-  return {
-    ...basic,
-    functionType: FunctionType.PROPERTIES,
-    functionJson,
-  };
+  return { ...basic, dataType };
 }

@@ -32,7 +32,11 @@
           />
         </Tabs>
         <Attribute v-show="activeKey === FunctionType.PROPERTIES" ref="AttrRef" />
-        <Service v-show="activeKey === FunctionType.SERVICE" ref="ServiceRef" />
+        <Service
+          v-show="activeKey === FunctionType.SERVICE"
+          :record="$props.record"
+          ref="ServiceRef"
+        />
         <Events v-show="activeKey === FunctionType.EVENTS" ref="EventsRef" />
       </div>
     </BasicModal>
@@ -51,7 +55,6 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { OpenModelMode, OpenModelOfMatterModelParams } from './types/index';
   import { FunctionType } from './cpns/config';
-  import { StructRecord } from '/@/components/Form/src/externalCompns/components/StructForm/type';
 
   const emit = defineEmits(['register', 'success']);
 
@@ -75,9 +78,9 @@
   const functionType = ref<FunctionType>();
   const { createMessage } = useMessage();
 
-  const setAttrFormData = (data: StructRecord) => AttrRef.value?.setFormData(data);
-  const setServiceFormData = (data) => ServiceRef.value?.setFormData(data);
-  const setEventsFormData = (data) => EventsRef.value?.setFormData(data);
+  const setAttrFormData = (data: ModelOfMatterParams) => AttrRef.value?.setFormData(data);
+  const setServiceFormData = (data: ModelOfMatterParams) => ServiceRef.value?.setFormData(data);
+  const setEventsFormData = (data: ModelOfMatterParams) => EventsRef.value?.setFormData(data);
 
   const enums = {
     [FunctionType.PROPERTIES]: setAttrFormData,
@@ -85,7 +88,7 @@
     [FunctionType.EVENTS]: setEventsFormData,
   };
 
-  function setFormData(type: FunctionType, value: StructRecord) {
+  function setFormData(type: FunctionType, value: ModelOfMatterParams) {
     const setFn = enums[type];
     setFn(value);
   }
@@ -98,7 +101,7 @@
       if (record) {
         functionType.value = data.record.functionType;
         activeKey.value = data.record.functionType;
-        setFormData(record.functionType, record as unknown as StructRecord);
+        setFormData(record.functionType, record as unknown as ModelOfMatterParams);
       }
       if (unref(openModalMode) === OpenModelMode.VIEW) {
         setModalProps({ showOkBtn: false, showCancelBtn: false, title: '查看物模型' });
@@ -133,7 +136,7 @@
       } else if (activeKey.value == FunctionType.SERVICE) {
         params = (await ServiceRef.value?.getFormData()) || {};
       } else {
-        params = await EventsRef.value?.getFormData();
+        params = (await EventsRef.value?.getFormData()) || {};
       }
       params.deviceProfileId = props.record.id;
       if (unref(openModalMode) === OpenModelMode.CREATE) {

@@ -3,14 +3,12 @@
 </template>
 <script lang="ts" setup>
   import { BasicForm, useForm } from '/@/components/Form';
-  import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
+  import { DataType, ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { formSchemas } from '/@/components/Form/src/externalCompns/components/StructForm/config';
-  import { transformFormValue } from '/@/components/Form/src/externalCompns/components/StructForm/util';
-  import {
-    StructFormValue,
-    StructRecord,
-  } from '/@/components/Form/src/externalCompns/components/StructForm/type';
-  import { isObject } from 'lodash';
+  import { StructFormValue } from '/@/components/Form/src/externalCompns/components/StructForm/type';
+  import { transfromToStructJSON } from '/@/components/Form/src/externalCompns/components/StructForm/util';
+  import { FunctionType } from './config';
+  import { isArray } from 'lodash';
 
   const [register, { validate, resetFields, setFieldsValue }] = useForm({
     labelWidth: 100,
@@ -26,7 +24,17 @@
   async function getFormData(): Promise<Partial<ModelOfMatterParams>> {
     const _values = (await validate()) as StructFormValue;
     if (!_values) return {};
-    let value = transformFormValue(_values);
+    const { functionName, remark, identifier } = _values;
+    const structJSON = transfromToStructJSON(_values);
+    const value = {
+      functionName,
+      functionType: FunctionType.PROPERTIES,
+      remark,
+      identifier,
+      functionJson: {
+        dataType: structJSON.dataType,
+      },
+    } as ModelOfMatterParams;
     return value;
   }
 
@@ -34,14 +42,17 @@
     resetFields();
   };
 
-  const setFormData = (record: StructRecord) => {
-    const { functionJson } = record as StructRecord;
-    const { specs = {} } = functionJson || ({} as StructRecord['functionJson']);
+  const setFormData = (record: ModelOfMatterParams) => {
+    const { functionJson } = record;
+    const { dataType = {} } = functionJson!;
+
+    const { specs } = dataType! as DataType;
 
     const value = {
       ...record,
       ...functionJson,
-      ...(isObject(specs) ? specs : {}),
+      ...dataType,
+      ...(isArray(specs) ? specs : { ...specs }),
     };
 
     setFieldsValue(value);

@@ -3,10 +3,11 @@
 </template>
 <script lang="ts" setup>
   import { BasicForm, useForm } from '/@/components/Form';
-  import { eventSchemas } from './config';
+  import { eventSchemas, FunctionType } from './config';
   import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
+  import { StructFormValue } from '/@/components/Form/src/externalCompns/components/StructForm/type';
 
-  const [register, { validate, resetFields }] = useForm({
+  const [register, { validate, resetFields, setFieldsValue }] = useForm({
     labelWidth: 100,
     schemas: eventSchemas,
     actionColOptions: {
@@ -18,12 +19,35 @@
   });
 
   //回显数据
-  const setFormData = () => {};
+  const setFormData = (record: ModelOfMatterParams) => {
+    const { functionJson = {}, functionName, identifier, remark } = record;
+    const { outputData } = functionJson;
+    const value = {
+      functionName,
+      identifier,
+      remark,
+      outputData,
+    };
+    setFieldsValue(value);
+  };
 
   async function getFormData() {
-    const values = (await validate()) as ModelOfMatterParams;
-    if (!values) return;
-    console.log(values);
+    const _values = (await validate()) as StructFormValue;
+    const { functionName, remark, identifier, outputData } = _values;
+    if (!_values) return {} as unknown as ModelOfMatterParams;
+    const value = {
+      functionName,
+      identifier,
+      remark,
+      functionType: FunctionType.EVENTS,
+      // callType,
+      // eventType,
+      functionJson: {
+        outputData,
+      },
+    } as ModelOfMatterParams;
+
+    return value;
   }
 
   //清空数据

@@ -4,11 +4,18 @@
 <script lang="ts" setup>
   import { BasicForm, useForm } from '/@/components/Form';
   import { serviceSchemas } from './config';
-  import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { FunctionType } from './config';
-  const [register, { validate, resetFields }] = useForm({
+  import { StructFormValue } from '/@/components/Form/src/externalCompns/components/StructForm/type';
+  import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
+  import { DeviceRecord } from '/@/api/device/model/deviceModel';
+
+  const props = defineProps<{
+    record: DeviceRecord;
+  }>();
+
+  const [register, { validate, resetFields, setFieldsValue }] = useForm({
     labelWidth: 100,
-    schemas: serviceSchemas,
+    schemas: serviceSchemas(props.record.transportType === 'TCP'),
     actionColOptions: {
       span: 14,
     },
@@ -18,15 +25,39 @@
   });
 
   //回显数据
-  const setFormData = () => {};
+  const setFormData = (record: ModelOfMatterParams) => {
+    const { functionJson = {}, functionName, identifier, remark } = record;
+    const { inputData, outputData, serviceCommand } = functionJson;
+    const value = {
+      functionName,
+      identifier,
+      remark,
+      inputData,
+      outputData,
+      serviceCommand,
+    };
+    setFieldsValue(value);
+  };
 
   //获取数据
   async function getFormData() {
-    const values = (await validate()) as ModelOfMatterParams;
-    if (!values) return;
-    values.functionType = FunctionType.SERVICE;
-    console.log(values);
-    return values;
+    const _values = (await validate()) as StructFormValue;
+    const { functionName, remark, identifier, inputData, outputData, serviceCommand } = _values;
+    if (!_values) return {};
+    const value = {
+      functionName,
+      identifier,
+      remark,
+      functionType: FunctionType.SERVICE,
+      // callType,
+      functionJson: {
+        inputData,
+        outputData,
+        serviceCommand,
+      },
+    } as ModelOfMatterParams;
+
+    return value;
   }
 
   //清空数据

@@ -23,6 +23,7 @@ export enum FormField {
   INPUT_PARAM = 'inputData',
   OUTPUT_PARAM = 'outputData',
   EVENT_TYPE = 'eventType',
+  SERVICE_COMMAND = 'serviceCommand',
 
   STRUCT = 'struct',
 }
@@ -82,79 +83,92 @@ export const defaultTslContent = {
   ],
 };
 
-export const serviceSchemas: FormSchema[] = [
-  {
-    field: FormField.FUNCTION_NAME,
-    label: '功能名称',
-    required: true,
-    component: 'Input',
-    colProps: {
-      span: 18,
+export const serviceSchemas = (tcpDeviceFlag: boolean): FormSchema[] => {
+  return [
+    {
+      field: FormField.FUNCTION_NAME,
+      label: '功能名称',
+      required: true,
+      component: 'Input',
+      colProps: {
+        span: 18,
+      },
+      componentProps: {
+        maxLength: 255,
+        placeholder: '请输入功能名称',
+      },
     },
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入功能名称',
+    {
+      field: FormField.IDENTIFIER,
+      label: '标识符',
+      required: true,
+      component: 'Input',
+      colProps: {
+        span: 18,
+      },
+      componentProps: {
+        maxLength: 255,
+        placeholder: '请输入标识符',
+      },
     },
-  },
-  {
-    field: FormField.IDENTIFIER,
-    label: '标识符',
-    required: true,
-    component: 'Input',
-    colProps: {
-      span: 18,
+    {
+      field: FormField.CALL_TYPE,
+      component: 'ApiRadioGroup',
+      label: '调用方式',
+      required: true,
+      colProps: {
+        span: 24,
+      },
+      defaultValue: 'ASYNC',
+      componentProps: {
+        placeholder: '请选择调用方式',
+        api: findDictItemByCode,
+        params: {
+          dictCode: 'call_mode',
+        },
+        labelField: 'itemText',
+        valueField: 'itemValue',
+      },
     },
-    componentProps: {
-      maxLength: 255,
-      placeholder: '请输入标识符',
+    {
+      field: FormField.INPUT_PARAM,
+      label: '输入参数',
+      component: 'StructForm',
+      valueField: 'value',
+      changeEvent: 'update:value',
+      ifShow: !tcpDeviceFlag,
+      colProps: { span: 24 },
     },
-  },
-  {
-    field: FormField.CALL_TYPE,
-    component: 'ApiRadioGroup',
-    label: '调用方式',
-    required: true,
-    colProps: {
-      span: 24,
+    {
+      field: FormField.OUTPUT_PARAM,
+      label: '输出参数',
+      component: 'StructForm',
+      valueField: 'value',
+      changeEvent: 'update:value',
+      ifShow: !tcpDeviceFlag,
+      colProps: { span: 24 },
     },
-    defaultValue: 'ASYNC',
-    componentProps: {
-      placeholder: '请选择调用方式',
-      api: findDictItemByCode,
-      params: {
-        dictCode: 'call_mode',
+    {
+      field: FormField.SERVICE_COMMAND,
+      label: '服务命令',
+      component: 'Input',
+      ifShow: tcpDeviceFlag,
+      componentProps: {
+        placeholder: '请输入服务命令',
       },
-      labelField: 'itemText',
-      valueField: 'itemValue',
     },
-  },
-  {
-    field: FormField.INPUT_PARAM,
-    label: '输入参数',
-    component: 'StructForm',
-    valueField: 'value',
-    changeEvent: 'update:value',
-    colProps: { span: 24 },
-  },
-  {
-    field: FormField.OUTPUT_PARAM,
-    label: '输出参数',
-    component: 'StructForm',
-    valueField: 'value',
-    changeEvent: 'update:value',
-    colProps: { span: 24 },
-  },
-  {
-    field: FormField.REFARK,
-    label: '备注',
-    component: 'InputTextArea',
-    componentProps: {
-      rows: 6,
-      maxLength: 100,
-      placeholder: '请输入描述',
+    {
+      field: FormField.REFARK,
+      label: '备注',
+      component: 'InputTextArea',
+      componentProps: {
+        rows: 6,
+        maxLength: 100,
+        placeholder: '请输入描述',
+      },
     },
-  },
-];
+  ];
+};
 
 export const eventSchemas: FormSchema[] = [
   {