@jnrs/lingshu-smart 2.2.8 → 2.2.9

package/dist/stores/useEditorStore.js

@@ -1,263 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useEditorStore.ts
- * @Date   : 2026/01/21
- * @Desc.  : 用于编辑器页面：设备列表、方案列表、当前方案、当前方案的场景、当前方案的图层列表、当前图层状态管理
- */
-import { uuidv4 } from '@jnrs/shared/uuid';
-import { debounce, cloneDeep } from '@jnrs/shared/lodash';
-import { defineStore } from 'pinia';
-import { computed, watch } from 'vue';
-import { DEFAULT_LAYER } from '@/constants/options';
-import { AppController } from '@/controller/AppController';
-import { EditorController } from '@/controller/EditorController';
-import { transPercentAndPixel } from '@/utils';
-import { useDataStore } from './useDataStore';
-export const useEditorStore = defineStore('@jnrs/lingshu-smart/editor', () => {
-    const sharedStore = useDataStore();
-    // APP 容器实例
-    let appContainer = null;
-    // 编辑器实例
-    let editorManager = null;
-    // 当前选择的方案
-    const currentCase = computed(() => {
-        return sharedStore.cases?.find((c) => c.isActive) || null;
-    });
-    // 当前方案场景
-    const scene = computed(() => {
-        if (!currentCase.value)
-            return null;
-        return currentCase.value.scene;
-    });
-    // 当前方案图层列表
-    const layers = computed(() => {
-        if (!currentCase.value)
-            return [];
-        return currentCase.value.layers;
-    });
-    // 当前选择的图层
-    const currentLayer = computed(() => {
-        if (!currentCase.value)
-            return null;
-        return layers.value.find((d) => d.selected) || null;
-    });
-    /**
-     * 初始化容器（引擎实例）
-     */
-    const initContainer = (options) => {
-        if (appContainer) {
-            console.warn('❌ Container already initialized');
-            return;
-        }
-        appContainer = new AppController(options);
-        console.log('✅ AppController Initialized');
-        if (options.appEditable) {
-            initEditor();
-        }
-        updateScene();
-    };
-    /**
-     * 修改场景
-     */
-    const updateScene = debounce(() => {
-        if (!appContainer) {
-            console.warn('❌ updateScene failed: AppController not initialized');
-            return;
-        }
-        if (scene.value) {
-            console.log('🖥 updateScene...');
-            appContainer.setTree(scene.value);
-        }
-        // 场景更新后重新渲染全部图层
-        renderLayers();
-    }, 300);
-    /**
-     * 渲染全部图层
-     */
-    const renderLayers = debounce(() => {
-        if (!appContainer) {
-            console.warn('❌ renderLayers failed: AppController not initialized');
-            return;
-        }
-        // 先清空所有图层
-        appContainer.clearAll();
-        // 如果当前方案存在，则渲染当前方案
-        if (currentCase.value) {
-            const uuid = currentLayer.value?.uuid;
-            for (const layer of layers.value) {
-                appContainer.addModel(layer);
-                if (editorManager && layer.uuid === uuid) {
-                    editorManager.selectEquipment(`#${uuid}`);
-                }
-            }
-        }
-        else {
-            // 如果当前方案不存在，则初始化容器 UI
-            appContainer.setTree(undefined);
-        }
-        console.log('🖌 renderLayers...');
-    }, 250);
-    /**
-     * 销毁容器
-     */
-    const destroyContainer = () => {
-        if (appContainer) {
-            appContainer.destroy();
-            appContainer = null;
-            console.log('✅ AppController Destroyed');
-        }
-        if (editorManager) {
-            editorManager.destroy();
-            editorManager = null;
-            console.log('✅ EditorController Destroyed');
-        }
-    };
-    /**
-     * resize 容器
-     */
-    const resizeContainer = () => {
-        if (!appContainer) {
-            console.error('Cannot resize Container: AppController missing');
-            return;
-        }
-        appContainer.setZoom();
-    };
-    /**
-     * 初始化编辑器
-     */
-    const initEditor = () => {
-        if (!appContainer) {
-            console.error('Cannot init Editor: AppController missing');
-            return;
-        }
-        editorManager = new EditorController({
-            container: appContainer,
-            onSelected: (ids) => {
-                const uuid = ids[0];
-                layers.value.forEach((layer) => {
-                    if (layer.uuid === uuid) {
-                        layer.selected = true;
-                    }
-                    else {
-                        layer.selected = false;
-                    }
-                });
-            },
-            onRotate: (rotation) => {
-                const layer = currentLayer.value;
-                if (layer) {
-                    layer.rotation = rotation;
-                }
-            },
-            onScale: (width) => {
-                const layer = currentLayer.value;
-                if (layer && layer.width && layer.height) {
-                    layer.scale = Number((width / layer.width).toFixed(2));
-                }
-            },
-            onMove: (x, y) => {
-                const layer = currentLayer.value;
-                if (layer && layer.width && layer.height) {
-                    layer.x = x;
-                    layer.y = y;
-                    layer.percentX = transPercentAndPixel(x, scene.value?.width, 3, true);
-                    layer.percentY = transPercentAndPixel(y, scene.value?.height, 3, true);
-                }
-            }
-        });
-        console.log('✅ EditorController Initialized');
-    };
-    /**
-     * 更新图层属性 (修改当前 UI 需要立即响应属性，如宽高、位置、旋转、缩放等)
-     */
-    const updateLayer = (layer) => {
-        if (!appContainer)
-            return;
-        const model = appContainer.findOne(`#${layer.uuid}`);
-        if (model) {
-            model.set(layer);
-            console.log('🎨 updateLayer');
-        }
-    };
-    /**
-     * 单独重绘某个图层（重绘为了修改子 UI 的显示）
-     * @param layer 要重绘的图层对象
-     */
-    const rerenderLayer = debounce((layer) => {
-        if (editorManager) {
-            console.log('♻️ rerenderLayer...');
-            editorManager.rerenderModel(layer);
-        }
-    }, 500);
-    /**
-     * 添加图层（图层）到当前方案
-     */
-    const addLayer = (layer) => {
-        if (!currentCase.value) {
-            console.warn('❌ addLayer failed: currentCase not initialized');
-            return;
-        }
-        const uuid = layer.uuid || uuidv4();
-        const zIndex = layers.value.length + 1;
-        const newLayer = {
-            ...cloneDeep(DEFAULT_LAYER), // 使用cloneDeep防止展开运算符的浅拷贝无法处理嵌套对象，导致污染初始值
-            ...cloneDeep(layer),
-            uuid,
-            zIndex,
-            rawData: {
-                id: uuid
-            }
-        };
-        // 直接 push 到响应式数组
-        currentCase.value.layers.push(newLayer);
-        // 添加后重绘
-        if (!appContainer) {
-            console.warn('❌ addLayer failed: appContainer not initialized');
-            return;
-        }
-        appContainer.addModel(newLayer);
-    };
-    /**
-     * 切换选中图层，选中对应的 UI
-     */
-    const selectLayer = (uuid) => {
-        if (editorManager) {
-            const isCurrentLayer = currentLayer.value?.uuid === uuid;
-            editorManager.selectEquipment(isCurrentLayer ? undefined : `#${uuid}`);
-        }
-    };
-    // ==================== 监听器 ====================
-    // 监听场景配置变化
-    watch(scene, () => {
-        if (appContainer) {
-            updateScene();
-        }
-    }, { deep: true });
-    // 监听当前选中图层的变化，更新图形 UI
-    watch(currentLayer, (layer) => {
-        if (layer) {
-            updateLayer(layer);
-            rerenderLayer(layer);
-        }
-    }, { deep: true });
-    return {
-        // Getters
-        currentCase,
-        scene,
-        layers,
-        currentLayer,
-        // Actions
-        initContainer,
-        resizeContainer,
-        destroyContainer,
-        initEditor,
-        // 场景
-        updateScene,
-        // 当前图层
-        addLayer,
-        selectLayer,
-        updateLayer,
-        renderLayers
-    };
-});

