@cloudbase/cals 1.1.14-alpha.1 → 1.2.0

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

@@ -0,0 +1,451 @@
+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 { EQueryType, } from '../../../../types';
+import get from 'lodash/get';
+import set from 'lodash/set';
+import isEqual from 'lodash/isEqual';
+import cloneDeep from 'lodash/cloneDeep';
+import isObject from 'lodash/isObject';
+import { ActionType, DynamicValueParser, PropBindType } from '../../../expression';
+import { VisitedMap, refreshComponentIds, remapComponentIds } from './helpers/remap-component-ids';
+import { walkThroughComponents } from '../common';
+import { getComponentNamespace } from './helpers/get-component-namespace';
+import { renewIdInResource } from './helpers/renew-id-in-resource';
+import { mergeResources } from './helpers/merge-resources';
+import { mergeDataset } from './helpers/merge-dataset';
+import { mergeListeners } from './helpers/merge-listeners';
+import { DYNAMIC_KEY_REG } from '../../../../utils';
+import { renewIdInCode } from './helpers/renew-id-in-code';
+export { renewIdInResource } from './helpers/renew-id-in-resource';
+export { remapComponentIds, refreshComponentIds } from './helpers/remap-component-ids';
+export { VisitedMap } from './helpers/remap-component-ids';
+export function parseComponentCals(ctx, cals) {
+    if (!ctx.datasetMap) {
+        ctx.datasetMap = {};
+    }
+    if (!ctx.dataSourceMap) {
+        ctx.dataSourceMap = {};
+    }
+    if (!ctx.componentMap) {
+        ctx.componentMap = {};
+    }
+    if (!ctx.lowcodeMap) {
+        ctx.lowcodeMap = {};
+    }
+    if (!ctx.componentLibMap) {
+        ctx.componentLibMap = {};
+    }
+    ctx.component = {
+        id: cals.id || '',
+    };
+    const { component, module, attributes = {}, items = [], listeners = [], directives = {}, [':class']: dynamicClassList, [':style']: dynamicStyle, } = cals;
+    if (module && component && !get(ctx.componentMap, `${module}.${component}`)) {
+        set(ctx.componentMap, `${module}.${component}`, true);
+        ctx.componentLibMap[module] = true;
+    }
+    // 优先处理 directives 因为其他绑定会用到for
+    parseDirectivesCals(ctx, directives);
+    pasrseDynamicMapCals(ctx, attributes);
+    for (let item of listeners) {
+        parseListenertCals(ctx, item);
+    }
+    if (dynamicClassList) {
+        parseValueCals(ctx, dynamicClassList);
+    }
+    if (dynamicStyle) {
+        parseValueCals(ctx, dynamicStyle);
+    }
+    for (let item of items) {
+        parseComponentCals(ctx, item);
+    }
+    return ctx;
+}
+function parseListenertCals(ctx, listener) {
+    let { type, handler } = listener;
+    switch (type) {
+        case ActionType.Rematch: {
+            if (handler === null || handler === void 0 ? void 0 : handler.name) {
+                ctx.lowcodeMap[handler === null || handler === void 0 ? void 0 : handler.name] = true;
+            }
+            pasrseDynamicMapCals(ctx, handler === null || handler === void 0 ? void 0 : handler.params);
+            break;
+        }
+        case ActionType.DataSource: {
+            let params = handler === null || handler === void 0 ? void 0 : handler.params;
+            pasrseDynamicMapCals(params);
+            if (params === null || params === void 0 ? void 0 : params.dataSourceName) {
+                ctx.dataSourceMap[params === null || params === void 0 ? void 0 : params.dataSourceName] = true;
+            }
+            break;
+        }
+        case ActionType.Material: {
+            if (handler === null || handler === void 0 ? void 0 : handler.module) {
+                ctx.componentLibMap[handler === null || handler === void 0 ? void 0 : handler.module] = true;
+            }
+            pasrseDynamicMapCals(ctx, handler === null || handler === void 0 ? void 0 : handler.params);
+            break;
+        }
+        case ActionType.Platform: {
+            pasrseDynamicMapCals(ctx, handler === null || handler === void 0 ? void 0 : handler.params);
+            break;
+        }
+    }
+}
+function pasrseDynamicMapCals(ctx, map = {}) {
+    for (let key in map) {
+        if (/^:/.test(key) && typeof map[key] === 'string') {
+            parseValueCals(ctx, map[key]);
+        }
+    }
+}
+function parseDirectivesCals(ctx, directives) {
+    var _a;
+    // 优先处理for，因为其他的可能会用到 foritem
+    let forValue = directives[':for'];
+    if (typeof forValue === 'string') {
+        parseValueCals(ctx, forValue);
+        if (!ctx.forContext) {
+            ctx.forContext = {};
+        }
+        if ((_a = ctx.component) === null || _a === void 0 ? void 0 : _a.id) {
+            ctx.forContext[ctx.component.id] = true;
+        }
+    }
+    let visibleValue = directives[':if'];
+    if (typeof visibleValue === 'string') {
+        parseValueCals(ctx, visibleValue);
+    }
+}
+function parseValueCals(ctx, value) {
+    var _a, _b;
+    function processExpression(ctx, value) {
+        const regex = /\$([\w.]+)\.dataset\.(state|params)\.([\w$]+)/gm;
+        const matches = value.match(regex) || [];
+        for (let i = 0; i < matches.length; i++) {
+            const match = matches[i];
+            const [_, scope, type, varName] = regex.exec(match);
+            let key = '';
+            switch (scope) {
+                case 'page':
+                case 'w.page': {
+                    key = '$page';
+                    break;
+                }
+                case 'app':
+                case 'w.app': {
+                    key = '$app';
+                    break;
+                }
+            }
+            if (key && type && varName) {
+                if (!ctx.datasetMap[key]) {
+                    ctx.datasetMap[key] = {};
+                }
+                ctx.datasetMap[key][`${type}.${varName}`] = true;
+            }
+        }
+    }
+    let res;
+    try {
+        let parser = new DynamicValueParser(value, { pageId: '$page' });
+        res = parser.parse();
+    }
+    catch (e) {
+        try {
+            processExpression(ctx, value);
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return;
+    }
+    try {
+        switch (res.type) {
+            case PropBindType.params:
+            case PropBindType.stateData: {
+                const TYPE_MAP = {
+                    [PropBindType.params]: 'params',
+                    [PropBindType.stateData]: 'state',
+                };
+                const type = TYPE_MAP[res.type];
+                const path = ((_a = res.value) === null || _a === void 0 ? void 0 : _a.split('.')) || [];
+                let key = path[0];
+                if (!ctx.datasetMap[key]) {
+                    ctx.datasetMap[key] = {};
+                }
+                if (path.length === 1) {
+                    ctx.datasetMap[key][type] = true;
+                }
+                else {
+                    ctx.datasetMap[key][`${type}.${path[1].replace(/\[.*/, '')}`] = true;
+                }
+                break;
+            }
+            case PropBindType.forItem: {
+                const [id] = ((_b = res.value) === null || _b === void 0 ? void 0 : _b.split('.')) || [];
+                if (!ctx.forContext[id]) {
+                    throw {
+                        code: 'INVALID_FOR_CONTEXT',
+                        message: '缺少循环上下文，无法保存为区块',
+                    };
+                }
+                break;
+            }
+            case PropBindType.expression: {
+                processExpression(ctx, value);
+            }
+        }
+    }
+    catch (e) {
+        if ((e === null || e === void 0 ? void 0 : e.code) === 'INVALID_FOR_CONTEXT') {
+            throw e;
+        }
+    }
+}
+export function regenBlockTemplateCals(ctx, cals) {
+    var _a, _b, _c;
+    const page = cals.items[0];
+    const { componentIdMap } = remapComponentIds(page.items, ctx.visiting);
+    page.items = regenBlockTemplateComponents(Object.assign(Object.assign({}, ctx), { componentIdMap }), page.items);
+    // 应用资源更新 ID
+    cals.resources = (_a = cals.resources) === null || _a === void 0 ? void 0 : _a.map((resource) => renewIdInResource(resource, componentIdMap));
+    // 页面资源更新 ID
+    page.resources = (_b = page.resources) === null || _b === void 0 ? void 0 : _b.map((resource) => renewIdInResource(resource, componentIdMap));
+    Object.keys(((_c = page === null || page === void 0 ? void 0 : page.dataset) === null || _c === void 0 ? void 0 : _c.query) || {}).forEach((key) => {
+        var _a, _b;
+        const query = (_b = (_a = page.dataset) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b[key];
+        if ((query === null || query === void 0 ? void 0 : query.type) === EQueryType.GeneralFunc && query.handler[':code']) {
+            query.handler[':code'] = renewIdInCode(query.handler[':code'], componentIdMap);
+        }
+    });
+    return cals;
+}
+export function regenBlockTemplateComponents(ctx, components) {
+    let { componentIdMap } = ctx, restContext = __rest(ctx, ["componentIdMap"]);
+    if (!componentIdMap) {
+        componentIdMap = remapComponentIds(components, ctx.visiting).componentIdMap;
+    }
+    return components.map((component) => {
+        let processed = refreshComponentIds({ componentIdMap }, component);
+        return expandComponentReference(restContext, Object.assign(Object.assign({}, processed), { extra: Object.assign(Object.assign({}, processed.extra), { xIndex: undefined, anchored: true }) }));
+    });
+}
+/**
+ * todo: dataForm 追加
+ */
+export function mergeCals(ctx, list) {
+    const visitedContext = {
+        existing: new VisitedMap(),
+        untilNow: new VisitedMap(),
+    };
+    // 不修改原始数据
+    const clonedCalsList = JSON.parse(JSON.stringify(list));
+    // 初始化 `visitedContext.existing` 数据
+    for (const { cals } of clonedCalsList) {
+        if (cals.items.length > 1) {
+            throw new Error('不支持对多页面的 CALS 进行合并');
+        }
+        // 区块只有一个页面
+        const page = cals.items[0];
+        walkThroughComponents(page.items, (item) => {
+            var _a;
+            (_a = item.extra) === null || _a === void 0 ? true : delete _a.xIndex;
+            if (!item.component || typeof item.component !== 'string') {
+                return;
+            }
+            const namespace = getComponentNamespace(item.component);
+            visitedContext.existing.add(namespace, item.id);
+        });
+    }
+    /**
+     * 根据　`visitedContext` 收集的信息，按需更新组件 ID
+     * 组件id是页面隔离的，因此限制约定，只处理 0 号页面
+     */
+    for (const { cals } of clonedCalsList) {
+        // 包含副作用，修改 cals 上id 为新id
+        regenBlockTemplateCals({ visiting: visitedContext, blockTemplateMap: ctx.blockTemplateMap }, cals);
+    }
+    const mergedCals = clonedCalsList
+        .map((meta) => meta.cals)
+        .reduce((first, second) => {
+        return pureMergeCals(first, second, () => [mergePage(first.items[0], second.items[0])]);
+    });
+    return mergedCals;
+}
+function pureMergeCals(first, second, resolveItems = (first, second) => {
+    return [...(first.items || []), ...(second.items || [])];
+}) {
+    return Object.assign(Object.assign(Object.assign({}, second), first), { items: resolveItems(first, second), resources: mergeResources(first.resources, second.resources) || [], dataset: mergeDataset(first.dataset, second.dataset) || {}, theme: first.theme || second.theme, extra: Object.assign(Object.assign({}, second.extra), first.extra), externalResources: mergeExternalResources(first.externalResources, second.externalResources) });
+}
+function mergeExternalResources(origin = [], current = []) {
+    const MAP = origin.reduce((map, item) => {
+        const { type, url, code } = item;
+        map[`${type}:${url}:${code}`] = item;
+        return map;
+    }, {});
+    return [
+        ...origin,
+        ...current.filter((item) => {
+            const { type, url, code } = item;
+            return !MAP[`${type}:${url}:${code}`];
+        }),
+    ];
+}
+function mergePage(firstPage, secondPage, resolveItems = (first, second) => {
+    return [...(first.items || []), ...(second.items || [])];
+}) {
+    const mergedPage = Object.assign(Object.assign(Object.assign({}, secondPage), firstPage), { items: resolveItems(firstPage, secondPage), resources: mergeResources(firstPage.resources, secondPage.resources) || [], dataset: mergeDataset(firstPage.dataset, secondPage.dataset) || {}, listeners: mergeListeners(firstPage.listeners, secondPage.listeners), attributes: Object.assign(Object.assign({}, secondPage.attributes), firstPage.attributes), extra: Object.assign(Object.assign({}, secondPage.extra), firstPage.extra) });
+    if (!mergedPage.listeners) {
+        delete mergedPage.listeners;
+    }
+    return mergedPage;
+}
+export function expandComponentReference(ctx, component) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { blockTemplateMap, strict, enableRestore, processPickedTeamplate = (template) => template } = ctx;
+    const { extra = {}, id, component: componentName } = component;
+    const { ref } = extra;
+    if (ref) {
+        if (blockTemplateMap[ref]) {
+            if ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.referenceMap) === null || _a === void 0 ? void 0 : _a[ref]) {
+                if (strict) {
+                    throw new Error(`存在循环引用：${ref}`);
+                }
+                else {
+                    return undefined;
+                }
+            }
+            const block = processPickedTeamplate(cloneDeep(blockTemplateMap[ref]), { ref, component });
+            const cals = regenBlockTemplateCals(Object.assign(Object.assign({}, ctx), { referenceMap: Object.assign(Object.assign({}, ctx.referenceMap), { [ref]: true }) }), block.content);
+            if (ctx.patchRef) {
+                const global = ctx.patchRef.cals;
+                const page = ctx.patchRef.page;
+                if (page) {
+                    Object.assign(page, mergePage(page, cals.items[0]), () => []);
+                }
+                if (global) {
+                    Object.assign(global, pureMergeCals(global, cals), () => []);
+                }
+            }
+            const blockContent = (_b = cals.items[0].items) === null || _b === void 0 ? void 0 : _b[0];
+            if (!blockContent) {
+                return undefined;
+            }
+            /**
+             * 动态配置协议有修改未定
+             * 因此先写死限制
+             */
+            if (!((_c = blockContent === null || blockContent === void 0 ? void 0 : blockContent.extra) === null || _c === void 0 ? void 0 : _c.dataForm) &&
+                blockContent.component === 'Container' &&
+                (((_d = blockContent.attributes) === null || _d === void 0 ? void 0 : _d.data) || ((_e = blockContent.attributes) === null || _e === void 0 ? void 0 : _e[':data'])) &&
+                ((_f = block.dynamicConfig) === null || _f === void 0 ? void 0 : _f.type) === 'object' &&
+                ((_g = block.dynamicConfig) === null || _g === void 0 ? void 0 : _g.properties.configs)) {
+                blockContent.extra = Object.assign(Object.assign({}, blockContent.extra), { dataForm: { data: (_h = block.dynamicConfig) === null || _h === void 0 ? void 0 : _h.properties.configs } });
+            }
+            const { attributes: blockAttributes = {} } = blockContent;
+            return Object.assign(Object.assign({}, blockContent), { 
+                // todo: 这里合并有问题，无法简单的合并
+                attributes: Object.assign(Object.assign({}, blockAttributes), component.attributes), ':style': component[':style'] || blockContent[':style'], ':class': component[':class'] || blockContent[':class'], extra: Object.assign(Object.assign({}, blockContent.extra), { refAttributes: enableRestore && Object.keys(blockAttributes) ? blockAttributes : undefined, ref: enableRestore ? ref : undefined }) });
+        }
+        else {
+            if (strict) {
+                throw new Error(`未找到引用：${ref}`);
+            }
+            else {
+                return undefined;
+            }
+        }
+    }
+    return Object.assign(Object.assign({}, component), { items: (_k = (_j = component.items) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, (item) => expandComponentReference(ctx, item)).filter((item) => !!item) });
+}
+export function collapseComponentReference(ctx, component) {
+    var _a, _b, _c;
+    const { extra, attributes = {}, ':style': styleBind, ':class': classBind } = component;
+    const { blockTemplateMap } = ctx;
+    const _d = extra || {}, { ref, anchored, dataForm, refAttributes } = _d, restExtra = __rest(_d, ["ref", "anchored", "dataForm", "refAttributes"]);
+    if (ref && blockTemplateMap[ref]) {
+        const processed = {};
+        const blockContent = (_c = (_b = (_a = blockTemplateMap[ref].content.items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c[0];
+        restExtra.ref = ref;
+        processed.attributes = filterMap(attributes, refAttributes);
+        if (styleBind !== blockContent[':style']) {
+            processed[':style'] = styleBind;
+        }
+        if (classBind !== blockContent[':class']) {
+            processed[':class'] = classBind;
+        }
+        processed.extra = filterMap(restExtra, blockContent === null || blockContent === void 0 ? void 0 : blockContent.extra);
+        return processed;
+    }
+    else {
+        const _e = (component === null || component === void 0 ? void 0 : component.extra) || {}, { ref, refAttributes, dataForm } = _e, rest = __rest(_e, ["ref", "refAttributes", "dataForm"]);
+        return Object.assign(Object.assign({}, component), { extra: (component === null || component === void 0 ? void 0 : component.extra) ? rest : component === null || component === void 0 ? void 0 : component.extra });
+    }
+}
+function filterMap(current = {}, base = {}) {
+    const filtered = {};
+    Object.entries(current).forEach(([key, value]) => {
+        // todo: 变量绑定key与非绑定key应为相同key
+        if (!isEqual(base[key], value)) {
+            filtered[key] = value;
+        }
+    });
+    return filtered;
+}
+/**
+ * 转换区块 page 到 template
+ */
+export function processPage2Template(page, properties) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    let { items = [] } = page;
+    let dataForm = {};
+    if (items.length > 1) {
+        items = items;
+        items = [{ id: `comtainer_${page.id}`, component: 'Container', attributes: {}, items: items }];
+    }
+    else if (items.length === 1) {
+        let component = items[0];
+        // simple block
+        if (component.component === 'Container' && (((_c = (_b = (_a = component.extra) === null || _a === void 0 ? void 0 : _a.dataForm) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.type) === 'object' || properties)) {
+            const _k = component.attributes, { data } = _k, rest = __rest(_k, ["data"]);
+            component = Object.assign(Object.assign({}, component), { attributes: Object.assign(Object.assign({}, rest), { ':data': `Object.assign(${isObject(data) ? JSON.stringify(data) : '{}'}, $comp.props.data)` }) });
+            dataForm = properties || ((_f = (_e = (_d = component.extra) === null || _d === void 0 ? void 0 : _d.dataForm) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.properties);
+        }
+        component = Object.assign(Object.assign({}, component), { extra: Object.assign(Object.assign({}, component.extra), { anchored: undefined, dataForm: undefined }) });
+        items = [component];
+    }
+    const TRANSFER_EVENTNAME_MAP = {
+        load: 'attached',
+        unload: 'detached',
+    };
+    function replacePageMember(str) {
+        return (str === null || str === void 0 ? void 0 : str.replace(/(?:\$w\.page|\$page).(dataset|handler)/g, '$comp.$1')) || str;
+    }
+    return JSON.parse(JSON.stringify({
+        id: page.id,
+        name: page.id,
+        items,
+        listeners: (_h = (_g = page.listeners) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, (listener) => {
+            return Object.assign(Object.assign({}, listener), { eventName: TRANSFER_EVENTNAME_MAP[listener.eventName] || listener.eventName });
+        }),
+        dataset: page.dataset,
+        resources: (_j = page.resources) === null || _j === void 0 ? void 0 : _j.map((item) => {
+            return Object.assign(Object.assign({}, item), { code: replacePageMember(item.code || '') });
+        }),
+        data: { properties: properties || dataForm },
+    }, function (key, v) {
+        if (DYNAMIC_KEY_REG.test(key) && typeof v === 'string') {
+            return replacePageMember(v);
+        }
+        return v;
+    }));
+}

package/lib/esm/parser/cals/utils/code/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * cals 与 code 互转
+ * 这里的 code 是中间状态的 code，即非最终生成的可运行的项目代码
+ */
+import { IPlatformApp, IPlatformSubApp } from '../../../../types';
+export interface ICodeItem {
+    path: string;
+    code: string;
+    conflict?: boolean;
+}
+/**
+ * CALS 转成 中间状态的代码
+ *
+ * @params version: v0 - 没有 pages 目录； v1 - 有 pages 目录
+ */
+export declare function calsToCode(calsJSON: IPlatformApp | IPlatformSubApp, version?: 'v0' | 'v1'): ICodeItem[];
+/**
+ * 中间状态的代码 转成 CALS
+ *
+ * @params version: v0 - 没有 pages 目录； v1 - 有 pages 目录
+ */
+export declare function codeToCals(codeList: ICodeItem[], version?: 'v0' | 'v1'): IPlatformApp;
+/**
+ * 指定代码内容是否存在冲突未解决
+ */
+export declare function checkForConflicts(code: string): boolean;
+/**
+ * 以 from 为准自动解决冲突
+ */
+export declare function autoResolveConflicts(code: string, from: 'theirs' | 'ours'): string;
+export declare function findAllConflicts(code: string, onlyFindFirstOne?: boolean): {
+    start: number;
+    middle: number;
+    end: number;
+}[];
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/parser/cals/utils/code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/parser/cals/utils/code/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,YAAY,EAMZ,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAK3B,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,YAAY,GAAG,eAAe,EAAE,OAAO,GAAE,IAAI,GAAG,IAAW,GAAG,SAAS,EAAE,CA4M7G;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,OAAO,GAAE,IAAI,GAAG,IAAW,GAAG,YAAY,CAgK3F;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CA6BlF;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,gBAAgB,GAAE,OAAe,GAChC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,CAoClD"}