weaver-e10-builder 1.6.15 → 1.7.0

package/dist/services/designer-event.js

@@ -8,7 +8,7 @@ const uid = () => randomUUID().replace(/-/g, '');
 export const EVENT_OPEN_MODES = { '4': '当前页面', '0': '新窗口', '5': '弹出窗口', '1': '右侧滑出', '7': '右侧推出' };
 export const EVENT_ACTIONS = {
     NewPage: { label: '打开页面', key: 'linkInfo' }, RefreshComp: { label: '刷新组件', key: 'refreshInfo' }, ClosePage: { label: '关闭页面' },
-    IF: { label: '条件控制', key: 'conditionData' }, JsCode: { label: 'JavaScript', key: 'jsCode' },
+    IF: { label: '条件控制', key: 'conditionData' }, ELSEIF: { label: '否则如果', key: 'conditionData' }, ELSE: { label: '否则' }, JsCode: { label: 'JavaScript', key: 'jsCode' },
     ShowHideComponent: { label: '显示/隐藏组件', key: 'displayComs' }, ShowMenu: { label: '显示菜单', key: 'menuInfo' },
     ScanUpload: { label: '扫描上传', key: 'scanUploadInfo' }, CopyLink: { label: '复制链接' },
     LoginAuthentication: { label: '身份识别', key: 'loginAuthenticationInfo' }, EsbFlow: { label: '执行 ESB', key: 'esbFlow' },
@@ -37,7 +37,7 @@ function savedComps(comps) {
     return value;
 }
 const clone = (x) => structuredClone(x);
-const eventNames = { CLICK: '单击', DIDMOUNT: '加载完成' };
+const eventNames = { CLICK: '单击', DIDMOUNT: '加载完成', CLICKDATA: '单击每一条数据' };
 export function eventTarget(layout, scope) {
     if (!scope.compId) {
         check(!scope.collection && !scope.itemId, '子项必须指定组件');
@@ -50,7 +50,25 @@ export function eventTarget(layout, scope) {
         check(!scope.itemId, '子项需要 collection');
         return config;
     }
-    check(['menuConfig', 'btnGroup', 'navMenus', 'newButtons'].includes(scope.collection) && scope.itemId, '子项集合或 ID 无效');
+    check(['menuConfig', 'btnGroup', 'navMenus', 'newButtons', 'items', 'listButtons', 'customPageButtons'].includes(scope.collection) && scope.itemId, '子项集合或 ID 无效');
+    if (scope.collection === 'customPageButtons') {
+        check(matches[0].type === 'CustomPage', 'customPageButtons 仅用于自定义页面');
+        const rows = (config.topOperatBtns?.btns || []).filter((x) => x.id === scope.itemId);
+        check(rows.length === 1 && rows[0].event?.to === 'HELP', '仅帮助按钮可通过本入口配置动作，其他按钮保留内置动作');
+        return new Proxy(rows[0], { get: (t, k) => k === 'eventGroup' ? t.event.value : t[k], set: (t, k, v) => { if (k === 'eventGroup')
+                t.event.value = v;
+            else
+                t[k] = v; return true; } });
+    }
+    if (scope.collection === 'items')
+        check(matches[0].type === 'TabBar', 'items 事件定位仅用于标签栏');
+    if (scope.collection === 'listButtons') {
+        check(matches[0].type === 'NList', 'listButtons 仅用于列表');
+        const hits = (config.buttonConfig?.btns || []).filter((x) => String(x.id) === scope.itemId);
+        check(hits.length === 1, '列表按钮未唯一匹配');
+        check(!hits[0].system && !hits[0].hideAction, '系统内置动作不可用自定义事件覆盖');
+        return new Proxy(hits[0], { get: (t, k) => t[k === 'eventGroup' ? 'actions' : k], set: (t, k, v) => { t[k === 'eventGroup' ? 'actions' : k] = v; return true; } });
+    }
     const items = config[scope.collection];
     check(Array.isArray(items), '组件没有指定子项集合');
     const rows = items.filter((x) => String(x.id) === scope.itemId);
@@ -64,9 +82,68 @@ export function validateEventGroups(groups) {
         check(entry && typeof entry.type === 'string' && entry.id, '事件类型或 ID 缺失');
         check(!seen.has(entry.type), '同一触发事件最多配置一条');
         seen.add(entry.type);
-        check(Array.isArray(entry.events) && entry.events.length <= 1, '每种触发事件最多一个动作');
+        validateEventSequence(entry.events);
+    }
+}
+/** Ordered siblings encode IF/ELSEIF/ELSE; each branch recursively owns another sequence. */
+export function validateEventSequence(events, ids = new Set()) {
+    check(Array.isArray(events), '动作列表需数组');
+    let chain = false, ended = false;
+    for (const a of events) {
+        check(a && typeof a.id === 'string' && a.id && typeof a.type === 'string', '动作需 id/type');
+        check(!ids.has(a.id), '同一执行树动作 ID 重复');
+        ids.add(a.id);
+        if (a.type === 'IF') {
+            chain = true;
+            ended = false;
+        }
+        else if (a.type === 'ELSEIF' || a.type === 'ELSE') {
+            check(chain && !ended, 'ELSEIF/ELSE 必须紧随同组 IF 分支，ELSE 只能位于组末');
+            if (a.type === 'ELSE')
+                ended = true;
+        }
+        else {
+            chain = false;
+            ended = false;
+        }
+        if (['IF', 'ELSEIF'].includes(a.type))
+            check(['Rule', 'Dialog'].includes(a.conditionData?.conditionType), '条件分支需要 Rule/Dialog');
+        if (a.events !== undefined)
+            validateEventSequence(a.events, ids);
+        if (a.menuInfo?.menuItems)
+            for (const m of a.menuInfo.menuItems)
+                validateEventGroups(m.menuEvent || []);
     }
 }
+export function compileEventSequence(inputs, layout) {
+    check(Array.isArray(inputs), 'actions 需数组');
+    const result = [];
+    for (const input of inputs) {
+        if (input?.type === 'IF' && input.config?.branches !== undefined) {
+            object(input, ['id', 'type', 'enabled', 'config']);
+            object(input.config, ['branches']);
+            const branches = input.config.branches;
+            check(Array.isArray(branches) && branches.length, 'branches 不能为空');
+            for (let i = 0; i < branches.length; i++) {
+                const b = branches[i];
+                object(b, ['id', 'mode', 'title', 'content', 'confirmText', 'cancelText', 'condition', 'conditionsText', 'actions', 'enabled']);
+                const { id, actions, enabled, ...config } = b;
+                const type = i === 0 ? 'IF' : b.mode === 'else' ? 'ELSE' : 'ELSEIF';
+                check(i !== 0 || b.mode !== 'else', '首分支必须是 IF');
+                if (type === 'ELSE')
+                    check(i === branches.length - 1, 'ELSE 必须最后');
+                const a = compileEventAction({ id, type, enabled: enabled ?? input.enabled, config: type === 'ELSE' ? {} : config, actions: actions || [] }, layout);
+                if (i === 0 && input.id)
+                    a.id = input.id;
+                result.push(a);
+            }
+        }
+        else
+            result.push(compileEventAction(input, layout));
+    }
+    validateEventSequence(result);
+    return result;
+}
 export function compileEventJs(code) {
     check(typeof code === 'string', 'JavaScript code 必须为字符串');
     try {
@@ -77,9 +154,11 @@ export function compileEventJs(code) {
     }
 }
 export function eventCondition(spec) {
-    let count = 0;
+    if (spec?.isParent !== undefined) {
+        validateNativeEventCondition(spec);
+        return clone(spec);
+    }
     const build = (n, parent, depth) => {
-        check(depth <= 12 && ++count <= 500, '条件树过深或过大');
         const key = uid();
         if (n?.rules !== undefined) {
             object(n, ['logic', 'rules']);
@@ -87,29 +166,59 @@ export function eventCondition(spec) {
             // This event condition protocol uses 1 = AND, 0 = OR (different from other scopes).
             return { key, relationship: n.logic === 'and' ? '1' : '0', isParent: true, parentNode: parent, datas: n.rules.map((r) => build(r, key, depth + 1)) };
         }
-        object(n, ['left', 'operator', 'right']);
+        object(n, ['left', 'field', 'operator', 'right', 'valueType', 'text']);
+        check(typeof n.operator === 'string' && n.operator, '条件需要本入口保存操作符');
+        if (n.field) {
+            object(n.field);
+            check(n.field.id && (n.field.fieldName || n.field.name) && n.field.compType, '字段需要真实 id/name/compType');
+            const f = clone(n.field);
+            delete f.conditionType;
+            return { ...f, key, parentNode: parent, isParent: false, type: 'condition', fieldType: f.fieldType || f.type || f.compType, fieldName: f.fieldName || f.name, conditions: { func: n.operator, ...(n.right !== undefined ? { value: clone(n.right) } : {}), ...(n.valueType !== undefined ? { type: n.valueType } : {}), ...(n.text !== undefined ? { text: n.text } : {}), isEsb: false } };
+        }
         check(typeof n.left === 'string' && n.left, '条件 left 需平台表达式或文字');
-        check(['eq', 'gt'].includes(n.operator), '当前事件规则结构化条件支持 eq/gt；其他操作符需补充本入口依据');
-        check(typeof n.right === 'string', '条件 right 必须为字符串');
+        check(n.right === undefined || ['string', 'number', 'boolean'].includes(typeof n.right), '自定义条件值需标量，浏览对象请使用 field 或原生条件树');
         return { isParent: false, parentNode: parent, id: `Custom_${uid()}`, fieldName: 'customField', fieldType: 'String', text: n.left, objId: '', optionType: '', compType: 'Text', formatType: '', opts: [], type: 'condition', conditions: { func: n.operator, value: n.right, type: '', text: '', isEsb: false }, refObjId: '', key };
     };
     return build(spec.rules !== undefined ? spec : { logic: 'and', rules: [spec] }, '', 0);
 }
+export function validateNativeEventCondition(tree) {
+    const seen = new Set();
+    function visit(n, parent) {
+        object(n);
+        check(n.key !== undefined && !seen.has(String(n.key)), '条件节点 key 缺失或重复');
+        seen.add(String(n.key));
+        check(String(n.parentNode ?? '') === String(parent), '条件父子关系不一致');
+        if (n.isParent) {
+            check(['0', '1'].includes(String(n.relationship)) && Array.isArray(n.datas), '条件组需 relationship/datas');
+            n.datas.forEach((x) => visit(x, n.key));
+        }
+        else
+            check(n.fieldName && n.compType && n.conditions?.func, '条件叶子缺少字段或操作符');
+    }
+    check(tree?.isParent === true, '条件根需组');
+    visit(tree, '');
+}
 function conditionText(tree) {
     if (tree.isParent)
-        return `(${tree.datas.map(conditionText).join(tree.relationship === '1' ? ' AND ' : ' OR ')})`;
-    return `${tree.text} ${tree.conditions.func === 'gt' ? '大于' : '等于'} ${JSON.stringify(tree.conditions.value)}`;
+        return `(${tree.datas.map(conditionText).join(String(tree.relationship) === '1' ? ' AND ' : ' OR ')})`;
+    return `${tree.text} ${{ eq: '等于', neq: '不等于', gt: '大于', lt: '小于' }[tree.conditions.func] || tree.conditions.func} ${JSON.stringify(tree.conditions.value)}`;
 }
 function requireComp(layout, id) { check(typeof id === 'string' && layout.comps.some((c) => String(c.id) === id), `目标组件 ${id} 不属于本终端`); }
+function componentChildren(config) {
+    return ['menuConfig', 'btnGroup', 'navMenus', 'newButtons', 'items'].flatMap(k => Array.isArray(config?.[k]) ? config[k] : []).concat(config?.buttonConfig?.btns || [], config?.topOperatBtns?.btns || []);
+}
 function realObjects(rows, label, minimum = 1) { check(Array.isArray(rows) && rows.length >= minimum && rows.every((x) => x && typeof x.id === 'string' && x.id), `${label}需要真实浏览对象数组`); }
 export function compileEventAction(input, layout, previous, depth = 0) {
-    check(depth <= 8, '菜单子事件嵌套过深');
-    object(input, ['type', 'enabled', 'config']);
+    object(input, ['id', 'type', 'enabled', 'config', 'actions']);
     const descriptor = EVENT_ACTIONS[input.type];
     check(descriptor, '不支持该事件动作类型');
     if (input.enabled !== undefined)
         check(typeof input.enabled === 'boolean', 'enabled 必须为布尔值');
-    const a = { id: previous?.id || uid(), type: input.type, enable: input.enabled ?? true };
+    const a = { id: previous?.id || input.id || uid(), type: input.type, enable: input.enabled ?? previous?.enable ?? true };
+    if (['IF', 'ELSEIF', 'ELSE'].includes(input.type))
+        a.events = input.actions === undefined ? clone(previous?.events || []) : compileEventSequence(input.actions, layout);
+    else
+        check(input.actions === undefined, '普通动作不能携带分支 actions');
     const config = clone(input.config ?? {});
     if (!descriptor.key) {
         check(Object.keys(config).length === 0, '此动作不接收 config');
@@ -120,14 +229,14 @@ export function compileEventAction(input, layout, previous, depth = 0) {
         a.jsCode = { code: config.code, compiledCode: compileEventJs(config.code) };
         return a;
     }
-    if (input.type === 'IF') {
-        object(config, ['mode', 'title', 'content', 'confirmText', 'cancelText', 'condition']);
+    if (input.type === 'IF' || input.type === 'ELSEIF') {
+        object(config, ['mode', 'title', 'content', 'confirmText', 'cancelText', 'condition', 'conditionsText']);
         check(['rule', 'dialog'].includes(config.mode), '条件 mode 只能为 rule/dialog');
         a.conditionData = { conditionType: config.mode === 'rule' ? 'Rule' : 'Dialog', conditionTitle: config.title ?? '确认', conditionContent: config.content ?? '', confirmBtnText: config.confirmText ?? '是', cancelBtnText: config.cancelText ?? '否' };
         if (config.mode === 'rule') {
             check(config.condition, '规则模式需要 condition');
             a.conditionData.conditions = eventCondition(config.condition);
-            a.conditionData.conditionsText = conditionText(a.conditionData.conditions);
+            a.conditionData.conditionsText = config.conditionsText ?? conditionText(a.conditionData.conditions);
         }
         return a;
     }
@@ -142,7 +251,7 @@ export function compileEventAction(input, layout, previous, depth = 0) {
                 for (const child of item.children) {
                     check(child.id && ['show', 'hide', 'switchover'].includes(child.display), '子项显示设置无效');
                     const parent = layout.comps.find((c) => c.id === item.id);
-                    check(['menuConfig', 'btnGroup', 'navMenus', 'newButtons'].some(k => parent.config?.[k]?.some((x) => x.id === child.id)), '显示隐藏子项不属于目标组件');
+                    check(componentChildren(parent.config).some((x) => x.id === child.id), '显示隐藏子项不属于目标组件');
                 }
             }
         }
@@ -179,8 +288,8 @@ export function compileEventAction(input, layout, previous, depth = 0) {
             check(typeof m.menuName === 'string' && m.menuName, '菜单项需要 menuName');
             if (m.action !== undefined) {
                 check(!m.menuEvent, '菜单项 action 与 menuEvent 二选一');
-                const child = compileEventAction(m.action, layout, undefined, depth + 1);
-                m.menuEvent = [[{ type: 'CLICK', name: '单击', id: uid(), disableDelete: true, events: [child] }]];
+                const children = m.action.type === undefined && m.action.nativeActions !== undefined ? prepareNativeActions(m.action.nativeActions, layout) : compileEventSequence(m.action.type === undefined && m.action.actions !== undefined ? m.action.actions : [m.action], layout);
+                m.menuEvent = [[{ type: 'CLICK', name: '单击', id: uid(), disableDelete: true, events: children }]];
                 delete m.action;
             }
             validateEventGroups(m.menuEvent || []);
@@ -236,12 +345,210 @@ function remapAction(input, primary, target) {
     if (next.type === 'RefreshComp')
         next.config.selectedCom = next.config.selectedCom.map(map);
     if (next.type === 'ShowHideComponent')
-        next.config.forEach((x) => { x.id = map(x.id); });
+        next.config.forEach((x) => {
+            const source = primary.comps.find((c) => c.id === x.id);
+            x.id = map(x.id);
+            const dest = target.comps.find((c) => c.id === x.id);
+            for (const child of x.children || []) {
+                const origin = componentChildren(source.config).find((c) => c.id === child.id);
+                const matched = componentChildren(dest.config).find((c) => c.id === child.id || (origin?.refCompId && c.id === origin.refCompId));
+                check(matched, '显隐子项在另一终端无明确对应关系，请分别配置');
+                child.id = matched.id;
+            }
+        });
+    if (next.nativeActions)
+        next.nativeActions = next.nativeActions.map((a) => remapNativeAction(a, primary, target));
+    if (next.actions)
+        next.actions = next.actions.map((x) => remapAction(x, primary, target));
+    if (next.config?.branches)
+        for (const b of next.config.branches)
+            if (b.actions)
+                b.actions = b.actions.map((x) => remapAction(x, primary, target));
+    if (next.type === 'ShowMenu')
+        for (const m of next.config.menuItems || []) {
+            if (m.action)
+                m.action = remapAction(m.action, primary, target);
+            if (m.menuEvent)
+                for (const e of m.menuEvent.flat())
+                    e.events = e.events.map((a) => remapNativeAction(a, primary, target));
+        }
     return next;
 }
+function remapNativeAction(a, primary, target) {
+    const n = clone(a);
+    const key = EVENT_ACTIONS[n.type]?.key;
+    if (['RefreshComp', 'ShowHideComponent'].includes(n.type))
+        n[key] = remapAction({ type: n.type, config: n[key] }, primary, target).config;
+    if (n.events)
+        n.events = n.events.map((v) => remapNativeAction(v, primary, target));
+    if (n.menuInfo)
+        for (const m of n.menuInfo.menuItems || [])
+            for (const e of (m.menuEvent || []).flat())
+                e.events = e.events.map((v) => remapNativeAction(v, primary, target));
+    return n;
+}
+export function editEventSequence(root, edit, layout) {
+    object(edit, ['kind', 'action', 'parent', 'item', 'before', 'config']);
+    const find = (id) => {
+        const hits = [];
+        function walk(list) { list.forEach((n, index) => { if (n.id === id)
+            hits.push({ list, index }); if (n.events)
+            walk(n.events); if (n.menuInfo)
+            for (const m of n.menuInfo.menuItems || [])
+                for (const t of (m.menuEvent || []).flat())
+                    walk(t.events); }); }
+        walk(root);
+        check(hits.length === 1, '动作/分支 ID 未唯一匹配');
+        return hits[0];
+    };
+    let list = root;
+    if (edit.parent) {
+        const p = find(edit.parent);
+        const node = p.list[p.index];
+        check(['IF', 'ELSEIF', 'ELSE'].includes(node.type), 'parent 必须是条件分支 ID');
+        node.events ||= [];
+        list = node.events;
+    }
+    const blockEnd = (rows, index) => { let end = index + 1; if (rows[index]?.type === 'IF')
+        while (['ELSEIF', 'ELSE'].includes(rows[end]?.type))
+            end++; return end; };
+    if (edit.kind === 'branch' && ['add', 'order'].includes(edit.action)) {
+        check(edit.parent, '分支新增/排序需 parent=IF ID');
+        const p = find(edit.parent);
+        check(p.list[p.index].type === 'IF', '分支组必须定位 IF');
+        const end = blockEnd(p.list, p.index);
+        if (edit.action === 'add') {
+            check(['ELSEIF', 'ELSE'].includes(edit.config?.type), '新增分支类型为 ELSEIF/ELSE');
+            const node = compileEventAction(edit.config, layout);
+            const elseIndex = p.list.findIndex((a, i) => i > p.index && i < end && a.type === 'ELSE');
+            let index = node.type === 'ELSE' ? end : (elseIndex < 0 ? end : elseIndex);
+            if (edit.before) {
+                index = p.list.findIndex((a) => a.id === edit.before);
+                check(index > p.index && index < end, 'before 必须是同组后续分支');
+            }
+            p.list.splice(index, 0, node);
+        }
+        else {
+            const rows = p.list.slice(p.index, end);
+            const ids = edit.config;
+            check(Array.isArray(ids) && ids.length === rows.length && new Set(ids).size === ids.length && ids[0] === rows[0].id && ids.every((id) => rows.some((a) => a.id === id)), '分支排序需同组全部 ID，IF 在首位');
+            p.list.splice(p.index, rows.length, ...ids.map((id) => rows.find((a) => a.id === id)));
+        }
+    }
+    else if (edit.action === 'add') {
+        const nodes = compileEventSequence([edit.config], layout);
+        let index = list.length;
+        if (edit.before) {
+            index = list.findIndex((a) => a.id === edit.before);
+            check(index >= 0, 'before 不属于目标动作列表');
+        }
+        list.splice(index, 0, ...nodes);
+    }
+    else if (edit.action === 'order') {
+        const blocks = [];
+        for (let i = 0; i < list.length;) {
+            const end = blockEnd(list, i);
+            blocks.push(list.slice(i, end));
+            i = end;
+        }
+        const ids = edit.config;
+        check(Array.isArray(ids) && ids.length === blocks.length && new Set(ids).size === ids.length && ids.every((id) => blocks.some(a => a[0].id === id)), '排序提供该层全部普通动作/IF组首节点 ID；分支组整体移动');
+        list.splice(0, list.length, ...ids.flatMap((id) => blocks.find(a => a[0].id === id)));
+    }
+    else {
+        const hit = find(edit.item);
+        if (edit.parent)
+            check(hit.list === list, '动作不属于指定父分支');
+        const old = hit.list[hit.index];
+        if (edit.kind === 'branch')
+            check(['IF', 'ELSEIF', 'ELSE'].includes(old.type), '目标不是条件分支');
+        if (edit.action === 'remove')
+            hit.list.splice(hit.index, blockEnd(hit.list, hit.index) - hit.index);
+        else if (edit.action === 'enable') {
+            check(typeof edit.config === 'boolean', '启停值需布尔值');
+            old.enable = edit.config;
+        }
+        else if (edit.action === 'update') {
+            check(edit.config?.type, '修改需要完整动作 type/config');
+            check(!(['ELSEIF', 'ELSE'].includes(old.type)) || edit.config.type === old.type, '分支修改不隐式改变分支类型');
+            const block = old.type === 'IF' && edit.config.config?.branches;
+            if (block) {
+                const nodes = compileEventSequence([{ ...edit.config, id: old.id }], layout);
+                hit.list.splice(hit.index, blockEnd(hit.list, hit.index) - hit.index, ...nodes);
+            }
+            else
+                hit.list[hit.index] = compileEventAction(edit.config, layout, old);
+        }
+        else
+            throw Error('动作操作无效');
+    }
+    validateEventSequence(root);
+}
+function prepareNativeActions(input, layout) {
+    validateEventSequence(input);
+    const rows = clone(input);
+    function walk(events) {
+        for (const a of events) {
+            if (['IF', 'ELSEIF'].includes(a.type) && a.conditionData?.conditionType === 'Rule')
+                validateNativeEventCondition(a.conditionData.conditions);
+            if (a.type === 'JsCode') {
+                check(typeof a.jsCode?.code === 'string', '原生 JS 需要 code');
+                a.jsCode.compiledCode = compileEventJs(a.jsCode.code);
+            }
+            if (a.type === 'RefreshComp') {
+                check(Array.isArray(a.refreshInfo?.selectedCom), '刷新目标需数组');
+                a.refreshInfo.selectedCom.forEach((id) => requireComp(layout, id));
+            }
+            if (a.type === 'ShowHideComponent') {
+                check(Array.isArray(a.displayComs), '显隐配置需数组');
+                a.displayComs.forEach((x) => requireComp(layout, x.id));
+            }
+            if (a.events)
+                walk(a.events);
+            if (a.menuInfo)
+                for (const m of a.menuInfo.menuItems || [])
+                    for (const t of (m.menuEvent || []).flat())
+                        walk(t.events);
+        }
+    }
+    walk(rows);
+    return rows;
+}
+function assignInputIds(input) {
+    const n = clone(input);
+    if (!n || typeof n !== 'object')
+        return n;
+    if (Array.isArray(n))
+        return n;
+    if (n.type)
+        n.id ||= uid();
+    if (n.actions)
+        n.actions = n.actions.map(assignInputIds);
+    if (n.config?.branches)
+        for (const b of n.config.branches) {
+            b.id ||= uid();
+            if (b.actions)
+                b.actions = b.actions.map(assignInputIds);
+        }
+    if (n.type === 'ShowMenu')
+        for (const m of n.config.menuItems || []) {
+            m.id ||= uid();
+            if (m.action)
+                m.action = assignInputIds(m.action);
+        }
+    return n;
+}
 export function patchDesignerEvent(layouts, scope, terminal, trigger, operation, input) {
     check(['pc', 'mobile', 'both'].includes(terminal), 'terminal 需 pc/mobile/both');
-    check(eventNames[trigger], '仅支持 CLICK/DIDMOUNT');
+    check(eventNames[trigger], '仅支持 CLICK/DIDMOUNT/CLICKDATA');
+    if (scope.collection === 'customPageButtons')
+        check(trigger === 'CLICK', '帮助按钮仅支持单击事件');
+    if (trigger === 'CLICKDATA')
+        check(scope.compId && !scope.collection && layouts.some(l => l.comps.some((c) => c.id === scope.compId && c.type === 'NList')), 'CLICKDATA 仅用于列表组件');
+    if (operation === 'set')
+        input = assignInputIds(input);
+    if (operation === 'edit' && ['add', 'update'].includes(input?.action))
+        input = { ...input, config: assignInputIds(input.config) };
     const next = clone(layouts), primary = next.find((l) => l.terminalType === (terminal === 'mobile' ? 'MOBILE' : 'PC'));
     check(primary, '缺少目标终端');
     const targets = terminal === 'both' ? next.filter((l) => ['PC', 'MOBILE'].includes(l.terminalType)) : [primary];
@@ -257,15 +564,28 @@ export function patchDesignerEvent(layouts, scope, terminal, trigger, operation,
             target.eventGroup = groups.map((g) => g.filter(e => e.type !== trigger)).filter((g) => g.length);
         }
         else if (operation === 'enable') {
-            check(hits.length === 1 && hits[0].events.length === 1, '没有对应动作');
+            check(hits.length === 1 && hits[0].events.length === 1, '需唯一动作；多动作请按动作 ID 启停');
             check(typeof input === 'boolean', '启停需布尔值');
             hits[0].events[0].enable = input;
         }
+        else if (operation === 'edit') {
+            check(hits.length === 1, '没有对应触发，请先整体设置动作列表');
+            const edit = clone(input);
+            if (layout.id !== primary.id && edit.config)
+                edit.config = remapAction(edit.config, primary, layout);
+            editEventSequence(hits[0].events, edit, layout);
+            hits[0].actionDesc = hits[0].events.map((a) => EVENT_ACTIONS[a.type]?.label || a.type).join(' → ');
+        }
         else {
             const actionInput = layout.id === primary.id ? input : remapAction(input, primary, layout);
             const old = hits[0];
-            const action = compileEventAction(actionInput, layout, old?.events[0]);
-            const entry = { ...(old || {}), id: old?.id || uid(), type: trigger, name: eventNames[trigger], disableDelete: old?.disableDelete ?? false, events: [action], actionDesc: EVENT_ACTIONS[action.type].label };
+            const batch = (actionInput.actions !== undefined || actionInput.nativeActions !== undefined) && actionInput.type === undefined;
+            if (batch)
+                object(actionInput, ['actions', 'nativeActions']);
+            check(!(actionInput.actions !== undefined && actionInput.nativeActions !== undefined), 'actions 与 nativeActions 二选一');
+            check(batch || !old || old.events.length <= 1, '已有多动作；请使用 {actions:[...]} 明确整体替换或按动作 ID 修改');
+            const actions = actionInput.nativeActions !== undefined ? prepareNativeActions(actionInput.nativeActions, layout) : batch ? compileEventSequence(actionInput.actions, layout) : [compileEventAction(actionInput, layout, old?.events[0])];
+            const entry = { ...(old || {}), id: old?.id || uid(), type: trigger, name: eventNames[trigger], disableDelete: old?.disableDelete ?? false, events: actions, actionDesc: actions.map((a) => EVENT_ACTIONS[a.type]?.label || a.type).join(' → ') };
             if (old)
                 target.eventGroup = groups.map((g) => g.map(e => e.type === trigger ? entry : e));
             else
@@ -288,14 +608,18 @@ export async function mutateDesignerEvent(client, base, pageId, scope, terminal,
     const latestInfo = response(await client.get(infoUrl), '检查编辑状态');
     check(latestInfo.allowEdit === true && !latestInfo.isLock, '页面编辑状态变化');
     response(await client.post(`${base}/api/bs/ebuilder/designer/layout/save?pageId=${pageId}`, lzwCompress(JSON.stringify(after)), { 'content-type': 'application/json;charset=UTF-8', ebbusinessid: pageId }), '保存事件');
-    const readback = await readSourceLayouts(client, base, pageId);
-    check(readback.length === after.length, '保存后布局集合变化');
-    for (const l of after) {
-        const actual = readback.find((x) => String(x.id) === String(l.id));
-        check(actual && same(savedComps(l.comps), savedComps(actual.comps)) && same(l.config, actual.config) && same(l.sourceCode, actual.sourceCode), '事件保存后回读不一致，请检查实际状态');
-    }
-    const unlock = await client.post(`${base}/api/bs/ebuilder/designer/layout/lock?pageId=${pageId}&isLock=false`, {});
-    check(unlock?.code === 200 && unlock.status === true, '事件已保存，但释放本次软锁失败');
+    try {
+        const readback = await readSourceLayouts(client, base, pageId);
+        check(readback.length === after.length, '保存后布局集合变化');
+        for (const l of after) {
+            const actual = readback.find((x) => String(x.id) === String(l.id));
+            check(actual && same(savedComps(l.comps), savedComps(actual.comps)) && same(l.config, actual.config) && same(l.sourceCode, actual.sourceCode), '事件保存后回读不一致，请检查实际状态');
+        }
+    }
+    finally {
+        const unlock = await client.post(`${base}/api/bs/ebuilder/designer/layout/lock?pageId=${pageId}&isLock=false`, {});
+        check(unlock?.code === 200 && unlock.status === true, '事件已保存，但释放本次软锁失败');
+    }
     return { saved: true, changed: true, pageId, terminal, trigger, scope };
 }
 export async function createRefreshCondition(client, base, compId, sqlWhere, apply) {