@kengic/vue 0.30.1-beta.82 → 0.30.1-beta.85

package/component/KgSimulator/KgSimulator.Panel.Property.tsx

@@ -0,0 +1,1120 @@
+import { Q } from '@thymine/xunee';
+import { debounce, last } from 'lodash-es';
+import { computed, defineComponent, ref } from 'vue';
+import { VarButton, VarConfigControl, VarConfigDescription, VarConfigPossibility, VarConfigTip, VarDTO, VarGridConfig, VarSubmitConfig, VarSubmitDetail, VarVariable } from '../../api/WMS/models';
+import { useKg } from '../../config';
+import {
+    IKgVarConfigControlControlProperties,
+    IKgVarGridConfigProperties,
+    IKgVarSubmitConfigProperties,
+    KG,
+    KG__VAR_BUTTON__TYPE,
+    KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE,
+    KG__VAR_CONFIG_POSSIBILITY__VALUE_DATA_TYPE,
+    KG__VAR_CONFIG_TIP__PLACEMENT,
+    KG__VAR_SUBMIT_CONFIG__DISPLAY_TYPE,
+    KG__VAR_SUBMIT_CONFIG__LABEL_COLUMN_UNIT,
+    KG__VAR_SUBMIT_CONFIG__LAYOUT,
+    KG_FORM_CONTEXT,
+} from '../../model';
+import { KgUtil } from '../../util';
+import { useKgCanvas } from '../KgCanvas';
+import { IKgForm$EventListenerParameter$onChange } from '../KgForm/KgForm.event';
+import { KgVar02, useKgVar } from '../KgVar';
+import { useKgSimulator } from './KgSimulator.hooks';
+import { Agent, Creator, Destroyer, Edge, INodeProperty, JackUpTransferStation, NODE_KEY, PalletStackerStation, PhotoelectricSensor, Station } from './KgSimulator.model';
+import { KgSimulatorPanel } from './KgSimulator.Panel';
+
+/**
+ * 模拟器--面板--属性.
+ */
+export const KgSimulatorPanelProperty = defineComponent({
+    name: 'KgSimulatorPanelProperty',
+    setup() {
+        const kg = useKg();
+        const kgVar = useKgVar(KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY);
+        const kgSimulator = useKgSimulator();
+        const kgCanvas = useKgCanvas(kgSimulator.$KgCanvas$id);
+
+        kgVar.onBeforeRequest(async (param) => {
+            if (param.id === KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY) {
+                param.mock = new VarDTO({
+                    varButtonConfig: new VarGridConfig({
+                        frm_id: kgVar.fid,
+                        id: KgUtil.uuid(),
+                        props: JSON.stringify({ isVisible: false } as IKgVarGridConfigProperties),
+                    }),
+                    varButtons: [
+                        new VarButton({
+                            available_flag: 1,
+                            cmd: 'NULL',
+                            dis_mult_select_flg: 0,
+                            dis_no_select_flg: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            srtseq: 1,
+                            typ: KG__VAR_BUTTON__TYPE.UPDATE,
+                            var_nam: KG__VAR_BUTTON__TYPE.UPDATE,
+                        }),
+                    ],
+                    varConfigControls: [
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'x' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'y' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'z' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'width' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'length' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'height' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'depth' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'gravity' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'humidity' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'status' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'temperature' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'timeScale' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'interval' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'angle' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'startOffset' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'type' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'velocity' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'maxVelocity' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'acceleration' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'brakingAcceleration' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'communicationDelay' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT_NUMBER, var_nam: 'targetChangeReason' }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.SELECT, var_nam: '$Station$type', ctrl_prop: JSON.stringify({ allowClear: false } as IKgVarConfigControlControlProperties['SELECT']) }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.SWITCH, var_nam: 'isEnable', ctrl_prop: JSON.stringify({ dataType: 'BOOLEAN' } as IKgVarConfigControlControlProperties['SWITCH']) }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.SWITCH, var_nam: 'isPrimary', ctrl_prop: JSON.stringify({ dataType: 'BOOLEAN' } as IKgVarConfigControlControlProperties['SWITCH']) }),
+                        newVarConfigControl({ ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.SWITCH, var_nam: 'isAvailable', ctrl_prop: JSON.stringify({ dataType: 'BOOLEAN' } as IKgVarConfigControlControlProperties['SWITCH']) }),
+                        newVarConfigControl({
+                            ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.SWITCH,
+                            var_nam: '$Station$isLongDistanceSensorOnX',
+                            ctrl_prop: JSON.stringify({ dataType: 'BOOLEAN' } as IKgVarConfigControlControlProperties['SWITCH']),
+                        }),
+                        newVarConfigControl({
+                            ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.SWITCH,
+                            var_nam: '$Station$isLongDistanceSensorOnY',
+                            ctrl_prop: JSON.stringify({ dataType: 'BOOLEAN' } as IKgVarConfigControlControlProperties['SWITCH']),
+                        }),
+                    ],
+                    varConfigDescriptions: [
+                        newVarConfigDescription({ var_nam: '$type', var_text: '类型编码' }),
+                        newVarConfigDescription({ var_nam: '$typeDsc', var_text: '类型' }),
+                        newVarConfigDescription({ var_nam: 'id', var_text: '主键' }),
+                        newVarConfigDescription({ var_nam: 'x', var_text: '坐标 X' }),
+                        newVarConfigDescription({ var_nam: 'y', var_text: '坐标 Y' }),
+                        newVarConfigDescription({ var_nam: 'z', var_text: '坐标 Z' }),
+                        newVarConfigDescription({ var_nam: 'width', var_text: '宽度' }),
+                        newVarConfigDescription({ var_nam: 'length', var_text: '长度' }),
+                        newVarConfigDescription({ var_nam: 'height', var_text: '高度' }),
+                        newVarConfigDescription({ var_nam: 'depth', var_text: '深度' }),
+                        newVarConfigDescription({ var_nam: 'code', var_text: '编码' }),
+                        newVarConfigDescription({ var_nam: 'name', var_text: '名称' }),
+                        newVarConfigDescription({ var_nam: 'description', var_text: '描述' }),
+                        newVarConfigDescription({ var_nam: 'configurationJson', var_text: '配置 JSON' }),
+                        newVarConfigDescription({ var_nam: 'gravity', var_text: '重力加速度' }),
+                        newVarConfigDescription({ var_nam: 'humidity', var_text: '湿度百分比' }),
+                        newVarConfigDescription({ var_nam: 'status', var_text: '状态' }),
+                        newVarConfigDescription({ var_nam: 'temperature', var_text: '环境温度' }),
+                        newVarConfigDescription({ var_nam: 'timeScale', var_text: '仿真时间倍率' }),
+                        newVarConfigDescription({ var_nam: 'isEnable', var_text: '是否启用' }),
+                        newVarConfigDescription({ var_nam: 'interval', var_text: '间隔' }),
+                        newVarConfigDescription({ var_nam: 'angle', var_text: '角度' }),
+                        newVarConfigDescription({ var_nam: 'startOffset', var_text: '偏移' }),
+                        newVarConfigDescription({ var_nam: 'type', var_text: '类型' }),
+                        newVarConfigDescription({ var_nam: '$Station$type', var_text: '类型' }),
+                        newVarConfigDescription({ var_nam: '$Station$isLongDistanceSensorOnX', var_text: '是否 X 轴上的光电传感器距离较远' }),
+                        newVarConfigDescription({ var_nam: '$Station$isLongDistanceSensorOnY', var_text: '是否 Y 轴上的光电传感器距离较远' }),
+                        newVarConfigDescription({ var_nam: 'source', var_text: '起始主键' }),
+                        newVarConfigDescription({ var_nam: 'target', var_text: '结束主键' }),
+                        newVarConfigDescription({ var_nam: '$sourceCode', var_text: '起始编码' }),
+                        newVarConfigDescription({ var_nam: '$targetCode', var_text: '结束编码' }),
+                        newVarConfigDescription({ var_nam: 'isPrimary', var_text: '是否主线' }),
+                        newVarConfigDescription({ var_nam: 'stationId', var_text: '所在站点主键' }),
+                        newVarConfigDescription({ var_nam: 'velocity', var_text: '当前速度' }),
+                        newVarConfigDescription({ var_nam: 'maxVelocity', var_text: '最大速度' }),
+                        newVarConfigDescription({ var_nam: 'acceleration', var_text: '当前加速度' }),
+                        newVarConfigDescription({ var_nam: 'brakingAcceleration', var_text: '刹车加速度' }),
+                        newVarConfigDescription({ var_nam: 'communicationDelay', var_text: '通信时延' }),
+                        newVarConfigDescription({ var_nam: 'targetChangeReason', var_text: '任务变更类型' }),
+                        newVarConfigDescription({ var_nam: 'isAvailable', var_text: '是否可用' }),
+                        newVarConfigDescription({ var_nam: 'destinationTaskId', var_text: '目标任务主键' }),
+                        newVarConfigDescription({ var_nam: '$PhotoelectricSensor$stationId', var_text: '所属站点主键' }),
+                    ],
+                    varConfigPossibilities: [newVarConfigPossibility({ var_nam: '$Station$type' })],
+                    varConfigTips: [
+                        newVarConfigTip({ var_nam: 'width', tip: '对应 X 轴' }),
+                        newVarConfigTip({ var_nam: 'length', tip: '对应 Y 轴' }),
+                        newVarConfigTip({ var_nam: 'height', tip: '对应 Z 轴' }),
+                        newVarConfigTip({ var_nam: 'temperature', tip: '单位摄氏度' }),
+                        newVarConfigTip({ var_nam: 'interval', tip: '单位毫秒' }),
+                        newVarConfigTip({ var_nam: 'startOffset', tip: '当前位置基于所属边的起始点的偏移量' }),
+                        newVarConfigTip({ var_nam: 'velocity', tip: '单位 m/s' }),
+                        newVarConfigTip({ var_nam: 'maxVelocity', tip: '单位 m/s' }),
+                        newVarConfigTip({ var_nam: 'acceleration', tip: '单位 m/s^2' }),
+                        newVarConfigTip({ var_nam: 'brakingAcceleration', tip: '单位 m/s^2' }),
+                        newVarConfigTip({ var_nam: 'communicationDelay', tip: '单位 s' }),
+                        newVarConfigTip({ var_nam: '$Station$isLongDistanceSensorOnX', tip: '是否 X 轴上的光电传感器距离较远, 否则距离较近. 远距离默认为 200 mm, 近距离默认为 20 mm.' }),
+                        newVarConfigTip({ var_nam: '$Station$isLongDistanceSensorOnY', tip: '是否 Y 轴上的光电传感器距离较远, 否则距离较近. 远距离默认为 200 mm, 近距离默认为 20 mm.' }),
+                    ],
+                    varGridConfig: new VarGridConfig({
+                        aut_load_flg: 0,
+                        button_display_type: KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE.DEFAULT,
+                        frm_id: kgVar.fid,
+                        id: KgUtil.uuid(),
+                        available_flg: 0,
+                    }),
+                    varSubmitConfigs: [
+                        new VarSubmitConfig({
+                            button_var_name: KG__VAR_BUTTON__TYPE.UPDATE,
+                            cust_lvl: 0,
+                            display_type: KG__VAR_SUBMIT_CONFIG__DISPLAY_TYPE.INLINE,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            label_col: 120,
+                            label_col_unit: KG__VAR_SUBMIT_CONFIG__LABEL_COLUMN_UNIT.PX,
+                            layout: KG__VAR_SUBMIT_CONFIG__LAYOUT.HORIZONTAL,
+                            props: JSON.stringify({ footer: { isShow: false } } as IKgVarSubmitConfigProperties),
+                            resizable_flg: 1,
+                            responsive_flg: 0,
+                        }),
+                    ],
+                    varSubmitDetails: [
+                        newVarSubmitDetail({ var_nam: '$type' }),
+                        newVarSubmitDetail({ var_nam: '$typeDsc' }),
+                        newVarSubmitDetail({ var_nam: 'id' }),
+                        newVarSubmitDetail({ var_nam: 'x' }),
+                        newVarSubmitDetail({ var_nam: 'y' }),
+                        newVarSubmitDetail({ var_nam: 'z' }),
+                        newVarSubmitDetail({ var_nam: 'width' }),
+                        newVarSubmitDetail({ var_nam: 'length' }),
+                        newVarSubmitDetail({ var_nam: 'height' }),
+                        newVarSubmitDetail({ var_nam: 'depth' }),
+                        newVarSubmitDetail({ var_nam: 'code' }),
+                        newVarSubmitDetail({ var_nam: 'name' }),
+                        newVarSubmitDetail({ var_nam: 'description' }),
+                        newVarSubmitDetail({ var_nam: 'configurationJson' }),
+                        newVarSubmitDetail({ var_nam: 'gravity' }),
+                        newVarSubmitDetail({ var_nam: 'humidity' }),
+                        newVarSubmitDetail({ var_nam: 'status' }),
+                        newVarSubmitDetail({ var_nam: 'temperature' }),
+                        newVarSubmitDetail({ var_nam: 'timeScale' }),
+                        newVarSubmitDetail({ var_nam: 'isEnable' }),
+                        newVarSubmitDetail({ var_nam: 'interval' }),
+                        newVarSubmitDetail({ var_nam: 'angle' }),
+                        newVarSubmitDetail({ var_nam: 'startOffset' }),
+                        newVarSubmitDetail({ var_nam: 'type' }),
+                        newVarSubmitDetail({ var_nam: '$Station$type' }),
+                        newVarSubmitDetail({ var_nam: '$Station$isLongDistanceSensorOnX' }),
+                        newVarSubmitDetail({ var_nam: '$Station$isLongDistanceSensorOnY' }),
+                        newVarSubmitDetail({ var_nam: 'source' }),
+                        newVarSubmitDetail({ var_nam: 'target' }),
+                        newVarSubmitDetail({ var_nam: '$sourceCode' }),
+                        newVarSubmitDetail({ var_nam: '$targetCode' }),
+                        newVarSubmitDetail({ var_nam: 'isPrimary' }),
+                        newVarSubmitDetail({ var_nam: 'stationId' }),
+                        newVarSubmitDetail({ var_nam: 'velocity' }),
+                        newVarSubmitDetail({ var_nam: 'maxVelocity' }),
+                        newVarSubmitDetail({ var_nam: 'acceleration' }),
+                        newVarSubmitDetail({ var_nam: 'brakingAcceleration' }),
+                        newVarSubmitDetail({ var_nam: 'communicationDelay' }),
+                        newVarSubmitDetail({ var_nam: 'targetChangeReason' }),
+                        newVarSubmitDetail({ var_nam: 'isAvailable' }),
+                        newVarSubmitDetail({ var_nam: 'destinationTaskId' }),
+                        newVarSubmitDetail({ var_nam: '$PhotoelectricSensor$stationId' }),
+                    ],
+                    varVariables: [
+                        newVarVariable({ var_nam: '$type' }),
+                        newVarVariable({ var_nam: '$typeDsc' }),
+                        newVarVariable({ var_nam: 'id' }),
+                        newVarVariable({ var_nam: 'x' }),
+                        newVarVariable({ var_nam: 'y' }),
+                        newVarVariable({ var_nam: 'z' }),
+                        newVarVariable({ var_nam: 'width' }),
+                        newVarVariable({ var_nam: 'length' }),
+                        newVarVariable({ var_nam: 'height' }),
+                        newVarVariable({ var_nam: 'depth' }),
+                        newVarVariable({ var_nam: 'code' }),
+                        newVarVariable({ var_nam: 'name' }),
+                        newVarVariable({ var_nam: 'description' }),
+                        newVarVariable({ var_nam: 'configurationJson' }),
+                        newVarVariable({ var_nam: 'gravity' }),
+                        newVarVariable({ var_nam: 'humidity' }),
+                        newVarVariable({ var_nam: 'status' }),
+                        newVarVariable({ var_nam: 'temperature' }),
+                        newVarVariable({ var_nam: 'timeScale' }),
+                        newVarVariable({ var_nam: 'isEnable' }),
+                        newVarVariable({ var_nam: 'interval' }),
+                        newVarVariable({ var_nam: 'angle' }),
+                        newVarVariable({ var_nam: 'startOffset' }),
+                        newVarVariable({ var_nam: 'type' }),
+                        newVarVariable({ var_nam: '$Station$type' }),
+                        newVarVariable({ var_nam: '$Station$isLongDistanceSensorOnX' }),
+                        newVarVariable({ var_nam: '$Station$isLongDistanceSensorOnY' }),
+                        newVarVariable({ var_nam: 'source' }),
+                        newVarVariable({ var_nam: 'target' }),
+                        newVarVariable({ var_nam: '$sourceCode' }),
+                        newVarVariable({ var_nam: '$targetCode' }),
+                        newVarVariable({ var_nam: 'isPrimary' }),
+                        newVarVariable({ var_nam: 'stationId' }),
+                        newVarVariable({ var_nam: 'velocity' }),
+                        newVarVariable({ var_nam: 'maxVelocity' }),
+                        newVarVariable({ var_nam: 'acceleration' }),
+                        newVarVariable({ var_nam: 'brakingAcceleration' }),
+                        newVarVariable({ var_nam: 'communicationDelay' }),
+                        newVarVariable({ var_nam: 'targetChangeReason' }),
+                        newVarVariable({ var_nam: 'isAvailable' }),
+                        newVarVariable({ var_nam: 'destinationTaskId' }),
+                        newVarVariable({ var_nam: '$PhotoelectricSensor$stationId' }),
+                    ],
+                });
+            }
+
+            return false;
+        });
+
+        kgVar.kgSubmit.onBeforeRequest(async ({ data }) => {
+            return true;
+        });
+
+        kgVar.kgForm.onSelectBeforeRequest(async (param) => {
+            switch (param.context) {
+                case KG_FORM_CONTEXT.SUBMIT: {
+                    switch (param.varName) {
+                        case '$Station$type': {
+                            param.response.value = [
+                                { value: 0, label: `虚拟站点` },
+                                { value: 1, label: `等待站点` },
+                                { value: 2, label: `取货站点` },
+                                { value: 3, label: `放货站点` },
+                                { value: 4, label: `取货放货站点` },
+                            ];
+                            return true;
+                        }
+                    }
+                    break;
+                }
+            }
+
+            return false;
+        });
+
+        //region 事件: 属性发生变更
+        //----------------------------------------------------------------------------------------------------
+        const kgVar$kgForm$onChangeListener = debounce(
+            async (param: IKgForm$EventListenerParameter$onChange) => {
+                const propertyName = last(param.varName.split('$'))!;
+
+                switch (true) {
+                    //region 环形输送线
+                    //----------------------------------------------------------------------------------------------------
+                    case kgSimulator.$Config$Env$IsCircularConveyor: {
+                        switch (kgVar.kgSubmit.formModel.value.$type) {
+                            case NODE_KEY.CJZ: {
+                                const creator = kgSimulator.$Env$CircularConveyor$CurrentScene?.creators?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (creator) {
+                                    creator[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.XHZ: {
+                                const destroyer = kgSimulator.$Env$CircularConveyor$CurrentScene?.destroyers?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (destroyer) {
+                                    destroyer[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.SSJ: {
+                                const ptssj = kgSimulator.$Env$CircularConveyor$CurrentScene?.stations?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (ptssj) {
+                                    ptssj[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.YZJ: {
+                                const dsyzj = kgSimulator.$Env$CircularConveyor$CurrentScene?.jackUpTransferStations?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (dsyzj) {
+                                    dsyzj[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.DPJ: {
+                                const dpj = kgSimulator.$Env$CircularConveyor$CurrentScene?.palletStackerStations?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (dpj) {
+                                    dpj[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.CGQ: {
+                                const gdcgq = kgSimulator.$Env$CircularConveyor$CurrentScene?.photoelectricSensors?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (gdcgq) {
+                                    gdcgq[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.EDGE: {
+                                const edge = kgSimulator.$Env$CircularConveyor$CurrentScene?.edges?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (edge) {
+                                    edge[propertyName] = param.value;
+                                }
+                                break;
+                            }
+
+                            case NODE_KEY.DLZ: {
+                                const agent = kgSimulator.$Env$CircularConveyor$CurrentScene?.agents?.find((i) => i.id === kgVar.kgSubmit.formModel.value.id) as any;
+                                if (agent) {
+                                    agent[propertyName] = param.value;
+                                }
+                                break;
+                            }
+                        }
+
+                        break;
+                    }
+                    //----------------------------------------------------------------------------------------------------
+                    //endregion
+
+                    //region 环形穿梭车
+                    //----------------------------------------------------------------------------------------------------
+                    case kgSimulator.$Config$Env$IsCircularShuttle: {
+                        break;
+                    }
+                    //----------------------------------------------------------------------------------------------------
+                    //endregion
+                }
+
+                return false;
+            },
+            100,
+            { leading: false, trailing: true },
+        );
+        kgVar.kgForm.onChange(kgVar$kgForm$onChangeListener as any);
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        //region 事件: 菜单--打开场景
+        //----------------------------------------------------------------------------------------------------
+        kgSimulator.on$KgSimulatorMenu$Scene$Open(async () => {
+            await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                varSubmitDetailList: [
+                    { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                    { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                    { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'name' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'width' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'depth' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'configurationJson' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'gravity' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'humidity' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'temperature' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'timeScale' },
+                ],
+            });
+            kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                kgVar.kgSubmit.formModel.value.$type = NODE_KEY.SCENE;
+                kgVar.kgSubmit.formModel.value.$typeDsc = '场景';
+                kgVar.kgSubmit.formModel.value.id = kgSimulator.$Env$CircularConveyor$CurrentScene?.id;
+                kgVar.kgSubmit.formModel.value.code = kgSimulator.$Env$CircularConveyor$CurrentScene?.code;
+                kgVar.kgSubmit.formModel.value.name = kgSimulator.$Env$CircularConveyor$CurrentScene?.name;
+                kgVar.kgSubmit.formModel.value.description = kgSimulator.$Env$CircularConveyor$CurrentScene?.description;
+                kgVar.kgSubmit.formModel.value.width = kgSimulator.$Env$CircularConveyor$CurrentScene?.width;
+                kgVar.kgSubmit.formModel.value.depth = kgSimulator.$Env$CircularConveyor$CurrentScene?.depth;
+                kgVar.kgSubmit.formModel.value.height = kgSimulator.$Env$CircularConveyor$CurrentScene?.height;
+                kgVar.kgSubmit.formModel.value.configurationJson = kgSimulator.$Env$CircularConveyor$CurrentScene?.configurationJson;
+                kgVar.kgSubmit.formModel.value.gravity = kgSimulator.$Env$CircularConveyor$CurrentScene?.gravity;
+                kgVar.kgSubmit.formModel.value.humidity = kgSimulator.$Env$CircularConveyor$CurrentScene?.humidity;
+                kgVar.kgSubmit.formModel.value.status = kgSimulator.$Env$CircularConveyor$CurrentScene?.status;
+                kgVar.kgSubmit.formModel.value.temperature = kgSimulator.$Env$CircularConveyor$CurrentScene?.temperature;
+                kgVar.kgSubmit.formModel.value.timeScale = kgSimulator.$Env$CircularConveyor$CurrentScene?.timeScale;
+
+                return false;
+            }, true);
+
+            return false;
+        });
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        //region 事件: 画布--图元属性发生变更
+        //----------------------------------------------------------------------------------------------------
+        kgCanvas.onDataPropertyChange(async (param) => {
+            switch (param.event.kind) {
+                //region 坐标
+                //----------------------------------------------------------------------------------------------------
+                case 'location': {
+                    // @ts-ignore
+                    if (param.event.oldValue) {
+                        const node = param.event.source;
+                        const x = param.event.value.x;
+                        const y = param.event.value.y;
+
+                        if (kgVar.kgSubmit.formModel.value.id === (node.properties as INodeProperty).data.id) {
+                            kgVar.kgSubmit.formModel.value.x = x;
+                            kgVar.kgSubmit.formModel.value.y = y;
+                        }
+                    }
+                    break;
+                }
+                //----------------------------------------------------------------------------------------------------
+                //endregion
+            }
+
+            return false;
+        });
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        //region 事件: 画布--选中发生变更
+        //----------------------------------------------------------------------------------------------------
+        const $KgCanvas$onSelectChangeListener = debounce(
+            async (param) => {
+                const selectedElementList: Array<Q.Node | Q.Edge> = kgCanvas.get$graph()?.selectionModel?.datas ?? [];
+
+                switch (true) {
+                    //region 环形输送线
+                    //----------------------------------------------------------------------------------------------------
+                    case kgSimulator.$Config$Env$IsCircularConveyor: {
+                        //region 选中零个对象
+                        //----------------------------------------------------------------------------------------------------
+                        if (selectedElementList.length === 0) {
+                            isSelectMultiple$.value = false;
+
+                            await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                varSubmitDetailList: [
+                                    { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                    { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                    { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'name' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'width' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'depth' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'configurationJson' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'gravity' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'humidity' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'temperature' },
+                                    { enable_flag: 1, required_flag: 0, var_nam: 'timeScale' },
+                                ],
+                            });
+                            kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                kgVar.kgSubmit.formModel.value.$type = NODE_KEY.SCENE;
+                                kgVar.kgSubmit.formModel.value.$typeDsc = '场景';
+                                kgVar.kgSubmit.formModel.value.id = kgSimulator.$Env$CircularConveyor$CurrentScene?.id;
+                                kgVar.kgSubmit.formModel.value.code = kgSimulator.$Env$CircularConveyor$CurrentScene?.code;
+                                kgVar.kgSubmit.formModel.value.name = kgSimulator.$Env$CircularConveyor$CurrentScene?.name;
+                                kgVar.kgSubmit.formModel.value.description = kgSimulator.$Env$CircularConveyor$CurrentScene?.description;
+                                kgVar.kgSubmit.formModel.value.width = kgSimulator.$Env$CircularConveyor$CurrentScene?.width;
+                                kgVar.kgSubmit.formModel.value.depth = kgSimulator.$Env$CircularConveyor$CurrentScene?.depth;
+                                kgVar.kgSubmit.formModel.value.height = kgSimulator.$Env$CircularConveyor$CurrentScene?.height;
+                                kgVar.kgSubmit.formModel.value.configurationJson = kgSimulator.$Env$CircularConveyor$CurrentScene?.configurationJson;
+                                kgVar.kgSubmit.formModel.value.gravity = kgSimulator.$Env$CircularConveyor$CurrentScene?.gravity;
+                                kgVar.kgSubmit.formModel.value.humidity = kgSimulator.$Env$CircularConveyor$CurrentScene?.humidity;
+                                kgVar.kgSubmit.formModel.value.status = kgSimulator.$Env$CircularConveyor$CurrentScene?.status;
+                                kgVar.kgSubmit.formModel.value.temperature = kgSimulator.$Env$CircularConveyor$CurrentScene?.temperature;
+                                kgVar.kgSubmit.formModel.value.timeScale = kgSimulator.$Env$CircularConveyor$CurrentScene?.timeScale;
+
+                                return false;
+                            }, true);
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 选中一个对象
+                        //----------------------------------------------------------------------------------------------------
+                        else if (selectedElementList.length === 1) {
+                            isSelectMultiple$.value = false;
+
+                            const element = selectedElementList[0];
+                            const elementProperties: INodeProperty = element.properties;
+
+                            switch (elementProperties.type) {
+                                //region 创建者
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.CJZ: {
+                                    const creator = elementProperties.data as Creator;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'interval' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'isEnable' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.CJZ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '创建者';
+                                        kgVar.kgSubmit.formModel.value.id = creator.id;
+                                        kgVar.kgSubmit.formModel.value.code = creator.code;
+                                        kgVar.kgSubmit.formModel.value.description = creator.description;
+                                        kgVar.kgSubmit.formModel.value.x = creator.x;
+                                        kgVar.kgSubmit.formModel.value.y = creator.y;
+                                        kgVar.kgSubmit.formModel.value.z = creator.z;
+                                        kgVar.kgSubmit.formModel.value.width = creator.width;
+                                        kgVar.kgSubmit.formModel.value.length = creator.length;
+                                        kgVar.kgSubmit.formModel.value.height = creator.height;
+                                        kgVar.kgSubmit.formModel.value.angle = creator.angle;
+                                        kgVar.kgSubmit.formModel.value.interval = creator.interval;
+                                        kgVar.kgSubmit.formModel.value.isEnable = creator.isEnable;
+                                        kgVar.kgSubmit.formModel.value.isEnable = creator.isEnable;
+
+                                        return false;
+                                    }, true);
+
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 销毁者
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.XHZ: {
+                                    const destroyer = elementProperties.data as Destroyer;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'interval' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'isEnable' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.XHZ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '销毁者';
+                                        kgVar.kgSubmit.formModel.value.id = destroyer.id;
+                                        kgVar.kgSubmit.formModel.value.code = destroyer.code;
+                                        kgVar.kgSubmit.formModel.value.description = destroyer.description;
+                                        kgVar.kgSubmit.formModel.value.x = destroyer.x;
+                                        kgVar.kgSubmit.formModel.value.y = destroyer.y;
+                                        kgVar.kgSubmit.formModel.value.z = destroyer.z;
+                                        kgVar.kgSubmit.formModel.value.width = destroyer.width;
+                                        kgVar.kgSubmit.formModel.value.length = destroyer.length;
+                                        kgVar.kgSubmit.formModel.value.height = destroyer.height;
+                                        kgVar.kgSubmit.formModel.value.angle = destroyer.angle;
+                                        kgVar.kgSubmit.formModel.value.interval = destroyer.interval;
+                                        kgVar.kgSubmit.formModel.value.isEnable = destroyer.isEnable;
+
+                                        return false;
+                                    }, true);
+
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 输送机
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.SSJ: {
+                                    const ptssj = elementProperties.data as Station;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'priority' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'startOffset' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: '$Station$type' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: '$Station$isLongDistanceSensorOnX' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: '$Station$isLongDistanceSensorOnY' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.SSJ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '普通输送机';
+                                        kgVar.kgSubmit.formModel.value.id = ptssj.id;
+                                        kgVar.kgSubmit.formModel.value.code = ptssj.code;
+                                        kgVar.kgSubmit.formModel.value.description = ptssj.description;
+                                        kgVar.kgSubmit.formModel.value.x = ptssj.x;
+                                        kgVar.kgSubmit.formModel.value.y = ptssj.y;
+                                        kgVar.kgSubmit.formModel.value.z = ptssj.z;
+                                        kgVar.kgSubmit.formModel.value.width = ptssj.width;
+                                        kgVar.kgSubmit.formModel.value.length = ptssj.length;
+                                        kgVar.kgSubmit.formModel.value.height = ptssj.height;
+                                        kgVar.kgSubmit.formModel.value.angle = ptssj.angle;
+                                        kgVar.kgSubmit.formModel.value.priority = ptssj.priority;
+                                        kgVar.kgSubmit.formModel.value.startOffset = ptssj.startOffset;
+                                        kgVar.kgSubmit.formModel.value.status = ptssj.status;
+                                        kgVar.kgSubmit.formModel.value.$Station$type = ptssj.type;
+                                        kgVar.kgSubmit.formModel.value.$Station$isLongDistanceSensorOnX = ptssj.isLongDistanceSensorOnX;
+                                        kgVar.kgSubmit.formModel.value.$Station$isLongDistanceSensorOnY = ptssj.isLongDistanceSensorOnY;
+
+                                        return false;
+                                    }, true);
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 移栽机
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.YZJ: {
+                                    const dsyzj = elementProperties.data as JackUpTransferStation;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'priority' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'startOffset' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: '$Station$type' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.YZJ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '移栽机';
+                                        kgVar.kgSubmit.formModel.value.id = dsyzj.id;
+                                        kgVar.kgSubmit.formModel.value.code = dsyzj.code;
+                                        kgVar.kgSubmit.formModel.value.description = dsyzj.description;
+                                        kgVar.kgSubmit.formModel.value.x = dsyzj.x;
+                                        kgVar.kgSubmit.formModel.value.y = dsyzj.y;
+                                        kgVar.kgSubmit.formModel.value.z = dsyzj.z;
+                                        kgVar.kgSubmit.formModel.value.width = dsyzj.width;
+                                        kgVar.kgSubmit.formModel.value.length = dsyzj.length;
+                                        kgVar.kgSubmit.formModel.value.height = dsyzj.height;
+                                        kgVar.kgSubmit.formModel.value.angle = dsyzj.angle;
+                                        kgVar.kgSubmit.formModel.value.priority = dsyzj.priority;
+                                        kgVar.kgSubmit.formModel.value.startOffset = dsyzj.startOffset;
+                                        kgVar.kgSubmit.formModel.value.status = dsyzj.status;
+                                        kgVar.kgSubmit.formModel.value.$Station$type = dsyzj.type;
+
+                                        return false;
+                                    }, true);
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 叠盘机
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.DPJ: {
+                                    const dpj = elementProperties.data as PalletStackerStation;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'priority' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'startOffset' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: '$Station$type' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.DPJ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '叠盘机';
+                                        kgVar.kgSubmit.formModel.value.id = dpj.id;
+                                        kgVar.kgSubmit.formModel.value.code = dpj.code;
+                                        kgVar.kgSubmit.formModel.value.description = dpj.description;
+                                        kgVar.kgSubmit.formModel.value.x = dpj.x;
+                                        kgVar.kgSubmit.formModel.value.y = dpj.y;
+                                        kgVar.kgSubmit.formModel.value.z = dpj.z;
+                                        kgVar.kgSubmit.formModel.value.width = dpj.width;
+                                        kgVar.kgSubmit.formModel.value.length = dpj.length;
+                                        kgVar.kgSubmit.formModel.value.height = dpj.height;
+                                        kgVar.kgSubmit.formModel.value.angle = dpj.angle;
+                                        kgVar.kgSubmit.formModel.value.priority = dpj.priority;
+                                        kgVar.kgSubmit.formModel.value.startOffset = dpj.startOffset;
+                                        kgVar.kgSubmit.formModel.value.status = dpj.status;
+                                        kgVar.kgSubmit.formModel.value.$Station$type = dpj.type;
+
+                                        return false;
+                                    }, true);
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 传感器
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.CGQ: {
+                                    const gdcgq = elementProperties.data as PhotoelectricSensor;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'priority' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'startOffset' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: '$PhotoelectricSensor$stationId' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.CGQ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '光电传感器';
+                                        kgVar.kgSubmit.formModel.value.id = gdcgq.id;
+                                        kgVar.kgSubmit.formModel.value.code = gdcgq.code;
+                                        kgVar.kgSubmit.formModel.value.description = gdcgq.description;
+                                        kgVar.kgSubmit.formModel.value.x = gdcgq.x;
+                                        kgVar.kgSubmit.formModel.value.y = gdcgq.y;
+                                        kgVar.kgSubmit.formModel.value.z = gdcgq.z;
+                                        kgVar.kgSubmit.formModel.value.width = gdcgq.width;
+                                        kgVar.kgSubmit.formModel.value.length = gdcgq.length;
+                                        kgVar.kgSubmit.formModel.value.height = gdcgq.height;
+                                        kgVar.kgSubmit.formModel.value.angle = gdcgq.angle;
+                                        kgVar.kgSubmit.formModel.value.$PhotoelectricSensor$stationId = gdcgq.stationId;
+
+                                        return false;
+                                    }, true);
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 连线
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.EDGE: {
+                                    const edge = elementProperties.data as Edge;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'source' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$sourceCode' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'target' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$targetCode' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'isPrimary' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.EDGE;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '连线';
+                                        kgVar.kgSubmit.formModel.value.id = edge.id;
+                                        kgVar.kgSubmit.formModel.value.code = edge.code;
+                                        kgVar.kgSubmit.formModel.value.description = edge.description;
+                                        kgVar.kgSubmit.formModel.value.source = edge.source;
+                                        kgVar.kgSubmit.formModel.value.$sourceCode = (((element as Q.Edge).from.properties as INodeProperty).data as Station).code;
+                                        kgVar.kgSubmit.formModel.value.target = edge.target;
+                                        kgVar.kgSubmit.formModel.value.$targetCode = (((element as Q.Edge).to.properties as INodeProperty).data as Station).code;
+                                        kgVar.kgSubmit.formModel.value.isPrimary = edge.isPrimary;
+
+                                        return false;
+                                    }, true);
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 代理者
+                                //----------------------------------------------------------------------------------------------------
+                                case NODE_KEY.DLZ: {
+                                    const agent = elementProperties.data as Agent;
+
+                                    await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                                        varSubmitDetailList: [
+                                            { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                                            { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'x' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'y' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'z' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'width' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'length' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                                            { enable_flag: 1, required_flag: 1, var_nam: 'type' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'isAvailable' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'angle' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'velocity' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'maxVelocity' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'acceleration' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'brakingAcceleration' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'communicationDelay' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'targetChangeReason' },
+                                            { enable_flag: 1, required_flag: 0, var_nam: 'destinationTaskId' },
+                                        ],
+                                    });
+                                    kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                                        kgVar.kgSubmit.formModel.value.$type = NODE_KEY.DLZ;
+                                        kgVar.kgSubmit.formModel.value.$typeDsc = '代理';
+                                        kgVar.kgSubmit.formModel.value.id = agent.id;
+                                        kgVar.kgSubmit.formModel.value.code = agent.code;
+                                        kgVar.kgSubmit.formModel.value.description = agent.description;
+                                        kgVar.kgSubmit.formModel.value.x = agent.x;
+                                        kgVar.kgSubmit.formModel.value.y = agent.y;
+                                        kgVar.kgSubmit.formModel.value.z = agent.z;
+                                        kgVar.kgSubmit.formModel.value.width = agent.width;
+                                        kgVar.kgSubmit.formModel.value.length = agent.length;
+                                        kgVar.kgSubmit.formModel.value.height = agent.height;
+                                        kgVar.kgSubmit.formModel.value.type = agent.type;
+                                        kgVar.kgSubmit.formModel.value.status = agent.status;
+                                        kgVar.kgSubmit.formModel.value.isAvailable = agent.isAvailable;
+                                        kgVar.kgSubmit.formModel.value.angle = agent.angle;
+                                        kgVar.kgSubmit.formModel.value.velocity = agent.velocity;
+                                        kgVar.kgSubmit.formModel.value.maxVelocity = agent.maxVelocity;
+                                        kgVar.kgSubmit.formModel.value.acceleration = agent.acceleration;
+                                        kgVar.kgSubmit.formModel.value.brakingAcceleration = agent.brakingAcceleration;
+                                        kgVar.kgSubmit.formModel.value.communicationDelay = agent.communicationDelay;
+                                        kgVar.kgSubmit.formModel.value.targetChangeReason = agent.targetChangeReason;
+                                        kgVar.kgSubmit.formModel.value.destinationTaskId = agent.destinationTaskId;
+
+                                        return false;
+                                    }, true);
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+                            }
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 选中多个对象
+                        //----------------------------------------------------------------------------------------------------
+                        else if (selectedElementList.length > 1) {
+                            isSelectMultiple$.value = true;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        break;
+                    }
+                    //----------------------------------------------------------------------------------------------------
+                    //endregion
+
+                    //region 环形穿梭车
+                    //----------------------------------------------------------------------------------------------------
+                    case kgSimulator.$Config$Env$IsCircularShuttle: {
+                        // TODO LT 环形穿梭车
+                        break;
+                    }
+                    //----------------------------------------------------------------------------------------------------
+                    //endregion
+
+                    default: {
+                        break;
+                    }
+                }
+
+                return false;
+            },
+            100,
+            { leading: false, trailing: true },
+        );
+        kgCanvas.onSelectChange($KgCanvas$onSelectChangeListener as any);
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        kgVar.kgButton.setCurrentButton({ type: KG__VAR_BUTTON__TYPE.UPDATE });
+
+        //region DATA
+        //----------------------------------------------------------------------------------------------------
+
+        /**
+         * 是否选中多个对象.
+         */
+        const isSelectMultiple$ = ref<boolean>(false);
+
+        const class$$ = computed(() => {
+            return { 'kg-simulator--panel--property': true, 'kg-simulator--panel--property--multiple': isSelectMultiple$.value };
+        });
+
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        //region FUNCTION
+        //----------------------------------------------------------------------------------------------------
+        /**
+         * 创建一个新的「变量」, 并给部分属性设置默认值.
+         *
+         * @param varVariable 要覆盖的部分属性.
+         */
+        function newVarVariable(varVariable?: VarVariable) {
+            return new VarVariable({ frm_id: kgVar.fid, id: KgUtil.uuid(), var_nam: '', ...(varVariable ?? {}) });
+        }
+
+        /**
+         * 创建一个新的「变量配置:文本提示」, 并给部分属性设置默认值.
+         *
+         * @param varConfigTip 要覆盖的部分属性.
+         */
+        function newVarConfigTip(varConfigTip?: VarConfigTip) {
+            return new VarConfigTip({
+                cust_lvl: 0,
+                frm_id: kgVar.fid,
+                id: KgUtil.uuid(),
+                locale_id: 'ALL',
+                placement: KG__VAR_CONFIG_TIP__PLACEMENT.RIGHT,
+                tip: '',
+                var_nam: '',
+                ...(varConfigTip ?? {}),
+            });
+        }
+
+        /**
+         * 创建一个新的「提交表单字段」, 并给部分属性设置默认值.
+         *
+         * @param varSubmitDetail 要覆盖的部分属性.
+         */
+        function newVarSubmitDetail(varSubmitDetail?: VarSubmitDetail) {
+            return new VarSubmitDetail({
+                button_var_name: KG__VAR_BUTTON__TYPE.UPDATE,
+                cust_lvl: 0,
+                enable_flag: 0,
+                frm_id: kgVar.fid,
+                id: KgUtil.uuid(),
+                required_flag: 0,
+                srtseq: 0,
+                var_nam: '',
+                visible_flag: 0,
+                width: 24,
+                ...(varSubmitDetail ?? {}),
+            });
+        }
+
+        /**
+         * 创建一个新的「变量配置:表单控件」, 并给部分属性设置默认值.
+         *
+         * @param varConfigControl 要覆盖的部分属性.
+         */
+        function newVarConfigControl(varConfigControl?: VarConfigControl) {
+            return new VarConfigControl({
+                button_var_name: KG__VAR_BUTTON__TYPE.UPDATE,
+                ctrl_typ: KG.VAR_CONFIG_CONTROL.CONTROL_TYPE.INPUT,
+                cust_lvl: 0,
+                frm_id: kgVar.fid,
+                id: KgUtil.uuid(),
+                locale_id: 'ALL',
+                var_nam: '',
+                ...(varConfigControl ?? {}),
+            });
+        }
+
+        /**
+         * 创建一个新的「变量配置:变量翻译」, 并给部分属性设置默认值.
+         *
+         * @param varConfigDescription 要覆盖的部分属性.
+         */
+        function newVarConfigDescription(varConfigDescription?: VarConfigDescription) {
+            return new VarConfigDescription({
+                cust_lvl: 0,
+                frm_id: kgVar.fid,
+                id: KgUtil.uuid(),
+                locale_id: 'zh_CN',
+                var_nam: '',
+                var_text: '',
+                ...(varConfigDescription ?? {}),
+            });
+        }
+
+        /**
+         * 创建一个新的「变量配置:列表数据」, 并给部分属性设置默认值.
+         *
+         * @param varConfigPossibility 要覆盖的部分属性.
+         */
+        function newVarConfigPossibility(varConfigPossibility?: VarConfigPossibility) {
+            return new VarConfigPossibility({
+                cust_lvl: 0,
+                frm_id: kgVar.fid,
+                id: KgUtil.uuid(),
+                lbl_clm: 'label',
+                locale_id: 'zh_CN',
+                val_clm: 'value',
+                val_data_type: KG__VAR_CONFIG_POSSIBILITY__VALUE_DATA_TYPE.NUMBER,
+                var_nam: '',
+                ...(varConfigPossibility ?? {}),
+            });
+        }
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        return () => {
+            if (!kgSimulator.$Config$Toolbar$Property$IsVisible) {
+                return null;
+            }
+
+            return (
+                <KgSimulatorPanel
+                    kgPlacement={kgSimulator.$Config$Toolbar$Property$Placement}
+                    kgIsOpen={kgSimulator.$Config$Toolbar$Property$IsOpen}
+                    onUpdate:kgIsOpen={(value) => kgSimulator.set$Config$Toolbar$Property$IsOpen(value)}
+                    kgTitle={'属性'}
+                    kgClass={class$$.value}
+                >
+                    {{
+                        body: () => {
+                            return (
+                                <>
+                                    <KgVar02
+                                        id={KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY}
+                                        kgBackgroundGray={false}
+                                    />
+                                    <div class={'message'}>选中多个对象, 暂不支持编辑属性.</div>
+                                </>
+                            );
+                        },
+                    }}
+                </KgSimulatorPanel>
+            );
+        };
+    },
+});