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

package/dist/event/generateEventSchema.d.ts

@@ -0,0 +1,123 @@
+import type { IEventDescriptor, ICustomEventDescriptor, InativeEventTypeDescriptor } from '@cicctencent/low-code-core';
+/**
+ * @public
+ * 关键：初始化注册表中所有的事件的表单配置 json-schema
+ * @param extraEvent - 添加的事件类型
+ * @param ignoredEvent - 过滤的事件类型
+ * @returns
+ */
+export declare function initAllEventsFormSchema(extraEvent?: InativeEventTypeDescriptor[], ignoredEvent?: string[]): {
+    type: string;
+    properties: {
+        list: {
+            type: string;
+            'ui:hidden': boolean;
+            items: {
+                type: string;
+                required: string[];
+                properties: any;
+            };
+        };
+    };
+};
+/**
+ *  @public
+ * @param eventDescriptors - eventDescriptors
+ * @param extraEvent - extraEvent 扩展事件
+ * @param ignoredEvent - ignoredEvent 过滤事件
+ * @returns
+ */
+export declare function initEventsFormSchema(eventDescriptors: Array<IEventDescriptor | ICustomEventDescriptor>, extraEvent?: InativeEventTypeDescriptor[], ignoredEvent?: string[]): {
+    type: string;
+    properties: {
+        list: {
+            type: string;
+            'ui:hidden': boolean;
+            items: {
+                type: string;
+                required: string[];
+                properties: any;
+            };
+        };
+    };
+};
+/**
+ * @public
+ * 初始化事件中间件
+ * @returns
+ */
+export declare function initMiddlewareFormSchema(): {
+    type: string;
+    properties: {
+        middlewares: {
+            title: string;
+            type: string;
+            'x-component': string;
+            'x-decorator-props': {
+                layout: string;
+            };
+            items: {
+                type: string;
+                properties: {
+                    _btn: {
+                        type: string;
+                        'x-component': string;
+                        properties: {
+                            remove: {
+                                type: string;
+                                'x-component': string;
+                            };
+                            sort: {
+                                type: string;
+                                'x-component': string;
+                            };
+                        };
+                    };
+                    name: {
+                        title: string;
+                        type: string;
+                        'x-component-props': {
+                            placeholder: string;
+                        };
+                        enum: any;
+                        'x-reactions': string;
+                    };
+                    options: {
+                        type: string;
+                        properties: {};
+                    };
+                };
+                'x-data': {
+                    addButtonTitle: string;
+                    addButtonType: string;
+                    addButtonSize: string;
+                    addButtonPlain: boolean;
+                };
+            };
+        };
+    };
+};
+/**
+ * @public
+ * 生成事件json schema
+ * @param eventDescriptors - 事件信息
+ * @param ignoredEvent - 过滤事件
+ * @returns
+ */
+export declare function generateEventsFormSchema(eventDescriptors: Array<IEventDescriptor | ICustomEventDescriptor>, extraEvent?: InativeEventTypeDescriptor[], ignoredEvent?: string[]): {
+    type: string;
+    'ui:hidden': boolean;
+    items: {
+        type: string;
+        required: string[];
+        properties: any;
+    };
+};
+/**
+ * @public
+ * 生成事件属性json schema
+ * @param eventDescriptors - 事件描述
+ * @param ignoredEvent - 过滤事件
+ * @returns
+ */
+export declare function generateEventProperties(eventDescriptors: Array<IEventDescriptor | ICustomEventDescriptor>, extraEvent?: InativeEventTypeDescriptor[], ignoredEvent?: string[]): any;

package/dist/event/generateEventSchema.js

