@jnrs/lingshu-smart 2.2.6 → 2.2.8

package/dist/stores/useAppStore.js

@@ -0,0 +1,78 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useAppStore.ts
+ * @Date   : 2026/03/20
+ * @Desc.  : 用于预览页面：当前方案状态
+ */
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { AppController } from '@/controller/AppController';
+import { useDataStore } from './useDataStore';
+export const useAppStore = defineStore('@jnrs/lingshu-smart/app', () => {
+    const sharedStore = useDataStore();
+    const currentCase = ref();
+    // 容器实例
+    let appContainer = null;
+    /**
+     * 初始化容器（引擎实例）
+     * @param options 容器配置
+     * @param caseUuid 当前方案 UUID
+     */
+    const initContainer = (options, caseUuid) => {
+        if (appContainer) {
+            console.warn('❌ Container already initialized');
+            return;
+        }
+        appContainer = new AppController(options);
+        console.log('✅ AppController Initialized');
+        currentCase.value = sharedStore.cases?.find((c) => c.uuid === caseUuid);
+        if (currentCase.value) {
+            for (const layer of currentCase.value.layers) {
+                appContainer.addModel(layer);
+            }
+            appContainer.setTree(currentCase.value.scene);
+        }
+        else {
+            console.warn('⚠️ 当前方案不存在', { cases: sharedStore.cases }, { caseUuid });
+        }
+    };
+    /**
+     * resize 容器
+     */
+    const resizeContainer = () => {
+        if (!appContainer) {
+            console.warn('❌ resizeContainer failed: AppController not initialized');
+            return;
+        }
+        appContainer.setZoom();
+    };
+    /**
+     * 销毁容器
+     */
+    const destroyContainer = () => {
+        if (!appContainer) {
+            console.warn('❌ destroyContainer failed: AppController not initialized');
+            return;
+        }
+        appContainer.destroy();
+        appContainer = null;
+    };
+    /**
+     * 设备运转
+     */
+    const operating = (data) => {
+        if (!appContainer) {
+            console.warn('❌ operating failed: AppController not initialized');
+            return;
+        }
+        appContainer.operating(data);
+    };
+    return {
+        currentCase,
+        initContainer,
+        resizeContainer,
+        destroyContainer,
+        operating
+    };
+});

package/dist/stores/useDataStore.d.ts

