@cicctencent/low-code-simulate-base 0.0.0-stage → 1.1.10

package/dist/domain/ProjectDomain.d.ts

@@ -0,0 +1,209 @@
+import { Entity } from '@cicctencent/ark-util';
+import type { LowCodeKey, Component, FunctionData, EditorConfig, ComponentItem, History } from '@cicctencent/low-code-core';
+import { ProjectDomainState } from './BaseProjectDomain';
+/**
+ * @public
+ */
+export declare const navTreeKey: {
+    module: string;
+};
+/**
+ * @public
+ */
+export declare const componentTreeKey: {
+    module: string;
+};
+/**
+ * @public
+ */
+export interface SpliceState {
+    draggingNode: Component;
+    dropNode: Component;
+    dropType: 'after' | 'before';
+}
+/**
+ * @public
+ */
+export interface InsertUploadData {
+    key: string;
+    name: string;
+    list: string[];
+}
+/**
+ * @public
+ * 项目实体是与业务有关的 每个业务可以有自己的数据结构
+ * 项目可能有多个页面 每个页面有自己的组件列表 但当前最多只会有一个页面或一个组件处于选中状态
+ */
+export default abstract class ProjectDomain extends Entity<any> {
+    /**
+     * 当前编辑页面索引
+     * @public
+     */
+    abstract currentPageIndex: number;
+    /**
+     * 当前编辑组件索引路径
+     * @public
+     */
+    abstract currentComponentPath: string;
+    /**
+     * @public
+     */
+    state: ProjectDomainState;
+    /**
+     * 项目名称
+     * @public
+     */
+    abstract get title(): string;
+    /**
+     * config.navTreeData 导航树配置
+     * @public
+     */
+    abstract get navTreeData(): any;
+    /**
+     * config.componentTreeData 组件库配置
+     * @public
+     */
+    abstract get componentTreeData(): any;
+    /**
+     * config.schemaData 表单配置
+     *
+     * @public
+     */
+    abstract get schemaData(): any;
+    /**
+     * 菜单数据
+     * @public
+     */
+    abstract get menuData(): any;
+    /**
+     * 当前组件配置
+     * @public
+     */
+    abstract get currentComponent(): any;
+    /**
+     * 获取functionData
+     * @public
+     */
+    abstract get functionData(): FunctionData;
+    /**
+     * 替换project数据 undo，redo
+     * @public
+     * @param store - History数据
+     */
+    abstract replaceProject(store: History): void;
+    /**
+     * 项目的所有页面
+     * @public
+     */
+    abstract get pages(): any;
+    /**
+     *  扩展信息
+     * @public
+     * @deprecated 减少使用
+     */
+    get extend(): Record<string, any>;
+    /**
+     * @public
+     */
+    abstract get config(): EditorConfig;
+    /**
+     *  Action
+     * @public
+     * @param name - 组件名
+     */
+    abstract action(name: string, data: any): void;
+    /**
+     * 设置项目数据
+     * @public
+     * @param project - 项目数据
+     */
+    abstract setProject(project: any): void;
+    /**
+     * 移动组件到某个位置
+     * @public
+     * @param originPath - 原路径
+     * @param newPath - 目标路径
+     * @example
+     * moveTo('0.components.0.list.0', '0.components.0.list.1')
+     */
+    abstract moveTo(originPath: any, newPath: any): void;
+    /**
+     * 生成componentPath
+     * @public
+     * @param flagKey - 根据该字段找到组件
+     */
+    abstract generateComponentPath(flagKey: any, ...args: any[]): string;
+    /**
+     * 是更新还是插入历史栈，true表示更新，false表示插入（影响撤销、重做栈）
+     * @public
+     */
+    abstract needUpdateHistory(project: any): boolean;
+    /**
+     * 激活。比如点击了导航树或者某个组件，currentPageIndex或currentComponentPath需要变化
+     * @public
+     */
+    abstract activate(key: Partial<LowCodeKey>): void;
+    /**
+     * 删除组件
+     * @public
+     */
+    abstract componentDelete(key: LowCodeKey): void;
+    /**
+     * 复制组件
+     * @public
+     */
+    abstract componentCopy(key: LowCodeKey): void;
+    /**
+     * 处理通过拖拽方式插入的组件
+     * @public
+     */
+    abstract componentDrag(key: LowCodeKey, value: any): void;
+    /**
+     * 插入组件
+     * @public
+     */
+    abstract componentInsert(value: any): void;
+    /**
+     * 上移组件
+     * @public
+     */
+    abstract componentMoveUp(key: LowCodeKey): void;
+    /**
+     * 下移组件
+     * @public
+     */
+    abstract componentMoveDown(key: LowCodeKey): void;
+    /**
+     * @public
+     * 设置projectMeta数据，项目宽高等
+     */
+    setProjectMeta(value: any): void;
+    /**
+     * @public
+     * 根据componentPath获取组件数据
+     */
+    pathToData(path: string, pages?: any): ComponentItem | any;
+    /**
+     * @public
+     * @param path - 组件路径
+     * @param value - 数据
+     * @returns
+     */
+    setPathData(path: string, value: Record<string, any>): any;
+    /**
+     * 通知编辑器
+     * @param cmd - 模拟器推送给编辑器的事件名
+     * @param params - 事件传递的参数
+     * @deprecated 减少使用
+     * @public
+     */
+    publishEditor(cmd: string, ...params: any[]): void;
+    /**
+     * 通知模拟器
+     * @param cmd - 模拟器通知模拟器视图的事件名
+     * @param params - 事件传递的参数
+     * @deprecated 减少使用
+     * @public
+     */
+    publishPreview(cmd: string, ...params: any[]): void;
+}

