@jnrs/lingshu-smart 2.2.6 → 2.2.8

package/dist/ui/models/LoadingStation.d.ts

@@ -0,0 +1,16 @@
+import type { ILoadingStationConfig, ILoadingStationOperating } from '@/types';
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+/**
+ * 装载站（LoadingStation）
+ */
+export declare class LoadingStation extends ModelAbs<ILoadingStationConfig> {
+    private static readonly PROGRESS_Y_OFFSET;
+    private static readonly NAME_PLATE_Y_OFFSET;
+    private light;
+    private progress;
+    private entrance;
+    private stationSlotGroup;
+    protected createUi(): Box;
+    protected operating(data: ILoadingStationOperating): void;
+}

package/dist/ui/models/LoadingStation.js

@@ -0,0 +1,167 @@
+import { Box, Ellipse } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+import { EllipseLight } from '../components/Light';
+import { Progress } from '../components/Progress';
+import { Entrance } from '../components/Entrance';
+import { StationSlotGroup } from '../components/StationSlotGroup';
+import { createGlass } from '../factories/createGlass';
+import { NamePlate } from '../shapes/NamePlate';
+import { setCursor } from '../utils/attr';
+/**
+ * 装载站（LoadingStation）
+ */
+export class LoadingStation extends ModelAbs {
+    static PROGRESS_Y_OFFSET = 45;
+    static NAME_PLATE_Y_OFFSET = 20;
+    light = null;
+    progress = null;
+    entrance = null;
+    stationSlotGroup = null;
+    createUi() {
+        const { uuid, className, nameplate, stationSlotGroup, width, height, x, y, zIndex, rotation, scale, visible, editable, draggable } = this.config;
+        const cornerRadius = [4, 4, this.width_05, this.width_05];
+        this.entrance = new Entrance({
+            x: this.width_05,
+            y: -2,
+            width,
+            height: this.width_02,
+            isIn: false,
+            isOut: false
+        }).init();
+        this.light = new EllipseLight({
+            x: this.width_05,
+            y: 24,
+            width: this.width_02,
+            height: this.width_02,
+            strokeWidth: 6,
+            strokeColor: '#D5DAE3'
+        }).init();
+        this.progress = new Progress({
+            x: this.width_05,
+            y: height - LoadingStation.PROGRESS_Y_OFFSET,
+            width: this.width_05,
+            height: 20,
+            progress: 0
+        }).init();
+        const stationContainer = new Box({
+            className: 'StationContainer',
+            x: this.width_05,
+            y: this.height_05,
+            width: this.width_05,
+            height: this.width_05,
+            around: 'center',
+            children: [
+                createGlass({
+                    around: 'top-left',
+                    width: this.width_05,
+                    height: this.width_05,
+                    cornerRadius: this.width_05
+                })
+            ]
+        });
+        const main = new Box({
+            data: this.config,
+            id: uuid,
+            className,
+            x,
+            y,
+            width,
+            height,
+            zIndex,
+            rotation,
+            scale,
+            visible,
+            editable,
+            draggable,
+            origin: 'center',
+            around: 'center',
+            cornerRadius,
+            fill: {
+                type: 'linear',
+                from: 'left',
+                to: 'right',
+                stops: [
+                    { offset: 0, color: '#999' },
+                    { offset: 1, color: '#555' }
+                ]
+            },
+            shadow: {
+                spread: 1,
+                blur: 4,
+                color: 'rgba(0,0,0,0.5)'
+            },
+            children: [
+                new Box({
+                    hittable: false,
+                    width,
+                    height,
+                    fill: {
+                        type: 'linear',
+                        from: 'left',
+                        to: 'right',
+                        stops: ['#bbb', '#fff', '#fff', '#bbb']
+                    },
+                    cornerRadius,
+                    zIndex: -1
+                }),
+                new Box({
+                    hittable: false,
+                    width: 16,
+                    height: 70,
+                    fill: '#D5DAE3',
+                    x: this.width_05,
+                    around: 'top'
+                }),
+                new Ellipse({
+                    hittable: false,
+                    fill: '#D5DAE3',
+                    x: this.width_05,
+                    y: 24,
+                    width: this.width_02 + 4,
+                    height: this.width_02 + 4,
+                    around: 'center'
+                }),
+                stationContainer,
+                this.entrance.ui,
+                this.light.ui,
+                this.progress.ui
+            ]
+        });
+        if (stationSlotGroup) {
+            this.stationSlotGroup = new StationSlotGroup({
+                ...stationSlotGroup,
+                x: this.width_05,
+                y: this.height_05,
+                width: this.width_05,
+                height: this.width_05,
+                hittable: this.config.hittable
+            }, this.config.rotation).init();
+            main.add(this.stationSlotGroup.ui);
+        }
+        if (nameplate) {
+            main.add(NamePlate({
+                title: nameplate,
+                x: this.width_05,
+                y: height - LoadingStation.NAME_PLATE_Y_OFFSET,
+                stroke: 'rgba(0,0,0,0.05)'
+            }));
+        }
+        setCursor(main, this.config);
+        return main;
+    }
+    // 操作
+    operating(data) {
+        if (data.light && this.light) {
+            this.light.operating(data.light);
+        }
+        if (data.progress && this.progress) {
+            this.progress.operating(data.progress);
+        }
+        if (data.entrance && this.entrance) {
+            this.entrance.operating(data.entrance);
+        }
+        if (data.resource && this.stationSlotGroup) {
+            this.stationSlotGroup.operating(data.resource);
+        }
+    }
+}