@@ -1,26 +1,33 @@
-import { ICase } from '../types';
-export declare const useDataStore: import('pinia').StoreDefinition<"@jnrs/lingshu-smart/data", Pick<{
-    casesLoading: import('vue').Ref<boolean, boolean>;
-    equipmentsMenu: import('../types').IEquipmentsMenu[];
-    cases: import('vue').Ref<ICase[] | undefined, ICase[] | undefined>;
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useDataStore.ts
+ * @Date   : 2026/03/23
+ * @Desc.  : 设备列表、方案列表、当前方案、当前方案的场景、当前方案的图层列表、当前图层状态管理
+ */
+import type { ICase } from '@/types';
+export declare const useDataStore: import("pinia").StoreDefinition<"@jnrs/lingshu-smart/data", Pick<{
+    casesLoading: import("vue").Ref<boolean, boolean>;
+    equipmentsMenu: import("@/types").IEquipmentsMenu[];
+    cases: import("vue").Ref<ICase[] | undefined, ICase[] | undefined>;
     updateCases: (data?: ICase[]) => void;
     selectCase: (uuid: string) => void;
     addCase: (data?: ICase) => void;
     removeCase: (uuid: string) => void;
     clearCases: () => void;
 }, "cases" | "casesLoading" | "equipmentsMenu">, Pick<{
-    casesLoading: import('vue').Ref<boolean, boolean>;
-    equipmentsMenu: import('../types').IEquipmentsMenu[];
-    cases: import('vue').Ref<ICase[] | undefined, ICase[] | undefined>;
+    casesLoading: import("vue").Ref<boolean, boolean>;
+    equipmentsMenu: import("@/types").IEquipmentsMenu[];
+    cases: import("vue").Ref<ICase[] | undefined, ICase[] | undefined>;
     updateCases: (data?: ICase[]) => void;
     selectCase: (uuid: string) => void;
     addCase: (data?: ICase) => void;
     removeCase: (uuid: string) => void;
     clearCases: () => void;
 }, never>, Pick<{
-    casesLoading: import('vue').Ref<boolean, boolean>;
-    equipmentsMenu: import('../types').IEquipmentsMenu[];
-    cases: import('vue').Ref<ICase[] | undefined, ICase[] | undefined>;
+    casesLoading: import("vue").Ref<boolean, boolean>;
+    equipmentsMenu: import("@/types").IEquipmentsMenu[];
+    cases: import("vue").Ref<ICase[] | undefined, ICase[] | undefined>;
     updateCases: (data?: ICase[]) => void;
     selectCase: (uuid: string) => void;
     addCase: (data?: ICase) => void;

package/dist/stores/useDataStore.js

@@ -0,0 +1,116 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useDataStore.ts
+ * @Date   : 2026/03/23
+ * @Desc.  : 设备列表、方案列表、当前方案、当前方案的场景、当前方案的图层列表、当前图层状态管理
+ */
+import { ref } from 'vue';
+import { defineStore } from 'pinia';
+import { isICaseArray, isICase } from '@/utils/type-guards';
+import { uuidv4 } from '@jnrs/shared/uuid';
+import { cloneDeep } from '@jnrs/shared/lodash';
+import { CASE_INIT } from '@/constants/options';
+import { EQUIPMENTS_MENU } from '@/assets/data/editor_preset_menu';
+export const useDataStore = defineStore('@jnrs/lingshu-smart/data', () => {
+    // 设备菜单
+    const equipmentsMenu = cloneDeep(EQUIPMENTS_MENU);
+    // 方案列表
+    const cases = ref();
+    const casesLoading = ref(false);
+    /**
+     * 更新方案列表
+     */
+    const updateCases = (data) => {
+        if (!data) {
+            cases.value = [];
+            return;
+        }
+        // 类型守卫：校验数据结构
+        if (isICaseArray(data)) {
+            cases.value = data;
+        }
+        else {
+            const errorMsg = '运行 updateCases 函数时参数校验失败：发现非法的 ICase, ILayer 或 IScene 结构';
+            console.error(errorMsg, data);
+            throw new Error(errorMsg);
+        }
+    };
+    /**
+     * 切换当前方案
+     */
+    const selectCase = (uuid) => {
+        if (!cases.value)
+            return;
+        const target = cases.value.find((c) => c.uuid === uuid);
+        if (!target)
+            return;
+        cases.value.forEach((c) => {
+            c.isActive = c.uuid === uuid;
+        });
+    };
+    /**
+     * 添加方案
+     */
+    const addCase = (data) => {
+        // 如果方案列表不存在，则初始化
+        if (!cases.value) {
+            cases.value = [];
+        }
+        const uuid = uuidv4();
+        if (data) {
+            // 类型守卫：校验数据结构
+            if (isICase(data)) {
+                const newCase = cloneDeep(data);
+                newCase.uuid = uuid; // 重置方案 uuid 防止冲突
+                newCase.isActive = false; // 重置方案 isActive 状态防止冲突
+                cases.value.push(newCase);
+            }
+            else {
+                const errorMsg = '运行 addCase 函数时参数校验失败：发现非法的 ICase, ILayer 或 IScene 结构';
+                console.error(errorMsg, data);
+                throw new Error(errorMsg);
+            }
+        }
+        else {
+            const newCase = cloneDeep(CASE_INIT);
+            newCase.uuid = uuid;
+            newCase.title = `方案${uuid.slice(0, 8)}`;
+            cases.value.push(newCase);
+        }
+    };
+    /**
+     * 删除方案
+     */
+    const removeCase = (uuid) => {
+        if (!cases.value)
+            return;
+        const index = cases.value.findIndex((c) => c.uuid === uuid);
+        if (index === -1)
+            return;
+        cases.value.splice(index, 1);
+    };
+    /**
+     * 清空方案列表
+     */
+    const clearCases = () => {
+        cases.value = [];
+    };
+    return {
+        // getters
+        casesLoading,
+        equipmentsMenu,
+        cases,
+        // actions
+        updateCases,
+        selectCase,
+        addCase,
+        removeCase,
+        clearCases
+    };
+}, {
+    persist: {
+        storage: localStorage,
+        pick: ['cases']
+    }
+});

package/dist/stores/useEditorStore.d.ts

@@ -1,44 +1,51 @@
-import { ICase, IScene, ILayer, IContainer } from '../types';
-export declare const useEditorStore: import('pinia').StoreDefinition<"@jnrs/lingshu-smart/editor", Pick<{
-    currentCase: import('vue').ComputedRef<ICase | null>;
-    scene: import('vue').ComputedRef<IScene | null>;
-    layers: import('vue').ComputedRef<ILayer[]>;
-    currentLayer: import('vue').ComputedRef<ILayer | null>;
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useEditorStore.ts
+ * @Date   : 2026/01/21
+ * @Desc.  : 用于编辑器页面：设备列表、方案列表、当前方案、当前方案的场景、当前方案的图层列表、当前图层状态管理
+ */
+import type { ICase, IScene, ILayer, IContainer } from '@/types';
+export declare const useEditorStore: import("pinia").StoreDefinition<"@jnrs/lingshu-smart/editor", Pick<{
+    currentCase: import("vue").ComputedRef<ICase | null>;
+    scene: import("vue").ComputedRef<IScene | null>;
+    layers: import("vue").ComputedRef<ILayer[]>;
+    currentLayer: import("vue").ComputedRef<ILayer | null>;
     initContainer: (options: IContainer) => void;
     resizeContainer: () => void;
     destroyContainer: () => void;
     initEditor: () => void;
-    updateScene: import('@jnrs/shared/lodash').DebouncedFunc<() => void>;
+    updateScene: import("@jnrs/shared/lodash").DebouncedFunc<() => void>;
     addLayer: (layer: ILayer) => void;
     selectLayer: (uuid?: string) => void;
     updateLayer: (layer: ILayer) => void;
-    renderLayers: import('@jnrs/shared/lodash').DebouncedFunc<() => void>;
+    renderLayers: import("@jnrs/shared/lodash").DebouncedFunc<() => void>;
 }, never>, Pick<{
-    currentCase: import('vue').ComputedRef<ICase | null>;
-    scene: import('vue').ComputedRef<IScene | null>;
-    layers: import('vue').ComputedRef<ILayer[]>;
-    currentLayer: import('vue').ComputedRef<ILayer | null>;
+    currentCase: import("vue").ComputedRef<ICase | null>;
+    scene: import("vue").ComputedRef<IScene | null>;
+    layers: import("vue").ComputedRef<ILayer[]>;
+    currentLayer: import("vue").ComputedRef<ILayer | null>;
     initContainer: (options: IContainer) => void;
     resizeContainer: () => void;
     destroyContainer: () => void;
     initEditor: () => void;
-    updateScene: import('@jnrs/shared/lodash').DebouncedFunc<() => void>;
+    updateScene: import("@jnrs/shared/lodash").DebouncedFunc<() => void>;
     addLayer: (layer: ILayer) => void;
     selectLayer: (uuid?: string) => void;
     updateLayer: (layer: ILayer) => void;
-    renderLayers: import('@jnrs/shared/lodash').DebouncedFunc<() => void>;
+    renderLayers: import("@jnrs/shared/lodash").DebouncedFunc<() => void>;
 }, "currentCase" | "scene" | "layers" | "currentLayer">, Pick<{
-    currentCase: import('vue').ComputedRef<ICase | null>;
-    scene: import('vue').ComputedRef<IScene | null>;
-    layers: import('vue').ComputedRef<ILayer[]>;
-    currentLayer: import('vue').ComputedRef<ILayer | null>;
+    currentCase: import("vue").ComputedRef<ICase | null>;
+    scene: import("vue").ComputedRef<IScene | null>;
+    layers: import("vue").ComputedRef<ILayer[]>;
+    currentLayer: import("vue").ComputedRef<ILayer | null>;
     initContainer: (options: IContainer) => void;
     resizeContainer: () => void;
     destroyContainer: () => void;
     initEditor: () => void;
-    updateScene: import('@jnrs/shared/lodash').DebouncedFunc<() => void>;
+    updateScene: import("@jnrs/shared/lodash").DebouncedFunc<() => void>;
     addLayer: (layer: ILayer) => void;
     selectLayer: (uuid?: string) => void;
     updateLayer: (layer: ILayer) => void;
-    renderLayers: import('@jnrs/shared/lodash').DebouncedFunc<() => void>;
+    renderLayers: import("@jnrs/shared/lodash").DebouncedFunc<() => void>;
 }, "initContainer" | "resizeContainer" | "destroyContainer" | "initEditor" | "updateScene" | "addLayer" | "selectLayer" | "updateLayer" | "renderLayers">>;

package/dist/stores/useEditorStore.js

@@ -0,0 +1,263 @@
+/**
+ * @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.d.ts

@@ -1,4 +1,4 @@
-import { ILayer, InteractiveUi, EnumTag } from './index';
+import { type ILayer, type InteractiveUi, EnumTag } from './index';
 /**
  * 场景
  */

package/dist/types/app.types.js

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

package/dist/types/base.types.d.ts

@@ -1,4 +1,4 @@
-import { EnumInteractiveUi } from './enums';
+import { type EnumInteractiveUi } from './enums';
 /**
  * 原始业务数据
  */
@@ -11,7 +11,7 @@ export type IRowData = {
 export interface IInteractiveState {
     hittable?: boolean;
     hitSelf?: boolean;
-    visible?: boolean;
+    visible?: boolean | 0;
 }
 /**
  * 事件状态
@@ -35,4 +35,6 @@ export interface IBaseConfig {
     height: number;
     x?: number;
     y?: number;
+    zIndex?: number;
+    rotation?: number;
 }

package/dist/types/base.types.js

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

package/dist/types/components/config.types.d.ts

@@ -1,5 +1,6 @@
-import { IRowData, IBaseConfig, IInteractiveState } from '../base.types';
+import type { IRowData, IBaseConfig, IInteractiveState } from '../base.types';
 import { EnumResourceType, EnumComponent } from '../enums';
+export type IOriginAround = 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 /**
  * 工位
  */
@@ -11,6 +12,9 @@ export interface IStationSlotConfig extends IBaseConfig, IInteractiveState {
     rotation?: number;
     parentRotation?: number;
     disabled?: boolean;
+    origin?: IOriginAround;
+    around?: IOriginAround;
+    showContainer?: boolean;
 }
 /**
  * 布局选项
@@ -26,8 +30,11 @@ export interface IFlowConfig {
  */
 export interface IStationSlotGroupConfig extends IBaseConfig {
     parentRotation?: number;
+    origin?: IOriginAround;
+    around?: IOriginAround;
     stationSlots: IStationSlotConfig[];
     flowOptions: IFlowConfig;
+    hittable?: boolean;
 }
 /**
  * 资源
@@ -43,10 +50,11 @@ export interface IResourceConfig extends IBaseConfig, IInteractiveState {
  * 状态灯
  */
 export interface ILightConfig extends IBaseConfig {
-    midColor?: string;
+    color?: string;
     strokeColor?: string;
     strokeWidth?: number;
-    isRingShape?: boolean;
+    cornerRadius?: number | number[];
+    showShadow?: boolean;
 }
 /**
  * 进度条

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

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

package/dist/types/components/operating.types.d.ts

@@ -1,4 +1,4 @@
-import { IRowData } from '../base.types';
+import type { IRowData } from '../base.types';
 import { EnumResourceType } from '../enums';
 /**
  * 资源操作

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

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