package/dist/domain/ProjectDomain.js

@@ -0,0 +1,138 @@
+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 { Entity, get, set } from '@cicctencent/ark-util';
+/**
+ * @public
+ */
+export var navTreeKey = { module: 'navTree' };
+/**
+ * @public
+ */
+export var componentTreeKey = { module: 'componentTree' };
+/**
+ * @public
+ * 项目实体是与业务有关的 每个业务可以有自己的数据结构
+ * 项目可能有多个页面 每个页面有自己的组件列表 但当前最多只会有一个页面或一个组件处于选中状态
+ */
+var ProjectDomain = /** @class */ (function (_super) {
+    __extends(ProjectDomain, _super);
+    function ProjectDomain() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(ProjectDomain.prototype, "extend", {
+        /**
+         *  扩展信息
+         * @public
+         * @deprecated 减少使用
+         */
+        get: function () {
+            return {};
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
+    /**
+     * @public
+     * 设置projectMeta数据，项目宽高等
+     */
+    ProjectDomain.prototype.setProjectMeta = function (value) {
+        this.state.project.meta = __assign(__assign({}, this.state.project.meta), value);
+    };
+    /**
+     * @public
+     * 根据componentPath获取组件数据
+     */
+    ProjectDomain.prototype.pathToData = function (path, pages) {
+        return path ? get(pages || this.state.project.pages, path) : null;
+    };
+    /**
+     * @public
+     * @param path - 组件路径
+     * @param value - 数据
+     * @returns
+     */
+    ProjectDomain.prototype.setPathData = function (path, value) {
+        var data = this.pathToData(path);
+        return set(this.pages, path, __assign(__assign({}, data), value));
+    };
+    /**
+     * 通知编辑器
+     * @param cmd - 模拟器推送给编辑器的事件名
+     * @param params - 事件传递的参数
+     * @deprecated 减少使用
+     * @public
+     */
+    ProjectDomain.prototype.publishEditor = function (cmd) {
+        var params = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            params[_i - 1] = arguments[_i];
+        }
+        this.emit.apply(this, __spreadArray(['emitEditor', cmd], __read(params), false));
+    };
+    /**
+     * 通知模拟器
+     * @param cmd - 模拟器通知模拟器视图的事件名
+     * @param params - 事件传递的参数
+     * @deprecated 减少使用
+     * @public
+     */
+    ProjectDomain.prototype.publishPreview = function (cmd) {
+        var params = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            params[_i - 1] = arguments[_i];
+        }
+        this.emit.apply(this, __spreadArray(['emitPreview', cmd], __read(params), false));
+    };
+    return ProjectDomain;
+}(Entity));
+export default ProjectDomain;

package/dist/event/generateEventHandler.d.ts

@@ -0,0 +1,21 @@
+import type { IConfiguredEvent, Next, IConfiguredMiddleware } from '@cicctencent/low-code-core';
+/**
+ * 关键：返回事件处理，供组件调用
+ * @public
+ * @param VCComponentInstance - 组件实例
+ * @param events - 事件列表list
+ * @returns
+ */
+export declare function generateEventHandlers(VCComponentInstance: any, events: IConfiguredEvent[]): {
+    on: any;
+    nativeOn: any;
+};
+/**
+ * @public
+ * 使用koa-compose执行中间件
+ * @param middlewares - 中间件列表
+ * @param context - 上下文：组件实例
+ * @param next - 调用下一个中间件函数/最终执行函数
+ * @param options - 事件配置
+ */
+export declare function executeMiddleware(middlewares: IConfiguredMiddleware[], context: any, next?: Next, options?: {}): void;

package/dist/event/generateEventHandler.js

@@ -0,0 +1,218 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import compose from 'koa-compose';
+import { eventRegistry, eventMiddlewareRegistry, nativeEventTypeRegistry, } from './register';
+/**
+ * 关键：返回事件处理，供组件调用
+ * @public
+ * @param VCComponentInstance - 组件实例
+ * @param events - 事件列表list
+ * @returns
+ */
+export function generateEventHandlers(VCComponentInstance, events) {
+    if (!Array.isArray(events))
+        return { on: {}, nativeOn: {} };
+    var _a = transformConfiguredEvents(events), customEvents = _a.customEvents, nativeEvents = _a.nativeEvents;
+    return {
+        on: initEventHandlers(VCComponentInstance, customEvents),
+        nativeOn: initEventHandlers(VCComponentInstance, nativeEvents),
+    };
+}
+/**
+ * @public
+ *  初始化事件的处理函数：同一个事件可能存在多个处理函数；
+*/
+function initEventHandlers(VCComponentInstance, eventsMap) {
+    var e_1, _a;
+    var handlers = {};
+    var _loop_1 = function (name_1) {
+        handlers[name_1] = function ($event) {
+            var e_2, _a;
+            var events = eventsMap[name_1];
+            try {
+                for (var events_1 = (e_2 = void 0, __values(events)), events_1_1 = events_1.next(); !events_1_1.done; events_1_1 = events_1.next()) {
+                    var configuredEvent = events_1_1.value;
+                    executeHandler(VCComponentInstance, configuredEvent, $event);
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (events_1_1 && !events_1_1.done && (_a = events_1.return)) _a.call(events_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        };
+    };
+    try {
+        for (var _b = __values(Object.keys(eventsMap)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var name_1 = _c.value;
+            _loop_1(name_1);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return handlers;
+}
+/**
+ * @public
+ * 执行处理程序：
+ * 1. 根据事件配置数据（handler），获取对应的处理程序：先取事件注册表中的handler，其次取组件methods中的handler
+ * 2. 若存在中间件配置，以中间件方式执行程序
+ * */
+function executeHandler(VCComponentInstance, configuredEvent, $event) {
+    var _this = this;
+    var renderedComponentInstance = VCComponentInstance;
+    var _a = configuredEvent.handler, cbName = _a.name, options = _a.options, _b = configuredEvent.middlewares, middlewares = _b === void 0 ? [] : _b;
+    var _handler = null;
+    if (eventRegistry[cbName]) {
+        var handler_1 = eventRegistry[cbName].handler;
+        if (typeof handler_1 === 'function') {
+            _handler = function () { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    handler_1(renderedComponentInstance, options, $event);
+                    return [2 /*return*/];
+                });
+            }); };
+        }
+    }
+    else if (typeof renderedComponentInstance[cbName] === 'function') {
+        _handler = renderedComponentInstance[cbName];
+    }
+    if (_handler !== null) {
+        if (middlewares && middlewares.length > 0) {
+            executeMiddleware(middlewares, renderedComponentInstance, _handler, options);
+        }
+        else {
+            _handler(renderedComponentInstance, options, $event);
+        }
+    }
+}
+/**
+ * @public
+ * 使用koa-compose执行中间件
+ * @param middlewares - 中间件列表
+ * @param context - 上下文：组件实例
+ * @param next - 调用下一个中间件函数/最终执行函数
+ * @param options - 事件配置
+ */
+export function executeMiddleware(middlewares, context, next, options) {
+    if (next === void 0) { next = function () { }; }
+    if (options === void 0) { options = {}; }
+    var middlewareFunctions = [];
+    middlewares.forEach(function (mw) {
+        var _a;
+        if (typeof mw === 'object' && !(mw === null || mw === void 0 ? void 0 : mw.name)) {
+            return;
+        }
+        var mwName = typeof mw === 'object' ? mw.name : mw;
+        var mwOptions = typeof mw === 'object' ? mw.options : null;
+        var mwFunc = (_a = eventMiddlewareRegistry[mwName]) === null || _a === void 0 ? void 0 : _a.middleware;
+        if (typeof mwFunc === 'function') {
+            var func = function (context, next) {
+                var contextProxy = new Proxy(context, {
+                    get: function (target, key) {
+                        if (key === 'middlewareOptions' && mwOptions)
+                            return mwOptions;
+                        else if (key === 'eventOptions')
+                            return options;
+                        else if (key === 'instance')
+                            return target;
+                        else
+                            return Reflect.get(target, key);
+                    },
+                });
+                mwFunc(contextProxy, next);
+            };
+            middlewareFunctions.push(func);
+        }
+    });
+    compose(middlewareFunctions)(context, next);
+}
+/**
+ * @public
+ * 转换事件配置数据的数据结构
+ */
+function transformConfiguredEvents(events) {
+    var e_3, _a;
+    var customEvents = {};
+    var nativeEvents = {};
+    try {
+        for (var events_2 = __values(events), events_2_1 = events_2.next(); !events_2_1.done; events_2_1 = events_2.next()) {
+            var eventConfigData = events_2_1.value;
+            var type = eventConfigData.type;
+            if (type === '')
+                continue;
+            var nativeEentTypes = Object.values(nativeEventTypeRegistry).map(function (it) { return it.name; });
+            if (nativeEentTypes.includes(type)) {
+                nativeEvents[type] = nativeEvents[type] || [];
+                nativeEvents[type].push(eventConfigData);
+            }
+            else {
+                customEvents[type] = customEvents[type] || [];
+                customEvents[type].push(eventConfigData);
+            }
+        }
+    }
+    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+    finally {
+        try {
+            if (events_2_1 && !events_2_1.done && (_a = events_2.return)) _a.call(events_2);
+        }
+        finally { if (e_3) throw e_3.error; }
+    }
+    return {
+        customEvents: customEvents,
+        nativeEvents: nativeEvents,
+    };
+}