@jnrs/lingshu-smart 2.2.6 → 2.2.8

package/dist/controller/EditorController.js

@@ -0,0 +1,173 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : EditorController.ts
+ * @Date   : 2025/02/26
+ * @Desc.  : 图形编辑类
+ */
+import { EditorEvent, EditorRotateEvent, EditorScaleEvent, EditorMoveEvent } from 'leafer';
+import { Ruler } from 'leafer-x-ruler';
+import { DotMatrix } from 'leafer-x-dot-matrix';
+const DEFAULT_ZOOM_MIN = 0.1;
+const DEFAULT_ZOOM_MAX = 10;
+const RULER_THEME_NAME = 'ruler-dark';
+const RULER_SIZE = 20;
+const DOT_MATRIX_COLOR = '#000';
+const DOT_MATRIX_SIZE = 1;
+const TARGET_DOT_MATRIX_PIXEL = 20;
+/**
+ * EditorController 类负责管理图形编辑功能，包括设备的选择、旋转和缩放等操作。它通过监听编辑器的事件来更新当前选中的设备，并提供方法来设置缩放范围、标尺和点阵等功能。
+ * @param {string} options.container - AppController 对象
+ * @param {number} options.zoomMin - 最小缩放比例，默认为 0.1
+ * @param {number} options.zoomMax - 最大缩放比例，默认为 10
+ * @param {Function} options.onSelected - 设备选中事件的回调函数
+ * @param {Function} options.onRotate - 设备旋转事件的回调函数，参数为旋转角度
+ * @param {Function} options.onScale - 设备缩放事件的回调函数，参数为缩放比例
+ */
+export class EditorController {
+    container;
+    editor;
+    onSelected;
+    onRotate;
+    onScale;
+    onMove;
+    constructor(options) {
+        const { container, zoomMin = DEFAULT_ZOOM_MIN, zoomMax = DEFAULT_ZOOM_MAX } = options;
+        if (zoomMin >= zoomMax) {
+            throw new Error('zoomMin must be less than zoomMax');
+        }
+        const app = container.app;
+        app.config.zoom = {
+            disabled: false,
+            min: zoomMin,
+            max: zoomMax
+        };
+        try {
+            addRuler(app);
+            addDotMatrix(app);
+        }
+        catch (error) {
+            console.error('Failed to initialize plugins:', error);
+        }
+        this.container = container;
+        this.editor = app.editor;
+        this.onSelected = options.onSelected;
+        this.onRotate = options.onRotate;
+        this.onScale = options.onScale;
+        this.onMove = options.onMove;
+        const editorConfig = {
+            multipleSelect: false, // 多选
+            boxSelect: false, // 框选
+            lockRatio: true, // 锁定宽高比例
+            moveable: true, // 可移动
+            resizeable: true, // 编辑大小
+            rotateable: true, // 旋转
+            skewable: false, // 倾斜
+            rotateGap: 15 // 旋转角度间隔
+        };
+        Object.assign(this.editor.config, editorConfig);
+        this.addEvent();
+    }
+    // 选择设备
+    selectEquipment(condition) {
+        if (!condition)
+            return this.editor.cancel();
+        const target = this.container.findAll(condition);
+        if (target) {
+            this.editor.select(target);
+        }
+    }
+    // 重新渲染设备并进行选中
+    rerenderModel(modelConfig) {
+        if (!this.container) {
+            console.warn('❌ rerenderModel failed: container not initialized');
+            return;
+        }
+        this.container.rerenderModel(modelConfig);
+        this.selectEquipment(`#${modelConfig.uuid}`);
+    }
+    // 设置监听事件
+    addEvent() {
+        // 选中设备
+        this.editor.on(EditorEvent.SELECT, (e) => {
+            try {
+                const ids = e.editor.list.map((d) => d.id);
+                this.onSelected?.(ids);
+            }
+            catch (error) {
+                console.error('Error in SELECT event handler:', error);
+            }
+        });
+        // 旋转设备
+        this.editor.on(EditorRotateEvent.ROTATE, (e) => {
+            try {
+                const { rotation } = e.target;
+                if (typeof rotation === 'number') {
+                    this.onRotate?.(rotation);
+                }
+            }
+            catch (error) {
+                console.error('Error in ROTATE event handler:', error);
+            }
+        });
+        // 缩放设备
+        this.editor.on(EditorScaleEvent.SCALE, (e) => {
+            try {
+                const { width, height, scale } = e.target;
+                if (typeof width === 'number' &&
+                    typeof height === 'number' &&
+                    (typeof scale === 'number' || (typeof scale === 'object' && scale.x !== undefined && scale.y !== undefined))) {
+                    const scaleX = typeof scale === 'number' ? scale : scale.x;
+                    const scaleY = typeof scale === 'number' ? scale : scale.y;
+                    this.onScale?.(width * scaleX, height * scaleY);
+                }
+            }
+            catch (error) {
+                console.error('Error in SCALE event handler:', error);
+            }
+        });
+        // 移动设备
+        this.editor.on(EditorMoveEvent.MOVE, (e) => {
+            try {
+                const { x, y } = e.target;
+                if (typeof x === 'number' && typeof y === 'number') {
+                    this.onMove?.(Math.round(x), Math.round(y));
+                }
+            }
+            catch (error) {
+                console.error('Error in MOVE event handler:', error);
+            }
+        });
+    }
+    // 销毁事件
+    destroy() {
+        this.editor.off(EditorEvent.SELECT);
+        this.editor.off(EditorRotateEvent.ROTATE);
+        this.editor.off(EditorScaleEvent.SCALE);
+        this.editor.off(EditorMoveEvent.MOVE);
+    }
+}
+// 添加标尺插件
+function addRuler(app) {
+    const ruler = new Ruler(app, {
+        enabled: true,
+        ruleSize: RULER_SIZE,
+        unit: 'px'
+    });
+    ruler.addTheme(RULER_THEME_NAME, {
+        backgroundColor: '#333',
+        textColor: '#ccc',
+        borderColor: '#888',
+        highlightColor: 'rgba(125,111,239,.8)'
+    });
+    ruler.changeTheme(RULER_THEME_NAME);
+}
+// 添加点阵插件
+function addDotMatrix(app) {
+    const dotMatrix = new DotMatrix(app, {
+        dotColor: DOT_MATRIX_COLOR,
+        dotSize: DOT_MATRIX_SIZE,
+        targetDotMatrixPixel: TARGET_DOT_MATRIX_PIXEL
+    });
+    dotMatrix.enableDotMatrix(true);
+}