package/dist/ui/models/MachineTool.d.ts

@@ -1,17 +1,18 @@
-import { IMachineToolConfig, IMachineToolOperating } from '../../types';
+import type { IMachineToolConfig, IMachineToolOperating } from '@/types';
 import { Box } from 'leafer';
 import { ModelAbs } from '../abstract/ModelAbs';
 /**
  * 机床
  */
 export declare class MachineTool extends ModelAbs<IMachineToolConfig> {
+    private static readonly STATION_OFFSET;
     private light;
     private progress;
     private entrance;
     private stationSlotGroup;
-    constructor(options: IMachineToolConfig);
-    private get width_02();
-    private get width_08();
+    private stationContainer;
+    private stationContainerBaseRotation;
     protected createUi(): Box;
     protected operating(data: IMachineToolOperating): void;
+    private rotateStationContainerWithAnimation;
 }

package/dist/ui/models/MachineTool.js

@@ -0,0 +1,184 @@
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+import { EllipseLight } from '../components/Light';
+import { Progress } from '../components/Progress';
+import { Entrance } from '../components/Entrance';
+import { StationSlotGroup } from '../components/StationSlotGroup';
+import { createGlass } from '../factories/createGlass';
+import { NamePlate } from '../shapes/NamePlate';
+import { setCursor } from '../utils/attr';
+/**
+ * 机床
+ */
+export class MachineTool extends ModelAbs {
+    static STATION_OFFSET = 16;
+    light = null;
+    progress = null;
+    entrance = null;
+    stationSlotGroup = null;
+    stationContainer = null;
+    stationContainerBaseRotation = 0; // 基础工位容器旋转角度
+    // 创建 UI
+    createUi() {
+        const { 
+        // 基础属性
+        uuid, className, nameplate, stationSlotGroup, stationContainerDirection, 
+        // 位置与变换
+        width, height, x, y, zIndex, rotation, scale, 
+        // 交互控制
+        visible, editable, draggable } = this.config;
+        this.stationContainerBaseRotation = stationContainerDirection === 'vertical' ? 90 : 0;
+        // 指示灯
+        this.light = new EllipseLight({
+            x: this.width_05,
+            y: 30,
+            width: this.width_02,
+            height: this.width_02,
+            showShadow: true
+        }).init();
+        // 出入口
+        this.entrance = new Entrance({
+            x: this.width_05,
+            y: -2,
+            width,
+            height: this.width_02,
+            isIn: false,
+            isOut: false
+        }).init();
+        // 进度条
+        this.progress = new Progress({
+            x: this.width_05,
+            y: height - 74,
+            width: this.width_08,
+            height: 20,
+            progress: 0
+        }).init();
+        this.stationContainer = new Box({
+            className: 'StationContainer',
+            x: this.width_05,
+            y: this.height_05 - MachineTool.STATION_OFFSET,
+            width: this.width_05,
+            height: 66,
+            around: 'center',
+            rotation: this.stationContainerBaseRotation,
+            children: [
+                createGlass({
+                    around: 'top-left',
+                    width: this.width_05,
+                    height: 66,
+                    cornerRadius: 10
+                })
+            ]
+        });
+        // 主容器
+        const main = new Box({
+            visible,
+            editable,
+            draggable,
+            data: this.config,
+            id: uuid,
+            className,
+            zIndex,
+            width,
+            height,
+            x,
+            y,
+            rotation,
+            scale,
+            cornerRadius: 8,
+            fill: '#DADEE7',
+            origin: 'center',
+            around: 'center',
+            shadow: {
+                spread: 1,
+                blur: 4,
+                color: 'rgba(0,0,0,0.5)'
+            },
+            children: [
+                new Box({
+                    hittable: false,
+                    x: 0,
+                    y: height - 60,
+                    width: width,
+                    height: 60,
+                    zIndex: 0,
+                    fill: '#232323',
+                    cornerRadius: [0, 0, 8, 8]
+                }),
+                this.light.ui,
+                this.entrance.ui,
+                this.progress.ui,
+                this.stationContainer
+            ]
+        });
+        // 创建工位槽位数组
+        if (stationSlotGroup) {
+            this.stationSlotGroup = new StationSlotGroup({
+                ...stationSlotGroup,
+                x: this.width_05,
+                y: this.height_05 - MachineTool.STATION_OFFSET,
+                width: this.width_05,
+                height: this.width_05,
+                rotation: this.stationContainerBaseRotation,
+                hittable: this.config.hittable
+            }, this.config.rotation).init();
+            main.add(this.stationSlotGroup.ui);
+        }
+        setCursor(main, this.config);
+        // 名牌
+        if (nameplate) {
+            main.add(NamePlate({
+                title: nameplate,
+                x: this.width_05,
+                y: height - 30,
+                height: 20
+            }));
+        }
+        return main;
+    }
+    // 操作
+    operating(data) {
+        if (data.light && this.light) {
+            this.light.operating(data.light);
+        }
+        if (data.progress && this.progress) {
+            this.progress.operating(data.progress);
+        }
+        if (data.entrance && this.entrance) {
+            this.entrance.operating(data.entrance);
+        }
+        if (data.resource && this.stationSlotGroup) {
+            this.stationSlotGroup.operating(data.resource);
+        }
+        if (Object.hasOwn(data, 'stationRotatable')) {
+            if (data.stationRotatable) {
+                this.rotateStationContainerWithAnimation('rotate');
+            }
+            else {
+                this.rotateStationContainerWithAnimation('reset');
+            }
+        }
+    }
+    // 工位旋转/回转动画
+    rotateStationContainerWithAnimation(mode) {
+        if (!this.stationContainer)
+            return;
+        let rotation = this.stationContainerBaseRotation;
+        if (mode === 'rotate') {
+            rotation += 180;
+        }
+        else {
+            rotation = this.stationContainerBaseRotation;
+        }
+        this.stationContainer.animate({
+            rotation,
+            duration: 0.5,
+            easing: 'ease'
+        });
+        this.stationSlotGroup?.ui.animate({
+            rotation,
+            duration: 0.5,
+            easing: 'ease'
+        });
+    }
+}