@@ -0,0 +1,342 @@
+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 { UniqueType } from '@cicctencent/low-code-core';
+import { eventRegistry, eventMiddlewareRegistry, nativeEventTypeRegistry, } from './register';
+/**
+ * @public
+ * 关键：初始化注册表中所有的事件的表单配置 json-schema
+ * @param extraEvent - 添加的事件类型
+ * @param ignoredEvent - 过滤的事件类型
+ * @returns
+ */
+export function initAllEventsFormSchema(extraEvent, ignoredEvent) {
+    var eventDescriptors = Object.values(eventRegistry || {});
+    return {
+        type: 'object',
+        properties: {
+            list: generateEventsFormSchema(eventDescriptors, extraEvent, ignoredEvent),
+        },
+    };
+}
+/**
+ *  @public
+ * @param eventDescriptors - eventDescriptors
+ * @param extraEvent - extraEvent 扩展事件
+ * @param ignoredEvent - ignoredEvent 过滤事件
+ * @returns
+ */
+export function initEventsFormSchema(eventDescriptors, extraEvent, ignoredEvent) {
+    return {
+        type: 'object',
+        properties: {
+            list: generateEventsFormSchema(eventDescriptors, extraEvent, ignoredEvent),
+        },
+    };
+}
+/**
+ * @public
+ * 初始化事件中间件
+ * @returns
+ */
+export function initMiddlewareFormSchema() {
+    return {
+        type: 'object',
+        properties: {
+            middlewares: generateEventMiddlewareFormSchema(),
+        },
+    };
+}
+/**
+ * @public
+ * 生成事件json schema
+ * @param eventDescriptors - 事件信息
+ * @param ignoredEvent - 过滤事件
+ * @returns
+ */
+export function generateEventsFormSchema(eventDescriptors, extraEvent, ignoredEvent) {
+    var properties = generateEventProperties(eventDescriptors, extraEvent, ignoredEvent);
+    return {
+        type: 'array',
+        // title: '事件配置',
+        'ui:hidden': properties === null,
+        items: {
+            type: 'object',
+            required: ['type'],
+            properties: properties,
+        },
+    };
+}
+/**
+ * @public
+ * 生成事件属性json schema
+ * @param eventDescriptors - 事件描述
+ * @param ignoredEvent - 过滤事件
+ * @returns
+ */
+export function generateEventProperties(eventDescriptors, extraEvent, ignoredEvent) {
+    if (Array.isArray(eventDescriptors) && eventDescriptors.length > 0) {
+        var targetProperties = {};
+        var customEventDescriptors = eventDescriptors.filter(function (it) { return typeof it.handler !== 'function'; });
+        var nativeEventDeclarations = Object.values(nativeEventTypeRegistry);
+        var types = __spreadArray(__spreadArray([], __read(nativeEventDeclarations), false), __read(customEventDescriptors), false);
+        if (ignoredEvent && ignoredEvent.length) {
+            types = types.filter(function (type) { return !ignoredEvent.includes(type.name); });
+        }
+        if (extraEvent && extraEvent.length) {
+            types.push.apply(types, __spreadArray([], __read(extraEvent), false));
+        }
+        targetProperties['type'] = {
+            title: '事件类型',
+            enum: types.map(function (it) { return it.name; }),
+            enumNames: types.map(function (it) { return it.label; }),
+        };
+        var middlewareConf = generateEventMiddlewareFormSchema();
+        if (middlewareConf !== null) {
+            targetProperties['middlewares'] = middlewareConf;
+        }
+        // 获取name配置
+        var nameConfig = getEventHandleName(eventDescriptors);
+        // 以下是新代码
+        targetProperties['handler'] = {
+            title: '事件名称',
+            type: 'object',
+            'x-reactions': {
+                dependencies: ['type'],
+                fulfill: {
+                    state: {
+                        // 事件类型变化,将事件名称清空
+                        value: '{{$self.value = {}}}',
+                    },
+                },
+            },
+            // oneOf: options,
+            properties: {
+                name: nameConfig,
+                options: getEventOptions(eventDescriptors, nameConfig),
+            },
+        };
+        return targetProperties;
+    }
+    return null;
+}
+/**
+ * @public
+ *  获取事件name
+ * @param data - 事件原始数据
+ * @returns
+ */
+function getEventHandleName(data) {
+    var enums = [];
+    data.forEach(function (it) {
+        var _a;
+        var name = getEventNameByDescriptor(it);
+        enums.push({
+            value: name,
+            label: it.title,
+            isNoLogin: (_a = it.isNoLogin) !== null && _a !== void 0 ? _a : false,
+            eventType: it.eventType,
+        });
+    });
+    return {
+        type: 'string',
+        title: '事件名称',
+        enum: enums,
+        required: true,
+        'x-reactions': {
+            dependencies: ['..type'],
+            fulfill: {
+                schema: {
+                    'x-component-props.options': '{{filterOptions($deps[0])}}',
+                },
+            },
+        },
+    };
+}
+/**
+ * @public
+ *  获取事件options组
+ * @param data - 事件原始数据
+ * @param nameConfig - 根据name配置设置联动
+ * @returns
+ */
+function getEventOptions(data, nameConfig) {
+    var propertiesGroups = {};
+    data.forEach(function (it, index) {
+        var desc = getEventOptionsPropertiesByDescriptor(it);
+        propertiesGroups["".concat(nameConfig.enum[index].value)] = {
+            type: 'object',
+            properties: Object.assign({
+                buryReportName: {
+                    default: '',
+                    title: '埋点名',
+                    description: '输入埋点名，系统将补全埋点信息：例 运营.可视化创造.输入埋点名.点击',
+                    type: 'string',
+                    required: true,
+                    unique: UniqueType.page,
+                    'x-validator': {
+                        asyncValidator: true,
+                        type: 'buryReportName',
+                    },
+                    'x-component-props': {
+                        description: '埋点名称应为：大/小写字母、数字、中文、横杠、下划线及其组合且不可重复',
+                    },
+                },
+            }, desc),
+        };
+    });
+    return propertiesGroups;
+}
+/**
+ * @public
+ * 生成中间件json schema
+ * @returns
+ */
+function generateEventMiddlewareFormSchema() {
+    var eventMiddlewareDescriptors = Object.values(eventMiddlewareRegistry);
+    if (eventMiddlewareDescriptors.length === 0)
+        return null;
+    var middlewareDes = [];
+    return {
+        title: '前置执行程序',
+        type: 'array',
+        'x-component': 'ArrayItems',
+        'x-decorator-props': {
+            layout: 'vertical',
+        },
+        items: {
+            type: 'object',
+            properties: {
+                _btn: {
+                    type: 'void',
+                    'x-component': 'Row',
+                    properties: {
+                        remove: {
+                            type: 'void',
+                            'x-component': 'ArrayItems.Remove',
+                        },
+                        sort: {
+                            type: 'void',
+                            'x-component': 'ArrayItems.SortHandle',
+                        },
+                    },
+                },
+                name: {
+                    title: '前置执行程序',
+                    type: 'string',
+                    'x-component-props': {
+                        placeholder: '请添加(执行顺序为列表顺序，可拖动修改)',
+                    },
+                    enum: getMiddlewareNameConfig(eventMiddlewareDescriptors),
+                    'x-reactions': '{{middlewareFilter}}',
+                },
+                options: {
+                    type: 'object',
+                    properties: getMiddlewareOptionsConfig(eventMiddlewareDescriptors),
+                },
+            },
+            'x-data': {
+                addButtonTitle: '添加前置执行程序配置组',
+                addButtonType: 'primary',
+                addButtonSize: 'small',
+                addButtonPlain: true,
+            },
+        },
+    };
+}
+/**
+ * @public
+ *  获取中间件name配置
+ */
+function getMiddlewareNameConfig(eventMiddlewareDescriptors) {
+    return eventMiddlewareDescriptors.map(function (it) {
+        var _a;
+        return {
+            label: it.title,
+            value: it.name || it.middleware.name,
+            isNoLogin: (_a = it === null || it === void 0 ? void 0 : it.isNoLogin) !== null && _a !== void 0 ? _a : false,
+        };
+    });
+}
+/**
+ * @public
+ *  获取中间件options 参数
+ * @param eventMiddlewareDescriptors - 中间件内容
+ * @returns
+ */
+function getMiddlewareOptionsConfig(eventMiddlewareDescriptors) {
+    var res = {};
+    eventMiddlewareDescriptors.forEach(function (it, index) {
+        res['_' + it.name] = {
+            type: 'void',
+            'x-reactions': {
+                dependencies: ['..name'],
+                fulfill: {
+                    schema: {
+                        'x-visible': "{{$deps[0] == '".concat(it.name, "' }}"),
+                    },
+                },
+            },
+            properties: it.parametersDescriptor,
+        };
+    });
+    return __assign({}, res);
+}
+/**
+ * @public
+ * @param descriptor - 描述
+ * @returns
+ */
+function getEventNameByDescriptor(descriptor) {
+    return (descriptor['name'] ||
+        (typeof descriptor['handler'] === 'string'
+            ? descriptor['handler']
+            : typeof descriptor['handler'] === 'function'
+                ? descriptor['handler'].name
+                : descriptor['type']));
+}
+/**
+ * @public
+ * @param descriptor - 描述
+ * @returns
+ */
+function getEventOptionsPropertiesByDescriptor(descriptor) {
+    var name = getEventNameByDescriptor(descriptor);
+    return ((eventRegistry &&
+        eventRegistry[name] &&
+        eventRegistry[name].parametersDescriptor) ||
+        {});
+}