package/dist/types/app.types.js

@@ -1,2 +0,0 @@
-import { EnumTag } from './index';
-import { PointerEvent } from 'leafer';

package/dist/types/base.types.js

@@ -1 +0,0 @@
-import {} from './enums';

package/dist/types/components/config.types.js

@@ -1 +0,0 @@
-import { EnumResourceType, EnumComponent } from '../enums';

package/dist/types/components/operating.types.js

@@ -1 +0,0 @@
-import { EnumResourceType } from '../enums';

package/dist/types/enums.js

@@ -1,46 +0,0 @@
-// 步骤操作类型
-export var EnumStepType;
-(function (EnumStepType) {
-    EnumStepType["UNDO"] = "Undo";
-    EnumStepType["REDO"] = "Redo";
-})(EnumStepType || (EnumStepType = {}));
-// 设备标签枚举
-export var EnumTag;
-(function (EnumTag) {
-    EnumTag["TRANSPORT"] = "\u642C\u8FD0\u8BBE\u5907";
-    EnumTag["MACHINE"] = "\u673A\u5E8A";
-    EnumTag["CLEANING"] = "\u6E05\u6D17\u673A";
-    EnumTag["STATION"] = "\u88C5\u8F7D\u7AD9";
-    EnumTag["STORAGE"] = "\u5E93";
-    EnumTag["OTHER"] = "\u5176\u4ED6";
-})(EnumTag || (EnumTag = {}));
-// 设备类型枚举
-export var EnumModel;
-(function (EnumModel) {
-    EnumModel["SINGLE_JOINT_ROBOT"] = "SingleJointRobot";
-    EnumModel["DOUBLE_GRIPPER_ROBOT"] = "DoubleGripperRobot";
-    EnumModel["RGV"] = "Rgv";
-    EnumModel["MACHINE_TOOL"] = "MachineTool";
-    EnumModel["MARKING_MACHINE"] = "MarkingMachine";
-    EnumModel["CLEANING_MACHINE"] = "CleaningMachine";
-    EnumModel["LOADING_STATION"] = "LoadingStation";
-    EnumModel["PALLET_STORAGE"] = "PalletStorage";
-    EnumModel["TOOL_STORAGE"] = "ToolStorage";
-    EnumModel["BUFFER_DOCK"] = "BufferDock";
-    EnumModel["GROUND_RAIL"] = "GroundRail";
-    EnumModel["FOLLOWING_TUGGER"] = "FollowingTugger";
-    EnumModel["RAIL"] = "Rail";
-    EnumModel["RESOURCE_STORE"] = "ResourceStore";
-})(EnumModel || (EnumModel = {}));
-// 组件类型枚举
-export var EnumComponent;
-(function (EnumComponent) {
-    EnumComponent["STATION_SLOT"] = "StationSlot";
-    EnumComponent["RESOURCE"] = "Resource";
-})(EnumComponent || (EnumComponent = {}));
-// 资源类型枚举
-export var EnumResourceType;
-(function (EnumResourceType) {
-    EnumResourceType["PALLET"] = "Pallet";
-    EnumResourceType["TOOL"] = "Tool";
-})(EnumResourceType || (EnumResourceType = {}));

