@jnrs/lingshu-smart 2.2.8 → 2.2.10

package/dist/ui/components/Light.js

@@ -1,167 +0,0 @@
-/**
- * @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.js

@@ -1,84 +0,0 @@
-/**
- * @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.js

@@ -1,70 +0,0 @@
-/**
- * @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.js

@@ -1,207 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : StationSlot.ts
- * @Date   : 2026/02/12
- *
- * @classdesc
- * 工位槽位（Station Slot）是工位中用于承载资源（Resource）的容器。
- * 它负责管理资源的生命周期，包括添加、移除及状态同步，确保资源与工位之间的强关联和统一控制。
- *
- * @design
- * 当前采用 **方案一：真实添加/移除资源对象**。
- * - 资源在插入时被实际加入场景图（或容器），移除时从场景中销毁或解绑。
- * - 优点：逻辑直观，内存管理明确。
- * - 缺点：频繁创建/销毁可能影响性能（尤其在高频率操作场景）。
- *
- * @future
- * 后续可根据实际性能表现，切换至 **方案二：通过可见性（如 `visible` 属性）模拟添加/移除**。
- * - 资源始终存在于场景中，仅通过状态控制显示/隐藏。
- * - 适用于需要频繁切换但资源复用率高的场景。
- * - 基于方案一、二再添加个对象池机制的混合模式，即优先去资源池读取。
- */
-import { EnumResourceType, EnumComponent } from '@/types';
-import { Box, Text } from 'leafer';
-import { Resource } from './Resource';
-import { createShadow } from '../factories/createShadow';
-import { createText } from '../factories/createText';
-import { ComponentAbs } from '../abstract/ComponentAbs';
-import { setCursor } from '../utils/attr';
-export class StationSlot extends ComponentAbs {
-    children = [];
-    constructor(options) {
-        const DEFAULTS = {
-            className: EnumComponent.STATION_SLOT,
-            name: '',
-            index: 0,
-            x: 0,
-            y: 0,
-            width: 50,
-            height: 50,
-            rotation: 0,
-            parentRotation: 0,
-            resourceType: EnumResourceType.PALLET,
-            disabled: false,
-            hittable: true,
-            visible: true,
-            showContainer: true
-        };
-        super({ ...DEFAULTS, ...options });
-    }
-    // 创建 UI
-    createUi() {
-        const { x, y, name, width, height, resourceType, hittable, disabled, visible, showContainer, origin = 'center', around = 'center' } = this.config;
-        const main = new Box({
-            hittable,
-            visible,
-            className: `StationSlot-${resourceType}`,
-            x,
-            y,
-            width,
-            height,
-            origin,
-            around,
-            disabled,
-            cornerRadius: this.autoCornerRadius,
-            rotation: this.autoFixRotation,
-            fill: 'rgba(255, 255, 255, 0.3)',
-            hitFill: 'all',
-            stroke: 'rgba(255, 255, 255, 0.7)',
-            strokeWidth: 3,
-            data: this.config,
-            children: [
-                createText({
-                    name,
-                    width,
-                    height,
-                    fill: 'rgba(0,0,0,0.2)'
-                })
-            ]
-        });
-        // 可交互时添加 hover 状态
-        setCursor(main, { hittable: this.config.hittable, hitSelf: true, clickable: true }, 'border');
-        if (showContainer) {
-            const shadowCvs = createShadow({
-                width,
-                height,
-                cornerRadius: this.autoCornerRadius,
-                shadow: null
-            });
-            main.add(shadowCvs);
-        }
-        else {
-            main.fill = 'rgba(0, 0, 0, 0)';
-            main.stroke = 'rgba(0, 0, 0, 0)';
-        }
-        return main;
-    }
-    // 自动计算工位槽位的旋转补偿角度
-    get autoFixRotation() {
-        const parentRotation = this.config.parentRotation;
-        const rotation = this.config.rotation ?? 0;
-        if (!parentRotation)
-            return rotation;
-        let r = 0;
-        if (parentRotation === 90)
-            r = -90;
-        if (parentRotation === -90)
-            r = 90;
-        if (parentRotation > 90)
-            r = -180;
-        if (parentRotation < -90)
-            r = 180;
-        return r + rotation;
-    }
-    // 根据类型自动计算圆角
-    get autoCornerRadius() {
-        const defaultType = this.config.resourceType;
-        const width = this.config.width || 0;
-        return defaultType === EnumResourceType.TOOL ? width : width * 0.1;
-    }
-    // private setupClickableArea(cornerRadius: number): void {
-    //   const clickableBox = new Box({
-    //     className: 'palletAndCutterSiteClickableBox',
-    //     width: this.config.width,
-    //     height: this.config.height,
-    //     fill: '#f40',
-    //     opacity: 0,
-    //     cornerRadius,
-    //     hoverStyle: {
-    //       opacity: 1,
-    //       zIndex: 0
-    //     },
-    //     children: [
-    //       new Text({
-    //         text: '放置',
-    //         textAlign: 'center',
-    //         verticalAlign: 'middle',
-    //         lineHeight: this.config.width * 0.4,
-    //         fontSize: this.config.width * 0.4,
-    //         fontWeight: 'black',
-    //         fill: '#fff',
-    //         width: this.config.width,
-    //         height: this.config.height
-    //       })
-    //     ]
-    //   })
-    //   this.ui?.add(clickableBox)
-    // }
-    /**
-     * 添加托盘
-     * @param d
-     */
-    addPallet(d) {
-        const { width, height, resourceType } = this.config;
-        const resource = new Resource({
-            x: this.width_05,
-            y: this.height_05,
-            width: width - 5,
-            height: height - 5,
-            name: d.name,
-            color: d.color,
-            resourceType,
-            rawData: d.rawData
-        }).init();
-        this.children.push(resource);
-        this.ui.add(resource.ui);
-    }
-    /**
-     * 移除托盘
-     * @param d
-     */
-    removeAllPallet(d) {
-        for (const item of this.children) {
-            item.ui.destroy();
-        }
-        this.children = [];
-    }
-    /**
-     * 设置工位是否正在使用
-     * @param flag
-     */
-    setSiteWorking(flag) {
-        const anim = flag
-            ? {
-                animation: {
-                    style: { fill: 'rgb(0, 255, 42)' },
-                    duration: 0.5,
-                    reverse: true,
-                    swing: true,
-                    loop: true
-                }
-            }
-            : { animation: { style: { fill: '' } } };
-        this.ui?.set(anim);
-    }
-    // 切换 ui 的 visible
-    toggleVisible(visible) {
-        this.ui?.set({ visible });
-    }
-    /**
-     * 销毁
-     */
-    destroyUI() {
-        this.removeAllPallet();
-        this.ui?.destroy();
-    }
-}

