@jnrs/lingshu-smart 2.2.8 → 2.2.10

package/dist/playground/ViewPageDemo.vue.js

@@ -1,277 +0,0 @@
-import { EnumModel } from '@/types';
-import { ref, computed, onMounted } from 'vue';
-import { uuidv4 } from '@jnrs/shared/uuid';
-import LingshuSmartPreview from '@/components/preview/index.vue';
-// 预览组件实例
-const lingshuSmartPreviewRef = ref();
-// 当前方案 ID
-const currentCaseId = ref();
-// 当前方案数据
-const currentCase = computed(() => {
-    return lingshuSmartPreviewRef.value?.currentCase;
-});
-/**
- * 加载方案列表数据
- * @param requestId 请求数据ID，即输入框输入的值（按需）
- */
-const loadCases = async (requestId) => {
-    // 此处模拟异步请求，生产环境请按需替换为后端 API
-    const res = await fetch(`/json/cases.json?requestId=${requestId}`);
-    await new Promise((resolve) => setTimeout(resolve, 500));
-    const data = await res.json();
-    return data.data;
-};
-// 点击事件
-const onTap = (layer, data) => {
-    console.log('点击 parent', layer, '点击 target', data);
-};
-// 右键点击事件
-const onMenuTap = (layer, data) => {
-    console.log('右键点击 parent', layer, '右键点击 target', data);
-};
-// 拖拽结束事件
-const onDragEnd = (layer, data) => {
-    console.log('拖拽结束 parent', layer, '拖拽结束 target', data);
-};
-// 设备运行
-const operating = (data) => {
-    lingshuSmartPreviewRef.value?.operating(data);
-};
-// websocket 消息处理
-const onMessage = (rawMessage) => {
-    console.log('接收ws数据:', rawMessage);
-    // 校验必要字段
-    if (!rawMessage?.type || !rawMessage?.payload) {
-        console.warn('无效的 WebSocket 消息格式', rawMessage);
-        return;
-    }
-    const type = rawMessage.type;
-    const payload = rawMessage.payload;
-    if (type === 'update') {
-        // 根据原始数据处理设备运行数据
-        switch (payload.type) {
-            case 'Pallet':
-                if (payload.addType && payload.addId) {
-                    // 新增资源
-                    operating({
-                        className: payload.addType,
-                        id: payload.addId,
-                        rawData: payload,
-                        resource: {
-                            resourceType: payload.type,
-                            name: payload.name,
-                            color: payload.status === 3 ? 'green' : '#424242',
-                            index: payload.addSiteNumber,
-                            handleType: 'add',
-                            rawData: payload
-                        }
-                    });
-                }
-                if (payload.removeType && payload.removeId) {
-                    // 删除资源
-                    operating({
-                        className: payload.removeType,
-                        id: payload.removeId,
-                        rawData: payload,
-                        resource: {
-                            resourceType: payload.type,
-                            index: payload.removeSiteNumber,
-                            handleType: 'remove',
-                            rawData: payload
-                        }
-                    });
-                }
-                break;
-            case 'MachineTool':
-                operating({
-                    className: EnumModel.MACHINE_TOOL,
-                    id: payload.id,
-                    rawData: payload,
-                    light: {
-                        color: payload.status === 2 ? 'green' : '#424242',
-                        blinking: payload.status !== 2,
-                        rotating: payload.status === 2
-                    },
-                    progress: {
-                        percent: payload.percent,
-                        textContent: payload.status === 2 ? '运行中' : '待机中'
-                    },
-                    entrance: {
-                        isIn: payload.isIn,
-                        isOut: payload.isOut
-                    },
-                    stationRotatable: payload.stationRotatable
-                });
-                break;
-            case 'ResourceStore':
-                operating({
-                    className: EnumModel.RESOURCE_STORE,
-                    id: payload.id,
-                    rawData: payload,
-                    light: {
-                        color: payload.status === 2 ? 'green' : '#424242',
-                        blinking: payload.status === 2
-                    }
-                });
-                break;
-            case 'SingleJointRobot':
-                operating({
-                    className: EnumModel.SINGLE_JOINT_ROBOT,
-                    id: payload.id,
-                    rawData: payload,
-                    light: {
-                        color: payload.status === 2 ? 'green' : '#424242',
-                        blinking: payload.status === 2
-                    },
-                    x: payload.x,
-                    r: payload.r
-                });
-                break;
-        }
-    }
-};
-onMounted(() => {
-    const VIEW_PATH = '/preview/';
-    if (location.pathname.includes(VIEW_PATH)) {
-        currentCaseId.value = location.pathname.split(VIEW_PATH)[1];
-    }
-    // MOCK 服务器发送的 websocket 数据，实际需和后端确认数据格式
-    setTimeout(() => {
-        onMessage({
-            traceId: uuidv4(),
-            type: 'update',
-            payload: {
-                id: '75fb136f-bb81-4348-b53f-b9ba56f1816b',
-                type: 'MachineTool',
-                status: 2,
-                percent: 0.8,
-                isIn: true,
-                isOut: false,
-                stationRotatable: true
-            }
-        });
-        onMessage({
-            traceId: uuidv4(),
-            type: 'update',
-            payload: {
-                id: 'b37075e3-25a3-4adf-937d-f9e94d27d917',
-                type: 'SingleJointRobot',
-                status: 2,
-                x: 800,
-                r: 45
-            }
-        });
-        onMessage({
-            traceId: uuidv4(),
-            type: 'update',
-            payload: {
-                id: '35cd0433-2587-4dce-8e08-13e397b5eb3d',
-                type: 'ResourceStore',
-                status: 2
-            }
-        });
-        onMessage({
-            traceId: uuidv4(),
-            type: 'update',
-            payload: {
-                type: 'Pallet',
-                name: 'P111',
-                status: 3,
-                addType: 'MachineTool',
-                addId: '75fb136f-bb81-4348-b53f-b9ba56f1816b',
-                addSiteNumber: 2,
-                removeId: null,
-                removeType: null,
-                removeSiteNumber: null
-            }
-        });
-        setTimeout(() => {
-            onMessage({
-                traceId: uuidv4(),
-                type: 'update',
-                payload: {
-                    id: '75fb136f-bb81-4348-b53f-b9ba56f1816b',
-                    type: 'MachineTool',
-                    percent: 1,
-                    isIn: true,
-                    isOut: true,
-                    stationRotatable: false
-                }
-            });
-            onMessage({
-                traceId: uuidv4(),
-                type: 'update',
-                payload: {
-                    type: 'Pallet',
-                    name: 'P111',
-                    status: 2,
-                    addType: 'ResourceStore',
-                    addId: '35cd0433-2587-4dce-8e08-13e397b5eb3d',
-                    addSiteNumber: 3,
-                    removeId: '75fb136f-bb81-4348-b53f-b9ba56f1816b',
-                    removeType: 'MachineTool',
-                    removeSiteNumber: 2
-                }
-            });
-            onMessage({
-                traceId: uuidv4(),
-                type: 'update',
-                payload: {
-                    id: 'b37075e3-25a3-4adf-937d-f9e94d27d917',
-                    type: 'SingleJointRobot',
-                    x: 800,
-                    r: 145
-                }
-            });
-        }, 1500);
-    }, 1500);
-});
-debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_ctx = {
-    ...{},
-    ...{},
-};
-let __VLS_components;
-let __VLS_directives;
-__VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "main" },
-});
-__VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
-    ...{ class: "head" },
-});
-(__VLS_ctx.currentCase?.title);
-// @ts-ignore
-[currentCase,];
-/** @type {[typeof LingshuSmartPreview, typeof LingshuSmartPreview, ]} */ ;
-// @ts-ignore
-const __VLS_0 = __VLS_asFunctionalComponent(LingshuSmartPreview, new LingshuSmartPreview({
-    ref: "lingshuSmartPreviewRef",
-    actions: ({
-        loadCases: __VLS_ctx.loadCases,
-        onTap: __VLS_ctx.onTap,
-        onMenuTap: __VLS_ctx.onMenuTap,
-        onDragEnd: __VLS_ctx.onDragEnd
-    }),
-    caseUuid: (__VLS_ctx.currentCaseId),
-}));
-const __VLS_1 = __VLS_0({
-    ref: "lingshuSmartPreviewRef",
-    actions: ({
-        loadCases: __VLS_ctx.loadCases,
-        onTap: __VLS_ctx.onTap,
-        onMenuTap: __VLS_ctx.onMenuTap,
-        onDragEnd: __VLS_ctx.onDragEnd
-    }),
-    caseUuid: (__VLS_ctx.currentCaseId),
-}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-/** @type {typeof __VLS_ctx.lingshuSmartPreviewRef} */ ;
-var __VLS_4 = {};
-// @ts-ignore
-[loadCases, onTap, onMenuTap, onDragEnd, currentCaseId, lingshuSmartPreviewRef,];
-var __VLS_2;
-/** @type {__VLS_StyleScopedClasses['main']} */ ;
-/** @type {__VLS_StyleScopedClasses['head']} */ ;
-// @ts-ignore
-var __VLS_5 = __VLS_4;
-const __VLS_export = (await import('vue')).defineComponent({});
-export default {};

package/dist/stores/index.js

@@ -1,3 +0,0 @@
-export { useDataStore } from './useDataStore';
-export { useEditorStore } from './useEditorStore';
-export { useAppStore } from './useAppStore';

package/dist/stores/useAppStore.js

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

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