package/dist/types/guards.js

@@ -1,28 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : guards.ts
- * @Date   : 2026/04/07
- * @Desc.  : 类型守卫函数
- */
-import { EnumModel } from './index';
-// 是否为机床
-export function isMachineTool(layer) {
-    return layer?.className === EnumModel.MACHINE_TOOL;
-}
-// 是否拥有工位组配置
-export function hasStationSlotGroup(layer) {
-    return (layer?.className === EnumModel.MACHINE_TOOL ||
-        layer?.className === EnumModel.MARKING_MACHINE ||
-        layer?.className === EnumModel.CLEANING_MACHINE ||
-        layer?.className === EnumModel.LOADING_STATION ||
-        layer?.className === EnumModel.RESOURCE_STORE);
-}
-// 是否拥有夹具切换配置
-export function hasFixtureChange(layer) {
-    return layer?.className === EnumModel.SINGLE_JOINT_ROBOT;
-}
-// 是否为轨道配置
-export function isRail(layer) {
-    return layer?.className === EnumModel.RAIL;
-}

package/dist/types/index.js

@@ -1,8 +0,0 @@
-export * from './enums';
-export * from './app.types';
-export * from './base.types';
-export * from './models/config.types';
-export * from './models/operating.types';
-export * from './components/config.types';
-export * from './components/operating.types';
-export * from './guards';

package/dist/types/models/config.types.js

@@ -1 +0,0 @@
-import { EnumModel, EnumTag, EnumResourceType } from '../enums';