package/dist/ui/models/MarkingMachine.d.ts

@@ -0,0 +1,16 @@
+import type { IMarkingMachineConfig, IMarkingMachineOperating } from '@/types';
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+/**
+ * 打标机
+ */
+export declare class MarkingMachine extends ModelAbs<IMarkingMachineConfig> {
+    private light;
+    private progress;
+    private entrance;
+    private stationSlotGroup;
+    protected createUi(): Box;
+    protected operating(data: IMarkingMachineOperating): void;
+    private renderLaser;
+    private setLaserWorking;
+}

package/dist/ui/models/MarkingMachine.js

@@ -0,0 +1,148 @@
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+import { Entrance } from '../components/Entrance';
+import { EllipseLight } from '../components/Light';
+import { Progress } from '../components/Progress';
+import { StationSlotGroup } from '../components/StationSlotGroup';
+import { NamePlate } from '../shapes/NamePlate';
+import { setCursor } from '../utils/attr';
+/**
+ * 打标机
+ */
+export class MarkingMachine extends ModelAbs {
+    light = null;
+    progress = null;
+    entrance = null;
+    stationSlotGroup = null;
+    createUi() {
+        const { uuid, className, nameplate, stationSlotGroup, width, height, x, y, zIndex, rotation, scale, visible, editable, draggable } = this.config;
+        this.entrance = new Entrance({
+            x: this.width_05,
+            y: -2,
+            width,
+            height: this.width_02,
+            isIn: false,
+            isOut: false
+        }).init();
+        this.light = new EllipseLight({
+            x: this.width_05,
+            y: 30,
+            width: this.width_02,
+            height: this.width_02,
+            showShadow: true
+        }).init();
+        this.progress = new Progress({
+            x: this.width_05,
+            y: height - 40,
+            width: this.width_08,
+            height: 20,
+            progress: 0
+        }).init();
+        const laserBar = new Box({
+            hittable: false,
+            width: this.width_05,
+            height: 5,
+            y: 32,
+            x: this.width_05,
+            around: 'center',
+            fill: '#7B8395',
+            shadow: {
+                blur: 2,
+                color: 'rgba(0,0,0,0.5)'
+            },
+            children: [this.renderLaser('laser1', 0), this.renderLaser('laser2', this.width_05)]
+        });
+        const main = new Box({
+            data: this.config,
+            id: uuid,
+            className,
+            x,
+            y,
+            width,
+            height,
+            zIndex,
+            rotation,
+            scale,
+            visible,
+            editable,
+            draggable,
+            origin: 'center',
+            around: 'center',
+            cornerRadius: 4,
+            fill: '#ECEEF0',
+            shadow: {
+                spread: 1,
+                blur: 4,
+                color: 'rgba(0,0,0,0.5)'
+            },
+            children: [laserBar, this.entrance.ui, this.light.ui, this.progress.ui]
+        });
+        if (stationSlotGroup) {
+            this.stationSlotGroup = new StationSlotGroup({
+                ...stationSlotGroup,
+                x: this.width_05,
+                y: this.height_05,
+                width,
+                height,
+                hittable: this.config.hittable
+            }, this.config.rotation).init();
+            main.add(this.stationSlotGroup.ui);
+        }
+        if (nameplate) {
+            main.add(NamePlate({
+                title: nameplate,
+                x: this.width_05,
+                y: height - 14,
+                stroke: 'rgba(0,0,0,0.05)'
+            }));
+        }
+        setCursor(main, this.config);
+        return main;
+    }
+    operating(data) {
+        if (data.light && this.light)
+            this.light.operating(data.light);
+        if (data.progress && this.progress)
+            this.progress.operating(data.progress);
+        if (data.entrance && this.entrance)
+            this.entrance.operating(data.entrance);
+        if (data.resource && this.stationSlotGroup)
+            this.stationSlotGroup.operating(data.resource);
+        if (data.laserSiteNumberArray?.length)
+            this.setLaserWorking(data.laserSiteNumberArray);
+    }
+    // 渲染激光
+    renderLaser(className, x) {
+        return new Box({
+            width: 14,
+            height: 40,
+            x,
+            y: 18,
+            around: 'center',
+            fill: '#7B8395',
+            cornerRadius: [0, 0, 8, 8],
+            shadow: {
+                blur: 2,
+                color: 'rgba(0,0,0,0.5)'
+            },
+            children: [
+                new Box({
+                    className,
+                    visible: false,
+                    width: 16,
+                    height: 40,
+                    cornerRadius: [0, 0, 8, 8],
+                    fill: '#94A6D2'
+                })
+            ]
+        });
+    }
+    // 设置激光工作状态
+    setLaserWorking(laserSiteNumberArray) {
+        laserSiteNumberArray.forEach((element) => {
+            this.ui.findOne(`.laser${element.site}`)?.set({
+                visible: element.active
+            });
+        });
+    }
+}

