feat: 物模型新增扩展描述符

@@ -51,6 +51,7 @@ export interface ModelOfMatterParams {
   callType?: string;
   eventType?: string;
   accessMode?: string;
+  extensionDesc?: Recordable;
 }
 
 export interface GetModelTslParams {

@@ -39,6 +39,8 @@ import CustomMinMaxInput from './externalCompns/components/CustomMinMaxInput.vue
 import StructForm from './externalCompns/components/StructForm/StructForm.vue';
 import ApiSelectScrollLoad from './components/ApiSelectScrollLoad.vue';
 import InputGroup from './components/InputGroup.vue';
+import RegisterAddressInput from '/@/views/task/center/components/PollCommandInput/RegisterAddressInput.vue';
+import ExtendDesc from '/@/components/Form/src/externalCompns/components/ExtendDesc/index.vue';
 
 const componentMap = new Map<ComponentType, Component>();
 
@@ -85,6 +87,8 @@ componentMap.set('CustomMinMaxInput', CustomMinMaxInput);
 componentMap.set('StructForm', StructForm);
 componentMap.set('ApiSelectScrollLoad', ApiSelectScrollLoad);
 componentMap.set('InputGroup', InputGroup);
+componentMap.set('RegisterAddressInput', RegisterAddressInput);
+componentMap.set('ExtendDesc', ExtendDesc);
 
 export function add(compName: ComponentType, component: Component) {
   componentMap.set(compName, component);

+<script lang="ts" setup>
+  import { Button } from 'ant-design-vue';
+  import { nextTick, ref, watch } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { BasicModal } from '/@/components/Modal';
+
+  const show = ref(false);
+
+  const props = withDefaults(
+    defineProps<{
+      value?: object;
+      disabled?: boolean;
+    }>(),
+    {
+      value: () => ({}),
+    }
+  );
+
+  const emit = defineEmits(['update:value']);
+
+  const [registerForm, { setFieldsValue, getFieldsValue, setProps }] = useForm({
+    schemas: [
+      {
+        field: 'registerAddress',
+        component: 'Input',
+        label: '寄存器地址',
+        componentProps: {
+          placeholder: '请输入寄存器地址',
+        },
+      },
+    ],
+    showActionButtonGroup: false,
+  });
+
+  const handleClick = async () => {
+    show.value = true;
+    await nextTick();
+    setProps({ disabled: props.disabled });
+    setFieldsValue(props.value);
+  };
+
+  const handleSubmit = () => {
+    const value = getFieldsValue();
+    emit('update:value', value);
+    show.value = false;
+  };
+
+  watch(
+    () => props.value,
+    (value) => {
+      setFieldsValue(value);
+    }
+  );
+</script>
+
+<template>
+  <section>
+    <Button type="link" @click="handleClick">新增扩展描述</Button>
+    <BasicModal title="扩展描述" v-model:visible="show" @ok="handleSubmit">
+      <BasicForm @register="registerForm" />
+    </BasicModal>
+  </section>
+</template>

@@ -28,7 +28,7 @@ export const validateJSON = (_rule, value = [] as ModelOfMatterParams[], _callba
   return Promise.reject('JSON对象不能为空');
 };
 
-export const formSchemas = (hasStructForm: boolean): FormSchema[] => {
+export const formSchemas = (hasStructForm: boolean, isTcp = false): FormSchema[] => {
   return [
     {
       field: FormField.FUNCTION_NAME,
@@ -276,6 +276,27 @@ export const formSchemas = (hasStructForm: boolean): FormSchema[] => {
       ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.IS_STRING,
     },
     {
+      field: FormField.EXTENSION_DESC,
+      component: 'ExtendDesc',
+      label: '扩展描述',
+      valueField: 'value',
+      changeEvent: 'update:value',
+      rules: [
+        {
+          message: '请输入扩展描述',
+          required: true,
+          validator(_rule, value, _callback) {
+            if (!value?.['registerAddress']) return Promise.reject('请输入寄存器地址');
+            return Promise.resolve();
+          },
+        },
+      ],
+      ifShow: isTcp,
+      colProps: {
+        span: 16,
+      },
+    },
+    {
       field: FormField.ACCESS_MODE,
       component: 'ApiRadioGroup',
       label: '读写类型',

@@ -129,4 +129,5 @@ export type ComponentType =
   | 'RegisterAddressInput'
   | 'ControlGroup'
   | 'JSONEditor'
-  | 'OrgTreeSelect';
+  | 'OrgTreeSelect'
+  | 'ExtendDesc';

@@ -30,6 +30,7 @@
         <Attribute
           v-if="activeKey === FunctionType.PROPERTIES"
           :openModalMode="openModalMode"
+          :transportType="record.transportType"
           ref="AttrRef"
         />
         <Service

@@ -13,12 +13,13 @@
   import { isArray } from 'lodash';
   import { OpenModelMode } from '../types';
   import { formSchemas } from '/@/components/Form/src/externalCompns/components/StructForm/config';
+  import { TransportTypeEnum } from '../../../../components/TransportDescript/const';
 
-  defineProps<{ openModalMode: OpenModelMode }>();
+  const props = defineProps<{ openModalMode: OpenModelMode; transportType: string }>();
 
   const [register, { validate, resetFields, setFieldsValue, setProps }] = useForm({
     labelWidth: 100,
-    schemas: formSchemas(false),
+    schemas: formSchemas(false, props.transportType === TransportTypeEnum.TCP),
     actionColOptions: {
       span: 14,
     },
@@ -37,13 +38,13 @@
     const { functionName, remark, identifier, accessMode } = _values;
     const structJSON = transfromToStructJSON(_values);
     const dataType = excludeIdInStructJSON(structJSON.dataType!);
-
     const value = {
       functionName,
       functionType: FunctionType.PROPERTIES,
       remark,
       identifier,
       accessMode,
+      extensionDesc: _values.extensionDesc,
       functionJson: {
         dataType: dataType,
       },
@@ -67,7 +68,6 @@
       ...dataType,
       ...(isArray(specs) ? specs : { ...specs }),
     };
-
     setFieldsValue(value);
   };
 

@@ -24,7 +24,8 @@ export enum FormField {
   EVENT_TYPE = 'eventType',
   SERVICE_COMMAND = 'serviceCommand',
   ACCESS_MODE = 'accessMode',
-
+  REGISTER_ADDRESS = 'registerAddress',
+  EXTENSION_DESC = 'extensionDesc',
   STRUCT = 'struct',
 }
 

 <script lang="ts" setup>
   import { InputGroup, InputNumber, Select, Input } from 'ant-design-vue';
-  import { unref } from 'vue';
+  import { unref, watch } from 'vue';
   import { computed } from 'vue';
   import { ref } from 'vue';
 
@@ -13,10 +13,11 @@
 
   const DEC_MAX_VALUE = parseInt('0xffff', 16);
 
-  withDefaults(
+  const props = withDefaults(
     defineProps<{
       value?: number | string;
       inputProps?: Recordable;
+      disabled?: boolean;
     }>(),
     {
       value: 0,
@@ -31,7 +32,7 @@
 
   const type = ref(AddressTypeEnum.DEC);
 
-  const inputValue = ref<number | string>(0);
+  const inputValue = ref<number | string>(props.value);
 
   const getHexValue = computed(() => {
     return parseInt(unref(inputValue) || 0, 16);
@@ -61,6 +62,14 @@
     inputValue.value = syncValue;
     emit('update:value', toDEC(syncValue));
   };
+
+  const stop = watch(
+    () => props.value,
+    (value) => {
+      inputValue.value = value;
+      stop();
+    }
+  );
 </script>
 
 <template>
@@ -69,6 +78,7 @@
       v-model:value="type"
       :options="addressTypeOptions"
       @change="handleChange"
+      :disabled="disabled"
       class="bg-gray-200 max-w-20"
     />
     <InputNumber
@@ -76,6 +86,7 @@
       v-model:value="inputValue"
       :step="1"
       class="flex-1"
+      :disabled="disabled"
       v-bind="inputProps"
       @change="handleEmit"
     />