package/dist/types/models/operating.types.js

@@ -1 +0,0 @@
-import { EnumModel, EnumResourceType } from '../enums';

package/dist/ui/abstract/ComponentAbs.js

@@ -1,64 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : ComponentAbs.ts
- * @Date   : 2026/02/13
- * @Desc.  : 抽象类：子组件（Model-View 分离）
- */
-import { UI } from 'leafer';
-import { cloneDeep } from '@jnrs/shared/lodash';
-export class ComponentAbs {
-    _ui = null;
-    _config;
-    _initialized = false;
-    constructor(options) {
-        this._config = cloneDeep(options);
-    }
-    get ui() {
-        if (!this._ui) {
-            throw new Error('访问 ui 失败：UI 实例未创建，请先调用 init() 方法');
-        }
-        return this._ui;
-    }
-    get config() {
-        return this._config;
-    }
-    // 宽度计算 - 50%（中心点）
-    get width_05() {
-        return this.config.width * 0.5;
-    }
-    // 高度计算 - 50%（中心点）
-    get height_05() {
-        return this.config.height * 0.5;
-    }
-    // 设备操作
-    operating(data) { }
-    // 初始化 UI（必须在 setEventHandler 之前调用）
-    init() {
-        if (this._initialized) {
-            console.warn('元素已经初始化，重复初始化');
-            return this;
-        }
-        this._ui = this.createUi();
-        this._initialized = true;
-        return this;
-    }
-    // 处理设备操作
-    handleOperation = (data) => {
-        this.operating(data);
-    };
-    // 销毁 UI 和事件绑定
-    destroyUI() {
-        if (!this._initialized) {
-            console.warn('销毁失败，元素未初始化');
-            return;
-        }
-        this.ui.destroy();
-        this._initialized = false;
-    }
-    // 销毁
-    destroy() {
-        this.destroyUI();
-        this._ui = null;
-    }
-}

package/dist/ui/abstract/ModelAbs.js

@@ -1,119 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : ModelAbs.ts
- * @Date   : 2026/02/13
- * @Desc.  : 抽象类：设备
- * @Intro. : Model-View 分离架构
- */
-import { UI, PointerEvent, DragEvent } from 'leafer';
-import { cloneDeep, debounce } from '@jnrs/shared/lodash';
-const DEBOUNCE_TIME = 300; // 防抖时间 300ms
-export class ModelAbs {
-    _ui = null;
-    _config;
-    eventHandler = null;
-    _initialized = false;
-    constructor(options) {
-        this._config = cloneDeep(options);
-    }
-    get ui() {
-        if (!this._ui) {
-            throw new Error('访问 ui 失败：UI 实例未创建，请先调用 init() 方法');
-        }
-        return this._ui;
-    }
-    get config() {
-        return this._config;
-    }
-    // 宽度计算 - 50%（中心点）
-    get width_05() {
-        return this.config.width * 0.5;
-    }
-    get width_02() {
-        return this.config.width * 0.2;
-    }
-    get width_08() {
-        return this.config.width * 0.8;
-    }
-    // 高度计算 - 50%（中心点）
-    get height_05() {
-        return this.config.height * 0.5;
-    }
-    // 初始化 UI（必须在 setEventHandler 之前调用）
-    init() {
-        if (this._initialized) {
-            console.warn('元素已经初始化，重复初始化');
-            return this;
-        }
-        this._ui = this.createUi();
-        this._initialized = true;
-        return this;
-    }
-    // 处理设备操作
-    handleOperation = (data) => {
-        this.operating(data);
-    };
-    // 赋值函数，用于判断是否注册交互事件
-    shouldHandleInteraction(e, selfEnabled) {
-        const isTargetSelf = e.target === this.ui;
-        // 情况1禁止注册: hitSelf 为 false，且点击的是自身
-        if (!this.config.hitSelf && isTargetSelf)
-            return false;
-        // 情况2禁止注册: 点击、右击、移动等交互的是自身，但自身不可点击、右击、移动等
-        if (isTargetSelf && !selfEnabled)
-            return false;
-        return true;
-    }
-    // 点击事件回调
-    tapCallback = debounce((e) => {
-        if (!this.shouldHandleInteraction(e, this.config.clickable))
-            return;
-        this.eventHandler?.onTap?.(this.config, e.target.data);
-    }, DEBOUNCE_TIME);
-    // 右键点击事件回调
-    menuTapCallback = debounce((e) => {
-        if (!this.shouldHandleInteraction(e, this.config.menuClickable))
-            return;
-        this.eventHandler?.onMenuTap?.(this.config, e.target.data);
-    }, DEBOUNCE_TIME);
-    // 拖拽事件回调
-    dragCallback = (e) => {
-        if (!this.shouldHandleInteraction(e, this.config.draggable))
-            return;
-        this.eventHandler?.onDragEnd?.(this.config, e.target.data);
-    };
-    // 注册事件（事件委托模式）
-    setEventHandler(handler) {
-        // 不可交互时不注册自定义事件（不在 UI 上设置 hittable 属性，防止编辑模式下无法选中设备）
-        if (!this.config.hittable)
-            return;
-        this.eventHandler = handler;
-        if (Object.hasOwn(handler, 'onTap')) {
-            this.ui.on(PointerEvent.TAP, this.tapCallback);
-        }
-        if (Object.hasOwn(handler, 'onMenuTap')) {
-            this.ui.on(PointerEvent.MENU_TAP, this.menuTapCallback);
-        }
-        if (Object.hasOwn(handler, 'onDragEnd')) {
-            this.ui.on(DragEvent.END, this.dragCallback);
-        }
-    }
-    // 销毁 UI 和事件绑定
-    destroyUI() {
-        if (!this._initialized) {
-            console.warn('销毁失败，元素未初始化');
-            return;
-        }
-        this.ui.off(PointerEvent.TAP, this.tapCallback);
-        this.ui.off(PointerEvent.MENU_TAP, this.menuTapCallback);
-        this.ui.off(DragEvent.END, this.dragCallback);
-        this.ui.destroy();
-        this._initialized = false;
-    }
-    // 销毁
-    destroy() {
-        this.destroyUI();
-        this._ui = null;
-    }
-}