package/dist/ui/models/Rail.d.ts

@@ -0,0 +1,15 @@
+import type { IRailConfig, IRailOperating } from '@/types';
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+/**
+ * 轨道（Rail）
+ */
+export declare class Rail extends ModelAbs<IRailConfig> {
+    private static readonly DEFAULT_HEIGHT;
+    private chains;
+    protected createUi(): Box;
+    protected operating(data: IRailOperating): void;
+    private initChains;
+    private createChain;
+    private moveChain;
+}

package/dist/ui/models/Rail.js

@@ -0,0 +1,117 @@
+import { Box, hitType } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+import { Texture } from '../shapes/Texture';
+import { setCursor } from '../utils/attr';
+/**
+ * 轨道（Rail）
+ */
+export class Rail extends ModelAbs {
+    static DEFAULT_HEIGHT = 60;
+    chains = new Map();
+    createUi() {
+        const { uuid, className, width, height = Rail.DEFAULT_HEIGHT, x, y, zIndex, rotation, scale, visible, editable, draggable } = this.config;
+        // 主容器
+        const main = new Box({
+            id: uuid,
+            data: this.config,
+            className,
+            x,
+            y,
+            width,
+            height,
+            zIndex,
+            rotation,
+            scale,
+            visible,
+            editable,
+            draggable,
+            around: 'center',
+            overflow: 'hidden',
+            fill: {
+                type: 'linear',
+                stops: [
+                    { offset: 0, color: 'rgba(238, 238, 238, 1)' },
+                    { offset: 0.1, color: 'rgba(221, 221, 221, 1)' },
+                    { offset: 0.1, color: 'rgba(197, 197, 197, 1)' },
+                    { offset: 0.2, color: 'rgba(197, 197, 197, 1)' },
+                    { offset: 0.2, color: 'rgba(238, 238, 238, 1)' },
+                    { offset: 0.8, color: 'rgba(238, 238, 238, 1)' },
+                    { offset: 0.8, color: 'rgba(197, 197, 197, 1)' },
+                    { offset: 0.9, color: 'rgba(197, 197, 197, 1)' },
+                    { offset: 0.9, color: 'rgba(238, 238, 238, 1)' },
+                    { offset: 1, color: 'rgba(238, 238, 238, 1)' }
+                ]
+            }
+        });
+        this.initChains(main);
+        setCursor(main, this.config, 'border');
+        return main;
+    }
+    operating(data) {
+        if (data.x !== undefined && data.botId) {
+            this.moveChain(data.botId, data.x);
+        }
+    }
+    // 初始化拖链
+    initChains(parent) {
+        const { linkEquipIdArray = [], chainDirection = 'left', height } = this.config;
+        linkEquipIdArray.forEach((botId) => {
+            const chain = this.createChain(botId, chainDirection, height);
+            this.chains.set(botId, chain);
+            parent.add(chain);
+        });
+    }
+    // 创建单个拖链
+    createChain(botId, chainDirection, height) {
+        const railW = this.config.width;
+        const chainBox = new Box({
+            hittable: false,
+            className: `Chain_${botId}`,
+            x: 0,
+            y: height / 2,
+            width: railW,
+            height: height * 0.5,
+            cornerRadius: 5,
+            around: 'left',
+            overflow: 'hide',
+            fill: '#555',
+            children: [
+                Texture({
+                    width: railW,
+                    height: height * 0.5,
+                    effect: 'VerticalBar',
+                    scale: 0.03
+                })
+            ]
+        });
+        return chainBox;
+    }
+    // 移动拖链
+    moveChain(botId, x) {
+        if (!Number.isFinite(x))
+            return;
+        const chain = this.chains.get(botId);
+        if (!chain)
+            return;
+        const { chainDirection = 'left' } = this.config;
+        const railW = this.config.width;
+        const s = this.config.scale || 1;
+        const xLocal = Math.min(Math.max(x / s, 0), railW);
+        if (chainDirection === 'left') {
+            // 主容器内从左端 0 向右延伸至 x（本地宽度）
+            chain.animate({
+                x: 0,
+                width: xLocal,
+                duration: 0.5
+            });
+        }
+        else if (chainDirection === 'right') {
+            // 右端对齐轨道右缘，从左向右长度为 railW - x（本地宽度）
+            chain.animate({
+                x: xLocal,
+                width: Math.max(railW - xLocal, 0),
+                duration: 0.5
+            });
+        }
+    }
+}