@jnrs/lingshu-smart 2.2.6 → 2.2.8

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

@@ -0,0 +1,12 @@
+import type { IResourceStoreConfig, IResourceStoreOperating } from '@/types';
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+/**
+ * 资源库
+ */
+export declare class ResourceStore extends ModelAbs<IResourceStoreConfig> {
+    private light;
+    private stationSlotGroup;
+    protected createUi(): Box;
+    protected operating(data: IResourceStoreOperating): void;
+}

package/dist/ui/models/ResourceStore.js

@@ -0,0 +1,101 @@
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+import { StationSlotGroup } from '../components/StationSlotGroup';
+import { NamePlate } from '../shapes/NamePlate';
+import { Texture } from '../shapes/Texture';
+import { setCursor } from '../utils/attr';
+import { RectLight } from '../components/Light';
+/**
+ * 资源库
+ */
+export class ResourceStore extends ModelAbs {
+    light = null;
+    stationSlotGroup = null;
+    createUi() {
+        const { uuid, className, nameplate, stationSlotGroup, width, height, x, y, zIndex, rotation, scale, visible, editable, draggable } = this.config;
+        const cornerRadius = [20, 20, 4, 4];
+        // 设备状态灯
+        this.light = new RectLight({
+            width: 40,
+            height: 6,
+            x: this.width_05,
+            y: 14,
+            color: '#2D313B'
+        }).init();
+        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: 'rgba(150,150,150,1)' },
+                    { offset: 0.1, color: 'rgba(220,220,220,1)' },
+                    { offset: 0.9, color: 'rgba(220,220,220,1)' },
+                    { offset: 1, color: 'rgba(150,150,150,1)' }
+                ]
+            },
+            overflow: 'hide',
+            shadow: {
+                spread: 1,
+                blur: 4,
+                color: 'rgba(0,0,0,0.5)'
+            },
+            children: [
+                Texture({
+                    className: 'ResourceStoreTexture',
+                    width,
+                    height,
+                    effect: 'MatrixGrid',
+                    scale: 0.015,
+                    opacity: 0.2,
+                    cornerRadius
+                }),
+                this.light.ui
+            ]
+        });
+        if (stationSlotGroup) {
+            this.stationSlotGroup = new StationSlotGroup({
+                ...stationSlotGroup,
+                x: this.width_05,
+                y: this.height_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 - 14,
+                height: 20
+            }));
+        }
+        setCursor(main, this.config);
+        return main;
+    }
+    // 操作
+    operating(data) {
+        if (data.light && this.light) {
+            this.light.operating(data.light);
+        }
+        if (data.resource && this.stationSlotGroup) {
+            this.stationSlotGroup.operating(data.resource);
+        }
+    }
+}

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

@@ -0,0 +1,20 @@
+import type { ISingleJointRobotConfig, ISingleGripperRobotOperating } from '@/types'
+import { Box } from 'leafer'
+import { ModelAbs } from '../abstract/ModelAbs'
+/**
+ * 单关节机器人（SingleBot）
+ * 基于 ModelAbs 重构，保留 Bot.js 核心运行行为：状态灯、沿 X 移动、手臂旋转、夹具切换。
+ */
+export declare class SingleBot extends ModelAbs<ISingleJointRobotConfig> {
+  private static readonly DEFAULT_WIDTH
+  private static readonly DEFAULT_HEIGHT
+  private static readonly DEFAULT_LIGHT_COLOR
+  private defaultLightColor
+  private armRotation
+  protected createUi(): Box
+  protected operating(data: ISingleGripperRobotOperating): void
+  private handleRotate
+  private moveX
+  private handleLight
+  private switchFixture
+}

package/dist/ui/models/SingleBot.js