package/dist/ui/components/Entrance.js

@@ -1,83 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : Entrance.ts
- * @Date   : 2025/01/18
- * @desc.  : 设备入口
- */
-import { Box } from 'leafer';
-import {} from '@/types';
-import { ComponentAbs } from '../abstract/ComponentAbs';
-export class Entrance extends ComponentAbs {
-    constructor(options) {
-        const DEFAULTS = {
-            x: 0,
-            y: 0,
-            width: 120,
-            height: 30,
-            isIn: true,
-            isOut: false
-        };
-        super({ ...DEFAULTS, ...options });
-    }
-    get ChannelSize() {
-        const w = this.config.width * 0.2;
-        return w > 35 ? w : 35;
-    }
-    createUi() {
-        const { x, y, width } = this.config;
-        const main = new Box({
-            className: 'Entrance',
-            hittable: false,
-            x,
-            y,
-            width,
-            around: 'top',
-            overflow: 'hide',
-            children: [
-                this.renderChannel('outChannel', '下料', this.ChannelSize),
-                this.renderChannel('inChannel', '上料', this.config.width - this.ChannelSize)
-            ]
-        });
-        return main;
-    }
-    renderChannel(className, text, x) {
-        return {
-            className,
-            tag: 'Box',
-            x,
-            y: 0,
-            around: 'top',
-            visible: false,
-            children: [
-                {
-                    tag: 'Polygon',
-                    points: [0, 0, 0, 10, this.ChannelSize / 2, this.ChannelSize / 2, this.ChannelSize, 10, this.ChannelSize, 0],
-                    animation: {
-                        keyframes: [{ fill: '#65DB79' }, { fill: '#009866', scaleY: 1.1 }],
-                        duration: 0.3,
-                        swing: true
-                    }
-                },
-                {
-                    tag: 'Text',
-                    text: text,
-                    fill: '#333',
-                    fontSize: 12,
-                    fontWeight: 'bold',
-                    textAlign: 'center',
-                    y: -2,
-                    width: this.ChannelSize
-                }
-            ]
-        };
-    }
-    operating(val) {
-        this.ui.findOne('.inChannel')?.set({
-            visible: val.isIn
-        });
-        this.ui.findOne('.outChannel')?.set({
-            visible: val.isOut
-        });
-    }
-}