package/dist/index.js

@@ -1 +1 @@
-
+export {};

package/dist/locales/en.js

@@ -0,0 +1,5 @@
+export default {
+    main: {
+        title: 'LingShu Smart'
+    }
+};

package/dist/locales/i18next.d.ts

@@ -1,2 +1,2 @@
-declare const i18n: import('vue-i18n').I18n<{}, {}, {}, string, false>;
+declare const i18n: import("vue-i18n").I18n<{}, {}, {}, string, false>;
 export default i18n;

package/dist/locales/i18next.js

@@ -0,0 +1,6 @@
+import { createI18n } from 'vue-i18n';
+const i18n = createI18n({
+    legacy: false, // legacy 为 false 则启用 Composition API 模式
+    globalInjection: true // 允许在模板中使用 $t
+});
+export default i18n;

package/dist/locales/index.d.ts

@@ -1,3 +1,3 @@
-import { default as zhCn } from './zhCn';
-import { default as en } from './en';
+import zhCn from './zhCn';
+import en from './en';
 export { zhCn, en };

package/dist/locales/index.js

@@ -1,13 +1,3 @@
-const t = {
-  main: {
-    title: "灵枢智造"
-  }
-}, n = {
-  main: {
-    title: "LingShu Smart"
-  }
-};
-export {
-  n as en,
-  t as zhCn
-};
+import zhCn from './zhCn';
+import en from './en';
+export { zhCn, en };

package/dist/locales/zhCn.js

@@ -0,0 +1,5 @@
+export default {
+    main: {
+        title: '灵枢智造'
+    }
+};

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+import 'element-plus/dist/index.css';
+import 'element-plus/theme-chalk/dark/css-vars.css';
+import '@/assets/styles/init.scss';

package/dist/main.js

@@ -0,0 +1,13 @@
+import 'element-plus/dist/index.css';
+import 'element-plus/theme-chalk/dark/css-vars.css';
+import '@/assets/styles/init.scss';
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+import App from './App.vue';
+const app = createApp(App);
+// pinia 相关
+const pinia = createPinia();
+pinia.use(piniaPluginPersistedstate);
+app.use(pinia);
+app.mount('#app');

package/dist/playground/EditPageDemo.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/playground/EditPageDemo.vue.js

