@cicctencent/low-code-simulate-base 0.0.0-stage → 1.1.9-beta.5

package/dist/domain/BaseProjectDomain.js

@@ -0,0 +1,1305 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { getImageUrls, getSchemaConfigByValue } from '../utils';
+import { getObjectPath } from '../utils/transform';
+import { ComponentType } from '@jt/low-code-core';
+import { navTreeKey, componentTreeKey } from '../domain/ProjectDomain';
+import { cloneDeep, get, isEqual, set, toPlainObject, merge, isEmpty, log, } from '@jt/ark-util';
+import { decodeContent } from 'jm-jsruntime';
+import { getSchemaObjectAttribute } from '../utils';
+import { tipIcon } from '../utils/base64';
+import { transform } from '../utils/transform';
+import ComponentManager from './ComponentManager';
+var logTag = '[low-code-preview BaseProjectDomain]';
+var logInfo = log(logTag);
+import ProjectDomain from '../domain/ProjectDomain';
+var statusOptions = {
+    0: '编辑中',
+    1: '已发布',
+    2: '已下线',
+    3: '审核中',
+    4: '发布失败',
+};
+/**
+ * @public
+ */
+var BaseProjectDomain = /** @class */ (function (_super) {
+    __extends(BaseProjectDomain, _super);
+    /**
+    *  @public
+    */
+    function BaseProjectDomain(state) {
+        var _this = _super.call(this) || this;
+        /**
+         * @public
+         */
+        _this.staticPath = 'components.0.list';
+        /**
+         * @public
+         */
+        _this.currentPageIndex = 0; // 当前编辑页面索引
+        /**
+         * @public
+         */
+        _this.currentComponentPath = ''; // 当前编辑组件索引路径
+        // generateComponentPath(id: number): string {
+        //     const index = this.components.findIndex(item=>item.componentId === id);
+        //     const paths =  index !== -1 ? `0.components.0.list.${index}` : ''
+        //     return paths;
+        // }
+        /**
+         * @public
+         */
+        _this.Id2ComponentPathMap = {};
+        _this.state = state;
+        // this.basePath = state.basePath || this.basePath;
+        _this.cManager = ComponentManager.getInstance(state.componentConfigs);
+        _this.setProject(state.project);
+        return _this;
+    }
+    Object.defineProperty(BaseProjectDomain.prototype, "config", {
+        /**
+         *  @public
+         *  获取配置
+         */
+        get: function () {
+            var _a = this, navTreeData = _a.navTreeData, componentTreeData = _a.componentTreeData, schemaData = _a.schemaData, functionData = _a.functionData;
+            return {
+                navTreeData: {
+                    key: navTreeKey,
+                    value: navTreeData,
+                },
+                componentTreeData: {
+                    key: componentTreeKey,
+                    value: componentTreeData,
+                },
+                functionData: functionData,
+                schemaData: schemaData,
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "basePath", {
+        /**
+         *  @public
+         */
+        get: function () {
+            return "".concat(this.currentPageIndex, ".").concat(this.staticPath);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * 根据id在pages中找到组件 生成componentPath
+     * @param id - 组件ID
+     * @returns 组件路径
+     * @example
+     * const pages = [{components:[{list:[{componentId:1}]}]}];
+     * const componentId = 1;
+     * generateComponentPath(componentId)
+     * // => 0.components.0.list.0
+     */
+    /**
+   * @public
+   */
+    BaseProjectDomain.prototype.generateComponentPath = function (id, pageIndex) {
+        var componentPath = this.Id2ComponentPathMap[id];
+        if (componentPath) {
+            // 由于组件位置可能变化，所以这里要确认一下
+            var component = this.pathToData(componentPath);
+            if (component && component.componentId === id) {
+                return componentPath;
+            }
+        }
+        var paths = pageIndex !== undefined ? [pageIndex, this.staticPath] : [this.basePath];
+        var findComponent = function (list) {
+            for (var i in list) {
+                var item = list[i];
+                if (item.componentId === id) {
+                    paths.push(i);
+                    return true;
+                }
+                else if (item.children && item.children.length) {
+                    paths.push(i, 'children');
+                    if (findComponent(item.children)) {
+                        return true;
+                    }
+                    // 未找到 删除最后两个
+                    paths.splice(-2, 2);
+                }
+                //  else if (item.slot) {
+                //   const keys = Object.keys(item.slot);
+                //   if(keys.length){
+                //     for(let key of keys){
+                //       if (item.slot[key]?.componentId === id) {
+                //         paths.push(i, 'slot', key);
+                //         return true;
+                //       }
+                //     }
+                //   }
+                // }
+            }
+        };
+        if (findComponent(this.components)) {
+            componentPath = paths.join('.');
+            this.Id2ComponentPathMap[id] = componentPath;
+            return componentPath;
+        }
+        return '';
+    };
+    /**
+     * @public
+     * 获取父组件数据
+     * @param childPath - 子组件路径
+     * @returns 父组件数据
+     */
+    BaseProjectDomain.prototype.getParent = function (childPath) {
+        childPath = childPath || this.currentComponentPath;
+        if (childPath) {
+            var parentComponentPath = this.getIndexByKey(childPath).parentComponentPath;
+            if (parentComponentPath) {
+                return this.pathToData(parentComponentPath);
+            }
+        }
+        return null;
+    };
+    /**
+     * @public
+     * 更新数据
+     * @param oldProject - 旧Project
+     * @returns true 新增记录  false 更新记录
+     */
+    BaseProjectDomain.prototype.needUpdateHistory = function (oldProject) {
+        var _a, _b;
+        var projectData = oldProject.projectData;
+        var currentComponentPath = oldProject.currentComponentPath;
+        if (!projectData || !currentComponentPath) {
+            return false;
+        }
+        if (!currentComponentPath.includes('.')) {
+            // 如果，当前导航在页面上
+            // 新增页面兼容处理，页面配置formData初始为空，新增页面会设置默认值
+            var pageMeta = (_a = projectData === null || projectData === void 0 ? void 0 : projectData.pages[0]) === null || _a === void 0 ? void 0 : _a.pageMeta;
+            if (isEmpty(pageMeta)) {
+                Object.assign(pageMeta, this.pageMeta);
+                return true;
+            }
+        }
+        if ((_b = this === null || this === void 0 ? void 0 : this.currentComponent) === null || _b === void 0 ? void 0 : _b.immobile) {
+            var parentComponentPath = this.getIndexByKey(this.currentComponentPath).parentComponentPath;
+            currentComponentPath = parentComponentPath;
+        }
+        var oldComponentData = this.pathToData(currentComponentPath, projectData.pages);
+        if (!(oldComponentData)) {
+            return false;
+        }
+        var newComponentData = this.pathToData(currentComponentPath);
+        // 点击新增组件先click新增历史记录，后form表单更新set新增历史记录
+        // 如果新组件的formData路径比旧的多于1个（1个可能是修改了值）则表示点击新增组件还没有到表单更新默认值
+        // 同时currentComponent有值，表示是表单更新设置值
+        if (isEqual(oldComponentData, newComponentData) || getObjectPath(oldComponentData.formData).length < getObjectPath(newComponentData === null || newComponentData === void 0 ? void 0 : newComponentData.formData).length - 1) {
+            Object.assign(oldComponentData, newComponentData);
+            return true;
+        }
+        return false;
+    };
+    /**
+     * @public
+     * 根据组件路径获取组件位置、组件所在列表路径、组件父组件路径以及组件数据
+     * @param path - 组件路径
+     * @returns
+     * @example
+     */
+    BaseProjectDomain.prototype.getIndexByKey = function (path) {
+        var paths = path ? path.split('.') : [];
+        var hasContainer = path.includes('children');
+        return {
+            index: path ? +paths.slice(-1) : -1,
+            pageIndex: path ? +paths.slice(0, 1) : -1,
+            componentListPath: hasContainer
+                ? paths.slice(0, -1).join('.')
+                : this.basePath,
+            parentComponentPath: hasContainer ? paths.slice(0, -2).join('.') : null,
+            component: this.pathToData(path),
+        };
+    };
+    /**
+     * @public
+     * 判断是否符合插入容器组件的条件
+     * @param child - 子容器组件配置
+     * @param container - 容器组件数据
+     * @returns
+     * @example
+     */
+    BaseProjectDomain.prototype.canInsertContainer = function (child, container) {
+        var _a, _b;
+        var insertConfig = container.insertConfig || this.cManager.get(container.name).insertConfig;
+        var errorMessage = '';
+        var context = { componentName: child.title };
+        if (!(insertConfig === null || insertConfig === void 0 ? void 0 : insertConfig.allowList)) {
+            return true;
+        }
+        // 判断该组件是否在允许拖入容器的组件范围
+        if (!((_a = insertConfig === null || insertConfig === void 0 ? void 0 : insertConfig.allowList) === null || _a === void 0 ? void 0 : _a.includes(child.name))) {
+            errorMessage = decodeContent(insertConfig === null || insertConfig === void 0 ? void 0 : insertConfig.allowErrorMessage, {
+                params: context,
+            });
+        }
+        // 判断该组件是否在单独占据容器的组件范围
+        if (insertConfig === null || insertConfig === void 0 ? void 0 : insertConfig.aloneList.includes(child.name)) {
+            // 判断容器内是否存在组件
+            if ((_b = container === null || container === void 0 ? void 0 : container.children) === null || _b === void 0 ? void 0 : _b.length) {
+                errorMessage = decodeContent(insertConfig.aloneErrorMessage, {
+                    params: context,
+                });
+            }
+        }
+        else {
+            // 判断容器内是否存在单独占据容器的组件
+            var aloneComponent = container.children.find(function (c) {
+                return insertConfig === null || insertConfig === void 0 ? void 0 : insertConfig.aloneList.includes(c.name);
+            });
+            if (aloneComponent) {
+                errorMessage = decodeContent(insertConfig === null || insertConfig === void 0 ? void 0 : insertConfig.aloneErrorMessage, {
+                    params: { componentName: aloneComponent.title },
+                });
+            }
+        }
+        if (errorMessage) {
+            this.publishEditor('action', toPlainObject({
+                key: 'error',
+                value: errorMessage,
+            }));
+            return false;
+        }
+        return true;
+    };
+    /**
+     * @public
+     * @param name - 组件名
+     * @param data - 数据
+     */
+    BaseProjectDomain.prototype.action = function (name, data) {
+        try {
+            console.log('action:', name, data);
+            if ('componentListSplice' === name) {
+                this.componentListSplice(data.insertIndex, data.deleteNum, 
+                // 不需要this.cManager.copy, 管理端复制的时候已经设置
+                data.component, data.componentListPath);
+                // 因为maxId不一样了,需要重新init
+                this.cManager.initComponens(this.components);
+            }
+        }
+        catch (error) {
+            console.log('action error:', error);
+        }
+    };
+    Object.defineProperty(BaseProjectDomain.prototype, "title", {
+        /**
+         * @public
+         */
+        get: function () {
+            var _a = this.state.project || {}, categoryName = _a.categoryName, projectName = _a.projectName;
+            return (categoryName ? "".concat(categoryName, "/") : '') + projectName || '';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "isNoLogin", {
+        /**
+       * @public
+       */
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.state.project) === null || _a === void 0 ? void 0 : _a.isNoLogin) !== null && _b !== void 0 ? _b : false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "pages", {
+        /**
+         * @public
+         */
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this.state.project) === null || _a === void 0 ? void 0 : _a.pages) !== null && _b !== void 0 ? _b : [];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "components", {
+        /**
+         * @public
+         */
+        get: function () {
+            var _a, _b, _c, _d, _e;
+            return (_e = (_d = (_c = (_b = (_a = this.pages) === null || _a === void 0 ? void 0 : _a[this.currentPageIndex]) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.list) !== null && _e !== void 0 ? _e : [];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "componentsWithConfig", {
+        /**
+       * @public
+       * 含包含config的数据
+       */
+        get: function () {
+            var _this = this;
+            var joinConfig = function (c) {
+                var _a;
+                var comp = cloneDeep(__assign(__assign({}, _this.cManager.get(c.name)), c));
+                if ((_a = comp.children) === null || _a === void 0 ? void 0 : _a.length) {
+                    comp.children = comp.children.map(joinConfig);
+                }
+                return comp;
+            };
+            return this.components.map(joinConfig);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "pageMeta", {
+        /**
+         *  @public
+         */
+        get: function () {
+            var _a, _b, _c, _d;
+            return (_d = (_c = (_b = (_a = this.state.project) === null || _a === void 0 ? void 0 : _a.pages) === null || _b === void 0 ? void 0 : _b[this.currentPageIndex]) === null || _c === void 0 ? void 0 : _c.pageMeta) !== null && _d !== void 0 ? _d : {};
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "currentComponent", {
+        //ComponentItem
+        /**
+        *  @public
+        */
+        get: function () {
+            return this.currentComponentPath
+                ? this.pathToData(this.currentComponentPath)
+                : null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "navTreeData", {
+        /**
+        *  @public
+        *  获取导航树数据
+        */
+        get: function () {
+            var _this = this;
+            var _a;
+            var navTreeData = [];
+            // 根据path确定激活的组件
+            var activatedComponentId = (_a = this.currentComponent) === null || _a === void 0 ? void 0 : _a.componentId;
+            var buildOptions = function (list) {
+                var treeData = [];
+                list.forEach(function (c, index) {
+                    var name = c.name;
+                    var schema = _this.cManager.get(name);
+                    var path = _this.generateComponentPath(c.componentId);
+                    var title = c.title || schema.title;
+                    if (schema.immobile) {
+                        title = schema.title + (index + 1);
+                    }
+                    var tree = {
+                        title: title,
+                        // path是对应组件数据的路径 可以用dot-object包映射到对应的组件数据
+                        key: {
+                            module: 'navTree',
+                            action: 'activate',
+                            component: name,
+                            path: path,
+                        },
+                        type: c.type,
+                        icon: c.icon || schema.icon,
+                        immobile: schema.immobile,
+                        // 当前激活的组件activity为true
+                        activity: c.componentId === activatedComponentId ? true : false,
+                        componentId: c.componentId, // 导航树需要显示组件ID
+                    };
+                    if (!schema.immobile) {
+                        tree.rightIcon = {
+                            icon: 'Delete',
+                            key: {
+                                module: 'menu',
+                                action: 'componentDeleteWithConfirm',
+                                component: name,
+                                path: path,
+                            },
+                        };
+                    }
+                    // 如果组件数据有children
+                    if (c.children && c.children.length) {
+                        tree.children = buildOptions(c.children);
+                    }
+                    treeData.push(tree);
+                });
+                return treeData;
+            };
+            // 没有添加组件时 默认返回空树 有组件时生成组件树
+            if (this.state.project.pages) {
+                this.state.project.pages.forEach(function (page, idx) {
+                    var path = idx + '';
+                    var tree = {
+                        title: page.title || '页面内容',
+                        key: { module: 'navTree', action: 'activate', path: path },
+                        icon: '', // TODO:
+                        activity: _this.currentComponentPath === path && _this.currentPageIndex === idx
+                            ? true
+                            : false,
+                    };
+                    tree.children = buildOptions(page.components[0].list);
+                    navTreeData.push(tree);
+                });
+            }
+            return navTreeData;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "schemaData", {
+        /**
+         * @public
+         * 获取当前配置表单数据
+         */
+        get: function () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            if (!this.state.project.pages) {
+                // 未初始化
+                return {};
+            }
+            // 若为免登录 过滤事件和中间件
+            var filterEvents = function (eventConfig) {
+                Object.keys(eventConfig !== null && eventConfig !== void 0 ? eventConfig : {}).forEach(function (key) {
+                    // 过滤掉isNoLogin为false的情况 如果事件和中间件没增加免登录配置 则isNoLogin默认为false！！
+                    try {
+                        if (key === 'handler' && eventConfig[key]) {
+                            eventConfig[key].properties.name.enum = eventConfig[key].properties.name.enum.filter(function (item) { return item.isNoLogin; });
+                        }
+                        else if (key === 'middlewares' && eventConfig[key]) {
+                            eventConfig[key].items.properties.name.enum = eventConfig[key].items.properties.name.enum.filter(function (it) { return it.isNoLogin; });
+                        }
+                    }
+                    catch (error) {
+                        console.log('schemaData', error);
+                    }
+                });
+            };
+            // 没有选中组件或选中组件不存在 默认返回页面表单数据
+            if (!((_a = this.pathToData(this.currentComponentPath)) === null || _a === void 0 ? void 0 : _a.componentId)) {
+                var schemaConfig_1 = cloneDeep(this.state.pageConfig);
+                if (this.isNoLogin) {
+                    var eventConfig = getSchemaObjectAttribute(schemaConfig_1, 'event');
+                    if (eventConfig)
+                        filterEvents(eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.properties);
+                }
+                return {
+                    key: {
+                        module: 'schema',
+                        action: 'setPathDataWithValidate',
+                        path: this.currentPageIndex + '.pageMeta',
+                    },
+                    title: '页面信息',
+                    schema: schemaConfig_1,
+                    data: cloneDeep(this.pageMeta),
+                };
+            }
+            // 选中组件 返回对应组件表单数据 -> 根据path找到组件
+            var component = this.currentComponent;
+            //为自创建组件，则用父组件的配置项
+            if (component.immobile) {
+                var parentComponent = this.getParent();
+                if (parentComponent) {
+                    component = parentComponent;
+                }
+            }
+            var componentSchema = this.cManager.get(component === null || component === void 0 ? void 0 : component.name);
+            if (!componentSchema)
+                return {};
+            var schemaConfig = cloneDeep(componentSchema.config);
+            if (this.isNoLogin) {
+                var eventConfig = getSchemaObjectAttribute(schemaConfig, 'event');
+                if (eventConfig) {
+                    filterEvents((_d = (_c = (_b = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.properties) === null || _b === void 0 ? void 0 : _b.list) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.properties);
+                }
+                // 热区
+                var hotAreaConfig = getSchemaObjectAttribute(schemaConfig, 'hotArea');
+                if (hotAreaConfig) {
+                    filterEvents((_j = (_h = (_g = (_f = (_e = hotAreaConfig === null || hotAreaConfig === void 0 ? void 0 : hotAreaConfig['ui:options']) === null || _e === void 0 ? void 0 : _e.event) === null || _f === void 0 ? void 0 : _f.properties) === null || _g === void 0 ? void 0 : _g.list) === null || _h === void 0 ? void 0 : _h.items) === null || _j === void 0 ? void 0 : _j.properties);
+                }
+                // 如果当前非免登录组件被隐藏了 右侧区域的配置为空
+                // if (!component.isNoLogin) return {};
+            }
+            // 替换配置中的占位词
+            schemaConfig = transform(schemaConfig, this.getFlagWordMap());
+            return {
+                key: {
+                    module: 'schema',
+                    action: 'setPathDataWithValidate',
+                    component: component.name,
+                    path: this.generateComponentPath(component.componentId) + '.formData',
+                },
+                title: '基础配置',
+                schema: schemaConfig,
+                data: cloneDeep(component === null || component === void 0 ? void 0 : component.formData),
+                componentId: component === null || component === void 0 ? void 0 : component.componentId,
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "componentTreeData", {
+        /**
+         * @public
+         * 获取组件树数据
+         */
+        get: function () {
+            var _this = this;
+            var componentTree = [];
+            var buildTree = function (groupList, trees) {
+                groupList.forEach(function (v, i) {
+                    trees.push({
+                        title: v.name,
+                        list: [],
+                    });
+                    if (v.children) {
+                        buildTree(v.children, trees[i].list);
+                    }
+                    else {
+                        trees[i].list = __spreadArray([], __read(_this.state.componentConfigs
+                            .filter(function (c) {
+                            return c.group === v.name &&
+                                (!_this.isNoLogin || (_this.isNoLogin && c.isNoLogin)) &&
+                                !c.invalid;
+                        })
+                            .map(function (c) { return ({
+                            title: c.title,
+                            icon: c.icon,
+                            name: c.name,
+                            type: c.type,
+                            isNoLogin: c.isNoLogin,
+                            guideConfig: (c === null || c === void 0 ? void 0 : c.guideConfig) || {},
+                            key: {
+                                module: 'componentTree',
+                                action: 'componentInsert',
+                                component: c.name,
+                            },
+                        }); })), false);
+                    }
+                });
+            };
+            buildTree(this.state.groupConfig, componentTree);
+            return componentTree;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseProjectDomain.prototype, "menuData", {
+        /**
+         * @public
+         * 获取右键菜单数据 没有考虑有容器组件的情况
+         */
+        get: function () {
+            var _this = this;
+            if (!this.currentComponentPath) {
+                return [];
+            }
+            var component = this.currentComponent;
+            //为自创建组件，不展示右键菜单
+            if (component.immobile) {
+                return [];
+            }
+            var key = function (action) { return ({
+                module: 'menu',
+                action: action,
+                component: component === null || component === void 0 ? void 0 : component.name,
+                path: _this.currentComponentPath,
+            }); };
+            var menus = [
+                {
+                    key: key('setPathData'),
+                    title: '重命名',
+                    color: '#666666',
+                },
+                {
+                    key: key('componentCopy'),
+                    title: '复制组件',
+                    color: '#666666',
+                },
+                {
+                    key: key('componentDeleteWithConfirm'),
+                    title: '删除组件',
+                    color: '#c16e6c',
+                },
+            ];
+            var _a = this.getIndexByKey(this.currentComponentPath), index = _a.index, componentListPath = _a.componentListPath;
+            var length = get(this.pages, componentListPath).length;
+            if (length > 1) {
+                if (index != 0) {
+                    menus.push({
+                        key: key('componentMoveUp'),
+                        title: '组件上移',
+                        color: '#666666',
+                    });
+                }
+                if (index != length - 1) {
+                    menus.push({
+                        key: key('componentMoveDown'),
+                        title: '组件下移',
+                        color: '#666666',
+                    });
+                }
+            }
+            // 单图片组件添加一个上传图片的icon菜单放在第一位
+            if (component.name === 'ComponentImage') {
+                menus.unshift({
+                    key: key('componentImageOpen'),
+                    title: '上传图片',
+                    color: '#666666',
+                });
+            }
+            return menus;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * @public
+     * 生成占位词对应的真实数据
+     * @param index - 校验时需要传入的组件位置
+     * @returns
+     */
+    // 所有组件的选择器选项（不包括当前组件）
+    BaseProjectDomain.prototype.getComponentSelectors = function (index) {
+        var _this = this;
+        return this.components
+            .filter(function (cc, i) {
+            var _a, _b;
+            return (index !== undefined
+                ? index !== i
+                : cc.componentId !== ((_a = _this.currentComponent) === null || _a === void 0 ? void 0 : _a.componentId)) ||
+                !((_b = _this.cManager.get(cc.name)) === null || _b === void 0 ? void 0 : _b.unlinkable);
+        })
+            .map(function (c) { return ({ label: c.title, value: "".concat(c.name, "-").concat(c.componentId) }); });
+    };
+    /**
+     *  @public
+     * 当前组件之后的选择器选项（不包括当前组件）
+     * @param index - 下标
+     * @returns
+     */
+    BaseProjectDomain.prototype.getAfterComponentSelectors = function (index) {
+        var _this = this;
+        var currentIndex = index !== undefined
+            ? index
+            : this.components.findIndex(function (c) { var _a; return c.componentId === ((_a = _this.currentComponent) === null || _a === void 0 ? void 0 : _a.componentId); });
+        // 若未找到当前组件或者当前组件是最后一个组件 则返回空数组
+        if (currentIndex === -1 || currentIndex === this.components.length - 1)
+            return [];
+        var availableComponents = this.components.slice(currentIndex + 1);
+        return availableComponents
+            .filter(function (cc) { var _a; return !((_a = _this.cManager.get(cc.name)) === null || _a === void 0 ? void 0 : _a.unlinkable); })
+            .map(function (c) { return ({ label: c.title, value: "".concat(c.name, "-").concat(c.componentId) }); });
+    };
+    /**
+     * @public
+     * 占位词映射表
+     * @param index - 下标
+     * @returns
+     */
+    BaseProjectDomain.prototype.getFlagWordMap = function (index) {
+        var _a, _b, _c, _d;
+        return {
+            $componentSelectors: this.getComponentSelectors(index),
+            $afterComponentSelectors: this.getAfterComponentSelectors(index),
+            $componentId: ((_a = this.currentComponent) === null || _a === void 0 ? void 0 : _a.componentId) || ((_b = this.components[index]) === null || _b === void 0 ? void 0 : _b.componentId),
+            $componentName: ((_c = this.currentComponent) === null || _c === void 0 ? void 0 : _c.name) || ((_d = this.components[index]) === null || _d === void 0 ? void 0 : _d.name),
+            $components: this.components
+        };
+    };
+    /**
+     * @public
+     * 激活导航树
+     * @param key - 组件LowCodeKey
+     */
+    BaseProjectDomain.prototype.activate = function (key) {
+        // 设置索引
+        this.currentComponentPath = key.path;
+    };
+    /**
+     * @public
+     * 生成编辑器删除操作二次确认弹出框所需的数据
+     * @param key - 组件LowCodeKey
+     * @returns
+     */
+    BaseProjectDomain.prototype.componentDeleteWithConfirm = function (key) {
+        if (!key.path) {
+            return;
+        }
+        var component = this.pathToData(key.path);
+        var value = {
+            type: 'warning',
+            title: '提示',
+            schema: {
+                type: 'object',
+                properties: {
+                    text: {
+                        type: 'string',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'PreviewText.Input',
+                        default: "\u662F\u5426\u5220\u9664\u7EC4\u4EF6: ".concat(component.title),
+                    },
+                },
+            },
+            confirmButton: {
+                text: '确认',
+                key: {
+                    module: 'menu',
+                    component: component.name,
+                    action: 'componentDelete',
+                    path: key.path,
+                },
+            },
+            cancelButton: {
+                text: '取消',
+            },
+        };
+        this.publishEditor('action', toPlainObject({ key: 'confirm', value: value }));
+    };
+    /**
+     * @public
+     * 组件列表元素处理
+     * @param start - 组件插入的位置
+     * @param deleteNum - 删除的组件个数
+     * @param item - 组件数据
+     * @param componentListPath - 组件所在列表的路径
+     * @returns
+     * @example
+     */
+    BaseProjectDomain.prototype.componentListSplice = function (start, deleteNum, item, componentListPath) {
+        var components = componentListPath
+            ? get(this.pages, componentListPath)
+            : this.components;
+        // 插入操作
+        if (deleteNum === 0 && componentListPath && /\.children$/.test(componentListPath)) {
+            // 容器组件
+            if (!this.canInsertContainer(item, this.pathToData(componentListPath.replace(/\.children$/, ''))))
+                return;
+        }
+        var deleteList = [];
+        if (item) {
+            deleteList = components.splice(start, deleteNum, this.cManager.buildItemData(item));
+            this.currentComponentPath = componentListPath
+                ? "".concat(componentListPath, ".").concat(start)
+                : "".concat(this.basePath, ".").concat(start);
+        }
+        else {
+            deleteList = components.splice(start, deleteNum);
+        }
+        return deleteList;
+    };
+    /**
+     * @public
+     * 移动组件到某个位置
+     * @param originPath - 原路径
+     * @param newPath - 目标路径
+     * @example
+     * moveTo('0.components.0.list.0', '0.components.0.list.1')
+     **/
+    BaseProjectDomain.prototype.moveTo = function (originPath, newPath) {
+        var _a;
+        console.log('moveTo', originPath, newPath);
+        var originPathMap = this.getIndexByKey(originPath);
+        var newPathhMap = this.getIndexByKey(newPath);
+        if (newPathhMap.component && ((_a = newPathhMap.component) === null || _a === void 0 ? void 0 : _a.immobile)) {
+            // newPath = '0.components.0.list.0.children.0' 的场景 
+            // 避免插在tab容器中间
+            if (newPathhMap.component.type === ComponentType.Container) {
+                newPathhMap = this.getIndexByKey(newPath + '.children.0');
+            }
+            else {
+                newPathhMap = this.getIndexByKey(newPath.replace('\.children.\d+$', ''));
+            }
+        }
+        var targetParentPath = newPathhMap.parentComponentPath;
+        var component = originPathMap.component;
+        var container;
+        console.log('newPath', newPath, targetParentPath);
+        if (targetParentPath) {
+            container = this.getIndexByKey(targetParentPath).component;
+            if (container && !this.canInsertContainer(component, container)) {
+                this.publishEditor('action', toPlainObject({ key: 'forceUpdate' }));
+                return;
+            }
+        }
+        // 删除被移动的组件（必须是先删除再插入，不然可能导致混乱。）
+        this.componentListSplice(originPathMap.index, 1, undefined, originPathMap.componentListPath);
+        var afterMoveComponentListPath = newPathhMap.componentListPath;
+        // 删除后可能导致路径发生变化，需重新计算目标路径
+        // 重新获取组件路径
+        if (container) {
+            // 插入到容器中
+            var afterMoveComponentPath = this.generateComponentPath(container.componentId);
+            afterMoveComponentListPath = "".concat(afterMoveComponentPath, ".children");
+        }
+        // 在新组件列表中插入被移动的组件
+        this.componentListSplice(newPathhMap.index, 0, component, afterMoveComponentListPath);
+        console.log(this.components);
+    };
+    /**
+     * @public
+     * 删除组件
+     * @param key - 组件LowCodeKey
+     * @returns
+     */
+    BaseProjectDomain.prototype.componentDelete = function (key) {
+        var _this = this;
+        if (!(key === null || key === void 0 ? void 0 : key.path)) {
+            return;
+        }
+        var _a = this.getIndexByKey(key.path), index = _a.index, componentListPath = _a.componentListPath, component = _a.component;
+        if (index === -1)
+            return;
+        // 清除当前索引
+        this.currentComponentPath = '';
+        this.componentListSplice(index, 1, undefined, componentListPath);
+        // 若计数为0则重新计数 只针对有单独配置的对象
+        var recount = function (component) {
+            _this.cManager.delete(component.name);
+            (component.children || []).forEach(function (c) { return recount(c); });
+        };
+        recount(component);
+    };
+    /**
+     * @public
+     * 复制组件
+     * @param key - 组件LowCodeKey
+     * @returns
+     */
+    BaseProjectDomain.prototype.componentCopy = function (key) {
+        if (!(key === null || key === void 0 ? void 0 : key.path)) {
+            return;
+        }
+        var _a = this.getIndexByKey(key.path), index = _a.index, componentListPath = _a.componentListPath, component = _a.component;
+        if (index === -1)
+            return;
+        var componentConfig = this.cManager.get(component.name);
+        // 是否走自定义拷贝
+        if (componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.customCopy) {
+            this.publishEditor('message', {
+                type: 'copy',
+                data: {
+                    component: component,
+                    newId: this.cManager.getImxId() + 1,
+                    componentListPath: componentListPath,
+                    insertIndex: index + 1,
+                    deleteCount: 0,
+                },
+            });
+        }
+        else {
+            this.componentListSplice(index + 1, 0, this.cManager.copy(component), componentListPath);
+        }
+    };
+    /**
+     * @public
+     * 拖动组件
+     * @param key - 组件LowCodeKey
+     * @param value - 数据
+     */
+    BaseProjectDomain.prototype.componentDrag = function (key, value) {
+        var _a;
+        var elements = document.elementsFromPoint(value.x, value.y);
+        // 找到坐标落在里面的最近的那个组件
+        var element = elements.find(
+        // @ts-ignore
+        function (el) { var _a; return el.dataset.id && ((_a = el.dataset) === null || _a === void 0 ? void 0 : _a.component); });
+        var component = this.cManager.get(value.name);
+        var start = 0;
+        var componentListPath = '';
+        if (element) {
+            var targetComponentId = +(((_a = element === null || element === void 0 ? void 0 : element.dataset) === null || _a === void 0 ? void 0 : _a.id) || 0);
+            var targetComponentPath = this.generateComponentPath(targetComponentId);
+            var targetComponent = this.pathToData(targetComponentPath);
+            // 容器组件
+            if (targetComponent.type === ComponentType.Container) {
+                componentListPath = "".concat(targetComponentPath, ".children");
+            }
+            // 非容器组件
+            else {
+                var rect = element.getBoundingClientRect();
+                var _b = this.getIndexByKey(targetComponentPath), path = _b.componentListPath, index = _b.index;
+                componentListPath = path;
+                // 判断坐标在该组件的上半部分还是下半部分
+                start = value.y < rect.top + rect.height / 2 ? index : index + 1;
+            }
+        }
+        else {
+            // 页面
+            start = this.components.length;
+        }
+        this.componentListSplice(start, 0, component, componentListPath);
+    };
+    /**
+     * @public
+     * 点击时插入组件 直接插到模拟器最后
+     * @param key - 组件LowCodeKey
+     * @returns
+     */
+    BaseProjectDomain.prototype.componentInsert = function (key) {
+        var _a;
+        if (!key.component) {
+            return;
+        }
+        var length = this.components.length;
+        var listPath = undefined;
+        var component = this.cManager.get(key.component);
+        if (this.currentComponent) {
+            var currentComponentConfig = this.cManager.get(this.currentComponent.name);
+            if (currentComponentConfig.immobile) {
+                if (currentComponentConfig.type === ComponentType.Container) {
+                    listPath = this.currentComponentPath + '.children';
+                    // 选择了容器，则插在容器内部
+                    length = (_a = this.pathToData(listPath)) === null || _a === void 0 ? void 0 : _a.length;
+                }
+            }
+            else {
+                listPath = this.currentComponentPath.replace(/\.\d+$/, '');
+                // 插在当前选择的组件后面
+                length = (parseInt(this.currentComponentPath.substring(listPath.length + 1)) || 0) + 1;
+            }
+        }
+        this.componentListSplice(length, 0, component, listPath);
+    };
+    /**
+     * @public
+     * 组件上移
+     * @param key - 组件LowCodeKey
+     * @returns
+     */
+    BaseProjectDomain.prototype.componentMoveUp = function (key) {
+        if (!key.path) {
+            return;
+        }
+        var _a = this.getIndexByKey(key.path), index = _a.index, componentListPath = _a.componentListPath;
+        this.moveTo(key.path, componentListPath + '.' + Math.max(index - 1, 0));
+    };
+    /**
+     * @public
+     * 组件下移
+     * @param key - 组件LowCodeKey
+     * @returns
+     */
+    BaseProjectDomain.prototype.componentMoveDown = function (key) {
+        if (!key.path) {
+            return;
+        }
+        var _a = this.getIndexByKey(key.path), index = _a.index, componentListPath = _a.componentListPath;
+        var afterMoveIndex = Math.min(index + 1, get(this.pages, componentListPath).length - 1);
+        this.moveTo(key.path, componentListPath + '.' + afterMoveIndex);
+    };
+    /**
+    * @public
+    * 打开图片上传
+    * @param key - 组件LowCodeKey
+    * @returns
+    */
+    BaseProjectDomain.prototype.componentImageOpen = function (key) {
+        if (!key.path) {
+            return;
+        }
+        var _a = this.getIndexByKey(key.path), index = _a.index, componentListPath = _a.componentListPath, component = _a.component;
+        console.log('打开图片组件：', component);
+        if (index === -1)
+            return;
+        // 打开云组件进行上传图片
+        this.publishEditor('message', {
+            type: 'openUpload',
+            data: {
+                field: {}
+            },
+        });
+    };
+    /**
+     * @public
+     * 修改表单更新项目数据
+     * @param path - 路径
+     * @param value - 值
+     */
+    BaseProjectDomain.prototype.setPathDataWithValidate = function (path, value) {
+        var _this = this;
+        var _a, _b;
+        var data = this.setPathData(path, value);
+        console.log('setPathDataWithValidate', data);
+        // TODO 挪走
+        // 先更新模拟器
+        this.publishPreview('updateProject', this);
+        // 校验图片
+        var imgUrls = [];
+        getImageUrls({
+            // TODO 这里没考虑到页面配置的情况
+            data: (_b = (_a = this.currentComponent) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.props,
+            path: [],
+            result: imgUrls,
+        });
+        imgUrls.forEach(function (imgItem) {
+            var _a, _b, _c, _d;
+            // 通过某个值获取对应属性的配置
+            var config = getSchemaConfigByValue((_a = _this.cManager.get(_this.currentComponent.name)) === null || _a === void 0 ? void 0 : _a.config, (_b = _this.currentComponent) === null || _b === void 0 ? void 0 : _b.formData, imgItem === null || imgItem === void 0 ? void 0 : imgItem.url);
+            if (config && ((_d = (_c = config['x-validator']) === null || _c === void 0 ? void 0 : _c.upload) === null || _d === void 0 ? void 0 : _d.expectWidth)) {
+                //不存在expectWidth 不需要模拟器校验
+                return;
+            }
+            _this.publishPreview('validateImage', imgItem === null || imgItem === void 0 ? void 0 : imgItem.url, function (result) {
+                var res = _this.validateImage(result, imgItem === null || imgItem === void 0 ? void 0 : imgItem.path, imgItem === null || imgItem === void 0 ? void 0 : imgItem.url);
+                if (res) {
+                    _this.publishEditor('action', toPlainObject({ key: 'doubleImage', value: res }));
+                    _this.publishPreview('updateProject', _this);
+                    _this.publishEditor('update', true);
+                }
+            });
+        });
+    };
+    /**
+     * @public
+     * 设置project数据 构造函数里和init时调用
+     * @param project - 项目数据
+     */
+    BaseProjectDomain.prototype.setProject = function (project) {
+        this.state.project = merge({
+            categoryName: '',
+            projectName: '无题',
+            status: 0,
+            isNoLogin: false,
+            meta: { width: 414, height: 736 },
+            pages: [
+                {
+                    components: [
+                        {
+                            list: [],
+                            strategy: '',
+                        },
+                    ],
+                    pageMeta: {},
+                },
+            ],
+        }, project);
+        this.cManager.initComponens(this.components);
+    };
+    /**
+     * @public
+     * 替换project数据 undo，redo
+     * @param project - project数据
+     */
+    BaseProjectDomain.prototype.replaceProject = function (project) {
+        var currentComponentPath = project.currentComponentPath, projectData = project.projectData;
+        var _a = this.state.project, categoryName = _a.categoryName, projectName = _a.projectName, isNoLogin = _a.isNoLogin, status = _a.status;
+        this.state.project = __assign(__assign({}, projectData), { projectName: projectName, categoryName: categoryName, isNoLogin: isNoLogin, status: status });
+        this.activate({
+            path: currentComponentPath,
+        });
+    };
+    /**
+     * @public
+     * @param result - 模拟器校验二倍图的结果
+     * @param path - 图片地址的路径
+     * @returns
+     */
+    BaseProjectDomain.prototype.validateImage = function (result, path, imgUrl) {
+        var _a, _b;
+        if (!result) {
+            // 清空图片  // todo 撤销恢复原来的图片
+            set((_b = (_a = this.currentComponent) === null || _a === void 0 ? void 0 : _a.formData) === null || _b === void 0 ? void 0 : _b.props, path, '');
+            // 返回错误结果
+            return this.validateImageFail(imgUrl);
+        }
+        // 校验通过返回null
+        return null;
+    };
+    /**
+     * @public
+     * todo: 挪走
+     * 二倍图校验失败需要返回的弹窗配置
+     * @returns
+     */
+    BaseProjectDomain.prototype.validateImageFail = function (imgUrl) {
+        var _a, _b, _c;
+        try {
+            if (!imgUrl) {
+                return {};
+            }
+            // 通过某个值获取对应属性的配置
+            var config = getSchemaConfigByValue((_a = this.cManager.get(this.currentComponent.name)) === null || _a === void 0 ? void 0 : _a.config, (_b = this.currentComponent) === null || _b === void 0 ? void 0 : _b.formData, imgUrl);
+            var upload = ((_c = config === null || config === void 0 ? void 0 : config['x-validator']) !== null && _c !== void 0 ? _c : { upload: {} }).upload;
+            return {
+                text: (upload === null || upload === void 0 ? void 0 : upload.doubleImageTip) || '图片清晰度过低,请使用上传2倍图',
+                icon: tipIcon,
+                guide: upload === null || upload === void 0 ? void 0 : upload.guide,
+            };
+        }
+        catch (e) {
+            console.log('validateImageFail catch', e);
+        }
+    };
+    Object.defineProperty(BaseProjectDomain.prototype, "functionData", {
+        /**
+         * @public
+         * 获取功能数据
+         */
+        get: function () {
+            var _this = this;
+            if (!this.state.functionConfig) {
+                // @ts-ignore
+                return null;
+            }
+            // key规则: module:function， action是功能按钮的key 如undo或redo
+            var data = {};
+            var _a = this.state.project, status = _a.status, meta = _a.meta;
+            var createFunctionData = function (key, value) { return ({
+                key: {
+                    module: 'function',
+                    action: key,
+                },
+                value: value,
+                clickable: undefined,
+            }); };
+            Object.entries(this.state.functionConfig).forEach(function (_a) {
+                var _b = __read(_a, 2), key = _b[0], value = _b[1];
+                // 如果布尔值为false 表示关闭这个功能 所以不添加这个字段
+                if (typeof value === 'boolean') {
+                    if (value) {
+                        data[key] = createFunctionData(key, value);
+                        if (key === 'undo') {
+                            // 配套
+                            data['redo'] = createFunctionData('redo', value);
+                        }
+                    }
+                }
+                else {
+                    var val = value;
+                    if (key === 'title') {
+                        val = _this.title;
+                    }
+                    else if (key === 'status') {
+                        val = statusOptions[status !== null && status !== void 0 ? status : value];
+                    }
+                    else if (key === 'simulatorSizeList') {
+                        val = __assign(__assign({}, val), { data: __assign(__assign({}, val.data), meta) });
+                    }
+                    data[key] = createFunctionData(key, val);
+                }
+            });
+            return data;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     *  @public
+     * @param componentId - 组件id
+     * @param newValue - 新的值
+     * @param oldValue - 旧的值
+     */
+    BaseProjectDomain.prototype.syncChildren = function (componentId, newValue, oldValue) {
+        var componentPath = this.generateComponentPath(componentId);
+        var component = this.pathToData(componentPath);
+        console.log('syncChildren', componentId, component);
+        if (component === null || component === void 0 ? void 0 : component.name) {
+            var config = this.cManager.get(component.name);
+            var _a = (config === null || config === void 0 ? void 0 : config.insertConfig) || {}, syncChildrenProp = _a.syncChildrenProp, syncChildrenName = _a.syncChildrenName;
+            if (syncChildrenProp && syncChildrenName) {
+                //         如果syncChildren.tabs比syncChildren.children长，则往children中插入差额的syncChildrenName组件，并把componentId更新到syncChildren.tabs中没有componentId属性的元素上；如果syncChildren.tabs比syncChildren.children短，则删除syncChildren.children中componentId不在syncChildren.tabs中的组件再同步一次。
+                // 最后，如果currentComponentPath路径为不存在的路径，则把currentComponentPath路径更新为最后一个syncChildren.children的componentId对应的路径
+                var childPath = componentPath + '.children';
+                var children_1 = component.children = component.children || [];
+                var childSetting = get(component.formData, syncChildrenProp) || [];
+                console.log('syncChildren2', children_1, childSetting);
+                var childLen = children_1.length;
+                var childrenComponent = this.cManager.get(syncChildrenName);
+                if (childLen < childSetting.length) {
+                    // 添加的情况
+                    for (var i = childLen; i < (childSetting === null || childSetting === void 0 ? void 0 : childSetting.length); i++) {
+                        this.componentListSplice(i, 0, childrenComponent, childPath);
+                    }
+                    console.log('syncChildren3', childLen, childSetting === null || childSetting === void 0 ? void 0 : childSetting.length, this.pathToData(childPath));
+                    // 对于初始化的情况
+                    if (childLen === 0) {
+                        this.activate({ path: childPath + '.0' });
+                    }
+                }
+                else if (childLen > childSetting.length) {
+                    // 删除的情况
+                    if (newValue && oldValue) {
+                        var newChildren_1 = [];
+                        var hasIn_1 = {};
+                        newValue.forEach(function (item, index) {
+                            var oldIndex = oldValue.findIndex(function (o, oldIdx) { return isEqual(item, o) && !hasIn_1[oldIdx]; });
+                            hasIn_1[oldIndex] = true;
+                            newChildren_1[index] = children_1[oldIndex];
+                        });
+                        component.children = newChildren_1;
+                    }
+                    else {
+                        component.children = component.children.slice(0, childSetting.length);
+                    }
+                    this.activate({ path: componentPath });
+                }
+                this.emit('updateHistory');
+            }
+        }
+    };
+    return BaseProjectDomain;
+}(ProjectDomain));
+export default BaseProjectDomain;