@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/component/KgSimulator/KgSimulator.event.ts

@@ -0,0 +1,197 @@
+import { IKgEventListener, kgEmit } from '@kengic/core.core';
+
+/**
+ * 事件类型.
+ */
+export type IKgSimulatorEvent =
+    // 画布--创建一个对象,
+    | 'on$KgSimulatorCanvas$CreateData'
+
+    // 画布--删除一个对象,
+    | 'on$KgSimulatorCanvas$DeleteData'
+
+    // 画布--更新一个对象,
+    | 'on$KgSimulatorCanvas$UpdateData'
+
+    // 菜单--场景--创建,
+    | 'on$KgSimulatorMenu$Scene$Create'
+
+    // 菜单--场景--导入,
+    | 'on$KgSimulatorMenu$Scene$Import'
+
+    // 菜单--场景--打开,
+    | 'on$KgSimulatorMenu$Scene$Open'
+
+    // 面板--场景--点击一个节点,
+    | 'on$KgSimulatorPanelScene$Click'
+
+    // 面板--场景--删除多个节点,
+    | 'on$KgSimulatorPanelScene$Delete'
+
+    // 面板--场景--勾选发生变更,
+    | 'on$KgSimulatorPanelScene$SelectChange'
+
+    // WEBSOCKET--收到消息,
+    | 'on$WebSocket$Message';
+
+//region 事件 on$KgSimulatorCanvas$CreateData
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$CreateData = {
+    /**
+     * 被创建的对象.
+     */
+    data: Record<string, any>;
+
+    /**
+     * 对象类型.
+     *
+     * @see {@link NODE_KEY}
+     */
+    type: string;
+};
+export type IKgSimulatorEventListener$on$KgSimulatorCanvas$CreateData = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$CreateData) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorCanvas$DeleteData
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$DeleteData = {
+    /**
+     * 被销毁的对象.
+     */
+    data: Record<string, any>;
+
+    /**
+     * 对象类型.
+     *
+     * @see {@link NODE_KEY}
+     */
+    type: string;
+};
+export type IKgSimulatorEventListener$on$KgSimulatorCanvas$DeleteData = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$DeleteData) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorCanvas$UpdateData
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$UpdateData = {};
+export type IKgSimulatorEventListener$on$KgSimulatorCanvas$UpdateData = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$UpdateData) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorMenu$Scene$Create
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Create = {};
+export type IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Create = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Create) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorMenu$Scene$Import
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Import = {};
+export type IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Import = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Import) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorMenu$Scene$Open
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Open = {};
+export type IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Open = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Open) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorPanelScene$Click
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$Click = {
+    /**
+     * 主键.
+     */
+    id: string;
+};
+export type IKgSimulatorEventListener$on$KgSimulatorPanelScene$Click = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$Click) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorPanelScene$Delete
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$Delete = {
+    /**
+     * 被删除的主键列表.
+     */
+    deleteIdList: Array<string>;
+};
+export type IKgSimulatorEventListener$on$KgSimulatorPanelScene$Delete = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$Delete) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$KgSimulatorPanelScene$SelectChange
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$SelectChange = {
+    /**
+     * 被选中的主键列表.
+     */
+    selectedIdList: Array<string>;
+};
+export type IKgSimulatorEventListener$on$KgSimulatorPanelScene$SelectChange = ((param: IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$SelectChange) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+//region 事件 on$WebSocket$Message
+//----------------------------------------------------------------------------------------------------
+export type IKgSimulator$EventListenerParameter$on$WebSocket$Message = {
+    /**
+     * 消息内容.
+     */
+    data: Record<string, any>;
+};
+export type IKgSimulatorEventListener$on$WebSocket$Message = ((param: IKgSimulator$EventListenerParameter$on$WebSocket$Message) => Promise<boolean>) & IKgEventListener;
+//endregion
+
+export type IKgSimulatorEventListenerParameter =
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$CreateData
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$DeleteData
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorCanvas$UpdateData
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Create
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Import
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Open
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$Click
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$Delete
+    | IKgSimulator$EventListenerParameter$on$KgSimulatorPanelScene$SelectChange
+    | IKgSimulator$EventListenerParameter$on$WebSocket$Message;
+
+export type IKgSimulatorEventListener =
+    | IKgSimulatorEventListener$on$KgSimulatorCanvas$CreateData
+    | IKgSimulatorEventListener$on$KgSimulatorCanvas$DeleteData
+    | IKgSimulatorEventListener$on$KgSimulatorCanvas$UpdateData
+    | IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Create
+    | IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Import
+    | IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Open
+    | IKgSimulatorEventListener$on$KgSimulatorPanelScene$Click
+    | IKgSimulatorEventListener$on$KgSimulatorPanelScene$Delete
+    | IKgSimulatorEventListener$on$KgSimulatorPanelScene$SelectChange
+    | IKgSimulatorEventListener$on$WebSocket$Message;
+
+export const eventListeners: Record<
+    string,
+    {
+        on$KgSimulatorCanvas$CreateData: Array<IKgSimulatorEventListener$on$KgSimulatorCanvas$CreateData>;
+        on$KgSimulatorCanvas$DeleteData: Array<IKgSimulatorEventListener$on$KgSimulatorCanvas$DeleteData>;
+        on$KgSimulatorCanvas$UpdateData: Array<IKgSimulatorEventListener$on$KgSimulatorCanvas$UpdateData>;
+        on$KgSimulatorMenu$Scene$Create: Array<IKgSimulatorEventListener$on$WebSocket$Message>;
+        on$KgSimulatorMenu$Scene$Import: Array<IKgSimulatorEventListener$on$WebSocket$Message>;
+        on$KgSimulatorMenu$Scene$Open: Array<IKgSimulatorEventListener$on$WebSocket$Message>;
+        on$KgSimulatorPanelScene$Click: Array<IKgSimulatorEventListener$on$KgSimulatorPanelScene$Click>;
+        on$KgSimulatorPanelScene$Delete: Array<IKgSimulatorEventListener$on$KgSimulatorPanelScene$Delete>;
+        on$KgSimulatorPanelScene$SelectChange: Array<IKgSimulatorEventListener$on$KgSimulatorPanelScene$SelectChange>;
+        on$WebSocket$Message: Array<IKgSimulatorEventListener$on$WebSocket$Message>;
+    }
+> = {};
+
+/**
+ * 触发事件.
+ *
+ * @param param.event 事件名称.
+ * @param param.id 唯一标识.
+ * @param param.parameter 事件参数.
+ */
+export function emit<P extends IKgSimulatorEventListenerParameter>(param: { event: IKgSimulatorEvent; id?: string | undefined; parameter: P }): Promise<boolean> {
+    const { event, id = '', parameter } = param ?? {};
+
+    return kgEmit<IKgSimulatorEvent, P, IKgSimulatorEventListener>({
+        event: event,
+        eventListeners: eventListeners,
+        id: id,
+        parameter: parameter,
+    });
+}

package/component/KgSimulator/KgSimulator.hooks.ts

@@ -0,0 +1,237 @@
+import { IRemoveEventListener } from '@kengic/core.core';
+import { inject } from 'vue';
+import { VarSubmitDetail } from '../../api/WMS/models';
+import { pinia } from '../../config';
+import { KG, KG__VAR_BUTTON__TYPE } from '../../model';
+import { kgOnEventFactory } from '../../util';
+import { useKgVar } from '../KgVar';
+import {
+    eventListeners,
+    IKgSimulatorEvent,
+    IKgSimulatorEventListener$on$KgSimulatorCanvas$CreateData,
+    IKgSimulatorEventListener$on$KgSimulatorCanvas$DeleteData,
+    IKgSimulatorEventListener$on$KgSimulatorCanvas$UpdateData,
+    IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Create,
+    IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Import,
+    IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Open,
+    IKgSimulatorEventListener$on$KgSimulatorPanelScene$Click,
+    IKgSimulatorEventListener$on$KgSimulatorPanelScene$Delete,
+    IKgSimulatorEventListener$on$KgSimulatorPanelScene$SelectChange,
+    IKgSimulatorEventListener$on$WebSocket$Message,
+} from './KgSimulator.event';
+import { buildKgSimulatorStore } from './KgSimulator.store';
+
+export type IUseKgSimulator = {
+    /**
+     * 画布标识.
+     */
+    $KgCanvas$id: string;
+
+    /**
+     * 模拟器--面板--属性--修改某些「提交表单字段」的部分属性.
+     *
+     * @param param
+     * @param param.varSubmitDetailList 要修改的「提交表单字段」列表, 列表中的每个对象只需要包含要修改的属性, 注意 VarSubmitDetail.frm_id 和 VarSubmitDetail.var_nam 必须包含.
+     */
+    $KgSimulatorPanelProperty$patchVarSubmitDetailList(param: { varSubmitDetailList: Array<VarSubmitDetail> }): Promise<void>;
+
+    /**
+     * 标识.
+     */
+    id: string;
+
+    /**
+     * 监听事件: 画布--创建一个对象.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorCanvas$CreateData(listener: IKgSimulatorEventListener$on$KgSimulatorCanvas$CreateData, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 画布--删除多个对象.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorCanvas$DeleteData(listener: IKgSimulatorEventListener$on$KgSimulatorCanvas$DeleteData, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 画布--更新一个对象.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorCanvas$UpdateData(listener: IKgSimulatorEventListener$on$KgSimulatorCanvas$UpdateData, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 菜单--场景--创建.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorMenu$Scene$Create(listener: IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Create, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 菜单--场景--导入.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorMenu$Scene$Import(listener: IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Import, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 菜单--场景--打开.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorMenu$Scene$Open(listener: IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Open, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 面板--场景--点击一个节点.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorPanelScene$Click(listener: IKgSimulatorEventListener$on$KgSimulatorPanelScene$Click, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 面板--场景--删除多个节点.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorPanelScene$Delete(listener: IKgSimulatorEventListener$on$KgSimulatorPanelScene$Delete, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 面板--场景--勾选发生变更.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$KgSimulatorPanelScene$SelectChange(listener: IKgSimulatorEventListener$on$KgSimulatorPanelScene$SelectChange, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: WEBSOCKET--收到消息.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    on$WebSocket$Message(listener: IKgSimulatorEventListener$on$WebSocket$Message, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 状态数据.
+     */
+    store: ReturnType<ReturnType<typeof buildKgSimulatorStore>>;
+} & ReturnType<ReturnType<typeof buildKgSimulatorStore>>;
+
+/**
+ * 仿真模拟器.
+ *
+ * @param id 标识.
+ */
+export function useKgSimulator(id?: string | null | undefined): IUseKgSimulator {
+    // 标识, 以参数 id 优先, 如果没传, 则使用依赖注入的,
+    let ID: string = id || inject(KG.DI.ID, '');
+
+    /**
+     * 如果依赖注入 {@link KG.DI.ID} 为空, 则必须传入 id 参数,
+     */
+    if (!ID) {
+        throw new Error('useKgSimulator() | 必须传入 id 参数');
+    }
+
+    const store = buildKgSimulatorStore(ID)(pinia);
+
+    return new Proxy(
+        {
+            $KgCanvas$id: `${ID}--kg-canvas`,
+            $KgSimulatorPanelProperty$patchVarSubmitDetailList: async (param: { varSubmitDetailList: Array<VarSubmitDetail> }) => {
+                const kgVar = useKgVar(KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY);
+
+                await kgVar.kgSubmit.patchVarSubmitDetailList({
+                    buttonType: KG__VAR_BUTTON__TYPE.UPDATE,
+                    varSubmitDetailList: [
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$type' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$typeDsc' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'id' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'x' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'y' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'z' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'width' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'length' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'height' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'depth' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'code' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'name' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'description' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'configurationJson' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'gravity' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'humidity' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'status' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'temperature' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'timeScale' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'isEnable' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'interval' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'angle' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'startOffset' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'type' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'source' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'target' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$sourceCode' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$targetCode' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'isPrimary' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'stationId' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'velocity' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'maxVelocity' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'acceleration' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'brakingAcceleration' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'communicationDelay' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'targetChangeReason' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'isAvailable' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: 'destinationTaskId' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$Station$type' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$Station$isLongDistanceSensorOnX' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$Station$isLongDistanceSensorOnY' },
+                        { frm_id: kgVar.fid, enable_flag: 0, visible_flag: 0, required_flag: 0, srtseq: 0, var_nam: '$PhotoelectricSensor$stationId' },
+
+                        ...param.varSubmitDetailList.map((varSubmitDetail, index) => ({
+                            ...varSubmitDetail,
+                            // 如果不是编辑模式, 全部禁用,
+                            enable_flag: store.$Mode$IsEdit ? varSubmitDetail.enable_flag : 0,
+                            srtseq: index + 1,
+                            visible_flag: 1,
+                        })),
+                    ],
+                });
+            },
+            id: ID,
+            on$KgSimulatorCanvas$CreateData: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorCanvas$CreateData>({ event: 'on$KgSimulatorCanvas$CreateData', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorCanvas$DeleteData: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorCanvas$DeleteData>({ event: 'on$KgSimulatorCanvas$DeleteData', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorCanvas$UpdateData: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorCanvas$UpdateData>({ event: 'on$KgSimulatorCanvas$UpdateData', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorMenu$Scene$Create: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Create>({ event: 'on$KgSimulatorMenu$Scene$Create', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorMenu$Scene$Import: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Import>({ event: 'on$KgSimulatorMenu$Scene$Import', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorMenu$Scene$Open: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorMenu$Scene$Open>({ event: 'on$KgSimulatorMenu$Scene$Open', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorPanelScene$Click: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorPanelScene$Click>({ event: 'on$KgSimulatorPanelScene$Click', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorPanelScene$Delete: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorPanelScene$Delete>({ event: 'on$KgSimulatorPanelScene$Delete', eventListeners: eventListeners, id: ID }),
+            on$KgSimulatorPanelScene$SelectChange: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$KgSimulatorPanelScene$SelectChange>({
+                event: 'on$KgSimulatorPanelScene$SelectChange',
+                eventListeners: eventListeners,
+                id: ID,
+            }),
+            on$WebSocket$Message: kgOnEventFactory<IKgSimulatorEvent, IKgSimulatorEventListener$on$WebSocket$Message>({ event: 'on$WebSocket$Message', eventListeners: eventListeners, id: ID }),
+            store: store,
+        } as IUseKgSimulator,
+        {
+            get(target, p): any {
+                // 将部分属性直接代理给状态管理对象(store), 这样就可以直接访问 store 上的所有属性和方法,
+                if (!(p in target) && p in store) {
+                    return Reflect.get(store, p);
+                }
+
+                return Reflect.get(target, p);
+            },
+        },
+    );
+}

package/component/KgSimulator/KgSimulator.icons.tsx

@@ -0,0 +1,148 @@
+import { Q } from '@thymine/xunee';
+import { NODE_KEY } from './KgSimulator.model';
+
+/**
+ * 自定义的图标.
+ */
+const iconRecord: Record<string, Q.IDrawable> = {
+    /**
+     * 创建者.
+     */
+    [NODE_KEY.CJZ]: {
+        id: NODE_KEY.CJZ,
+        width: 36,
+        height: 36,
+        draw: function (ctx: CanvasRenderingContext2D) {
+            ctx.fillStyle = '#ffec3d88';
+            ctx.strokeStyle = '#000000';
+            ctx.lineWidth = 1;
+
+            ctx.beginPath();
+            ctx.ellipse(18, 18, 12, 12, 0, 0, Math.PI * 2, false);
+            ctx.fill();
+            ctx.stroke();
+        },
+    },
+
+    /**
+     * 销毁者.
+     */
+    [NODE_KEY.XHZ]: {
+        id: NODE_KEY.XHZ,
+        width: 36,
+        height: 36,
+        draw: function (ctx: CanvasRenderingContext2D) {
+            ctx.fillStyle = '#ff4d4f88';
+            ctx.strokeStyle = '#000000';
+            ctx.lineWidth = 1;
+
+            ctx.beginPath();
+            ctx.ellipse(18, 18, 12, 12, 0, 0, Math.PI * 2, false);
+            ctx.fill();
+            ctx.stroke();
+        },
+    },
+
+    /**
+     * 叠盘机.
+     */
+    [NODE_KEY.DPJ]: {
+        id: NODE_KEY.DPJ,
+        width: 36,
+        height: 36,
+        draw: function (ctx: CanvasRenderingContext2D) {
+            ctx.fillStyle = '#7EDAFB';
+            ctx.strokeStyle = '#000000';
+            ctx.lineWidth = 1;
+
+            ctx.moveTo(0, 0);
+            ctx.lineTo(24, 0);
+            ctx.lineTo(24, 24);
+            ctx.lineTo(0, 24);
+            ctx.closePath();
+
+            ctx.fill();
+            ctx.stroke();
+        },
+    },
+
+    /**
+     * 移栽机.
+     */
+    [NODE_KEY.YZJ]: {
+        id: NODE_KEY.YZJ,
+        width: 36,
+        height: 36,
+        draw: function (ctx: CanvasRenderingContext2D) {
+            ctx.fillStyle = '#ece2fe';
+            ctx.strokeStyle = '#000000';
+            ctx.lineWidth = 1;
+
+            ctx.moveTo(0, 0);
+            ctx.lineTo(24, 0);
+            ctx.lineTo(24, 24);
+            ctx.lineTo(0, 24);
+            ctx.closePath();
+
+            ctx.fill();
+            ctx.stroke();
+        },
+    },
+
+    /**
+     * 传感器.
+     */
+    [NODE_KEY.CGQ]: {
+        id: NODE_KEY.CGQ,
+        width: 36,
+        height: 36,
+        draw: function (ctx: CanvasRenderingContext2D) {
+            ctx.fillStyle = '#ff0000';
+            ctx.strokeStyle = '#ff0000';
+            ctx.lineWidth = 1;
+
+            ctx.moveTo(0, 0);
+            ctx.lineTo(24, 0);
+            ctx.lineTo(24, 1);
+            ctx.lineTo(0, 0);
+            ctx.closePath();
+
+            ctx.fill();
+            ctx.stroke();
+        },
+    },
+
+    /**
+     * 输送机.
+     */
+    [NODE_KEY.SSJ]: {
+        id: NODE_KEY.SSJ,
+        width: 36,
+        height: 36,
+        draw: function (ctx: CanvasRenderingContext2D) {
+            ctx.fillStyle = '#4CAF50';
+            ctx.strokeStyle = '#000000';
+            ctx.lineWidth = 1;
+
+            ctx.moveTo(0, 0);
+            ctx.lineTo(24, 0);
+            ctx.lineTo(24, 24);
+            ctx.lineTo(0, 24);
+            ctx.closePath();
+
+            ctx.fill();
+            ctx.stroke();
+        },
+    },
+};
+
+for (let key in iconRecord) {
+    Q.registerImage(key, iconRecord[key]);
+}
+
+export { iconRecord };
+
+/**
+ *
+ */
+export function registerPrefabImageList() {}