@@ -0,0 +1,57 @@
+import LingshuSmartEditor from '@/components/editor/index.vue';
+// import casesJson from '@/assets/json/cases.json' // TODO 预设方案
+/**
+ * 加载方案列表数据
+ * @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 saveCases = (data) => {
+    console.log('保存方案列表数据', data);
+};
+// 预览按钮回调
+const handlePreview = (currentCase) => {
+    console.log('跳转预览页面', currentCase);
+    window.open(`/preview/${currentCase?.uuid}`);
+};
+// 退出按钮回调
+const handleExit = () => {
+    console.log('退出');
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_components;
+let __VLS_directives;
+/** @type {[typeof LingshuSmartEditor, typeof LingshuSmartEditor, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(LingshuSmartEditor, new LingshuSmartEditor({
+    actions: ({
+        loadCases: __VLS_ctx.loadCases,
+        saveCases: __VLS_ctx.saveCases,
+        handlePreview: __VLS_ctx.handlePreview,
+        handleExit: __VLS_ctx.handleExit
+    }),
+}));
+const __VLS_1 = __VLS_0({
+    actions: ({
+        loadCases: __VLS_ctx.loadCases,
+        saveCases: __VLS_ctx.saveCases,
+        handlePreview: __VLS_ctx.handlePreview,
+        handleExit: __VLS_ctx.handleExit
+    }),
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+var __VLS_4 = {};
+// @ts-ignore
+[loadCases, saveCases, handlePreview, handleExit,];
+var __VLS_2;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/playground/ViewPageDemo.vue.d.ts

@@ -1,28 +1,3 @@
-import { ICase, ILayerOperating } from '../types';
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    lingshuSmartPreviewRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        actions?: import('../components/preview/index.vue').PreviewActions;
-        caseUuid?: string;
-    }> & Readonly<{}>, {
-        currentCase: import('vue').Ref<ICase | null | undefined, ICase | null | undefined>;
-        operating: (data: ILayerOperating) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        actions: import('../components/preview/index.vue').PreviewActions;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        actions?: import('../components/preview/index.vue').PreviewActions;
-        caseUuid?: string;
-    }> & Readonly<{}>, {
-        currentCase: import('vue').Ref<ICase | null | undefined, ICase | null | undefined>;
-        operating: (data: ILayerOperating) => void;
-    }, {}, {}, {}, {
-        actions: import('../components/preview/index.vue').PreviewActions;
-    }> | null;
-}, HTMLDivElement>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/playground/ViewPageDemo.vue.js

@@ -0,0 +1,277 @@
+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

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

package/dist/stores/useAppStore.d.ts

@@ -1,20 +1,27 @@
-import { ICase, IContainer, ILayerOperating } from '../types';
-export declare const useAppStore: import('pinia').StoreDefinition<"@jnrs/lingshu-smart/app", Pick<{
-    currentCase: import('vue').Ref<ICase | null | undefined, ICase | null | undefined>;
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useAppStore.ts
+ * @Date   : 2026/03/20
+ * @Desc.  : 用于预览页面：当前方案状态
+ */
+import type { ICase, IContainer, ILayerOperating } from '@/types';
+export declare const useAppStore: import("pinia").StoreDefinition<"@jnrs/lingshu-smart/app", Pick<{
+    currentCase: import("vue").Ref<ICase | null | undefined, ICase | null | undefined>;
     initContainer: (options: IContainer, caseUuid: string) => void;
     resizeContainer: () => void;
     destroyContainer: () => void;
     operating: (data: ILayerOperating) => void;
 }, "currentCase">, Pick<{
-    currentCase: import('vue').Ref<ICase | null | undefined, ICase | null | undefined>;
+    currentCase: import("vue").Ref<ICase | null | undefined, ICase | null | undefined>;
     initContainer: (options: IContainer, caseUuid: string) => void;
     resizeContainer: () => void;
     destroyContainer: () => void;
     operating: (data: ILayerOperating) => void;
 }, never>, Pick<{
-    currentCase: import('vue').Ref<ICase | null | undefined, ICase | null | undefined>;
+    currentCase: import("vue").Ref<ICase | null | undefined, ICase | null | undefined>;
     initContainer: (options: IContainer, caseUuid: string) => void;
     resizeContainer: () => void;
     destroyContainer: () => void;
     operating: (data: ILayerOperating) => void;
-}, "initContainer" | "resizeContainer" | "destroyContainer" | "operating">>;
+}, "operating" | "initContainer" | "resizeContainer" | "destroyContainer">>;