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

package/component/KgSimulator/KgSimulator.Canvas.service.tsx

@@ -0,0 +1,3403 @@
+import { ____ERROR____, ____WARN_____ } from '@kengic/core.core';
+import { Q } from '@thymine/xunee';
+import { getCurrentInstance } from 'vue';
+import { httpClient } from '../../service';
+import { KgUtil } from '../../util';
+import { useKgSimulator } from './KgSimulator.hooks';
+import {
+    Agent,
+    AgentStatusUpdateRequest,
+    CreateAgentRequest,
+    Creator,
+    DestroyAgentRequest,
+    Destroyer,
+    Edge,
+    INodeProperty,
+    JackUpTransferStation,
+    NODE_KEY,
+    NODE_UI_KEY,
+    PalletStackerStation,
+    PhotoelectricSensor,
+    Station,
+    WEBSOCKET_PING_TYPE,
+    WebSocketMessage,
+} from './KgSimulator.model';
+import { getNodeUiByCode, isSamePoint, timestamp } from './KgSimulator.utils';
+
+export type IUseDraw = {
+    /**
+     * 绘制环形输送线--绘制传感器.
+     *
+     * @param param
+     * @param param.gdcgq 传感器.
+     */
+    $CircularConveyor$drawCGQ(param?: { gdcgq: PhotoelectricSensor }): Q.Node | null;
+
+    /**
+     * 绘制环形输送线--绘制创建者.
+     *
+     * @param param
+     * @param param.creator 创建者.
+     */
+    $CircularConveyor$drawCJZ(param?: { creator: Creator }): Q.Node | null;
+
+    /**
+     * 绘制环形输送线--绘制代理者.
+     *
+     * @param param
+     * @param param.agent 代理者.
+     */
+    $CircularConveyor$drawDLZ(param?: { agent: Agent }): Q.Node | null;
+
+    /**
+     * 绘制环形输送线--绘制叠盘机.
+     *
+     * @param param
+     * @param param.dpj 叠盘机.
+     */
+    $CircularConveyor$drawDPJ(param?: { dpj: PalletStackerStation }): Q.Node | null;
+
+    /**
+     * 绘制环形输送线--绘制输送机.
+     *
+     * @param param
+     * @param param.ptssj 输送机.
+     */
+    $CircularConveyor$drawSSJ(param?: { ptssj: Station }): Q.Node | null;
+
+    /**
+     * 绘制环形输送线--绘制销毁者.
+     *
+     * @param param
+     * @param param.destroyer 销毁者.
+     */
+    $CircularConveyor$drawXHZ(param?: { destroyer: Destroyer }): Q.Node | null;
+
+    /**
+     * 绘制环形输送线--绘制移栽机.
+     *
+     * @param param
+     * @param param.dsyzj 移栽机.
+     */
+    $CircularConveyor$drawYZJ(param?: { dsyzj: JackUpTransferStation }): Q.Node | null;
+
+    /**
+     * 绘制图形.
+     *
+     * @param param
+     * @param param.isZoomToOverview 是否纵览比例, 默认为 false.
+     */
+    draw(param?: { isZoomToOverview?: boolean }): void;
+};
+
+/**
+ * 动画效果--选中--计时器.
+ */
+let $Animation$Select$Timer: number = -1;
+
+/**
+ * 动画效果--选中--间隔时间.
+ */
+let $Animation$Select$Interval: number = 250;
+
+/**
+ * 动画效果--选中--虚线偏移.
+ */
+let $Animation$Select$DashOffset: number = 0;
+
+/**
+ * 动画效果--代理者--移动--计时器.
+ */
+let $Animation$Agent$Move$Timer: number = -1;
+
+/**
+ * 动画效果--代理者--移动--间隔时间.
+ */
+
+/**
+ * 动画效果--移栽机--上升下降箭头--计时器.
+ */
+let $Animation$YZJ$Arrow$Timer: number = -1;
+
+/**
+ * 动画效果--移栽机--上升下降箭头--间隔时间.
+ */
+let $Animation$YZJ$Arrow$Interval: number = 200;
+
+/**
+ * 动画效果--叠盘机--叠盘拆盘箭头--计时器.
+ */
+let $Animation$DPJ$Arrow$Timer: number = -1;
+
+/**
+ * 动画效果--叠盘机--叠盘拆盘箭头--间隔时间.
+ */
+let $Animation$DPJ$Arrow$Interval: number = 200;
+
+//region 钩子: 绘制
+//----------------------------------------------------------------------------------------------------
+/**
+ * 钩子: 绘制.
+ */
+export function useDraw(): IUseDraw {
+    if (getCurrentInstance()?.type?.name !== 'KgSimulatorCanvas') {
+        throw new Error('useDraw() 只能在 KgSimulatorCanvas 组件内调用');
+    }
+
+    const kgSimulator = useKgSimulator();
+
+    //region DATA
+    // ----------------------------------------------------------------------------------------------------
+
+    /**
+     * <p>是否正在绘制. 如果上次绘制尚未完成, 此时又发起了新的绘制请求, 则并不会执行新的绘制.</p>
+     */
+    let isDrawing = false;
+    // ----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region FUNCTION
+    // ----------------------------------------------------------------------------------------------------
+
+    //region 方法: 绘制环形输送线
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线.
+     *
+     * @param param
+     * @param param.isZoomToOverview 是否纵览比例, 默认为 false.
+     */
+    function $CircularConveyor$draw(param?: { isZoomToOverview?: boolean }) {
+        try {
+            // 上次绘制尚未完成, 取消本次绘制,
+            if (isDrawing) {
+                return;
+            }
+
+            isDrawing = true;
+
+            kgSimulator.get$graph()!.clear();
+
+            $CircularConveyor$drawSSJList();
+            $CircularConveyor$drawYZJList();
+            $CircularConveyor$drawDPJList();
+            $CircularConveyor$drawCGQList();
+
+            $CircularConveyor$drawCJZList();
+            $CircularConveyor$drawXHZList();
+
+            $CircularConveyor$drawEdgeList();
+
+            $CircularConveyor$drawDLZList();
+
+            if (kgSimulator.$Mode$IsSimulate && kgSimulator.$Config$CircularConveyor$IsDrawDefaultPhotoelectricSensor) {
+                $CircularConveyor$drawDefaultCGQList();
+            }
+
+            if (param?.isZoomToOverview ?? false) {
+                setTimeout(() => {
+                    kgSimulator.get$graph()!.zoomToOverview(false);
+                }, 200);
+            }
+
+            isDrawing = false;
+        } catch (e) {
+            isDrawing = false;
+            throw e;
+        } finally {
+        }
+    }
+
+    //region 方法: 绘制「创建者」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制创建者列表.
+     */
+    function $CircularConveyor$drawCJZList() {
+        //region 停止计时器
+        //----------------------------------------------------------------------------------------------------
+        kgSimulator.get$graph()?.forEach((element: Q.Node | Q.Edge) => {
+            if (element instanceof Q.Node && (element.properties as INodeProperty).type === NODE_KEY.CJZ && (element.properties as INodeProperty).$Creator$Timer && (element.properties as INodeProperty).$Creator$Timer != -1) {
+                clearTimeout((element.properties as INodeProperty).$Creator$Timer);
+            }
+        });
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.creators?.forEach((creator) => {
+            const creatorNode = $CircularConveyor$drawCJZ({ creator: creator });
+
+            if (creatorNode) {
+                //region 开始计时器
+                //----------------------------------------------------------------------------------------------------
+                if (!creator.interval || creator.interval <= 0) {
+                    ____ERROR____('KgSimulatorCanvas | 创建者 | 定时创建代理者 | 创建间隔 interval 非法', { creator: creator });
+                } else {
+                    (creatorNode.properties as INodeProperty).$Creator$Timer = window.setTimeout(() => {
+                        $CircularConveyor$Creator$CreateAgent({ creator: creator, creatorNode: creatorNode });
+                    }, creator.interval);
+                }
+                //----------------------------------------------------------------------------------------------------
+                //endregion
+            }
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 创建者--创建代理者
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * @param param.creator 创建者.
+     * @param param.creatorNode 创建者节点.
+     */
+    async function $CircularConveyor$Creator$CreateAgent(param: { creator: Creator; creatorNode: Q.Node }) {
+        if (kgSimulator.$Mode$Simulate$IsRunning && param.creator.isEnable) {
+            if (kgSimulator.$Env$CircularConveyor$CurrentScene?.agents?.find((i) => isSamePoint(i.x, param.creator.x) && isSamePoint(i.y, param.creator.y))) {
+                // 创建者的坐标上已经有其他的代理者, 则不创建新的代理者,
+            } else {
+                try {
+                    await httpClient().request({
+                        data: new CreateAgentRequest({
+                            angle: param.creator.angle,
+                            creatorId: param.creator.id,
+                            sceneId: param.creator.sceneId,
+                            x: param.creator.x,
+                            y: param.creator.y,
+                            z: param.creator.z,
+                        }),
+                        method: 'POST',
+                        url: `${kgSimulator.$Config$CircularConveyor$Api$CreateAgent}?timestamp=${timestamp()}`,
+                    });
+                } catch (e: any) {
+                    ____ERROR____(`KgSimulatorCanvas | 创建者 | 定时创建代理者 | 创建接口报错: ${e.message}`);
+                }
+            }
+        }
+        // 仿真没有运行, 或者创建者没有启用,
+        else {
+            // N/A
+        }
+
+        (param.creatorNode.properties as INodeProperty).$Creator$Timer = window.setTimeout(() => {
+            $CircularConveyor$Creator$CreateAgent(param);
+        }, param.creator.interval!);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「创建者」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制创建者.
+     *
+     * @param param
+     * @param param.station 创建者.
+     */
+    function $CircularConveyor$drawCJZ(param: { creator: Creator }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.creator.x ?? 0;
+        const y = param.creator.y ?? 0;
+        const width = param.creator.width ?? 200;
+        const length = param.creator.length ?? 200;
+
+        const radiusX = width / 2 - lineWidth / 2;
+
+        const path = new Q.Path();
+        path.moveTo(0, -radiusX);
+        path.arcTo(radiusX, -radiusX, radiusX, 0, radiusX);
+        path.arcTo(radiusX, radiusX, 0, radiusX, radiusX);
+        path.arcTo(-radiusX, radiusX, -radiusX, 0, radiusX);
+        path.arcTo(-radiusX, -radiusX, 0, -radiusX, radiusX);
+        path.closePath();
+
+        const node = kgSimulator.get$graph()!.createNode(null, x, y);
+        node.size = new Q.Size(width, length);
+        node.image = path;
+        node.zIndex = 3;
+        node.movable = false;
+        node.selectable = true;
+        node.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#ffec3d88',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+        });
+        node.properties = {
+            $Creator$Timer: -1,
+            data: param.creator,
+            type: NODE_KEY.CJZ,
+        } as INodeProperty;
+
+        $CircularConveyor$drawCJZ$DrawText({ creator: param.creator, creatorNode: node });
+
+        return node;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「创建者」文本
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制创建者--绘制文本.
+     *
+     * @param param.creator 创建者.
+     * @param param.creatorNode 创建者节点.
+     */
+    function $CircularConveyor$drawCJZ$DrawText(param: { creator: Creator; creatorNode: Q.Node }): void {
+        const labelUI = new Q.LabelUI(param.creator.code || param.creator.id || 'NULL');
+
+        labelUI.code = NODE_UI_KEY.CJZ_CODE;
+        labelUI.fontSize = 192;
+        labelUI.position = Q.Position.CENTER_MIDDLE;
+        labelUI.anchorPosition = Q.Position.CENTER_MIDDLE;
+        labelUI.alignPosition = Q.Position.CENTER_MIDDLE;
+        labelUI.borderRadius = 0;
+        labelUI.showPointer = false;
+        labelUI.color = '#000000';
+        labelUI.syncSelection = false;
+
+        param.creatorNode.addUI(labelUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「销毁者」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制销毁者列表.
+     */
+    function $CircularConveyor$drawXHZList() {
+        //region 停止计时器
+        //----------------------------------------------------------------------------------------------------
+        kgSimulator.get$graph()?.forEach((element: Q.Node | Q.Edge) => {
+            if (element instanceof Q.Node && (element.properties as INodeProperty).type === NODE_KEY.XHZ && (element.properties as INodeProperty).$Destroyer$Timer && (element.properties as INodeProperty).$Destroyer$Timer != -1) {
+                clearTimeout((element.properties as INodeProperty).$Destroyer$Timer);
+            }
+        });
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.destroyers?.forEach((destroyer) => {
+            const destroyerNode = $CircularConveyor$drawXHZ({ destroyer: destroyer });
+
+            if (destroyerNode) {
+                //region 开始计时器
+                //----------------------------------------------------------------------------------------------------
+                if (!destroyer.interval || destroyer.interval <= 0) {
+                    ____ERROR____('KgSimulatorCanvas | 销毁者 | 定时销毁代理者 | 销毁间隔 interval 非法', { destroyer: destroyer });
+                } else {
+                    (destroyerNode.properties as INodeProperty).$Destroyer$Timer = window.setTimeout(() => {
+                        circularConveyor$Destroyer$DestroyAgent({ destroyer: destroyer, destroyerNode: destroyerNode });
+                    }, destroyer.interval);
+                }
+                //----------------------------------------------------------------------------------------------------
+                //endregion
+            }
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 销毁者--销毁代理者
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * @param param.destroyer 销毁者.
+     * @param param.destroyerNode 销毁者节点.
+     */
+    async function circularConveyor$Destroyer$DestroyAgent(param: { destroyer: Destroyer; destroyerNode: Q.Node }) {
+        if (kgSimulator.$Mode$Simulate$IsRunning && param.destroyer.isEnable) {
+            // 销毁者坐标上的代理者,
+            const existingAgent = kgSimulator.$Env$CircularConveyor$CurrentScene?.agents?.find((i) => isSamePoint(i.x, param.destroyer.x) && isSamePoint(i.y, param.destroyer.y));
+
+            if (!existingAgent) {
+                // 销毁者的坐标上尚无代理者, 则不销毁,
+            } else {
+                try {
+                    await httpClient().request({
+                        data: new DestroyAgentRequest({
+                            agentId: existingAgent.code,
+                            destroyerId: param.destroyer.id,
+                        }),
+                        method: 'POST',
+                        url: `${kgSimulator.$Config$CircularConveyor$Api$DestroyAgent}?timestamp=${timestamp()}`,
+                    });
+                } catch (e: any) {
+                    ____ERROR____(`KgSimulatorCanvas | 销毁者 | 定时销毁代理者 | 销毁接口报错: ${e.message}`);
+                }
+            }
+        } else {
+            // 仿真没有运行, 或者销毁者没有启用,
+        }
+
+        (param.destroyerNode.properties as INodeProperty).$Destroyer$Timer = window.setTimeout(() => {
+            circularConveyor$Destroyer$DestroyAgent(param);
+        }, param.destroyer.interval!);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「销毁者」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制销毁者.
+     *
+     * @param param
+     * @param param.destroyer 销毁者.
+     */
+    function $CircularConveyor$drawXHZ(param: { destroyer: Destroyer }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.destroyer.x ?? 0;
+        const y = param.destroyer.y ?? 0;
+        const width = param.destroyer.width ?? 200;
+        const length = param.destroyer.length ?? 200;
+
+        const radiusX = width / 2 - lineWidth / 2;
+
+        const path = new Q.Path();
+        path.moveTo(0, -radiusX);
+        path.arcTo(radiusX, -radiusX, radiusX, 0, radiusX);
+        path.arcTo(radiusX, radiusX, 0, radiusX, radiusX);
+        path.arcTo(-radiusX, radiusX, -radiusX, 0, radiusX);
+        path.arcTo(-radiusX, -radiusX, 0, -radiusX, radiusX);
+        path.closePath();
+
+        const node = kgSimulator.get$graph()!.createNode(null, x, y);
+        node.size = new Q.Size(width, length);
+        node.image = path;
+        node.zIndex = 3;
+        node.movable = false;
+        node.selectable = true;
+        node.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#ff4d4f88',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+        });
+        node.properties = {
+            data: param.destroyer,
+            type: NODE_KEY.XHZ,
+        } as INodeProperty;
+
+        $CircularConveyor$drawXHZ$DrawText({ destroyer: param.destroyer, destroyerNode: node });
+
+        return node;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「销毁者」文本
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制销毁者--绘制文本.
+     *
+     * @param param.destroyer 销毁者.
+     * @param param.destroyerNode 销毁者节点.
+     */
+    function $CircularConveyor$drawXHZ$DrawText(param: { destroyer: Destroyer; destroyerNode: Q.Node }): void {
+        const labelUI = new Q.LabelUI(param.destroyer.code || param.destroyer.id || 'NULL');
+
+        labelUI.code = NODE_UI_KEY.XHZ_CODE;
+        labelUI.fontSize = 192;
+        labelUI.position = Q.Position.CENTER_MIDDLE;
+        labelUI.anchorPosition = Q.Position.CENTER_MIDDLE;
+        labelUI.alignPosition = Q.Position.CENTER_MIDDLE;
+        labelUI.borderRadius = 0;
+        labelUI.showPointer = false;
+        labelUI.color = '#000000';
+        labelUI.syncSelection = false;
+
+        param.destroyerNode.addUI(labelUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「输送机」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制输送机列表.
+     */
+    function $CircularConveyor$drawSSJList() {
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.stations?.forEach((station) => {
+            $CircularConveyor$drawSSJ({ ptssj: station });
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「输送机」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制输送机.
+     *
+     * @param param
+     * @param param.station 输送机.
+     */
+    function $CircularConveyor$drawSSJ(param: { ptssj: Station }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.ptssj.x ?? 0;
+        const y = param.ptssj.y ?? 0;
+        const width = param.ptssj.width ?? 200;
+        const length = param.ptssj.length ?? 200;
+
+        const path = new Q.Path();
+        path.moveTo(-(width / 2 - lineWidth / 2), -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, length / 2 - lineWidth / 2);
+        path.lineTo(-(width / 2 - lineWidth / 2), length / 2 - lineWidth / 2);
+        path.closePath();
+
+        const node = kgSimulator.get$graph()!.createNode(null, x, y);
+        node.size = new Q.Size(width, length);
+        node.image = path;
+        node.zIndex = 1;
+        node.movable = true;
+        node.selectable = true;
+        node.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#4CAF50',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+        });
+        node.properties = {
+            data: param.ptssj,
+            type: NODE_KEY.SSJ,
+        } as INodeProperty;
+
+        $CircularConveyor$drawSSJ$DrawText({ ptssj: param.ptssj, ptssjNode: node });
+
+        return node;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「输送机」文本
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制输送机--绘制文本.
+     *
+     * @param param.ptssj 输送机.
+     * @param param.ptssjNode 输送机节点.
+     */
+    function $CircularConveyor$drawSSJ$DrawText(param: { ptssj: Station; ptssjNode: Q.Node }): void {
+        const labelUI = new Q.LabelUI(param.ptssj.code || param.ptssj.id || 'NULL');
+
+        labelUI.code = NODE_UI_KEY.SSJ_CODE;
+        labelUI.fontSize = 256;
+        labelUI.position = Q.Position.LEFT_TOP;
+        labelUI.anchorPosition = Q.Position.LEFT_TOP;
+        labelUI.alignPosition = Q.Position.LEFT_TOP;
+        labelUI.borderRadius = 0;
+        labelUI.showPointer = false;
+        labelUI.color = '#000000';
+        labelUI.syncSelection = false;
+        labelUI.offsetX = 20 * 2;
+        labelUI.offsetY = 20 * 2;
+
+        param.ptssjNode.addUI(labelUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「移栽机」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制移栽机列表.
+     */
+    function $CircularConveyor$drawYZJList() {
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.jackUpTransferStations?.forEach((yzj) => {
+            $CircularConveyor$drawYZJ({ dsyzj: yzj });
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「移栽机」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制移栽机.
+     *
+     * @param param
+     * @param param.dsyzj 移栽机.
+     */
+    function $CircularConveyor$drawYZJ(param: { dsyzj: JackUpTransferStation }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.dsyzj.x ?? 0;
+        const y = param.dsyzj.y ?? 0;
+        const width = param.dsyzj.width ?? 200;
+        const length = param.dsyzj.length ?? 200;
+
+        const path = new Q.Path();
+        path.moveTo(-(width / 2 - lineWidth / 2), -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, length / 2 - lineWidth / 2);
+        path.lineTo(-(width / 2 - lineWidth / 2), length / 2 - lineWidth / 2);
+        path.closePath();
+
+        const node = kgSimulator.get$graph()!.createNode(null, x, y);
+        node.size = new Q.Size(width, length);
+        node.image = path;
+        node.zIndex = 1;
+        node.movable = true;
+        node.selectable = true;
+        node.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#ece2fe',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+        });
+        node.properties = {
+            $YZJ$CurrentPosition: 'UP',
+            $YZJ$IsDownDoing: false,
+            $YZJ$IsUpDoing: false,
+            data: param.dsyzj,
+            type: NODE_KEY.YZJ,
+        } as INodeProperty;
+
+        $CircularConveyor$drawYZJ$DrawText({ dsyzj: param.dsyzj, dsyzjNode: node });
+
+        if (kgSimulator.$Mode$IsMonitor || kgSimulator.$Mode$IsSimulate) {
+            $CircularConveyor$drawYZJ$DrawUpArrow({ dsyzj: param.dsyzj, dsyzjNode: node });
+            $CircularConveyor$drawYZJ$DrawDownArrow({ dsyzj: param.dsyzj, dsyzjNode: node });
+        }
+
+        return node;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「移栽机」文本
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制移栽机--绘制文本.
+     *
+     * @param param.dsyzj 移栽机.
+     * @param param.dsyzjNode 移栽机节点.
+     */
+    function $CircularConveyor$drawYZJ$DrawText(param: { dsyzj: JackUpTransferStation; dsyzjNode: Q.Node }): void {
+        const labelUI = new Q.LabelUI(param.dsyzj.code || param.dsyzj.id || 'NULL');
+
+        labelUI.code = NODE_UI_KEY.YZJ_CODE;
+        labelUI.fontSize = 256;
+        labelUI.position = Q.Position.LEFT_TOP;
+        labelUI.anchorPosition = Q.Position.LEFT_TOP;
+        labelUI.alignPosition = Q.Position.LEFT_TOP;
+        labelUI.borderRadius = 0;
+        labelUI.showPointer = false;
+        labelUI.color = '#000000';
+        labelUI.syncSelection = false;
+        labelUI.offsetX = 20 * 2;
+        labelUI.offsetY = 20 * 2;
+
+        param.dsyzjNode.addUI(labelUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「移栽机」上升箭头
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制移栽机--绘制上升箭头.
+     *
+     * @param param.dsyzj 移栽机.
+     * @param param.dsyzjNode 移栽机节点.
+     */
+    function $CircularConveyor$drawYZJ$DrawUpArrow(param: { dsyzj: JackUpTransferStation; dsyzjNode: Q.Node }): void {
+        const lineWidth = 20;
+
+        const path = new Q.Path();
+        path.lineJoin = Q.Consts.LINE_JOIN_TYPE_MITER;
+        path.lineCap = Q.Consts.LINE_CAP_TYPE_SQUARE;
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(lineWidth * 10, lineWidth * 30);
+        path.closePath();
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(0, lineWidth * 20);
+        path.lineTo(lineWidth * 20, lineWidth * 20);
+        path.lineTo(lineWidth * 10, 0);
+        path.closePath();
+
+        const imageUI = new Q.ImageUI(path);
+        imageUI.code = NODE_UI_KEY.YZJ_UP_ARROW;
+        imageUI.visible = false;
+        imageUI.syncSelection = false;
+        imageUI.anchorPosition = Q.Position.RIGHT_TOP;
+        imageUI.position = Q.Position.RIGHT_TOP;
+        imageUI.strokeStyle = '#9254de';
+        imageUI.fillColor = '#9254de';
+        imageUI.lineWidth = lineWidth;
+        imageUI.offsetX = -lineWidth * 3;
+        imageUI.offsetY = lineWidth * 3;
+
+        param.dsyzjNode.addUI(imageUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「移栽机」下降箭头
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制移栽机--绘制下降箭头.
+     *
+     * @param param.dsyzj 移栽机.
+     * @param param.dsyzjNode 移栽机节点.
+     */
+    function $CircularConveyor$drawYZJ$DrawDownArrow(param: { dsyzj: JackUpTransferStation; dsyzjNode: Q.Node }): void {
+        const lineWidth = 20;
+
+        const path = new Q.Path();
+        path.lineJoin = Q.Consts.LINE_JOIN_TYPE_MITER;
+        path.lineCap = Q.Consts.LINE_CAP_TYPE_SQUARE;
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(lineWidth * 10, lineWidth * 30);
+        path.closePath();
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(0, lineWidth * 20);
+        path.lineTo(lineWidth * 20, lineWidth * 20);
+        path.lineTo(lineWidth * 10, 0);
+        path.closePath();
+
+        const imageUI = new Q.ImageUI(path);
+        imageUI.code = NODE_UI_KEY.YZJ_DOWN_ARROW;
+        imageUI.visible = false;
+        imageUI.syncSelection = false;
+        imageUI.anchorPosition = Q.Position.RIGHT_TOP;
+        imageUI.position = Q.Position.RIGHT_TOP;
+        imageUI.strokeStyle = '#36cfc9';
+        imageUI.fillColor = '#36cfc9';
+        imageUI.lineWidth = lineWidth;
+        imageUI.offsetX = -lineWidth * 24;
+        imageUI.offsetY = lineWidth * 33;
+        imageUI.rotate = (Math.PI / 180) * 180;
+
+        param.dsyzjNode.addUI(imageUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「叠盘机」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制叠盘机列表.
+     */
+    function $CircularConveyor$drawDPJList() {
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.palletStackerStations?.forEach((dpj) => {
+            $CircularConveyor$drawDPJ({ dpj: dpj });
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「叠盘机」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制叠盘机.
+     *
+     * @param param
+     * @param param.dpj 叠盘机.
+     */
+    function $CircularConveyor$drawDPJ(param: { dpj: PalletStackerStation }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.dpj.x ?? 0;
+        const y = param.dpj.y ?? 0;
+        const width = param.dpj.width ?? 200;
+        const length = param.dpj.length ?? 200;
+
+        //region 「叠盘机」下面的「输送机」
+        // 叠盘机正下方有一个输送机, 为了避免输送机被叠盘机完全覆盖, 因此调整输送机的文本位置,
+        //----------------------------------------------------------------------------------------------------
+        const ptssjNode = kgSimulator.get$graph()!.graphModel.datas.find((i) => i instanceof Q.Node && i.x === x && i.y === y);
+        if (ptssjNode) {
+            const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.SSJ_CODE, node: ptssjNode });
+            if (labelUI) {
+                labelUI.ui.showOnTop = true;
+                labelUI.ui.offsetY = lineWidth * 14;
+            }
+        }
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        const path = new Q.Path();
+        path.moveTo(-(width / 2 - lineWidth / 2), -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, length / 2 - lineWidth / 2);
+        path.lineTo(-(width / 2 - lineWidth / 2), length / 2 - lineWidth / 2);
+        path.closePath();
+
+        const dpjNode = kgSimulator.get$graph()!.createNode(null, x, y);
+        dpjNode.size = new Q.Size(width, length);
+        dpjNode.image = path;
+        dpjNode.zIndex = 2;
+        dpjNode.movable = true;
+        dpjNode.selectable = true;
+        dpjNode.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#7EDAFB',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+        });
+        dpjNode.properties = {
+            data: param.dpj,
+            type: NODE_KEY.DPJ,
+        } as INodeProperty;
+
+        $CircularConveyor$drawDPJ$DrawText({ dpj: param.dpj, dpjNode: dpjNode });
+
+        if (kgSimulator.$Mode$IsMonitor || kgSimulator.$Mode$IsSimulate) {
+            $CircularConveyor$drawDPJ$DrawInArrow({ dpj: param.dpj, dpjNode: dpjNode });
+            $CircularConveyor$drawDPJ$DrawOutArrow({ dpj: param.dpj, dpjNode: dpjNode });
+        }
+
+        return dpjNode;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「叠盘机」文本
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制叠盘机--绘制文本.
+     *
+     * @param param.dpj 叠盘机.
+     * @param param.dpjNode 叠盘机节点.
+     */
+    function $CircularConveyor$drawDPJ$DrawText(param: { dpj: PalletStackerStation; dpjNode: Q.Node }): void {
+        const labelUI = new Q.LabelUI(param.dpj.code || param.dpj.id || 'NULL');
+
+        labelUI.code = NODE_UI_KEY.DPJ_CODE;
+        labelUI.fontSize = 256;
+        labelUI.position = Q.Position.LEFT_TOP;
+        labelUI.anchorPosition = Q.Position.LEFT_TOP;
+        labelUI.alignPosition = Q.Position.LEFT_TOP;
+        labelUI.borderRadius = 0;
+        labelUI.showPointer = false;
+        labelUI.color = '#000000';
+        labelUI.syncSelection = false;
+        labelUI.offsetX = 20 * 2;
+        labelUI.offsetY = 20 * 2;
+
+        param.dpjNode.addUI(labelUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「叠盘机」叠盘箭头
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制叠盘机--绘制叠盘箭头.
+     *
+     * @param param.dpj 叠盘机.
+     * @param param.dpjNode 叠盘机节点.
+     */
+    function $CircularConveyor$drawDPJ$DrawInArrow(param: { dpj: PalletStackerStation; dpjNode: Q.Node }): void {
+        const lineWidth = 20;
+
+        const path = new Q.Path();
+        path.lineJoin = Q.Consts.LINE_JOIN_TYPE_MITER;
+        path.lineCap = Q.Consts.LINE_CAP_TYPE_SQUARE;
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(lineWidth * 10, lineWidth * 30);
+        path.closePath();
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(0, lineWidth * 20);
+        path.lineTo(lineWidth * 20, lineWidth * 20);
+        path.lineTo(lineWidth * 10, 0);
+        path.closePath();
+
+        const imageUI = new Q.ImageUI(path);
+        imageUI.code = NODE_UI_KEY.DPJ_IN_ARROW;
+        imageUI.visible = false;
+        imageUI.syncSelection = false;
+        imageUI.anchorPosition = Q.Position.RIGHT_TOP;
+        imageUI.position = Q.Position.RIGHT_TOP;
+        imageUI.strokeStyle = '#9254de';
+        imageUI.fillColor = '#9254de';
+        imageUI.lineWidth = lineWidth;
+        imageUI.offsetX = -lineWidth * 3;
+        imageUI.offsetY = lineWidth * 3;
+
+        param.dpjNode.addUI(imageUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「叠盘机」拆盘箭头
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制叠盘机--绘制拆盘箭头.
+     *
+     * @param param.dpj 叠盘机.
+     * @param param.dpjNode 叠盘机节点.
+     */
+    function $CircularConveyor$drawDPJ$DrawOutArrow(param: { dpj: PalletStackerStation; dpjNode: Q.Node }): void {
+        const lineWidth = 20;
+
+        const path = new Q.Path();
+        path.lineJoin = Q.Consts.LINE_JOIN_TYPE_MITER;
+        path.lineCap = Q.Consts.LINE_CAP_TYPE_SQUARE;
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(lineWidth * 10, lineWidth * 30);
+        path.closePath();
+
+        path.moveTo(lineWidth * 10, 0);
+        path.lineTo(0, lineWidth * 20);
+        path.lineTo(lineWidth * 20, lineWidth * 20);
+        path.lineTo(lineWidth * 10, 0);
+        path.closePath();
+
+        const imageUI = new Q.ImageUI(path);
+        imageUI.code = NODE_UI_KEY.DPJ_OUT_ARROW;
+        imageUI.visible = false;
+        imageUI.syncSelection = false;
+        imageUI.anchorPosition = Q.Position.RIGHT_TOP;
+        imageUI.position = Q.Position.RIGHT_TOP;
+        imageUI.strokeStyle = '#36cfc9';
+        imageUI.fillColor = '#36cfc9';
+        imageUI.lineWidth = lineWidth;
+        imageUI.offsetX = -lineWidth * 24;
+        imageUI.offsetY = lineWidth * 33;
+        imageUI.rotate = (Math.PI / 180) * 180;
+
+        param.dpjNode.addUI(imageUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制默认的「传感器」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制默认的传感器列表.
+     */
+    function $CircularConveyor$drawDefaultCGQList() {
+        kgSimulator.get$graph()!.graphModel.datas.forEach((element) => {
+            if (element instanceof Q.Node) {
+                // 「输送机」
+                if ((element.properties as INodeProperty).type === NODE_KEY.SSJ) {
+                    let isToUp = false;
+                    let isToDown = false;
+                    let isToLeft = false;
+                    let isToRight = false;
+
+                    element.forEachEdge((edge: Q.Edge) => {
+                        const station = (element.properties as INodeProperty).data as Station;
+
+                        switch (true) {
+                            case edge.from.x === edge.to.x && edge.from.y < edge.to.y: {
+                                isToUp = true;
+                                break;
+                            }
+
+                            case edge.from.x === edge.to.x && edge.from.y > edge.to.y: {
+                                isToDown = true;
+                                break;
+                            }
+
+                            case edge.from.x > edge.to.x && edge.from.y === edge.to.y: {
+                                isToLeft = true;
+                                break;
+                            }
+
+                            case edge.from.x < edge.to.x && edge.from.y === edge.to.y: {
+                                isToRight = true;
+                                break;
+                            }
+                        }
+
+                        const gdcgq = new PhotoelectricSensor({
+                            angle: 0,
+                            code: '',
+                            height: 0,
+                            id: '',
+                            length: 0,
+                            priority: 0,
+                            sceneId: station.sceneId,
+                            startOffset: 0,
+                            stationId: station.id,
+                            status: 0,
+                            type: 0,
+                            width: 0,
+                            x: 0,
+                            y: 0,
+                            z: 0,
+                        });
+
+                        if (isToUp) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: 20,
+                                    width: station.width! + 20,
+                                    x: element.x,
+                                    y:
+                                        element.y +
+                                        station.length! / 2 -
+                                        (station.isLongDistanceSensorOnY ? kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$LongDistance : kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance),
+                                },
+                            });
+                        }
+
+                        if (isToDown) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: 20,
+                                    width: station.width! + 20,
+                                    x: element.x,
+                                    y:
+                                        element.y -
+                                        station.length! / 2 +
+                                        (station.isLongDistanceSensorOnY ? kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$LongDistance : kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance),
+                                },
+                            });
+                        }
+
+                        if (isToLeft) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: station.length! + 20,
+                                    width: 20,
+                                    x:
+                                        element.x -
+                                        station.width! / 2 +
+                                        (station.isLongDistanceSensorOnX ? kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$LongDistance : kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance),
+                                    y: element.y,
+                                },
+                            });
+                        }
+
+                        if (isToRight) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: station.length! + 20,
+                                    width: 20,
+                                    x:
+                                        element.x +
+                                        station.width! / 2 -
+                                        (station.isLongDistanceSensorOnX ? kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$LongDistance : kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance),
+                                    y: element.y,
+                                },
+                            });
+                        }
+                    });
+                }
+
+                // 「移栽机」
+                if ((element.properties as INodeProperty).type === NODE_KEY.YZJ) {
+                    let isToUp = false;
+                    let isToDown = false;
+                    let isToLeft = false;
+                    let isToRight = false;
+
+                    element.forEachEdge((edge: Q.Edge) => {
+                        const dsyzj = (element.properties as INodeProperty).data as JackUpTransferStation;
+
+                        switch (true) {
+                            case edge.from.x === edge.to.x && edge.from.y < edge.to.y: {
+                                isToUp = true;
+                                break;
+                            }
+
+                            case edge.from.x === edge.to.x && edge.from.y > edge.to.y: {
+                                isToDown = true;
+                                break;
+                            }
+
+                            case edge.from.x > edge.to.x && edge.from.y === edge.to.y: {
+                                isToLeft = true;
+                                break;
+                            }
+
+                            case edge.from.x < edge.to.x && edge.from.y === edge.to.y: {
+                                isToRight = true;
+                                break;
+                            }
+                        }
+
+                        const gdcgq = new PhotoelectricSensor({
+                            angle: 0,
+                            code: '',
+                            height: 0,
+                            id: '',
+                            length: 0,
+                            priority: 0,
+                            sceneId: dsyzj.sceneId,
+                            startOffset: 0,
+                            stationId: dsyzj.id,
+                            status: 0,
+                            type: 0,
+                            width: 0,
+                            x: 0,
+                            y: 0,
+                            z: 0,
+                        });
+
+                        if (isToUp) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: 20,
+                                    width: dsyzj.width! + 20,
+                                    x: element.x,
+                                    y: element.y + dsyzj.length! / 2 - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance,
+                                },
+                            });
+                        }
+
+                        if (isToDown) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: 20,
+                                    width: dsyzj.width! + 20,
+                                    x: element.x,
+                                    y: element.y - dsyzj.length! / 2 + kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance,
+                                },
+                            });
+                        }
+
+                        if (isToLeft) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: dsyzj.length! + 20,
+                                    width: 20,
+                                    x: element.x - dsyzj.width! / 2 + kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance,
+                                    y: element.y,
+                                },
+                            });
+                        }
+
+                        if (isToRight) {
+                            $CircularConveyor$drawCGQ({
+                                gdcgq: {
+                                    ...gdcgq,
+                                    id: KgUtil.uuid(),
+                                    length: dsyzj.length! + 20,
+                                    width: 20,
+                                    x: element.x + dsyzj.width! / 2 - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance,
+                                    y: element.y,
+                                },
+                            });
+                        }
+                    });
+                }
+            }
+        });
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「传感器」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制传感器列表.
+     */
+    function $CircularConveyor$drawCGQList() {
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.photoelectricSensors?.forEach((gdcgq) => {
+            $CircularConveyor$drawCGQ({ gdcgq: gdcgq });
+        });
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「传感器」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制传感器.
+     *
+     * @param param
+     * @param param.gdcgq 传感器.
+     */
+    function $CircularConveyor$drawCGQ(param: { gdcgq: PhotoelectricSensor }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.gdcgq.x ?? 0;
+        const y = param.gdcgq.y ?? 0;
+        const width = param.gdcgq.width ?? 200;
+        const length = param.gdcgq.length ?? lineWidth;
+
+        const path = new Q.Path();
+        path.moveTo(-(width / 2 - lineWidth / 2), -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, length / 2 - lineWidth / 2);
+        path.lineTo(-(width / 2 - lineWidth / 2), length / 2 - lineWidth / 2);
+        path.closePath();
+
+        const node = kgSimulator.get$graph()!.createNode(null, x, y);
+        node.size = new Q.Size(width, length);
+        node.image = path;
+        node.zIndex = 4;
+        node.movable = true;
+        node.selectable = true;
+        node.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#ff0000',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#ff0000',
+        });
+        node.properties = {
+            data: param.gdcgq,
+            type: NODE_KEY.CGQ,
+        } as INodeProperty;
+
+        return node;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「连线」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制连线列表.
+     */
+    function $CircularConveyor$drawEdgeList() {
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.edges?.forEach((edge) => {
+            $CircularConveyor$drawEdge({ edge: edge });
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「连线」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制连线.
+     *
+     * @param param
+     * @param param.edge 连线.
+     */
+    function $CircularConveyor$drawEdge(param: { edge: Edge }): Q.Edge | null {
+        const lineWidth = 20;
+
+        if (!param.edge.source) {
+            ____ERROR____('KgSimulatorCanvas | 绘制连线 | 起始节点主键（source）为空', { edge: param.edge });
+            return null;
+        }
+
+        if (!param.edge.target) {
+            ____ERROR____('KgSimulatorCanvas | 绘制连线 | 目标节点主键（target）为空', { edge: param.edge });
+            return null;
+        }
+
+        if (param.edge.source === param.edge.target) {
+            ____ERROR____('KgSimulatorCanvas | 绘制连线 | 起始节点主键（source）和目标节点主键（target）一样了', { edge: param.edge });
+            return null;
+        }
+
+        const station01Node: Q.Node = kgSimulator.get$graph()!.graphModel.datas.find((i) => (i.properties as INodeProperty).data.id === param.edge.source);
+        if (!station01Node) {
+            ____ERROR____('KgSimulatorCanvas | 绘制连线 | 起始节点为空');
+            return null;
+        }
+
+        const stationNode02: Q.Node = kgSimulator.get$graph()!.graphModel.datas.find((i) => (i.properties as INodeProperty).data.id === param.edge.target);
+        if (!stationNode02) {
+            ____ERROR____('KgSimulatorCanvas | 绘制连线 | 目标节点为空');
+            return null;
+        }
+
+        if (station01Node.x !== stationNode02.x && station01Node.y !== stationNode02.y) {
+            ____WARN_____(`KgSimulatorCanvas | 绘制连线 | 「${(station01Node.properties as INodeProperty).data.code}」到「${(stationNode02.properties as INodeProperty).data.code}」不是一条水平或者垂直路线, 请确认坐标是否有误`);
+        }
+
+        // 连线长度,
+        const length = (() => {
+            if (station01Node.x === stationNode02.x) {
+                return Math.abs(station01Node.y - stationNode02.y);
+            } else {
+                return Math.abs(station01Node.x - stationNode02.x);
+            }
+        })();
+
+        // 根据主线支线确定线宽,
+        const EDGE_WIDTH = (() => {
+            // 主线,
+            if (param.edge.isPrimary) {
+                return lineWidth * 4;
+            }
+            // 支线,
+            else {
+                return lineWidth * 2;
+            }
+        })();
+
+        // 如果节点之间已经存在连线, 则需要调整连线偏移位置, 避免连线相互遮盖,
+        let EDGE_OFFSET = (() => {
+            if (station01Node.hasEdgeWith(stationNode02) || stationNode02.hasEdgeWith(station01Node)) {
+                if (station01Node.x === stationNode02.x) {
+                    return { x: EDGE_WIDTH * 6.5, y: 0 };
+                } else {
+                    return { x: 0, y: EDGE_WIDTH * 6.5 };
+                }
+            }
+
+            return { x: 0, y: 0 };
+        })();
+
+        const edge: Q.Edge = kgSimulator.get$graph()!.createEdge(null, station01Node, stationNode02);
+        edge.zIndex = 6;
+        // 如果起始节点和终止节点重合了, 则隐藏连线,
+        edge.visible = !(station01Node.x === stationNode02.x && station01Node.y === stationNode02.y);
+        edge.putStyles({
+            [Q.Styles.ARROW_FROM]: Q.Consts.SHAPE_RECT,
+            [Q.Styles.ARROW_FROM_FILL_COLOR]: '#000000',
+            [Q.Styles.ARROW_FROM_LINE_CAP]: Q.Consts.LINE_CAP_TYPE_BUTT,
+            [Q.Styles.ARROW_FROM_LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.ARROW_FROM_SIZE]: EDGE_WIDTH,
+            [Q.Styles.ARROW_FROM_STROKE]: 0,
+            [Q.Styles.ARROW_TO]: Q.Consts.SHAPE_TRIANGLE,
+            [Q.Styles.ARROW_TO_FILL_COLOR]: '#666666',
+            [Q.Styles.ARROW_TO_LINE_CAP]: Q.Consts.LINE_CAP_TYPE_BUTT,
+            [Q.Styles.ARROW_TO_LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.ARROW_TO_SIZE]: lineWidth * 20,
+            [Q.Styles.ARROW_TO_STROKE]: 0,
+            [Q.Styles.EDGE_COLOR]: '#666666',
+            [Q.Styles.EDGE_CORNER]: Q.Consts.EDGE_CORNER_NONE,
+            [Q.Styles.EDGE_FROM_AT_EDGE]: false,
+            [Q.Styles.EDGE_FROM_OFFSET]: EDGE_OFFSET,
+            [Q.Styles.EDGE_LINE_DASH]: [length - 100, 100],
+            [Q.Styles.EDGE_LINE_DASH_OFFSET]: 0,
+            [Q.Styles.EDGE_TO_AT_EDGE]: false,
+            [Q.Styles.EDGE_TO_OFFSET]: EDGE_OFFSET,
+            [Q.Styles.EDGE_WIDTH]: EDGE_WIDTH,
+            [Q.Styles.LINE_CAP]: Q.Consts.LINE_CAP_TYPE_BUTT,
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+        });
+        edge.properties = {
+            $Edge$length: length,
+            data: param.edge,
+            type: NODE_KEY.EDGE,
+        } as INodeProperty;
+
+        // @ts-ignore
+        window.__debug__(edge);
+
+        return null;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「代理者」列表
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制代理者列表.
+     */
+    function $CircularConveyor$drawDLZList() {
+        kgSimulator.$Env$CircularConveyor$CurrentScene?.agents?.forEach((agent) => {
+            $CircularConveyor$drawDLZ({ agent: agent });
+        });
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「代理者」节点
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制代理者.
+     *
+     * @param param
+     * @param param.agent 代理者.
+     */
+    function $CircularConveyor$drawDLZ(param: { agent: Agent }): Q.Node | null {
+        const lineWidth = 20;
+
+        const x = param.agent.x ?? 0;
+        const y = param.agent.y ?? 0;
+        const width = param.agent.width ?? 200;
+        const length = param.agent.length ?? 200;
+
+        const path = new Q.Path();
+        path.moveTo(-(width / 2 - lineWidth / 2), -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, -(length / 2 - lineWidth / 2));
+        path.lineTo(width / 2 - lineWidth / 2, length / 2 - lineWidth / 2);
+        path.lineTo(-(width / 2 - lineWidth / 2), length / 2 - lineWidth / 2);
+        path.closePath();
+
+        const node = kgSimulator.get$graph()!.createNode(null, x, y);
+        node.size = new Q.Size(width, length);
+        node.image = path;
+        node.zIndex = 5;
+        node.movable = true;
+        node.selectable = true;
+        node.putStyles({
+            [Q.Styles.LINE_JOIN]: Q.Consts.LINE_JOIN_TYPE_MITER,
+            [Q.Styles.SHAPE_FILL_COLOR]: '#1677ff',
+            [Q.Styles.SHAPE_STROKE]: lineWidth,
+            [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+        });
+        node.properties = {
+            $Agent$Move$station01Code: (() => {
+                const stationNode = kgSimulator
+                    .get$graph()!
+                    .graphModel.datas.find(
+                        (i) =>
+                            i instanceof Q.Node &&
+                            [NODE_KEY.SSJ, NODE_KEY.YZJ, NODE_KEY.DPJ].includes((i.properties as INodeProperty).type) &&
+                            i.x - i.size.width / 2 <= x &&
+                            i.x + i.size.width / 2 >= x &&
+                            i.y - i.size.height / 2 <= y &&
+                            i.y + i.size.height / 2 >= y,
+                    );
+                if (stationNode) {
+                    return ((stationNode.properties as INodeProperty).data as Station).code;
+                }
+
+                return '';
+            })(),
+            $Agent$Move$CurrentVelocity: 0,
+            data: param.agent,
+            type: NODE_KEY.DLZ,
+        } as INodeProperty;
+
+        $CircularConveyor$drawDLZ$DrawText({ agent: param.agent, agentNode: node });
+
+        return node;
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制「代理者」文本
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形输送线--绘制代理者--绘制文本.
+     *
+     * @param param.agent 代理者.
+     * @param param.agentNode 代理者节点.
+     */
+    function $CircularConveyor$drawDLZ$DrawText(param: { agent: Agent; agentNode: Q.Node }): void {
+        const labelUI = new Q.LabelUI(param.agent.code || param.agent.id || 'NULL');
+
+        labelUI.code = NODE_UI_KEY.DLZ_CODE;
+        labelUI.fontSize = 256;
+        labelUI.position = Q.Position.LEFT_TOP;
+        labelUI.anchorPosition = Q.Position.LEFT_TOP;
+        labelUI.alignPosition = Q.Position.LEFT_TOP;
+        labelUI.borderRadius = 0;
+        labelUI.showPointer = false;
+        labelUI.color = '#000000';
+        labelUI.syncSelection = false;
+        labelUI.offsetX = 20 * 2;
+        labelUI.offsetY = 20 * 2;
+
+        param.agentNode.addUI(labelUI);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 绘制环形穿梭车
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 绘制环形穿梭车.
+     *
+     * @param param
+     * @param param.isZoomToOverview 是否纵览比例, 默认为 false.
+     */
+    function circularShuttle$Draw(param?: { isZoomToOverview?: boolean }) {
+        try {
+            // 上次绘制尚未完成, 取消本次绘制,
+            if (isDrawing) {
+                return;
+            }
+
+            isDrawing = true;
+
+            kgSimulator.get$graph()!.clear();
+
+            if (param?.isZoomToOverview ?? false) {
+                setTimeout(() => {
+                    kgSimulator.get$graph()!.zoomToOverview(false);
+                }, 200);
+            }
+
+            isDrawing = false;
+        } catch (e) {
+            isDrawing = false;
+            throw e;
+        } finally {
+        }
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 应用动画效果--选中
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 应用动画效果--选中.
+     */
+    function doAnimation$Select() {
+        if (kgSimulator.$Config$CircularConveyor$IsEnableSelectAnimation) {
+            try {
+                if ($Animation$Select$DashOffset <= Number.MIN_SAFE_INTEGER) {
+                    $Animation$Select$DashOffset = 0;
+                }
+                $Animation$Select$DashOffset -= 25;
+
+                kgSimulator.get$graph()?.forEach((element: Q.Node | Q.Edge) => {
+                    const elementProperties = element.properties as INodeProperty;
+
+                    switch (elementProperties.type) {
+                        //region 创建者
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.CJZ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.CJZ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = labelUI.ui.color === '#000000' ? '#eb2f96' : '#000000';
+                                }
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.CJZ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = '#000000';
+                                }
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 销毁者
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.XHZ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.XHZ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = labelUI.ui.color === '#000000' ? '#eb2f96' : '#000000';
+                                }
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.XHZ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = '#000000';
+                                }
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 输送机
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.SSJ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.SSJ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = labelUI.ui.color === '#000000' ? '#eb2f96' : '#000000';
+                                }
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.SSJ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = '#000000';
+                                }
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 移栽机
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.YZJ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.YZJ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = labelUI.ui.color === '#000000' ? '#eb2f96' : '#000000';
+                                }
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.YZJ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = '#000000';
+                                }
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 叠盘机
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.DPJ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.DPJ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = labelUI.ui.color === '#000000' ? '#eb2f96' : '#000000';
+                                }
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.DPJ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = '#000000';
+                                }
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 传感器
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.CGQ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#ff0000',
+                                });
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 连线
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.EDGE: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.ARROW_TO_FILL_COLOR]: '#eb2f96',
+                                    [Q.Styles.EDGE_COLOR]: '#eb2f96',
+                                    [Q.Styles.EDGE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.EDGE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                });
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.ARROW_TO_FILL_COLOR]: '#666666',
+                                    [Q.Styles.EDGE_COLOR]: '#666666',
+                                    [Q.Styles.EDGE_LINE_DASH]: elementProperties.$Edge$length ? [elementProperties.$Edge$length! - 100, 100] : undefined,
+                                    [Q.Styles.EDGE_LINE_DASH_OFFSET]: 0,
+                                });
+                            }
+
+                            kgSimulator.get$graph()!.invalidateElement(element);
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 代理者
+                        //----------------------------------------------------------------------------------------------------
+                        case NODE_KEY.DLZ: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.DLZ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = labelUI.ui.color === '#000000' ? '#eb2f96' : '#000000';
+                                }
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+
+                                const labelUI = getNodeUiByCode<Q.LabelUI>({ code: NODE_UI_KEY.DLZ_CODE, node: element as Q.Node });
+                                if (labelUI) {
+                                    labelUI.ui.color = '#000000';
+                                }
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+
+                        //region 其他
+                        //----------------------------------------------------------------------------------------------------
+                        default: {
+                            // 已选中,
+                            if (kgSimulator.get$graph()!.isSelected(element)) {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: [100, 100],
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: $Animation$Select$DashOffset,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#eb2f96',
+                                });
+                            }
+                            // 未选中,
+                            else {
+                                element.putStyles({
+                                    [Q.Styles.SHAPE_LINE_DASH]: undefined,
+                                    [Q.Styles.SHAPE_LINE_DASH_OFFSET]: 0,
+                                    [Q.Styles.SHAPE_STROKE_STYLE]: '#000000',
+                                });
+                            }
+
+                            break;
+                        }
+                        //----------------------------------------------------------------------------------------------------
+                        //endregion
+                    }
+                });
+            } catch (e: any) {
+                ____ERROR____(`KgSimulatorCanvas | 动画效果--选中 | ${e.message}`);
+            }
+        } else {
+            // N/A
+        }
+
+        $Animation$Select$Timer = window.setTimeout(() => {
+            doAnimation$Select();
+        }, $Animation$Select$Interval);
+    }
+
+    if ($Animation$Select$Timer && $Animation$Select$Timer !== -1) {
+        clearTimeout($Animation$Select$Timer);
+    }
+
+    $Animation$Select$Timer = window.setTimeout(() => {
+        doAnimation$Select();
+    }, $Animation$Select$Interval);
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 应用动画效果--移栽机--上升下降箭头
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 应用动画效果--移栽机--上升下降箭头.
+     */
+    function doAnimation$YZJ$Arrow() {
+        try {
+            if (kgSimulator.$Mode$IsSimulate && kgSimulator.$Mode$Simulate$IsRunning) {
+                kgSimulator.get$graph()?.forEach((yzjNode: Q.Node) => {
+                    const dsyzjNodeProperties = yzjNode.properties as INodeProperty;
+
+                    switch (dsyzjNodeProperties.type) {
+                        case NODE_KEY.YZJ: {
+                            const yzj = dsyzjNodeProperties.data as JackUpTransferStation;
+                            const upArrowUI = getNodeUiByCode<Q.ImageUI>({ code: NODE_UI_KEY.YZJ_UP_ARROW, node: yzjNode });
+                            const downArrowUI = getNodeUiByCode<Q.ImageUI>({ code: NODE_UI_KEY.YZJ_DOWN_ARROW, node: yzjNode });
+
+                            //region 正在上升
+                            //----------------------------------------------------------------------------------------------------
+                            if (dsyzjNodeProperties.$YZJ$IsUpDoing) {
+                                upArrowUI.ui.visible = !upArrowUI.ui.visible;
+                                downArrowUI.ui.visible = false;
+                                kgSimulator.get$graph()?.invalidateElement(yzjNode);
+                            }
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            //region 正在下降
+                            //----------------------------------------------------------------------------------------------------
+                            else if (dsyzjNodeProperties.$YZJ$IsDownDoing) {
+                                upArrowUI.ui.visible = false;
+                                downArrowUI.ui.visible = !downArrowUI.ui.visible;
+                                kgSimulator.get$graph()?.invalidateElement(yzjNode);
+                            }
+
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            //region 停止不动
+                            //----------------------------------------------------------------------------------------------------
+                            else {
+                                //region 停在上面
+                                //----------------------------------------------------------------------------------------------------
+                                if (dsyzjNodeProperties.$YZJ$CurrentPosition === 'UP') {
+                                    upArrowUI.ui.visible = true;
+                                    downArrowUI.ui.visible = false;
+                                    kgSimulator.get$graph()?.invalidateElement(yzjNode);
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 停在下面
+                                //----------------------------------------------------------------------------------------------------
+                                else {
+                                    upArrowUI.ui.visible = false;
+                                    downArrowUI.ui.visible = true;
+                                    kgSimulator.get$graph()?.invalidateElement(yzjNode);
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+                            }
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            break;
+                        }
+                    }
+                });
+            }
+        } catch (e: any) {
+            ____ERROR____(`KgSimulatorCanvas | 动画效果--顶升移栽机--上升下降箭头 | ${e.message}`);
+        }
+
+        $Animation$YZJ$Arrow$Timer = window.setTimeout(() => {
+            doAnimation$YZJ$Arrow();
+        }, $Animation$YZJ$Arrow$Interval);
+    }
+
+    if ($Animation$YZJ$Arrow$Timer && $Animation$YZJ$Arrow$Timer !== -1) {
+        clearTimeout($Animation$YZJ$Arrow$Timer);
+    }
+
+    $Animation$YZJ$Arrow$Timer = window.setTimeout(() => {
+        doAnimation$YZJ$Arrow();
+    }, $Animation$YZJ$Arrow$Interval);
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 应用动画效果--叠盘机--叠盘拆盘箭头
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 应用动画效果--叠盘机--叠盘拆盘箭头.
+     */
+    function doAnimation$DPJ$Arrow() {
+        try {
+            if (kgSimulator.$Mode$IsSimulate && kgSimulator.$Mode$Simulate$IsRunning) {
+                kgSimulator.get$graph()?.forEach((dpjNode: Q.Node) => {
+                    const dpjNodeProperties = dpjNode.properties as INodeProperty;
+
+                    switch (dpjNodeProperties.type) {
+                        case NODE_KEY.DPJ: {
+                            const dpj = dpjNodeProperties.data as PalletStackerStation;
+                            const inArrowUI = getNodeUiByCode<Q.ImageUI>({ code: NODE_UI_KEY.DPJ_IN_ARROW, node: dpjNode });
+                            const outArrowUI = getNodeUiByCode<Q.ImageUI>({ code: NODE_UI_KEY.DPJ_OUT_ARROW, node: dpjNode });
+
+                            //region 正在叠盘
+                            //----------------------------------------------------------------------------------------------------
+                            if (dpjNodeProperties.$DPJ$IsInDoing) {
+                                inArrowUI.ui.visible = !inArrowUI.ui.visible;
+                                outArrowUI.ui.visible = false;
+                                kgSimulator.get$graph()?.invalidateElement(dpjNode);
+                            }
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            //region 正在拆盘
+                            //----------------------------------------------------------------------------------------------------
+                            else if (dpjNodeProperties.$DPJ$IsOutDoing) {
+                                inArrowUI.ui.visible = false;
+                                outArrowUI.ui.visible = !outArrowUI.ui.visible;
+                                kgSimulator.get$graph()?.invalidateElement(dpjNode);
+                            }
+
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            //region 停止不动
+                            //----------------------------------------------------------------------------------------------------
+                            else {
+                                inArrowUI.ui.visible = false;
+                                outArrowUI.ui.visible = false;
+                                kgSimulator.get$graph()?.invalidateElement(dpjNode);
+                            }
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            break;
+                        }
+                    }
+                });
+            }
+        } catch (e: any) {
+            ____ERROR____(`KgSimulatorCanvas | 动画效果--叠盘机--叠盘拆盘箭头 | ${e.message}`);
+        }
+
+        $Animation$DPJ$Arrow$Timer = window.setTimeout(() => {
+            doAnimation$DPJ$Arrow();
+        }, $Animation$DPJ$Arrow$Interval);
+    }
+
+    if ($Animation$DPJ$Arrow$Timer && $Animation$DPJ$Arrow$Timer !== -1) {
+        clearTimeout($Animation$DPJ$Arrow$Timer);
+    }
+
+    $Animation$DPJ$Arrow$Timer = window.setTimeout(() => {
+        doAnimation$DPJ$Arrow();
+    }, $Animation$DPJ$Arrow$Interval);
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region 方法: 应用动画效果--代理者--移动
+    //----------------------------------------------------------------------------------------------------
+    /**
+     * 应用动画效果--代理者--移动--向上--执行移动. 代理者移动的通用逻辑.
+     *
+     * @param param.agentNode 代理者节点.
+     * @param param.direction 移动方向.
+     */
+    function doAnimation$Agent$Move$Up$doMove(param: { agentNode: Q.Node; direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT'; stationNode03: Q.Node | null }) {
+        const edgeProperties = (param.agentNode.properties as INodeProperty).$Agent$Move$CurrentEdge!.properties as INodeProperty;
+        const agentNodeProperties = param.agentNode.properties as INodeProperty;
+        const station01NodeProperties = agentNodeProperties.$Agent$Move$CurrentEdge!.from.properties as INodeProperty;
+
+        const stationNode02 = agentNodeProperties.$Agent$Move$CurrentEdge!.to;
+        const stationNode02Properties = agentNodeProperties.$Agent$Move$CurrentEdge!.to.properties as INodeProperty;
+
+        const stationNode03 = param.stationNode03;
+        const stationNode03Properties = stationNode03?.properties as INodeProperty | null;
+
+        const station02 = stationNode02Properties.data as Station;
+        const edge = edgeProperties.data as Edge;
+
+        // 高速速度,
+        const fastVelocity = kgSimulator.$Config$CircularConveyor$Agent$GlobalMaxVelocity;
+        // 低速速度,
+        const slowVelocity = kgSimulator.$Config$CircularConveyor$Agent$GlobalMaxVelocity / 5;
+        // 当前速度,
+        const currentVelocity = agentNodeProperties.$Agent$Move$CurrentVelocity ?? 0;
+
+        const longDistanceSensorKey = doAnimation$Agent$Move$getLongDistanceSensorKey(param);
+        const xyKey = doAnimation$Agent$Move$getXyKey(param);
+        const whKey = doAnimation$Agent$Move$getWhKey(param);
+
+        // 远传感器,
+        if (station02[longDistanceSensorKey]) {
+            // 「代理者」边缘离「传感器」的距离,
+            const distanceToCGQ = param.agentNode[xyKey] - param.agentNode.size[whKey] / 2 - (stationNode02[xyKey] - stationNode02.size[whKey] / 2) - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$LongDistance;
+            // 「代理者」边缘离「输送机」边缘的距离,
+            const distanceToSSJ = param.agentNode[xyKey] - param.agentNode.size[whKey] / 2 - (stationNode02[xyKey] - stationNode02.size[whKey] / 2);
+
+            switch (true) {
+                // 停止阶段,
+                case distanceToSSJ <= 0: {
+                    agentNodeProperties.$Agent$Move$IsArrive = true;
+
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2;
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+                    }
+                    // 是直穿,
+                    else {
+                        param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2;
+                    }
+                    break;
+                }
+
+                // 减速阶段,
+                case distanceToCGQ <= 0 && currentVelocity > slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            // 新的当前速度,
+                            const newCurrentVelocity = Math.max(slowVelocity, currentVelocity - kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                            // 本次移动距离,
+                            const _distance = ((newCurrentVelocity + (currentVelocity - newCurrentVelocity)) / 2) * elapse;
+
+                            agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                            return _distance;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    break;
+                }
+
+                // 低速阶段,
+                case distanceToCGQ < 0 && currentVelocity === slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return slowVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    break;
+                }
+
+                // 高速阶段,
+                case distanceToCGQ > 0 && currentVelocity === fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        return fastVelocity * elapse;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    break;
+                }
+
+                // 加速阶段,
+                case distanceToCGQ > 0 && currentVelocity < fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        // 新的当前速度,
+                        const newCurrentVelocity = Math.min(fastVelocity, currentVelocity + kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                        // 本次移动距离,
+                        const _distance = ((currentVelocity + (newCurrentVelocity - currentVelocity)) / 2) * elapse;
+
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                        return _distance;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    break;
+                }
+            }
+        }
+        // 近传感器
+        else {
+            // 「代理者」边缘离「传感器」的距离,
+            const distanceToCGQ = param.agentNode[xyKey] - param.agentNode.size[whKey] / 2 - (stationNode02[xyKey] - stationNode02.size[whKey] / 2) - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance;
+
+            switch (true) {
+                // 停止阶段,
+                case distanceToCGQ <= 0: {
+                    agentNodeProperties.$Agent$Move$IsArrive = true;
+
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2 + kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance;
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+                    }
+                    // 是直穿,
+                    else {
+                        param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2;
+                    }
+                    break;
+                }
+
+                // 减速阶段,
+                case distanceToCGQ <= kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity > slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            // 新的当前速度,
+                            const newCurrentVelocity = Math.max(slowVelocity, currentVelocity - kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                            // 本次移动距离,
+                            const _distance = ((newCurrentVelocity + (currentVelocity - newCurrentVelocity)) / 2) * elapse;
+
+                            agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                            return _distance;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+
+                    break;
+                }
+
+                // 低速阶段,
+                case distanceToCGQ < kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity === slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return slowVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    }
+                    break;
+                }
+
+                // 高速阶段,
+                case distanceToCGQ > kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity === fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        return fastVelocity * elapse;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    break;
+                }
+
+                // 加速阶段,
+                case distanceToCGQ > kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity < fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        // 新的当前速度,
+                        const newCurrentVelocity = Math.min(fastVelocity, currentVelocity + kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                        // 本次移动距离,
+                        const _distance = ((currentVelocity + (newCurrentVelocity - currentVelocity)) / 2) * elapse;
+
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                        return _distance;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] - distance;
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--向上--从「任意站点」到「任意站点」.
+     *
+     * @param param.agentNode 代理者节点.
+     * @param param.direction 移动方向.
+     */
+    function doAnimation$Agent$Move$Up$fromANYtoANY(param: { agentNode: Q.Node; direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT'; stationNode03: Q.Node | null }) {
+        const edgeProperties = (param.agentNode.properties as INodeProperty).$Agent$Move$CurrentEdge!.properties as INodeProperty;
+        const agentNodeProperties = param.agentNode.properties as INodeProperty;
+
+        const station01NodeProperties = agentNodeProperties.$Agent$Move$CurrentEdge!.from.properties as INodeProperty;
+
+        const stationNode02 = agentNodeProperties.$Agent$Move$CurrentEdge!.to;
+        const stationNode02Properties = agentNodeProperties.$Agent$Move$CurrentEdge!.to.properties as INodeProperty;
+
+        const stationNode03 = param.stationNode03;
+        const stationNode03Properties = stationNode03?.properties as INodeProperty | null;
+
+        const edge = edgeProperties.data as Edge;
+        const station02 = stationNode02Properties.data as Station;
+
+        const longDistanceSensorKey = doAnimation$Agent$Move$getLongDistanceSensorKey(param);
+        const xyKey = doAnimation$Agent$Move$getXyKey(param);
+        const whKey = doAnimation$Agent$Move$getWhKey(param);
+
+        // 已经到达站点二, 远传感器,
+        if (station02[longDistanceSensorKey] && param.agentNode[xyKey] - param.agentNode.size[whKey] / 2 - (stationNode02[xyKey] - stationNode02.size[whKey] / 2) <= 0) {
+            agentNodeProperties.$Agent$Move$IsArrive = true;
+
+            // 非直穿,
+            if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2;
+                agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+            }
+            // 是直穿,
+            else {
+                param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2;
+            }
+        }
+        // 已经到达站点二, 近传感器,
+        else if (
+            !station02[longDistanceSensorKey] &&
+            param.agentNode[xyKey] - param.agentNode.size[whKey] / 2 - (stationNode02[xyKey] - stationNode02.size[whKey] / 2) - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance <= 0
+        ) {
+            agentNodeProperties.$Agent$Move$IsArrive = true;
+
+            // 非直穿,
+            if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2 + kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance;
+                agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+            }
+            // 是直穿,
+            else {
+                param.agentNode[xyKey] = stationNode02[xyKey] - stationNode02.size[whKey] / 2 + param.agentNode.size[whKey] / 2;
+            }
+        }
+        // 尚未到达站点二,
+        else {
+            switch (true) {
+                // 等待站点一上升,
+                case station01NodeProperties.type === NODE_KEY.YZJ && edge.isPrimary && (station01NodeProperties.$YZJ$IsUpDoing || station01NodeProperties.$YZJ$IsDownDoing || station01NodeProperties.$YZJ$CurrentPosition === 'DOWN'): {
+                    // 正在上升, 等待,
+                    if (station01NodeProperties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (station01NodeProperties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行上升,
+                    else if (station01NodeProperties.$YZJ$CurrentPosition === 'DOWN') {
+                        station01NodeProperties.$YZJ$IsUpDoing = true;
+                        station01NodeProperties.$YZJ$IsDownDoing = false;
+                        setTimeout(() => {
+                            station01NodeProperties.$YZJ$IsUpDoing = undefined;
+                            station01NodeProperties.$YZJ$IsDownDoing = undefined;
+                            station01NodeProperties.$YZJ$CurrentPosition = 'UP';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点一下降,
+                case station01NodeProperties.type === NODE_KEY.YZJ && !edge.isPrimary && (station01NodeProperties.$YZJ$IsUpDoing || station01NodeProperties.$YZJ$IsDownDoing || station01NodeProperties.$YZJ$CurrentPosition === 'UP'): {
+                    // 正在上升, 等待,
+                    if (station01NodeProperties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (station01NodeProperties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行下降,
+                    else if (station01NodeProperties.$YZJ$CurrentPosition === 'UP') {
+                        station01NodeProperties.$YZJ$IsUpDoing = false;
+                        station01NodeProperties.$YZJ$IsDownDoing = true;
+                        setTimeout(() => {
+                            station01NodeProperties.$YZJ$IsUpDoing = undefined;
+                            station01NodeProperties.$YZJ$IsDownDoing = undefined;
+                            station01NodeProperties.$YZJ$CurrentPosition = 'DOWN';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点二上升,
+                case stationNode02Properties.type === NODE_KEY.YZJ && edge.isPrimary && (stationNode02Properties.$YZJ$IsUpDoing || stationNode02Properties.$YZJ$IsDownDoing || stationNode02Properties.$YZJ$CurrentPosition === 'DOWN'): {
+                    // 正在上升, 等待,
+                    if (stationNode02Properties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode02Properties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行上升,
+                    else if (stationNode02Properties.$YZJ$CurrentPosition === 'DOWN') {
+                        stationNode02Properties.$YZJ$IsUpDoing = true;
+                        stationNode02Properties.$YZJ$IsDownDoing = false;
+                        setTimeout(() => {
+                            stationNode02Properties.$YZJ$IsUpDoing = undefined;
+                            stationNode02Properties.$YZJ$IsDownDoing = undefined;
+                            stationNode02Properties.$YZJ$CurrentPosition = 'UP';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点二下降,
+                case stationNode02Properties.type === NODE_KEY.YZJ && !edge.isPrimary && (stationNode02Properties.$YZJ$IsUpDoing || stationNode02Properties.$YZJ$IsDownDoing || stationNode02Properties.$YZJ$CurrentPosition === 'UP'): {
+                    // 正在上升, 等待,
+                    if (stationNode02Properties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode02Properties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行下降,
+                    else if (stationNode02Properties.$YZJ$CurrentPosition === 'UP') {
+                        stationNode02Properties.$YZJ$IsUpDoing = false;
+                        stationNode02Properties.$YZJ$IsDownDoing = true;
+                        setTimeout(() => {
+                            stationNode02Properties.$YZJ$IsUpDoing = undefined;
+                            stationNode02Properties.$YZJ$IsDownDoing = undefined;
+                            stationNode02Properties.$YZJ$CurrentPosition = 'DOWN';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点三上升,
+                case stationNode03Properties?.type === NODE_KEY.YZJ && edge.isPrimary && (stationNode03Properties?.$YZJ$IsUpDoing || stationNode03Properties?.$YZJ$IsDownDoing || stationNode03Properties?.$YZJ$CurrentPosition === 'DOWN'): {
+                    // 正在上升, 等待,
+                    if (stationNode03Properties?.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode03Properties?.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行上升,
+                    else if (stationNode03Properties?.$YZJ$CurrentPosition === 'DOWN') {
+                        stationNode03Properties!.$YZJ$IsUpDoing = true;
+                        stationNode03Properties!.$YZJ$IsDownDoing = false;
+                        setTimeout(() => {
+                            stationNode03Properties!.$YZJ$IsUpDoing = undefined;
+                            stationNode03Properties!.$YZJ$IsDownDoing = undefined;
+                            stationNode03Properties!.$YZJ$CurrentPosition = 'UP';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点三下降,
+                case stationNode03Properties?.type === NODE_KEY.YZJ && !edge.isPrimary && (stationNode03Properties?.$YZJ$IsUpDoing || stationNode03Properties?.$YZJ$IsDownDoing || stationNode03Properties?.$YZJ$CurrentPosition === 'UP'): {
+                    // 正在上升, 等待,
+                    if (stationNode03Properties?.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode03Properties?.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行下降,
+                    else if (stationNode03Properties?.$YZJ$CurrentPosition === 'UP') {
+                        stationNode03Properties!.$YZJ$IsUpDoing = false;
+                        stationNode03Properties!.$YZJ$IsDownDoing = true;
+                        setTimeout(() => {
+                            stationNode03Properties!.$YZJ$IsUpDoing = undefined;
+                            stationNode03Properties!.$YZJ$IsDownDoing = undefined;
+                            stationNode03Properties!.$YZJ$CurrentPosition = 'DOWN';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                default: {
+                    doAnimation$Agent$Move$Up$doMove(param);
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--向下--执行移动. 代理者移动的通用逻辑.
+     *
+     * @param param.agentNode 代理者节点.
+     * @param param.direction 移动方向.
+     */
+    function doAnimation$Agent$Move$Down$doMove(param: { agentNode: Q.Node; direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT' }) {
+        const agentNodeProperties = param.agentNode.properties as INodeProperty;
+        const edgeProperties = agentNodeProperties.$Agent$Move$CurrentEdge!.properties as INodeProperty;
+        const station01NodeProperties = agentNodeProperties.$Agent$Move$CurrentEdge!.from.properties as INodeProperty;
+        const stationNode02Properties = agentNodeProperties.$Agent$Move$CurrentEdge!.to.properties as INodeProperty;
+
+        const stationNode02 = agentNodeProperties.$Agent$Move$CurrentEdge!.to;
+
+        const station02 = stationNode02Properties.data as Station;
+        const edge = edgeProperties.data as Edge;
+
+        // 高速速度,
+        const fastVelocity = kgSimulator.$Config$CircularConveyor$Agent$GlobalMaxVelocity;
+        // 低速速度,
+        const slowVelocity = kgSimulator.$Config$CircularConveyor$Agent$GlobalMaxVelocity / 5;
+        // 当前速度,
+        const currentVelocity = agentNodeProperties.$Agent$Move$CurrentVelocity ?? 0;
+
+        const longDistanceSensorKey = doAnimation$Agent$Move$getLongDistanceSensorKey(param);
+        const xyKey = doAnimation$Agent$Move$getXyKey(param);
+        const whKey = doAnimation$Agent$Move$getWhKey(param);
+
+        // 远传感器,
+        if (station02[longDistanceSensorKey]) {
+            // 「代理者」边缘离「传感器」的距离,
+            const distanceToCGQ = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - (param.agentNode[xyKey] + param.agentNode.size[whKey] / 2) - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$LongDistance;
+            // 「代理者」边缘离「输送机」边缘的距离,
+            const distanceToSSJ = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - (param.agentNode[xyKey] + param.agentNode.size[whKey] / 2);
+
+            switch (true) {
+                // 停止阶段,
+                case distanceToSSJ <= 0: {
+                    agentNodeProperties.$Agent$Move$IsArrive = true;
+
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2;
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+                    }
+                    // 是直穿,
+                    else {
+                        param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2;
+                    }
+                    break;
+                }
+
+                // 减速阶段,
+                case distanceToCGQ <= 0 && currentVelocity > slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            // 新的当前速度,
+                            const newCurrentVelocity = Math.max(slowVelocity, currentVelocity - kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                            // 本次移动距离,
+                            const _distance = ((newCurrentVelocity + (currentVelocity - newCurrentVelocity)) / 2) * elapse;
+
+                            agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                            return _distance;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    break;
+                }
+
+                // 低速阶段,
+                case distanceToCGQ < 0 && currentVelocity === slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return slowVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    break;
+                }
+
+                // 高速阶段,
+                case distanceToCGQ > 0 && currentVelocity === fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        return fastVelocity * elapse;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    break;
+                }
+
+                // 加速阶段,
+                case distanceToCGQ > 0 && currentVelocity < fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        // 新的当前速度,
+                        const newCurrentVelocity = Math.min(fastVelocity, currentVelocity + kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                        // 本次移动距离,
+                        const _distance = ((currentVelocity + (newCurrentVelocity - currentVelocity)) / 2) * elapse;
+
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                        return _distance;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    break;
+                }
+            }
+        }
+        // 近传感器
+        else {
+            // 「代理者」边缘离「传感器」的距离,
+            const distanceToCGQ = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - (param.agentNode[xyKey] + param.agentNode.size[whKey] / 2) - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance;
+
+            switch (true) {
+                // 停止阶段,
+                case distanceToCGQ <= 0: {
+                    agentNodeProperties.$Agent$Move$IsArrive = true;
+
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2 - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance;
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+                    }
+                    // 是直穿,
+                    else {
+                        param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2;
+                    }
+                    break;
+                }
+
+                // 减速阶段,
+                case distanceToCGQ <= kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity > slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            // 新的当前速度,
+                            const newCurrentVelocity = Math.max(slowVelocity, currentVelocity - kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                            // 本次移动距离,
+                            const _distance = ((newCurrentVelocity + (currentVelocity - newCurrentVelocity)) / 2) * elapse;
+
+                            agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                            return _distance;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+
+                    break;
+                }
+
+                // 低速阶段,
+                case distanceToCGQ < kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity === slowVelocity: {
+                    // 非直穿,
+                    if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return slowVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    // 是直穿,
+                    else {
+                        // 本次移动距离,
+                        const distance = (() => {
+                            const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                            return fastVelocity * elapse;
+                        })();
+
+                        param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    }
+                    break;
+                }
+
+                // 高速阶段,
+                case distanceToCGQ > kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity === fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        return fastVelocity * elapse;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    break;
+                }
+
+                // 加速阶段,
+                case distanceToCGQ > kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance$StartDecelerateDistance && currentVelocity < fastVelocity: {
+                    // 本次移动距离,
+                    const distance = (() => {
+                        const elapse = Date.now() - agentNodeProperties.$Agent$Move$PreviousMoveTime!;
+                        agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+
+                        // 新的当前速度,
+                        const newCurrentVelocity = Math.min(fastVelocity, currentVelocity + kgSimulator.$Config$CircularConveyor$Agent$GlobalAcceleration * elapse);
+                        // 本次移动距离,
+                        const _distance = ((currentVelocity + (newCurrentVelocity - currentVelocity)) / 2) * elapse;
+
+                        agentNodeProperties.$Agent$Move$CurrentVelocity = newCurrentVelocity;
+
+                        return _distance;
+                    })();
+
+                    param.agentNode[xyKey] = param.agentNode[xyKey] + distance;
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--向下--从「任意设备」到「任意设备」.
+     *
+     * @param param.agentNode 代理者节点.
+     * @param param.direction 移动方向.
+     */
+    function doAnimation$Agent$Move$Down$fromANYtoANY(param: { agentNode: Q.Node; direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT'; stationNode03: Q.Node | null }) {
+        const edgeProperties = (param.agentNode.properties as INodeProperty).$Agent$Move$CurrentEdge!.properties as INodeProperty;
+        const agentNodeProperties = param.agentNode.properties as INodeProperty;
+
+        const station01NodeProperties = agentNodeProperties.$Agent$Move$CurrentEdge!.from.properties as INodeProperty;
+
+        const stationNode02 = agentNodeProperties.$Agent$Move$CurrentEdge!.to;
+        const stationNode02Properties = agentNodeProperties.$Agent$Move$CurrentEdge!.to.properties as INodeProperty;
+
+        const stationNode03 = param.stationNode03;
+        const stationNode03Properties = stationNode03?.properties as INodeProperty | null;
+
+        const edge = edgeProperties.data as Edge;
+        const station02 = stationNode02Properties.data as Station;
+
+        const longDistanceSensorKey = doAnimation$Agent$Move$getLongDistanceSensorKey(param);
+        const xyKey = doAnimation$Agent$Move$getXyKey(param);
+        const whKey = doAnimation$Agent$Move$getWhKey(param);
+
+        // 已经到达站点二, 远传感器,
+        if (station02[longDistanceSensorKey] && stationNode02[xyKey] + stationNode02.size[whKey] / 2 - (param.agentNode[xyKey] + param.agentNode.size[whKey] / 2) <= 0) {
+            agentNodeProperties.$Agent$Move$IsArrive = true;
+
+            // 非直穿,
+            if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2;
+                agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+            }
+            // 是直穿,
+            else {
+                param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2;
+            }
+        }
+        // 已经到达站点二, 近传感器,
+        else if (
+            !station02[longDistanceSensorKey] &&
+            stationNode02[xyKey] + stationNode02.size[whKey] / 2 - (param.agentNode[xyKey] + param.agentNode.size[whKey] / 2) - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance <= 0
+        ) {
+            agentNodeProperties.$Agent$Move$IsArrive = true;
+
+            // 非直穿,
+            if (!agentNodeProperties.$Agent$Move$IsThrough) {
+                param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2 - kgSimulator.$Config$CircularConveyor$DefaultPhotoelectricSensor$ShortDistance;
+                agentNodeProperties.$Agent$Move$CurrentVelocity = 0;
+            }
+            // 是直穿,
+            else {
+                param.agentNode[xyKey] = stationNode02[xyKey] + stationNode02.size[whKey] / 2 - param.agentNode.size[whKey] / 2;
+            }
+        }
+        // 尚未到达站点二,
+        else {
+            switch (true) {
+                // 等待站点一上升,
+                case station01NodeProperties.type === NODE_KEY.YZJ && edge.isPrimary && (station01NodeProperties.$YZJ$IsUpDoing || station01NodeProperties.$YZJ$IsDownDoing || station01NodeProperties.$YZJ$CurrentPosition === 'DOWN'): {
+                    // 正在上升, 等待,
+                    if (station01NodeProperties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (station01NodeProperties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行上升,
+                    else if (station01NodeProperties.$YZJ$CurrentPosition === 'DOWN') {
+                        station01NodeProperties.$YZJ$IsUpDoing = true;
+                        station01NodeProperties.$YZJ$IsDownDoing = false;
+                        setTimeout(() => {
+                            station01NodeProperties.$YZJ$IsUpDoing = undefined;
+                            station01NodeProperties.$YZJ$IsDownDoing = undefined;
+                            station01NodeProperties.$YZJ$CurrentPosition = 'UP';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点一下降,
+                case station01NodeProperties.type === NODE_KEY.YZJ && !edge.isPrimary && (station01NodeProperties.$YZJ$IsUpDoing || station01NodeProperties.$YZJ$IsDownDoing || station01NodeProperties.$YZJ$CurrentPosition === 'UP'): {
+                    // 正在上升, 等待,
+                    if (station01NodeProperties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (station01NodeProperties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行下降,
+                    else if (station01NodeProperties.$YZJ$CurrentPosition === 'UP') {
+                        station01NodeProperties.$YZJ$IsUpDoing = false;
+                        station01NodeProperties.$YZJ$IsDownDoing = true;
+                        setTimeout(() => {
+                            station01NodeProperties.$YZJ$IsUpDoing = undefined;
+                            station01NodeProperties.$YZJ$IsDownDoing = undefined;
+                            station01NodeProperties.$YZJ$CurrentPosition = 'DOWN';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点二上升,
+                case stationNode02Properties.type === NODE_KEY.YZJ && edge.isPrimary && (stationNode02Properties.$YZJ$IsUpDoing || stationNode02Properties.$YZJ$IsDownDoing || stationNode02Properties.$YZJ$CurrentPosition === 'DOWN'): {
+                    // 正在上升, 等待,
+                    if (stationNode02Properties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode02Properties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行上升,
+                    else if (stationNode02Properties.$YZJ$CurrentPosition === 'DOWN') {
+                        stationNode02Properties.$YZJ$IsUpDoing = true;
+                        stationNode02Properties.$YZJ$IsDownDoing = false;
+                        setTimeout(() => {
+                            stationNode02Properties.$YZJ$IsUpDoing = undefined;
+                            stationNode02Properties.$YZJ$IsDownDoing = undefined;
+                            stationNode02Properties.$YZJ$CurrentPosition = 'UP';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点二下降,
+                case stationNode02Properties.type === NODE_KEY.YZJ && !edge.isPrimary && (stationNode02Properties.$YZJ$IsUpDoing || stationNode02Properties.$YZJ$IsDownDoing || stationNode02Properties.$YZJ$CurrentPosition === 'UP'): {
+                    // 正在上升, 等待,
+                    if (stationNode02Properties.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode02Properties.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行下降,
+                    else if (stationNode02Properties.$YZJ$CurrentPosition === 'UP') {
+                        stationNode02Properties.$YZJ$IsUpDoing = false;
+                        stationNode02Properties.$YZJ$IsDownDoing = true;
+                        setTimeout(() => {
+                            stationNode02Properties.$YZJ$IsUpDoing = undefined;
+                            stationNode02Properties.$YZJ$IsDownDoing = undefined;
+                            stationNode02Properties.$YZJ$CurrentPosition = 'DOWN';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点三上升,
+                case stationNode03Properties?.type === NODE_KEY.YZJ && edge.isPrimary && (stationNode03Properties?.$YZJ$IsUpDoing || stationNode03Properties?.$YZJ$IsDownDoing || stationNode03Properties?.$YZJ$CurrentPosition === 'DOWN'): {
+                    // 正在上升, 等待,
+                    if (stationNode03Properties?.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode03Properties?.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行上升,
+                    else if (stationNode03Properties?.$YZJ$CurrentPosition === 'DOWN') {
+                        stationNode03Properties!.$YZJ$IsUpDoing = true;
+                        stationNode03Properties!.$YZJ$IsDownDoing = false;
+                        setTimeout(() => {
+                            stationNode03Properties!.$YZJ$IsUpDoing = undefined;
+                            stationNode03Properties!.$YZJ$IsDownDoing = undefined;
+                            stationNode03Properties!.$YZJ$CurrentPosition = 'UP';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                // 等待站点三下降,
+                case stationNode03Properties?.type === NODE_KEY.YZJ && !edge.isPrimary && (stationNode03Properties?.$YZJ$IsUpDoing || stationNode03Properties?.$YZJ$IsDownDoing || stationNode03Properties?.$YZJ$CurrentPosition === 'UP'): {
+                    // 正在上升, 等待,
+                    if (stationNode03Properties?.$YZJ$IsUpDoing) {
+                        // N/A
+                    }
+                    // 正在下降, 等待,
+                    else if (stationNode03Properties?.$YZJ$IsDownDoing) {
+                        // N/A
+                    }
+                    // 执行下降,
+                    else if (stationNode03Properties?.$YZJ$CurrentPosition === 'UP') {
+                        stationNode03Properties!.$YZJ$IsUpDoing = false;
+                        stationNode03Properties!.$YZJ$IsDownDoing = true;
+                        setTimeout(() => {
+                            stationNode03Properties!.$YZJ$IsUpDoing = undefined;
+                            stationNode03Properties!.$YZJ$IsDownDoing = undefined;
+                            stationNode03Properties!.$YZJ$CurrentPosition = 'DOWN';
+                            agentNodeProperties.$Agent$Move$PreviousMoveTime = Date.now();
+                        }, kgSimulator.$Config$CircularConveyor$JackUpTransferStation$Duration);
+                    }
+
+                    break;
+                }
+
+                default: {
+                    doAnimation$Agent$Move$Down$doMove(param);
+                    break;
+                }
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--叠盘--从「任意站点」到「叠盘机」.
+     *
+     * @param param.agentNode 代理者节点.
+     * @param param.stationNode02 站点二节点, 是叠盘机.
+     */
+    function doAnimation$Agent$Move$fromANYtoDPJ(param: { agentNode: Q.Node; stationNode02: Q.Node }) {
+        const agentNodeProperties = param.agentNode.properties as INodeProperty;
+        const stationNode02Properties = param.stationNode02.properties as INodeProperty;
+
+        const agent = agentNodeProperties.data as Agent;
+
+        // 已经到达站点二,
+        if (param.agentNode.x === param.stationNode02.x && param.agentNode.y === param.stationNode02.y) {
+            agentNodeProperties.$Agent$Move$IsArrive = true;
+        }
+        // 尚未到达站点二,
+        else {
+            // 正在叠盘, 原地等待,
+            if (stationNode02Properties.$DPJ$IsInDoing) {
+                // N/A
+            }
+            // 正在拆盘, 原地等待,
+            else if (stationNode02Properties.$DPJ$IsOutDoing) {
+                // N/A
+            }
+            // 执行叠盘,
+            else if (agentNodeProperties.$Agent$Move$Direction === 'DPJ') {
+                stationNode02Properties.$DPJ$IsInDoing = true;
+                stationNode02Properties.$DPJ$IsOutDoing = false;
+
+                setTimeout(() => {
+                    param.agentNode.x = param.stationNode02.x;
+                    param.agentNode.y = param.stationNode02.y;
+
+                    stationNode02Properties.$DPJ$IsInDoing = undefined;
+                    stationNode02Properties.$DPJ$IsOutDoing = undefined;
+                    stationNode02Properties.$DPJ$CurrentAgentId = agent.id!;
+                }, kgSimulator.$Config$CircularConveyor$PalletStackerStation$Duration);
+            } else {
+                // N/A
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--拆盘--从「叠盘机」到「任意站点」.
+     *
+     * @param param.agentNode 代理者节点.
+     * @param param.stationNode02 站点二节点.
+     */
+    function doAnimation$Agent$Move$fromDPJtoANY(param: { agentNode: Q.Node; stationNode02: Q.Node }) {
+        const agentNodeProperties = param.agentNode.properties as INodeProperty;
+        const agent = agentNodeProperties.data as Agent;
+
+        const stationNode02Properties = param.stationNode02.properties as INodeProperty;
+
+        // 已经到达站点二,
+        if (param.agentNode.x === param.stationNode02.x && param.agentNode.y === param.stationNode02.y) {
+            agentNodeProperties.$Agent$Move$IsArrive = true;
+        }
+        // 尚未到达站点二,
+        else {
+            const dpjNode = kgSimulator
+                .get$graph()!
+                .graphModel.datas.find(
+                    (i) =>
+                        i.x === param.agentNode.x &&
+                        i.y === param.agentNode.y &&
+                        (i.properties as INodeProperty).type === NODE_KEY.DPJ &&
+                        (i.properties as INodeProperty).data.id !== stationNode02Properties.data.id &&
+                        (i.properties as INodeProperty).data.id !== agent.id,
+                );
+            if (!dpjNode) {
+                ____ERROR____(`KgSimulatorCanvas | 动画效果--代理者--移动--拆盘--从「叠盘机」到「任意站点」 | 找不到叠盘机「${agentNodeProperties.$Agent$Move$station01Code}」`);
+            } else {
+                const dpjNodeProperties = dpjNode.properties as INodeProperty;
+
+                // 正在叠盘, 原地等待,
+                if (dpjNodeProperties.$DPJ$IsInDoing) {
+                    // N/A
+                }
+                // 正在拆盘, 原地等待,
+                else if (dpjNodeProperties.$DPJ$IsOutDoing) {
+                    // N/A
+                }
+                // 执行拆盘,
+                else if (agentNodeProperties.$Agent$Move$Direction === 'DPJ') {
+                    dpjNodeProperties.$DPJ$IsInDoing = false;
+                    dpjNodeProperties.$DPJ$IsOutDoing = true;
+
+                    setTimeout(() => {
+                        dpjNodeProperties.$DPJ$IsInDoing = undefined;
+                        dpjNodeProperties.$DPJ$IsOutDoing = undefined;
+                        dpjNodeProperties.$DPJ$CurrentAgentId = undefined;
+
+                        param.agentNode.x = param.stationNode02.x;
+                        param.agentNode.y = param.stationNode02.y;
+                    }, kgSimulator.$Config$CircularConveyor$PalletStackerStation$Duration);
+                } else {
+                    // N/A
+                }
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--获取当前所在连线.
+     */
+    function doAnimation$Agent$Move$getCurrentEdge(param: { agent: Agent; agentNodeProperties: INodeProperty; station01Node: Q.Node; stationNode02: Q.Node }): Q.Edge | undefined {
+        let currentEdge: Q.Edge | undefined;
+
+        if (param.agentNodeProperties.$Agent$Move$CurrentEdge) {
+            currentEdge = param.agentNodeProperties.$Agent$Move$CurrentEdge;
+        } else {
+            currentEdge = kgSimulator.get$graph()!.graphModel.datas.find((i) => i instanceof Q.Edge && (i.properties as INodeProperty).type === NODE_KEY.EDGE && i.from === param.station01Node && i.to === param.stationNode02);
+        }
+
+        if (!currentEdge) {
+            ____ERROR____(`KgSimulatorCanvas | 动画效果--代理者--移动 | 「${param.agent.code}」当前所在连线为空`);
+        }
+
+        return currentEdge;
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--获取是否远距离传感器的属性名.
+     */
+    function doAnimation$Agent$Move$getLongDistanceSensorKey(param: { direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT' }): 'isLongDistanceSensorOnX' | 'isLongDistanceSensorOnY' {
+        switch (param.direction) {
+            case 'UP':
+            case 'DOWN':
+                return 'isLongDistanceSensorOnY';
+
+            case 'LEFT':
+            case 'RIGHT':
+                return 'isLongDistanceSensorOnX';
+
+            default: {
+                throw new Error(`不支持的移动方向「${param.direction}」`);
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动--获取要移动的坐标方向的属性名.
+     */
+    function doAnimation$Agent$Move$getXyKey(param: { direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT' }): 'x' | 'y' {
+        switch (param.direction) {
+            case 'UP':
+            case 'DOWN':
+                return 'y';
+
+            case 'LEFT':
+            case 'RIGHT':
+                return 'x';
+
+            default: {
+                throw new Error(`不支持的移动方向「${param.direction}」`);
+            }
+        }
+    }
+    /**
+     * 应用动画效果--代理者--移动--获取要移动的宽高方向的属性名.
+     */
+    function doAnimation$Agent$Move$getWhKey(param: { direction: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT' }): 'width' | 'height' {
+        switch (param.direction) {
+            case 'UP':
+            case 'DOWN':
+                return 'height';
+
+            case 'LEFT':
+            case 'RIGHT':
+                return 'width';
+
+            default: {
+                throw new Error(`不支持的移动方向「${param.direction}」`);
+            }
+        }
+    }
+
+    /**
+     * 应用动画效果--代理者--移动.
+     */
+    function doAnimation$Agent$Move() {
+        try {
+            if (kgSimulator.$Mode$IsSimulate && kgSimulator.$Mode$Simulate$IsRunning) {
+                kgSimulator.get$graph()?.forEach((agentNode: Q.Node) => {
+                    const agentNodeProperties = agentNode.properties as INodeProperty;
+
+                    switch (agentNodeProperties.type) {
+                        case NODE_KEY.DLZ: {
+                            const agent = agentNodeProperties.data as Agent;
+
+                            // 代理者没有在移动, 无需绘制移动动画效果,
+                            if (!agentNodeProperties.$Agent$Move$IsMoveDoing) {
+                                break;
+                            }
+
+                            // 站点一节点,
+                            const station01Node = kgSimulator.get$graph()!.graphModel.datas.find((i) => i instanceof Q.Node && (i.properties as INodeProperty).data.code === agentNodeProperties.$Agent$Move$station01Code);
+                            if (!station01Node) {
+                                ____ERROR____(`KgSimulatorCanvas | 动画效果--代理者--移动 | 起始节点「${agentNodeProperties.$Agent$Move$station01Code}」为空`);
+                            }
+
+                            // 站点二节点,
+                            const stationNode02 = kgSimulator.get$graph()!.graphModel.datas.find((i) => i instanceof Q.Node && (i.properties as INodeProperty).data.code === agentNodeProperties.$Agent$Move$station02Code);
+                            if (!stationNode02) {
+                                ____ERROR____(`KgSimulatorCanvas | 动画效果--代理者--移动 | 目标节点「${agentNodeProperties.$Agent$Move$station02Code}」为空`);
+                            }
+
+                            // 站点三节点,
+                            const stationNode03: Q.Node | null =
+                                kgSimulator.get$graph()!.graphModel.datas.find((i) => i instanceof Q.Node && (i.properties as INodeProperty).data.code === agentNodeProperties.$Agent$Move$station03Code) ?? null;
+
+                            // 当前所在连线,
+                            agentNodeProperties.$Agent$Move$CurrentEdge = doAnimation$Agent$Move$getCurrentEdge({ agent: agent, agentNodeProperties: agentNodeProperties, station01Node: station01Node, stationNode02: stationNode02 });
+                            if (!agentNodeProperties.$Agent$Move$CurrentEdge) {
+                                break;
+                            }
+
+                            const stationNode02Properties = stationNode02.properties as INodeProperty;
+
+                            switch (agentNodeProperties.$Agent$Move$Direction) {
+                                //region 叠盘拆盘
+                                //----------------------------------------------------------------------------------------------------
+                                case 'DPJ': {
+                                    switch (true) {
+                                        // 叠盘
+                                        case stationNode02Properties.type === NODE_KEY.DPJ: {
+                                            doAnimation$Agent$Move$fromANYtoDPJ({ agentNode: agentNode, stationNode02: stationNode02 });
+                                            break;
+                                        }
+
+                                        // 拆盘
+                                        case stationNode02Properties.type !== NODE_KEY.DPJ: {
+                                            doAnimation$Agent$Move$fromDPJtoANY({ agentNode: agentNode, stationNode02: stationNode02 });
+                                            break;
+                                        }
+                                    }
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 向上向左
+                                //----------------------------------------------------------------------------------------------------
+                                case 'UP':
+                                case 'LEFT': {
+                                    doAnimation$Agent$Move$Up$fromANYtoANY({ agentNode: agentNode, direction: agentNodeProperties.$Agent$Move$Direction, stationNode03: stationNode03 });
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+
+                                //region 向下向右
+                                //----------------------------------------------------------------------------------------------------
+                                case 'DOWN':
+                                case 'RIGHT': {
+                                    doAnimation$Agent$Move$Down$fromANYtoANY({ agentNode: agentNode, direction: agentNodeProperties.$Agent$Move$Direction, stationNode03: stationNode03 });
+                                    break;
+                                }
+                                //----------------------------------------------------------------------------------------------------
+                                //endregion
+                            }
+
+                            //region 到达站点二
+                            //----------------------------------------------------------------------------------------------------
+                            if (agentNodeProperties.$Agent$Move$IsArrive) {
+                                agentNodeProperties.$Agent$Move$station01Code = agentNodeProperties.$Agent$Move$station02Code;
+
+                                agentNodeProperties.$Agent$Move$CurrentEdge = undefined;
+                                agentNodeProperties.$Agent$Move$Direction = undefined;
+                                agentNodeProperties.$Agent$Move$IsArrive = undefined;
+                                agentNodeProperties.$Agent$Move$IsMoveDoing = false;
+                                agentNodeProperties.$Agent$Move$IsThrough = undefined;
+                                agentNodeProperties.$Agent$Move$station02Code = undefined;
+                                agentNodeProperties.$Agent$Move$station03Code = undefined;
+
+                                kgSimulator.$WebSocket$getConnection()?.send(
+                                    JSON.stringify(
+                                        new WebSocketMessage({
+                                            type: WEBSOCKET_PING_TYPE.AGENT_STATUS_UPDATE_REQUEST,
+                                            data: new AgentStatusUpdateRequest({
+                                                agentId: agent.code,
+                                                angle: agent.angle,
+                                                stationCode: agentNodeProperties.$Agent$Move$station01Code,
+                                                x: agentNode.x,
+                                                y: agentNode.y,
+                                                z: agent.z,
+                                            }),
+                                        }),
+                                    ),
+                                );
+                            }
+                            //----------------------------------------------------------------------------------------------------
+                            //endregion
+
+                            break;
+                        }
+                    }
+                });
+            }
+        } catch (e: any) {
+            ____ERROR____(`KgSimulatorCanvas | 动画效果--代理者--移动 | ${e.message}`);
+            console.error(e);
+        }
+
+        $Animation$Agent$Move$Timer = window.setTimeout(() => {
+            doAnimation$Agent$Move();
+        }, 0);
+    }
+
+    if ($Animation$Agent$Move$Timer && $Animation$Agent$Move$Timer !== -1) {
+        clearTimeout($Animation$Agent$Move$Timer);
+    }
+
+    doAnimation$Agent$Move();
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    // ----------------------------------------------------------------------------------------------------
+    //endregion
+
+    return {
+        $CircularConveyor$drawCGQ: $CircularConveyor$drawCGQ,
+        $CircularConveyor$drawCJZ: $CircularConveyor$drawCJZ,
+        $CircularConveyor$drawDLZ: $CircularConveyor$drawDLZ,
+        $CircularConveyor$drawDPJ: $CircularConveyor$drawDPJ,
+        $CircularConveyor$drawSSJ: $CircularConveyor$drawSSJ,
+        $CircularConveyor$drawXHZ: $CircularConveyor$drawXHZ,
+        $CircularConveyor$drawYZJ: $CircularConveyor$drawYZJ,
+        draw: (param?: { isZoomToOverview?: boolean }) => {
+            if (!kgSimulator.get$graph()) {
+                return;
+            }
+
+            switch (true) {
+                case kgSimulator.$Config$Env$IsCircularConveyor: {
+                    $CircularConveyor$draw(param);
+                    break;
+                }
+
+                case kgSimulator.$Config$Env$IsCircularShuttle: {
+                    circularShuttle$Draw(param);
+                    break;
+                }
+
+                default: {
+                    break;
+                }
+            }
+        },
+    };
+}
+//----------------------------------------------------------------------------------------------------
+//endregion