@jnrs/lingshu-smart 2.2.8 → 2.2.9

package/dist/constants/options.js

@@ -1,55 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : options.ts
- * @Date   : 2026/01/21
- * @Desc.  : 编辑页面的初始值配置
- */
-/**
- * 新方案默认值
- */
-export const CASE_INIT = {
-    uuid: '',
-    title: '',
-    isActive: false,
-    layers: [],
-    scene: {
-        width: 1920,
-        height: 1080,
-        zoomType: 'fit',
-        fill: {
-            type: 'solid',
-            color: '#000',
-            opacity: 1,
-            stops: []
-        },
-        texture: ''
-    }
-};
-/**
- * 新图层默认值
- */
-export const DEFAULT_LAYER = {
-    rawData: {
-        id: ''
-    },
-    uuid: '',
-    equipmentName: '',
-    width: 0,
-    height: 0,
-    x: 0,
-    y: 0,
-    percentX: 0,
-    percentY: 0,
-    rotation: 0,
-    scale: 1,
-    zIndex: 1,
-    // 交互状态
-    visible: true,
-    clickable: true,
-    menuClickable: true,
-    draggable: false,
-    // 编辑状态
-    editable: true,
-    selected: false
-};

package/dist/controller/AppController.js

@@ -1,168 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : AppController.ts
- * @Date   : 2026/02/05
- * @Desc.  : 主画布、模型容器控制器
- */
-import { createModel } from '@/ui/factories/createModel';
-import { App, Box } from 'leafer';
-const INIT_TREE_CONFIG = {
-    width: window.innerWidth,
-    height: window.innerHeight,
-    fill: undefined,
-    zoomType: 'fit'
-};
-export class AppController {
-    app;
-    treeBoxUI = null; // 主容器
-    modelsMap; // 模型容器映射，key 为 uuid，value 为模型实例
-    businessMap; // 业务模型映射，key 为 `${className}_${businessId}`，value 为模型实例
-    appEditable; // 是否可编辑
-    actions; // 事件处理
-    constructor(options = {}) {
-        const { appDomId, autoStart = true, appEditable = false, actions = {} } = options;
-        this.appEditable = appEditable;
-        this.actions = actions;
-        this.app = new App({
-            view: appDomId || window,
-            start: autoStart,
-            ground: {},
-            tree: { type: appEditable ? 'design' : 'game' },
-            editor: appEditable ? {} : undefined,
-            maxFPS: 60,
-            fill: '#424242',
-            pointer: {
-                preventDefault: true,
-                preventDefaultMenu: true
-            }
-        });
-        const treeBoxUI = new Box({
-            ...INIT_TREE_CONFIG,
-            id: 'treeBoxUI',
-            stroke: appEditable ? { type: 'solid', color: 'rgb(242, 195, 79)' } : null
-        });
-        this.treeBoxUI = treeBoxUI;
-        this.app.tree.add(treeBoxUI);
-        this.modelsMap = new Map();
-        this.businessMap = new Map();
-        this.setZoom();
-    }
-    // 启动/重启引擎
-    start() {
-        this.app.start();
-    }
-    // 销毁引擎，默认采用异步销毁，不会立即执行
-    destroy() {
-        this.clearAll();
-        this.app.destroy();
-    }
-    // 控制视图的缩放
-    setZoom(zoomType = 'fit', duration = 0.5) {
-        requestAnimationFrame(() => {
-            if (zoomType === 'fit') {
-                const padding = this.appEditable ? [30, 10, 10, 30] : 0;
-                this.app.tree.zoom('fit', padding, false, duration);
-            }
-            else {
-                this.app.tree.zoom(zoomType, 0, false, duration);
-            }
-        });
-    }
-    // 修改 tree 配置，不传参数则重置为默认配置
-    setTree(data) {
-        if (data) {
-            this.treeBoxUI?.set({
-                width: data.width,
-                height: data.height,
-                fill: data.fill
-            });
-            this.setZoom(data.zoomType);
-        }
-        else {
-            this.setTree(INIT_TREE_CONFIG);
-            this.setZoom();
-        }
-    }
-    // tree 层查找元素，返回数组
-    findAll(condition) {
-        return this.treeBoxUI?.find(condition) || [];
-    }
-    // tree 层查找一个元素，返回匹配到的第一个元素
-    findOne(condition) {
-        return this.treeBoxUI?.findOne(condition);
-    }
-    // tree 层移除指定的子元素
-    removeOne(condition) {
-        this.treeBoxUI?.remove(condition);
-    }
-    // tree 层清空所有元素（移除 + 销毁）
-    clearAll() {
-        this.modelsMap.clear();
-        this.businessMap.clear();
-        this.treeBoxUI?.clear();
-    }
-    // 根据 uuid 移除模型
-    removeModelById(uuid) {
-        const model = this.modelsMap.get(uuid);
-        if (model) {
-            model.destroyUI();
-            this.modelsMap.delete(uuid);
-            const businessId = model.config.rawData?.id;
-            if (businessId) {
-                this.businessMap.delete(businessId);
-            }
-        }
-    }
-    // 根据类型和配置添加模型
-    addModel(modelConfig) {
-        const model = createModel(modelConfig);
-        // 存储模型绑定事件
-        if (this.actions) {
-            model.init().setEventHandler({
-                onTap: (layer, data) => {
-                    this.actions.onTap?.(layer, data);
-                },
-                onMenuTap: (layer, e) => {
-                    this.actions.onMenuTap?.(layer, e);
-                },
-                onDragEnd: (layer, e) => {
-                    this.actions.onDragEnd?.(layer, e);
-                }
-            });
-        }
-        // 添加到树
-        if (this.treeBoxUI && model.ui) {
-            this.treeBoxUI.add(model.ui);
-        }
-        const uuid = modelConfig.uuid;
-        const businessId = modelConfig.rawData?.id;
-        // 存储模型引用
-        if (uuid) {
-            this.modelsMap.set(uuid, model);
-        }
-        // 存储业务模型引用
-        if (businessId) {
-            this.businessMap.set(`${modelConfig.className}_${businessId}`, model);
-        }
-    }
-    // 移除并重新添加模型
-    rerenderModel(modelConfig) {
-        if (modelConfig.uuid) {
-            this.removeModelById(modelConfig.uuid);
-        }
-        this.addModel(modelConfig);
-    }
-    // 模型操作
-    operating(data) {
-        const layer = this.businessMap.get(`${data.className}_${data.id}`);
-        if (!layer) {
-            console.warn('模型操作失败: 模型未匹配到', {
-                className: data.className,
-                id: data.id
-            });
-            return;
-        }
-        layer.handleOperation(data);
-    }
-}

package/dist/controller/EditorController.js

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

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

package/dist/locales/i18next.js

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

package/dist/locales/zhCn.js

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

package/dist/main.js

@@ -1,13 +0,0 @@
-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.js

@@ -1,57 +0,0 @@
-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 {};