@cloudbase/lowcode-builder 1.6.4 → 1.7.0

package/lib/builder/h5/index.js

@@ -92,7 +92,7 @@ async function buildH5App({ buildContext, i18nConfig, extraData, cals, buildType
         const runHandleMaterialTag = '🚥  buildWebApp-runHandleMaterial';
         console.time(runHandleMaterialTag);
         // 精简只使用用到的组件库，并获取补齐json格式
-        const processedDependiencies = await (0, material_1.runHandleMaterial)(h5BuildDir, dependencies.filter((lib) => {
+        const processedDependencies = await (0, material_1.runHandleMaterial)(h5BuildDir, dependencies.filter((lib) => {
             // 注意需要包涵官方的(gsd)，部分平台方法需要由其补充
             return lib.name === config_1.OFFICIAL_LIB_KEY || !!allAppUsedComps[lib.name];
         }), materialsDir, runtime, ignoreInstall);
@@ -101,7 +101,7 @@ async function buildH5App({ buildContext, i18nConfig, extraData, cals, buildType
         const runGenerateTag = '🚥  buildWebApp-generateProjectFiles';
         console.time(runGenerateTag);
         await (0, generate_1.generateProjectFiles)({
-            dependencies: processedDependiencies,
+            dependencies: processedDependencies,
             cals,
             mainAppData,
             subAppDataList,
@@ -125,7 +125,7 @@ async function buildH5App({ buildContext, i18nConfig, extraData, cals, buildType
             mainAppData,
             subAppDataList,
             appBuildDir: h5BuildDir,
-            dependencies: processedDependiencies,
+            dependencies: processedDependencies,
             mode,
             devTool,
             ignoreInstall,

package/lib/builder/mp/mixMode.js

@@ -126,7 +126,7 @@ async function handleMixMode({ buildContext, apps = [], miniprogramRoot, plugins
             if (fs_extra_1.default.existsSync(packageJosnPath)) {
                 mergeDependencies = {
                     ...mergeDependencies,
-                    ...(await (0, mp_1.mergePackageDependiences)(mergeDependencies, await fs_extra_1.default.readJson(packageJosnPath))),
+                    ...(await (0, mp_1.mergePackageDependencies)(mergeDependencies, await fs_extra_1.default.readJson(packageJosnPath))),
                 };
                 modifiedPackageJosn = true;
             }
@@ -149,7 +149,7 @@ async function handleMixMode({ buildContext, apps = [], miniprogramRoot, plugins
         if (modifiedPackageJosn) {
             await (0, fs_extra_1.writeFile)(rootPackageJosnPath, JSON.stringify({
                 ...rootPackageJson,
-                ...(0, mp_1.mergePackageDependiences)(mergeDependencies, rootPackageJson), // 主包优先
+                ...(0, mp_1.mergePackageDependencies)(mergeDependencies, rootPackageJson), // 主包优先
             }, undefined, 2));
         }
     }

package/lib/builder/service/webpack.js

@@ -298,7 +298,7 @@ function getWebpackWebBuildParams(appId, appBuildDir, publicPath = '/', mode = c
             'process.env.buildType': `"${buildTypeList[0]}"`,
             ...extraDefine,
         },
-        devtool: ['app-nvzcvt10', 'app-msa2ihs9'].includes(appId)
+        devtool: ['app-nvzcvt10', 'app-msa2ihs9', 'app-PMoFiTuX'].includes(appId)
             ? 'source-map'
             : mode !== common_1.WebpackModeType.PRODUCTION
                 ? 'eval'

package/lib/builder/util/mp.d.ts

@@ -1,4 +1,4 @@
 export declare function mergeSubPackages(baseAppJsonPath: string, mergeAppJsonPath: string): Promise<void>;
 export declare function mergePackageJson(basePkgJsonPath: string, mergePkgJsonPath: string): Promise<void>;
-export declare function mergePackageDependiences(baseJson: any, mergeJson: any): any;
+export declare function mergePackageDependencies(baseJson: any, mergeJson: any): any;
 export declare function mergePages(baseAppJsonPath: string, mergeAppJsonPath: string): Promise<void>;

package/lib/builder/util/mp.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergePages = exports.mergePackageDependiences = exports.mergePackageJson = exports.mergeSubPackages = void 0;
+exports.mergePages = exports.mergePackageDependencies = exports.mergePackageJson = exports.mergeSubPackages = void 0;
 /**
  * Tencent is pleased to support the open source community by making CloudBaseFramework - 云原生一体化部署工具 available.
  *
@@ -60,13 +60,13 @@ async function mergePackageJson(basePkgJsonPath, mergePkgJsonPath) {
         const mergeJson = fs.readJSONSync(mergePkgJsonPath);
         baseJson = {
             ...baseJson,
-            ...mergePackageDependiences(baseJson, mergeJson),
+            ...mergePackageDependencies(baseJson, mergeJson),
         };
         await fs.writeJSON(basePkgJsonPath, baseJson, { spaces: 2 });
     }
 }
 exports.mergePackageJson = mergePackageJson;
-function mergePackageDependiences(baseJson, mergeJson) {
+function mergePackageDependencies(baseJson, mergeJson) {
     baseJson.dependencies = {
         ...(baseJson.dependencies || {}),
         ...(mergeJson.dependencies || {}),
@@ -77,7 +77,7 @@ function mergePackageDependiences(baseJson, mergeJson) {
     };
     return baseJson;
 }
-exports.mergePackageDependiences = mergePackageDependiences;
+exports.mergePackageDependencies = mergePackageDependencies;
 async function mergePages(baseAppJsonPath, mergeAppJsonPath) {
     const baseJson = fs.readJSONSync(baseAppJsonPath);
     const mergeJson = fs.readJSONSync(mergeAppJsonPath);

package/lib/event-emitter.d.ts

@@ -0,0 +1,32 @@
+export default class EventEmitter {
+    constructor();
+    on(eventName: any, listener: any): void;
+    off(eventName: any, listener: any): void;
+    emit(eventName: any, ...args: any[]): void;
+    clear(): void;
+}
+export declare class Event {
+    type: string;
+    detail: any;
+    /**
+     * 类别应当为 typeof UserWidget
+     * 当前类别为 typeof $page.widgets.xxxx
+     * 添加上报确定用量
+     */
+    currentTarget: any;
+    target?: any;
+    /**
+     * 内部实现
+     * 外部不应该进行访问
+     */
+    _isCapturePhase: boolean;
+    origin: Event;
+    constructor({ type, detail, currentTarget, target, _isCapturePhase, origin, }: {
+        type: string;
+        currentTarget: any;
+        target?: any;
+        detail?: any;
+        _isCapturePhase?: boolean;
+        origin?: Event;
+    });
+}

package/lib/event-emitter.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Event = void 0;
+function checkFunc(listener) {
+    if (!listener instanceof Function) {
+        throw new Error(' The listener argument must be of type Function. ');
+    }
+}
+class EventEmitter {
+    constructor() {
+        this.listeners = {};
+    }
+    on(eventName, listener) {
+        checkFunc(listener);
+        let listeners = this.listeners[eventName];
+        if (!listeners) {
+            this.listeners[eventName] = [listener];
+        }
+        else {
+            listeners.push(listener);
+        }
+    }
+    off(eventName, listener) {
+        let listeners = this.listeners[eventName];
+        if (listeners && listeners.length) {
+            const index = listeners.indexOf(listener);
+            index > -1 && listeners.splice(index, 1);
+        }
+    }
+    emit(eventName, ...args) {
+        let listeners = this.listeners[eventName] || [];
+        listeners.forEach((fn) => {
+            try {
+                fn.call(this, ...args);
+            }
+            catch (err) {
+                console.error(err);
+            }
+        });
+    }
+    clear() {
+        this.listeners = {};
+    }
+}
+exports.default = EventEmitter;
+class Event {
+    constructor({ type = '', detail = undefined, currentTarget = undefined, target = undefined, _isCapturePhase = false, origin, }) {
+        function proxyWrapper(target, key) {
+            try {
+                return new Proxy(target, {
+                    get(target, p) {
+                        if (p !== 'id') {
+                            // reportEvent(`event.${key}.${String(p)}`);
+                        }
+                        return target[p];
+                    },
+                });
+            }
+            catch (e) {
+                return target;
+            }
+        }
+        this.type = type;
+        this.detail = detail;
+        this.currentTarget = proxyWrapper(currentTarget, 'currentTarget');
+        this.target = proxyWrapper(target, 'target');
+        this.origin = proxyWrapper(origin, 'origin');
+        this._isCapturePhase = _isCapturePhase;
+        return new Proxy(this, {
+            get(target, prop) {
+                switch (prop) {
+                    case 'name': {
+                        console.warn('[deprecated] event.name 将在未来版本放弃支持，请使用 event.type 替代');
+                        return target.type;
+                    }
+                    case 'origin':
+                    case 'target':
+                    case 'currentTarget': {
+                        return target[prop];
+                        break;
+                    }
+                }
+                return target[prop];
+            },
+        });
+    }
+}
+exports.Event = Event;

package/lib/flow.d.ts

@@ -0,0 +1,30 @@
+declare type IGenerateContext = any;
+export interface IEventFlowContext extends IGenerateContext {
+    $w?: any;
+    target?: any;
+}
+interface IMPEventFlowGenerateOptions {
+    looseError?: boolean;
+    isComposite?: boolean;
+}
+export declare class EventFlow {
+    id: string;
+    description: string;
+    private _eventHandlerMap;
+    private _context;
+    constructor({ schema, context, options, }: {
+        schema: {
+            id?: string;
+            description?: string;
+            /**
+             * 预处理后 event handler listeners
+             */
+            listeners?: any[];
+        };
+        context: IEventFlowContext;
+        options?: IMPEventFlowGenerateOptions;
+    });
+    trigger(additionalScope: any, options?: Partial<IEventFlowContext>): any;
+}
+export declare function generateEventFlows(flows: never[] | undefined, context: IEventFlowContext, options?: IMPEventFlowGenerateOptions): {};
+export {};

package/lib/flow.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateEventFlows = exports.EventFlow = void 0;
+const util_1 = require("./util");
+const event_emitter_1 = require("./event-emitter");
+class EventFlow {
+    constructor({ schema, context, options, }) {
+        this._eventHandlerMap = {};
+        this._context = context;
+        const { id, description, listeners = [] } = schema || {};
+        const startNode = listeners[0];
+        const [_, eventFlowId] = (startNode === null || startNode === void 0 ? void 0 : startNode.eventName.match(/(.*?)\.start/)) || [];
+        this.id = id || eventFlowId;
+        this.description = description || (startNode === null || startNode === void 0 ? void 0 : startNode.description) || '';
+        const handlers = (0, util_1.createEventHandlers)(listeners, {
+            looseError: (options === null || options === void 0 ? void 0 : options.looseError) || false,
+            isComposite: (options === null || options === void 0 ? void 0 : options.isComposite) || false,
+        });
+        this._eventHandlerMap = Object.entries(handlers).reduce((map, [key, fn]) => {
+            map[key] = fn.bind(this);
+            return map;
+        }, {
+            _getInstance: () => this._context.$page || this._context.$app,
+        });
+        return this;
+    }
+    trigger(additionalScope, options = {}) {
+        const mergedContext = {
+            ...this._context,
+            ...options,
+        };
+        const { $w, target } = mergedContext;
+        return this._eventHandlerMap[(0, util_1.getMpEventHandlerName)(this.id, 'start')](new event_emitter_1.Event({
+            type: `${this.id}.start`,
+            detail: additionalScope,
+            target,
+            currentTarget: target,
+        }));
+        // const emit = (trigger, eventData, originalEvent?) =>
+        //   generateEmit($w, target)(
+        //     trigger,
+        //     this._listenerInstances,
+        //     eventData,
+        //     forContext,
+        //     originalEvent,
+        //     scopeContext,
+        //     dataContext,
+        //     $w.page.id,
+        //     true,
+        //   );
+        // return emit(`${this.id}.start`, additionalScope);
+    }
+}
+exports.EventFlow = EventFlow;
+function generateEventFlows(flows = [], context, options) {
+    const result = {};
+    return result;
+    for (let flow of flows) {
+        result[flow.id] = new EventFlow({ schema: flow, context, options });
+    }
+    return result;
+}
+exports.generateEventFlows = generateEventFlows;

package/lib/query.d.ts

@@ -0,0 +1,47 @@
+interface IMPDataSourceQuery {
+    id: string;
+    label?: string;
+    description?: string;
+    trigger: 'auto' | 'manual';
+    type: 'model' | 'apis' | 'sql';
+    dataSourceName: string;
+    methodName: string;
+    data: object;
+    dataBinds: Record<string, Function>;
+    /**
+     * 预处理后 event handler listeners
+     */
+    listeners?: any[];
+}
+declare type IQueryContext = any;
+declare type IGenerateOptions = any;
+export declare class Query {
+    private _schema;
+    private _context;
+    private _disposes;
+    private _dataBinds;
+    private _triggered;
+    private _action;
+    private _paramsRef;
+    private _currentRequestKey;
+    private _observableValue;
+    private _eventHandlerMap;
+    constructor({ schema, context, options, }: {
+        schema: IMPDataSourceQuery;
+        context: IQueryContext;
+        options?: IGenerateOptions;
+    });
+    get id(): string;
+    get label(): string;
+    get description(): string;
+    get data(): any;
+    get error(): Error | null;
+    trigger(additionalScope?: any, options?: {}): Promise<any>;
+    _innerTrigger(data: any, additionalScope?: any, options?: {}): Promise<any>;
+    private _debounceTrigger;
+    destroy(): void;
+    private _resolveParams;
+    private _emit;
+}
+export declare function generateDatasetQuery(schema: any, context: IQueryContext, options: IGenerateOptions): {};
+export {};

package/lib/query.js

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateDatasetQuery = exports.Query = void 0;
+const mobx_1 = require("mobx");
+const util_1 = require("./util");
+const event_emitter_1 = require("./event-emitter");
+class Query {
+    constructor({ schema, context, options, }) {
+        var _a, _b;
+        this._disposes = [];
+        this._dataBinds = {};
+        this._triggered = false;
+        this._paramsRef = (0, mobx_1.observable)({ current: null });
+        this._currentRequestKey = null;
+        this._observableValue = (0, mobx_1.observable)({ data: null, error: null });
+        this._eventHandlerMap = {};
+        this._debounceTrigger = (function () {
+            let timer = null;
+            return function (...args) {
+                if (timer) {
+                    clearTimeout(timer);
+                }
+                timer = setTimeout(() => {
+                    this._innerTrigger(...args);
+                }, 300);
+            };
+        })();
+        const { looseError = false, useScopeWidgetData = false } = options;
+        const { $w, $app, $page } = context;
+        this._schema = schema;
+        this._context = context;
+        if (((_a = this._schema) === null || _a === void 0 ? void 0 : _a.trigger) === 'auto') {
+            this._disposes.push((0, mobx_1.autorun)((r) => {
+                try {
+                    const data = this._resolveParams();
+                    if (this._triggered) {
+                        this._debounceTrigger(data);
+                    }
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }, { delay: 50 }));
+        }
+        const baseParam = {
+            dataSourceName: this._schema.dataSourceName,
+        };
+        if (((_b = this._schema) === null || _b === void 0 ? void 0 : _b.type) === 'sql') {
+            baseParam.sqlTemplateId = this._schema.methodName;
+        }
+        else {
+            baseParam.methodName = this._schema.methodName;
+        }
+        this._paramsRef.current = this._schema.data;
+        this._dataBinds = this._schema.dataBinds;
+        this._action = async (data) => {
+            return $w.cloud.callDataSource({
+                ...baseParam,
+                params: data,
+            });
+        };
+        this._eventHandlerMap = Object.entries((0, util_1.createEventHandlers)(this._schema.listeners || [], {
+            looseError: looseError,
+            isComposite: false,
+        })).reduce((map, [key, fn]) => {
+            map[key] = fn.bind(this);
+            return map;
+        }, {
+            _getInstance: () => this._context.$page || this._context.$app,
+        });
+        // this._emit = async (trigger, eventData, originalEvent?) =>
+        //   generateEmit($w)(
+        //     trigger,
+        //     generateListnerInstances(
+        //       {
+        //         $app,
+        //         $page,
+        //         actionsMap: (this._context as any).actionsMap,
+        //       },
+        //       this._schema.listeners || [],
+        //     ),
+        //     eventData,
+        //     {},
+        //     originalEvent,
+        //     {},
+        //     {},
+        //     $w.page.id,
+        //     true,
+        //   );
+        return this;
+    }
+    get id() {
+        var _a;
+        return ((_a = this._schema) === null || _a === void 0 ? void 0 : _a.id) || '';
+    }
+    get label() {
+        var _a;
+        return ((_a = this._schema) === null || _a === void 0 ? void 0 : _a.label) || '';
+    }
+    get description() {
+        var _a;
+        return ((_a = this._schema) === null || _a === void 0 ? void 0 : _a.description) || '';
+    }
+    get data() {
+        return this._observableValue.data;
+    }
+    get error() {
+        return this._observableValue.error;
+    }
+    async trigger(additionalScope, options = {}) {
+        this._triggered = true;
+        return this._innerTrigger(this._resolveParams(), additionalScope, options);
+    }
+    async _innerTrigger(data, additionalScope, options = {}) {
+        this._currentRequestKey = Date.now();
+        const key = this._currentRequestKey;
+        try {
+            const res = await this._action(data);
+            if (key === this._currentRequestKey) {
+                this._observableValue.data = res;
+                this._observableValue.error = null;
+                this._emit(`success`, res);
+            }
+            return res;
+        }
+        catch (e) {
+            if (key === this._currentRequestKey) {
+                this._observableValue.data = null;
+                this._observableValue.error = e;
+                this._emit(`fail`, e);
+            }
+            throw e;
+        }
+    }
+    destroy() {
+        this._disposes.forEach((dispose) => dispose());
+    }
+    _resolveParams() {
+        var _a;
+        /**
+         * 这里万一其中某个字段计算失败
+         * 好像会阻塞其他字段的计算
+         * 从而导致 autorun 没有添加依赖
+         */
+        return (_a = (0, util_1.mergeDynamic2StaticData)((0, mobx_1.toJS)(this._paramsRef.current), this._dataBinds, {
+            codeContext: {
+                /**
+                 * $page 或 $comp 实例
+                 */
+                instance: this._context.$page,
+            },
+            $w: this._context.$w,
+            // may be additional scope
+        })) === null || _a === void 0 ? void 0 : _a.params;
+    }
+    async _emit(eventName, data) {
+        var _a, _b;
+        return (_b = (_a = this._eventHandlerMap)[(0, util_1.getMpEventHandlerName)(this.id, eventName)]) === null || _b === void 0 ? void 0 : _b.call(_a, new event_emitter_1.Event({
+            type: eventName,
+            detail: data,
+            target: undefined,
+            currentTarget: undefined,
+        }));
+    }
+}
+exports.Query = Query;
+function generateDatasetQuery(schema, context, options) {
+    const result = {};
+    return result;
+    for (const key in schema) {
+        result[key] = new Query({ schema: schema[key], context, options });
+    }
+    return result;
+}
+exports.generateDatasetQuery = generateDatasetQuery;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/lowcode-builder",
-  "version": "1.6.4",
+  "version": "1.7.0",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",
@@ -38,8 +38,8 @@
     "url": "https://github.com/TencentCloudBase/cloudbase-framework/issues"
   },
   "dependencies": {
-    "@cloudbase/cals": "^1.0.3",
-    "@cloudbase/lowcode-generator": "^1.6.4",
+    "@cloudbase/cals": "^1.0.5",
+    "@cloudbase/lowcode-generator": "^1.7.1",
     "axios": "^0.21.0",
     "browserfs": "^1.4.3",
     "browserify-zlib": "^0.2.0",

package/template/html/index.html.ejs

@@ -9,7 +9,7 @@
       content="width=device-width,initial-scale=1.0,user-scalable=no<% if(!isBuildApp) {%>,viewport-fit=cover<%}%>"
     />
     <meta name="format-detection" content="telephone=no" />
-    <meta name="description" content="<%= desc %>" />
+    <!-- <meta name="description" content="<%= desc %>" /> -->
     <link
       rel="stylesheet"
       href="<%=
@@ -28,6 +28,7 @@
         reportAssetSpeed: true, // 静态资源测速
         spa: true,
         ext1: '<%=appId%>',
+        version: '0.0.1',
       });
       <% } else {%>
       const _aegis = new Aegis({
@@ -36,6 +37,7 @@
         reportAssetSpeed: false, // 静态资源测速
         spa: true,
         ext1: '<%=appId%>',
+        version: '0.0.1',
       });
       <% }%>
       window._aegis = _aegis;
@@ -523,6 +525,10 @@
         cdnEndpoints.cdngo
       %>/lcap/lcap-resource-cdngo/-/release/_npm/@cloudbase/weda-cloud-sdk@1.0.29/dist/h5.browser.js"
     ></script>
+    <script
+      crossorigin
+      src="<%= cdnEndpoints.cdngo %>/lcap/lcap-resource-cdngo/-/release/_npm/acorn@8.0.4/dist/acorn.js"
+    ></script>
     <script>
       // zxing polifill
       if (!this.globalThis) {
@@ -543,7 +549,7 @@
       crossorigin
       src="<%=
       cdnEndpoints.cdngo
-      %>/lcap/lcap-resource-cdngo/-/0.1.4/_files/static/weda-render/main.413fc7788ab27e709449.bundle.js"
+      %>/lcap/lcap-resource-cdngo/-/0.1.4/_files/static/weda-render/main.bd132ac7897700329255.bundle.js"
     ></script>
   </body>
 </html>

package/template/mp/app.js

@@ -68,8 +68,12 @@ setConfig({
       const loginPage = findLoginPage();
       if (loginPage) {
         const authConfig = await getAuthConfig();
-        const isAnonymous = await checkAnonymous();
-        if (isAnonymous && authConfig.RejectStrategy == 'to_login') {
+        if (authConfig.RejectStrategy == 'to_login') {
+          if (['InnerError.AuthFailure'].includes(res?.result?.code)) {
+            const isAnonymous = await checkAnonymous();
+            if (!isAnonymous) return;
+            // 匿名用户越权去登录
+          }
           redirectToLogin();
         } else if (authConfig.RejectStrategy == 'show_warning') {
           app.showToast({

package/template/mp/common/util.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 'use strict';
 import { generateForContextOfWidget, generateWidgetAPIContext, getWidget } from './widget';
 import { observable, untracked } from 'mobx';
@@ -33,7 +34,7 @@ export function generateDataContext(widget) {
   while (widget?._scope) {
     const current = widget;
     // 此处采用代理的方式，是为了可以获取到最新的 _scope.dataContext 防止 dataContext 引用被重新赋值
-    if(current?._scope?.id){
+    if (current?._scope?.id) {
       Object.defineProperty(dataContext, current._scope.id, {
         get() {
           return current?._scope?.dataContext;
@@ -53,9 +54,10 @@ export function createEventHandlers(
   evtListeners,
   options = {
     looseError: false,
+    isComposite: false,
   },
 ) {
-  const { looseError = false } = options;
+  const { looseError = false, isComposite = false } = options;
   const evtHandlers = {};
   for (const name in evtListeners) {
     const listeners = evtListeners[name];
@@ -73,41 +75,103 @@ export function createEventHandlers(
       const dataContext = untracked(() => generateDataContext(currentTarget));
       const $w = untracked(() => generateWidgetAPIContext(owner?.__internal__?.$w, currentTarget, forContext));
 
-      const currentPageId = app.__internal__?.activePage?.id
+      function checkPageActive(pageId, currentPageContext, listener) {
+        /**
+         * 复合组件自身不中断校验
+         */
+        if (isComposite) {
+          return true;
+        }
+        const { id, __internal__ } = currentPageContext || {};
+        if (pageId && id) {
+          if (pageId !== id || (__internal__ && !__internal__.active)) {
+            console.error(`Action error: [${name}] 页面生命周期结束，链式调用中断`);
+            return false;
+          }
+        }
+        return true;
+      }
+
       listeners.forEach(async (l) => {
-        if(currentPageId && owner.id && currentPageId !== owner.id) {
-          console.error(`Action error: [${trigger}:${l.key}] 页面生命周期结束，链式调用中断`);
-          return ;
+        /**
+         * 调用前置校验
+         * 是否仍可调用方法
+         */
+        if (!checkPageActive(owner.id, app.__internal__?.activePage, l)) {
+          return;
         }
+
         let { data = {}, boundData = {} } = l;
         data = { ...data };
+        const nextEventHandles = [
+          {
+            handlerName: '',
+            event: {
+              ...event,
+            },
+          },
+        ];
+        let error = false;
+        const isIfAction = l.sourceKey === 'platform:utils.If';
+        const isShowModalAction = l.sourceKey === 'platform:showModal';
         try {
           for (const k in boundData) {
             set(data, k, boundData[k].call(owner, owner, lists, forItems, event, dataContext, $w));
           }
           let res = await l.handler.call(owner, { event, data });
-          let eventName = prefix && l.key ? `${prefix}$${l.key}${(l.sourceKey !== 'platform:utils.If') ? '_success' : (res ? '_success' : '_fail')}` : '';
-          self[eventName] &&
-            self[eventName]({
-              ...event,
-              detail: l.sourceKey === 'platform:utils.If' ? event.detail : res,
-            });
+          nextEventHandles[0].handlerName =
+            prefix && l.key ? `${prefix}$${l.key}${!isIfAction || res ? '_success' : '_fail'}` : '';
+          nextEventHandles[0].event.detail = isIfAction ? event.detail : res;
+          if (isShowModalAction) {
+            let handlerName = '';
+
+            if (res.cancel) {
+              handlerName = `${prefix}$${l.key}_cancel`;
+            } else if (res.confirm) {
+              handlerName = `${prefix}$${l.key}_confirm`;
+            }
+
+            if (handlerName) {
+              nextEventHandles.push({
+                handlerName,
+                event: {
+                  ...event,
+                  detail: res,
+                },
+              });
+            }
+          }
         } catch (e) {
-          let eventName = l.key ? `${prefix}$${l.key}_fail` : '';
-          if (self[eventName]) {
-            await self[eventName]({
-              ...event,
-              detail: e,
-            });
-          } else {
-            console.error(`Action error: [${trigger}:${l.key}]`, e);
+          nextEventHandles[0].handlerName = l.key ? `${prefix}$${l.key}_fail` : '';
+          nextEventHandles[0].event.detail = isIfAction ? event.detail : e;
+          error = e;
+        }
+
+        /**
+         * 调用后置校验
+         * 是否触发后置事件
+         */
+        if (checkPageActive(owner.id, app.__internal__?.activePage, l)) {
+          const nextHandler = nextEventHandles[0];
+
+          if (!self[nextHandler.handlerName] && error) {
+            console.error(`Action error: [${trigger}:${l.key}]`, error);
             if (!looseError) {
               app.showToast({
                 icon: 'error',
                 title: `事件响应失败`,
               });
             }
-            throw e;
+            throw error;
+          } else {
+            await Promise.all(
+              nextEventHandles.map(async (nextHandler) => {
+                if (self[nextHandler.handlerName]) {
+                  return self[nextHandler.handlerName](nextHandler.event);
+                }
+                return null;
+              }),
+            );
           }
         }
       });
@@ -312,8 +376,13 @@ async function getAccessPermission(app, appId, pageId) {
   if (Array.isArray(res)) {
     const resourceInfo = res.find((i) => i.ResourceId === cacheKey);
     const isAccess = !!resourceInfo?.IsAccess;
-    _AUTH_CACHE_MAP[cacheKey] = isAccess;
-    return isAccess;
+
+    _AUTH_CACHE_MAP[cacheKey] = {
+      isAccess,
+      roleId: resourceInfo?.RoleId,
+    };
+
+    return _AUTH_CACHE_MAP[cacheKey];
   } else {
     throw new Error(`鉴权接口返回参数不正确 - ${JSON.stringify(res)}`);
   }
@@ -330,7 +399,7 @@ export async function checkAnonymous() {
       const scope = await loginScope();
       isAnonymous = scope === 'anonymous';
     }
-  } catch (e) { }
+  } catch (e) {}
   return isAnonymous;
 }
 
@@ -359,17 +428,17 @@ export async function checkAuth(app, appId, $page) {
     requestList.push(getAuthConfig(app));
   }
   try {
-    const [isAccess, authConfig] = await Promise.all(requestList);
+    const [accessData, authConfig] = await Promise.all(requestList);
     app.hideNavigationBarLoading();
 
     const isAnonymousUser = await checkAnonymous();
 
-    if (!isAccess) {
+    if (!accessData?.isAccess) {
       if (isAnonymousUser && loginPage && (authConfig.NeedLogin || authConfig.RejectStrategy == 'to_login')) {
         redirectToLogin($page);
       } else {
         app.showToast({
-          title: '页面无访问权限',
+          title: ['-2', '-4'].includes(accessData?.roleId) ? '默认访客无权限' : '页面无访问权限',
           icon: 'error',
         });
       }
@@ -378,14 +447,14 @@ export async function checkAuth(app, appId, $page) {
       try {
         if (isAnonymousUser) {
           redirectToLogin($page);
-          return false
+          return false;
         }
       } catch (e) {
         redirectToLogin($page);
-        return false
+        return false;
       }
     }
-    return isAccess;
+    return accessData?.isAccess;
   } catch (e) {
     app.showModal({
       title: '页面鉴权失败',
@@ -471,8 +540,9 @@ async function getGeneralOptions(optionName) {
 
 export function getMpEventHandlerName(widgetId, evtName, modifier = {}) {
   // Only builtin events have will bubble
-  return `on${widgetId}$${evtName.replace(/\./g, '_')}${modifier.isCapturePhase ? '$cap' : ''}${modifier.noPropagation ? '$cat' : ''
-    }`;
+  return `on${widgetId}$${evtName.replace(/\./g, '_')}${modifier.isCapturePhase ? '$cap' : ''}${
+    modifier.noPropagation ? '$cat' : ''
+  }`;
 }
 
 function isPlainObject(src) {

package/template/mp/common/weapp-component.js

@@ -56,6 +56,7 @@ export function createComponent(key, behaviors, properties, events, handler, dat
       attached() {
         const $comp = this._getInstance()
         if(!$comp) return
+        $comp.__internal__.active = this._pageActive
 
         $comp.props.events = createPropEvents(events, this)
         const { widgets, rootWidget: virtualRootWidget } = createWidgets(widgetProps, dataBinds, this,  $comp.widgets)
@@ -92,6 +93,8 @@ export function createComponent(key, behaviors, properties, events, handler, dat
       detached() {
         const $comp = this._getInstance()
         if(!$comp) return
+        this._pageActive = false
+        $comp.__internal__.active = this._pageActive
 
         $comp.widgets = null
         $comp.node._eventListeners.clear();
@@ -123,7 +126,7 @@ export function createComponent(key, behaviors, properties, events, handler, dat
     },
 
     methods: {
-      ...createEventHandlers(evtListeners, { looseError: true }),
+      ...createEventHandlers(evtListeners, { looseError: true, isComposite: true }),
       ...mergeRenderer,
       _getInstance() {
         if(!this.$WEAPPS_COMP){

package/template/mp/common/weapp-page.js

@@ -112,6 +112,8 @@ export function createPage(
       detached() {
         const $page = this._getInstance();
         this._pageActive = false;
+        $page.__internal__.active = this._pageActive;
+
         disposeWidget($page._rootWidget);
         this._disposers.forEach((dispose) => dispose());
       },
@@ -152,8 +154,9 @@ export function createPage(
       async onLoad(options) {
         const $page = this._getInstance();
         setConfig({ currentPageId: $page.uuid });
-        app.__internal__.activePage = $page;
         this._pageActive = true;
+        $page.__internal__.active = this._pageActive;
+        app.__internal__.activePage = $page;
 
         this._query = decodePageQuery(options || {});
 
@@ -184,8 +187,9 @@ export function createPage(
       async onShow() {
         const $page = this._getInstance();
         setConfig({ currentPageId: $page.uuid });
-        app.__internal__.activePage = $page;
         this._pageActive = true;
+        $page.__internal__.active = this._pageActive;
+        app.__internal__.activePage = $page;
 
         await this.beforePageCustomLaunch?.(this._query)
 
@@ -198,6 +202,7 @@ export function createPage(
         const hook = lifecycle.onHide || lifecycle.onPageHide;
         hook?.call?.($page);
         this._pageActive = false;
+        $page.__internal__.active = this._pageActive;
 
         // 触发页面节点事件
         this.invokeEventHandler(id, 'hide');

package/template/mp/page/api.js

@@ -1,7 +1,9 @@
 import { $w as baseAPI } from '<%= subLevelPath %>../../app/weapps-api'
 
 export const $page = {
-  __internal__: {}
+  __internal__: {
+    active: false
+  }
 };
 
 export const $w = new Proxy(

package/template/webpack/web.prod.js

@@ -180,7 +180,8 @@ module.exports = function (options) {
         },
         {
           test: /\.(js|jsx)$/,
-          exclude: /node_modules\/(?!(@cloudbase\/weda-ui)|(@tcwd\/vuera)|(@tcwd\/weapps-core))|gsd-kbone-react/,
+          exclude:
+            /node_modules\/(?!(@cloudbase\/weda-ui)|(@tcwd\/vuera)|(@tcwd\/weapps-core)|(@react-spring)|(@react-hookz))|gsd-kbone-react/,
           use: ['happypack/loader?id=babel'],
         },
         {