@jnrs/lingshu-smart 2.2.6 → 2.2.8

package/dist/ui/components/Entrance.js

@@ -0,0 +1,83 @@
+/**
+ * @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
+        });
+    }
+}

package/dist/ui/components/Light.d.ts

@@ -1,8 +1,31 @@
-import { ILightConfig, ILightOperating } from '../../types';
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : Light.ts
+ * @Date   : 2025/02/12
+ * @desc.  : 状态灯
+ */
+import type { ILightConfig, ILightOperating } from '@/types';
 import { Box } from 'leafer';
 import { ComponentAbs } from '../abstract/ComponentAbs';
-export declare class Light extends ComponentAbs<ILightConfig> {
-    constructor(options: ILightConfig);
+export interface IEllipseLight extends ILightConfig {
+    isRingShape?: boolean;
+}
+export interface IRectLightOperating extends Omit<ILightOperating, 'rotating'> {
+}
+/**
+ * 圆形灯
+ */
+export declare class EllipseLight extends ComponentAbs<IEllipseLight> {
+    constructor(options: IEllipseLight);
     protected createUi(): Box;
     operating(val: ILightOperating): void;
 }
+/**
+ * 矩形灯
+ */
+export declare class RectLight extends ComponentAbs<ILightConfig> {
+    constructor(options: ILightConfig);
+    protected createUi(): Box;
+    operating(val: IRectLightOperating): void;
+}

package/dist/ui/components/Light.js

@@ -0,0 +1,167 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : Light.ts
+ * @Date   : 2025/02/12
+ * @desc.  : 状态灯
+ */
+import { Box, Ellipse } from 'leafer';
+import { ComponentAbs } from '../abstract/ComponentAbs';
+/**
+ * 圆形灯
+ */
+export class EllipseLight extends ComponentAbs {
+    constructor(options) {
+        const DEFAULTS = {
+            x: 0,
+            y: 0,
+            width: 100,
+            height: 100,
+            color: '#424242',
+            strokeColor: '#DBDEE6',
+            strokeWidth: 3,
+            isRingShape: false,
+            showShadow: false
+        };
+        super({ ...DEFAULTS, ...options });
+    }
+    createUi() {
+        const { x, y, width, height, color, strokeColor, strokeWidth, showShadow } = this.config;
+        const main = new Box({
+            hittable: false,
+            className: 'Light',
+            x,
+            y,
+            width,
+            height,
+            cornerRadius: width,
+            stroke: strokeColor,
+            strokeWidth,
+            around: 'center',
+            shadow: showShadow
+                ? {
+                    spread: 1,
+                    blur: 2,
+                    color: 'rgba(0,0,0,0.4)'
+                }
+                : null
+        });
+        const mid = new Ellipse({
+            className: 'mid',
+            x: this.width_05,
+            y: this.width_05,
+            width: this.width_05,
+            height: this.width_05,
+            around: 'center',
+            stroke: 'rgba(255,255,255,0.5)',
+            strokeWidth: 1,
+            fill: color
+        });
+        const rotateLight = new Ellipse({
+            className: 'rotateLight',
+            x: this.width_05,
+            y: this.width_05,
+            width: width * 0.9,
+            height: width * 0.9,
+            around: 'center',
+            cornerRadius: this.width_05,
+            fill: 'rgba(66,66,66,1)'
+        });
+        main.add([rotateLight, mid]);
+        return main;
+    }
+    // 操作：灯颜色变化 & 灯旋转 & 灯闪烁
+    operating(val) {
+        if (!this.config.isRingShape) {
+            this.ui.findOne('.mid')?.set({
+                fill: {
+                    color: val.color
+                }
+            });
+        }
+        let animObj = {};
+        if (Object.hasOwn(val, 'rotating') && val.rotating) {
+            animObj = {
+                keyframes: [{ rotation: 0 }, { rotation: 360 }],
+                duration: 0.3,
+                easing: 'linear',
+                loop: true
+            };
+        }
+        if (Object.hasOwn(val, 'blinking') && val.blinking) {
+            animObj = {
+                keyframes: [{ fill: val.color }, { fill: this.config.color }, { fill: val.color }],
+                duration: 0.5,
+                loop: true
+            };
+        }
+        this.ui.findOne('.rotateLight')?.set({
+            fill: {
+                type: 'linear',
+                stops: [
+                    { offset: 0, color: val.color },
+                    { offset: 0.5, color: val.color },
+                    { offset: 1, color: 'rgba(0,0,0,0.8)' }
+                ]
+            },
+            animation: animObj
+        });
+    }
+}
+/**
+ * 矩形灯
+ */
+export class RectLight extends ComponentAbs {
+    constructor(options) {
+        const DEFAULTS = {
+            x: 0,
+            y: 0,
+            width: 50,
+            height: 4,
+            color: '#424242',
+            strokeColor: '#DBDEE6',
+            strokeWidth: 0,
+            cornerRadius: 10,
+            showShadow: false
+        };
+        super({ ...DEFAULTS, ...options });
+    }
+    createUi() {
+        const { x, y, width, height, color, strokeColor, strokeWidth, cornerRadius, showShadow } = this.config;
+        const main = new Box({
+            hittable: false,
+            className: 'RectLight',
+            x,
+            y,
+            width,
+            height,
+            stroke: strokeColor,
+            cornerRadius,
+            strokeWidth,
+            around: 'center',
+            fill: color,
+            shadow: showShadow
+                ? {
+                    spread: 1,
+                    blur: 2,
+                    color: 'rgba(0,0,0,0.4)'
+                }
+                : null
+        });
+        return main;
+    }
+    // 操作：灯颜色变化 & 灯闪烁（矩形灯不支持旋转）
+    operating(val) {
+        let animObj = {};
+        if (Object.hasOwn(val, 'blinking') && val.blinking) {
+            animObj = {
+                keyframes: [{ fill: val.color }, { fill: this.config.color }, { fill: val.color }],
+                duration: 0.5,
+                loop: true
+            };
+        }
+        this.ui.findOne('.RectLight')?.set({
+            animation: animObj
+        });
+    }
+}

package/dist/ui/components/Progress.d.ts

@@ -1,5 +1,12 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : Progress.ts
+ * @Date   : 2026/04/09 (updated to match Resource style)
+ * @Desc.  : 进度条组件，继承自 ComponentAbs，用于统一 UI 管理
+ */
 import { Box } from 'leafer';
-import { IProgressConfig, IProgressOperating } from '../../types';
+import { type IProgressConfig, type IProgressOperating } from '@/types';
 import { ComponentAbs } from '../abstract/ComponentAbs';
 export declare class Progress extends ComponentAbs<IProgressConfig> {
     constructor(options: IProgressConfig);

package/dist/ui/components/Progress.js

@@ -0,0 +1,84 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : Progress.ts
+ * @Date   : 2026/04/09 (updated to match Resource style)
+ * @Desc.  : 进度条组件，继承自 ComponentAbs，用于统一 UI 管理
+ */
+import { Box } from 'leafer';
+import {} from '@/types';
+import { ComponentAbs } from '../abstract/ComponentAbs';
+export class Progress extends ComponentAbs {
+    constructor(options) {
+        const DEFAULTS = {
+            x: 0,
+            y: 0,
+            width: 50,
+            height: 18,
+            fill: 'rgba(0,0,0,0.1)',
+            progress: 0,
+            textContent: '',
+            textShow: true,
+            textPosition: 'center'
+        };
+        super({ ...DEFAULTS, ...options });
+    }
+    createUi() {
+        const { x, y, width, height, fill, progress, textContent, textShow, textPosition } = this.config;
+        const main = new Box({
+            hittable: false,
+            className: 'Progress',
+            x,
+            y,
+            width,
+            height,
+            fill,
+            cornerRadius: 20,
+            overflow: 'hide',
+            stroke: 'rgba(0,0,0,0.1)',
+            strokeWidth: 1,
+            around: 'center',
+            children: [
+                {
+                    className: 'textContent-bg',
+                    tag: 'Rect',
+                    x: 0,
+                    y: 0,
+                    width: width * progress,
+                    height: height,
+                    cornerRadius: 20,
+                    fill: {
+                        type: 'linear',
+                        from: 'left',
+                        stops: ['#61C654', '#009866']
+                    }
+                },
+                {
+                    visible: textShow,
+                    className: 'textContent-text',
+                    tag: 'Text',
+                    width,
+                    height,
+                    text: textContent,
+                    textAlign: textPosition,
+                    verticalAlign: 'middle',
+                    fontSize: 14,
+                    fontWeight: 'black',
+                    fill: '#424242'
+                }
+            ]
+        });
+        return main;
+    }
+    // 操作： 进度变化 & 文本变化
+    operating(val) {
+        this.ui.findOne('.textContent-text')?.set({
+            text: val.textContent
+        });
+        if (typeof val.percent === 'number') {
+            this.ui.findOne('.textContent-bg')?.animate({
+                width: this.config.width * val.percent
+            });
+        }
+    }
+}

package/dist/ui/components/Resource.d.ts

@@ -1,5 +1,12 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : Resource.ts
+ * @Date   : 2026/02/12
+ * @Desc.  : 资源类（托盘、刀具等），用于放置在 StationSlot 内
+ */
 import { Box } from 'leafer';
-import { IResourceConfig } from '../../types';
+import { type IResourceConfig } from '@/types';
 import { ComponentAbs } from '../abstract/ComponentAbs';
 export declare class Resource extends ComponentAbs<IResourceConfig> {
     constructor(options: IResourceConfig);

package/dist/ui/components/Resource.js

@@ -0,0 +1,70 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : Resource.ts
+ * @Date   : 2026/02/12
+ * @Desc.  : 资源类（托盘、刀具等），用于放置在 StationSlot 内
+ */
+import { Box } from 'leafer';
+import { EnumResourceType, EnumComponent } from '@/types';
+import { ComponentAbs } from '../abstract/ComponentAbs';
+import { createText } from '../factories/createText';
+export class Resource extends ComponentAbs {
+    constructor(options) {
+        const DEFAULTS = {
+            className: EnumComponent.RESOURCE,
+            x: 0,
+            y: 0,
+            width: 50,
+            height: 50,
+            name: '',
+            color: 'rgba(255,255,255,1)',
+            hittable: true,
+            resourceType: EnumResourceType.PALLET,
+            rawData: { id: '' }
+        };
+        super({ ...DEFAULTS, ...options });
+    }
+    createUi() {
+        const { x, y, width, height, color, resourceType, name, hittable } = this.config;
+        // 主容器
+        const main = new Box({
+            hittable,
+            className: `Resource-${resourceType}`,
+            x,
+            y,
+            width,
+            height,
+            fill: color,
+            cornerRadius: this.autoCornerRadius,
+            around: 'center',
+            zIndex: 10,
+            opacity: 0,
+            data: this.config,
+            animation: {
+                keyframes: [{ scale: 1.2, opacity: 0 }, { scale: 0.95, opacity: 1 }, { scale: 1 }],
+                duration: 0.5
+            },
+            animationOut: {
+                keyframes: [
+                    { scale: 1, opacity: 1 },
+                    { scale: 0.5, opacity: 0 }
+                ],
+                duration: 0.3
+            },
+            children: [
+                createText({
+                    name,
+                    width,
+                    height,
+                    fill: 'rgba(255,255,255,0.8)'
+                })
+            ]
+        });
+        return main;
+    }
+    get autoCornerRadius() {
+        const { resourceType, width } = this.config;
+        return resourceType === EnumResourceType.TOOL ? width : (width || 0) * 0.1;
+    }
+}

package/dist/ui/components/StationSlot.d.ts

@@ -1,4 +1,26 @@
-import { IStationSlotConfig, IResourceOperating } from '../../types';
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : StationSlot.ts
+ * @Date   : 2026/02/12
+ *
+ * @classdesc
+ * 工位槽位（Station Slot）是工位中用于承载资源（Resource）的容器。
+ * 它负责管理资源的生命周期，包括添加、移除及状态同步，确保资源与工位之间的强关联和统一控制。
+ *
+ * @design
+ * 当前采用 **方案一：真实添加/移除资源对象**。
+ * - 资源在插入时被实际加入场景图（或容器），移除时从场景中销毁或解绑。
+ * - 优点：逻辑直观，内存管理明确。
+ * - 缺点：频繁创建/销毁可能影响性能（尤其在高频率操作场景）。
+ *
+ * @future
+ * 后续可根据实际性能表现，切换至 **方案二：通过可见性（如 `visible` 属性）模拟添加/移除**。
+ * - 资源始终存在于场景中，仅通过状态控制显示/隐藏。
+ * - 适用于需要频繁切换但资源复用率高的场景。
+ * - 基于方案一、二再添加个对象池机制的混合模式，即优先去资源池读取。
+ */
+import { type IStationSlotConfig, type IResourceOperating } from '@/types';
 import { Box } from 'leafer';
 import { ComponentAbs } from '../abstract/ComponentAbs';
 export declare class StationSlot extends ComponentAbs<IStationSlotConfig> {
@@ -7,7 +29,6 @@ export declare class StationSlot extends ComponentAbs<IStationSlotConfig> {
     protected createUi(): Box;
     private get autoFixRotation();
     private get autoCornerRadius();
-    private setupClickableArea;
     /**
      * 添加托盘
      * @param d
@@ -23,6 +44,7 @@ export declare class StationSlot extends ComponentAbs<IStationSlotConfig> {
      * @param flag
      */
     setSiteWorking(flag: boolean): void;
+    toggleVisible(visible: boolean | 0): void;
     /**
      * 销毁
      */