package/dist/ui/components/StationSlotGroup.js

@@ -1,110 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : StationSlotGroup.ts
- * @Date   : 2026/04/08
- * @Desc.  : 工位槽位组容器（类封装，支持动态操作）
- */
-import { UI, Flow } from 'leafer';
-import { StationSlot } from '../components/StationSlot';
-import { ComponentAbs } from '../abstract/ComponentAbs';
-/**
- * 工位槽位组容器
- * @param config - 工位槽位组配置
- * @param rotation - 可选的旋转角度，应用于所有子槽位
- * @returns StationSlotGroup 实例，包含 Flow 容器和操作方法
- */
-export class StationSlotGroup extends ComponentAbs {
-    parentRotation;
-    stationSlotInstances; // 存储 StationSlot 实例的 Map，key 为 IStationSlotConfig.index
-    constructor(options, parentRotation) {
-        super(options);
-        this.parentRotation = parentRotation || 0;
-        this.stationSlotInstances = new Map();
-    }
-    // 获取自动宽度来限制工位换行
-    get autoSize() {
-        const { flowOptions, stationSlots } = this.config;
-        const flow = flowOptions.flow;
-        const flowWrap = flowOptions.flowWrap;
-        const quantity = flowOptions.oneDirectionMaxQuantity;
-        const gapOffset = flowOptions.gap * (quantity - 1);
-        const maxWidth = Math.max(...stationSlots.map((d) => d.width));
-        const maxHeight = Math.max(...stationSlots.map((d) => d.height));
-        if (flowWrap === false) {
-            return {
-                width: this.config.width,
-                height: this.config.height
-            };
-        }
-        if (flow === 'x' || flow === 'x-reverse') {
-            return {
-                width: maxWidth * quantity + gapOffset,
-                height: this.config.height
-            };
-        }
-        if (flow === 'y' || flow === 'y-reverse') {
-            return {
-                width: this.config.width,
-                height: maxHeight * quantity + gapOffset
-            };
-        }
-        return {
-            width: this.config.width,
-            height: this.config.height
-        };
-    }
-    // 创建 UI
-    createUi() {
-        const { x, y, rotation, zIndex, stationSlots, flowOptions, hittable = true, origin = 'center', around = 'center' } = this.config;
-        const stationSlotsUi = [];
-        for (const item of stationSlots) {
-            if (typeof item.index !== 'number') {
-                console.warn('StationSlot 缺少有效的 index 字段:', item);
-                continue;
-            }
-            const slotInstance = new StationSlot({
-                ...item,
-                parentRotation: this.parentRotation
-            }).init();
-            this.stationSlotInstances.set(item.index, slotInstance);
-            stationSlotsUi.push(slotInstance.ui);
-        }
-        const main = new Flow({
-            ...flowOptions,
-            className: 'StationSlotGroup',
-            hittable,
-            x,
-            y,
-            rotation,
-            zIndex,
-            width: this.autoSize.width,
-            height: this.autoSize.height,
-            origin,
-            around,
-            flowAlign: 'center',
-            children: stationSlotsUi
-        });
-        return main;
-    }
-    /**
-     * 操作方法：处理资源新增/移除
-     */
-    operating(val) {
-        if (typeof val.index !== 'number') {
-            console.warn('IResourceOperating 缺少有效的 index 字段:', val);
-            return;
-        }
-        const stationSlot = this.stationSlotInstances.get(val.index);
-        if (!stationSlot) {
-            console.warn(`处理资源失败：未找到 index=${val.index} 的工位槽，rawData：`, val.rawData);
-            return;
-        }
-        if (val.handleType === 'add') {
-            stationSlot.addPallet(val);
-        }
-        else if (val.handleType === 'remove') {
-            stationSlot.removeAllPallet();
-        }
-    }
-}