package/dist/event/register.d.ts

@@ -0,0 +1,56 @@
+import type { IEventDescriptor, IEventMiddlewareDescriptor, InativeEventTypeDescriptor } from '@cicctencent/low-code-core';
+/**
+ * @public
+ *  事件注册表
+ */
+export declare const eventRegistry: {
+    [key: string]: IEventDescriptor;
+};
+/**
+ * @public
+ * 批量注册事件
+ */
+export declare const batchRegisterEvents: (descriptors: IEventDescriptor[]) => {
+    [key: string]: IEventDescriptor;
+};
+/**
+ * @public
+ * 注册事件：
+*/
+export declare const registerEvent: (descriptor: IEventDescriptor) => {
+    [key: string]: IEventDescriptor;
+};
+/**
+ * 事件中间件注册表
+ * @public
+ */
+export declare const eventMiddlewareRegistry: {
+    [key: string]: IEventMiddlewareDescriptor;
+};
+/**
+ * @public
+ * 批量注册事件中间件
+ */
+export declare const batchRegisterEventMiddlewares: (descriptors: IEventMiddlewareDescriptor[]) => {
+    [key: string]: IEventMiddlewareDescriptor;
+};
+/**
+ * 注册事件中间件：
+ * @public
+*/
+export declare const registerEventMiddleware: (descriptor: IEventMiddlewareDescriptor) => {
+    [key: string]: IEventMiddlewareDescriptor;
+};
+/**
+ * @public
+ */
+export declare const nativeEventTypeRegistry: {
+    [key: string]: InativeEventTypeDescriptor;
+};
+/**
+ * @public
+ * 批量注册支持的原生事件类型
+ */
+export declare const batchRegisterNativeEventTypes: (descriptors: InativeEventTypeDescriptor[]) => {
+    [key: string]: InativeEventTypeDescriptor;
+};