@@ -0,0 +1,202 @@
+import { Box } from 'leafer'
+import { ModelAbs } from '../abstract/ModelAbs'
+import { setCursor } from '../utils/attr'
+import { NamePlate } from '../shapes/NamePlate'
+/**
+ * 单关节机器人（SingleBot）
+ * 基于 ModelAbs 重构，保留 Bot.js 核心运行行为：状态灯、沿 X 移动、手臂旋转、夹具切换。
+ */
+export class SingleBot extends ModelAbs {
+  static DEFAULT_WIDTH = 90
+  static DEFAULT_HEIGHT = 76
+  static DEFAULT_LIGHT_COLOR = 'rgba(255,255,255,0.2)'
+  defaultLightColor = SingleBot.DEFAULT_LIGHT_COLOR
+  armRotation = 0
+  createUi() {
+    const {
+      uuid,
+      className,
+      nameplate,
+      width = SingleBot.DEFAULT_WIDTH,
+      height = SingleBot.DEFAULT_HEIGHT,
+      x,
+      y,
+      zIndex,
+      rotation,
+      scale,
+      visible,
+      editable,
+      draggable,
+      currentFixture
+    } = this.config
+    const main = new Box({
+      id: uuid,
+      className,
+      data: this.config,
+      width,
+      height,
+      x,
+      y,
+      zIndex,
+      rotation,
+      scale,
+      visible,
+      editable,
+      draggable,
+      cornerRadius: 10,
+      fill: '#FF9933',
+      origin: 'center',
+      around: 'center',
+      children: [
+        {
+          className: 'statusLightTop',
+          tag: 'Box',
+          width: 30,
+          height: 4,
+          x: width / 2,
+          y: 4,
+          fill: this.defaultLightColor,
+          around: 'center',
+          cornerRadius: 4
+        },
+        {
+          className: 'statusLightBottom',
+          tag: 'Box',
+          width: 30,
+          height: 4,
+          x: width / 2,
+          y: height - 4,
+          fill: this.defaultLightColor,
+          around: 'center',
+          cornerRadius: 4
+        },
+        {
+          className: 'secondBase',
+          tag: 'Box',
+          width: 70,
+          height: 60,
+          x: width / 2,
+          y: height / 2 + 8,
+          around: 'center',
+          cornerRadius: 10,
+          fill: {
+            type: 'radial',
+            stops: [
+              { offset: 0.3, color: '#FFcc00' },
+              { offset: 1, color: '#FF6600' }
+            ]
+          },
+          children: [
+            {
+              className: 'bigArm',
+              tag: 'Box',
+              width: 50,
+              height: 30,
+              x: 0,
+              y: -8,
+              around: 'center',
+              cornerRadius: [15, 3, 3, 15],
+              fill: {
+                type: 'radial',
+                stops: [
+                  { offset: 0, color: '#FFcc00' },
+                  { offset: 1, color: '#FF6600' }
+                ]
+              }
+            },
+            {
+              className: 'smallArm',
+              tag: 'Box',
+              width: 36,
+              height: 16,
+              x: 2,
+              y: -8,
+              around: 'left',
+              cornerRadius: [16, 0, 0, 16],
+              fill: {
+                type: 'linear',
+                stops: ['#FF6600', '#FFbb00', '#FF6600']
+              },
+              children: [
+                {
+                  className: 'fixturePallet',
+                  tag: 'Box',
+                  visible: currentFixture !== 'cutter',
+                  width: 30,
+                  height: 16,
+                  x: 26,
+                  y: 0,
+                  around: 'left',
+                  cornerRadius: [8, 2, 2, 8],
+                  fill: '#424242'
+                },
+                {
+                  className: 'fixtureCutter',
+                  tag: 'Box',
+                  visible: currentFixture === 'cutter',
+                  width: 20,
+                  height: 8,
+                  x: 26,
+                  y: 4,
+                  around: 'left',
+                  cornerRadius: 4,
+                  fill: '#333'
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    })
+    setCursor(main, this.config)
+    if (nameplate) {
+      main.add(
+        NamePlate({
+          title: nameplate,
+          x: width / 2,
+          y: height - 12,
+          height: 16
+        })
+      )
+    }
+    return main
+  }
+  operating(data) {
+    if (data.light) this.handleLight(data.light)
+    if (typeof data.x === 'number') this.moveX(data.x)
+    if (typeof data.r === 'number') this.handleRotate(data.r)
+    if (data.currentFixture) this.switchFixture(data.currentFixture)
+  }
+  // 二级基座与摆臂联动旋转
+  handleRotate(r) {
+    if (!Number.isFinite(r)) return
+    this.armRotation = r
+    this.ui.findOne('.bigArm')?.animate({ rotation: -r, duration: 0.5 })
+    this.ui.findOne('.smallArm')?.animate({ rotation: r, duration: 0.5 })
+    this.ui.findOne('.secondBase')?.animate({ offsetX: Math.abs(r / 9) - 10, duration: 0.5 })
+  }
+  // 在轨道上沿 X 轴移动
+  moveX(x) {
+    if (!Number.isFinite(x)) return
+    this.ui.animate({ x, duration: 0.5 })
+  }
+  // 状态灯闪烁
+  handleLight(val) {
+    if (!val) return
+    const lights = [this.ui.findOne('.statusLightTop'), this.ui.findOne('.statusLightBottom')]
+    lights.forEach((light) => {
+      light?.set({
+        animation: {
+          keyframes: [{ fill: val.color }, { fill: this.defaultLightColor }, { fill: val.color }],
+          duration: 0.5,
+          loop: Boolean(val.blinking)
+        }
+      })
+    })
+  }
+  // 切换夹具显示状态
+  switchFixture(type) {
+    this.ui.findOne('.fixturePallet')?.set({ visible: type === 'pallet' })
+    this.ui.findOne('.fixtureCutter')?.set({ visible: type === 'cutter' })
+  }
+}

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

@@ -0,0 +1,19 @@
+import type { ISingleJointRobotConfig, ISingleGripperRobotOperating } from '@/types'
+import { Box } from 'leafer'
+import { ModelAbs } from '../abstract/ModelAbs'
+/**
+ * 单关节机器人（SingleJointRobot）
+ * 基于 ModelAbs 重构，保留 Bot.js 核心运行行为：状态灯、沿 X 移动、手臂旋转、夹具切换。
+ */
+export declare class SingleJointRobot extends ModelAbs<ISingleJointRobotConfig> {
+  private static readonly DEFAULT_WIDTH
+  private static readonly DEFAULT_HEIGHT
+  private static readonly DEFAULT_LIGHT_COLOR
+  private defaultLightColor
+  protected createUi(): Box
+  protected operating(data: ISingleGripperRobotOperating): void
+  private handleRotate
+  private moveX
+  private handleLight
+  private switchFixture
+}

package/dist/ui/models/SingleGripperRobot.js

@@ -0,0 +1,272 @@
+import { Box } from 'leafer'
+import { ModelAbs } from '../abstract/ModelAbs'
+import { setCursor } from '../utils/attr'
+/**
+ * 单关节机器人（SingleJointRobot）
+ * 基于 ModelAbs 重构，保留 Bot.js 核心运行行为：状态灯、沿 X 移动、手臂旋转、夹具切换。
+ */
+export class SingleJointRobot extends ModelAbs {
+  static DEFAULT_WIDTH = 90
+  static DEFAULT_HEIGHT = 76
+  static DEFAULT_LIGHT_COLOR = 'rgba(255,255,255,0.2)'
+  defaultLightColor = SingleJointRobot.DEFAULT_LIGHT_COLOR
+  createUi() {
+    const {
+      uuid,
+      className,
+      width = SingleJointRobot.DEFAULT_WIDTH,
+      height = SingleJointRobot.DEFAULT_HEIGHT,
+      x,
+      y,
+      zIndex,
+      rotation,
+      scale,
+      visible,
+      editable,
+      draggable,
+      currentFixture
+    } = this.config
+    const main = new Box({
+      id: uuid,
+      className,
+      data: this.config,
+      width,
+      height,
+      x,
+      y,
+      zIndex,
+      rotation,
+      scale,
+      visible,
+      editable,
+      draggable,
+      cornerRadius: 10,
+      fill: '#FF9933',
+      origin: 'center',
+      around: 'center',
+      children: [
+        {
+          tag: 'Rect',
+          x: 5,
+          y: 4,
+          width,
+          height,
+          fill: {
+            type: 'linear',
+            from: 'left',
+            to: 'right',
+            stops: [
+              { offset: 0, color: '#666' },
+              { offset: 1, color: '#555' }
+            ]
+          },
+          cornerRadius: 10,
+          zIndex: -1
+        },
+        {
+          tag: 'Rect',
+          width,
+          height,
+          fill: '#FF9933',
+          cornerRadius: 10,
+          zIndex: -1
+        },
+        {
+          className: 'statusLightTop',
+          tag: 'Box',
+          width: 30,
+          height: 4,
+          x: width / 2,
+          y: 4,
+          fill: this.defaultLightColor,
+          around: 'center',
+          cornerRadius: 4
+        },
+        {
+          className: 'statusLightBottom',
+          tag: 'Box',
+          width: 30,
+          height: 4,
+          x: width / 2,
+          y: height - 4,
+          fill: this.defaultLightColor,
+          around: 'center',
+          cornerRadius: 4
+        },
+        {
+          className: 'secondBase',
+          tag: 'Box',
+          width: 70,
+          height: 60,
+          x: width / 2,
+          y: height / 2 + 8,
+          around: 'center',
+          cornerRadius: 10,
+          fill: {
+            type: 'radial',
+            stops: [
+              { offset: 0.3, color: '#FFcc00' },
+              { offset: 1, color: '#FF6600' }
+            ]
+          },
+          children: [
+            {
+              className: 'bigArm',
+              tag: 'Box',
+              width: 50,
+              height: 30,
+              x: 0,
+              y: -8,
+              around: 'center',
+              cornerRadius: [15, 3, 3, 15],
+              fill: {
+                type: 'radial',
+                stops: [
+                  { offset: 0, color: '#FFcc00' },
+                  { offset: 1, color: '#FF6600' }
+                ]
+              }
+            },
+            {
+              className: 'smallArm',
+              tag: 'Box',
+              width: 36,
+              height: 16,
+              x: 2,
+              y: -8,
+              around: 'left',
+              cornerRadius: [16, 0, 0, 16],
+              fill: {
+                type: 'linear',
+                stops: ['#FF6600', '#FFbb00', '#FF6600']
+              },
+              children: [
+                {
+                  tag: 'Rect',
+                  width: 12,
+                  height: 16,
+                  fill: '#424242',
+                  cornerRadius: [26, 10, 10, 26]
+                },
+                {
+                  tag: 'Rect',
+                  x: 36,
+                  width: 5,
+                  height: 16,
+                  fill: '#424242',
+                  cornerRadius: [0, 16, 16, 0]
+                },
+                {
+                  className: 'fixturePallet',
+                  tag: 'Box',
+                  visible: currentFixture !== 'cutter',
+                  width: 65,
+                  height: 50,
+                  x: 26,
+                  y: -17,
+                  around: 'left',
+                  cornerRadius: [15, 0, 0, 15],
+                  strokeWidth: 4,
+                  stroke: {
+                    type: 'linear',
+                    from: 'left',
+                    to: 'right',
+                    stops: [
+                      { offset: 0, color: '#424242' },
+                      { offset: 0.9, color: '#000' },
+                      { offset: 0.9, color: 'rgba(255,0,0,0)' },
+                      { offset: 1, color: 'rgba(255,0,0,0)' }
+                    ]
+                  },
+                  fill: 'rgba(0,0,0,0)',
+                  animation: {
+                    keyframes: [
+                      { opacity: 0, scaleX: 0 },
+                      { opacity: 1, scaleX: 1 }
+                    ],
+                    duration: 0.3
+                  }
+                },
+                {
+                  className: 'fixtureCutter',
+                  tag: 'Box',
+                  visible: currentFixture === 'cutter',
+                  width: 40,
+                  height: 12,
+                  x: 26,
+                  y: 2,
+                  around: 'left',
+                  cornerRadius: 4,
+                  fill: {
+                    type: 'linear',
+                    from: 'left',
+                    to: 'right',
+                    stops: [
+                      { offset: 0, color: '#424242' },
+                      { offset: 0.75, color: '#666' },
+                      { offset: 0.75, color: '#333' },
+                      { offset: 1, color: '#333' }
+                    ]
+                  },
+                  children: [
+                    {
+                      tag: 'Box',
+                      width: 6,
+                      height: 2,
+                      x: 34,
+                      y: 2,
+                      fill: '#666'
+                    },
+                    {
+                      tag: 'Box',
+                      width: 6,
+                      height: 2,
+                      x: 34,
+                      y: 8,
+                      fill: '#666'
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    })
+    setCursor(main, this.config)
+    return main
+  }
+  operating(data) {
+    if (data.light) this.handleLight(data.light)
+    if (typeof data.x === 'number') this.moveX(data.x)
+    if (typeof data.r === 'number') this.handleRotate(data.r)
+    if (data.currentFixture) this.switchFixture(data.currentFixture)
+  }
+  handleRotate(r) {
+    if (!Number.isFinite(r)) return
+    this.ui.findOne('.bigArm')?.animate({ rotation: -r, duration: 0.5 })
+    this.ui.findOne('.smallArm')?.animate({ rotation: r, duration: 0.5 })
+    this.ui.findOne('.secondBase')?.animate({ offsetX: Math.abs(r / 9) - 10, duration: 0.5 })
+  }
+  moveX(x) {
+    if (!Number.isFinite(x)) return
+    this.ui.animate({ x, duration: 0.5 })
+  }
+  handleLight(val) {
+    if (!val) return
+    const lights = [this.ui.findOne('.statusLightTop'), this.ui.findOne('.statusLightBottom')]
+    lights.forEach((light) => {
+      light?.set({
+        animation: {
+          keyframes: [{ fill: val.color }, { fill: this.defaultLightColor }, { fill: val.color }],
+          duration: 0.5,
+          loop: Boolean(val.blinking)
+        }
+      })
+    })
+  }
+  switchFixture(type) {
+    this.ui.findOne('.fixturePallet')?.set({ visible: type === 'pallet' })
+    this.ui.findOne('.fixtureCutter')?.set({ visible: type === 'cutter' })
+  }
+}

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

@@ -0,0 +1,22 @@
+import { type ISingleJointRobotConfig, type ISingleGripperRobotOperating } from '@/types';
+import { Box } from 'leafer';
+import { ModelAbs } from '../abstract/ModelAbs';
+/**
+ * 单关节机器人（SingleGripperRobot）
+ * 基于 ModelAbs 重构，保留 Bot.js 核心运行行为：状态灯、沿 X 移动、手臂旋转、夹具切换。
+ */
+export declare class SingleJointRobot extends ModelAbs<ISingleJointRobotConfig> {
+    private static readonly DEFAULT_WIDTH;
+    private static readonly DEFAULT_HEIGHT;
+    private static readonly DEFAULT_LIGHT_COLOR;
+    private light1;
+    private light2;
+    private defaultLightColor;
+    private palletStationSlot;
+    private cutterStationSlot;
+    protected createUi(): Box;
+    protected operating(data: ISingleGripperRobotOperating): void;
+    private handleRotate;
+    private moveX;
+    private switchFork;
+}