@cloudbase/cals 1.1.14 → 1.2.0

package/lib/esm/parser/cals/index.js

@@ -0,0 +1,1548 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import lodashGet from 'lodash/get';
+import cloneDeep from 'lodash/cloneDeep';
+import lodashUnset from 'lodash/unset';
+import lodashSet from 'lodash/set';
+import isArray from 'lodash/isArray';
+import isObject from 'lodash/isObject';
+import { ECodeName, ECodeType, EResourceType } from '../../types/platform/common';
+import { ActionType, DynamicValueParser, PropBindType } from '../expression';
+import { isEmptyObj, isValidClassNameListBind, isValidStyleBind, walkThroughComponents, DYNAMIC_KEY_REG, } from './utils/common';
+import { removeInvalidStyleFormValue } from './utils/style';
+import { getValidValue, readDirectives, readDynamicData, readListeners, writeListeners } from './utils/runtime';
+import { COMPONENT_SELECTABLEBLOCK_WHITELIST, MODULE_SELECTABLEBLOCK_REGEX } from './utils/version/config';
+import { generateDefaultCode } from './utils/template';
+import { isEnablePageRoot, isEnbaleObserverVersion, isEnableSimpleComponentInvoke, } from '../../utils/version/featureChecker';
+import { OFFICIAL_LIB_KEY, SPINOFF_SUFFIX, getUsedReference, } from '../../utils';
+import { generateBlockTemplateMap } from './utils/getUsedReference';
+import { VisitedMap } from './utils/block/helpers/remap-component-ids';
+import { getComponentNamespace } from './utils/block/helpers/get-component-namespace';
+import { expandComponentReference, collapseComponentReference, } from './utils/block/index';
+export { getUsedComps, generateCustomLoginConfigPathname, replaceGloalIdentifier } from './utils/common';
+export { generateDefaultCode } from './utils/template';
+export function serializeValue({ ctx, key, dynamicValue, scope = 'page', streamlineDefaultValue, }) {
+    var _a, _b;
+    let { value } = dynamicValue;
+    let { dependenciesMap = {} } = ctx;
+    if (dynamicValue.type && dynamicValue.type !== 'static') {
+        key = `:${key}`;
+        switch (dynamicValue.type) {
+            case PropBindType.state:
+            case PropBindType.computed:
+            case PropBindType.dataVar:
+            case PropBindType.stateData:
+            case PropBindType.params: {
+                const TYPE_MAP = {
+                    [PropBindType.prop]: 'props',
+                    [PropBindType.state]: 'state',
+                    [PropBindType.computed]: 'computed',
+                    [PropBindType.dataVar]: 'dataVar',
+                    [PropBindType.stateData]: 'dataset.state',
+                    [PropBindType.params]: 'dataset.params',
+                };
+                let exp = dynamicValue.value;
+                let reg = /^(.*?)\./;
+                let prefix = exp;
+                let matched = exp.match(reg);
+                if (matched) {
+                    prefix = matched[1];
+                }
+                let replacer = scope === 'component' ? '$comp' : '$page';
+                if (prefix === 'global') {
+                    replacer = '$app';
+                }
+                else if (/^comp-\w+/.test(prefix) || /^\$comp_\w+/.test(prefix)) {
+                    replacer = '$comp';
+                }
+                replacer += `.${TYPE_MAP[dynamicValue.type]}.`;
+                value = exp.replace(reg, replacer);
+                break;
+            }
+            case PropBindType.prop: {
+                const isNeg = dynamicValue.value.startsWith('!');
+                value = isNeg
+                    ? dynamicValue.value.replace('!', '!$comp.props.data.')
+                    : `$comp.props.data.${dynamicValue.value}`;
+                break;
+            }
+            case PropBindType.forItem: {
+                value = `$for.${dynamicValue.value}`;
+                break;
+            }
+            case PropBindType.slot: {
+                value = '$slot';
+                break;
+            }
+            case PropBindType.expression: {
+                // Todo: 表达式转义
+                // app.state => $app.state
+                // forItems.state => $for.state
+                break;
+            }
+        }
+    }
+    else if (streamlineDefaultValue) {
+        let { module = '', component = '' } = ctx.component || {};
+        let sourceKey = `${module}:${component}`;
+        let config = (_b = (_a = dependenciesMap === null || dependenciesMap === void 0 ? void 0 : dependenciesMap[sourceKey]) === null || _a === void 0 ? void 0 : _a.dataForm) === null || _b === void 0 ? void 0 : _b[key];
+        if ((config === null || config === void 0 ? void 0 : config.default) === value || (config && config.default === undefined && value === '')) {
+            value = undefined;
+        }
+    }
+    return { key, value, extra: dynamicValue.extra };
+}
+export function deserializeValue(ctx, key, value, extra) {
+    var _a;
+    let matched = key.match(DYNAMIC_KEY_REG);
+    if (matched) {
+        let key = matched[1];
+        let type = PropBindType.expression;
+        try {
+            let parser = new DynamicValueParser(value, { pageId: (_a = ctx.page) === null || _a === void 0 ? void 0 : _a.id });
+            let res = parser.parse();
+            type = res.type;
+            if ((res === null || res === void 0 ? void 0 : res.value) != undefined) {
+                value = res.value;
+            }
+        }
+        catch (e) {
+            if (typeof value === 'boolean') {
+                type = PropBindType.static;
+            }
+            else {
+                type = PropBindType.expression;
+                try {
+                    value = value.replace(/\$app\./g, 'app.').replace(/\$for\./g, 'forItems.');
+                }
+                catch (e) { }
+            }
+        }
+        return {
+            key,
+            value: { type, value, extra },
+        };
+    }
+    else {
+        return {
+            key,
+            value: value === undefined
+                ? undefined
+                : {
+                    type: undefined /* 'static'*/,
+                    value,
+                    extra,
+                },
+        };
+    }
+}
+export function serializeDynamicMap(props) {
+    return serializeDynamicMapWithExtra(props).data;
+}
+function serializeDynamicMapWithExtra({ ctx, map = {}, scope = 'page', streamlineDefaultValue, }) {
+    let data = {};
+    let extra = {};
+    Object.keys(map)
+        .sort((a, b) => {
+        const aPath = a.split('.');
+        const bPath = b.split('.');
+        const isADynamic = aPath[0].startsWith(':');
+        const isBDynamic = bPath[0].startsWith(':');
+        if (isADynamic !== isBDynamic) {
+            return isADynamic ? -1 : 1;
+        }
+        else {
+            return aPath > bPath ? 1 : -1;
+        }
+    })
+        .forEach((key) => {
+        let { key: processedKey, value: processedValue, extra: processedExtra, } = serializeValue({
+            ctx,
+            key,
+            dynamicValue: map[key],
+            scope,
+            streamlineDefaultValue,
+        });
+        let matched = processedKey.match(DYNAMIC_KEY_REG);
+        let originKey = processedKey;
+        if (matched) {
+            originKey = matched[1];
+            if (!originKey) {
+                return;
+            }
+            lodashUnset(data, originKey);
+        }
+        const originKeyArr = originKey.split('.');
+        if (lodashGet(data, processedKey) == undefined) {
+            /* 选区结构处理 [formily] to [CALS] */
+            if (Array.isArray(processedValue) && (processedValue === null || processedValue === void 0 ? void 0 : processedValue.some((item) => !!(item === null || item === void 0 ? void 0 : item.selectableBlock)))) {
+                let valueTmp = cloneDeep(processedValue);
+                processedValue = valueTmp === null || valueTmp === void 0 ? void 0 : valueTmp.map((_value) => {
+                    var _a, _b, _c;
+                    const xProp = (_a = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _a === void 0 ? void 0 : _a['x-props'];
+                    const xComponent = (_c = (_b = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _b === void 0 ? void 0 : _b['x-component']) === null || _c === void 0 ? void 0 : _c.toLowerCase();
+                    const module = xComponent === null || xComponent === void 0 ? void 0 : xComponent.split(':')[0];
+                    const component = xComponent === null || xComponent === void 0 ? void 0 : xComponent.split(':')[1];
+                    if (xProp &&
+                        MODULE_SELECTABLEBLOCK_REGEX.test(module) &&
+                        COMPONENT_SELECTABLEBLOCK_WHITELIST.includes(component)) {
+                        _value.selectableBlock = serializeRuntimeComponent(ctx, _value.selectableBlock);
+                    }
+                    return _value;
+                });
+            }
+            // 为动态数据且有多级，将{":range.0.label": "$page.dataset.state.test1"}转为{ range: [{ ":label": "$page.dataset.state.test1"}] }
+            if (matched && originKeyArr.length >= 2) {
+                lodashSet(data, replaceWithColon(originKey), cloneDeep(processedValue));
+            }
+            else {
+                data[processedKey] = cloneDeep(processedValue);
+            }
+        }
+        extra[originKey] = processedExtra;
+    });
+    return { data, extra };
+}
+/**
+ * 将{ range: [{ label: "$page.dataset.state.test1"}] }的path range.0.label 转为range.0.:label
+ * @param key
+ * @returns
+ */
+function replaceWithColon(key) {
+    const keyArr = key.split('.');
+    // 最深一层前面加上":"
+    keyArr[keyArr.length - 1] = `:${keyArr[keyArr.length - 1]}`;
+    return keyArr.join('.');
+}
+/**
+ * 预处理，先还原数据。
+ * 将range: [{":label": "$page.dataset.state.test1"}]还原为：":range.0.label": "$page.dataset.state.test1"
+ * 支持递归
+ * @param parent 根节点
+ * @param current 当前节点
+ * @param path 路径
+ * @returns
+ */
+function recoverSynamicMap(parent, current, path = '') {
+    Object.keys(current).forEach((key) => {
+        let value = current[key];
+        if (isArray(value)) {
+            // 注意如果是 selectableBlock 独立处理
+            if (value === null || value === void 0 ? void 0 : value.some((item) => !!(item === null || item === void 0 ? void 0 : item.selectableBlock))) {
+                return;
+            }
+            // 数组必须在前面
+            value.forEach((valueItem, valueIndex) => {
+                if (isObject(valueItem)) {
+                    valueItem = recoverSynamicMap(parent, valueItem, `${path === '' ? '' : `${path}.`}${key}.${valueIndex}`);
+                }
+            });
+        }
+        else if (isObject(value)) {
+            value = recoverSynamicMap(parent, value, `${path === '' ? '' : `${path}.`}${key}`);
+        }
+        else {
+            const matched = key.match(DYNAMIC_KEY_REG);
+            if (matched) {
+                parent[`:${path === '' ? '' : `${path}.`}${matched[1]}`] = current[key];
+                if (current !== parent) {
+                    // 如果是第一层级，说明current和parent相等，不unset
+                    lodashUnset(current, key);
+                }
+            }
+        }
+    });
+    return current;
+}
+export function deserializeDynamicMap(ctx, map, extraMap) {
+    var _a, _b;
+    let data = {};
+    const clonedMap = cloneDeep(map);
+    // 还原flatten path
+    map = recoverSynamicMap(clonedMap, clonedMap, '');
+    for (let key in map || {}) {
+        let value = map === null || map === void 0 ? void 0 : map[key];
+        let matched = key.match(DYNAMIC_KEY_REG);
+        if (matched && !matched[1]) {
+            continue;
+        }
+        let { key: processedKey, value: processedValue } = deserializeValue(ctx, key, value, extraMap === null || extraMap === void 0 ? void 0 : extraMap[matched ? matched[1] : key]);
+        /* 选区结构处理 [CALS] to [formily] */
+        if (Array.isArray(processedValue === null || processedValue === void 0 ? void 0 : processedValue.value) && ((_a = processedValue === null || processedValue === void 0 ? void 0 : processedValue.value) === null || _a === void 0 ? void 0 : _a.some((item) => !!(item === null || item === void 0 ? void 0 : item.selectableBlock)))) {
+            (_b = processedValue === null || processedValue === void 0 ? void 0 : processedValue.value) === null || _b === void 0 ? void 0 : _b.forEach((_value) => {
+                var _a, _b, _c, _d;
+                const module = (_b = (_a = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+                const component = (_d = (_c = _value === null || _value === void 0 ? void 0 : _value.selectableBlock) === null || _c === void 0 ? void 0 : _c.component) === null || _d === void 0 ? void 0 : _d.toLowerCase();
+                if (_value.selectableBlock &&
+                    MODULE_SELECTABLEBLOCK_REGEX.test(module) &&
+                    COMPONENT_SELECTABLEBLOCK_WHITELIST.includes(component)) {
+                    _value.selectableBlock = deserializeRuntimeComponent(ctx, _value.selectableBlock);
+                }
+                return _value;
+            });
+        }
+        if (processedValue !== undefined) {
+            data[processedKey] = processedValue;
+        }
+    }
+    return data;
+}
+export function serializeAttributes(ctx, scope, attributes = {}) {
+    var _a;
+    return (_a = serializeAttributesWithExtra(ctx, scope, attributes)) === null || _a === void 0 ? void 0 : _a.data;
+}
+function serializeAttributesWithExtra(ctx, scope, attributes = {}) {
+    return serializeDynamicMapWithExtra({
+        ctx,
+        scope,
+        map: attributes,
+        streamlineDefaultValue: ctx.streamlineDefaultValue,
+    });
+}
+export function deserializeAttributes(ctx, attributes = {}, attributesExtraData = {}) {
+    const reservedAttributes = ['style', 'commonStyle', 'class'];
+    const reservedAttributesMap = reservedAttributes.reduce((map, key) => {
+        map[key] = true;
+        map[`:${key}`] = true;
+        return map;
+    }, {});
+    let restAttributes = {};
+    for (let key in attributes) {
+        if (reservedAttributesMap[key]) {
+            continue;
+        }
+        else {
+            restAttributes[key] = attributes[key];
+        }
+    }
+    return deserializeDynamicMap(ctx, restAttributes, attributesExtraData);
+}
+/**
+ * 将dataset({state: {}, params: {}})从 weapp 结构转换为cals结构
+ *  目前仅转换 state 中的 initMethod.params 和 updateMethod.params
+ */
+export function serializeDataset(ctx, dataset) {
+    if (!dataset) {
+        return dataset;
+    }
+    const result = JSON.parse(JSON.stringify(dataset || {}));
+    Object.values(result.state || {}).forEach((state) => {
+        var _a, _b, _c, _d;
+        if (state.varType !== 'datasource')
+            return;
+        if ((_a = state.initMethod) === null || _a === void 0 ? void 0 : _a.params) {
+            state.initMethod.params = (_b = serializeDynamicMapWithExtra({
+                ctx,
+                map: state.initMethod.params,
+            })) === null || _b === void 0 ? void 0 : _b.data;
+        }
+        if ((_c = state.updateMethod) === null || _c === void 0 ? void 0 : _c.params) {
+            state.updateMethod.params = (_d = serializeDynamicMapWithExtra({
+                ctx,
+                map: state.updateMethod.params,
+            })) === null || _d === void 0 ? void 0 : _d.data;
+        }
+    });
+    Object.entries(result.query || {}).forEach(([key, query]) => {
+        var _a, _b, _c, _d;
+        let { dataSourceName, method, listeners, handler, data, args } = query, restQuery = __rest(query, ["dataSourceName", "method", "listeners", "handler", "data", "args"]);
+        let isDeprecatedVersion = false;
+        let mergedData = (_a = serializeDynamicMapWithExtra({
+            ctx,
+            map: data || {},
+        })) === null || _a === void 0 ? void 0 : _a.data;
+        if (dataSourceName && !handler) {
+            handler = {
+                moduleName: 'platform',
+                name: 'cloud.callDataSource',
+            };
+            isDeprecatedVersion = true;
+            mergedData = {
+                dataSourceName,
+                methodName: method === null || method === void 0 ? void 0 : method.name,
+                params: (_b = serializeDynamicMapWithExtra({
+                    ctx,
+                    map: (method === null || method === void 0 ? void 0 : method.params) || {},
+                })) === null || _b === void 0 ? void 0 : _b.data,
+            };
+        }
+        const argsData = (_c = serializeDynamicMapWithExtra({
+            ctx,
+            map: args || {},
+        })) === null || _c === void 0 ? void 0 : _c.data;
+        let processedHandler = {
+            module: handler === null || handler === void 0 ? void 0 : handler.moduleName,
+            name: handler === null || handler === void 0 ? void 0 : handler.name,
+            ':code': handler === null || handler === void 0 ? void 0 : handler.code,
+        };
+        if (isDeprecatedVersion) {
+            processedHandler.params = mergedData;
+        }
+        else if (mergedData && data) {
+            processedHandler.params = mergedData;
+        }
+        else {
+            processedHandler = Object.assign(Object.assign({}, argsData), processedHandler);
+        }
+        result.query[key] = Object.assign(Object.assign({}, restQuery), { handler: processedHandler, listeners: (_d = listeners === null || listeners === void 0 ? void 0 : listeners.map) === null || _d === void 0 ? void 0 : _d.call(listeners, (listener) => serializeListener(ctx, listener)) });
+    });
+    return result;
+}
+/**
+ * 反序列化布局模板
+ * @param ctx
+ * @param templates
+ */
+export function deserializeTemplates(ctx, templates) {
+    const layout = {};
+    templates.forEach((template) => {
+        const { listeners = [] } = processListeners((template === null || template === void 0 ? void 0 : template.listeners) || []);
+        layout[template.id] = {
+            id: template.id,
+            name: template.name,
+            label: template.label,
+            data: (template === null || template === void 0 ? void 0 : template.data) || {},
+            dataset: deserializeDataset(ctx, template.dataset),
+            componentInstances: deserializeComponent(ctx, template.items || []),
+            listeners: (listeners === null || listeners === void 0 ? void 0 : listeners.map((item) => {
+                return deserializeListener(ctx, item);
+            })) || [],
+        };
+    });
+    return layout;
+}
+/**
+ * 将dataset({state: {}, params: {}})从 cals 结构转换为weapp结构
+ *  目前仅转换 state 中的 initMethod.params 和 updateMethod.params
+ */
+export function deserializeDataset(ctx, dataset) {
+    if (!dataset) {
+        return dataset;
+    }
+    // 克隆, 避免引用问题
+    const result = JSON.parse(JSON.stringify(dataset || {}));
+    Object.values(result.state || {}).forEach((state) => {
+        var _a, _b;
+        if (state.varType !== 'datasource')
+            return;
+        if ((_a = state.initMethod) === null || _a === void 0 ? void 0 : _a.params) {
+            state.initMethod.params = deserializeDynamicMap(ctx, state.initMethod.params);
+        }
+        if ((_b = state.updateMethod) === null || _b === void 0 ? void 0 : _b.params) {
+            state.updateMethod.params = deserializeDynamicMap(ctx, state.updateMethod.params);
+        }
+    });
+    Object.entries(result.query || {}).forEach(([key, query]) => {
+        var _a, _b;
+        const _c = normalizeQuery(query), { handler, listeners } = _c, restQuery = __rest(_c, ["handler", "listeners"]);
+        let paramsDynamicMap = generateHandlerParamsDynamicMap(handler);
+        result.query[key] = Object.assign(Object.assign({}, restQuery), { handler: {
+                moduleName: handler === null || handler === void 0 ? void 0 : handler.module,
+                name: (handler === null || handler === void 0 ? void 0 : handler.name) || '',
+                code: (handler === null || handler === void 0 ? void 0 : handler[':code']) || (handler === null || handler === void 0 ? void 0 : handler.code),
+            }, data: deserializeDynamicMap(ctx, ((_a = paramsDynamicMap.params) === null || _a === void 0 ? void 0 : _a[0]) || {}), args: deserializeDynamicMap(ctx, paramsDynamicMap), listeners: (_b = listeners === null || listeners === void 0 ? void 0 : listeners.map) === null || _b === void 0 ? void 0 : _b.call(listeners, (listener) => {
+                return deserializeListener(ctx, listener);
+            }) });
+    });
+    return result;
+}
+export function normalizeQuery(query) {
+    let { dataSourceName, method, handler } = query, restQuery = __rest(query, ["dataSourceName", "method", "handler"]);
+    if (dataSourceName && !handler) {
+        handler = {
+            module: 'platform',
+            name: 'cloud.callDataSource',
+            params: {
+                dataSourceName,
+                methodName: (method === null || method === void 0 ? void 0 : method.name) || '',
+                params: (method === null || method === void 0 ? void 0 : method.params) || {},
+            },
+        };
+    }
+    return Object.assign(Object.assign({}, restQuery), { handler });
+}
+function serializeDirecties(ctx, directives, scope = 'page') {
+    var _a;
+    let processed = {
+        ':if': directives.waIf
+            ? serializeValue({
+                ctx,
+                key: 'waIf',
+                dynamicValue: directives.waIf,
+                scope,
+            }).value
+            : undefined,
+        ':for': directives.waFor
+            ? `${(_a = ctx.component) === null || _a === void 0 ? void 0 : _a.id} in ${serializeValue({
+                ctx,
+                key: 'waFor',
+                dynamicValue: directives.waFor,
+                scope,
+            }).value}`
+            : undefined,
+        key: directives.waForKey
+            ? serializeValue({
+                ctx,
+                key: 'waForKey',
+                dynamicValue: directives.waForKey,
+                scope,
+            }).value
+            : undefined,
+        ':display': directives.waDisplay
+            ? serializeValue({
+                ctx,
+                key: 'waDisplay',
+                dynamicValue: directives.waDisplay,
+                scope,
+            }).value
+            : undefined,
+    };
+    for (let key in processed) {
+        let map = processed;
+        if (map[key] !== undefined) {
+            return processed;
+        }
+    }
+    return undefined;
+}
+function deserializeDirecties(ctx, directives) {
+    let waIf = (directives === null || directives === void 0 ? void 0 : directives[':if']) !== undefined ? deserializeValue(ctx, ':if', directives[':if']).value : { value: true };
+    let waDisplay = (directives === null || directives === void 0 ? void 0 : directives[':display']) !== undefined
+        ? deserializeValue(ctx, ':display', directives[':display']).value
+        : { value: true };
+    let waFor = (directives === null || directives === void 0 ? void 0 : directives[':for']) ? deserializeValue(ctx, ':for', directives[':for']).value : undefined;
+    const waForKey = (directives === null || directives === void 0 ? void 0 : directives.key) ? deserializeValue(ctx, 'key', directives.key).value : undefined;
+    if (waFor) {
+        let { type, value } = waFor;
+        if (type === PropBindType.expression) {
+            /**
+             * 配合 builder render 一起使用
+             */
+            waFor.value = value.replace(/^(.*?in\s)/, '');
+        }
+    }
+    let processed = {
+        waIf: (waIf === null || waIf === void 0 ? void 0 : waIf.value) === true ? undefined : waIf,
+        waDisplay: (waDisplay === null || waDisplay === void 0 ? void 0 : waDisplay.value) === true ? undefined : waDisplay,
+        waFor,
+        waForKey,
+    };
+    for (let key in processed) {
+        let map = processed;
+        if (map[key] !== undefined) {
+            return processed;
+        }
+    }
+    return undefined;
+}
+/**
+ * TODO
+ * heander 更新为表达式
+ */
+function serializeListener(ctx, listener) {
+    var _a;
+    const { data, extra = {} } = serializeDynamicMapWithExtra({
+        ctx,
+        map: listener.data,
+    }) || {};
+    const { data: args, extra: argsExtra = {} } = serializeDynamicMapWithExtra({
+        ctx,
+        map: listener.args || {},
+    }) || {};
+    const platfromListener = {
+        id: listener.key,
+        eventName: listener.trigger,
+        type: listener.type,
+        handler: {
+            name: listener.handler.name,
+            module: /^comp-\w+$/.test(listener.handler.moduleName)
+                ? '$comp'
+                : listener.type === ActionType.Rematch && ((_a = ctx.page) === null || _a === void 0 ? void 0 : _a.id)
+                    ? ctx.page.id
+                    : listener.handler.moduleName,
+            [':code']: listener.handler.code,
+        },
+        isCapturePhase: listener.isCapturePhase,
+        noPropagation: !!listener.noPropagation,
+    };
+    if (!listener.args && data) {
+        platfromListener.handler.params = data;
+    }
+    else {
+        platfromListener.handler = Object.assign(Object.assign({}, args), platfromListener.handler);
+    }
+    Object.entries({
+        handlerParamExtraData: extra,
+        handlerAragsExtraData: argsExtra,
+    }).forEach(([key, value]) => {
+        if (Object.keys(value).some((k) => extra[k] !== undefined)) {
+            if (!platfromListener.extra) {
+                platfromListener.extra = {};
+            }
+            platfromListener.extra[key] = value;
+        }
+    });
+    return platfromListener;
+}
+function deserializeListener(ctx, listener) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    let paramsDynamicMap = generateHandlerParamsDynamicMap(listener.handler);
+    let argsExtra = (_a = listener === null || listener === void 0 ? void 0 : listener.extra) === null || _a === void 0 ? void 0 : _a.handlerAragsExtraData;
+    if (!argsExtra && ((_b = listener === null || listener === void 0 ? void 0 : listener.extra) === null || _b === void 0 ? void 0 : _b.handlerAragsExtraData)) {
+        argsExtra = Object.entries((_c = listener === null || listener === void 0 ? void 0 : listener.extra) === null || _c === void 0 ? void 0 : _c.handlerAragsExtraData).reduce((map, [key, value]) => {
+            map[`params.0.${key}`] = value;
+            return map;
+        }, {});
+    }
+    let handler = {
+        name: (_d = listener.handler) === null || _d === void 0 ? void 0 : _d.name,
+        moduleName: (_e = listener.handler) === null || _e === void 0 ? void 0 : _e.module,
+        code: ((_f = listener.handler) === null || _f === void 0 ? void 0 : _f[':code']) || ((_g = listener.handler) === null || _g === void 0 ? void 0 : _g.code),
+    };
+    if (listener.type === ActionType.Rematch && ((_h = ctx.page) === null || _h === void 0 ? void 0 : _h.id)) {
+        handler.moduleName = ctx.page.id;
+    }
+    let processed = {
+        key: listener.id,
+        trigger: listener.eventName,
+        type: listener.type,
+        handler,
+        data: deserializeDynamicMap(ctx, ((_j = paramsDynamicMap.params) === null || _j === void 0 ? void 0 : _j[0]) || {}, ((_k = listener === null || listener === void 0 ? void 0 : listener.extra) === null || _k === void 0 ? void 0 : _k.handlerParamExtraData) || {}),
+        args: deserializeDynamicMap(ctx, paramsDynamicMap, argsExtra),
+        isCapturePhase: !!listener.isCapturePhase,
+        noPropagation: !!listener.noPropagation,
+    };
+    return processed;
+}
+function serializeDataVariables(ctx, data) {
+    let { title } = data, restData = __rest(data, ["title"]);
+    return Object.assign(Object.assign({ varType: 'datasource' }, restData), { label: title });
+}
+export function deserializeDataVariables(_, data) {
+    let { label } = data, restData = __rest(data, ["label"]);
+    return Object.assign(Object.assign({}, restData), { title: label });
+}
+function serializeCodeSource(_, data) {
+    const { type } = data;
+    return Object.assign(Object.assign({}, data), { type: EResourceType.CODE, codeType: type });
+}
+function deserializeCodeResource(_, data) {
+    const { type, codeType } = data, resData = __rest(data, ["type", "codeType"]);
+    return Object.assign(Object.assign({}, resData), { type: codeType });
+}
+function serializeModuleName(ctx, moduleName, componentName) {
+    let { dependenciesMap = {} } = ctx;
+    const reg = new RegExp(`${SPINOFF_SUFFIX}$`);
+    if (moduleName === OFFICIAL_LIB_KEY) {
+        moduleName = undefined;
+    }
+    else if (moduleName &&
+        !reg.test(moduleName) &&
+        !dependenciesMap[`${moduleName}:${componentName}`] &&
+        dependenciesMap[`${moduleName}${SPINOFF_SUFFIX}:${componentName}`]) {
+        return `${moduleName}${SPINOFF_SUFFIX}`;
+    }
+    return moduleName;
+}
+function deserializeModuleName({ dependenciesMap = {} }, componentName, moduleName) {
+    const reg = new RegExp(`${SPINOFF_SUFFIX}$`);
+    /**
+     * 无组件库名 且 有组件名
+     */
+    if (!moduleName && componentName) {
+        return OFFICIAL_LIB_KEY;
+    }
+    else if (moduleName &&
+        !reg.test(moduleName) &&
+        !dependenciesMap[`${moduleName}:${componentName}`] &&
+        dependenciesMap[`${moduleName}${SPINOFF_SUFFIX}:${componentName}`]) {
+        return `${moduleName}${SPINOFF_SUFFIX}`;
+    }
+    return moduleName;
+}
+function serializeXIndex(ctx, list) {
+    return list
+        .sort((a, b) => { var _a, _b; return (((_a = a.extra) === null || _a === void 0 ? void 0 : _a.xIndex) || 0) - (((_b = b.extra) === null || _b === void 0 ? void 0 : _b.xIndex) || 0); })
+        .map((component) => {
+        const { extra } = component, restComponent = __rest(component, ["extra"]);
+        const _a = extra || {}, { xIndex } = _a, restExtra = __rest(_a, ["xIndex"]);
+        return Object.assign(Object.assign({}, restComponent), { extra: extra ? restExtra : undefined });
+    });
+}
+export function serializeComponent(ctx, component, scope = 'page') {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    // const scope = ctx.component?.id ? 'component' : 'page'
+    const moduleName = (_a = component.xComponent) === null || _a === void 0 ? void 0 : _a.moduleName;
+    const componentName = ((_b = component.xComponent) === null || _b === void 0 ? void 0 : _b.name) || '';
+    const componentCtx = Object.assign(Object.assign({}, ctx), { component: {
+            id: component.id,
+            module: moduleName,
+            component: (_c = component.xComponent) === null || _c === void 0 ? void 0 : _c.name,
+        } });
+    if (componentCtx.dependencies && !componentCtx.dependenciesMap) {
+        componentCtx.dependenciesMap = processDependenceList2Map(componentCtx.dependencies || []);
+    }
+    let attributeMeta = serializeAttributesWithExtra(componentCtx, scope, (((_d = component === null || component === void 0 ? void 0 : component.xProps) === null || _d === void 0 ? void 0 : _d.data) || {})) || {};
+    const { data: attributes = {}, extra: attributeExtraData = {} } = attributeMeta;
+    let classListBindData = null;
+    let styleBindData = null;
+    if ((_e = component === null || component === void 0 ? void 0 : component.xProps) === null || _e === void 0 ? void 0 : _e.classListBind) {
+        classListBindData = serializeValue({
+            ctx: componentCtx,
+            key: 'classListBind',
+            dynamicValue: (_f = component === null || component === void 0 ? void 0 : component.xProps) === null || _f === void 0 ? void 0 : _f.classListBind,
+            scope,
+        });
+        if (classListBindData.extra) {
+            attributeExtraData.class = classListBindData.extra;
+        }
+    }
+    if ((_g = component === null || component === void 0 ? void 0 : component.xProps) === null || _g === void 0 ? void 0 : _g.styleBind) {
+        styleBindData = serializeValue({
+            ctx: componentCtx,
+            key: 'styleBind',
+            dynamicValue: (_h = component === null || component === void 0 ? void 0 : component.xProps) === null || _h === void 0 ? void 0 : _h.styleBind,
+        });
+        if (styleBindData.extra) {
+            attributeExtraData.style = styleBindData.extra;
+        }
+    }
+    return {
+        id: component.id,
+        label: getValidValue(component.label),
+        type: undefined,
+        module: serializeModuleName(componentCtx, moduleName, componentName),
+        component: componentName,
+        attributes: getValidValue(component.xProps
+            ? Object.assign(Object.assign({}, attributes), { style: (_j = component.xProps) === null || _j === void 0 ? void 0 : _j.style, class: (_l = (_k = component.xProps) === null || _k === void 0 ? void 0 : _k.classList) === null || _l === void 0 ? void 0 : _l.join(' ') }) : undefined),
+        items: component.properties
+            ? serializeXIndex(componentCtx, Object.keys(component.properties).map((key) => {
+                var _a;
+                return serializeComponent(componentCtx, Object.assign({ id: key }, (_a = component.properties) === null || _a === void 0 ? void 0 : _a[key]), scope);
+            }))
+            : undefined,
+        listeners: getValidValue((_o = (_m = component.xProps) === null || _m === void 0 ? void 0 : _m.listeners) === null || _o === void 0 ? void 0 : _o.map((listener) => {
+            return serializeListener(componentCtx, listener);
+        })),
+        directives: serializeDirecties(componentCtx, (((_p = component.xProps) === null || _p === void 0 ? void 0 : _p.directives) || {}), scope) || {
+            ':if': true,
+        },
+        ':class': classListBindData ? classListBindData.value : undefined,
+        ':style': styleBindData ? styleBindData.value : undefined,
+        scopedStyle: getValidValue((_q = component.xProps) === null || _q === void 0 ? void 0 : _q.scopedStyle),
+        extra: Object.assign({ commonStyle: (_r = component.xProps) === null || _r === void 0 ? void 0 : _r.commonStyle, xIndex: component.xIndex, styleBindPath: (_s = component === null || component === void 0 ? void 0 : component.xProps) === null || _s === void 0 ? void 0 : _s.styleBindPath, staticResourceAttribute: (_t = component === null || component === void 0 ? void 0 : component.xProps) === null || _t === void 0 ? void 0 : _t.staticResourceAttribute, attributeExtraData: isEmptyObj(attributeExtraData) ? undefined : attributeExtraData, anchored: getValidValue(component.anchored), dataForm: getValidValue(component.dataForm) }, (ctx.dereference
+            ? {}
+            : {
+                ref: getValidValue(component.ref),
+                include: getValidValue(component.include),
+                refAttributes: getValidValue(component.refAttributes),
+            })),
+    };
+}
+export function deserializeComponent(ctx, components) {
+    let componentMap = components.reduce((map, item, index) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        const { attributeExtraData = {} } = item.extra || {};
+        let dynamicStyle = item[':style']
+            ? deserializeValue(ctx, ':style', item[':style'], attributeExtraData.style).value
+            : undefined;
+        let dynamicClassList = item[':class']
+            ? deserializeValue(ctx, ':class', item[':class'], attributeExtraData.class).value
+            : undefined;
+        const xComponent = {
+            moduleName: item.module,
+            name: item.component || undefined,
+        };
+        if (xComponent.name) {
+            xComponent.moduleName =
+                deserializeModuleName({ dependenciesMap: ctx.dependenciesMap }, xComponent.name, xComponent.moduleName) ||
+                    xComponent.moduleName;
+        }
+        const xProps = {
+            data: deserializeAttributes(ctx, item.attributes, attributeExtraData),
+            directives: deserializeDirecties(ctx, item.directives || {}),
+            style: (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.style,
+            styleBind: dynamicStyle
+                ? {
+                    type: dynamicStyle.type,
+                    value: dynamicStyle.value,
+                }
+                : undefined,
+            commonStyle: (_b = item === null || item === void 0 ? void 0 : item.extra) === null || _b === void 0 ? void 0 : _b.commonStyle,
+            scopedStyle: (item === null || item === void 0 ? void 0 : item.scopedStyle) || undefined,
+            staticResourceAttribute: (_c = item === null || item === void 0 ? void 0 : item.extra) === null || _c === void 0 ? void 0 : _c.staticResourceAttribute,
+            classList: (_f = (_e = (_d = item.attributes) === null || _d === void 0 ? void 0 : _d.class) === null || _e === void 0 ? void 0 : _e.split(/\s/g)) === null || _f === void 0 ? void 0 : _f.filter((className) => !!className),
+            classListBind: item[':class']
+                ? {
+                    value: dynamicClassList === null || dynamicClassList === void 0 ? void 0 : dynamicClassList.value,
+                    type: dynamicClassList === null || dynamicClassList === void 0 ? void 0 : dynamicClassList.type,
+                }
+                : undefined,
+            listeners: ((_g = item === null || item === void 0 ? void 0 : item.listeners) === null || _g === void 0 ? void 0 : _g.map((item) => {
+                return deserializeListener(ctx, item);
+            })) || [],
+        };
+        let processed = Object.assign({ xComponent: Object.values(xComponent).find((item) => item != undefined) ? xComponent : undefined, xProps: Object.values(xProps).find((item) => {
+                if (Array.isArray(item)) {
+                    return !!item.length;
+                }
+                return item !== undefined && !isEmptyObj(item);
+            })
+                ? xProps
+                : undefined, xIndex: ((_h = item.extra) === null || _h === void 0 ? void 0 : _h.xIndex) !== undefined ? (_j = item.extra) === null || _j === void 0 ? void 0 : _j.xIndex : index, label: (item === null || item === void 0 ? void 0 : item.label) !== undefined ? item === null || item === void 0 ? void 0 : item.label : undefined, properties: item.items ? deserializeComponent(ctx, item.items) : undefined, anchored: (_k = item === null || item === void 0 ? void 0 : item.extra) === null || _k === void 0 ? void 0 : _k.anchored, dataForm: (_l = item === null || item === void 0 ? void 0 : item.extra) === null || _l === void 0 ? void 0 : _l.dataForm }, (ctx.dereference
+            ? {}
+            : {
+                include: getValidValue((_m = item === null || item === void 0 ? void 0 : item.extra) === null || _m === void 0 ? void 0 : _m.include),
+                ref: getValidValue((_o = item === null || item === void 0 ? void 0 : item.extra) === null || _o === void 0 ? void 0 : _o.ref),
+                refAttributes: getValidValue((_p = item === null || item === void 0 ? void 0 : item.extra) === null || _p === void 0 ? void 0 : _p.refAttributes),
+            }));
+        map[item.id] = processed;
+        return map;
+    }, {});
+    return componentMap;
+}
+export function serializePage(ctx, page) {
+    var _a, _b, _c, _d, _e, _f;
+    const pageCtx = Object.assign(Object.assign({}, ctx), { page });
+    if (pageCtx.dependencies && !pageCtx.dependenciesMap) {
+        pageCtx.dependenciesMap = processDependenceList2Map(pageCtx.dependencies || []);
+    }
+    let processedPage = {
+        id: page.id,
+        type: 'PAGE',
+        component: 'Page',
+        attributes: getValidValue((_a = serializeAttributesWithExtra(pageCtx, 'page', page.data)) === null || _a === void 0 ? void 0 : _a.data),
+        items: serializeXIndex(pageCtx, Object.keys(page.componentInstances || {}).map((id) => {
+            return serializeComponent(pageCtx, Object.assign({ id }, page.componentInstances[id]));
+        })),
+        directives: {
+            ':if': true,
+        },
+        resources: (_b = page === null || page === void 0 ? void 0 : page.lowCodes) === null || _b === void 0 ? void 0 : _b.map((item) => serializeCodeSource(pageCtx, item)),
+        dataset: serializeDataset(ctx, page === null || page === void 0 ? void 0 : page.dataset),
+        dataVariables: getValidValue((_d = (_c = page === null || page === void 0 ? void 0 : page.vars) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.map((item) => serializeDataVariables(pageCtx, item))),
+        listeners: getValidValue((_e = ((page === null || page === void 0 ? void 0 : page.listeners) || [])) === null || _e === void 0 ? void 0 : _e.map((item) => {
+            return serializeListener(pageCtx, item);
+        }).concat(((_f = page === null || page === void 0 ? void 0 : page.eventFlows) === null || _f === void 0 ? void 0 : _f.reduce((list, flow) => {
+            var _a;
+            list.push(...(((_a = flow.listeners) === null || _a === void 0 ? void 0 : _a.map((item) => serializeListener(pageCtx, item))) || []));
+            return list;
+        }, [])) || [])),
+        extra: {
+            commonStyle: page === null || page === void 0 ? void 0 : page.commonStyle,
+            xIndex: page.xIndex,
+            staticResourceAttribute: page === null || page === void 0 ? void 0 : page.staticResourceAttribute,
+            hideAdminPortalMenu: page === null || page === void 0 ? void 0 : page.hideAdminPortalMenu,
+        },
+    };
+    if (page.style) {
+        lodashSet(processedPage, 'attributes.style', page.style);
+    }
+    if (page.styleBind) {
+        processedPage[':style'] = serializeValue({
+            ctx: pageCtx,
+            key: 'styleBind',
+            dynamicValue: page.styleBind,
+        }).value;
+    }
+    else if (page.styleBindPath) {
+        processedPage[':style'] = page.styleBindPath;
+    }
+    if (page.classListBind) {
+        processedPage[':class'] = serializeValue({
+            ctx: pageCtx,
+            key: 'classListBind',
+            dynamicValue: page.classListBind,
+        });
+    }
+    return processedPage;
+}
+/**
+ * 序列化布局
+ */
+export function serializeLayouts(ctx, layouts = {}) {
+    return Object.entries(layouts).map(([layoutId, layout]) => {
+        var _a;
+        const layoutExtraDetail = { name: layout.name, label: layout.label };
+        const temp = Object.assign({}, serializePage(ctx, layout));
+        const { type, component, attributes, directives, resources, dataVariables, listeners, extra } = temp, rest = __rest(temp, ["type", "component", "attributes", "directives", "resources", "dataVariables", "listeners", "extra"]);
+        return Object.assign(Object.assign(Object.assign({}, rest), { data: (_a = layout === null || layout === void 0 ? void 0 : layout.data) !== null && _a !== void 0 ? _a : {} }), layoutExtraDetail);
+    });
+}
+export function deserializePage(ctx, page) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { homePageId } = ctx, _pageCtx = __rest(ctx, ["homePageId"]);
+    let pageCtx = Object.assign(Object.assign({}, _pageCtx), { page });
+    let dynamicStyle = page[':style']
+        ? deserializeValue(pageCtx, ':style', page[':style'], (_b = (_a = page === null || page === void 0 ? void 0 : page.extra) === null || _a === void 0 ? void 0 : _a.attributeExtraData) === null || _b === void 0 ? void 0 : _b.style).value
+        : undefined;
+    const instance = deserializeInstance(pageCtx, page);
+    return Object.assign(Object.assign({}, instance), { isHome: page.id === homePageId, vars: {
+            data: ((_c = page.dataVariables) === null || _c === void 0 ? void 0 : _c.map((item) => {
+                return deserializeDataVariables(undefined, item);
+            })) || [],
+        }, data: deserializeAttributes(pageCtx, page.attributes, (_d = page === null || page === void 0 ? void 0 : page.extra) === null || _d === void 0 ? void 0 : _d.attributeExtraData), style: (_e = page.attributes) === null || _e === void 0 ? void 0 : _e.style, commonStyle: (_f = page === null || page === void 0 ? void 0 : page.extra) === null || _f === void 0 ? void 0 : _f.commonStyle, staticResourceAttribute: (_g = page === null || page === void 0 ? void 0 : page.extra) === null || _g === void 0 ? void 0 : _g.staticResourceAttribute, hideAdminPortalMenu: (_h = page === null || page === void 0 ? void 0 : page.extra) === null || _h === void 0 ? void 0 : _h.hideAdminPortalMenu, 
+        // TODO
+        // children: [],
+        styleBindPath: (dynamicStyle === null || dynamicStyle === void 0 ? void 0 : dynamicStyle.value) || undefined });
+}
+function deserializeInstance(ctx, instance, scope = 'page') {
+    var _a;
+    const instanceCtx = Object.assign(Object.assign({}, ctx), { page: scope === 'page' ? instance : undefined });
+    const { listeners = [], eventFlows } = processListeners((instance === null || instance === void 0 ? void 0 : instance.listeners) || []);
+    return {
+        id: instance.id || instance.name,
+        dataset: deserializeDataset(ctx, instance.dataset),
+        componentInstances: deserializeComponent(instanceCtx, instance.items || []),
+        lowCodes: (_a = instance === null || instance === void 0 ? void 0 : instance.resources) === null || _a === void 0 ? void 0 : _a.filter((item) => item.type === EResourceType.CODE && item.name !== ECodeName.PLACEHOLDER).map((item) => deserializeCodeResource(undefined, item)),
+        listeners: (listeners === null || listeners === void 0 ? void 0 : listeners.map((item) => {
+            return deserializeListener(ctx, item);
+        })) || [],
+        eventFlows: (eventFlows === null || eventFlows === void 0 ? void 0 : eventFlows.map((eventFlow) => {
+            var _a, _b;
+            return Object.assign(Object.assign({}, eventFlow), { listeners: ((_b = (_a = eventFlow.listeners) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, (item) => {
+                    return deserializeListener(ctx, item);
+                })) || [] });
+        })) || [],
+    };
+}
+/**
+ * [WeApps协议] to [CALS协议]
+ *
+ * @param data
+ * @param optsions
+ */
+export function serializePlatformApp(data, optsions) {
+    var _a;
+    let { version, author, name, label, description, selectedPageId, pageInstanceList, lowCodes = [], datasources, vars, dataset, extra, dependencies: calsDependencies, miniprogramPlugins, lastDependencies, externalResources, schemaVersion, layouts, theme, componentPropsDatas } = data, restData = __rest(data, ["version", "author", "name", "label", "description", "selectedPageId", "pageInstanceList", "lowCodes", "datasources", "vars", "dataset", "extra", "dependencies", "miniprogramPlugins", "lastDependencies", "externalResources", "schemaVersion", "layouts", "theme", "componentPropsDatas"]);
+    let { dependencies = [] } = optsions || {};
+    const _b = extra || {}, { name: extraName, label: extraLabel, author: extraAuthor, description: extraDescription } = _b, restExtra = __rest(_b, ["name", "label", "author", "description"]);
+    const ctx = {
+        app: data,
+        dependencies,
+        dependenciesMap: processDependenceList2Map(dependencies),
+    };
+    const homePage = pageInstanceList === null || pageInstanceList === void 0 ? void 0 : pageInstanceList.find((page) => page.isHome);
+    let processed = {
+        label: label || extraLabel,
+        name: name || extraName,
+        author: author || extraAuthor,
+        version,
+        schemaVersion,
+        description: description || extraDescription,
+        externalResources,
+        main: homePage ? homePage.id : ((_a = pageInstanceList === null || pageInstanceList === void 0 ? void 0 : pageInstanceList[0]) === null || _a === void 0 ? void 0 : _a.id) || selectedPageId,
+        items: pageInstanceList === null || pageInstanceList === void 0 ? void 0 : pageInstanceList.map((page) => serializePage(ctx, page)),
+        resources: lowCodes === null || lowCodes === void 0 ? void 0 : lowCodes.map((item) => serializeCodeSource(ctx, item)),
+        dataSources: datasources,
+        dataset: serializeDataset(ctx, dataset),
+        dataVariables: getValidValue(vars === null || vars === void 0 ? void 0 : vars.data.map((item) => serializeDataVariables(ctx, item))),
+        dependencies: calsDependencies,
+        templates: serializeLayouts(ctx, layouts),
+        theme,
+        extra: Object.assign(Object.assign(Object.assign({}, restExtra), restData), { miniprogramPlugins, historyType: data.historyType, npmDependencies: data.npmDependencies || {}, plugins: data.plugins, maxID: data.maxID, rootPath: data.rootPath, themeVars: data.themeVars, presetColors: data.presetColors, appConfig: data.appConfig, lastDependencies, componentPropsDatas: componentPropsDatas instanceof Map
+                ? JSON.parse(JSON.stringify(componentPropsDatas)) // map 序列化为普通数组（componentPropsDatas 是嵌套 map 结构）
+                : componentPropsDatas }),
+    };
+    return processed;
+}
+/**
+ * [CALS协议] to [WeApps协议]
+ *
+ * @param data
+ */
+export function deserializePlatformApp(data, optsions) {
+    var _a, _b;
+    let homePageId = data.main || ((_a = data.items[0]) === null || _a === void 0 ? void 0 : _a.id) || '';
+    let extra = data.extra || {};
+    const { historyType, npmDependencies, plugins, maxID, rootPath, themeVars, presetColors, appConfig, miniprogramPlugins, compHiddenConfig, lastDependencies } = extra, restExtra = __rest(extra, ["historyType", "npmDependencies", "plugins", "maxID", "rootPath", "themeVars", "presetColors", "appConfig", "miniprogramPlugins", "compHiddenConfig", "lastDependencies"]);
+    const ctx = {
+        app: data,
+        dependencies: (optsions === null || optsions === void 0 ? void 0 : optsions.dependencies) || [],
+        homePageId,
+        dependenciesMap: processDependenceList2Map(((optsions === null || optsions === void 0 ? void 0 : optsions.dependencies) || [])),
+    };
+    let processed = {
+        id: data.id,
+        version: data.version,
+        author: data.author,
+        name: data.name,
+        label: data.label,
+        description: data.description,
+        selectedPageId: homePageId,
+        historyType,
+        theme: data.theme,
+        pageInstanceList: (data.items || []).map((page) => deserializePage(ctx, page)),
+        // lowCodes: data.resources || [],
+        lowCodes: (data.resources || [])
+            .filter((item) => item.type === EResourceType.CODE && item.name !== ECodeName.PLACEHOLDER)
+            .map((item) => deserializeCodeResource(undefined, item)),
+        datasources: data.dataSources,
+        dataset: deserializeDataset(ctx, data.dataset),
+        vars: {
+            data: ((_b = data.dataVariables) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                return deserializeDataVariables(undefined, item);
+            })) || [],
+        },
+        compHiddenConfig: compHiddenConfig || {},
+        npmDependencies: npmDependencies || {},
+        plugins: plugins || [],
+        maxID,
+        rootPath,
+        themeVars,
+        presetColors: presetColors || [],
+        appConfig,
+        miniprogramPlugins,
+        externalResources: data.externalResources,
+        extra: Object.assign(Object.assign({}, restExtra), { name: data.name, author: data.author, description: data.description, lastDependencies }),
+        dependencies: data.dependencies,
+        // TODO
+        // emitEvents: [], { "name": "自定义校验规则", "eventName": "validator" }
+        schemaVersion: data.schemaVersion,
+        layouts: deserializeTemplates(ctx, data.templates || []),
+    };
+    return processed;
+}
+export function deserializeCompositeComponent(component, options) {
+    const ctx = {
+        dependencies: (options === null || options === void 0 ? void 0 : options.dependencies) || [],
+        dependenciesMap: processDependenceList2Map(((options === null || options === void 0 ? void 0 : options.dependencies) || [])),
+    };
+    return deserializeInstance(ctx, component);
+}
+/**
+ * page
+ * [formily] to [CALS]
+ * @deprecated 已过时，使用会产生意外错误，如不包含事件流
+ */
+export function serializeRuntimePage(ctx, page) {
+    var _a, _b, _c, _d, _e;
+    const pageCtx = Object.assign(Object.assign({}, ctx), { dependenciesMap: processDependenceList2Map(ctx.dependencies || []), page: { id: page.id } });
+    let processedPage = {
+        id: page.id,
+        type: 'PAGE',
+        component: 'Page',
+        attributes: (_a = serializeAttributesWithExtra(pageCtx, 'page', readDynamicData(page))) === null || _a === void 0 ? void 0 : _a.data,
+        items: getValidValue(Object.keys(((_b = page.componentSchemaJson) === null || _b === void 0 ? void 0 : _b.properties) || {}).map((id) => {
+            var _a;
+            return serializeRuntimeComponent(pageCtx, Object.assign({ id }, (_a = page.componentSchemaJson) === null || _a === void 0 ? void 0 : _a.properties[id]));
+        })),
+        resources: (_c = page === null || page === void 0 ? void 0 : page.codeModules) === null || _c === void 0 ? void 0 : _c.map((item) => serializeCodeSource(pageCtx, item)),
+        /**
+         * 感觉此处有问题，状态应该无法直接透传才对
+         */
+        dataset: serializeRuntimeDataset(pageCtx, page === null || page === void 0 ? void 0 : page.dataset),
+        dataVariables: getValidValue((_e = (_d = page === null || page === void 0 ? void 0 : page.vars) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.map((item) => serializeDataVariables(pageCtx, item))),
+        listeners: getValidValue(readListeners(page.listenerInstances || []).map((item) => {
+            return serializeListener(pageCtx, item);
+        })),
+        extra: {
+            commonStyle: getValidValue(removeInvalidStyleFormValue(page.style)),
+            styleBindPath: getValidValue(page.styleBindPath),
+            xIndex: page.xIndex,
+        },
+    };
+    if (isValidStyleBind(page.styleBind) && getValidValue(page.styleBind)) {
+        page[':style'] = serializeValue({
+            ctx: pageCtx,
+            key: 'styleBind',
+            dynamicValue: page.styleBind,
+        }).value;
+    }
+    if (isValidClassNameListBind(page.classListBind) && getValidValue(page.classListBind)) {
+        page[':class'] = serializeValue({
+            ctx: pageCtx,
+            key: 'classListBind',
+            dynamicValue: page.classListBind,
+        });
+    }
+    return processedPage;
+}
+export function serializeRuntimeDataset(ctx, dataset) {
+    if (!dataset) {
+        return dataset;
+    }
+    const { query } = dataset, resetDataset = __rest(dataset, ["query"]);
+    return Object.assign(Object.assign({}, resetDataset), { query: query
+            ? Object.entries(query).reduce((map, [key, query]) => {
+                var _a;
+                let { dataSourceName, listenerInstances, method, handler, data, dataTypes, dataBinds } = query, restQuey = __rest(query, ["dataSourceName", "listenerInstances", "method", "handler", "data", "dataTypes", "dataBinds"]);
+                if (dataSourceName && !handler) {
+                    let { data: paramsData, dataBinds: paramsDataBinds = [], dataTypes: paramsDataTypes = [] } = method || {};
+                    handler = {
+                        moduleName: 'platform',
+                        name: 'cloud.callDataSource',
+                    };
+                    data = {
+                        dataSourceName,
+                        methodName: method === null || method === void 0 ? void 0 : method.name,
+                        params: paramsData,
+                    };
+                    dataTypes =
+                        paramsDataTypes.map((item) => (Object.assign(Object.assign({}, item), { propertyPath: `params.${item.propertyPath}` }))) || [];
+                    dataBinds = paramsDataBinds === null || paramsDataBinds === void 0 ? void 0 : paramsDataBinds.map((bind) => (Object.assign(Object.assign({}, bind), { propertyPath: `params.${bind.propertyPath}` })));
+                }
+                map[key] = Object.assign(Object.assign({}, restQuey), { handler: {
+                        module: 'platform',
+                        name: 'cloud.callDataSource',
+                        params: serializeAttributesWithExtra(ctx, 'page', getValidValue(readDynamicData({ data, dataTypes, dataBinds })) || {}).data || {},
+                    }, listeners: (_a = getValidValue(readListeners(listenerInstances || []))) === null || _a === void 0 ? void 0 : _a.map((listener /* IEventListener */) => {
+                        return serializeListener(ctx, listener);
+                    }) });
+                return map;
+            }, {})
+            : query });
+}
+// /**
+//  * page
+//  * [CALS] to [formily]
+//  */
+// export function deserializeRuntimePage(
+//   ctx,
+//   page: IPageComponent
+// ): IPageInstance {}
+/**
+ * component
+ * [formily] to [CALS]
+ */
+export function serializeRuntimeComponent(ctx, component) {
+    var _a, _b, _c;
+    if (!component.id) {
+        component.id = component.key;
+    }
+    let processed = {
+        id: component.id,
+        type: undefined,
+        component: '',
+        label: getValidValue(component.label),
+    };
+    let props = component['x-props'];
+    const { dependencies = [] } = ctx;
+    if (props === null || props === void 0 ? void 0 : props.sourceKey) {
+        const [moduleName, name = ''] = props.sourceKey.split(':');
+        const componentCtx = Object.assign(Object.assign({}, ctx), { component: { id: component.id, module: moduleName, component: name } });
+        if (componentCtx.dependencies && !componentCtx.dependenciesMap) {
+            componentCtx.dependenciesMap = processDependenceList2Map(componentCtx.dependencies || []);
+        }
+        const excludeKeys = (props.dataTypes || [])
+            .filter((dataType) => dataType.type !== 'slot')
+            .map((dataType) => dataType.propertyPath);
+        let properties = component.properties || {};
+        const { data: attributes = {}, extra: attributeExtraData = {} } = serializeAttributesWithExtra(componentCtx, 'page', getValidValue(readDynamicData(props)) || {}) || {};
+        let styleBindData = null;
+        let classListBindData = null;
+        if ((_a = props === null || props === void 0 ? void 0 : props.styleBind) === null || _a === void 0 ? void 0 : _a.bindDataPath) {
+            styleBindData = serializeValue({
+                ctx: componentCtx,
+                key: 'styleBind',
+                dynamicValue: {
+                    type: props.styleBind.type,
+                    value: props.styleBind.bindDataPath,
+                    extra: props.styleBind.extra,
+                },
+            });
+            if (styleBindData === null || styleBindData === void 0 ? void 0 : styleBindData.extra) {
+                attributeExtraData.style = styleBindData === null || styleBindData === void 0 ? void 0 : styleBindData.extra;
+            }
+        }
+        if (isValidClassNameListBind(props.classNameListBind)) {
+            classListBindData = serializeValue({
+                ctx: componentCtx,
+                key: 'classListBind',
+                dynamicValue: getValidValue({
+                    type: props.classNameListBind.type,
+                    value: props.classNameListBind.bindDataPath,
+                }),
+            });
+            if (classListBindData === null || classListBindData === void 0 ? void 0 : classListBindData.extra) {
+                attributeExtraData.class = classListBindData === null || classListBindData === void 0 ? void 0 : classListBindData.extra;
+            }
+        }
+        processed = Object.assign(Object.assign({}, processed), { module: serializeModuleName(componentCtx, moduleName, name), component: name, attributes: Object.assign(Object.assign({}, attributes), { style: getValidValue(props.style), class: (_b = getValidValue(props.classNameList)) === null || _b === void 0 ? void 0 : _b.join(' ') }), items: getValidValue(Object.keys(properties)
+                .filter((key) => !excludeKeys.includes(key))
+                .sort((a, b) => properties[a]['x-index'] - properties[b]['x-index'])
+                .map((key) => serializeRuntimeComponent(ctx, Object.assign({ id: key }, properties[key])))), listeners: (_c = getValidValue(readListeners(props.listenerInstances))) === null || _c === void 0 ? void 0 : _c.map((listener /* IEventListener */) => {
+                return serializeListener(componentCtx, listener);
+            }), directives: serializeDirecties(componentCtx, (getValidValue(readDirectives(props)) || {})) || undefined, ':class': (classListBindData === null || classListBindData === void 0 ? void 0 : classListBindData.value) || undefined, ':style': (styleBindData === null || styleBindData === void 0 ? void 0 : styleBindData.value) || undefined, scopedStyle: getValidValue(props.scopedStyle), extra: {
+                commonStyle: getValidValue(removeInvalidStyleFormValue(props.commonStyle)),
+                xIndex: getValidValue(component['x-index']),
+                styleBindPath: getValidValue(props.styleBindPath),
+                staticResourceAttribute: getValidValue(props.staticResourceAttribute),
+                attributeExtraData: isEmptyObj(attributeExtraData) ? undefined : attributeExtraData,
+                anchored: getValidValue(component.anchored),
+                dataForm: getValidValue(component.dataForm),
+            } });
+    }
+    else {
+        let items = Object.keys(component.properties || {})
+            .sort((a, b) => component.properties[a]['x-index'] - component.properties[b]['x-index'])
+            .map((key) => serializeRuntimeComponent(ctx, Object.assign({ id: key }, component.properties[key])));
+        processed = Object.assign(Object.assign({}, processed), { items: getValidValue(items), directives: props
+                ? serializeDirecties(ctx, (getValidValue(readDirectives(props)) || {})) || undefined
+                : undefined });
+    }
+    return processed;
+}
+/**
+ * component
+ * [CALS] to [formily]
+ * To be continue, currently support listener
+ */
+export function deserializeRuntimeComponent(ctx, component) {
+    const { id, module, component: runtimeComponent, listeners = [] } = component;
+    let listenerInstances = getValidValue(writeListeners((listeners === null || listeners === void 0 ? void 0 : listeners.map((item) => {
+        return Object.assign({ sourceKey: `${module}:${runtimeComponent}` }, deserializeListener(ctx, item));
+    })) || []));
+    const target = {
+        key: id,
+        type: 'object',
+        properties: {},
+        'x-component': `${module}:${runtimeComponent}`,
+        'x-props': {
+            sourceKey: `${module}:${runtimeComponent}`,
+            listenerInstances: listenerInstances || [],
+        },
+    };
+    return target;
+}
+/**
+ * 处理 dependencies 组件库描述列表到map
+ */
+function processDependenceList2Map(dependencies = []) {
+    let map = dependencies.reduce((map, componentLib) => {
+        let { components = [] } = componentLib;
+        for (let item of components) {
+            map[item.sourceKey] = item;
+        }
+        return map;
+    }, {});
+    return map;
+}
+export function deserializeComponentLibraryMeta(meta) {
+    let { components = {}, actions = {}, styles = [], dependencies = {} } = meta, restLibraryMeta = __rest(meta, ["components", "actions", "styles", "dependencies"]);
+    let processedComponents = {};
+    for (const componentName in components) {
+        let component = components[componentName];
+        let _a = (component.meta || {}), { title, description, category, icon, extra = {} } = _a, restComponentMeta = __rest(_a, ["title", "description", "category", "icon", "extra"]);
+        processedComponents[componentName] = Object.assign(Object.assign({ title: title || component.name || componentName, desc: description || '', category: category || '', thumbnail: icon }, extra), restComponentMeta);
+    }
+    return Object.assign(Object.assign({}, restLibraryMeta), { styles,
+        dependencies, components: processedComponents, actions });
+}
+export function processRuntimeCodeResources(ctx, resources = [], scope) {
+    const { id } = ctx;
+    const fileTypes = [ECodeType.STYLE, ECodeType.STATE, ECodeType.LIFECYCLE, ECodeType.COMPUTEDN];
+    const CODE_TYPE_NAME_MAP = {
+        [ECodeType.STATE]: ECodeName.STATE,
+        [ECodeType.COMPUTEDN]: ECodeName.COMPUTEDN,
+        [ECodeType.STYLE]: ECodeName.STYLE,
+        [ECodeType.LIFECYCLE]: ECodeName.LIFECYCLE,
+        [ECodeType.MPCONFIG]: ECodeName.MPCONFIG,
+    };
+    const isComponent = id === '$comp' || scope === 'component';
+    if (id === 'global' || scope === 'app') {
+        fileTypes.push(ECodeType.THEME, ECodeType.MPCONFIG);
+    }
+    const EXIST_FILE_TYPE_MAP = {};
+    resources.forEach((mod) => {
+        if (mod.type === ECodeType.NORMAL_MODULE && mod.name === ECodeName.MPCONFIG) {
+            mod.type = ECodeType.MPCONFIG;
+        }
+        EXIST_FILE_TYPE_MAP[mod.type] = true;
+    });
+    fileTypes.forEach((type) => {
+        const isHasLowcodeIndex = EXIST_FILE_TYPE_MAP[type];
+        if (!isHasLowcodeIndex) {
+            const name = CODE_TYPE_NAME_MAP[type] || type;
+            const dir = type === ECodeType.MPCONFIG ? ECodeName.NORMAL_MODULE : '';
+            const path = [id, dir, name].filter(Boolean).join('/');
+            resources.unshift({
+                name,
+                type,
+                code: generateDefaultCode(ctx, type, isComponent ? 'component' : id === 'global' ? 'app' : 'page'),
+                path,
+                system: true,
+            });
+        }
+    });
+    return resources.filter((m) => m.name !== ECodeName.PLACEHOLDER);
+}
+/**
+ * 解析 cals version 来生成 feature map
+ */
+export function parseVersion(version = '', dependencies = []) {
+    const list = version.split('.');
+    const FEATURE_MAP = {
+        /**
+         * 默认单位为 px，
+         * 然后进行动态转换 为 rem及rpx
+         */
+        defaultDynamicCssUnit: true,
+        /**
+         * 是否 observer 组件 ref
+         */
+        enableObserverRef: false,
+        /**
+         * 是否生成页面根节点（mp)
+         * 以及对根节点加 id
+         */
+        enablePageRoot: false,
+        /**
+         * 是否依赖 数据源 profile
+         */
+        staticDatasourceProfile: true,
+        /**
+         * 是否启用异步组件库
+         */
+        enableAsyncMaterials: false,
+        /**
+         * 使用简单的组件api调用方式
+         * $w.componentId.method()
+         */
+        disablePageComponentInvoke: false,
+    };
+    if (list[0] === '4' || version === 'latest') {
+        FEATURE_MAP.defaultDynamicCssUnit = false;
+    }
+    FEATURE_MAP.enableObserverRef = isEnbaleObserverVersion(dependencies);
+    FEATURE_MAP.enablePageRoot = isEnablePageRoot(dependencies);
+    FEATURE_MAP.staticDatasourceProfile = !isEnablePageRoot(dependencies);
+    FEATURE_MAP.disablePageComponentInvoke = isEnableSimpleComponentInvoke(dependencies);
+    // FEATURE_MAP.enableAsyncMaterials = isEnableAsyncMaterials(dependencies);
+    return FEATURE_MAP;
+}
+export function processListeners(listeners, options) {
+    const { strict = false } = options || {};
+    const listenerEventNameMap = listeners.reduce((map, listener) => {
+        const { eventName } = listener;
+        if (!map[eventName]) {
+            map[eventName] = [];
+        }
+        map[eventName].push(listener);
+        return map;
+    }, {});
+    const flowListenerIdMap = {};
+    const eventFlowMap = {};
+    listeners.forEach((listener) => {
+        const { id, eventName } = listener;
+        if (flowListenerIdMap[id]) {
+            return;
+        }
+        const [_, eventFlowId] = eventName.match(/(.*?)\.start/) || [];
+        const evnetTree = [];
+        let eventFlow = { id: '', listeners: [] };
+        if (eventFlowId) {
+            eventFlow.id = eventFlowId;
+            if (listener.description) {
+                eventFlow.description = listener.description;
+            }
+            if (listener.label) {
+                eventFlow.label = listener.label;
+            }
+            eventFlowMap[eventFlowId] = eventFlow;
+            evnetTree.push(eventName);
+        }
+        for (let eventName of evnetTree) {
+            const list = listenerEventNameMap[eventName] || [];
+            if (strict && list.length > 1) {
+                throw new Error(`事件流 ${eventFlowId} 中 ${eventName} 事件存在并发调用`);
+            }
+            list.forEach((item) => {
+                flowListenerIdMap[item.id] = eventFlowId;
+                for (const eventName in listenerEventNameMap) {
+                    if ((eventName === null || eventName === void 0 ? void 0 : eventName.startsWith(`${item.id}.`)) && listenerEventNameMap[eventName]) {
+                        evnetTree.push(eventName);
+                    }
+                }
+            });
+        }
+    });
+    const rawListeners = [];
+    listeners.forEach((listener) => {
+        const flowId = flowListenerIdMap[listener.id];
+        if (flowId && eventFlowMap[flowId]) {
+            eventFlowMap[flowId].listeners.push(listener);
+        }
+        else {
+            rawListeners.push(listener);
+        }
+    });
+    return { listeners: rawListeners, eventFlows: Object.values(eventFlowMap) };
+}
+export function processDependenciesVersionMap(dependencies = {}) {
+    return Object.entries(dependencies).reduce((map, [key, value]) => {
+        const version = parseDependenciesVersion(value);
+        if (version) {
+            map[key] = version;
+        }
+        return map;
+    }, {});
+}
+export function parseDependenciesVersion(version) {
+    try {
+        const wedaProtocoReg = /^weda:[\w\W]+$/;
+        if (wedaProtocoReg.test(version)) {
+            return new URL(version).searchParams.get('v');
+        }
+        return version;
+    }
+    catch (err) {
+        console.error('getVersionFromDependenciesValue err', err);
+        return '';
+    }
+}
+export function processTemplatesToDependiencies(templates = []) {
+    return {
+        name: '$template',
+        version: 'latest',
+        srcZipUrl: '',
+        mpPkgUrl: '',
+        actions: [],
+        components: templates === null || templates === void 0 ? void 0 : templates.map((item /* : ICompositedComponent */) => {
+            var _a, _b, _c;
+            const weappsData = deserializeCompositeComponent(item, { dependencies: [] });
+            return {
+                id: (item.id || item.name),
+                name: item.name || '',
+                materialName: '$template',
+                componentInstances: weappsData.componentInstances,
+                compConfig: item.compConfig || {},
+                dataForm: item.dataForm || ((_a = item.data) === null || _a === void 0 ? void 0 : _a.properties) || {},
+                emitEvents: item.emitEvents ||
+                    ((_b = item.events) === null || _b === void 0 ? void 0 : _b.map((item) => {
+                        return { eventName: item.name, name: item.title };
+                    })),
+                lowCodes: ((_c = weappsData.lowCodes) === null || _c === void 0 ? void 0 : _c.map((module) => {
+                    var _a, _b;
+                    return Object.assign(Object.assign({}, module), { path: (_b = (_a = module.path) === null || _a === void 0 ? void 0 : _a.replace) === null || _b === void 0 ? void 0 : _b.call(_a, /^.*?\//, `$comp/`) });
+                })) || [],
+                /**
+                 * @TODO: 二者归一化
+                 * lcds.Icompinent.meta !== ICompositedComponent.meta
+                 */
+                meta: item.meta || {
+                    title: item.name || '',
+                    syncProps: {},
+                    inputProps: {},
+                    platforms: { mp: {} },
+                },
+                npmDependencies: {},
+                listeners: weappsData.listeners || [],
+                /**
+                 * 扩展 dataset 和 eventFlows 数据
+                 */
+                dataset: weappsData.dataset,
+                eventFlows: weappsData.eventFlows || [],
+            };
+        }),
+        isComposite: true,
+        schemaVersion: '3.0.0',
+    };
+}
+export function generateHandlerParamsDynamicMap(handler) {
+    const isArguments = !(handler === null || handler === void 0 ? void 0 : handler.params) || Array.isArray(handler === null || handler === void 0 ? void 0 : handler.params);
+    let handerParam = {
+        params: isArguments ? (handler === null || handler === void 0 ? void 0 : handler.params) || [] : [handler === null || handler === void 0 ? void 0 : handler.params],
+    };
+    Object.entries(handler || {}).forEach(([key, value]) => {
+        if (/^:params\./.test(key) || key === ':params') {
+            const processedKey = isArguments ? key : key.replace(/^:params/, ':params.0');
+            handerParam[processedKey] = value;
+        }
+    });
+    return handerParam;
+}
+/**
+ * 精简过滤子包数据
+ * 仅保留子包自身数据
+ */
+export function streamlineSubApp(cals) {
+    const { schemaVersion, id, name, description, label, main, items = [], extra } = cals;
+    const { originHistoryId, pageTree, rootPath } = extra;
+    return {
+        schemaVersion,
+        id,
+        name,
+        label,
+        description,
+        main,
+        items,
+        extra: {
+            pageTree,
+            originHistoryId,
+            rootPath,
+        },
+    };
+}
+/**
+ * 还原引用
+ */
+export function collapseCalsReference(cals, options) {
+    var _a;
+    const { blockTemplates = [] } = options;
+    const ctx = {
+        blockTemplateMap: generateBlockTemplateMap(blockTemplates),
+        enableRestore: true,
+    };
+    const res = Object.assign(Object.assign({}, cals), { items: (_a = cals.items) === null || _a === void 0 ? void 0 : _a.map((page) => {
+            var _a;
+            return Object.assign(Object.assign({}, page), { items: (_a = page.items) === null || _a === void 0 ? void 0 : _a.map((component) => collapseComponentReference(ctx, component)) });
+        }) });
+    return res;
+}
+/**
+ * 展开引用
+ */
+export function expandCalsReference(cals, options) {
+    const { blockTemplates = [] } = options;
+    const blockTemplateMap = generateBlockTemplateMap(blockTemplates);
+    const ctx = {
+        blockTemplateMap,
+        strict: options.strict,
+        visiting: {
+            existing: new VisitedMap(),
+            untilNow: new VisitedMap(),
+        },
+        processPickedTeamplate: options.processPickedTeamplate,
+    };
+    const { refs } = getUsedReference([cals], blockTemplates);
+    [cals]
+        .concat(Array.from(refs)
+        .map((key) => { var _a; return (_a = blockTemplateMap[key]) === null || _a === void 0 ? void 0 : _a.content; })
+        .filter((item) => !!item))
+        .forEach((cals, index) => {
+        var _a, _b;
+        (_b = (_a = cals.items) === null || _a === void 0 ? void 0 : _a.forEach) === null || _b === void 0 ? void 0 : _b.call(_a, (page) => {
+            walkThroughComponents(page.items || [], (component) => {
+                const { component: componentName } = component;
+                if (typeof componentName === 'string' && componentName) {
+                    const { untilNow, existing } = ctx.visiting;
+                    const namespace = getComponentNamespace(componentName);
+                    if (index === 0) {
+                        untilNow.add(namespace, component.id);
+                    }
+                    existing.add(namespace, component.id);
+                }
+            });
+        });
+    });
+    const res = Object.assign(Object.assign({}, cals), { 
+        // 先置空，等待后续填充
+        items: [] });
+    res.items = cals === null || cals === void 0 ? void 0 : cals.items.map((_a) => {
+        var _b, _c;
+        var { items: orignItems } = _a, page = __rest(_a, ["items"]);
+        const items = (_c = (_b = orignItems === null || orignItems === void 0 ? void 0 : orignItems.map) === null || _b === void 0 ? void 0 : _b.call(orignItems, (component) => expandComponentReference(Object.assign(Object.assign({}, ctx), { patchRef: options.enableRestore ? undefined : { cals: res, page } }), component))) === null || _c === void 0 ? void 0 : _c.filter((item) => !!item);
+        return Object.assign(Object.assign({}, page), { items });
+    });
+    return res;
+}