package/dist/ui/factories/createGlass.js

@@ -1,51 +0,0 @@
-/**
- * @Author : YourName
- * @File   : createGlass.ts
- * @Date   : 2026/04/07
- * @Desc.  : 创建玻璃质感背景的工厂函数
- */
-import { Box } from 'leafer';
-import { Texture } from '../shapes/Texture';
-/**
- * 创建具有磨砂玻璃效果的 Box 容器
- */
-export function createGlass(config) {
-    const { x, y, width, height, cornerRadius = 10, origin = 'center', around = 'center' } = config;
-    const glassBox = new Box({
-        x,
-        y,
-        width,
-        height,
-        cornerRadius,
-        origin,
-        around,
-        hittable: false,
-        className: 'Glass',
-        fill: {
-            type: 'linear',
-            from: 'top-left',
-            to: 'bottom-right',
-            stops: [
-                { offset: 0, color: 'rgba(255, 255, 255, 0.8)' },
-                { offset: 1, color: 'rgba(239, 251, 255, 0.5)' }
-            ]
-        },
-        shadow: {
-            blur: 3,
-            color: 'rgba(0,0,0,0.3)'
-        },
-        stroke: 'rgba(255, 255, 255, 0.3)',
-        strokeWidth: 1
-    });
-    // 添加纹理
-    glassBox.add(Texture({
-        width,
-        height,
-        cornerRadius,
-        effect: 'VerticalBar',
-        opacity: 0.08,
-        scale: 0.015,
-        rotation: 45
-    }));
-    return glassBox;
-}