Merge branch 'main_dev'

# Conflicts:
#	src/views/rule/designer/packages/Filter/CheckExistenceFields/create.config.ts
#	src/views/rule/linkedge/cpns/AlarmSchedule.vue
#	src/views/rule/linkedge/cpns/ClearAlarm.vue
#	src/views/rule/linkedge/cpns/ConditionScreening.vue
#	src/views/rule/linkedge/cpns/Trigger-Condition.vue

@@ -25,7 +25,7 @@ module.exports = defineConfig({
     'plugin:jest/recommended',
   ],
   rules: {
-    'no-console': 'off',
+    'no-console': 'error',
     'vue/script-setup-uses-vars': 'error',
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',

 import { BasicPageParams } from '/@/api/model/baseModel';
+import { ViewType } from '/@/views/visual/board/config/panelDetail';
 
 export interface BigScreenCenterItemsModel {
   id: string;
+  thumbnail?: string;
   name: string;
   createTime: string;
   creator: string;
@@ -9,6 +11,8 @@ export interface BigScreenCenterItemsModel {
   state: number;
   publicId: string;
   organizationId?: string;
+  viewType?: ViewType;
+  organizationDTO: { name: string };
 }
 export type queryPageParams = BasicPageParams & {
   name?: Nullable<string>;

@@ -2,15 +2,46 @@ import { BasicPageParams } from '/@/api/model/baseModel';
 
 export interface ConfigurationCenterItemsModal {
   id: string;
-  name: string;
-  createTime: string;
   creator: string;
-  remark: string;
-  publicId?: string;
-  organizationId?: string;
-  platform?: string;
-  productIds?: string;
+  createTime: string;
+  updater: string;
+  updateTime: string;
+  name: string;
+  enabled: boolean;
+  tenantId: string;
+  publicId: string;
+  viewType: string;
+  accessCredentials: string;
+  organizationId: string;
+  platform: string;
+  thumbnail: string;
+  organizationDTO: OrganizationDto;
+  templateId: string;
+  productAndDevice: ProductAndDevice[];
+  remark?: string;
+}
+
+export interface OrganizationDto {
+  name: string;
+  enabled: boolean;
+  sort: number;
+  children: any[];
 }
+
+export interface ProductAndDevice {
+  profileId: string;
+  name: string;
+  transportType: string;
+  deviceType: string;
+  deviceList: DeviceList[];
+}
+
+export interface DeviceList {
+  deviceId: string;
+  name: string;
+  codeType: any;
+}
+
 export type queryPageParams = BasicPageParams & {
   name?: Nullable<string>;
   organizationId?: Nullable<number>;

 import { DataType } from '../../device/model/modelOfMatterModel';
-import { DataTypeEnum } from '/@/components/Form/src/externalCompns/components/StructForm/config';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
 import { DataSource } from '/@/views/visual/palette/types';
 
 export interface AddDataBoardParams {
@@ -15,6 +15,8 @@ export interface UpdateDataBoardParams extends AddDataBoardParams {
 export interface GetDataBoardParams {
   page?: number;
   pageSize?: number;
+  name?: string;
+  organizationId?: string;
   orderFiled?: string;
   orderType?: string;
 }
@@ -47,7 +49,9 @@ export interface DataBoardRecord {
   layout: Layout[];
   defaultConfig: string;
   tenantStatus: string;
+  componentNum?: number;
   publicId: string;
+  organizationId?: string;
   accessCredentials?: string;
 }
 

+import { defHttp } from '/@/utils/http/axios';
+// import { PaginationResult } from '/#/axios';
+
+enum Api {
+  DEVICE_PROFILE_CATEGORY = '/device_profile/category',
+}
+// export enum CATEGORY_POST {
+
+// }
+
+/**
+ * 新增产品分类
+ */
+export const deviceProfileCategory = (params) => {
+  return defHttp.post<any>({
+    url: `${Api.DEVICE_PROFILE_CATEGORY}`,
+    params,
+  });
+};
+
+/**
+ * 获取列表
+ */
+export const getDeviceClassList = (params) => {
+  return defHttp.get<any>({
+    url: Api.DEVICE_PROFILE_CATEGORY,
+    params,
+  });
+};
+
+/**
+ * 删除产品分类
+ */
+export const deleteDeviceClass = (params) => {
+  return defHttp.delete<any>({
+    url: Api.DEVICE_PROFILE_CATEGORY,
+    params,
+  });
+};

@@ -43,120 +43,7 @@ export interface IDeviceConfigAddOrEditModel {
   icon?: string;
   id?: string;
   name?: string;
-  profileData?: {
-    configuration: {};
-    transportConfiguration: {};
-    provisionConfiguration: {
-      provisionDeviceSecret: string;
-    };
-    //报警类型字段
-    alarms: [
-      {
-        id: 'highTemperatureAlarmID';
-        alarmType: 'High Temperature Alarm';
-        createRules: {
-          additionalProp1: {
-            condition: {
-              condition: [
-                {
-                  key: {
-                    type: 'TIME_SERIES';
-                    key: 'temp';
-                  };
-                  valueType: 'NUMERIC';
-                  value: {};
-                  predicate: {};
-                }
-              ];
-              spec: {};
-            };
-            schedule: {
-              type: 'ANY_TIME';
-            };
-            alarmDetails: string;
-            dashboardId: {
-              id: '784f394c-42b6-435a-983c-b7beff2784f9';
-              entityType: 'DASHBOARD';
-            };
-          };
-          additionalProp2: {
-            condition: {
-              condition: [
-                {
-                  key: {
-                    type: 'TIME_SERIES';
-                    key: 'temp';
-                  };
-                  valueType: 'NUMERIC';
-                  value: {};
-                  predicate: {};
-                }
-              ];
-              spec: {};
-            };
-            schedule: {
-              type: 'ANY_TIME';
-            };
-            alarmDetails: string;
-            dashboardId: {
-              id: '784f394c-42b6-435a-983c-b7beff2784f9';
-              entityType: 'DASHBOARD';
-            };
-          };
-          additionalProp3: {
-            condition: {
-              condition: [
-                {
-                  key: {
-                    type: 'TIME_SERIES';
-                    key: 'temp';
-                  };
-                  valueType: 'NUMERIC';
-                  value: {};
-                  predicate: {};
-                }
-              ];
-              spec: {};
-            };
-            schedule: {
-              type: 'ANY_TIME';
-            };
-            alarmDetails: string;
-            dashboardId: {
-              id: '784f394c-42b6-435a-983c-b7beff2784f9';
-              entityType: 'DASHBOARD';
-            };
-          };
-        };
-        clearRule: {
-          condition: {
-            condition: [
-              {
-                key: {
-                  type: 'TIME_SERIES';
-                  key: 'temp';
-                };
-                valueType: 'NUMERIC';
-                value: {};
-                predicate: {};
-              }
-            ];
-            spec: {};
-          };
-          schedule: {
-            type: 'ANY_TIME';
-          };
-          alarmDetails: string;
-          dashboardId: {
-            id: '784f394c-42b6-435a-983c-b7beff2784f9';
-            entityType: 'DASHBOARD';
-          };
-        };
-        propagate: true;
-        propagateRelationTypes: [string];
-      }
-    ];
-  };
+  profileData?: ProfileData;
   roleIds?: [string];
   tbProfileId?: string;
   tenantExpireTime?: '2021-12-15T02:17:26.645Z';
@@ -219,7 +106,7 @@ export interface ProfileData {
   configuration: Configuration;
   transportConfiguration: TransportConfiguration;
   provisionConfiguration: ProvisionConfiguration;
-  alarms?: any;
+  alarms: any;
 }
 
 export interface ProfileRecord {
@@ -297,8 +184,3 @@ export interface Configuration {
 export interface TransportConfiguration {
   type: string;
 }
-
-export interface ProvisionConfiguration {
-  type: string;
-  provisionDeviceSecret: any;
-}

@@ -194,6 +194,7 @@ export interface DeviceRecord {
   customerAdditionalInfo?: {
     isPublic?: boolean;
   };
+  ifShowClass?: Boolean;
 }
 
 export interface DeviceModelOfMatterAttrs {

-import {
-  DataTypeEnum,
-  FunctionType,
-} from '/@/views/device/profiles/step/cpns/physical/cpns/config';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
+import { FunctionType } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 
 export interface Specs {
   min: string;
@@ -26,7 +24,7 @@ export interface DataType {
 
 export interface StructJSON {
   functionName?: string;
-  identifier?: string;
+  identifier: string;
   remark?: string;
   dataType?: DataType;
   serviceCommand?: string;
@@ -41,13 +39,14 @@ export interface FunctionJson {
 }
 
 export interface ModelOfMatterParams {
-  deviceProfileId: string;
+  deviceProfileId?: string;
   functionJson: FunctionJson;
   functionName: string;
   functionType: FunctionType;
   identifier: string;
   remark: string;
   id?: string;
+  categoryId?: string;
   callType?: string;
   eventType?: string;
   accessMode?: string;
@@ -57,10 +56,12 @@ export interface ModelOfMatterParams {
 export interface GetModelTslParams {
   functionType: FunctionType;
   deviceProfileId: string;
+  ifShowClass?: string | Boolean;
 }
 
 export interface ImportModelOfMatterType {
   data: Recordable;
   functionType: string;
-  tkDeviceProfileId: string;
+  tkDeviceProfileId?: string;
+  categoryId?: string;
 }

@@ -18,13 +18,22 @@ enum ModelOfMatter {
   IMPORT = '/things_model/import',
 
   GET_MODEL_SERVICE = '/things_model/get_services',
+  CATEGORY = '/things_model/category',
+  CATEGORY_IMPORT = '/things_model/categoryImport',
+
+  CATEGORY_EXPORT = '/things_model/categoryGetExport',
+
+  IMPORT_CSV = '/things_model/csvImport',
+  EXCEL_EXPORT = '/things_model/downloadTemplate',
 }
 
 export const getModelList = (
   params: BasicPageParams & {
-    deviceProfileId: string;
+    deviceProfileId?: string;
     functionTyp?: FunctionType;
     nameOrIdentifier?: string;
+    selectType?: string | undefined;
+    id?: string;
   }
 ) => {
   return defHttp.get({
@@ -82,3 +91,92 @@ export const importModelOfMatter = (data: ImportModelOfMatterType) => {
     data,
   });
 };
+
+// 产品品类接口
+
+// 新增
+export const createModelCategory = (params: Partial<ModelOfMatterParams>) => {
+  return defHttp.post({
+    url: ModelOfMatter.CATEGORY,
+    params,
+  });
+};
+
+// 修改
+export const updateModelCategory = (params: Partial<ModelOfMatterParams>) => {
+  return defHttp.put({
+    url: ModelOfMatter.CATEGORY,
+    params,
+  });
+};
+
+// 删除
+export const deleteModelCategory = (params: string[]) => {
+  return defHttp.delete({
+    url: ModelOfMatter.CATEGORY,
+    params: {
+      ids: params,
+    },
+  });
+};
+
+// 导入
+export const importModelCategory = (data: ImportModelOfMatterType) => {
+  return defHttp.post({
+    url: ModelOfMatter.CATEGORY_IMPORT,
+    data,
+  });
+};
+
+// 导出
+export const ExportModelCategory = (params: any) => {
+  const { functionType, deviceProfileId } = params;
+  return defHttp.get({
+    url: `${ModelOfMatter.CATEGORY_EXPORT}/${functionType}/${deviceProfileId}`,
+    params,
+  });
+};
+
+/**
+ * 物模型产品品类界面excel导入
+ */
+
+export const importCsvCategory = (params: {
+  categoryId?: string;
+  deviceProfileId?: string;
+  file: FormData;
+}) => {
+  const { categoryId } = params || {};
+
+  return defHttp.post<any>({
+    url: `${ModelOfMatter.IMPORT_CSV}?categoryId=${categoryId}`,
+    params: params.file,
+  });
+};
+
+/**
+ * 物模型产品物模型界面excel导入
+ */
+
+export const importCsvDeviceProfileId = (params: {
+  categoryId?: string;
+  deviceProfileId?: string;
+  file: FormData;
+}) => {
+  const { deviceProfileId } = params || {};
+
+  return defHttp.post<any>({
+    url: `${ModelOfMatter.IMPORT_CSV}?deviceProfileId=${deviceProfileId}`,
+    params: params.file,
+  });
+};
+
+/**
+ * 物模型excel导出模板
+ */
+export const excelExport = () => {
+  return defHttp.get({
+    url: `${ModelOfMatter.EXCEL_EXPORT}`,
+    responseType: 'blob',
+  });
+};

@@ -8,6 +8,7 @@ import {
 enum MessageRecordsApi {
   SMS_RECORDS = '/sms_log',
   EMAIL_RECORDS = '/mail_log',
+  MESSAGE_RECORDS = '/message_log',
 }
 
 /**
@@ -16,7 +17,7 @@ enum MessageRecordsApi {
  */
 export const smsLogPage = (params: MessageRecordsParams) => {
   return defHttp.get<SmsLogModelResult>({
-    url: MessageRecordsApi.SMS_RECORDS,
+    url: MessageRecordsApi.MESSAGE_RECORDS,
     params,
   });
 };
@@ -49,7 +50,7 @@ export const deleteMailLog = (ids: string[]) =>
  */
 export const deleteSmsLog = (ids: string[]) =>
   defHttp.delete({
-    url: MessageRecordsApi.SMS_RECORDS,
+    url: MessageRecordsApi.MESSAGE_RECORDS,
     data: {
       ids: ids,
     },

 import { BasicPageParams } from '/@/api/model/baseModel';
+import { SceneLinkageDataType } from '/@/views/rule/linkedge/components/SceneLinkageDrawer/type';
 
 export type ScreenLinkPageQueryParam = BasicPageParams & ScreenParams;
 
@@ -14,97 +15,7 @@ export type ScreenByDeptIdParams = {
   // organizationId: '2f5c8f2a-196c-4941-8771-290f9da76219';
 };
 
-export interface ScreenAddModel {
-  createTime?: string;
-  creator?: string;
-  defaultConfig?: string;
-  description?: string;
-  doAction?: [
-    {
-      command: string;
-      createTime: string;
-      creator: string;
-      defaultConfig: string;
-      description: string;
-      deviceId: string;
-      enabled: true;
-      icon: string;
-      id: string;
-      name: string;
-      outPut: string;
-      outTarget: string;
-      roleIds: [];
-      tenantCode: string;
-      tenantExpireTime: string;
-      tenantId: string;
-      tenantStatus: 'DISABLED';
-      updateTime: string;
-      updater: string;
-    }
-  ];
-  doCondition?: [
-    {
-      compare: 0;
-      createTime: string;
-      creator: string;
-      defaultConfig: string;
-      description: string;
-      deviceId: string;
-      enabled: true;
-      icon: string;
-      id: string;
-      name: string;
-      property: string;
-      roleIds: [];
-      status: string;
-      tenantCode: string;
-      tenantExpireTime: string;
-      tenantId: string;
-      tenantStatus: 'DISABLED';
-      updateTime: string;
-      updater: string;
-      value: string;
-    }
-  ];
-  enabled?: true;
-  icon?: string;
-  id?: string;
-  name?: string;
-  organizationId?: string;
-  roleIds?: [string];
-  status?: string;
-  tenantCode?: string;
-  tenantExpireTime?: string;
-  tenantId?: string;
-  tenantStatus?: 'DISABLED';
-  triggers?: [
-    {
-      attributeChoose?: string;
-      compare?: 0;
-      createTime?: string;
-      creator?: string;
-      defaultConfig?: string;
-      description?: string;
-      deviceId?: string;
-      enabled?: true;
-      icon?: string;
-      id?: string;
-      name?: string;
-      roleIds?: [];
-      tenantCode?: string;
-      tenantExpireTime?: string;
-      tenantId?: string;
-      tenantStatus?: 'DISABLED';
-      tiggerEvent?: string;
-      touchWay?: string;
-      updateTime?: string;
-      updater?: string;
-      value?: string;
-    }
-  ];
-  updateTime?: string;
-  updater?: string;
-}
+export type ScreenAddModel = SceneLinkageDataType;
 
 export interface IChangeStatus {
   status?: number;

@@ -6,6 +6,7 @@ import {
   ScreenByDeptIdParams,
   IChangeStatus,
 } from '/@/api/ruleengine/model/ruleengineModel';
+import { DeviceModel } from '../device/model/deviceModel';
 
 enum ScreenManagerApi {
   /**
@@ -126,7 +127,7 @@ export const byOrganizationIdGetMasterDevice = (params: {
   deviceProfileId?: string;
 }) => {
   const { organizationId, deviceProfileId } = params;
-  return defHttp.get({
+  return defHttp.get<DeviceModel[]>({
     url: `${ScreenManagerApi.MASTER_GET_DEVICE}`,
     params: { deviceProfileId, organizationId },
   });

@@ -37,10 +37,11 @@ export interface AccountListItem {
 }
 
 export interface OrganizationListItem {
-  id: string;
-  name: string;
+  id?: string;
+  name?: string;
   parentId?: string;
-  remark: string;
+  remark?: string;
+  organizationId?: string;
 }
 
 export interface MenuListItem {

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1699588251601" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1411" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M145.621959 0c-44.79888 0-79.998 36.81188-79.998 81.61076v860.77848c0 44.79888 35.19912 81.61076 79.998 81.61076h732.781681a81.969151 81.969151 0 0 0 81.61076-81.61076V324.80468L657.60916 0h-511.987201z" fill="#F17F53" p-id="1412"></path><path d="M657.60916 0v233.59416c0 25.59936 17.61236 92.79768 97.61036 92.79768h204.79488L657.60916 0z" fill="#FFFFFF" p-id="1413"></path><path d="M109.117272 659.874703c1.61276 0 2.867128 0.614385 3.814305 1.868753s1.663958 2.764731 2.175945 4.582286 0.81918 3.737507 0.972776 5.862253 0.230394 4.044699 0.230394 5.862254v5.708657c2.099148 3.302317 4.78708 6.886228 8.0126 10.726132s6.963026 7.449414 11.18692 10.80293 8.78058 6.143846 13.721257 8.39659 10.214145 3.379116 15.820405 3.379115c5.99025 0 11.622109-1.407965 16.869978-4.198295s10.137347-6.527837 14.617235-11.18692 8.652584-9.98375 12.441288-15.974001 7.21902-12.236494 10.265344-18.661933 5.759856-12.876478 8.089398-19.276318 4.377491-12.287693 6.067048-17.689158 3.046324-10.086148 4.044699-14.028449 1.689558-6.681433 2.099147-8.166196c2.611135-10.598135 4.81268-20.761081 6.681433-30.437639s2.764731-19.250719 2.764731-28.645684c0-2.303942-0.691183-3.60951-2.099147-3.891103l-37.19587 10.495738a19.916302 19.916302 0 0 1-5.094273 0.895978c-3.788705 0-6.963026-1.20317-9.522962-3.60951s-3.814305-5.862253-3.814305-10.342142 0.435189-8.114997 1.279968-10.879728 2.201545-4.81268 4.044699-6.220644 4.275093-2.329542 7.270218-2.764731 6.655834-0.665583 10.956527-0.665583h2.099147c2.40634-0.511987 5.478263-1.20317 9.21577-2.099148s7.935802-1.919952 12.518087-3.071923l14.694032-3.737507 15.743607-4.044699c5.299068-1.356766 10.572536-2.662333 15.820404-3.9679a1637.283868 1637.283868 0 0 1 23.474613-5.63186l5.990251-1.279968a22.01545 22.01545 0 0 1 3.737506-0.588785c1.20317 0 2.303942 0.358391 3.302318 1.049574s1.817555 1.58716 2.483138 2.636734a14.514837 14.514837 0 0 1 2.175945 7.423814c0 2.995125-1.151971 5.60626-3.455913 7.807805s-5.19667 4.121497-8.703783 5.785456-7.321417 3.097523-11.468513 4.351891l-11.62211 3.532711c-3.60951 1.100772-6.681433 2.175946-9.215769 3.22552s-3.967901 2.227144-4.275093 3.532711c-0.511987 4.40309-0.998375 9.292568-1.510363 14.694033s-1.049574 10.546936-1.638359 15.462014c-0.204795 1.20317-0.614385 4.095898-1.279968 8.703782s-1.561561 10.188545-2.687932 16.79318-2.559936 13.823654-4.198295 21.682658-3.532712 15.564411-5.63186 23.167421c-2.303942 8.294193-5.324667 17.151571-9.062173 26.546536s-8.191795 18.559536-13.337267 27.442514-10.982125 17.228369-17.484363 24.984976-13.542061 14.130847-21.145071 19.122721a58.929727 58.929727 0 0 1-23.19302 8.089398 61.336067 61.336067 0 0 1-9.369366 0.742382c-5.19667 0-10.828529-0.691183-16.869978-2.099148s-12.134097-3.404715-18.226744-5.99025-11.9805-5.734257-17.61236-9.369366-10.674933-7.705407-15.078023-12.159696-7.910202-9.21577-10.495738-14.335641-3.891103-10.444539-3.891102-16.050799c0-4.300692 0.435189-8.0126 1.279968-11.110122s2.227144-5.60626 4.121496-7.500613 4.428689-3.302317 7.577411-4.198295 7.014225-1.484763 11.519712-1.484763zM305.61796 693.333067c3.404715 1.20317 6.886228 2.611135 10.418939 4.198295s7.21902 3.123122 11.033324 4.582285 7.782205 2.662333 11.929302 3.686308 8.575786 1.510362 13.286068 1.510362c5.503862 0 11.058924-0.639984 16.639584-1.945551s11.084523-3.225519 16.434789-5.785455 10.470138-5.657459 15.385215-9.292568 9.394965-7.884603 13.490863-12.671683c4.505487-5.094273 8.242994-9.727757 11.238119-13.874854s5.427064-7.859004 7.270218-11.110122 3.174321-6.041449 3.967901-8.39659 1.20317-4.377491 1.20317-6.067048c0-2.508737-0.844779-4.684683-2.559936-6.527837s-3.967901-3.379116-6.835029-4.582285-6.067048-2.073548-9.676558-2.636734-7.347016-0.81918-11.238119-0.81918c-2.303942 0-4.991875 0.076798-8.089398 0.230394l-9.446164 0.460789-9.292567 0.38399a150.39624 150.39624 0 0 1-7.807805 0.153596c-3.302317 0-6.732632-0.38399-10.265344-1.126372s-7.014225-1.971151-10.418939-3.686307-6.553436-3.9935-9.446164-6.911828a35.403915 35.403915 0 0 1-8.831779-15.743606 24.626584 24.626584 0 0 1-0.742382-6.143846c0-2.40634 0.179196-4.684683 0.537587-6.83503s0.767981-4.223894 1.279968-6.220644c1.407965-4.991875 3.737507-10.086148 6.963026-15.231619s7.142221-10.162946 11.698907-15.078023 9.497363-9.650959 14.847629-14.258844 10.854129-8.934177 16.511587-12.978875 11.21252-7.705407 16.639584-10.956526 10.521337-6.01585 15.23162-8.319792c6.604635-3.19992 13.337267-5.529462 20.172295-6.963026s13.61886-2.175946 20.325892-2.175946c3.9935 0 7.807805 0.537587 11.391715 1.58716s6.78383 2.585535 9.522962 4.582286 4.915077 4.479888 6.527837 7.423814 2.40634 6.323042 2.40634 10.137347c0 2.201545-0.255994 4.044699-0.742381 5.555061s-1.151971 2.713532-1.945552 3.686308-1.663958 1.61276-2.636734 2.022349-1.919952 0.588785-2.918327 0.588785c-2.687933 0-5.171071-0.307192-7.423814-0.895977s-4.428689-1.279968-6.527837-2.02235-4.198295-1.459164-6.297443-2.099147-4.40309-0.972776-6.911827-0.972776c-7.398215 0-14.924427 1.484763-22.578635 4.428689s-15.103622 6.707032-22.348242 11.23812-14.105247 9.625359-20.556286 15.231619-12.236494 11.058924-17.330767 16.357991c-2.687933 2.79033-4.684683 5.60626-5.913452 8.39659s-1.868753 5.452664-1.868753 7.961401c0 3.711907 1.61276 6.604635 4.81268 8.703782s7.091023 3.148721 11.698907 3.148722c2.687933 0 5.759856-0.051199 9.138972-0.153597a796.140096 796.140096 0 0 0 20.761081-0.844779c3.353516-0.153596 6.323042-0.230394 8.934176-0.230394 6.195045 0 12.159696 0.870378 17.842754 2.636734s10.751731 4.326292 15.154821 7.731007 7.935802 7.628609 10.572536 12.671683 3.967901 10.828529 3.967901 17.330767c0 3.9935-0.588785 8.038199-1.791955 12.159696s-2.841529 8.217395-4.940677 12.364491-4.505487 8.242994-7.19342 12.287693-5.555061 8.0126-8.550186 11.929301c-5.401465 6.988625-11.417315 13.59326-18.073148 19.788306s-13.721257 11.59651-21.22187 16.204395-15.436414 8.242994-23.781805 10.956526-16.921177 4.044699-25.727357 4.044699a74.724532 74.724532 0 0 1-23.551411-4.121497c-3.891103-1.356766-7.577411-3.046324-11.033325-5.094273s-6.476638-4.377491-9.062173-6.963026-4.684683-5.478263-6.220644-8.626984-2.329542-6.579036-2.329542-10.265344c0-1.791955 0.281593-3.532712 0.819179-5.17107s1.868753-2.559936 4.070299-2.559936zM497.152371 651.631709c1.791955-7.500612 4.40309-15.18042 7.807805-23.013824s7.398215-15.718007 12.0061-23.62821 9.727757-15.666808 15.385215-23.321017a316.868878 316.868878 0 0 1 57.982551-59.928102c3.19992-2.201545 6.143846-3.660708 8.857378-4.351891s5.555061-1.049574 8.550186-1.049573c3.19992 0 6.041449 0.486388 8.550187 1.433564s4.991875 2.662333 7.500612 5.17107c0.79358 0.895978 1.638359 1.689558 2.559936 2.40634s1.740756 1.049574 2.559936 1.049574c0.204795 0 0.460788-0.230394 0.742382-0.665583l0.972775-1.587161c0.358391-0.614385 0.767981-1.228769 1.279968-1.868753s1.100772-1.126372 1.791956-1.433564c1.689558-0.79358 3.737507-1.331167 6.067048-1.58716s4.735882-0.38399 7.116622-0.383991c4.505487 0 8.857379 0.81918 13.055674 2.483138s7.910202 3.967901 11.110122 6.963026c7.60301 7.091023 13.362866 15.59001 17.330767 25.496963s5.913452 20.556286 5.913452 31.948001c0 10.188545-1.510362 21.19627-4.505488 32.997575-2.611135 10.39334-6.323042 20.505087-11.18692 30.309642s-10.546936 18.994725-17.100373 27.59611-13.849254 16.460388-21.887452 23.551412-16.613985 13.20927-25.727357 18.303542-18.610735 9.062173-28.492088 11.929302-19.941901 4.275093-30.156046 4.275093c-9.497363 0-18.021949-1.459164-25.573761-4.351891s-13.951651-6.988625-19.19952-12.287693-9.241369-11.59651-12.006099-18.892328-4.121497-15.410815-4.121497-24.293793c0-3.788705 0.230394-7.628609 0.665583-11.468513s1.151971-7.807805 2.150346-11.801305z m25.343367 10.060549a63.230419 63.230419 0 0 0-1.638359 13.490862c0 5.60626 0.972776 10.521337 2.918327 14.770831s4.710282 7.807805 8.242994 10.649334 7.807805 4.991875 12.748481 6.451039 10.367741 2.175946 16.281193 2.175945c6.988625 0 14.130847-1.100772 21.375465-3.302317s14.335642-5.401465 21.22187-9.59976 13.542061-9.241369 19.941901-15.154821 12.313292-12.594885 17.765956-20.095498 10.290943-15.641209 14.540437-24.447389 7.679808-18.149946 10.265343-28.056898c0.998375-3.60951 1.715157-7.347016 2.175946-11.238119s0.665583-7.654209 0.665583-11.238119c0-5.811055-0.639984-11.340516-1.945551-16.639584s-3.455914-10.00935-6.451039-14.105248-6.937427-7.372616-11.852504-9.830154-10.905327-3.686308-17.99635-3.686308c-0.998375 0-1.766356 0.435189-2.329542 1.279968s-1.126372 1.919952-1.715157 3.225519c-0.511987 1.100772-1.075173 2.252744-1.715157 3.455914a11.878103 11.878103 0 0 1-6.451039 5.555061 15.794805 15.794805 0 0 1-5.785455 0.895978c-1.689558 0-3.19992-0.38399-4.505487-1.126372s-2.611135-1.766356-3.891103-3.071923l-1.510362-1.433564a1.971151 1.971151 0 0 0-1.356766-0.537587c-0.895978 0-2.073548 0.40959-3.532712 1.20317s-2.943926 1.740756-4.505487 2.841529-3.046324 2.252744-4.505488 3.455914-2.585535 2.252744-3.379115 3.148721c-6.80943 6.988625-13.567661 14.617235-20.325892 22.885828s-12.978876 16.767581-18.661934 25.57376-10.674933 17.663558-14.924427 26.623335-7.270218 17.561161-9.16457 25.880953zM760.083398 546.495138c0.588785-2.611135 1.356766-5.375866 2.252744-8.319792s2.099148-5.657459 3.609509-8.089398 3.455914-4.505487 5.862254-6.143847 5.452664-2.483138 9.138971-2.483137c3.507112 0 6.630234 0.972776 9.369366 2.918327s5.222269 3.916702 7.423814 5.913452c2.611135 1.689558 5.094273 5.145471 7.500613 10.342141s4.863878 11.59651 7.423814 19.19952 5.299068 16.204395 8.242994 25.804155 6.195045 19.660308 9.753356 30.156046 7.526212 21.221869 11.929302 32.178396 9.394965 21.631459 15.001225 32.024799l3.148721 5.631859a95.076023 95.076023 0 0 0 7.142222 10.879728c1.049574 1.305567 1.817555 1.945551 2.329542 1.945552 0.307192 0 0.639984-0.742381 1.049573-2.252744s0.844779-3.302317 1.356767-5.401465l1.58716-6.451039a59.902502 59.902502 0 0 1 1.58716-5.401465 476.736882 476.736882 0 0 0 13.721257-37.426264c2.739132-8.447789 5.785455-18.482738 9.062174-30.079248a1560.127397 1560.127397 0 0 0 14.182045-54.526637c1.151971-4.966276 2.252744-10.00935 3.302317-15.154821s1.971151-10.162946 2.764731-15.078023 1.356766-9.138972 1.638359-12.748481a77.540461 77.540461 0 0 1 0.691183-8.242994c0.255994-1.894353 0.563186-3.865503 0.972776-5.913452s0.921577-3.916702 1.58716-5.63186 1.484763-3.097523 2.483138-4.198295 2.201545-1.638359 3.60951-1.638359 3.123122 0.204795 5.171071 0.588786 3.916702 0.998375 5.631859 1.791955c1.894353 2.611135 3.635109 5.734257 5.17107 9.369366s2.329542 8.575786 2.329542 14.77083c0 3.891103-0.40959 8.575786-1.20317 14.02845s-1.817555 11.289318-3.071923 17.561161a634.864128 634.864128 0 0 1-8.934177 38.245443c-1.61276 6.041449-3.123122 11.59651-4.582285 16.639584s-2.662333 9.21577-3.686308 12.518087c-1.791955 5.811055-3.686308 11.775706-5.631859 17.919552s-4.095898 12.594885-6.451039 19.353117-4.889478 13.900452-7.654208 21.452263-5.836654 15.61561-9.21577 24.216995c-1.510362 3.891103-3.225519 7.807805-5.171071 11.698907s-4.172696 7.423814-6.681433 10.572536-5.324667 5.708657-8.473388 7.654209-6.681433 2.918327-10.572536 2.918327c-2.303942 0-4.684683-0.332792-7.116622-0.972776s-4.531087-1.971151-6.220644-3.967901c-8.191795-9.497363-15.487613-20.274693-21.887453-32.331991s-12.134097-24.652184-17.17717-37.810255-9.522962-26.444139-13.414065-39.909402-7.449414-26.316142-10.649334-38.629435l-0.895978-3.455913c-0.40959-1.407965-0.767981-2.81593-1.126371-4.275093s-0.691183-2.764731-1.049574-3.967901-0.742381-2.175946-1.20317-2.918327-0.972776-1.126372-1.58716-1.126372-1.356766 1.100772-2.252744 3.302317-1.791955 4.684683-2.687933 7.423815-1.715157 5.427064-2.483138 8.012599l-1.433564 4.940677c-0.691183 2.611135-1.740756 6.323042-3.148721 11.18692l-4.735882 16.434789c-1.766356 6.118247-3.660708 12.543686-5.708657 19.353117l-5.913452 19.737106a1165.026874 1165.026874 0 0 1-12.902078 40.728582l-3.891102 12.364491c-1.279968 4.147096-2.508737 7.935802-3.60951 11.314917s-1.791955 5.657459-2.099148 6.758231c-1.20317 3.788705-2.969526 6.681433-5.324667 8.626984s-4.735882 2.918327-7.116622 2.918327c-1.510362 0-2.995125-0.537587-4.505487-1.58716s-2.81593-2.329542-3.967901-3.814305-2.099148-3.123122-2.841529-4.863878-1.126372-3.327917-1.126372-4.735882c0-0.79358 0.255994-2.073548 0.742382-3.814304s1.305567-4.735882 2.40634-8.934177l3.891102-15.462013 44.338092-143.638009z" fill="#FFFFFF" p-id="1414"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701135308389" class="icon" viewBox="0 0 1079 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1473" xmlns:xlink="http://www.w3.org/1999/xlink" width="210.7421875" height="200"><path d="M602.973867 717.627733l342.024533-342.075733a48.759467 48.759467 0 0 0 14.344533-34.577067 48.896 48.896 0 0 0-83.456-34.5856l-307.5072 307.541334-307.464533-307.549867a48.913067 48.913067 0 0 0-69.128533 0 48.955733 48.955733 0 0 0 0 69.154133L533.845333 717.610667a48.930133 48.930133 0 0 0 69.128534 0.017066z" fill="#AAAAAA" p-id="1474"></path></svg>
\ No newline at end of file

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1699933658783" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1443" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M145.621959 0c-44.79888 0-79.998 36.81188-79.998 81.61076v860.77848c0 44.79888 35.19912 81.61076 79.998 81.61076h732.781681a81.969151 81.969151 0 0 0 81.61076-81.61076V324.80468L657.60916 0h-511.987201z" fill="#25B39E" p-id="1444"></path><path d="M657.60916 0v233.59416c0 25.59936 17.61236 92.79768 97.61036 92.79768h204.79488L657.60916 0z" fill="#FFFFFF" p-id="1445"></path><path d="M158.498438 694.485038c0-3.507112 0.511987-7.19342 1.510362-11.110122 3.404715-13.59326 7.372616-26.930527 11.929302-39.986201s8.678183-26.034549 12.36449-38.936626 6.78383-23.781805 9.21577-32.613585 4.633484-16.460388 6.527837-22.80903 3.660708-11.826904 5.247869-16.434789 3.353516-9.138972 5.247868-13.644459c1.20317-2.687933 2.534337-5.503862 3.967901-8.39659s3.020724-5.58066 4.735882-8.0126 3.481513-4.454289 5.324667-5.99025 3.763106-2.329542 5.785455-2.329542c4.095898 0 7.21902 0.665583 9.369366 2.02235s3.481513 2.585535 3.9935 3.686308l1.356766 6.143846c1.510362-0.102397 3.455914-0.38399 5.862254-0.819179s4.81268-0.921577 7.270218-1.433565 4.735882-0.998375 6.835029-1.510362 3.711907-0.947176 4.81268-1.356766c6.604635-1.791955 12.697283-3.353516 18.303542-4.659083s10.930927-2.38074 15.974001-3.22552 9.881353-1.484763 14.463638-1.868753 9.241369-0.588785 13.951651-0.588785c4.607885 0 8.345391 0.255994 11.238119 0.742381s5.19667 1.177571 6.911828 2.02235 2.867128 1.843154 3.532711 2.995125 0.972776 2.38074 0.972776 3.686308c0 1.20317-0.332792 2.483138-0.972776 3.814304s-1.715157 2.636734-3.225519 3.814305-3.455914 2.252744-5.862254 3.148721-5.401465 1.510362-9.010974 1.791955c-0.895978 0.204795-2.969526 0.563186-6.220645 1.126372l-10.572535 1.791955-10.80293 1.868754a129.60956 129.60956 0 0 0-7.039824 1.356766h0.153596c-0.588785 0.102397-2.022349 0.486388-4.275093 1.126372s-4.966276 1.407965-8.166196 2.252743-6.681433 1.817555-10.41894 2.918327l-11.110122 3.22552a687.163621 687.163621 0 0 0-17.637959 5.324667c-6.092648 2.40634-10.879728 5.58066-14.335642 9.522961s-6.169446 8.370991-8.166195 13.286068c-0.40959 0.895978-0.998375 2.431939-1.791956 4.582286l-2.636734 7.347016-3.071923 8.780581-3.148721 8.857378c-0.998375 2.81593-1.868753 5.350266-2.636734 7.654209s-1.279968 3.9935-1.587161 5.094272c-0.307192 0.998375-0.511987 1.894353-0.588785 2.687933s-0.153596 1.407965-0.153596 1.791955c0 0.588785 0.153596 0.895978 0.460788 0.895978 1.510362 0 4.633484-0.665583 9.369366-2.022349s10.290943-3.020724 16.639584-5.017475l20.40269-6.451039c7.244619-2.303942 14.207645-4.454289 20.837879-6.451038s12.569286-3.686308 17.765956-5.017475 8.959776-2.022349 11.238119-2.022349c3.507112 0 5.862253 0.563186 7.039824 1.715157s1.791955 2.431939 1.791955 3.814304c0 3.60951-1.279968 6.758231-3.814304 9.446164s-5.734257 5.043074-9.522962 7.039824c-1.20317 0.588785-3.430314 1.484763-6.681433 2.636734s-6.758231 2.329542-10.495738 3.532712l-10.726132 3.455914-7.347016 2.406339c-9.804555 3.788705-17.765956 6.937427-23.935402 9.369366s-11.135722 4.454289-14.924427 5.99025l-8.78058 3.532712c-2.047949 0.81918-3.942301 1.484763-5.708657 2.02235s-3.686308 1.075173-5.785456 1.58716-4.940676 1.254369-8.652583 2.150346c-0.895978 2.099148-1.945551 5.273468-3.148722 9.522962s-2.355141 8.652584-3.455913 13.20927-2.022349 8.78058-2.764731 12.671683-1.126372 6.604635-1.126372 8.089398c0 1.791955 0.255994 3.123122 0.742381 3.967901s1.100772 1.433564 1.791956 1.715157 1.407965 0.460788 2.099147 0.460788h1.638359c4.81268 0 10.572536-0.691183 17.330767-2.099147s13.414065-3.251119 20.018699-5.555061c6.297443-2.201545 11.801305-4.607885 16.511588-7.193421s9.113372-5.017475 13.286068-7.270218 8.191795-4.147096 12.159696-5.708657 8.268593-2.38074 12.978875-2.483138c0.998375 0 2.175946 0.102397 3.532712 0.307192s2.636734 0.563186 3.814304 1.126372 2.175946 1.279968 2.918327 2.175946 1.023974 2.047949 0.81918 3.455913c-0.40959 2.892728-1.843154 5.759856-4.351891 8.550186s-5.657459 5.503862-9.446164 8.089398-8.038199 5.094273-12.748481 7.500613-9.497363 4.684683-14.41244 6.835029-9.702157 4.095898-14.41244 5.862253-8.908577 3.276718-12.594885 4.582286c-9.19017 3.19992-18.149946 5.555061-26.853729 7.039824s-16.460388 2.252744-23.372215 2.252743c-7.60301 0-13.414065-1.433564-17.484363-4.275093s-6.067048-7.577411-6.067048-14.182045zM336.541986 699.579311a14.489238 14.489238 0 0 1-13.721257 1.638359c-1.356766-0.691183-2.508737-1.61276-3.455913-2.764731a12.902077 12.902077 0 0 1-2.918327-8.319792c0-2.099148 0.435189-3.865503 1.279968-5.324667s1.894353-2.687933 3.148721-3.737507 2.611135-1.919952 4.044699-2.636734 2.764731-1.305567 3.967901-1.791955c3.9935-2.611135 8.498988-5.811055 13.490863-9.59976s10.137347-7.884603 15.462013-12.236494 10.572536-8.78058 15.820404-13.286068l14.924427-12.902077 6.758231-5.990251a121.59696 121.59696 0 0 0-13.59326-31.128821l-5.017474-8.166196-3.686308-5.990251a7.782205 7.782205 0 0 1-1.279968-4.198295 14.258844 14.258844 0 0 1 7.116622-11.340516 11.417315 11.417315 0 0 1 5.785455-1.433564c3.19992 0 6.01585 0.665583 8.473388 2.022349s4.633484 3.071923 6.527837 5.171071 3.558311 4.377491 4.940677 6.835029 2.662333 4.78708 3.737506 6.963026c0.588785 1.20317 1.254369 2.79033 1.945552 4.81268s1.382365 4.121497 2.022349 6.37424l1.868753 6.604635 1.510363 5.631859c4.40309-4.198295 8.678183-8.601385 12.825279-13.209269a587.556511 587.556511 0 0 0 18.892328-22.194646c1.740756-2.201545 3.58391-4.223894 5.478263-6.067048s3.839904-3.379116 5.862253-4.582285 4.147096-1.791955 6.451039-1.791955c3.891103 0 6.681433 0.998375 8.319792 2.995125s2.483138 4.607885 2.483138 7.807804c0 3.404715-0.614385 6.527837-1.868753 9.369366s-2.867128 5.068673-4.863879 6.681433c-2.892728 2.303942-6.067048 5.068673-9.522962 8.319792s-6.937427 6.681433-10.495737 10.265344l-10.572536 10.649333c-3.507112 3.507112-6.707032 6.655834-9.59976 9.446164-1.20317 1.100772-2.227144 2.201545-3.071923 3.302318s-1.279968 2.508737-1.279968 4.198295c0 0.998375 0.281593 2.252744 0.819179 3.737506s1.254369 3.097523 2.099148 4.81268l2.559936 5.171071c0.870378 1.740756 1.58716 3.327917 2.175945 4.735881 1.20317 2.687933 2.867128 5.887853 5.017475 9.59976s4.300692 7.577411 6.451039 11.62211 4.0191 8.166196 5.631859 12.364491 2.40634 8.191795 2.40634 12.006099a20.761081 20.761081 0 0 1-3.737507 12.082898c-1.075173 1.561561-2.329542 2.764731-3.686308 3.686308s-2.636734 1.356766-3.814304 1.356766c-2.611135 0-4.684683-0.307192-6.220645-0.895977s-2.867128-1.510362-3.967901-2.687933-2.022349-2.662333-2.764731-4.428689-1.58716-3.763106-2.483137-6.067049c-1.305567-3.711907-2.995125-7.961401-5.094273-12.748481s-4.275093-9.548561-6.527837-14.258844-4.377491-9.062173-6.374241-13.132471-3.558311-7.116622-4.659083-9.21577l-8.626984 6.835029-11.468514 9.062174-17.919552 14.105247c-7.244619 5.708657-16.588385 12.953276-28.0057 21.861854zM490.752531 646.921427a158.588035 158.588035 0 0 1 22.041049-48.510787c5.299068-7.833404 11.314917-15.103622 18.073148-21.759456s14.130847-12.082898 22.117847-16.281193c2.611135-1.407965 5.452664-2.457539 8.550187-3.148722s6.246244-1.049574 9.446163-1.049573c3.302317 0 6.374241 0.307192 9.21577 0.895977s5.299068 1.61276 7.347016 2.995125 3.686308 3.19992 4.863879 5.401465 1.791955 4.889478 1.791955 8.089398c0 2.40634-0.358391 4.81268-1.049574 7.270218s-1.740756 4.659084-3.148721 6.604635-3.148721 3.532712-5.247869 4.735882-4.556686 1.791955-7.347016 1.791955c-2.201545 0-4.223894-0.40959-6.067048-1.20317a47.102822 47.102822 0 0 1-7.884603-4.275093 19.916302 19.916302 0 0 0-2.841529-1.279968c-3.9935 1.791955-7.782205 4.172696-11.314917 7.116622s-6.860628 6.220644-9.906953 9.830154-5.862253 7.449414-8.39659 11.545312-4.838279 8.191795-6.911827 12.287693-3.788705 8.114997-5.247869 12.082897-2.636734 7.577411-3.532712 10.879728c-0.691183 2.40634-1.331167 5.119872-1.868753 8.166196s-0.81918 6.01585-0.819179 8.934177c0 1.99675 0.179196 3.891103 0.537586 5.708657s0.972776 3.404715 1.868753 4.81268 2.099148 2.508737 3.60951 3.302317 3.353516 1.20317 5.555061 1.20317c3.507112 0 6.963026-0.460788 10.41894-1.356766s6.835029-2.047949 10.137346-3.455913 6.527837-3.020724 9.676559-4.863879a314.129747 314.129747 0 0 0 14.924426-9.369366c1.919952-1.279968 3.711907-2.457539 5.401465-3.455913s3.276718-1.817555 4.735882-2.483138 2.713532-0.972776 3.814305-0.972776c1.510362 0 2.892728 0.38399 4.198295 1.126372s1.945551 2.022349 1.945551 3.814305a12.79968 12.79968 0 0 1-0.895978 4.351891c-1.407965 3.891103-3.302317 7.398215-5.708657 10.495738s-5.068673 5.862253-8.0126 8.319792-6.092648 4.633484-9.446163 6.527836-6.681433 3.660708-9.983751 5.247869c-6.195045 3.302317-12.466888 5.785455-18.815529 7.423815s-11.673308 2.483138-15.974001 2.483137c-1.407965 0-3.046324-0.153596-4.940677-0.460788s-3.558311-0.742381-4.940676-1.356766c-8.089398-3.507112-14.00285-8.191795-17.689158-14.105247s-5.555061-12.902077-5.555061-20.991476c0-3.507112 0.281593-7.167821 0.81918-11.033324s1.356766-7.807805 2.457538-12.031699zM618.698133 647.689408c0-4.300692 1.151971-7.961401 3.455913-10.956526s5.350266-4.991875 9.138972-5.990251a138.287743 138.287743 0 0 1 13.644459-21.17067c3.404715-4.40309 7.270218-8.831779 11.622109-13.286068s9.138972-8.498988 14.41244-12.159696 10.905327-6.630234 16.946776-8.934177 12.466888-3.455914 19.276318-3.455913c5.811055 0 10.854129 0.691183 15.154821 2.099147s7.859004 3.353516 10.649334 5.862254 4.889478 5.478263 6.297443 8.934176 2.099148 7.167821 2.099147 11.186921c0 3.404715-0.460788 6.655834-1.356766 9.753356-1.407965 5.60626-3.9935 10.495738-7.807805 14.694032s-8.268593 7.884603-13.414064 11.033325-10.751731 5.785455-16.793181 7.884602-12.108497 3.839904-18.149946 5.247869-11.878103 2.483138-17.484363 3.22552-10.444539 1.331167-14.540436 1.715157c-0.895978 1.791955-1.663958 4.070298-2.329542 6.835029s-0.972776 5.427064-0.972776 8.012599c0 5.811055 2.303942 10.290943 6.911828 13.490863s10.956526 4.81268 19.045923 4.81268c4.710282 0 9.19017-0.537587 13.490863-1.58716s8.370991-2.40634 12.236494-4.044699 7.475013-3.455914 10.879728-5.401465 6.502237-3.865503 9.292568-5.785456c3.60951-2.40634 7.014225-4.428689 10.265343-6.067048s6.118247-2.483138 8.626985-2.483138 4.095898 0.614385 4.812679 1.868753 1.049574 2.585535 1.049574 3.967901a34.251944 34.251944 0 0 1-0.307192 4.198295 25.804155 25.804155 0 0 1-8.703783 14.566036c-10.39334 8.191795-21.068273 14.054049-32.024799 17.561161s-22.629834 5.247869-35.019925 5.247869c-2.40634 0-5.222269-0.153596-8.473388-0.460789s-6.630234-0.895978-10.137346-1.791955-6.937427-2.201545-10.342142-3.891103a31.538412 31.538412 0 0 1-15.513212-17.100372 40.037399 40.037399 0 0 1-2.483138-14.847629c0-4.710282 0.639984-9.958151 1.945552-15.743606-1.305567-0.204795-2.534337-0.870378-3.686308-2.02235s-1.715157-2.81593-1.715157-5.017474z m93.898452-41.547762c0.204795-0.511987 0.307192-0.947176 0.307192-1.356766v-1.356766c0-2.687933-0.998375-4.735882-2.995125-6.067048s-4.40309-2.022349-7.19342-2.022349c-4.40309 0-8.729382 1.151971-12.978875 3.455913s-8.242994 5.171071-12.0061 8.626984-7.065423 7.142221-9.983751 11.110123-5.145471 7.526212-6.758231 10.726132c7.19342-0.588785 13.798055-1.58716 19.788306-2.918327s11.21252-3.046324 15.666808-5.094273 8.038199-4.351891 10.80293-6.911827 4.556686-5.299068 5.350266-8.191796zM818.347541 499.929902c0.511987-3.9935 1.305567-7.705407 2.40634-11.110122s2.585535-6.220644 4.428689-8.473389 4.223894-3.379116 7.116623-3.379115c1.61276 0 3.379116 0.307192 5.324666 0.895977s3.788705 1.433564 5.555062 2.483138 3.225519 2.329542 4.428689 3.814305 1.791955 3.148721 1.791955 4.940676c0 0.79358-0.153596 1.715157-0.460788 2.764731s-0.537587 2.073548-0.742382 3.071924l-37.503062 150.293842c-1.510362 5.99025-2.739132 11.724507-3.737507 17.177171s-1.740756 9.932552-2.252744 13.414064v3.60951c0 2.995125-0.204795 6.271843-0.588785 9.830154s-1.151971 6.860628-2.252744 9.906953-2.636734 5.60626-4.582285 7.654208-4.479888 3.071923-7.577411 3.071924c-2.687933 0-5.043074-0.563186-7.039824-1.715158s-3.660708-2.636734-4.940676-4.428689-2.252744-3.737507-2.841529-5.785455-0.895978-3.967901-0.895978-5.785456c0-1.61276 0.153596-3.58391 0.460789-5.913452s0.665583-4.81268 1.126372-7.347016 0.921577-5.094273 1.433564-7.654209 0.998375-4.78708 1.510362-6.681433l38.706232-153.59616a193.275168 193.275168 0 0 1 1.126372-11.058923z" fill="#FFFFFF" p-id="1446"></path></svg>
\ No newline at end of file

@@ -12,8 +12,8 @@
     overlayClassName="app-locale-picker-overlay"
   >
     <span class="cursor-pointer flex items-center" :style="{ color: color }">
-      <!-- <Icon icon="ion:language" /> -->
-      <!-- <span v-if="showText" class="ml-1">{{ getLocaleText }}</span> -->
+      <!-- <Icon icon="ion:language" />
+      <span v-if="showText" class="ml-1">{{ getLocaleText }}</span> -->
     </span>
   </Dropdown>
 </template>

 <template>
-  <div class="anticon" :class="getAppLogoClass" @click="goHome">
+  <div class="anticon" :class="getAppLogoClass">
     <img v-if="getLogo" :src="getLogo" />
     <img v-else src="/src/assets/images/logo.png" />
-    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
+    <div
+      class="ml-2 truncate md:opacity-100"
+      :class="getTitleClass"
+      v-show="showTitle"
+      :style="{ color: getTitleColor }"
+    >
       {{ getTitle }}
     </div>
   </div>
@@ -51,6 +56,8 @@
   const getTitle = computed(() => {
     return userStore.platInfo?.name ?? title;
   });
+
+  const getTitleColor = computed(() => userStore.platInfo?.backgroundColor || '#377dff');
 </script>
 <style lang="less" scoped>
   @prefix-cls: ~'@{namespace}-app-logo';

+export { default as BasicCardList } from './src/BasicCardList.vue';
+export { useCardList } from './src/hooks/useCardList';

+<script setup lang="ts">
+  import { BasicForm, FormActionType, useForm } from '/@/components/Form';
+  import { List, ListProps, Button, Tooltip, DropdownButton, Menu } from 'ant-design-vue';
+  import { computed, Ref, ref, toRaw, unref, useSlots, watch } from 'vue';
+  import { useCardListScroll } from './hooks/useCardListScroll';
+  import { BasicCardListPropsType, CardListActionType } from './types';
+  import CardListLayout from './components/CardListLayout.vue';
+  import { usePagination } from './hooks/usePagination';
+  import { useLoading } from './hooks/useLoading';
+  import { useCardListData } from './hooks/useCardListData';
+  import { useListGrid } from './hooks/useListGrid';
+  import { FETCH_SETTING } from '../../Table/src/const';
+  import { useCardForm } from './hooks/useCardForm';
+  import { Icon } from '/@/components/Icon';
+  import { useCardListSelected } from './hooks/useCardListSelected';
+
+  const emit = defineEmits<{
+    (eventName: 'fetchSuccess', result: { items: Recordable[]; total: number }): void;
+    (eventName: 'fetchError', error: Error): void;
+    (
+      eventName: 'register',
+      cardListActionType: CardListActionType,
+      formActions: FormActionType
+    ): void;
+  }>();
+
+  const slots = useSlots();
+
+  const props = withDefaults(defineProps<BasicCardListPropsType>(), {
+    showCardListHeader: true,
+    showCardListSetting: true,
+    useSearchForm: false,
+    gutter: 16,
+    immediate: true,
+    fetchSetting: () => FETCH_SETTING,
+    autoCreateKey: true,
+    offsetHeight: 0,
+  });
+
+  const tableData = ref<Recordable[]>([]);
+
+  const listElRef = ref<Nullable<ComponentElRef>>(null);
+
+  const innerPropsRef = ref<BasicCardListPropsType>();
+
+  const [registerForm, formActions] = useForm();
+
+  const getProps = computed<BasicCardListPropsType>(() => {
+    return { ...props, ...(unref(innerPropsRef) || {}) } as BasicCardListPropsType;
+  });
+
+  const { getListGrid, cardListLayout } = useListGrid(getProps);
+
+  const { getPaginationInfo, getPagination, setPagination } = usePagination(
+    getProps,
+    cardListLayout
+  );
+
+  const { loading, setLoading, getLoading } = useLoading();
+
+  const {
+    getDataSourceRef,
+    getRowKey,
+    fetch,
+    reload,
+    updateTableDataRecord,
+    findCardDataRecord,
+    setCardListData,
+  } = useCardListData(getProps, formActions, {
+    setLoading,
+    getPaginationInfo,
+    emit,
+    tableData,
+    setPagination,
+  });
+
+  const { redoHeight, containerHeight } = useCardListScroll(
+    listElRef as Ref<Nullable<ComponentElRef>>,
+    getProps,
+    getDataSourceRef
+  );
+
+  const { replaceFormSlotKey, getFormProps, getFormSlotKeys } = useCardForm(
+    getProps,
+    slots,
+    fetch,
+    getLoading
+  );
+
+  const {
+    handlerSelected,
+    selectedClass,
+    selectedKeys,
+    selectAllToggle,
+    selectedAll,
+    clearSelectedKeys,
+    getSelectedKeys,
+    getSelectedRecords,
+    getSelections,
+  } = useCardListSelected(getDataSourceRef, getProps, {
+    updateTableDataRecord,
+    findCardDataRecord,
+    getRowKey,
+    setCardListData,
+  });
+
+  function handleCardListChange() {
+    reload();
+  }
+
+  const getBindValues = computed<ListProps>(() => {
+    const dataSource = unref(getDataSourceRef);
+
+    const props = {
+      dataSource,
+      grid: unref(getListGrid),
+      loading: unref(loading),
+      pagination: {
+        ...toRaw(unref(getPaginationInfo)),
+        onChange: (current: number, pageSize: number) => {
+          setPagination({ current, pageSize });
+          handleCardListChange();
+        },
+      },
+      rowKey: (record: Recordable) => record[unref(getRowKey)],
+    } as ListProps;
+    return props;
+  });
+
+  watch(cardListLayout, () => {
+    const pageSize = cardListLayout.row * cardListLayout.col;
+    setPagination({ pageSize });
+    handleCardListChange();
+  });
+
+  const CartListActionType: CardListActionType = {
+    setProps,
+    setLoading,
+    setPagination,
+    getPagination,
+    reload,
+    selectedAll,
+    clearSelectedKeys,
+    getSelectedKeys,
+    getSelectedRecords,
+    getSelections,
+  };
+
+  function setProps(props: Partial<BasicCardListPropsType> = {}) {
+    innerPropsRef.value = { ...(unref(innerPropsRef) || {}), ...props } as BasicCardListPropsType;
+  }
+
+  emit('register', CartListActionType, formActions);
+</script>
+
+<template>
+  <main class="basic-card-list p-4 flex flex-col w-full h-full">
+    <section v-if="getProps.useSearchForm" class="w-full bg-light-50 dark:bg-dark-900 p-4 mb-4">
+      <BasicForm
+        @register="registerForm"
+        v-bind="getFormProps"
+        @advanced-change="redoHeight"
+        @reset="reload()"
+        @submit="reload()"
+      >
+        <template #[replaceFormSlotKey(item)]="data" v-for="item in getFormSlotKeys">
+          <slot :name="item" v-bind="data"></slot>
+        </template>
+      </BasicForm>
+    </section>
+
+    <section class="w-full bg-light-50 dark:bg-dark-900 p-4 flex-auto h-full">
+      <List ref="listElRef" v-bind="getBindValues">
+        <template #header>
+          <section class="flex justify-between items-center">
+            <div>
+              <span v-if="getProps.title" class="font-bold text-base px-4">
+                {{ getProps.title }}
+              </span>
+              <slot v-else name="title"></slot>
+            </div>
+            <div class="flex flex-auto justify-end mr-4 gap-4">
+              <slot name="toolbar"></slot>
+            </div>
+            <div v-if="showCardListSetting" class="flex gap-4">
+              <DropdownButton v-if="getProps.selections" @click="selectAllToggle" type="primary">
+                <template #overlay>
+                  <Menu>
+                    <Menu.Item @click="selectedAll">全选</Menu.Item>
+                    <Menu.Item @click="clearSelectedKeys">反选</Menu.Item>
+                  </Menu>
+                </template>
+                <span>
+                  {{ selectedKeys.length === getDataSourceRef.length ? '反选' : '全选' }}
+                </span>
+              </DropdownButton>
+              <CardListLayout v-model:row="cardListLayout.row" v-model:col="cardListLayout.col" />
+              <Tooltip title="刷新">
+                <Button type="primary" @click="reload()" :loading="loading">
+                  <Icon icon="ant-design:reload-outlined" :size="20" />
+                </Button>
+              </Tooltip>
+            </div>
+          </section>
+        </template>
+        <template #renderItem="{ item }: BasicCardListRenderItem<any>">
+          <List.Item
+            :class="selectedKeys.includes(item[getRowKey]) ? selectedClass : ''"
+            @click="handlerSelected($event, item)"
+          >
+            <slot
+              name="renderItem"
+              :item="item"
+              :totalHeight="containerHeight"
+              :checked="item?.checked"
+            >
+            </slot>
+          </List.Item>
+        </template>
+      </List>
+    </section>
+  </main>
+</template>
+
+<style lang="less" scoped>
+  .basic-card-list {
+    :deep(.ant-list) {
+      .ant-spin-container {
+        overflow-x: hidden;
+        overflow-y: auto;
+
+        .ant-list-item {
+          border: 2px transparent solid;
+          position: relative;
+
+          &.basic-card-list-item-checked {
+            border: 2px solid #377dff;
+
+            &::after {
+              position: absolute;
+              inset-block-start: 2px;
+              inset-inline-end: 2px;
+              width: 0;
+              height: 0;
+              border: 10px solid #1677ff;
+              border-block-end: 10px solid transparent;
+              border-inline-start: 10px solid transparent;
+              // border-start-end-radius: 6px;
+              content: '';
+            }
+
+            &::before {
+              content: '';
+              position: absolute;
+              background-color: #53a2fd;
+              width: 100%;
+              height: 100%;
+              opacity: 0.2;
+              z-index: 99;
+            }
+          }
+        }
+      }
+
+      .ant-list-header {
+        border-bottom: transparent;
+      }
+
+      .ant-list-pagination {
+        margin-top: 16px;
+        height: 25px;
+      }
+
+      .ant-list-empty-text {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+  }
+</style>

+<script setup lang="ts">
+  import { Button, Popover } from 'ant-design-vue';
+  import { reactive, ref, watch } from 'vue';
+  import { Icon } from '/@/components/Icon';
+
+  const emit = defineEmits(['update:row', 'update:col']);
+
+  const props = withDefaults(
+    defineProps<{
+      row?: number;
+      col?: number;
+    }>(),
+    {
+      row: 2,
+      col: 5,
+    }
+  );
+
+  const MAX_ROW = 4;
+  const MAX_COL = 9;
+
+  const visible = ref(false);
+
+  const selectedLayout = reactive({ row: props.row, col: props.col });
+
+  const handleOver = (row: number, col: number) => {
+    Object.assign(selectedLayout, { row, col });
+  };
+
+  const handleSelectConfirm = () => {
+    const { row, col } = selectedLayout;
+    emit('update:row', row);
+    emit('update:col', col);
+    visible.value = false;
+  };
+
+  watch(
+    () => [props.row, props.col, visible.value],
+    () => {
+      selectedLayout.row = props.row;
+      selectedLayout.col = props.col;
+    }
+  );
+</script>
+
+<template>
+  <Popover v-model:visible="visible">
+    <template #content>
+      <section class="flex flex-wrap w-36">
+        <table class="border-collapse" @click="handleSelectConfirm">
+          <tr v-for="row in MAX_ROW" :key="row" class="border border-gray-300 border-solid">
+            <td
+              v-for="col in MAX_COL"
+              :class="selectedLayout.col >= col && selectedLayout.row >= row ? 'bg-blue-500' : ''"
+              :key="col"
+              class="w-4 h-4 border border-gray-300 border-solid cursor-pointer"
+              @mouseover="handleOver(row, col)"
+            >
+            </td>
+          </tr>
+        </table>
+        <div class="text-center w-full">
+          {{ selectedLayout.col }} x {{ selectedLayout.row }} 布局
+        </div>
+      </section>
+    </template>
+    <Button type="primary">
+      <Icon icon="ant-design:layout-filled" :size="20" />
+    </Button>
+  </Popover>
+</template>

+import type { ComputedRef, ExtractPropTypes, Slots } from 'vue';
+import { unref, computed } from 'vue';
+import { isFunction } from '/@/utils/is';
+import { BasicCardListPropsType } from '../types';
+import { FetchParams } from './useCardListData';
+import { basicProps } from '/@/components/Form/src/props';
+
+export function useCardForm(
+  propsRef: ComputedRef<BasicCardListPropsType>,
+  slots: Slots,
+  fetch: (opt?: FetchParams | undefined) => Promise<void>,
+  getLoading: ComputedRef<boolean | undefined>
+) {
+  const getFormProps = computed((): ExtractPropTypes<typeof basicProps> => {
+    const { formConfig } = unref(propsRef);
+    const { submitButtonOptions } = formConfig || {};
+    return {
+      showAdvancedButton: true,
+      ...formConfig,
+      submitButtonOptions: { loading: unref(getLoading), ...submitButtonOptions },
+      compact: true,
+    } as any;
+  });
+
+  const getFormSlotKeys: ComputedRef<string[]> = computed(() => {
+    const keys = Object.keys(slots);
+    return keys
+      .map((item) => (item.startsWith('form-') ? item : null))
+      .filter((item) => !!item) as string[];
+  });
+
+  function replaceFormSlotKey(key: string) {
+    if (!key) return '';
+    return key?.replace?.(/form\-/, '') ?? '';
+  }
+
+  function handleSearchInfoChange(info: Recordable) {
+    const { handleSearchInfoFn } = unref(propsRef);
+    if (handleSearchInfoFn && isFunction(handleSearchInfoFn)) {
+      info = handleSearchInfoFn(info) || info;
+    }
+    fetch({ searchInfo: info, page: 1 });
+  }
+
+  return {
+    getFormProps,
+    replaceFormSlotKey,
+    getFormSlotKeys,
+    handleSearchInfoChange,
+  };
+}

+import { WatchStopHandle, ref, unref, watch } from 'vue';
+import { BasicCardListPropsType, CardListActionType } from '../types';
+import { isProdMode } from '/@/utils/env';
+import { error } from '/@/utils/log';
+import { FormActionType } from '/@/components/Form';
+import { getDynamicProps } from '/@/utils';
+import { PaginationProps } from 'ant-design-vue';
+import { FetchParams } from './useCardListData';
+import { tryOnUnmounted } from '@vueuse/core';
+
+type UseCardListMethod = CardListActionType & {
+  getForm: () => FormActionType;
+};
+
+export function useCardList(
+  cardListProps?: BasicCardListPropsType
+): [(instance: CardListActionType, formInstance: FormActionType) => void, CardListActionType] {
+  const cardListRef = ref<Nullable<CardListActionType>>(null);
+  const loadedRef = ref<Nullable<boolean>>(false);
+  const formRef = ref<Nullable<FormActionType>>(null);
+
+  let stopWatch: WatchStopHandle;
+
+  function register(instance: CardListActionType, formInstance: FormActionType) {
+    isProdMode() &&
+      tryOnUnmounted(() => {
+        cardListRef.value = null;
+        loadedRef.value = null;
+      });
+
+    if (unref(loadedRef) && isProdMode() && instance === unref(cardListRef)) return;
+
+    cardListRef.value = instance;
+    formRef.value = formInstance;
+    cardListProps && instance.setProps(getDynamicProps(cardListProps));
+    loadedRef.value = true;
+
+    stopWatch?.();
+
+    stopWatch = watch(
+      () => cardListProps,
+      () => {
+        cardListProps && instance.setProps(getDynamicProps(cardListProps));
+      },
+      {
+        immediate: true,
+        deep: true,
+      }
+    );
+  }
+
+  function getCardListInstance(): CardListActionType {
+    const cardList = unref(cardListRef);
+    if (!cardList) {
+      error(
+        'The CardList instance has not been obtained yet, please make sure the card list is presented when performing the card list operation!'
+      );
+    }
+    return cardList as CardListActionType;
+  }
+
+  const cardListActionType: UseCardListMethod = {
+    getForm: () => {
+      return unref(formRef) as unknown as FormActionType;
+    },
+    setLoading: (loading: boolean) => {
+      return getCardListInstance().setLoading(loading);
+    },
+    setProps: (props: Partial<BasicCardListPropsType>) => {
+      getCardListInstance().setProps(props);
+    },
+    getPagination: () => {
+      return getCardListInstance().getPagination();
+    },
+    setPagination: (pagination: Partial<PaginationProps>) => {
+      return getCardListInstance().setPagination(pagination);
+    },
+    reload: (opt?: FetchParams) => {
+      return getCardListInstance().reload(opt);
+    },
+    selectedAll: () => {
+      return getCardListInstance().selectedAll();
+    },
+    clearSelectedKeys: () => {
+      return getCardListInstance().clearSelectedKeys();
+    },
+    getSelectedKeys: () => {
+      return getCardListInstance().getSelectedKeys();
+    },
+    getSelectedRecords: () => {
+      return getCardListInstance().getSelectedRecords();
+    },
+    getSelections: () => {
+      return getCardListInstance().getSelections();
+    },
+  };
+
+  return [register, cardListActionType];
+}

+import { Ref, computed, onMounted, ref, unref, watch, watchEffect } from 'vue';
+import { BasicCardListPropsType, CardListEmitType, UseLoading, UsePaginationType } from '../types';
+import { FormActionType } from '/@/components/Form';
+import { isBoolean, isFunction } from '/@/utils/is';
+import { FETCH_SETTING, ROW_KEY } from '/@/components/Table/src/const';
+import { PaginationProps } from 'ant-design-vue';
+import { cloneDeep, get } from 'lodash-es';
+import { buildUUID } from '/@/utils/uuid';
+import { useTimeoutFn } from '/@/hooks/core/useTimeout';
+
+interface ActionType {
+  setLoading: UseLoading['setLoading'];
+  getPaginationInfo: UsePaginationType['getPaginationInfo'];
+  setPagination: UsePaginationType['setPagination'];
+  tableData: Ref<Recordable[]>;
+  emit: CardListEmitType;
+}
+
+export interface FetchParams {
+  searchInfo?: Recordable;
+  page?: number;
+  sortInfo?: Recordable;
+  filterInfo?: Recordable;
+}
+
+export function useCardListData(
+  propsRef: Ref<BasicCardListPropsType>,
+  formActionType: FormActionType,
+  actionType: ActionType
+) {
+  const { getFieldsValue } = unref(formActionType)! || {};
+  const { getPaginationInfo, setLoading, setPagination, tableData, emit } = actionType;
+
+  const dataSourceRef = ref<Recordable[]>([]);
+  const rawDataSourceRef = ref<Recordable>({});
+
+  watchEffect(() => {
+    tableData.value = unref(dataSourceRef);
+  });
+
+  watch(
+    () => unref(propsRef).dataSource,
+    () => {
+      const { dataSource, api } = unref(propsRef);
+      !api && dataSource && (dataSourceRef.value = dataSource);
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function setCardKey(items: any[]) {
+    if (!items || !Array.isArray(items)) return;
+    items.forEach((item) => {
+      if (!item[ROW_KEY]) {
+        item[ROW_KEY] = buildUUID();
+      }
+    });
+  }
+
+  const getAutoCreateKey = computed<boolean>(() => {
+    return !!(unref(propsRef).autoCreateKey && !unref(propsRef).rowKey);
+  });
+
+  const getRowKey = computed<string | number>(() => {
+    const { rowKey } = unref(propsRef);
+    return unref(getAutoCreateKey) ? ROW_KEY : rowKey!;
+  });
+
+  const getDataSourceRef = computed(() => {
+    const dataSource = unref(dataSourceRef);
+    if (!dataSource || dataSource.length === 0) {
+      return unref(dataSourceRef);
+    }
+    if (unref(getAutoCreateKey)) {
+      const firstItem = dataSource[0];
+      const lastItem = dataSource[dataSource.length - 1];
+
+      if (firstItem && lastItem) {
+        if (!firstItem[ROW_KEY] || !lastItem[ROW_KEY]) {
+          const data = cloneDeep(unref(dataSourceRef));
+          data.forEach((item) => {
+            if (!item[ROW_KEY]) {
+              item[ROW_KEY] = buildUUID();
+            }
+            if (item.children && item.children.length) {
+              setCardKey(item.children);
+            }
+          });
+          dataSourceRef.value = data;
+        }
+      }
+    }
+
+    return unref(dataSourceRef);
+  });
+
+  async function fetch(opt?: FetchParams) {
+    const { api, searchInfo, fetchSetting, beforeFetch, afterFetch, useSearchForm, pagination } =
+      unref(propsRef);
+
+    if (!api || !isFunction(api)) return;
+
+    try {
+      setLoading(true);
+      const { pageField, sizeField, listField, totalField } = Object.assign(
+        {},
+        FETCH_SETTING,
+        fetchSetting
+      );
+      let pageParams: Recordable = {};
+
+      const { current = 1, pageSize = 10 } = unref(getPaginationInfo) as PaginationProps;
+
+      if ((isBoolean(pagination) && !pagination) || isBoolean(getPaginationInfo)) {
+        pageParams = {};
+      } else {
+        pageParams[pageField] = current;
+        pageParams[sizeField] = pageSize;
+      }
+
+      let params: Recordable = {
+        ...pageParams,
+        ...(useSearchForm ? getFieldsValue() : {}),
+        ...searchInfo,
+      };
+      if (beforeFetch && isFunction(beforeFetch)) {
+        params = (await beforeFetch(params)) || params;
+      }
+
+      const res = await api(params);
+      rawDataSourceRef.value = res;
+
+      const isArrayResult = Array.isArray(res);
+
+      let resultItems: Recordable[] = isArrayResult ? res : get(res, listField);
+      const resultTotal: number = isArrayResult ? 0 : get(res, totalField);
+
+      // 假如数据变少，导致总页数变少并小于当前选中页码，通过getPaginationRef获取到的页码是不正确的，需获取正确的页码再次执行
+      if (resultTotal) {
+        const currentTotalPage = Math.ceil(resultTotal / pageSize);
+        if (current > currentTotalPage) {
+          setPagination({
+            current: currentTotalPage,
+          });
+          fetch(opt);
+        }
+      }
+
+      if (afterFetch && isFunction(afterFetch)) {
+        resultItems = (await afterFetch(resultItems, res)) || resultItems;
+      }
+      dataSourceRef.value = resultItems;
+      setPagination({
+        total: resultTotal || 0,
+      });
+      if (opt && opt.page) {
+        setPagination({
+          current: opt.page || 1,
+        });
+      }
+      emit('fetchSuccess', {
+        items: unref(resultItems),
+        total: resultTotal,
+      });
+    } catch (error) {
+      emit('fetchError', error as Error);
+      dataSourceRef.value = [];
+      setPagination({
+        total: 0,
+      });
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  function findCardDataRecord(rowKey: string | number) {
+    if (!dataSourceRef.value || dataSourceRef.value.length == 0) return;
+
+    const rowKeyName = unref(getRowKey);
+    if (!rowKeyName) return;
+
+    const findRow = (array: any[]) => {
+      let ret;
+      array.some(function iter(r) {
+        if (Reflect.has(r, rowKeyName) && r[rowKeyName] === rowKey) {
+          ret = r;
+          return true;
+        }
+      });
+      return ret;
+    };
+
+    return findRow(dataSourceRef.value);
+  }
+
+  function updateTableDataRecord(
+    rowKey: string | number,
+    record: Recordable
+  ): Recordable | undefined {
+    const row = findCardDataRecord(rowKey);
+    if (row) {
+      for (const field in row) {
+        if (Reflect.has(record, field)) row[field] = record[field];
+      }
+      return row;
+    }
+  }
+
+  async function reload(opt?: FetchParams) {
+    await fetch(opt);
+  }
+
+  function setCardListData<T = Recordable>(values: T[]) {
+    dataSourceRef.value = values as Recordable[];
+  }
+
+  onMounted(() => {
+    useTimeoutFn(() => {
+      unref(propsRef).immediate && fetch();
+    }, 16);
+  });
+
+  return {
+    reload,
+    fetch,
+    getRowKey,
+    getDataSourceRef,
+    setCardListData,
+    findCardDataRecord,
+    updateTableDataRecord,
+  };
+}

+import { Ref, ref, unref, watch } from 'vue';
+import { getBoundingClientRect } from '/@/utils/domUtils';
+import { BasicCardListPropsType } from '../types';
+import { useDebounceFn } from '@vueuse/core';
+
+export function useCardListScroll(
+  cardListElRef: Ref<Nullable<ComponentElRef>>,
+  propsRef: Ref<BasicCardListPropsType>,
+  getDataSourceRef: Ref<Recordable[]>
+) {
+  const containerHeight = ref(0);
+
+  const redoHeight = () => {
+    const listEl = unref(cardListElRef)?.$el;
+    if (!listEl) return;
+
+    const listContainerEl = listEl.querySelector('.ant-spin-container') as HTMLDivElement;
+
+    if (!listContainerEl) return;
+
+    const rect = getBoundingClientRect(listContainerEl);
+
+    if (!rect) return;
+
+    const { top } = rect as DOMRect;
+
+    const { offsetHeight: otherOffsetHeight = 0 } = unref(propsRef);
+
+    const totalHeight = document.documentElement.clientHeight;
+
+    const offsetHeight = 32;
+
+    const paginationHeight = 25 + 16;
+
+    const residualHeight = totalHeight - top - offsetHeight - paginationHeight - otherOffsetHeight;
+
+    listContainerEl.style.maxHeight = `${residualHeight}px`;
+    listContainerEl.style.height = `${residualHeight}px`;
+
+    containerHeight.value = residualHeight;
+  };
+
+  const debounceRedoHeight = useDebounceFn(redoHeight, 100);
+
+  watch(
+    () => [unref(getDataSourceRef)?.length],
+    () => {
+      debounceRedoHeight();
+    },
+    {
+      flush: 'post',
+    }
+  );
+
+  return { redoHeight, containerHeight };
+}

+import { ComputedRef, computed, ref, toRaw, unref, watch } from 'vue';
+import { BasicCardListPropsType, CardListSelectionsType, UseCardListDataType } from '../types';
+import { isBoolean, isFunction } from '/@/utils/is';
+import { cloneDeep } from 'lodash-es';
+
+export const CHECKED_FIELD = 'CARD_LIST_CHECKED_STATUS';
+
+export const DEFAULT_SELECTED_CLASS = 'basic-card-list-item-checked';
+
+interface CardListSelectActionType {
+  updateTableDataRecord: UseCardListDataType['updateTableDataRecord'];
+  findCardDataRecord: UseCardListDataType['findCardDataRecord'];
+  getRowKey: UseCardListDataType['getRowKey'];
+  setCardListData: UseCardListDataType['setCardListData'];
+}
+
+export function useCardListSelected(
+  getDataSourceRef: ComputedRef<Recordable[]>,
+  propsRef: ComputedRef<BasicCardListPropsType>,
+  { getRowKey }: CardListSelectActionType
+) {
+  const selectedKeys = ref<string[]>([]);
+
+  const selectedClass = ref('');
+
+  const selectionRef = ref<CardListSelectionsType>({});
+
+  const getSelectionsRef = computed<CardListSelectionsType & { enabled: boolean }>(() => {
+    const { selections } = unref(propsRef);
+    return {
+      enabled: !!selections,
+      ...unref(selectionRef),
+      ...(isBoolean(selections) ? {} : selections),
+    };
+  });
+
+  const getHasSelectedRecordStatus = computed(() =>
+    unref(getDataSourceRef).find((item) => item.checked)
+  );
+
+  const getShouldUseDefaultStyle = computed(
+    () => unref(getSelectionsRef).enabled && !unref(getSelectionsRef).customCheckedStyle
+  );
+
+  watch(
+    getSelectionsRef,
+    () => {
+      selectedClass.value =
+        isBoolean(unref(propsRef).selections) ||
+        !(unref(propsRef).selections as CardListSelectionsType).customCheckedStyle
+          ? DEFAULT_SELECTED_CLASS
+          : '';
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function handlerSelected(_event: MouseEvent, record: Recordable) {
+    if (!unref(getSelectionsRef).enabled) return;
+
+    if (unref(getSelectionsRef).beforeSelectValidate) {
+      if (!unref(getSelectionsRef).beforeSelectValidate?.(record)) return;
+    }
+
+    const rowKey = record[unref(getRowKey)];
+    const index = unref(selectedKeys).findIndex((key) => key === rowKey);
+    ~index ? selectedKeys.value.splice(index, 1) : unref(selectedKeys).push(rowKey);
+
+    if (!unref(getSelectionsRef).onSelect) return;
+
+    unref(getSelectionsRef)?.onSelect?.(record, !!~index, getSelectedRecords());
+  }
+
+  function selectedAll() {
+    selectedKeys.value = unref(getDataSourceRef)
+      .filter(
+        (item) =>
+          isFunction(unref(getSelectionsRef).beforeSelectValidate) &&
+          unref(getSelectionsRef).beforeSelectValidate?.(item)
+      )
+      .map((item) => item[unref(getRowKey)]);
+
+    if (!unref(getSelectionsRef).onSelect) return;
+
+    unref(getSelectionsRef)?.onSelectAll?.(toRaw(unref(getDataSourceRef)));
+  }
+
+  function clearSelectedKeys() {
+    selectedKeys.value = [];
+  }
+
+  function getSelectedKeys() {
+    return toRaw(unref(selectedKeys));
+  }
+
+  function getSelectedRecords() {
+    const data = cloneDeep(unref(getDataSourceRef));
+    return data.filter((item) => unref(selectedKeys).includes(item[unref(getRowKey)]));
+  }
+
+  function selectAllToggle() {
+    unref(getDataSourceRef).length === unref(selectedKeys).length
+      ? (selectedKeys.value = [])
+      : selectedAll();
+  }
+
+  function getSelections() {
+    return unref(getSelectionsRef);
+  }
+
+  return {
+    selectedKeys,
+    selectedClass,
+    getShouldUseDefaultStyle,
+    getHasSelectedRecordStatus,
+    getSelections,
+    handlerSelected,
+    selectedAll,
+    selectAllToggle,
+    clearSelectedKeys,
+    getSelectedKeys,
+    getSelectedRecords,
+  };
+}

+import { Ref, computed, reactive, unref, watch } from 'vue';
+import { BasicCardListPropsType, ListGridType } from '../types';
+import { getListGridByColumn } from '../utils';
+import { screenMap, sizeEnum } from '/@/enums/breakpointEnum';
+
+export function useListGrid(getProps: Ref<BasicCardListPropsType>) {
+  const cardListLayout = reactive({ row: 2, col: 5 });
+
+  const getListGrid = computed<ListGridType>(() => {
+    const { col } = cardListLayout;
+    const { gutter = 16 } = unref(getProps);
+    return {
+      column: col,
+      gutter,
+      ...getListGridByColumn(col),
+    } as ListGridType;
+  });
+
+  watch(
+    () => unref(getProps).baseLayout,
+    () => {
+      Object.assign(cardListLayout, unref(getProps).baseLayout);
+    }
+  );
+
+  function getScreenSize() {
+    const width = document.body.clientWidth;
+    const xs = screenMap.get(sizeEnum.XS)!;
+    const sm = screenMap.get(sizeEnum.SM)!;
+    const md = screenMap.get(sizeEnum.MD)!;
+    const lg = screenMap.get(sizeEnum.LG)!;
+    const xl = screenMap.get(sizeEnum.XL)!;
+    if (width < xs) {
+      return sizeEnum.XS;
+    } else if (width < sm) {
+      return sizeEnum.SM;
+    } else if (width < md) {
+      return sizeEnum.MD;
+    } else if (width < lg) {
+      return sizeEnum.LG;
+    } else if (width < xl) {
+      return sizeEnum.XL;
+    } else {
+      return sizeEnum.XXL;
+    }
+  }
+
+  return {
+    getListGrid,
+    cardListLayout,
+    getScreenSize,
+  };
+}

+import { computed, ref, unref } from 'vue';
+
+export function useLoading() {
+  const loading = ref(false);
+
+  const setLoading = (status: boolean) => (loading.value = status);
+
+  const getLoading = computed(() => unref(loading));
+
+  return {
+    loading,
+    getLoading,
+    setLoading,
+  };
+}

+import { PaginationProps } from 'ant-design-vue';
+import { Ref, computed, ref, unref } from 'vue';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
+import { BasicCardListPropsType } from '../types';
+import { isBoolean } from '/@/utils/is';
+
+interface ItemRender {
+  page: number;
+  type: 'page' | 'prev' | 'next';
+  originalElement: any;
+}
+
+function itemRender({ page, type, originalElement }: ItemRender) {
+  if (type === 'prev') {
+    return page === 0 ? null : <LeftOutlined />;
+  } else if (type === 'next') {
+    return page === 1 ? null : <RightOutlined />;
+  }
+  return originalElement;
+}
+
+export function usePagination(
+  propsRef: Ref<BasicCardListPropsType>,
+  cardLayoutRef: Record<'row' | 'col', number>
+) {
+  const configRef = ref<PaginationProps>({
+    hideOnSinglePage: false,
+  });
+
+  const getPaginationInfo = computed(() => {
+    const { pagination } = unref(propsRef);
+    const { col, row } = cardLayoutRef;
+
+    return {
+      current: 1,
+      pageSize: col * row,
+      size: 'small',
+      defaultPageSize: col * row,
+      showTotal: (total: number) => `共 ${total} 条数据`,
+      showSizeChanger: false,
+      itemRender: itemRender,
+      showQuickJumper: true,
+      ...(isBoolean(pagination) ? {} : pagination),
+      ...unref(configRef),
+    } as Partial<PaginationProps>;
+  });
+
+  const setPagination = (info: Partial<PaginationProps>) => {
+    const paginationInfo = unref(getPaginationInfo);
+    configRef.value = {
+      ...(!isBoolean(paginationInfo) ? paginationInfo : {}),
+      ...info,
+    };
+  };
+
+  function getPagination() {
+    return unref(getPaginationInfo);
+  }
+
+  return { getPaginationInfo, setPagination, getPagination };
+}

+import { PaginationProps } from 'ant-design-vue';
+import { FormProps } from '../../Form';
+import { FetchSetting } from '../../Table';
+import { useLoading } from './hooks/useLoading';
+import { usePagination } from './hooks/usePagination';
+import { FetchParams, useCardListData } from './hooks/useCardListData';
+import { useCardListSelected } from './hooks/useCardListSelected';
+
+// export interface CardList
+
+export interface BasicCardListPropsType<T = Recordable> {
+  title?: string;
+  formConfig?: FormProps;
+  showCardListSetting?: boolean;
+  useSearchForm?: boolean;
+  api?: (params?: any) => Promise<any>;
+  dataSource?: any[];
+  beforeFetch?: (params: FetchParams) => Promise<Recordable>;
+  pagination?: PaginationProps;
+  offsetHeight?: number;
+  gutter?: number;
+  searchInfo?: Recordable;
+  fetchSetting?: FetchSetting;
+  afterFetch?: (items: T[], result: any) => Promise<any[]>;
+  autoCreateKey?: boolean;
+  rowKey?: string | number;
+  immediate?: boolean;
+  handleSearchInfoFn?: Fn;
+  baseLayout?: Record<'row' | 'col', number>;
+  selections?: boolean | CardListSelectionsType;
+}
+
+export type ListGridType = Record<'column' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number> & {
+  gutter: number | [number, number];
+};
+
+export type UseLoading = ReturnType<typeof useLoading>;
+
+export type UsePaginationType = ReturnType<typeof usePagination>;
+
+export type UseCardListDataType = ReturnType<typeof useCardListData>;
+
+export type UseCardListSelected = ReturnType<typeof useCardListSelected>;
+
+export interface CardListActionType {
+  setProps: (props: Partial<BasicCardListPropsType>) => void;
+  setLoading: UseLoading['setLoading'];
+  setPagination: UsePaginationType['setPagination'];
+  getPagination: UsePaginationType['getPagination'];
+  reload: UseCardListDataType['reload'];
+  selectedAll: UseCardListSelected['selectedAll'];
+  clearSelectedKeys: UseCardListSelected['clearSelectedKeys'];
+  getSelectedKeys: UseCardListSelected['getSelectedKeys'];
+  getSelectedRecords: UseCardListSelected['getSelectedRecords'];
+  getSelections: UseCardListSelected['getSelections'];
+}
+
+export interface CardListEmitType {
+  (eventName: 'fetchSuccess', result: { items: Recordable[]; total: number }): void;
+  (eventName: 'fetchError', error: Error): void;
+}
+
+export interface CardListSelectionsType {
+  customCheckedStyle?: boolean;
+  beforeSelectValidate?: (record: Recordable) => boolean;
+  onSelect?: (record: Recordable, selected: boolean, allSelectedRecord: Recordable[]) => any;
+  onSelectAll?: (selectedRecords: Recordable[]) => any;
+}

+import { ListGridType } from '../types';
+
+export const getListGridByColumn = (col: number): Omit<ListGridType, 'gutter' | 'column'> => {
+  return {
+    xxl: col,
+    xl: col,
+    lg: col,
+    md: col,
+    sm: col,
+    xs: col,
+  };
+  // return {
+  //   xxl: col,
+  //   xl: Math.max(1, col - 1),
+  //   lg: Math.max(1, col - 2),
+  //   md: Math.max(1, col - 3),
+  //   sm: Math.max(1, col - 4),
+  //   xs: Math.max(1, col - 5),
+  // };
+};

@@ -191,6 +191,10 @@
         <slot name="afterFullScreen"></slot>
       </div>
     </div>
-    <div ref="jsonEditorElRef" class="flex-auto"></div>
+    <div
+      ref="jsonEditorElRef"
+      class="flex-auto"
+      :style="{ backgroundColor: disabled ? '#f0f0f0' : '' }"
+    ></div>
   </div>
 </template>

@@ -47,6 +47,7 @@
     isClose: { type: Boolean, default: true },
     title: { type: String, default: '' },
     loading: { type: Boolean },
+    defaultExpand: { type: Boolean, default: true },
     /**
      *  Can it be expanded
      */
@@ -75,7 +76,7 @@
 
   const emit = defineEmits(['expand', 'change', 'hchange']);
 
-  const show = ref(true);
+  const show = ref(props.defaultExpand);
 
   const { prefixCls } = useDesign('collapse-container');
 

@@ -15,6 +15,8 @@ export { default as ApiUpload } from './src/components/ApiUpload.vue';
 export { default as StructForm } from './src/externalCompns/components/StructForm/StructForm.vue';
 export { default as JavaScriptFunctionEditor } from './src/components/JavaScriptFunctionEditor.vue';
 
+export { ThingsModelForm } from './src/externalCompns/components/ThingsModelForm';
+
 //注册自定义组件
 export {
   JEasyCron,

@@ -69,7 +69,7 @@
     name: 'BasicForm',
     components: { FormItem, Form, Row, FormAction },
     props: basicProps,
-    emits: ['advanced-change', 'reset', 'submit', 'register'],
+    emits: ['advanced-change', 'reset', 'submit', 'register', 'fieldValueChange'],
     setup(props, { emit, attrs }) {
       const formModel = reactive<Recordable>({});
       const modalFn = useModalContext();
@@ -230,6 +230,7 @@
 
       function setFormModel(key: string, value: any) {
         formModel[key] = value;
+        emit('fieldValueChange', key, value);
         const { validateTrigger } = unref(getBindValue);
         if (!validateTrigger || validateTrigger === 'change') {
           validateFields([key]).catch((_) => {});

@@ -4,77 +4,102 @@
     <!-- 待完善封装InputGroup -->
     <InputGroup compact>
       <Select
-        v-if="type !== '2'"
+        v-if="type !== RequestMethodTypeEnum.WEBSOCKET"
         placeholder="请求类型"
-        :style="{ width: type !== '2' ? 15 + '%' : 0 + '%' }"
-        v-model:value="valueObj.requestHttpType"
+        :style="{ width: type !== RequestMethodTypeEnum.WEBSOCKET ? 15 + '%' : 0 + '%' }"
+        v-model:value="requestTypeUrlValue.requestHttpType"
         :options="selectOptions"
         allowClear
         @change="emitChange"
       />
       <Input
-        @change="emitChange"
         placeholder="请输入接口地址"
-        v-model:value="valueObj.requestUrl"
-        :style="{ width: type !== '2' ? 85 + '%' : 100 + '%' }"
+        v-model:value="requestTypeUrlValue.requestUrl"
+        :style="{ width: type !== RequestMethodTypeEnum.WEBSOCKET ? 85 + '%' : 100 + '%' }"
+        @change="emitChange"
       />
     </InputGroup>
   </div>
 </template>
 <script lang="ts" setup>
-  import { reactive, ref, watchEffect } from 'vue';
+  import { reactive, ref, PropType, watch } from 'vue';
   import { InputGroup, Select, Input } from 'ant-design-vue';
-  import type { SelectValue } from 'ant-design-vue/lib/select';
   import { findDictItemByCode } from '/@/api/system/dict';
-  import { propTypes } from '/@/utils/propTypes';
+  import { RequestMethodTypeEnum } from '/@/views/dataview/publicApi/config/enum';
 
-  type TypeInputGroup = {
-    requestHttpType: SelectValue | undefined;
+  interface requestTypeUrlConfig {
+    requestHttpType: undefined;
     requestUrl?: string;
     disabled?: boolean;
-  };
+  }
 
-  type selectType = { label: string; value: string; disabled?: boolean };
+  type selectType = {
+    label: string;
+    value: string;
+  };
 
   const props = defineProps({
     type: {
       type: String,
+      default: RequestMethodTypeEnum.COMMOM,
     },
-    value: propTypes.object.def({}),
+    value: Object as PropType<requestTypeUrlConfig>,
   });
 
   const emits = defineEmits(['change', 'update:value']);
 
   const selectOptions = ref<selectType[]>([]);
 
-  const getOptions = async (e) => {
-    const res = await findDictItemByCode({
-      dictCode: e === '1' ? 'dataview_select_sql_request' : 'dataview_select_request',
+  const getOptions = async (requestType) => {
+    // 暂且排除SQL和WEBSOCKET
+    const resItem = await findDictItemByCode({
+      dictCode: 'dataview_select_request',
     });
-    if (e === '1' || e === '0') {
-      selectOptions.value = res.map((m) => ({ label: m.itemText, value: m.itemValue }));
+    if (requestType === RequestMethodTypeEnum.COMMOM) {
+      selectOptions.value = resItem.map((m) => ({ label: m.itemText, value: m.itemValue }));
     } else {
       selectOptions.value = [];
     }
   };
 
-  const valueObj = reactive<TypeInputGroup>({
+  const requestTypeUrlValue = reactive<requestTypeUrlConfig>({
     requestHttpType: undefined,
     requestUrl: '',
   });
 
-  watchEffect(() => {
-    initVal();
-  });
+  watch(
+    () => props.type,
+    () => {
+      initOption();
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  watch(
+    () => props.value,
+    () => {
+      initConfig();
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  function initOption() {
+    if (props.type) {
+      getOptions(props.type);
+    }
+  }
 
-  async function initVal() {
-    if (props?.type) await getOptions(props?.type);
-    if (props?.value) for (let i in props.value) Reflect.set(valueObj, i, props.value[i]);
+  function initConfig() {
+    if (props?.value)
+      for (let i in props.value) Reflect.set(requestTypeUrlValue, i, props.value[i]);
   }
 
   function emitChange() {
-    emits('change', valueObj);
-    emits('update:value', valueObj);
+    emits('change', requestTypeUrlValue);
+    emits('update:value', requestTypeUrlValue);
   }
 </script>
-<style scoped></style>

 <script lang="ts" setup>
-  import { Button, Transfer, Tag } from 'ant-design-vue';
+  import { Transfer, Select } from 'ant-design-vue';
   import { cloneDeep, get } from 'lodash-es';
   import { computed, CSSProperties, ExtractPropTypes, onMounted, ref, unref, watch } from 'vue';
   import { BasicModal, useModal } from '/@/components/Modal';
@@ -29,7 +29,7 @@
       buttonName?: string;
       modalProps?: ExtractPropTypes<InstanceType<typeof BasicModal>['$props']>;
       transferProps?: ExtractPropTypes<TransferType['$props']>;
-      buttonProps?: ExtractPropTypes<InstanceType<typeof Button>['$props']>;
+      selectProps?: ExtractPropTypes<InstanceType<typeof Select>['$props']>;
       disabled?: any;
     }>(),
     {
@@ -52,24 +52,15 @@
     return unref(getOptions).filter((item) => unref(targetKeys).includes(item[valueField]));
   });
 
-  const getShowTagOptions = computed(() => {
-    const { maxTagLength } = props;
-    return unref(targetOptions).slice(0, maxTagLength);
+  const getSelectOptions = computed(() => {
+    return unref(targetOptions).map((item) => ({ ...item, label: item.title, value: item.key }));
   });
 
-  const getSurplusOptionsLength = computed(() => {
-    const { maxTagLength } = props;
-    const surplusValue = unref(targetKeys).length - maxTagLength;
-    return surplusValue < 0 ? 0 : surplusValue;
-  });
-
-  const count = computed(() => {
-    return unref(targetKeys).length;
-  });
+  const getSelectValue = computed(() => unref(getSelectOptions).map((item) => item.value));
 
   const targetKeys = ref<string[]>(props.value || []);
 
-  const getOptions = computed<Recordable[]>(() => {
+  const getOptions = computed<Record<'key' | 'title', string>[]>(() => {
     const { labelField, valueField } = props;
     return unref(options).map((item) => ({
       ...item,
@@ -99,13 +90,14 @@
     };
   });
 
-  const getBindButtonProps = computed(() => {
-    const { buttonProps = {} } = props;
+  const getBindSelectProps = computed(() => {
+    const { selectProps = {} } = props;
     return {
-      ...buttonProps,
-      type: 'link',
-      onClick: handleOpenModal,
-    } as ExtractPropTypes<InstanceType<typeof Button>['$props']>;
+      maxTagCount: 3,
+      ...selectProps,
+      open: false,
+      onDropdownVisibleChange: handleOpenModal,
+    } as ExtractPropTypes<InstanceType<typeof Select>['$props']>;
   });
 
   const handleChange = (_targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => {
@@ -165,22 +157,11 @@
         <Transfer v-bind="getBindProps" />
       </section>
     </BasicModal>
-    <Button v-bind="getBindButtonProps" class="!flex !justify-center !items-center min-h-8">
-      <span v-if="!count">{{ $props.buttonName }}</span>
-      <div v-if="!!count">
-        <Tag
-          class="!px-2 !py-1 !bg-gray-50 !border-gray-100"
-          v-for="item in getShowTagOptions"
-          :key="item.key"
-        >
-          <span>
-            {{ item.title }}
-          </span>
-        </Tag>
-        <Tag class="!px-2 !py-1 !bg-gray-50 !border-gray-100" v-if="getSurplusOptionsLength">
-          <span> +{{ getSurplusOptionsLength }}... </span>
-        </Tag>
-      </div>
-    </Button>
+    <Select
+      v-bind="getBindSelectProps"
+      :options="getSelectOptions"
+      :value="getSelectValue"
+      mode="multiple"
+    />
   </div>
 </template>

-<script lang="ts" setup>
-  import { Button, Tabs, Badge, ButtonProps, Tag } from 'ant-design-vue';
-  import { get, isFunction, set, uniqBy } from 'lodash-es';
-  import { ExtractPropTypes, computed, unref, ref, nextTick, onMounted, watch } from 'vue';
-  import { DynamicProps } from '/#/utils';
-  import { BasicModal, useModal } from '/@/components/Modal';
-  import { BasicTable, BasicTableProps, TableRowSelection, useTable } from '/@/components/Table';
-  import { FETCH_SETTING } from '/@/components/Table/src/const';
-  import { useDesign } from '/@/hooks/web/useDesign';
-
-  interface Options extends Recordable {
-    primaryKey?: string;
-    disabled?: boolean;
-  }
-
-  enum Active {
-    PENDING = 'pending',
-    SELECTED = 'selected',
-  }
-
-  interface ActionType {
-    setSelectedOptions: (options: Recordable[]) => void;
-  }
-
-  const emit = defineEmits(['change', 'update:value']);
-
-  const props = withDefaults(
-    defineProps<{
-      value?: string[];
-      labelField?: string;
-      valueField?: string;
-      primaryKey?: string;
-      params?: Recordable;
-      buttonName?: string;
-      pendingTableProps?: BasicTableProps;
-      selectedTableProps?: BasicTableProps;
-      maxTagLength?: number;
-      modalProps?: ExtractPropTypes<InstanceType<typeof BasicModal>['$props']>;
-      buttonProps?: ExtractPropTypes<InstanceType<typeof Button>['$props']>;
-      initSelectedOptions?: (actionType: ActionType) => Promise<Recordable[]>;
-      transformValue?: (selectedRowKeys: string[], selectedRows: Options[]) => any[];
-      onValueChange?: (selectedRowkeys: string[]) => any[];
-      onRemoveAfter?: (actionType: ActionType) => Promise<any>;
-      onSelectedAfter?: (actionType: ActionType) => Promise<any>;
-      disabled?: any;
-    }>(),
-    {
-      buttonName: '选择设备',
-      primaryKey: 'id',
-      maxTagLength: 2,
-      labelField: 'label',
-      valueField: 'value',
-      disabled: false,
-    }
-  );
-
-  const { prefixCls } = useDesign('transfer-table-modal');
-
-  const activeKey = ref<Active>(Active.PENDING);
-
-  const selectedRows = ref<Options[]>([]);
-
-  const selectedRowKeys = ref<string[]>(props.value || []);
-
-  const pendingOptions = ref<Options[]>([]);
-
-  const selectedConfirmQueue = ref<Options[]>([]);
-
-  const pendingConfirmQueue = ref<Options[]>([]);
-
-  const selectedTotal = ref(0);
-
-  const pendingTotal = ref(0);
-
-  const getFetchSetting = computed(() => {
-    const { pendingTableProps } = props;
-    return pendingTableProps?.fetchSetting || FETCH_SETTING;
-  });
-
-  const getPendingRowSelection = computed<TableRowSelection>(() => {
-    const rowKeys = unref(selectedRowKeys);
-    return {
-      type: 'checkbox',
-      getCheckboxProps: (record: Recordable) => {
-        const { primaryKey } = props;
-        return {
-          ...record,
-          disabled: rowKeys.includes(record[primaryKey]),
-        };
-      },
-      onSelect: (_record: Recordable, _selected: boolean, selectedRows: Object[]) => {
-        pendingConfirmQueue.value = selectedRows;
-      },
-      onSelectAll: (_selected: boolean, selectedRows: Recordable[]) => {
-        pendingConfirmQueue.value = selectedRows;
-      },
-    };
-  });
-
-  const getPendingTableBindProps = computed<Partial<DynamicProps<BasicTableProps>>>(() => {
-    const { pendingTableProps, primaryKey } = props;
-    return {
-      ...pendingTableProps,
-      rowKey: primaryKey,
-      api: handlePendingApiIntercept,
-      clickToRowSelect: false,
-      rowSelection: getPendingRowSelection,
-    };
-  });
-
-  const getSelectedTableBindProps = computed<Partial<DynamicProps<BasicTableProps>>>(() => {
-    const { selectedTableProps, primaryKey } = props;
-    return {
-      ...selectedTableProps,
-      dataSource: selectedRows,
-      clickToRowSelect: false,
-      rowKey: primaryKey,
-      api: selectedTableProps!.api ? handleSelectedApiIntercept : undefined,
-      rowSelection: {
-        type: 'checkbox',
-        onSelect: (_record: Recordable, _selected: boolean, selectedRows: Object[]) => {
-          selectedConfirmQueue.value = selectedRows;
-        },
-        onSelectAll: (_selected: boolean, selectedRows: Recordable[]) => {
-          selectedConfirmQueue.value = selectedRows;
-        },
-      },
-    };
-  });
-
-  const getModalBindProps = computed(() => {
-    const { modalProps = {} } = props;
-    return {
-      width: '60%',
-      title: '穿梭表格',
-      wrapClassName: prefixCls,
-      ...modalProps,
-      showOkBtn: false,
-    };
-  });
-
-  const getBindButtonProps = computed<ButtonProps>(() => {
-    const { buttonProps = {} } = props;
-    return {
-      type: 'link',
-      ...buttonProps,
-    };
-  });
-
-  const getShowTagOptions = computed(() => {
-    const { maxTagLength } = props;
-    return unref(selectedRows).slice(0, maxTagLength);
-  });
-
-  const getSurplusOptionsLength = computed(() => {
-    const { maxTagLength } = props;
-    const surplusValue = unref(selectedRows).length - maxTagLength;
-    return surplusValue < 0 ? 0 : surplusValue;
-  });
-
-  const [registerModal, { openModal }] = useModal();
-
-  const [
-    regsterPendingTable,
-    {
-      getSelectRows: getPendingSelectRows,
-      getSelectRowKeys: getPendingSelectRowKeys,
-      reload: reloadPending,
-      clearSelectedRowKeys: clearPendingSelectedRowKeys,
-    },
-  ] = useTable(unref(getPendingTableBindProps));
-
-  const [
-    registerSelectedTable,
-    { getSelectRowKeys, setProps, clearSelectedRowKeys, reload: reloadSelected },
-  ] = useTable(unref(getSelectedTableBindProps));
-
-  async function handlePendingApiIntercept(params?: Recordable) {
-    try {
-      const { api } = props.pendingTableProps || {};
-      if (api && isFunction(api)) {
-        let options = await api(params);
-        pendingOptions.value = options;
-        const { totalField, listField } = unref(getFetchSetting);
-        const total = get(options, totalField!);
-        if (unref(selectedTotal) + unref(pendingTotal) !== total) {
-          pendingTotal.value = total;
-        }
-        let list: Recordable[] = get(options, listField!);
-        list = getSelectedRows(list);
-        options = set(options, listField!, list);
-        return options;
-      }
-    } catch (error) {
-      console.error(error);
-      return [];
-    }
-    return [];
-  }
-
-  async function handleSelectedApiIntercept(params?: Recordable) {
-    try {
-      const { api } = props.selectedTableProps || {};
-      if (api && isFunction(api)) {
-        let options = await api(params);
-        pendingOptions.value = options;
-        const { totalField, listField } = unref(getFetchSetting);
-        selectedTotal.value = get(options, totalField!);
-        let list: Recordable[] = get(options, listField!);
-        list = getSelectedRows(list);
-        options = set(options, listField!, list);
-        return options;
-      }
-    } catch (error) {
-      console.error(error);
-      return [];
-    }
-    return [];
-  }
-
-  const handleOpenModal = async () => {
-    const { disabled } = props;
-    if (disabled) return;
-    openModal(true);
-    await nextTick();
-    if (props.value && !props.value.length) {
-      activeKey.value = Active.PENDING;
-      reloadPending();
-    }
-  };
-
-  const handleTriggerEmit = (selectedRowKeys: string[], selectedRows: Options[]) => {
-    const { transformValue } = props;
-    let value = selectedRowKeys;
-    if (transformValue && isFunction(transformValue)) {
-      value = transformValue(selectedRowKeys, selectedRows);
-    }
-    emit('change', unref(selectedRowKeys), unref(selectedRows));
-    emit('update:value', unref(value));
-  };
-
-  const handleSelected = async () => {
-    const { onSelectedAfter } = props;
-    const currentPageSelectRows = getPendingSelectRows();
-    const currentPageSelectRowKeys = getPendingSelectRowKeys();
-    const { primaryKey } = props;
-    selectedRows.value = uniqBy([...unref(selectedRows), ...currentPageSelectRows], primaryKey);
-    selectedRowKeys.value = [...new Set([...unref(selectedRowKeys), ...currentPageSelectRowKeys])];
-    pendingConfirmQueue.value = [];
-    // selectedTotal.value = unref(selectedRowKeys).length;
-    pendingTotal.value = unref(pendingTotal) - currentPageSelectRows.length;
-    selectedTotal.value = unref(selectedTotal) + currentPageSelectRows.length;
-
-    clearPendingSelectedRowKeys();
-    handleTriggerEmit(unref(selectedRowKeys), unref(selectedRows));
-
-    if (onSelectedAfter && isFunction(onSelectedAfter)) {
-      await onSelectedAfter(actionType);
-    }
-    reloadPending();
-  };
-
-  const handleRemoveSelected = async () => {
-    const { onRemoveAfter } = props;
-    const removeRowKeys = getSelectRowKeys();
-    selectedRowKeys.value = unref(selectedRowKeys).filter((key) => !removeRowKeys.includes(key));
-    selectedRows.value = unref(selectedRows).filter((item) => {
-      const { primaryKey } = props;
-      return unref(selectedRowKeys).includes(item[primaryKey]);
-    });
-    pendingTotal.value = unref(pendingTotal) + removeRowKeys.length;
-    selectedTotal.value = unref(selectedTotal) - removeRowKeys.length;
-
-    clearSelectedRowKeys();
-    selectedConfirmQueue.value = [];
-    setProps({ dataSource: unref(selectedRows) });
-    handleTriggerEmit(unref(selectedRowKeys), unref(selectedRows));
-
-    if (onRemoveAfter && isFunction(onRemoveAfter)) {
-      await onRemoveAfter(actionType);
-    }
-  };
-
-  const actionType = {
-    setSelectedOptions,
-    setSelectedTotal,
-    reloadPending,
-    reloadSelected,
-  };
-
-  const getSelectedRows = (options: Recordable[]) => {
-    const { labelField, valueField } = props;
-    return options.map((item) => ({ ...item, label: item[labelField], value: item[valueField] }));
-  };
-
-  const getSelectedKeys = (options: Recordable[]) => {
-    const { primaryKey } = props;
-    return options.map((item) => item[primaryKey]);
-  };
-
-  function setSelectedOptions(options: Recordable[]) {
-    selectedRows.value = getSelectedRows(options);
-    selectedRowKeys.value = getSelectedKeys(options);
-  }
-
-  function setSelectedTotal(number: number) {
-    selectedTotal.value = number;
-  }
-
-  const handleCheckoutPanel = async (keys: Active) => {
-    await nextTick();
-    if (keys === Active.PENDING) {
-      reloadPending();
-    } else {
-      reloadSelected();
-      setProps({
-        dataSource: unref(selectedRows),
-      });
-    }
-  };
-
-  watch(
-    () => props.value,
-    () => {
-      if (props.value && !props.value.length) {
-        selectedRowKeys.value = [];
-        selectedRows.value = [];
-        // pendingTotal.value = 0;
-        selectedTotal.value = 0;
-      }
-    }
-  );
-
-  onMounted(async () => {
-    const { initSelectedOptions } = props;
-    if (initSelectedOptions && isFunction(initSelectedOptions)) {
-      const options = await initSelectedOptions(actionType);
-      setSelectedOptions(options);
-    }
-  });
-</script>
-
-<template>
-  <section>
-    <BasicModal @register="registerModal" v-bind="getModalBindProps">
-      <section class="bg-gray-100">
-        <Tabs v-model:active-key="activeKey" type="card" @change="handleCheckoutPanel">
-          <Tabs.TabPane :key="Active.PENDING">
-            <template #tab>
-              <div class="flex items-center justify-center">
-                <span>待选设备</span>
-                <Badge show-zero :count="pendingTotal" />
-              </div>
-            </template>
-            <BasicTable @register="regsterPendingTable">
-              <template #toolbar>
-                <section class="flex w-full justify-end items-center">
-                  <!-- <Button type="primary">全选</Button> -->
-                  <div class="text-blue-400">
-                    <span class="mr-2">选择设备:</span>
-                    <span>{{ pendingConfirmQueue.length }}</span>
-                  </div>
-                </section>
-              </template>
-            </BasicTable>
-            <section class="flex justify-end px-4 pb-4">
-              <Button
-                type="primary"
-                @click="handleSelected"
-                :disabled="!pendingConfirmQueue.length"
-              >
-                <span>确定已选</span>
-              </Button>
-            </section>
-          </Tabs.TabPane>
-          <Tabs.TabPane :key="Active.SELECTED">
-            <template #tab>
-              <div class="flex items-center justify-center">
-                <span>已选设备</span>
-                <Badge show-zero :count="selectedTotal" />
-              </div>
-            </template>
-            <BasicTable @register="registerSelectedTable">
-              <template #toolbar>
-                <section class="flex w-full justify-end items-center">
-                  <!-- <Button type="primary">全选</Button> -->
-                  <div class="text-blue-400">
-                    <span class="mr-2">选择设备:</span>
-                    <span>{{ selectedConfirmQueue.length }}</span>
-                  </div>
-                </section>
-              </template>
-            </BasicTable>
-            <section class="flex justify-end px-4 pb-4">
-              <Button
-                type="primary"
-                :disabled="!selectedConfirmQueue.length"
-                @click="handleRemoveSelected"
-              >
-                <span>移除已选</span>
-              </Button>
-            </section>
-          </Tabs.TabPane>
-        </Tabs>
-      </section>
-    </BasicModal>
-    <Button @click="handleOpenModal" v-bind="getBindButtonProps">
-      <span v-if="!selectedRowKeys.length">选择设备</span>
-      <div v-if="selectedRowKeys.length">
-        <Tag
-          class="!px-2 !py-1 !bg-gray-50 !border-gray-100"
-          v-for="item in getShowTagOptions"
-          :key="item.value"
-        >
-          <span>
-            {{ item.alias || item.name }}
-          </span>
-        </Tag>
-        <Tag class="!px-2 !py-1 !bg-gray-50 !border-gray-100" v-if="getSurplusOptionsLength">
-          <span> +{{ getSurplusOptionsLength }}... </span>
-        </Tag>
-      </div>
-    </Button>
-  </section>
-</template>
-
-<style lang="less">
-  @prefix-cls: ~'@{namespace}-transfer-table-modal';
-
-  .@{prefix-cls} {
-    .vben-basic-table {
-      padding-top: 0;
-    }
-
-    .vben-basic-form > .ant-row {
-      width: 100%;
-    }
-
-    .ant-tabs-top-bar {
-      background-color: #fff;
-    }
-  }
-</style>

@@ -5,7 +5,8 @@
   import { BasicModal } from '/@/components/Modal';
   import { PlusCircleOutlined } from '@ant-design/icons-vue';
   import { FormFieldsEnum, formSchemas } from './config';
-  import { DataTypeEnum } from '../StructForm/config';
+  import { DataTypeEnum } from '/@/enums/objectModelEnum';
+
   const show = ref(false);
 
   const props = withDefaults(
@@ -50,7 +51,7 @@
       updateSchema([
         {
           field: FormFieldsEnum.ZOOM_FACTOR,
-          ifShow: props.dataType == DataTypeEnum.IS_BOOL ? false : true,
+          ifShow: props.dataType == DataTypeEnum.BOOL ? false : true,
         },
       ]);
     }

 <script lang="ts" setup>
   import { Card } from 'ant-design-vue';
   import { computed, nextTick, onMounted, onUpdated, unref, watch } from 'vue';
-  import { DataTypeEnum } from '../StructForm/config';
   import { BasicCreateFormParams } from './type';
   import { DynamicProps } from '/#/utils';
   import { Specs, StructJSON } from '/@/api/device/model/modelOfMatterModel';
   import { BasicForm, FormProps, FormSchema, useForm } from '/@/components/Form';
+  import { DataTypeEnum } from '/@/enums/objectModelEnum';
   import { ReadAndWriteEnum } from '/@/enums/toolEnum';
 
   const props = withDefaults(
@@ -86,7 +86,7 @@
         // step: step,
         // formatter: (value: string) => value,
         // parser: (string: string) => {
-        //   if (dataType === DataTypeEnum.IS_NUMBER_INT) {
+        // if (dataType === DataTypeEnum.NUMBER_INT) {
         //     return Number(Number(string).toFixed());
         //   }
         //   return Number(string);
@@ -188,19 +188,19 @@
         dataType: dataType! as unknown as DataTypeEnum,
         specs: specs as Partial<Specs>,
       };
-      if (type === DataTypeEnum.IS_NUMBER_INT || type === DataTypeEnum.IS_NUMBER_DOUBLE) {
+      if (type === DataTypeEnum.NUMBER_INT || type === DataTypeEnum.NUMBER_DOUBLE) {
         schemas.push(createInputNumber(params));
       }
 
-      if (type === DataTypeEnum.IS_BOOL) {
+      if (type === DataTypeEnum.BOOL) {
         schemas.push(createSelect(params));
       }
 
-      if (type === DataTypeEnum.IS_STRING) {
+      if (type === DataTypeEnum.STRING) {
         schemas.push(createInput(params));
       }
 
-      if (type === DataTypeEnum.IS_STRUCT) {
+      if (type === DataTypeEnum.STRUCT) {
         schemas.push(createInputJson(params));
       }
     }

-import { DataTypeEnum } from '../StructForm/config';
 import { Specs } from '/@/api/device/model/modelOfMatterModel';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
 
 export interface BasicCreateFormParams {
   identifier: string;

@@ -14,6 +14,8 @@
   import { OpenModalMode, OpenModalParams, StructRecord } from './type';
   import { cloneDeep } from 'lodash-es';
   import { isArray } from '/@/utils/is';
+  import { FormField } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
+  import { DataTypeEnum } from '/@/enums/objectModelEnum';
 
   const emit = defineEmits(['update:value']);
 
@@ -53,7 +55,10 @@
   const handleUpdate = (value: StructRecord) => {
     openModal(true, {
       mode: OpenModalMode.UPDATE,
-      record: value,
+      record: {
+        ...value,
+        [FormField.HAS_STRUCT_FROM]: value?.dataType?.type === DataTypeEnum.STRUCT,
+      },
     } as OpenModalParams);
   };
 
@@ -90,15 +95,10 @@
           <div>参数名称: {{ item.functionName }}</div>
           <div class="flex">
             <Button class="!p-0" type="link" @click="handleUpdate(item)">
-              <span>{{ $props.disabled ? '查看' : '编辑' }}</span>
+              <span>{{ disabled ? '查看' : '编辑' }}</span>
             </Button>
             <Divider type="vertical" />
-            <Button
-              :disabled="$props.disabled"
-              class="!p-0"
-              type="link"
-              @click="handleDelete(item)"
-            >
+            <Button :disabled="disabled" class="!p-0" type="link" @click="handleDelete(item)">
               <span>删除</span>
             </Button>
           </div>
@@ -114,7 +114,7 @@
     <StructFormModel
       :has-struct-form="hasStructForm!"
       :hidden-access-mode="hiddenAccessMode"
-      :disabled="$props.disabled"
+      :disabled="disabled"
       :value-list="getValue"
       @register="registerModal"
       @submit="handleSaveStruct"

@@ -8,7 +8,7 @@
   import { formSchemas } from './config';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { OpenModalMode, OpenModalParams, StructRecord } from './type';
-  import { ref, unref } from 'vue';
+  import { computed, ref, unref } from 'vue';
   import { transfromToStructJSON } from './util';
   import { cloneDeep } from 'lodash-es';
   import { DataType, StructJSON } from '/@/api/device/model/modelOfMatterModel';
@@ -32,7 +32,6 @@
 
   const [register, { validate, setFieldsValue, setProps }] = useForm({
     labelWidth: 100,
-    schemas: formSchemas(props.hasStructForm, props.hiddenAccessMode),
     actionColOptions: {
       span: 14,
     },
@@ -42,6 +41,14 @@
     showActionButtonGroup: false,
   });
 
+  const getFormSchemas = computed(() => {
+    const { hasStructForm, hiddenAccessMode } = props;
+    return formSchemas({
+      hasStructForm,
+      hiddenAccessMode,
+    });
+  });
+
   const [registerModal, { closeModal }] = useModalInner((record: OpenModalParams) => {
     modalReceiveRecord.value = record;
     const data = record.record || {};
@@ -97,7 +104,7 @@
     destroy-on-close
     :show-ok-btn="!$props.disabled"
   >
-    <BasicForm @register="register" />
+    <BasicForm @register="register" :schemas="getFormSchemas" />
   </BasicModal>
 </template>
 

 import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
 import { findDictItemByCode } from '/@/api/system/dict';
+import { Rule } from '/@/components/Form';
 import { FormSchema } from '/@/components/Table';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
 import { isNullOrUnDef } from '/@/utils/is';
 import { FormField } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 
-export enum DataTypeEnum {
-  IS_NUMBER_INT = 'INT',
-  IS_NUMBER_DOUBLE = 'DOUBLE',
-  IS_STRING = 'TEXT',
-  IS_STRUCT = 'STRUCT',
-  IS_BOOL = 'BOOL',
-}
-
 export const validateValueRange = (_rule, value: Record<'min' | 'max', number>, _callback) => {
   value = value || {};
   const { min, max } = value;
@@ -28,11 +22,34 @@ export const validateJSON = (_rule, value = [] as ModelOfMatterParams[], _callba
   return Promise.reject('JSON对象不能为空');
 };
 
-export const formSchemas = (
-  hasStructForm: boolean,
-  hiddenAccessMode: boolean,
-  isTcp = false
-): FormSchema[] => {
+interface StructFormSchemasParmasType {
+  hasStructForm: boolean;
+  hiddenAccessMode: boolean;
+  isTcp?: boolean;
+}
+
+//功能名称和标识符 输入框不能包含逗号
+const validateExcludeComma = (field: string, errorName: string): Rule[] => {
+  return [
+    {
+      required: true,
+      trigger: 'blur',
+      validator: () => {
+        const reg = /[,，]+/;
+        if (reg.test(field)) {
+          return Promise.reject(errorName);
+        }
+        return Promise.resolve();
+      },
+    },
+  ];
+};
+
+export const formSchemas = ({
+  hasStructForm,
+  hiddenAccessMode,
+  isTcp = false,
+}: StructFormSchemasParmasType): FormSchema[] => {
   return [
     {
       field: FormField.FUNCTION_NAME,
@@ -46,6 +63,9 @@ export const formSchemas = (
         maxLength: 32,
         placeholder: '请输入功能名称',
       },
+      dynamicRules: ({ values }) => {
+        return validateExcludeComma(values[FormField.FUNCTION_NAME], '功能名称不能包含逗号');
+      },
     },
     {
       field: FormField.IDENTIFIER,
@@ -59,6 +79,15 @@ export const formSchemas = (
         maxLength: 128,
         placeholder: '请输入标识符',
       },
+      dynamicRules: ({ values }) => {
+        return validateExcludeComma(values[FormField.IDENTIFIER], '标识符不能包含逗号');
+      },
+    },
+    {
+      field: FormField.HAS_STRUCT_FROM,
+      label: '是否已存在结构体',
+      component: 'Input',
+      ifShow: false,
     },
     {
       field: FormField.TYPE,
@@ -70,17 +99,16 @@ export const formSchemas = (
       },
       defaultValue: 'INT',
       componentProps: ({ formActionType }) => {
-        const { updateSchema, setFieldsValue } = formActionType;
+        const { setFieldsValue } = formActionType;
         return {
           placeholder: '请选择数据类型',
           api: async (params: Recordable) => {
             try {
               const record = await findDictItemByCode(params);
               return hasStructForm
-                ? record.filter((item) => item.itemValue !== DataTypeEnum.IS_STRUCT)
+                ? record.filter((item) => item.itemValue !== DataTypeEnum.STRUCT)
                 : record;
             } catch (error) {
-              console.log(error);
               return [];
             }
           },
@@ -91,14 +119,8 @@ export const formSchemas = (
           valueField: 'itemValue',
           getPopupContainer: () => document.body,
           onChange: (value: string) => {
-            if (value == DataTypeEnum.IS_STRUCT) {
-              updateSchema({
-                field: FormField.SPECS_LIST,
-                componentProps: {
-                  hasStructForm: true,
-                },
-              });
-              setFieldsValue({ [FormField.SPECS_LIST]: [] });
+            if (value == DataTypeEnum.STRUCT) {
+              setFieldsValue({ [FormField.SPECS_LIST]: [], [FormField.HAS_STRUCT_FROM]: true });
             }
           },
         };
@@ -114,8 +136,8 @@ export const formSchemas = (
         span: 18,
       },
       ifShow: ({ values }) =>
-        values[FormField.TYPE] === DataTypeEnum.IS_NUMBER_INT ||
-        values[FormField.TYPE] === DataTypeEnum.IS_NUMBER_DOUBLE,
+        values[FormField.TYPE] === DataTypeEnum.NUMBER_INT ||
+        values[FormField.TYPE] === DataTypeEnum.NUMBER_DOUBLE,
       rules: [{ validator: validateValueRange }],
     },
     {
@@ -134,8 +156,8 @@ export const formSchemas = (
         },
       },
       ifShow: ({ values }) =>
-        values[FormField.TYPE] === DataTypeEnum.IS_NUMBER_INT ||
-        values[FormField.TYPE] === DataTypeEnum.IS_NUMBER_DOUBLE,
+        values[FormField.TYPE] === DataTypeEnum.NUMBER_INT ||
+        values[FormField.TYPE] === DataTypeEnum.NUMBER_DOUBLE,
       dynamicRules: ({ model }) => {
         const valueRange = model[FormField.VALUE_RANGE] || {};
         const { min, max } = valueRange;
@@ -199,8 +221,8 @@ export const formSchemas = (
         };
       },
       ifShow: ({ values }) =>
-        values[FormField.TYPE] === DataTypeEnum.IS_NUMBER_INT ||
-        values[FormField.TYPE] === DataTypeEnum.IS_NUMBER_DOUBLE,
+        values[FormField.TYPE] === DataTypeEnum.NUMBER_INT ||
+        values[FormField.TYPE] === DataTypeEnum.NUMBER_DOUBLE,
     },
     {
       field: FormField.BOOL_CLOSE,
@@ -214,7 +236,7 @@ export const formSchemas = (
         placeholder: '如：关',
       },
       defaultValue: '关',
-      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.IS_BOOL,
+      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.BOOL,
       dynamicRules: ({ model }) => {
         const close = model[FormField.BOOL_CLOSE];
         const open = model[FormField.BOOL_OPEN];
@@ -243,7 +265,7 @@ export const formSchemas = (
         placeholder: '如：开',
       },
       defaultValue: '开',
-      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.IS_BOOL,
+      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.BOOL,
       dynamicRules: ({ model }) => {
         const close = model[FormField.BOOL_CLOSE];
         const open = model[FormField.BOOL_OPEN];
@@ -277,7 +299,7 @@ export const formSchemas = (
           suffix: () => '字节',
         };
       },
-      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.IS_STRING,
+      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.STRING,
     },
     {
       field: FormField.EXTENSION_DESC,
@@ -322,8 +344,13 @@ export const formSchemas = (
       valueField: 'value',
       changeEvent: 'update:value',
       colProps: { span: 24 },
-      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.IS_STRUCT,
+      ifShow: ({ values }) => values[FormField.TYPE] === DataTypeEnum.STRUCT,
       rules: [{ required: true, validator: validateJSON }],
+      componentProps: ({ formModel }) => {
+        return {
+          hasStructForm: formModel[FormField.HAS_STRUCT_FROM],
+        };
+      },
     },
     {
       field: FormField.REFARK,

-import { DataTypeEnum } from './config';
 import { StructJSON } from '/@/api/device/model/modelOfMatterModel';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
 import { FormField } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 
 export enum OpenModalMode {

 import { cloneDeep } from 'lodash-es';
-import { DataTypeEnum } from './config';
 import { StructFormValue } from './type';
 import { DataType, ModelOfMatterParams, StructJSON } from '/@/api/device/model/modelOfMatterModel';
 import { isArray } from '/@/utils/is';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
 
 export function transfromToStructJSON(value: StructFormValue): StructJSON {
   const {
@@ -24,21 +24,21 @@ export function transfromToStructJSON(value: StructFormValue): StructJSON {
   let dataType = {} as unknown as DataType;
 
   switch (type) {
-    case DataTypeEnum.IS_NUMBER_INT:
+    case DataTypeEnum.NUMBER_INT:
       dataType = {
         type,
         specs: { valueRange, step, unit, unitName },
       };
       break;
 
-    case DataTypeEnum.IS_NUMBER_DOUBLE:
+    case DataTypeEnum.NUMBER_DOUBLE:
       dataType = {
         type,
         specs: { valueRange, step, unit, unitName },
       };
       break;
 
-    case DataTypeEnum.IS_BOOL:
+    case DataTypeEnum.BOOL:
       dataType = {
         type,
         specs: {
@@ -48,14 +48,14 @@ export function transfromToStructJSON(value: StructFormValue): StructJSON {
       };
       break;
 
-    case DataTypeEnum.IS_STRING:
+    case DataTypeEnum.STRING:
       dataType = {
         type,
         specs: { length },
       };
       break;
 
-    case DataTypeEnum.IS_STRUCT:
+    case DataTypeEnum.STRUCT:
       dataType = {
         type,
         specs: specs! as unknown as ModelOfMatterParams[],

+<script setup lang="ts">
+  import { StructJSON } from '/@/api/device/model/modelOfMatterModel';
+  import { JsonPreview } from '/@/components/CodeEditor';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+
+  defineProps<{
+    inputData?: StructJSON[];
+  }>();
+
+  defineEmits(['register']);
+
+  const data = {};
+
+  const [register] = useModalInner();
+</script>
+
+<template>
+  <BasicModal @register="register" title="">
+    <!--  -->
+    <JsonPreview :data="data" />
+  </BasicModal>
+</template>

+import { FormSchema } from '../../../types/form';
+import { Specs, StructJSON } from '/@/api/device/model/modelOfMatterModel';
+import { DataTypeEnum } from '/@/enums/objectModelEnum';
+import { TransportTypeEnum } from '/@/views/device/profiles/components/TransportDescript/const';
+
+export const getFormSchemas = ({
+  structJSON: structJson,
+  required,
+  transportType,
+}: {
+  structJSON: StructJSON[];
+  required?: boolean;
+  transportType?: string;
+}): FormSchema[] => {
+  const createInputNumber = ({ identifier, functionName, dataType }: StructJSON): FormSchema => {
+    const { specs } = dataType || {};
+    const { valueRange } = specs! as Specs;
+    const { max = 2147483647, min = -2147483648 } = valueRange || {};
+    return {
+      field: identifier,
+      label: functionName,
+      component: 'InputNumber',
+      rules: [
+        {
+          required,
+          message: `${functionName}是必填项`,
+        },
+        {
+          type: 'number',
+          trigger: 'change',
+          validator: (_rule, value) => {
+            const reg = /^[0-9]*$/;
+            if (!reg.test(value))
+              return Promise.reject(new Error(`${functionName}不是一个有效的数字`));
+            if (value < min || value > max)
+              return Promise.reject(new Error(`${functionName}取值范围在${min}~${max}之间`));
+
+            return Promise.resolve(value);
+          },
+        },
+      ],
+      componentProps: {
+        max,
+        min,
+        placeholder: `请输入${functionName}`,
+      },
+    } as FormSchema;
+  };
+
+  const createInput = ({ identifier, functionName, dataType }: StructJSON): FormSchema => {
+    const { specs } = dataType || {};
+    const { length = 10240 } = specs! as Partial<Specs>;
+    return {
+      field: identifier,
+      label: functionName,
+      component: 'Input',
+      rules: [
+        {
+          required,
+          message: `${functionName}是必填项`,
+        },
+        {
+          type: 'string',
+          trigger: 'change',
+          validator: (_rule, value) => {
+            if ((value?.length || 0) > length)
+              return Promise.reject(new Error(`${functionName}数据长度应该小于${length}`));
+
+            return Promise.resolve(value);
+          },
+        },
+      ],
+      componentProps: {
+        maxLength: length,
+        placeholder: `请输入${functionName}`,
+      },
+    } as FormSchema;
+  };
+
+  const createSelect = ({ identifier, functionName, dataType }: StructJSON): FormSchema => {
+    const { specs } = dataType || {};
+    const { boolClose, boolOpen } = specs! as Partial<Specs>;
+    return {
+      field: identifier,
+      label: functionName!,
+      component: 'Select',
+      rules: [
+        {
+          required,
+          message: `${functionName}是必填项`,
+          type: 'number',
+        },
+      ],
+      componentProps: {
+        options: [
+          { label: `${boolClose}-0`, value: 0 },
+          { label: `${boolOpen}-1`, value: 1 },
+        ],
+        placeholder: `请选择${functionName}`,
+      },
+    };
+  };
+
+  const createStructJson = ({ identifier, functionName, dataType }: StructJSON): FormSchema => {
+    return {
+      field: identifier,
+      label: functionName!,
+      component: 'Input',
+      changeEvent: 'update:value',
+      componentProps: () => {
+        return {
+          inputData: dataType?.specs || [],
+        };
+      },
+      colSlot: identifier,
+    };
+  };
+
+  const createTCPServiceCommandInput = ({ serviceCommand }: StructJSON): FormSchema => {
+    return {
+      field: 'serviceCommand',
+      label: '服务命令',
+      component: 'Input',
+      required,
+      defaultValue: serviceCommand,
+      componentProps: {
+        placeholder: `请输入服务命令`,
+      },
+    };
+  };
+
+  const schemas: FormSchema[] = [];
+
+  for (const item of structJson) {
+    const { dataType } = item;
+    const { type } = dataType || {};
+    if (transportType === TransportTypeEnum.TCP) {
+      item.serviceCommand && schemas.push(createTCPServiceCommandInput(item));
+      break;
+    }
+
+    if (type === DataTypeEnum.BOOL) schemas.push(createSelect(item));
+    else if (type === DataTypeEnum.NUMBER_INT) schemas.push(createInputNumber(item));
+    else if (type === DataTypeEnum.NUMBER_DOUBLE) schemas.push(createInputNumber(item));
+    else if (type === DataTypeEnum.STRING) schemas.push(createInput(item));
+    else if (type === DataTypeEnum.STRUCT) schemas.push(createStructJson(item));
+  }
+
+  return schemas;
+};

+import { ValidatorRule } from 'ant-design-vue/lib/form/interface';
+export { default as ThingsModelForm } from './index.vue';
+
+export const validateTCPCustomCommand: ValidatorRule['validator'] = (_rule, value) => {
+  const reg = /^[\s0-9a-fA-F]+$/;
+  if (reg.test(value)) return Promise.resolve();
+  return Promise.reject('请输入ASCII或HEX服务命令(0~9/A~F)');
+};
+
+export const trimBlankSpace = (string: string) => string.replace(/(?!^)(?=(\w{2})+$)/g, '');
+
+export const formatCommandString = (string = '') => string.replace(/(?!^)(?=(\w{2})+$)/g, ' ');

+<script setup lang="ts">
+  import { Card } from 'ant-design-vue';
+  import { ComponentPublicInstance, computed, nextTick, reactive, unref, watch } from 'vue';
+  import { getFormSchemas } from './config';
+  import { ThingsModelForm } from '.';
+  import { DefineComponentsBasicExpose } from '/#/utils';
+  import { StructJSON } from '/@/api/device/model/modelOfMatterModel';
+  import { useForm } from '../../../hooks/useForm';
+  import { DataTypeEnum } from '/@/enums/objectModelEnum';
+  import { BasicForm } from '/@/components/Form';
+
+  const props = withDefaults(
+    defineProps<{
+      value?: Recordable;
+      inputData?: StructJSON[];
+      required?: boolean;
+      title?: string;
+      transportType?: string;
+      disabled?: boolean;
+      identifier?: string;
+    }>(),
+    {
+      inputData: () => [],
+      required: true,
+    }
+  );
+
+  const thingsModelFormListElMap = reactive<
+    Record<string, { el: InstanceType<typeof ThingsModelForm>; structJSON: StructJSON }>
+  >({});
+
+  const [register, formActionType] = useForm({
+    schemas: getFormSchemas({
+      structJSON: props.inputData || [],
+      required: props.required,
+      transportType: props.transportType,
+    }),
+    showActionButtonGroup: false,
+    layout: 'inline',
+    labelWidth: 100,
+  });
+
+  const getStructFormItem = computed(() => {
+    const { inputData } = props;
+    return inputData.filter((item) => item.dataType?.type === DataTypeEnum.STRUCT);
+  });
+
+  const setFormElRef = (
+    el: Nullable<Element | ComponentPublicInstance>,
+    structJSON: StructJSON
+  ) => {
+    const _structJSON = unref(getStructFormItem).find(
+      (item) => item.identifier === structJSON.identifier
+    );
+
+    if (_structJSON)
+      thingsModelFormListElMap[structJSON.identifier!] = {
+        el: el as InstanceType<typeof ThingsModelForm>,
+        structJSON,
+      };
+  };
+
+  const getFieldsValue = () => {
+    const basicValue = formActionType.getFieldsValue();
+
+    const structValue: Recordable = {};
+    for (const key of Object.keys(thingsModelFormListElMap)) {
+      const item = thingsModelFormListElMap[key];
+      const { el } = item;
+      structValue[key] = el.getFieldsValue() || {};
+    }
+
+    return {
+      ...basicValue,
+      ...structValue,
+    };
+  };
+
+  const setFieldsValue = (value: Recordable) => {
+    formActionType.setFieldsValue(value);
+  };
+
+  const validate = async () => {
+    await formActionType.validate();
+    for (const key of Object.keys(thingsModelFormListElMap))
+      await thingsModelFormListElMap[key]?.el?.validate?.();
+  };
+
+  watch(
+    () => props.value,
+    async (value) => {
+      await nextTick();
+      formActionType.resetFields();
+      formActionType.setFieldsValue(value || {});
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => [props.inputData, props.identifier],
+    (value) => {
+      if (value && value.length) {
+        const schemas = getFormSchemas({
+          structJSON: props.inputData || [],
+          required: props.required,
+          transportType: props.transportType,
+        });
+        formActionType.setProps({ schemas });
+      }
+    }
+  );
+
+  watch(
+    () => props.disabled,
+    (value) => {
+      formActionType.setProps({ disabled: value });
+    }
+  );
+
+  defineExpose<DefineComponentsBasicExpose>({
+    getFieldsValue,
+    setFieldsValue,
+    validate,
+  });
+</script>
+
+<template>
+  <Card
+    class="!border-2 !border-dashed"
+    :title="title"
+    :style="{ backgroundColor: disabled ? '#f0f0f0' : '', borderColor: disabled ? '#e3e3e3' : '' }"
+  >
+    <BasicForm class="things-model-form" @register="register" :disabled="disabled">
+      <template
+        v-for="item in getStructFormItem"
+        #[item.identifier!]="{ model, field }"
+        :key="item.identifier"
+      >
+        <ThingsModelForm
+          class="!ml-10"
+          :ref="(el) => setFormElRef(el, item)"
+          v-model:value="model[field]"
+          :input-data="(item.dataType?.specs as StructJSON[]) || []"
+          :title="item.functionName"
+          :disabled="disabled"
+        />
+      </template>
+    </BasicForm>
+  </Card>
+</template>
+
+<style lang="less" scoped>
+  .things-model-form {
+    > :deep(.ant-row) {
+      width: 100%;
+    }
+
+    :deep(.ant-input-number) {
+      width: 100%;
+    }
+
+    :deep(.ant-form-item-label) {
+      label {
+        width: 100%;
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+
+  :deep(.ant-form-item-control) {
+    margin-left: 6px;
+  }
+</style>

@@ -123,6 +123,7 @@ export type ComponentType =
   | 'TransferModal'
   | 'TransferTableModal'
   | 'ObjectModelValidateForm'
+  | 'ThingsModelForm'
   | 'DevicePicker'
   | 'ProductPicker'
   | 'PollCommandInput'
@@ -138,4 +139,8 @@ export type ComponentType =
   | 'RelationsQuery'
   | 'CredentialsCard'
   | 'ApiComplete'
-  | 'DeviceProfileForm';
+  | 'DeviceProfileForm'
+  | 'ConditionFilter'
+  | 'TimeRangePicker'
+  | 'TriggerDurationInput'
+  | 'AlarmProfileSelect';

@@ -398,8 +398,6 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        height: 670px;
-        max-height: 670px;
       }
     }
 

@@ -25,19 +25,18 @@ export function usePagination(refProps: ComputedRef<BasicTableProps>) {
   const { t } = useI18n();
 
   const configRef = ref<PaginationProps>({
-    hideOnSinglePage:true
+    hideOnSinglePage: true,
   });
   const show = ref(true);
 
   watchEffect(() => {
     const { pagination } = unref(refProps);
-    
+
     if (!isBoolean(pagination) && pagination) {
       configRef.value = {
         ...unref(configRef),
         ...(pagination ?? {}),
-       };
-  
+      };
     }
   });
 

@@ -88,7 +88,7 @@ export function useTableScroll(
 
     bodyEl!.style.height = 'unset';
 
-    if (!unref(getCanResize) || tableData.length === 0) return;
+    if (!unref(getCanResize)) return;
 
     await nextTick();
     //Add a delay to get the correct bottomIncludeBody paginationHeight footerHeight headerHeight
@@ -143,7 +143,12 @@ export function useTableScroll(
     height = (height > maxHeight! ? (maxHeight as number) : height) ?? height;
     setHeight(height);
 
-    bodyEl!.style.height = `${height}px`;
+    if (tableData.length) {
+      bodyEl!.style.height = `${height}px`;
+    } else {
+      const emptyPlaceholder: HTMLDivElement = tableEl.querySelector('.ant-table-placeholder')!;
+      emptyPlaceholder && (emptyPlaceholder.style.height = `${height}px`);
+    }
   }
   useWindowSizeFn(calcTableHeight, 280);
   onMountedOrActivated(() => {

 export { default as ModeSwitchButton } from './ModeSwitchButton.vue';
 export { default as CardLayoutButton } from './CardLayoutButton.vue';
 export { default as AuthIcon } from './AuthIcon.vue';
+export { default as AuthDropDown } from './AuthDropDown.vue';
 export {
   EnumTableCardMode,
   EnumTableChartMode,

@@ -11,3 +11,19 @@ export enum AlarmStatusMean {
   CLEARED_ACK = '清除已确认',
   ACTIVE_ACK = '激活已确认',
 }
+
+export enum AlarmLevelEnum {
+  CRITICAL = 'CRITICAL',
+  MAJOR = 'MAJOR',
+  MINOR = 'MINOR',
+  WARNING = 'WARNING',
+  INDETERMINATE = 'INDETERMINATE',
+}
+
+export enum AlarmLevelNameEnum {
+  CRITICAL = '紧急',
+  MAJOR = '重要',
+  MINOR = '次要',
+  WARNING = '警告',
+  INDETERMINATE = '不确定',
+}

@@ -23,4 +23,7 @@ export enum DictEnum {
   MESSAGE_TYPES_FILTER = 'message_types_filter',
   // 实体类型 规则节点 Filter originator types switch
   ORIGINATOR_TYPES = 'originator_types',
+
+  // 产品品类领域
+  CATEGORY_FIELD = 'category_field',
 }

+/**
+ * 运算符枚举值
+ */
+
+// 数字运算符或者时间运算符
+export enum NumberOperationEnum {
+  EQUAL = 'EQUAL',
+  NOT_EQUAL = 'NOT_EQUAL',
+  LESS = 'LESS',
+  LESS_OR_EQUAL = 'LESS_OR_EQUAL',
+  GREATER = 'GREATER',
+  GREATER_OR_EQUAL = 'GREATER_OR_EQUAL',
+}
+
+export enum NumberOperationNameEnum {
+  EQUAL = '等于',
+  NOT_EQUAL = '不等于',
+  LESS = '小于',
+  LESS_OR_EQUAL = '小于等于',
+  GREATER = '大于',
+  GREATER_OR_EQUAL = '大于等于',
+}
+
+export enum StringOperationEnum {
+  EQUAL = 'EQUAL',
+  NOT_EQUAL = 'NOT_EQUAL',
+  STARTS_WITH = 'STARTS_WITH',
+  ENDS_WITH = 'ENDS_WITH',
+  CONTAINS = 'CONTAINS',
+  NOT_CONTAINS = 'NOT_CONTAINS',
+}
+
+export enum StringOperationNameEnum {
+  EQUAL = '等于',
+  NOT_EQUAL = '不等于',
+  STARTS_WITH = '开始于',
+  ENDS_WITH = '结束于',
+  CONTAINS = '包含',
+  NOT_CONTAINS = '不包含',
+}
+
+export enum BooleanOperationEnum {
+  EQUAL = 'EQUAL',
+  NOT_EQUAL = 'NOT_EQUAL',
+}
+
+export enum BooleanOperationNameEnum {
+  EQUAL = '等于',
+  NOT_EQUAL = '不等于',
+}
+
+export enum BooleanOperationValueEnum {
+  TRUE = 'true',
+  FALSE = 'false',
+}
+
+export enum BooleanOperationValueNameEnum {
+  TRUE = '真',
+  FALSE = '假',
+}
+
+export enum FlipFlopTypeEnum {
+  SIMPLE = 'SIMPLE',
+  DURATION = 'DURATION',
+  REPEATING = 'REPEATING',
+}
+
+export enum ScheduleTypeEnum {
+  ANY_TIME = 'ANY_TIME',
+  SPECIFIC_TIME = 'SPECIFIC_TIME',
+  CUSTOM = 'CUSTOM',
+}
+
+export enum ScheduleTypeNameEnum {
+  ANY_TIME = '始终启用',
+  SPECIFIC_TIME = '定时启用',
+  CUSTOM = '自定义启用',
+}
+
+export enum FlipFlopTypeNameEnum {
+  SIMPLE = '简单',
+  DURATION = '持续时长',
+  REPEATING = '重复次数',
+}
+
+export enum TriggerTypeEnum {
+  DEVICE_TRIGGER = 'DEVICE_TRIGGER',
+  SCHEDULE_TRIGGER = 'SCHEDULE_TRIGGER',
+  SCENE_TRIGGER = 'SCENE_TRIGGER',
+  HAND_ACT = 'HAND_ACT',
+}
+
+export enum TriggerTypeNameEnum {
+  DEVICE_TRIGGER = '设备触发',
+  SCHEDULE_TRIGGER = '定时触发',
+  SCENE_TRIGGER = '场景触发',
+  HAND_ACT = '手动触发',
+}
+
+export enum DeviceTriggerTypeEum {
+  TIME_SERIES = 'TIME_SERIES',
+  DEVICE_EVENT = 'DEVICE_EVENT',
+}
+
+export enum DeviceTriggerTypeNameEum {
+  TIME_SERIES = '属性触发',
+  DEVICE_EVENT = '事件触发',
+}
+
+export enum TriggerEntityTypeEnum {
+  ALL = 'ALL',
+  PART = 'PART',
+}
+
+export enum TriggerEntityTypeNameEnum {
+  ALL = '全部',
+  PART = '部分',
+}
+
+export enum TriggerValueTypeEnum {
+  NUMERIC = 'NUMERIC',
+  BOOLEAN = 'BOOLEAN',
+  STRING = 'STRING',
+  DATE_TIME = 'DATE_TIME',
+}
+
+export enum TriggerValueTypeNameEnum {
+  NUMERIC = '数字',
+  BOOLEAN = '布尔值',
+  STRING = '字符串',
+  DATE_TIME = '时间',
+}
+
+export enum TriggerUnitEnum {
+  SECONDS = 'SECONDS',
+  MINUTES = 'MINUTES',
+  HOURS = 'HOURS',
+  DAYS = 'DAYS',
+}
+
+export enum TriggerUnitNameEnum {
+  SECONDS = '秒',
+  MINUTES = '分',
+  HOURS = '时',
+  DAYS = '天',
+}
+
+export enum ExecutionActionEnum {
+  DEVICE_OUT = 'DEVICE_OUT',
+  MSG_NOTIFY = 'MSG_NOTIFY',
+}
+
+export enum ExecutionActionNameEnum {
+  DEVICE_OUT = '设备输出',
+  MSG_NOTIFY = '告警输出',
+}
+
+export enum CommandTypeEnum {
+  CUSTOM = 0,
+  SERVICE = 1,
+  ATTRIBUTE = 2,
+  API = 'api',
+}
+
+export enum CommandTypeNameEnum {
+  CUSTOM = '自定义',
+  SERVICE = '服务',
+  ATTRIBUTE = '属性',
+}

 export enum MessageEnum {
   IS_SMS = 'PHONE_MESSAGE',
   IS_EMAIL = 'EMAIL_MESSAGE',
+  IS_DINGTALK = 'DING_TALK_MESSAGE',
 }

+export enum DataTypeEnum {
+  NUMBER_INT = 'INT',
+  NUMBER_DOUBLE = 'DOUBLE',
+  STRING = 'TEXT',
+  STRUCT = 'STRUCT',
+  BOOL = 'BOOL',
+}

-/**
- * 运算符枚举值
- */
-
-// 数字运算符或者时间运算符
-export enum Number_Operation {
-  EQUAL = 'EQUAL',
-  NOT_EQUAL = 'NOT_EQUAL',
-  LESS = 'LESS',
-  LESS_OR_EQUAL = 'LESS_OR_EQUAL',
-  GREATER = 'GREATER',
-  GREATER_OR_EQUAL = 'GREATER_OR_EQUAL',
-}
-
-export enum String_Operation {
-  EQUAL = 'EQUAL',
-  NOT_EQUAL = 'NOT_EQUAL',
-  BEGAN_IN = 'STARTS_WITH',
-  END_IN = 'ENDS_WITH',
-  INCLUDE = 'CONTAINS',
-  NOT_INCLUDE = 'NOT_CONTAINS',
-}
-
-export enum Boolean_Operation {
-  EQUAL = 'EQUAL',
-  NOT_EQUAL = 'NOT_EQUAL',
-}

@@ -7,7 +7,7 @@ export enum DataActionModeEnum {
 }
 
 export enum DataActionModeNameEnum {
-  CREATE = '创建',
+  CREATE = '新增',
   READ = '查看',
   UPDATE = '编辑',
   DELETE = '删除',
@@ -40,6 +40,11 @@ export enum ServiceCallTypeEnum {
   SYNC = 'SYNC',
 }
 
+export enum ServiceCallTypeNameEnum {
+  ASYNC = '异步',
+  SYNC = '同步',
+}
+
 export enum CommandDeliveryWayEnum {
   ONE_WAY = 'oneway',
   TWO_WAY = 'twoway',

@@ -5,4 +5,5 @@
 export const enum UserDropDownItemEnum {
   FORGOT_PASSWORD = 'system:password:view', //忘记密码权限标识key
   ABOUT_SOFTWARE = 'system:about_software:view', //关于软件权限标识key
+  PERSONAL_CENTER = 'system:personal_center:view', //个人中心权限标识key
 }

@@ -12,6 +12,7 @@
     <template #overlay>
       <Menu @click="handleMenuClick">
         <MenuItem
+          v-if="hasPermission(UserDropDownItemEnum.PERSONAL_CENTER)"
           key="personal"
           :text="t('layout.header.dropdownItemPersonal')"
           icon="ion:document-text-outline"

+/**
+ *规则链 动作 英文配置文件
+  目前共有22个，分类按名称进行配置
+ */
+export default {
+  title: 'Action',
+  description: 'Perform special actions',
+  assignToCustomer: {
+    name: 'assign to customer',
+    details: `Finds target Customer by customer name pattern and then assign Originator Entity to this customer. Will create new Customer if it doesn't exists and 'Create new Customer if not exists' is set to true.`,
+    description: 'Assign Message Originator Entity to Customer',
+  },
+  clearAlarm: {
+    name: 'clear alarm',
+    details: `Details - JS function that creates JSON object based on incoming message. This object will be added into Alarm.details field.\nNode output:\nIf alarm was not cleared, original message is returned. Otherwise new Message returned with type 'ALARM', Alarm object in 'msg' property and 'metadata' will contains 'isClearedAlarm' property. Message payload can be accessed via <code>msg</code> property. For example <code>'temperature = ' + msg.temperature ;</code>. Message metadata can be accessed via <code>metadata</code> property. For example <code>'name = ' + metadata.customerName;</code>.`,
+    description: 'Clear Alarm',
+  },
+  copyToView: {
+    name: 'copy to view',
+    details: `Copy attributes from asset/device to related entity view according to entity view configuration. \n Copy will be done only for attributes that are between start and end dates and according to attribute keys configuration. \nChanges message originator to related entity view and produces new messages according to count of updated entity views`,
+    description:
+      'Copy attributes from asset/device to entity view and changes message originator to related entity view',
+  },
+  createAlarm: {
+    name: 'create alarm',
+    details: `Details - JS function that creates JSON object based on incoming message. This object will be added into Alarm.details field.\nNode output:\nIf alarm was not created, original message is returned. Otherwise new Message returned with type 'ALARM', Alarm object in 'msg' property and 'metadata' will contains one of those properties 'isNewAlarm/isExistingAlarm'. Message payload can be accessed via <code>msg</code> property. For example <code>'temperature = ' + msg.temperature ;</code>. Message metadata can be accessed via <code>metadata</code> property. For example <code>'name = ' + metadata.customerName;</code>.`,
+    description: 'Create or Update Alarm',
+  },
+  createRelation: {
+    name: 'create relation',
+    details: `If the relation already exists or successfully created -  Message send via <b>Success</b> chain, otherwise <b>Failure</b> chain will be used.`,
+    description: `Finds target Entity by entity name pattern and (entity type pattern for Asset, Device) and then create a relation to Originator Entity by type and direction. If Selected entity type: Asset, Device or Customer will create new Entity if it doesn't exist and selected checkbox 'Create new entity if not exists'.<br> In case that relation from the message originator to the selected entity not exist and  If selected checkbox 'Remove current relations', before creating the new relation all existed relations to message originator by type and direction will be removed.<br> If relation from the message originator to the selected entity created and If selected checkbox 'Change originator to related entity', outbound message will be processed as a message from this entity.`,
+  },
+  deleteRelation: {
+    name: 'delete relation',
+    details: `If the relation(s) successfully deleted -  Message send via <b>Success</b> chain, otherwise <b>Failure</b> chain will be used.`,
+    description: `Finds target Entity by entity name pattern and then delete a relation to Originator Entity by type and direction if 'Delete single entity' is set to true, otherwise rule node will delete all relations to the originator of the message by type and direction.`,
+  },
+  delay: {
+    name: 'delay (deprecated)',
+    details: `Delays messages for a configurable period. Please note, this node acknowledges the message from the current queue (message will be removed from queue). Deprecated because the acknowledged message still stays in memory (to be delayed) and this does not guarantee that message will be processed even if the "retry failures and timeouts" processing strategy will be chosen.`,
+    description: `Delays incoming message (deprecated)`,
+  },
+  deviceProfile: {
+    name: 'device profile',
+    details: `Create and clear alarms based on alarm rules defined in device profile. The output relation type is either 'Alarm Created', 'Alarm Updated', 'Alarm Severity Updated' and 'Alarm Cleared' or simply 'Success' if no alarms were affected.`,
+    description: `Process device messages based on device profile settings`,
+  },
+  generator: {
+    name: 'generator',
+    details: `Generates messages with configurable period. Javascript function used for message generation.`,
+    description: `Periodically generates messages`,
+  },
+  gpsGeofencingEvents: {
+    name: 'gps geofencing events',
+    details: `Extracts latitude and longitude parameters from incoming message and returns different events based on configuration parameters`,
+    description: `Produces incoming messages using GPS based geofencing`,
+  },
+  log: {
+    name: 'log',
+    details: `Transform incoming Message with configured JS function to String and log final value into Thingsboard log file. Message payload can be accessed via <code>msg</code> property. For example <code>'temperature = ' + msg.temperature ;</code>. Message metadata can be accessed via <code>metadata</code> property. For example <code>'name = ' + metadata.customerName;</code>.`,
+    description: `Log incoming messages using JS script for transformation Message into String`,
+  },
+  messageCount: {
+    name: 'message count',
+    details: `Count incoming messages for specified interval and produces POST_TELEMETRY_REQUEST msg with messages count`,
+    description: `Count incoming messages`,
+  },
+  pushToEdge: {
+    name: 'push to edge',
+    details: `Push messages from cloud to edge. Message originator must be assigned to particular edge or message originator is <b>EDGE</b> entity itself. This node used only on cloud instances to push messages from cloud to edge. Once message arrived into this node it’s going to be converted into edge event and saved to the database. Node doesn't push messages directly to edge, but stores event(s) in the edge queue. <br>Supports next originator types:<br><code>DEVICE</code><br><code>ASSET</code><br><code>ENTITY_VIEW</code><br><code>DASHBOARD</code><br><code>TENANT</code><br><code>CUSTOMER</code><br><code>EDGE</code><br><br>As well node supports next message types:<br><code>POST_TELEMETRY_REQUEST</code><br><code>POST_ATTRIBUTES_REQUEST</code><br><code>ATTRIBUTES_UPDATED</code><br><code>ATTRIBUTES_DELETED</code><br><code>ALARM</code><br><br>Message will be routed via <b>Failure</b> route if node was not able to save edge event to database or unsupported originator type/message type arrived. In case successful storage edge event to database message will be routed via <b>Success</b> route.`,
+    description: `Push messages from cloud to edge`,
+  },
+  rpcCallReply: {
+    name: 'rpc call reply',
+    details: `Expects messages with any message type. Will forward message body to the device.`,
+    description: `Sends reply to RPC call from device`,
+  },
+  rpcCallRequest: {
+    name: 'rpc call request',
+    details: `Expects messages with "method" and "params". Will forward response from device to next nodes.If the RPC call request is originated by REST API call from user, will forward the response to user immediately.`,
+    description: `Sends RPC call to device`,
+  },
+  saveAttributes: {
+    name: 'save attributes',
+    details: `Saves entity attributes based on configurable scope parameter. Expects messages with 'POST_ATTRIBUTES_REQUEST' message type`,
+    description: `Saves attributes data`,
+  },
+  saveEvent: {
+    name: 'save event',
+    details: `Saves entity event . Expects messages with 'POST_EVENT_REQUEST' message type`,
+    description: `Saves device event data`,
+  },
+  saveTimeseries: {
+    name: 'save timeseries',
+    details: `Saves timeseries telemetry data based on configurable TTL parameter. Expects messages with 'POST_TELEMETRY_REQUEST' message type. Timestamp in milliseconds will be taken from metadata.ts, otherwise 'now' message timestamp will be applied. Allows stopping updating values for incoming keys in the latest ts_kv table if 'skipLatestPersistence' is set to true.\n <br/>Enable 'useServerTs' param to use the timestamp of the message processing instead of the timestamp from the message. Useful for all sorts of sequential processing if you merge messages from multiple sources (devices, assets, etc).\n<br/>In the case of sequential processing, the platform guarantees that the messages are processed in the order of their submission to the queue. However, the timestamp of the messages originated by multiple devices/servers may be unsynchronized long before they are pushed to the queue. The DB layer has certain optimizations to ignore the updates of the \"attributes\" and \"latest values\" tables if the new record has a timestamp that is older than the previous record. So, to make sure that all the messages will be processed correctly, one should enable this parameter for sequential message processing scenarios.`,
+    description: `Saves timeseries data`,
+  },
+  saveToCustomTable: {
+    name: 'save to custom table',
+    details: `Administrator should set the custom table name without prefix: <b>cs_tb_</b>. <br>Administrator can configure the mapping between the Message field names and Table columns name.<br><b>Note:</b>If the mapping key is <b>$entity_id</b>, that is identified by the Message Originator, then to the appropriate column name(mapping value) will be write the message originator id.<br><br>If specified message field does not exist or is not a JSON Primitive, the outbound message will be routed via <b>failure</b> chain, otherwise, the message will be routed via <b>success</b> chain.`,
+    description: `Node stores data from incoming Message payload to the Cassandra database into the predefined custom table that should have <b>cs_tb_</b> prefix, to avoid the data insertion to the common TB tables.<br><b>Note:</b> rule node can be used only for Cassandra DB.`,
+  },
+  synchronizationEnd: {
+    name: 'synchronization end',
+    details: ``,
+    description: `This Node is now deprecated. Use "Checkpoint" instead.`,
+  },
+  synchronizationStart: {
+    name: 'synchronization start',
+    details: `This node should be used together with "synchronization end" node. \n This node will put messages into queue based on message originator id. \nSubsequent messages will not be processed until the previous message processing is completed or timeout event occurs.\nSize of the queue per originator and timeout values are configurable on a system level`,
+    description: `This Node is now deprecated. Use "Checkpoint" instead.`,
+  },
+  unassigFromCustomer: {
+    name: 'unassign from customer',
+    details: `Finds target Entity Customer by Customer name pattern and then unassign Originator Entity from this customer.`,
+    description: `Unassign Message Originator Entity from Customer`,
+  },
+};

+/**
+ *规则链 属性集 英文配置文件
+  目前共有10个，分类按名称进行配置
+ */
+export default {
+  title: 'Enrichment',
+  description: 'Add additional information to message metadata',
+  calculateDelta: {
+    name: 'calculate delta',
+    details: `Calculates delta and period based on the previous time-series reading and current data. Delta calculation is done in scope of the message originator, e.g. device, asset or customer. If there is input key, the output relation will be 'Success' unless delta is negative and corresponding configuration parameter is set. If there is no input value key in the incoming message, the output relation will be 'Other'.`,
+    description: `Calculates and adds 'delta' value into message based on the incoming and previous value`,
+  },
+  customerAttributes: {
+    name: 'customer attributes',
+    details: `If Attributes enrichment configured, server scope attributes are added into Message metadata. If Latest Telemetry enrichment configured, latest telemetry added into metadata. To access those attributes in other nodes this template can be used <code>metadata.temperature</code>.`,
+    description: 'Add Originators Customer Attributes or Latest Telemetry into Message Metadata',
+  },
+  customerDetails: {
+    name: 'customer details',
+    details: `If checkbox: <b>Add selected details to the message metadata</b> is selected, existing fields will be added to the message metadata instead of message data.<br><br><b>Note:</b> only Device, Asset, and Entity View type are allowed.<br><br>If the originator of the message is not assigned to Customer, or originator type is not supported - Message will be forwarded to <b>Failure</b> chain, otherwise, <b>Success</b> chain will be used.`,
+    description: 'Adds fields from Customer details to the message body or metadata',
+  },
+  originatorAttributes: {
+    name: 'originator attributes',
+    details: `If Attributes enrichment configured, <b>CLIENT/SHARED/SERVER</b> attributes are added into Message metadata with specific prefix: <i>cs/shared/ss</i>. Latest telemetry value added into metadata without prefix. To access those attributes in other nodes this template can be used <code>metadata.cs_temperature</code> or <code>metadata.shared_limit</code> `,
+    description: 'Add Message Originator Attributes or Latest Telemetry into Message Metadata',
+  },
+  originatorFields: {
+    name: 'originator fields',
+    details: `Will fetch fields values specified in mapping. If specified field is not part of originator fields it will be ignored.`,
+    description: 'Add Message Originator fields values into Message Metadata',
+  },
+  originatorTelemetry: {
+    name: 'originator telemetry',
+    details: `The node allows you to select fetch mode: <b>FIRST/LAST/ALL</b> to fetch telemetry of certain time range that are added into Message metadata without any prefix. If selected fetch mode <b>ALL</b> Telemetry will be added like array into Message Metadata where <b>key</b> is Timestamp and <b>value</b> is value of Telemetry.</br>If selected fetch mode <b>FIRST</b> or <b>LAST</b> Telemetry will be added like string without Timestamp.</br>Also, the rule node allows you to select telemetry sampling order: <b>ASC</b> or <b>DESC</b>. </br>Aggregation feature allows you to fetch aggregated telemetry as a single value by <b>AVG, COUNT, SUM, MIN, MAX, NONE</b>. </br><b>Note</b>: The maximum size of the fetched array is 1000 records.\n `,
+    description: 'Add Message Originator Telemetry for selected time range into Message Metadata\n',
+  },
+  relatedAttributes: {
+    name: 'related attributes',
+    details: `Related Entity found using configured relation direction and Relation Type. If multiple Related Entities are found, only first Entity is used for attributes enrichment, other entities are discarded. If Attributes enrichment configured, server scope attributes are added into Message metadata. If Latest Telemetry enrichment configured, latest telemetry added into metadata. To access those attributes in other nodes this template can be used <code>metadata.temperature</code>.`,
+    description:
+      'Add Originators Related Entity Attributes or Latest Telemetry into Message Metadata',
+  },
+  relatedDeviceAttributes: {
+    name: 'related device attributes',
+    details: `If Attributes enrichment configured, <b>CLIENT/SHARED/SERVER</b> attributes are added into Message metadata with specific prefix: <i>cs/shared/ss</i>. Latest telemetry value added into metadata without prefix. To access those attributes in other nodes this template can be used <code>metadata.cs_temperature</code> or <code>metadata.shared_limit</code>`,
+    description:
+      'Add Originators Related Device Attributes and Latest Telemetry value into Message Metadata',
+  },
+  tenantAttributes: {
+    name: 'tenant attributes',
+    details: `If Attributes enrichment configured, server scope attributes are added into Message metadata. If Latest Telemetry enrichment configured, latest telemetry added into metadata. To access those attributes in other nodes this template can be used <code>metadata.temperature</code>.`,
+    description: 'Add Originators Tenant Attributes or Latest Telemetry into Message Metadata',
+  },
+  tenantDetails: {
+    name: 'tenant details',
+    details: `If checkbox: <b>Add selected details to the message metadata</b> is selected, existing fields will be added to the message metadata instead of message data.<br><br><b>Note:</b> only Device, Asset, and Entity View type are allowed.<br><br>If the originator of the message is not assigned to Tenant, or originator type is not supported - Message will be forwarded to <b>Failure</b> chain, otherwise, <b>Success</b> chain will be used.`,
+    description: 'Adds fields from Tenant details to the message body or metadata',
+  },
+};

+/**
+ *规则链 外部的 英文配置文件
+  目前共有11个，分类按名称进行配置
+ */
+export default {
+  title: 'External',
+  description: 'Interacting with external systems',
+  alarmNotice: {
+    name: 'alarm notice',
+    details: `notice method include sms,email and so on.`,
+    description: 'while device alarm, notice some people.',
+  },
+  awsSns: {
+    name: 'aws sns',
+    details: `Will publish message payload to the AWS SNS topic. Outbound message will contain response fields (<code>messageId</code>, <code>requestId</code>) in the Message Metadata from the AWS SNS. For example <b>requestId</b> field can be accessed with <code>metadata.requestId</code>.`,
+    description: 'Publish message to the AWS SNS',
+  },
+  awsSqs: {
+    name: 'aws sqs',
+    details: `Will publish message payload and metadata attributes to the AWS SQS queue. Outbound message will contain response fields (<code>messageId</code>, <code>requestId</code>, <code>messageBodyMd5</code>, <code>messageAttributesMd5</code>, <code>sequenceNumber</code>) in the Message Metadata from the AWS SQS. For example <b>requestId</b> field can be accessed with <code>metadata.requestId</code>.`,
+    description: 'Publish messages to the AWS SQS',
+  },
+  azureIotHub: {
+    name: 'azure iot hub',
+    details: `Will publish message payload to the Azure IoT Hub with QoS <b>AT_LEAST_ONCE</b>.`,
+    description: 'Publish messages to the Azure IoT Hub',
+  },
+  gcpPubsub: {
+    name: 'gcp pubsub',
+    details: `Will publish message payload to the Google Cloud Platform PubSub topic. Outbound message will contain response fields (<code>messageId</code> in the Message Metadata from the GCP PubSub. <b>messageId</b> field can be accessed with <code>metadata.messageId</code>.`,
+    description: 'Publish message to the Google Cloud PubSub',
+  },
+  kafka: {
+    name: 'kafka',
+    details: `Will send record via Kafka producer to Kafka server. Outbound message will contain response fields (<code>offset</code>, <code>partition</code>, <code>topic</code>) from the Kafka in the Message Metadata. For example <b>partition</b> field can be accessed with <code>metadata.partition</code>.`,
+    description: 'Publish messages to Kafka server',
+  },
+  mqtt: {
+    name: 'mqtt',
+    details: `Will publish message payload to the MQTT broker with QoS <b>AT_LEAST_ONCE</b>.`,
+    description: 'Publish messages to the MQTT broker',
+  },
+  rabbitmq: {
+    name: 'rabbitmq',
+    details: `Will publish message payload to RabbitMQ queue.`,
+    description: 'Publish messages to the RabbitMQ',
+  },
+  restApiCall: {
+    name: 'rest api call',
+    details: `Will invoke REST API call <code>GET | POST | PUT | DELETE</code> to external REST server. Message payload added into Request body. Configured attributes can be added into Headers from Message Metadata. Outbound message will contain response fields (<code>status</code>, <code>statusCode</code>, <code>statusReason</code> and response <code>headers</code>) in the Message Metadata. Response body saved in outbound Message payload. For example <b>statusCode</b> field can be accessed with <code>metadata.statusCode</code>.<br/><b>Note-</b> if you use system proxy properties, the next system proxy properties should be added: "http.proxyHost" and "http.proxyPort" or  "https.proxyHost" and "https.proxyPort" or "socksProxyHost" and "socksProxyPort",and if your proxy with auth, the next ones  should be added: "tb.proxy.user" and "tb.proxy.password" to the thingsboard.conf file.`,
+    description: 'Invoke REST API calls to external REST server',
+  },
+  sendEmail: {
+    name: 'send email',
+    details: `Expects messages with <b>SEND_EMAIL</b> type. Node works only with messages that  where created using <code>to Email</code> transformation Node, please connect this Node with <code>to Email</code> Node using <code>Successful</code> chain.`,
+    description: 'Sends email message via SMTP server.',
+  },
+  sendSms: {
+    name: 'send sms',
+    details: `Will send SMS message by populating target phone numbers and sms message fields using values derived from message metadata.`,
+    description: 'Sends SMS message via SMS provider.',
+  },
+};

+/**
+ *规则链 筛选器 英文配置文件
+  目前共有11个，分类按名称进行配置
+ */
+export default {
+  title: 'Filter',
+  description: 'Filter incoming messages using configuration criteria',
+  checkAlarmStatus: {
+    name: 'check alarm status',
+    details:
+      'If the alarm status matches the specified one - msg is success if does not match - msg is failure.',
+    description: 'Checks alarm status.',
+  },
+  checkExistenceFields: {
+    name: 'check existence fields',
+    details: `If selected checkbox 'Check that all selected keys are present'\" and all keys in message data and metadata are exist - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.\nElse if the checkbox is not selected, and at least one of the keys from data or metadata of the message exists - send Message via <b>True</b> chain, otherwise, <b>False</b> chain is used. `,
+    description: 'Checks the existence of the selected keys from message data and metadata.',
+  },
+  checkRelation: {
+    name: 'check relation',
+    details:
+      'If at least one relation exists - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.',
+    description: `Checks the relation from the selected entity to the originator of the message by type and direction if 'Check for single entity' is set to true, otherwise rule node will check if exist any relation to the originator of the message by type and direction.`,
+  },
+  gpsGeofencingFilter: {
+    name: 'gps geofencing filter',
+    details: `Extracts latitude and longitude parameters from incoming message and returns 'True' if they are inside configured perimeters, 'False' otherwise.`,
+    description: 'Filter incoming messages by GPS based geofencing',
+  },
+  messageType: {
+    name: 'message type',
+    details: `If incoming MessageType is expected - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.`,
+    description: 'Filter incoming messages by Message Type',
+  },
+  messageTypeSwitch: {
+    name: 'message type switch',
+    details: `Sends messages with message types <b>"Post attributes", "Post telemetry", "RPC Request"</b> etc. via corresponding chain, otherwise <b>Other</b> chain is used.`,
+    description: 'Route incoming messages by Message Type',
+  },
+  originatorType: {
+    name: 'originator type',
+    details: `If Originator Type of incoming message is expected - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.`,
+    description: 'Filter incoming messages by message Originator Type',
+  },
+  originatorTypeSwitch: {
+    name: 'originator type switch',
+    details: `Routes messages to chain according to the originator type ('Device', 'Asset', etc.).`,
+    description: 'Route incoming messages by Message Originator Type',
+  },
+  sceneReact: {
+    name: 'originator type switch',
+    details: `Implement interactive control of devices based on business scenarios`,
+    description: 'Implement interactive control of devices based on business scenarios',
+  },
+  script: {
+    name: 'script',
+    details: `Evaluate incoming Message with configured JS condition. If <b>True</b> - send Message via <b>True</b> chain, otherwise <b>False</b> chain is used.Message payload can be accessed via <code>msg</code> property. For example <code>msg.temperature < 10;</code><br/>Message metadata can be accessed via <code>metadata</code> property. For example <code>metadata.customerName === 'John';</code><br/>Message type can be accessed via <code>msgType</code> property.`,
+    description: 'Filter incoming messages using JS script',
+  },
+  switch: {
+    name: 'switch',
+    details: `Node executes configured JS script. Script should return array of next Chain names where Message should be routed. If Array is empty - message not routed to next Node. Message payload can be accessed via <code>msg</code> property. For example <code>msg.temperature < 10;</code><br/>Message metadata can be accessed via <code>metadata</code> property. For example <code>metadata.customerName === 'John';</code><br/>Message type can be accessed via <code>msgType</code> property.`,
+    description: 'Route incoming Message to one or multiple output chains',
+  },
+};

+/**
+ *规则链 Flow 英文配置文件
+  目前共有4个，分类按名称进行配置
+ */
+export default {
+  title: 'Flow',
+  description: 'Organizes message flow',
+  acknowledge: {
+    name: 'acknowledge',
+    details: `After acknowledgement, the message is pushed to related rule nodes. Useful if you don't care what happens to this message next.`,
+    description: 'Acknowledges the incoming message',
+  },
+  checkpoint: {
+    name: 'checkpoint',
+    details: `After successful transfer incoming message is automatically acknowledged. Queue name is configurable.`,
+    description: 'transfers the message to another queue',
+  },
+  output: {
+    name: 'output',
+    details: `Produces output of the rule chain processing. The output is forwarded to the caller rule chain, as an output of the corresponding "input" rule node. The output rule node name corresponds to the relation type of the output message, and it is used to forward messages to other rule nodes in the caller rule chain. `,
+    description: 'transfers the message to the caller rule chain',
+  },
+  ruleChain: {
+    name: 'rule chain',
+    details: `Allows to nest the rule chain similar to single rule node. The incoming message is forwarded to the input node of the specified target rule chain. The target rule chain may produce multiple labeled outputs. You may use the outputs to forward the results of processing to other rule nodes.`,
+    description: 'transfers the message to another rule chain',
+  },
+};

+/**
+ *规则链 变换 英文配置文件
+  目前共有3个，分类按名称进行配置
+ */
+export default {
+  title: 'Transform',
+  description: 'Change message Payload and metadata',
+  changeOriginator: {
+    name: 'change originator',
+    details: `Related Entity found using configured relation direction and Relation Type. If multiple Related Entities are found, only first Entity is used as new Originator, other entities are discarded.<br/>Alarm Originator found only in case original Originator is <code>Alarm</code> entity.`,
+    description: 'Change Message Originator To Tenant/Customer/Related Entity/Alarm Originator',
+  },
+  script: {
+    name: 'script',
+    details: `JavaScript function receive 3 input parameters <br/> <code>metadata</code> - is a Message metadata.<br/><code>msg</code> - is a Message payload.<br/><code>msgType</code> - is a Message type.<br/>Should return the following structure:<br/><code>{ msg: <i style="color: #666;">new payload</i>,<br/>&nbsp&nbsp&nbspmetadata: <i style="color: #666;">new metadata</i>,<br/>&nbsp&nbsp&nbspmsgType: <i style="color: #666;">new msgType</i> }</code><br/>All fields in resulting object are optional and will be taken from original message if not specified.`,
+    description: 'Change Message payload, Metadata or Message type using JavaScript',
+  },
+  toEmail: {
+    name: 'to email',
+    details: `Transforms message to email message by populating email fields using values derived from message metadata. Set 'SEND_EMAIL' output message type.`,
+    description: 'Transforms message to email message',
+  },
+};

+/**
+ *规则链 动作 英文配置文件
+  目前共有22个，分类按名称进行配置
+ */
+export default {
+  AssignToCustomerFieldsNameEnum: {
+    CUSTOMER_NAME_PATTERN: 'Customer name pattern',
+    CREATE_CUSTOMER_IF_NOT_EXISTS: 'Create new customer if not exists',
+    CUSTOMER_CACHE_EXPIRATION: 'Customers cache expiration time(sec)',
+  },
+  ClearAlarmFieldsNameEnum: {
+    ALARM_TYPE: 'Alarm type',
+    ALARM_DETAILS_BUILD_JS: 'Alarm details builder',
+  },
+  CreateAlarmFieldsNameEnum: {
+    ALARM_DETAILS_BUILD_JS: 'Alarm details builder',
+    USE_MESSAGE_ALARM_DATA: 'Use message alarm data',
+    OVERWRITE_ALARM_DETAILS: 'Overwrite alarm details',
+    ALARM_TYPE: 'Alarm type',
+    SEVERITY: 'Alarm severity pattern',
+    PROPAGATE: 'Propagate alarm to related entities',
+    RELATION_TYPES: 'Relation types to propagate',
+    PROPAGATE_TO_OWNER: 'Propagate alarm to entity owner (Customer or Tenant)',
+    PROPAGATE_TO_TENANT: 'Propagate alarm to Tenant',
+    DYNAMIC_SEVERITY: 'Use alarm severity pattern',
+  },
+  CreateRelationFieldsNameEnum: {
+    DIRECTION: 'Direction',
+    ENTITY_TYPE: 'Type',
+    ENTITY_NAME_PATTERN: 'Name pattern',
+    ENTITY_TYPE_PATTERN: 'Type pattern',
+    RELATION_TYPE: 'Relation type pattern',
+    CREATE_ENTITY_IF_NOT_EXISTS: 'Create new entity if not exists',
+    REMOVE_CURRENT_RELATIONS: 'Remove current relations',
+    CHANGE_ORIGINATOR_TO_RELATED_ENTITY: 'Change originator to related entity',
+    ENTITY_CACHE_EXPIRATION: 'Entities cache expiration time(sec)',
+  },
+  DelayDeprecatedFieldsNameEnum: {
+    USE_METADATA_PERIOD_IN_SECONDS_PATTERNS: 'Use period in seconds pattern',
+    PERIOD_IN_SECONDS: 'Period in seconds',
+    PERIOD_IN_SECONDS_PATTERN: 'Period in seconds pattern',
+    MAX_PENDING_MSGS: 'Maximum pending messages',
+  },
+  DeleteRelationFieldsNameEnum: {
+    DELETE_FOR_SINGLE_ENTITY: 'Delete relation to specific entity',
+    DIRECTION: 'Direction',
+    ENTITY_TYPE: 'Type',
+    ENTITY_NAME_PATTERN: 'Name pattern',
+    RELATION_TYPE: 'Relation type pattern',
+    ENTITY_CACHE_EXPIRATION: 'Entities cache expiration time(sec)',
+  },
+  DeviceProfileFieldsNameEnum: {
+    PERSIST_ALARM_RULES_STATE: 'Persist state of alarm rules',
+    FETCH_ALARM_RULES_STATE_ON_START: 'Fetch state of alarm rules',
+  },
+  GeneratorFieldsNameEnum: {
+    MSG_COUNT: 'Message count(0 - unlimited)',
+    PERIOD_IN_SECONDS: 'Period in seconds',
+    JS_SCRIPT: 'Generate',
+    // ORIGINATOR_ID = '资产',
+    ORIGINATOR_TYPE: 'Type',
+  },
+  GpsGeofencingEventsFieldsNameEnum: {
+    LATITUDE_KEY_NAME: 'Latitude key name',
+    LONGITUDE_KEY_NAME: 'longitude key name',
+    PERIMETER_TYPE: 'Perimeter type',
+    FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA: 'Fetch perimeter information from message metadata',
+    PERIMETER_KEY_NAME: 'Perimeter key name',
+    CENTER_LATITUDE: 'Center Latitude',
+    CENTER_LONGITUDE: 'Center Longitude',
+    RANGE: 'Range',
+    RANGE_UNIT: 'Range units',
+    POLYGONS_DEFINITION: 'Polygon definition',
+    MIN_INSIDE_DURATION: 'Minimal inside duration',
+    MIN_INSIDE_DURATION_TIME_UNIT: 'Minimal inside duration time unit',
+    MIN_OUTSIDE_DURATION: 'Minimal outside duration',
+    MIN_OUTSIDE_DURATION_TIME_UNIT: 'Minimal outside duration time unit',
+  },
+  LogFieldsNameEnum: {
+    JS_SCRIPT: 'To string',
+  },
+  MessageCountFieldsNameEnum: {
+    INTERVAL: 'Interval in seconds',
+    TELEMETRY_PREFIX: 'Output timeseries key prefix',
+  },
+  PushToEdgeFieldsNameEnum: {
+    SCOPE: 'Device Attribute Range',
+  },
+  RpcCallReplyFieldsNameEnum: {
+    REQUEST_ID_META_DATA_ATTRIBUTE: 'Request Id Metadata attribute name',
+  },
+  RpcCallRequestFieldsNameEnum: {
+    TIMEOUT_IN_SECONDS: 'Timeout in seconds',
+  },
+  SaveAttributesFieldsNameEnum: {
+    NOTIFY_DEVICE: 'Notify Device',
+    SCOPE: 'Device Attribute Range',
+  },
+  SaveEventFieldsNameEnum: {
+    CONFIGURATION: 'configuration',
+  },
+  SaveTimeseriesFieldsNameEnum: {
+    DEFAULT_TTL: 'Default TTL in seconds',
+    SKIP_LATEST_PERSISTENCE: 'Skit latest persistence',
+    USE_SERVER_TS: 'Use server ts',
+  },
+  SaveToCustomTableFieldsNameEnum: {
+    FIELDS_MAPPING: 'Fields mapping',
+    TABLE_NAME: 'Custom table name',
+  },
+  UnassignFromCustomerFieldsNameEnum: {
+    CUSTOMER_NAME_PATTERN: 'Customer name pattern',
+    CUSTOMER_CACHE_EXPIRATION: 'Customer cache expiration time(sec)',
+  },
+};

+/**
+ *规则链 通用表单 英文配置文件
+  目前共有1个，分类按名称进行配置
+ */
+export default {
+  CommonFieldsNameEnum: {
+    NAME: 'Name',
+    DESCRIPTION: 'Description',
+    DEBUG_MODE: 'Debug Mode',
+  },
+};

+/**
+ *规则链 属性集表单 英文配置文件
+  目前共有10个，分类按名称进行配置
+ */
+export default {
+  CalculateDeltaFieldsNameEnum: {
+    INPUT_VALUE_KEY: 'Input value key',
+    OUTPUT_VALUE_KEY: 'Output value key',
+    ROUND: 'Decimals',
+    USE_CACHE: 'Use cache for latest value',
+    TELL_FAILURE_IF_DELTA_IS_NEGATIVE: 'Tell Failure if delta is negative',
+    ADD_PERIOD_BETWEEN_MSGS: 'Add period between messages',
+    PERIOD_VALUE_KEY: 'Period value key',
+  },
+  CustomerAttributesFieldsNameEnum: {
+    ATTR_MAPING: 'Attributes mapping',
+    TELEMETRY: 'Latest telemetry',
+  },
+  CustomerDetailsFieldsNameEnum: {
+    DETAILS_LIST: 'Select entity details',
+    ADD_TO_METADATA: 'Add selected details to message metadata',
+  },
+  OriginatorAttributesNameEnum: {
+    TELL_FAILURE_IF_ABSENT: 'Tell Failure',
+    CLIENT_ATTRIBUTE_NAMES: 'Client attributes',
+    SHARED_ATTRIBUTE_NAMES: 'Shared attributes',
+    SERVER_ATTRIBUTE_NAMES: 'Server attributes',
+    LATEST_TS_KEY_NAMES: 'Latest timeseries',
+    GET_LATEST_VALUE_WITH_TS: 'Fetch Latest telemetry with Timestamp',
+  },
+  OriginatorFieldsNameEnum: {
+    FIELDS_MAPPING: 'Fields mapping',
+  },
+  OriginatorTelemetryFieldsNameEnum: {
+    LATEST_TS_KEY_NAMES: 'Timeseries key',
+    AGGREGATION: 'Data aggregation function',
+    FETCH_MODE: 'Fetch Mode',
+    ORDER_BY: 'Order by',
+    LIMIT: 'Limit',
+    USE_METADATA_INTERVAL_PATTERNS: 'Use interval patterns',
+    START_INTERVAL: 'Start Interval',
+    START_INTERVAL_TIME_UNIT: 'Start Interval Time Unit',
+    END_INTERVAL: 'End Interval',
+    END_INTERVAL_TIME_UNIT: 'End Interval Time Unit',
+    START_INTERVAL_PATTERN: 'startIntervalPattern',
+    END_INTERVAL_PATTERN: 'endIntervalPattern',
+  },
+  RelatedAttributesFieldsNameEnum: {
+    RELATIONS_QUERY: 'Relations query',
+    ATTR_MAPPING: 'Attributes mapping',
+    TELEMETRY: 'Latest telemetry',
+  },
+  RelatedDeviceAttributeFieldsNameEnum: {
+    DEVICE_RELATIONS_QUERY: 'DeviceRelationsQuery',
+    TELL_FAILURE_IF_ABSENT: 'Tell Failure',
+    CLIENT_ATTRIBUTE_NAMES: 'Client attributes',
+    SHARED_ATTRIBUTE_NAMES: 'Shared attributes',
+    SERVER_ATTRIBUTE_NAMES: 'Server attributes',
+    LATEST_TS_KEY_NAMES: 'Latest timeseries',
+    GET_LATEST_VALUE_WITH_TS: 'Fetch Latest telemetry with Timestamp',
+    FETCH_LAST_LEVEL_ONLY: 'Obtain only the last level of association',
+    // DEVICE_RELATIONS_QUERY
+    DIRECTION: 'Direction',
+    MAX_LEVEL: 'Max relation level',
+    RELATION_TYPE: 'Association type',
+    DEVICE_TYPES: 'Device Type',
+  },
+  TenantAttributesFieldsNameEnum: {
+    ATTR_MAPING: 'attrMapping',
+    TELEMETRY: 'Latest telemetry',
+  },
+  TenantDetailsFieldsNameEnum: {
+    DETAILS_LIST: 'Add selected details to message metadata',
+    ADD_TO_METADATA: 'Select entity details',
+  },
+};

+/**
+ *规则链 外部的 英文配置文件
+  目前共有11个，分类按名称进行配置
+ */
+export default {
+  AlarmNoticeFieldsNameEnum: {
+    CONFIGURATION: 'configuration',
+  },
+  AwsSnsFieldsNameEnum: {
+    TOPIC_ARN_PATTERN: 'Topic ARN pattern',
+    ACCESS_KEY_ID: 'AWS Access Key ID',
+    SECRET_ACCESS_KEY: 'AWS Secret Access Key',
+    REGION: 'AWS Region',
+  },
+  AwsSqsFieldsNameEnum: {
+    QUEUE_TYPE: 'Queue type',
+    QUEUE_URL_PATTERN: 'Queue URL pattern',
+    DELAY_SECONDS: 'Delay(seconds)',
+    MESSAGE_ATTRIBUTES: 'Message attributes',
+    ACCESS_KEY_ID: 'AWS Access Key ID',
+    SECRET_ACCESS_KEY: 'AWS Secret Access Key',
+    REGION: 'AWS Region',
+  },
+  AzureIotHubFieldsNameEnum: {
+    TOPIC_PATTERN: 'Topic',
+    HOST: 'Hostname',
+    PORT: 'port',
+    CONNECT_TIMEOUT_SEC: 'connectTimeoutSec',
+    CLIENT_ID: 'Device ID',
+    CLEAN_SESSION: 'cleanSession',
+    SSL: 'ssl',
+    CREDENTIALS: 'credentials',
+    TYPE: 'Credentials type',
+    SAS_KEY: 'sasKey',
+    CA_CERT: 'CA certificate file',
+    CA_CERT_FILE_NAME: 'caCertFileName',
+    PRIVATE_KEY: 'Client private key file',
+    PRIVATE_KEY_FILE_NAME: 'privateKeyFileName',
+    CERT: 'Client certificate file',
+    CERT_FILE_NAME: 'certFileName',
+    PASSWORD: 'Private key password',
+  },
+  GcpPubsubFieldsNameEnum: {
+    PROJECT_ID: 'GCP project ID',
+    TOPIC_NAME: 'Topic name',
+    SERVICE_ACCOUNT_KEY: 'GCP service account key file',
+    SERVICE_ACCOUNT_KEY_FILE_NAME: 'serviceAccountKeyFileName',
+    MESSAGE_ATTRIBUTES: 'Message attributes',
+  },
+  KafkaFieldsNameEnum: {
+    TOPIC_PATTERN: 'Topic pattern',
+    BOOTSTRAP_SERVERS: 'Bootstrap servers',
+    RETRIES: 'Automatically retry times if fails',
+    BATCH_SIZE: 'Produces batch size in bytes',
+    LINGER: 'Time to buffer locally(ms)',
+    BUFFER_MEMORY: 'Client buffer max size in bytes',
+    ACKS: 'Number of acknowledgments',
+    KEY_SERIALIZER: 'Key serializer',
+    VALUE_SERIALIZER: 'Value serializer',
+    OTHER_PROPERTIES: 'Other properties',
+    ADD_METADATA_KEY_VALUES_AS_KAFKA_HEADERS:
+      'Add Message metadata key-value pairs to Kafka record headers',
+    KAFKA_HEADERS_CHARSET: 'Charset encoding',
+  },
+  MqttFieldsNameEnum: {
+    TOPIC_PATTERN: 'Topic pattern',
+    HOST: 'Host',
+    PORT: 'Port',
+    CONNECT_TIMEOUT_SEC: 'Connection timeout(sec)',
+    CLIENT_ID: 'Client ID',
+    APPEND_CLIENT_ID_SUFFIX: 'Add Service ID as suffix to Client ID',
+    CLEAN_SESSION: 'Clean session',
+    SSL: 'Enable SSL',
+    CREDENTIALS: 'credentials',
+
+    TYPE: 'Credentials type',
+    PASSWORD: 'Password',
+    CA_CERT: 'Server CA certificate file',
+    CA_CERT_FILE_NAME: 'caCertFileName',
+    PRIVATE_KEY: 'Client private key file',
+    PRIVATE_KEY_FILE_NAME: 'privateKeyFileName',
+    CERT: 'Client certificate file',
+    CERT_FILE_NAME: 'certFileName',
+    USERNAME: 'Username',
+  },
+  RabbitmqFieldsNameEnum: {
+    EXCHANGE_NAME_PATTERN: 'Exchange name pattern',
+    ROUTING_KEY_PATTERN: 'Routing key pattern',
+    MESSAGE_PROPERTIES: 'Message properties',
+    HOST: 'Host',
+    PORT: 'Port',
+    VIRTUAL_HOST: 'Virtual host',
+    USERNAME: 'Username',
+    PASSWORD: 'Password',
+    AUTOMATIC_RECOVERY_ENABLED: 'Automatic recovery',
+    CONNECTION_TIMEOUT: 'Connection timeout(ms)',
+    HANDSHAKE_TIMEOUT: 'Handshake timeout(ms)',
+    CLIENT_PROPERTIES: 'Client properties',
+  },
+  RestApiCallFieldsNameEnum: {
+    REST_ENDPOINT_URL_PATTERN: 'Endpoint URL pattern',
+    REQUEST_METHOD: 'Request method',
+    USE_SIMPLE_CLIENT_HTTP_FACTORY: 'Use simple client HTTP factory',
+    IGNORE_REQUEST_BODY: 'Without request body',
+    ENABLE_PROXY: 'Enable proxy',
+    USE_SYSTEM_PROXY_PROPERTIES: 'Use system proxy properties',
+    PROXY_SCHEME: 'Proxy scheme',
+    PROXY_HOST: 'Proxy host',
+    PROXY_PORT: 'Proxy port',
+    PROXY_USER: 'Proxy user',
+    PROXY_PASSWORD: 'Proxy password',
+    READ_TIMEOUT_MS: 'Read timeout in millis',
+    MAX_PARALLEL_REQUESTS_COUNT: 'Max number of parallel request',
+    HEADERS: 'Header',
+    USE_REDIS_QUEUE_FOR_MSG_PERSISTENCE: 'Use redis queue for message persistence',
+    TRIM_QUEUE: 'Trim redis queue',
+    MAX_QUEUE_SIZE: 'Redis queue max size',
+    CREDENTIALS: 'Credentials',
+
+    TYPE: 'Credentials type',
+    PASSWORD: 'Password',
+    CA_CERT: 'Server CA certificate file',
+    CA_CERT_FILE_NAME: 'caCertFileName',
+    PRIVATE_KEY: 'Client private key file',
+    PRIVATE_KEY_FILE_NAME: 'privateKeyFileName',
+    CERT: 'Client certificate file',
+    CERT_FILE_NAME: 'certFileName',
+    USERNAME: 'Username',
+  },
+  SendEmailFieldsNameEnum: {
+    USE_SYSTEM_SMTP_SETTINGS: 'Use system SMTP settings',
+    SMTP_PROTOCOL: 'Protocol',
+    SMTP_HOST: 'SMTP host',
+    SMTP_PORT: 'SMTP port',
+    TIMEOUT: 'Timeout ms',
+    ENABLE_TLS: 'Enable TLS',
+    TLS_VERSION: 'TLS version',
+    ENABLE_PROXY: 'Enable proxy',
+    PROXY_HOST: 'Proxy host',
+    PROXY_PORT: 'Proxy port',
+    PROXY_USER: 'Proxy user',
+    PROXY_PASSWORD: 'Proxy password',
+    USERNAME: 'Username',
+    PASSWORD: 'Password',
+  },
+  SendSMSFieldsNameEnum: {
+    NUMBERS_TO_TEMPLATE: 'Phone Numbers To Template',
+    SMS_MESSAGE_TEMPLATE: 'SMS message Template',
+    USE_SYSTEM_SMS_SETTINGS: 'User system SMS provider settings',
+    SMS_PROVIDER_CONFIGURATION: 'smsProviderConfiguration',
+
+    ACCESS_KEY_ID: 'AWS Access Key ID',
+    SECRET_ACCESS_KEY: 'AWS Access Key',
+    REGION: 'AWS Area',
+    TYPE: 'SMS Service provider type',
+    NUMBER_FROM: "Sender's phone number",
+    ACCOUNT_SID: 'Twilio Account SID',
+    ACCOUNT_TOKEN: 'Twilio Account Token',
+  },
+};

+/**
+ *规则链 筛选器表单 英文配置文件
+  目前共有11个，分类按名称进行配置
+ */
+export default {
+  CheckAlarmStatusFieldNameEnum: {
+    ALARM_STATUS_LIST: 'Alarm status filter',
+  },
+  CheckExistenceFieldsNameEnum: {
+    MESSAGE_NAMES: 'Message data',
+    METADATA_NAMES: 'Message metadata',
+    CHECK_ALL_KEYS: 'Check that all selected keys are present',
+  },
+  CheckRelationFieldsNameEnum: {
+    DIRECTION: 'Direction',
+    CHECK_FOR_SINGLE_ENTITY: 'Check relation to specific entity',
+    ENTITY_TYPE: 'Type',
+    RELEATION_TYPE: 'Association type',
+  },
+  GpsGeofencingFilterFieldsNameEnum: {
+    LATITUDE_KEY_NAME: 'Latitude Key Name',
+    LONGITUDE_KEY_NAME: 'Longitude Key Name',
+    PERIMETER_TYPE: 'Perimeter Type',
+    FETCH_PERIMETER_INFO_FROM_MESSAGE_METADATA: 'Fetch perimeter information from message metadata',
+    CENTER_LATITUDE: 'Center latitude',
+    CENTER_LONGITUDE: 'Center longitude',
+    RANGE: 'Range',
+    RANGE_UNIT: 'Range unit',
+    PERIMETER_KEY_NAME: 'Perimeter key name',
+    POLYGONS_DEFINITION: 'Polygons definition',
+  },
+  MessageTypeFieldsNameEnum: {
+    MESSAGE_TYPES: 'Message Types Filter',
+  },
+  OriginatorTypeFieldsNameEnum: {
+    ORIGINATOR_TYPES: 'Originator types filter',
+  },
+  ScriptFieldsNameEnum: {
+    JS_SCRIPT: 'Filter',
+  },
+  SwitchFieldsNameEnum: {
+    JS_SCRIPT: 'Filter',
+  },
+};

+/**
+ *规则链 Flow 英文配置文件
+  目前共有4个，分类按名称进行配置
+ */
+export default {
+  CheckPointFieldsNameEnum: {
+    QUEUE_NAME: 'Queue name',
+  },
+  RuleChainFieldsNameEnum: {
+    RULE_CHAIN_ID: 'Rule chain',
+  },
+};

+/**
+ *规则链 变换 英文配置文件
+  目前共有3个，分类按名称进行配置
+ */
+export default {
+  ChangeOriginatorFieldsNameEnum: {
+    ORIGINATOR_SOURCE: 'Originator source',
+    RELATIONS_QUERY: 'Relations Query',
+  },
+  ScriptFieldsNameEnum: {
+    JS_SCRIPT: 'Transform',
+  },
+  ToEmailFieldsNameEnum: {
+    FROM_TEMPLATE: 'From Template',
+    TO_TEMPLATE: 'To Template',
+    CC_TEMPLATE: 'Cc Template',
+    BCC_TEMPLATE: 'Bcc Template',
+    SUBJECT_TEMPLATE: 'Subject Template',
+    MAIL_BODY_TYPE: 'Mail body type',
+    IS_HTML_TEMPLATE: 'Dynamic mail body type',
+    BODY_TEMPLATE: 'Body Template',
+  },
+};

+/**
+ *规则链 动作 中文配置文件
+  目前共有22个，分类按名称进行配置
+ */
+export default {
+  title: '动作',
+  description: '执行特别动作',
+  assignToCustomer: {
+    name: '分配给客户',
+    details: `按客户名称模式查找目标客户，然后将发起者实体分配给该客户。如果不存在将创建新客户，并且【如果不存在则创建新客户]设置为true。`,
+    description: '将消息发起人实体分配给客户',
+  },
+  clearAlarm: {
+    name: '清除告警',
+    details: `详情-基于传入消息创建JSON对象的JS函数。该对象将被添加到Alarm.details字段中。节点输出：如果告警未被清除，则返回原始消息。否则，返回类型为【告警】新消息【msg】属性和【metadata】中的告警对象将包含【isClearedAlarm】属性。可以通过【msg】属性访问消息负载。例如'temperature='+msg.temperature。也可以通过【metadata】属性访问消息元数据。例如'name='+metadata.customerName。`,
+    description: '清除告警',
+  },
+  copyToView: {
+    name: '复制到视图',
+    details: `根据实体视图配置，将属性从资产/设备复制到相关的实体视图。复制将仅针对开始日期和结束日期之间的属性，并根据属性键进行配置。将消息发起者更改为相关的实体视图，并根据更新的实体视图的计数生成新消息。`,
+    description: '将属性从资产/设备复制到实体视图，并将消息发起者更改为相关实体视图。',
+  },
+  createAlarm: {
+    name: '创建告警',
+    details: `详情-基于传入消息创建JSON对象的JS函数。该对象将被添加到Alarm.details字段中。节点输出：如果告警未被创建，则返回原始消息。否则，返回类型为【告警】的新消息，【msg】属性和【metadata】中的告警对象将包含其中一个属性【isNewAlarm/isExistingAlarm】。可以通过【msg】属性访问消息负载。例如'temperature='+msg.temperature。可以通过【metadata】属性访问消息元数据。例如'name='+metadata.customerName。`,
+    description: '创建或更新告警。',
+  },
+  createRelation: {
+    name: '创建关联关系',
+    details: `如果关系已存在或已成功创建；通过Success链发送消息，否则将使用Failure链路。`,
+    description: `按实体名称模式和（资产、设备的实体类型模式）查找目标实体，然后按类型和方向创建与发起人实体的关系。如果所选实体类型：资产、设备或客户将创建新实体（如果不存在），并选中【创建新实体】；如果从邮件发起人到所选实体的关系不存在，并且选中【删除当前关系】，则在创建新关系之前，将删除按类型和方向与邮件发起人的所有现有关系；如果创建了从邮件发件人到所选实体的关系，并且选中了【将发件人更改为相关实体】，则出站邮件将作为来自该实体的邮件进行处理。`,
+  },
+  deleteRelation: {
+    name: '删除关联关系',
+    details: `如果成功删除关系；通过则走Success链发送消息，否则将使用Failure链。`,
+    description: `如果“删除单个实体”设置为true，则按实体名称模式查找目标实体，然后按类型和方向删除与发起者实体的关系，否则规则节点将按类型和顺序，删除与消息发起人的所有关系。`,
+  },
+  delay: {
+    name: '延迟（已弃用）',
+    details: `为消息传输配置一段时间的延迟。请注意，此节点确认当前队列中的消息（消息将从队列中删除）。不推荐，因为已确认的消息仍保留在内存中（待延迟），并且即使选择了【重试失败和超时】处理策略，也不能保证消息得到处理。`,
+    description: `延迟传入消息（已弃用）`,
+  },
+  deviceProfile: {
+    name: '设备配置',
+    details: `根据设备配置文件中定义的告警规则，创建和清除报警。输出关联类型为【告警创建】、【告警更新】、【告警严重性更新】和【告警已清除】，如果没有告警受到影响，则仅为【成功】。`,
+    description: `根据设备配置文件处理设备消息。`,
+  },
+  generator: {
+    name: '生成器',
+    details: `生成具有可配置周期的消息。用于生成消息的Javascript函数。`,
+    description: `定期生成消息。`,
+  },
+  gpsGeofencingEvents: {
+    name: 'GPS地理围栏事件',
+    details: `从传入消息中提取纬度和经度参数，并根据配置参数返回不同的事件。`,
+    description: `使用基于GPS的地理围栏生成传入消息。`,
+  },
+  log: {
+    name: '日志',
+    details: `将配置JS函数的传入Message转换为String，并将最终值记录到平台日志文件中。可以通过msg属性访问消息负载。例如temperature= +msg.temperature。可以通过metadata属性访问消息元数据。例如name= +metadata.customerName。`,
+    description: `使用JS脚本记录传入消息，将Message转换为String。`,
+  },
+  messageCount: {
+    name: '消息计数',
+    details: `对指定间隔内的传入消息进行计数，并生成具有消息计数的POST_ELEMETRY_REQUEST消息。`,
+    description: `统计传入消息。`,
+  },
+  pushToEdge: {
+    name: '推送消息到边缘端',
+    details: `将消息从云端推送到边缘。消息发起者必须分配给指定边缘，或者消息发起方是边缘实体本身。此节点仅在云实例上用于将消息从云推送到边缘。一旦消息到达该节点，它将被转换为边缘事件并保存到数据库中。节点不直接将消息推送到边缘，而是将事件存储在边缘队列中；支持下一个发起方类型：DEVICE/ASSET/ENTITY_VIEW/DASHBOARD/TENANT/CUSTOMER/EDGE；节点也支持下一条消息类型：POST_ELEMETRY_REQUEST/POST_ATTRIBUTES_REQUEST/ATTRIBUTES_UPDATED/ATTRIBUTES_DELETED/ALARM；如果节点无法将边缘事件保存到数据库或到达了不受支持的发起者类型/消息类型，则消息将通过Failure进行路由。在成功存储边缘事件到数据库的情况下，消息将通过Success进行路由。`,
+    description: `将消息从云端推送到边缘端。`,
+  },
+  rpcCallReply: {
+    name: 'rpc请求回复',
+    details: `应为任何消息类型的消息。将消息正文转发到设备。`,
+    description: `从设备发送对RPC调用的答复。`,
+  },
+  rpcCallRequest: {
+    name: 'RPC调用请求',
+    details: `带有method和params的消息，将响应从设备转发到下一个节点。如果RPC调用请求是由用户的REST API调用发起的，则会立即将响应转发给用户。`,
+    description: `将RPC调用发送到设备。`,
+  },
+  saveAttributes: {
+    name: '保存属性',
+    details: `根据可配置的作用域参数保存实体属性。消息类型为POST_ATTRIBUTES_REQUEST的消息`,
+    description: `保存属性数据。`,
+  },
+  saveEvent: {
+    name: '保存事件',
+    details: `保存实体事件，消息类型为POST_EVENT_REQUEST的消息。`,
+    description: `保存设备事件数据。`,
+  },
+  saveTimeseries: {
+    name: '保存时序数据',
+    details: `根据可配置的TTL参数保存时序遥测数据，消息类型为POST_TELEMETRY_REQUEST的消息。时间戳（以毫秒为单位）将取自元数据时间戳，否则将应用现在消息时间戳，如果skipLatestPersistence设置为true，则允许停止更新最新ts_kv表中传入键的值。启用【useServerTs】参数以使用消息处理的时间戳，而不是消息中的时间戳。如果合并的消息来自多种类型（设备、资产等）的消息，则对各种顺序处理都很有用。在顺序处理的情况下，平台保证消息按照提交到队列的顺序进行处理。然而，由多个设备/服务器发起的消息的时间戳可能早在它们被推送到队列之前就不同步了。如果新记录的时间戳比以前的记录旧，则DB层具有某些优化，可以忽略“属性”和“最新值”表的更新。因此，为了确保所有消息都得到正确处理，应该为顺序消息处理场景启用此参数。`,
+    description: `保存时序数据。`,
+  },
+  saveToCustomTable: {
+    name: '保存到自定义表',
+    details: `管理员应设置不带前缀的自定义表名：【cs_tb_】，管理员可以配置消息字段名称和Table列名称之间的映射；注意：如果映射键为【$entity_id】；由消息发起人标识，然后到适当的列名（映射值）将写入消息发起人id。如果指定的消息字段不存在或不是标准JSON，出站消息将通过failure链路；否则，消息将通过success链进行。`,
+    description: `节点将来自Cassandra数据库的传入Message有效负载的数据，存储到预定义的自定义表中，该表应以cs_tb_为前缀，以避免数据插入到公共tb表中。注意：规则节点只能用于Cassandra DB。`,
+  },
+  synchronizationEnd: {
+    name: '同步结束',
+    details: ``,
+    description: `此节点现在已弃用。请改用“检查数据点”。`,
+  },
+  synchronizationStart: {
+    name: '同步启动',
+    details: `此节点应与“同步结束”节点一起使用。此节点将根据消息发起方id将消息放入队列。在上一条消息处理完成或发生超时事件之前，不会处理后续消息。每个发起方的队列大小和超时值可在系统级别进行配置。`,
+    description: `此节点现在已弃用。请改用【检查数据点】。`,
+  },
+  unassigFromCustomer: {
+    name: '从客户取消分配',
+    details: `按客户端名称模式查找目标实体客户，然后取消分配该客户的发起者实体。.`,
+    description: `从客户取消分配消息发起者实体。`,
+  },
+};

+/**
+ *规则链 属性集 中文配置文件
+  目前共有10个，分类按名称进行配置
+ */
+export default {
+  title: '属性',
+  description: '向消息元数据中添加附加信息',
+  calculateDelta: {
+    name: '计算增量',
+    details: `该节点可以在规则中获取上一次遥测的值，以此可以实现二次遥测的差。比如一个设备，一天上传一次数据，如果你要对比今天和昨天的数据，并将两者数据差保存到数据库，就能够使用该节点。增量计算是在消息发起者的范围内完成的，例如设备、资产或客户。如果有输入键，则输出关系将为“成功”，除非增量为负并且设置了相应的配置参数。如果传入消息中没有输入值键，则输出关系将为“其他”。`,
+    description: `根据传入值和上一个值计算增量值并将其添加到消息中。`,
+  },
+  customerAttributes: {
+    name: '客户属性',
+    details: `如果已配置属性，则会将服务器范围属性添加到消息元数据中。如果配置了'最新遥测'，则将最新遥测添加到元数据中。要访问其他节点中的这些属性，可以使用metadata.temperature访问。`,
+    description: `将发起者客户属性或最新遥测添加到消息元数据中。`,
+  },
+  customerDetails: {
+    name: '客户详情',
+    details: `如果选中：【将选定的详细信息添加到消息元数据】，则现有字段将添加到消息元数据，而不是消息数据。注意：只允许设备、资产和实体视图类型；如果消息的原始发件人未分配给客户或者不支持原始发件人类型的消息将转发到失败链路，否则将使用成功链路。`,
+    description: `将“客户详细信息”中的字段添加到消息正文或元数据中。`,
+  },
+  originatorAttributes: {
+    name: '发起者属性',
+    details: `如果配置了单个/多个属性，客户端属性/共享属性/服务器属性将添加到具有特定前缀的消息元数据中：cs/SHARED/ss。添加到元数据中的最新遥测值，不带前缀。要访问其他节点中的这些属性，可以使用metadata.cs_temperature或metadata.shared_limit。`,
+    description: `将消息发起者的属性或最新遥测添加到消息元数据中。`,
+  },
+  originatorFields: {
+    name: '发起者字段',
+    details: `将获取映射中指定的字段值。如果指定的字段不是原始发件人字段的一部分，它将被忽略。`,
+    description: '将消息发起人字段值添加到消息元数据中。',
+  },
+  originatorTelemetry: {
+    name: '发起者遥测',
+    details: `该节点允许您选择提取模式：FIRST/LAST/ALL 以提取添加到消息元数据中的特定时间范围的遥测数据，而不带任何前缀。如果选择提取模式，ALL遥测将像数组一样添加到消息元数据中，其中Key为时间戳，Value是遥测的值；如果选择提取模式FIRST或LAST遥测将像不带时间戳的字符串一样添加；此外，规则节点允许您选择遥测采样顺序：ASC或DESC；聚合功能允许您通过AVG、COUNT、SUM、MIN、MAX、NONE将聚合遥测作为单个值获取；注意：提取数据放入数组中最大记录为1000条。`,
+    description: '将选定时间范围的消息发起人遥测添加到消息元数据中。',
+  },
+  relatedAttributes: {
+    name: '关联属性',
+    details: `使用配置的关系方向和关系类型找到相关实体；若找到多个相关实体，则只有第一个实体用于单个/多个属性，其他实体将被丢弃；如果配置了属性，则会将服务器范围属性添加到消息元数据中；如果配置了最新遥测，则将最新遥测添加到元数据中。要访问其他节点中的这些属性，可以使用metadata.temperature访问。`,
+    description: '将发起人相关实体属性或最新遥测添加到消息元数据中。',
+  },
+  relatedDeviceAttributes: {
+    name: '关联设备属性',
+    details: `如果配置了单个/多个属性，CLIENT/SHARED/SERVER 属性将添加到具有特定前缀的消息元数据中：cs/SHARED/ss。添加到元数据中的最新遥测值，不带前缀。要访问其他节点中的这些属性，可以使用 metadata.cs_temperature或metadata.shared_limit。`,
+    description: '关联设备属性将发起者关联设备属性和最新遥测值添加到消息元数据中。',
+  },
+  tenantAttributes: {
+    name: '租户属性',
+    details: `如果配置了单个/多个属性，则会将服务器范围属性添加到消息元数据中。如果配置了单个/多个“最新遥测”，则将最新遥测添加到元数据中。要访问其他节点中的这些属性，可以使用metadata.temperature。`,
+    description: '将发起者租户属性或最新遥测添加到消息元数据中。',
+  },
+  tenantDetails: {
+    name: '租户详情',
+    details: `如果选中：【将选定的详细信息添加到消息元数据】，则现有字段将添加到消息元数据而不是消息数据；注意：只允许设备、资产和实体视图类型；如果原始的消息发件人未分配给Tenant或者不支持原始发件人类型，消息将转发到失败链，否则将使用成功链路。`,
+    description: '将租户详情中的字段添加到消息正文或元数据中。',
+  },
+};

+/**
+ *规则链 外部的 中文配置文件
+  目前共有11个，分类按名称进行配置
+ */
+export default {
+  title: '外部',
+  description: '与外部系统交互',
+  alarmNotice: {
+    name: '告警通知',
+    details: `通知方式包括短信、电子邮件等。`,
+    description: '当设备产生告警时，通知联系人。',
+  },
+  awsSns: {
+    name: 'AWS SNS',
+    details: `将向AWS SNS主题发布消息有效载荷；出站消息将在AWS SNS的消息元数据中包含响应字段（messageId、requestId），例如requestId字段可以使用Metadata.requestId访问。`,
+    description: '将消息发布到AWS SNS。',
+  },
+  awsSqs: {
+    name: 'AWS SQS',
+    details: `将向AWS SQS队列发布消息有效负载和元数据属性。出站消息将在AWS SQS的消息元数据中包含响应字段（messageId、requestId、messageBodyMd5、messageAttributesMd5、sequenceNumber）。例如requestId字段可以使用Metadata.requestId访问。`,
+    description: '向AWS SQS发布消息。',
+  },
+  azureIotHub: {
+    name: 'Azure物联网中心',
+    details: `将消息有效负载发布到Azure物联网中心，使用QoS的条件至少一次。`,
+    description: '将消息发布到Azure物联网中心。',
+  },
+  gcpPubsub: {
+    name: 'GCP pubsub',
+    details: `将向Google Cloud Platform PubSub主题发布消息负载。出站消息将包含响应字段（GCP PubSub的消息元数据中的messageId字段可以通过Metadata.messageId访问）。`,
+    description: '将消息发布到Google Cloud PubSub。',
+  },
+  kafka: {
+    name: 'Kafka',
+    details: `将通过Kafka生产记录发送到Kafka服务器。出站消息将包含来自消息元数据中Kafka的响应字段(offset、partition和topic)。例如，partition字段可以通过metadata.partition访问。`,
+    description: '将消息发布到Kafka服务器。',
+  },
+  mqtt: {
+    name: 'MQTT',
+    details: `将消息有效负载发布到MQTT代理，使用QoS的条件至少一次。`,
+    description: '将消息发布到MQTT代理。',
+  },
+  rabbitmq: {
+    name: 'RabbitMQ',
+    details: `将向RabbitMQ队列发布消息负载。`,
+    description: '将消息发布到RabbitMQ。',
+  },
+  restApiCall: {
+    name: 'rest_api调用',
+    details: `将调用REST-API调用GET|POST|PUT|DELETE到外部REST服务器。已将消息有效负载添加到请求正文中。配置的属性可以从消息元数据添加到标头中。出站消息将在消息元数据中包含响应字段（status、statusCode和响应headers）。响应正文保存在出站消息负载中。例如，可以使用metadata.statusCode访问statusCode字段。注意：如果使用系统代理属性，则应添加下一个系统代理属性：“http.proxyHost”和“http.prroxyPort”或“https.proxyHost”和“https.prroxyPort”，接下来的两个应该添加到thingsbard.conf文件中：“tb.proxy.user”和“tb.prroxy.password”。`,
+    description: '调用对外部REST服务器的REST_API',
+  },
+  sendEmail: {
+    name: '发送邮件',
+    details: `应为SEND_EMAIL类型的邮件。节点仅适用于使用to Email转换节点创建的消息，请使用Successful链将与to Email节点一起使用。`,
+    description: '通过SMTP服务器发送电子邮件。',
+  },
+  sendSms: {
+    name: '发送短信',
+    details: `将通过使用从消息元数据派生的值填充目标电话号码和短信字段来发送短信。`,
+    description: '通过短信提供商发送短信。',
+  },
+};

+/**
+ *规则链 筛选器 中文配置文件
+ 目前共有11个，分类按名称进行配置
+ */
+export default {
+  title: '过滤',
+  description: '使用配置条件筛选传入消息',
+  checkAlarmStatus: {
+    name: '检查告警状态',
+    details: '如果警报状态与指定的状态匹配，则消息成功；如果不匹配，则消息失败。',
+    description: '检查告警状态',
+  },
+  checkExistenceFields: {
+    name: '检查字段是否存在',
+    details: `如果选中【检查所有选择的键是否存在】 ，就必选满足Message data中配置的字段和Message metadata中配置的字段，都必须存在才会返回true发送消息，否则返回false。
+    如果未选中，Message data中配置的字段或者Message metadata中配置的字段至少有一个键存在返回true，否则返回false。`,
+    description: '检查消息中的字段数据和消息元数据中所选择的键是否都存在。',
+  },
+  checkRelation: {
+    name: '检查实体关系是否存在',
+    details: '如果至少存在一个关系，通过True链路发送消息，否则使用False链路。',
+    description: `检查关系是按类型和方向将所选实体发送给消息的发起者；如果“检查单个实体”设置为true，否则规则节点将按类型和方向检查是否存在与消息发起者的任何关系。`,
+  },
+  gpsGeofencingFilter: {
+    name: 'GPS地理围栏过滤',
+    details: `从传入消息中提取纬度和经度参数，如果它们位于配置的周界内，则返回'True'，否则返回'False'。`,
+    description: '通过基于GPS的地理围栏过滤传入消息。',
+  },
+  messageType: {
+    name: '消息类型过滤',
+    details: `如果需要传入消息类型通过，则'True'链发送消息，否则使用'False'链路。`,
+    description: '按消息类型传入消息。',
+  },
+  messageTypeSwitch: {
+    name: '消息类型切换',
+    details: `通过相应链发送消息类型为'属性上报'，'遥测上报'，'RPC请求'等的消息，否则使用其他链。`,
+    description: '按消息类型路由传入消息。',
+  },
+  originatorType: {
+    name: '实体类型过滤',
+    details: `如果预期传入消息的发起者类型，通过则True链发送消息，否则使用False链路。`,
+    description: '按消息发起者类型过滤传入消息。',
+  },
+  originatorTypeSwitch: {
+    name: '实体类型转换',
+    details: `根据发起方类型（设备、资产等）将消息路由到链。`,
+    description: '按消息发起者类型路由传入消息。',
+  },
+  sceneReact: {
+    name: '场景交互',
+    details: `基于业务场景，实现设备的交互控制。`,
+    description: '基于业务场景，实现设备的交互控制。',
+  },
+  script: {
+    name: '脚本',
+    details: `使用配置的JS匹配条件传入消息。如果为True，则通过True链发送消息，否则使用False链。可以通过msg属性访问消息负载。 例如 msg.temperature < 10 ;可以通过metadata属性访问消息元数据。例如metadata.customerName === 'John';可以通过msgType属性访问消息类型。`,
+    description: '使用脚本过滤传入消息。',
+  },
+  switch: {
+    name: '转换器',
+    details: `节点执行配置的JS脚本。脚本返回的消息应该路由到下一个链名称的数组。如果数组为空，则消息不会路由到下一个节点。可以通过 msg 属性访问消息负载。例如 msg.temperature < 10;  可以通过 metadata 属性访问消息元数据。例如  metadata.customerName==='John' ；可以通过 msgType属性访问消息类型。`,
+    description: '将传入消息路由到一个或多个输出链。',
+  },
+};

+/**
+ *规则链 Flow 中文配置文件
+  目前共有4个，分类按名称进行配置
+ */
+export default {
+  title: '流程',
+  description: '组织消息流',
+  acknowledge: {
+    name: '确认消息',
+    details: `在确认之后，消息被推送到相关的规则节点。如果你不需要这条消息，接下来会发生什么，这很有用。`,
+    description: '确认传入消息。',
+  },
+  checkpoint: {
+    name: '检查数据点',
+    details: `成功传输后，自动确认收到消息。队列名称是可配置的。`,
+    description: '将消息转移到另一个队列。',
+  },
+  output: {
+    name: '输出',
+    details: `产生规则链处理的输出。输出作为相应的“输入”规则节点的输出转发给调用者规则链。输出规则节点名称对应于输出消息的关系类型，用于将消息转发给调用者规则链中的其他规则节点。`,
+    description: '将消息传递给呼叫者规则链。',
+  },
+  ruleChain: {
+    name: '规则链',
+    details: `允许嵌套规则链，类似于单个规则节点。传入消息被转发到指定目标规则链的输入节点。目标规则链可能会产生多个标记的输出。您可以使用输出将处理结果转发给其他规则节点。`,
+    description: '将消息传递到另一个规则链。',
+  },
+};