@cloudbase/cals 1.1.14 → 1.2.1

package/lib/esm/parser/cals/utils/runtime.js

@@ -0,0 +1,254 @@
+import { PropBindType } from '../../expression';
+import { removeInvalidStyleFormValue } from './style';
+import { isEmptyObj, isPlainObject, isValidClassNameListBind } from './common';
+import cloneDeep from 'lodash/cloneDeep';
+export function readComponents(properties = {}, excludeKeys = []) {
+    var _a;
+    const cmps /* IWeAppPage['componentInstances'] */ = {};
+    for (const key in properties) {
+        if (excludeKeys.indexOf(key) > -1) {
+            continue;
+        }
+        const srcCmp = properties[key];
+        const srcProps = srcCmp['x-props'];
+        if (srcProps) {
+            const cmpParts = srcProps.sourceKey.split(':');
+            cmps[key] = {};
+            setValidValue(cmps[key], 'xComponent', {
+                moduleName: cmpParts[0],
+                name: cmpParts[1],
+            });
+            const componentXProps = {};
+            setValidValue(componentXProps, 'data', readDynamicData(srcProps));
+            setValidValue(componentXProps, 'listeners', readListeners(srcProps.listenerInstances));
+            setValidValue(componentXProps, 'directives', readDirectives(srcProps));
+            setValidValue(componentXProps, 'style', srcProps.style);
+            setValidValue(componentXProps, 'commonStyle', removeInvalidStyleFormValue(srcProps.commonStyle));
+            setValidValue(componentXProps, 'styleBindPath', srcProps.styleBindPath);
+            if ((_a = srcProps.styleBind) === null || _a === void 0 ? void 0 : _a.bindDataPath) {
+                componentXProps.styleBind = {
+                    type: srcProps.styleBind.type,
+                    value: srcProps.styleBind.bindDataPath,
+                    extra: srcProps.styleBind.extra,
+                };
+            }
+            if (isValidClassNameListBind(srcProps.classNameListBind)) {
+                const classList = srcProps.classNameListBind;
+                setValidValue(componentXProps, 'classListBind', {
+                    type: classList.type,
+                    value: classList.bindDataPath,
+                    extra: classList.extra,
+                });
+            }
+            if (srcProps.classNameList) {
+                setValidValue(componentXProps, 'classList', srcProps.classNameList);
+            }
+            setValidValue(cmps[key], 'xProps', componentXProps);
+            setValidValue(cmps[key], 'xIndex', srcCmp['x-index']);
+            const excludeKeys = (srcProps.dataTypes || [])
+                .filter((dataType) => dataType.type !== 'slot')
+                .map((dataType) => dataType.propertyPath);
+            setValidValue(cmps[key], 'properties', readComponents(srcCmp.properties, excludeKeys));
+        }
+        else {
+            cmps[key] = { properties: readComponents(srcCmp.properties) };
+        }
+    }
+    return cmps;
+}
+export function readDirectives(cmp) {
+    var _a, _b;
+    const directives /* IWeAppComponentInstance['xProps']['directives'] */ = {};
+    // 默认为 true，节省体积不记录
+    if (cmp.data && cmp.data._visible !== true) {
+        directives.waIf = {
+            value: cmp.data._visible,
+        };
+    }
+    if ((_a = cmp.dataBinds) === null || _a === void 0 ? void 0 : _a.length) {
+        const bind = cmp.dataBinds.find((bind) => bind.propertyPath === '_visible');
+        if (bind) {
+            const foundDataType = (cmp.dataTypes || []).find((dataType) => dataType.propertyPath === bind.propertyPath);
+            if (foundDataType && foundDataType.type === 'bind') {
+                directives.waIf = {
+                    type: bind.type || PropBindType.state,
+                    value: bind.bindDataPath,
+                    extra: bind.extra,
+                };
+            }
+        }
+        const forBind = cmp.dataBinds.find((bind) => bind.propertyPath === '_waFor');
+        if (forBind) {
+            directives.waFor = {
+                type: forBind.type || PropBindType.state,
+                value: forBind.bindDataPath,
+                extra: forBind.extra,
+            };
+        }
+        const displayBind = cmp.dataBinds.find((bind) => bind.propertyPath === '_display');
+        if (displayBind) {
+            directives.waDisplay = {
+                type: displayBind.type || PropBindType.state,
+                value: displayBind.bindDataPath,
+                extra: displayBind.extra,
+            };
+        }
+    }
+    if (directives.waFor && ((_b = cmp.data) === null || _b === void 0 ? void 0 : _b._waForKey)) {
+        directives.waForKey = {
+            value: cmp.data._waForKey,
+        };
+    }
+    return directives;
+}
+export function readDynamicData(cmp) {
+    var _a, _b;
+    const data = {};
+    const ignoredProps = ['_visible', '_waFor', '_waForKey', '_display'];
+    // Read data
+    for (const prop in cmp.data) {
+        if (ignoredProps.indexOf(prop) > -1) {
+            continue;
+        }
+        // Keep null values to generate all wxml attributes
+        data[prop] = { value: cmp.data[prop] };
+    }
+    // Read data binds
+    (_b = (_a = cmp.dataBinds) === null || _a === void 0 ? void 0 : _a.forEach) === null || _b === void 0 ? void 0 : _b.call(_a, (bind) => {
+        if (ignoredProps.indexOf(bind.propertyPath) > -1) {
+            return;
+        }
+        const foundDataType = (cmp.dataTypes || []).find((dataType) => dataType.propertyPath === bind.propertyPath);
+        if (foundDataType && foundDataType.type === 'bind') {
+            data[bind.propertyPath] = {
+                type: bind.type || PropBindType.state,
+                value: bind.bindDataPath,
+                extra: bind.extra,
+            };
+        }
+    });
+    return data;
+}
+export function readListeners(listenerInstances = []) {
+    const listeners = listenerInstances.map((act) => {
+        const fromParts = act.sourceKey.split(':');
+        return {
+            key: act.key,
+            trigger: act.trigger,
+            type: act.type,
+            handler: {
+                moduleName: fromParts[0],
+                name: fromParts[1],
+            },
+            data: readDynamicData(act),
+            isCapturePhase: act.isCapturePhase,
+            noPropagation: act.noPropagation,
+        };
+    });
+    return listeners;
+}
+export function writeListeners(listeners = []) {
+    return listeners.map((l) => {
+        const act = {
+            key: l.key || '',
+            sourceKey: `${l.handler.moduleName}:${l.handler.name}`,
+            trigger: l.trigger,
+            type: l.type,
+            data: {},
+            dataBinds: [],
+            handler: l.handler,
+            isCapturePhase: l.isCapturePhase,
+            noPropagation: l.noPropagation,
+        };
+        return writeDynamicData(l.data, act, null);
+    });
+}
+// 处理Listeners动态数据
+export function writeDynamicData(from = {}, to, properties) {
+    const act = cloneDeep(to);
+    act.dataTypes = to.dataTypes || [];
+    for (const prop in from) {
+        const dv = from[prop];
+        if (dv.type === 'static' || dv.type === undefined) {
+            act.data = to.data || {};
+            act.data[prop] = dv.value;
+            act.dataTypes.push({
+                propertyPath: prop,
+                type: 'static',
+            });
+        }
+        else if (dv.type === 'slot') {
+            act.dataTypes.push({
+                propertyPath: prop,
+                type: 'slot',
+            });
+        }
+        else {
+            act.dataBinds = to.dataBinds || [];
+            if (!dv.value.startsWith('!') || dv.value === PropBindType.expression) {
+                act.dataBinds.push({
+                    propertyPath: prop,
+                    bindDataPath: dv.value,
+                    type: dv.type,
+                    extra: dv.extra,
+                });
+            }
+            else {
+                // check "!" to be compatible with legacy data
+                const globalStateReg = /^!global./;
+                let fixedValue = '';
+                if (globalStateReg.test(dv.value)) {
+                    fixedValue = dv.value.replace(globalStateReg, '!app.state.');
+                }
+                else {
+                    fixedValue = dv.value.replace(/^!\w+./, '!$page.');
+                }
+                act.dataBinds.push({
+                    propertyPath: prop,
+                    bindDataPath: fixedValue,
+                    type: PropBindType.expression,
+                    extra: dv.extra,
+                });
+            }
+            act.dataTypes.push({
+                propertyPath: prop,
+                type: 'bind',
+            });
+        }
+    }
+    // 兼容之前的应用，slot类型的字段从 properties 中取
+    if (properties) {
+        Object.keys(properties).forEach((key) => {
+            const foundOne = act.dataTypes.find((dataType) => dataType.propertyPath === key);
+            if (foundOne) {
+                foundOne.type = 'slot';
+            }
+            else {
+                if (!properties[key].xComponent)
+                    act.dataTypes.push({
+                        propertyPath: key,
+                        type: 'slot',
+                    });
+            }
+        });
+    }
+    return act;
+}
+export function setValidValue(target, key, value) {
+    if (!target) {
+        return;
+    }
+    target[key] = getValidValue(value);
+}
+export function getValidValue(value) {
+    if (value === undefined || value === null) {
+        return;
+    }
+    if (Array.isArray(value) && value.length === 0) {
+        return;
+    }
+    if (isPlainObject(value) && isEmptyObj(value)) {
+        return;
+    }
+    return value;
+}

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

@@ -0,0 +1,10 @@
+import { IPlatformApp } from '../../../../types';
+/**
+ * [WeApps协议] to [CALS协议]
+ *
+ * @param data
+ */
+export declare function processComponentModule(data: any, optsions: {
+    dependencies: object[];
+}): IPlatformApp;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/parser/cals/utils/spinoff/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAuHjD;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE;IACR,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB,GACA,YAAY,CAqBd"}

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

@@ -0,0 +1,95 @@
+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 { SPINOFF_SUFFIX } from '../../../../utils';
+function serializeModuleName(ctx, moduleName, componentName) {
+    var _a, _b;
+    let { dependencies = [], dependenciesMap = {} } = ctx;
+    const reg = new RegExp(`${SPINOFF_SUFFIX}$`);
+    if (ctx.streamlineModuleName) {
+        if (moduleName === ((_a = dependencies[0]) === null || _a === void 0 ? void 0 : _a.name)) {
+            moduleName = undefined;
+        }
+        let find = undefined;
+        for (let i = dependencies.length - 1; i > 0; i--) {
+            let lib = dependencies[i];
+            let currentModuleName = lib.name;
+            let key = `${currentModuleName}:${componentName}`;
+            if (!!dependenciesMap[key]) {
+                find = lib;
+                break;
+            }
+        }
+        if (find) {
+            if ((find === null || find === void 0 ? void 0 : find.name) === moduleName) {
+                return undefined;
+            }
+        }
+        else if (((_b = dependencies[0]) === null || _b === void 0 ? void 0 : _b.name) === moduleName) {
+            return undefined;
+        }
+    }
+    else if (moduleName &&
+        !reg.test(moduleName) &&
+        !dependenciesMap[`${moduleName}:${componentName}`] &&
+        dependenciesMap[`${moduleName}${SPINOFF_SUFFIX}:${componentName}`]) {
+        return `${moduleName}${SPINOFF_SUFFIX}`;
+    }
+    return moduleName;
+}
+function serializeComponent(ctx, component, scope = 'page') {
+    var _a, _b;
+    // const scope = ctx.component?.id ? 'component' : 'page'
+    const componentName = ((_a = component.xComponent) === null || _a === void 0 ? void 0 : _a.name) || '';
+    const moduleName = serializeModuleName(ctx, (_b = component.xComponent) === null || _b === void 0 ? void 0 : _b.moduleName, componentName);
+    const componentCtx = Object.assign({}, ctx);
+    if (componentCtx.dependencies && !componentCtx.dependenciesMap) {
+        componentCtx.dependenciesMap = processDependenciesMap(componentCtx.dependencies || []);
+    }
+    const properties = component.properties
+        ? Object.keys(component.properties).reduce((map, id) => {
+            map[id] = serializeComponent(componentCtx, Object.assign({}, component.properties[id]));
+            return map;
+        }, {})
+        : undefined;
+    return Object.assign(Object.assign({}, component), { xComponent: component.xComponent
+            ? Object.assign(Object.assign({}, component.xComponent), { moduleName }) : undefined, properties });
+}
+/**
+ * [WeApps协议] to [CALS协议]
+ *
+ * @param data
+ */
+export function processComponentModule(data, optsions) {
+    let { version, selectedPageId, pageInstanceList, lowCodes = [], datasources, vars, dataset } = data, restData = __rest(data, ["version", "selectedPageId", "pageInstanceList", "lowCodes", "datasources", "vars", "dataset"]);
+    let { dependencies = [] } = optsions || {};
+    const ctx = {
+        app: data,
+        dependencies,
+        dependenciesMap: processDependenciesMap(dependencies),
+    };
+    const homePage = pageInstanceList === null || pageInstanceList === void 0 ? void 0 : pageInstanceList.find((page) => page.isHome);
+    let processed = Object.assign(Object.assign({}, data), { componentInstances: Object.keys(data.componentInstances || {}).reduce((map, id) => {
+            map[id] = serializeComponent(ctx, Object.assign({}, data.componentInstances[id]));
+            return map;
+        }, {}) });
+    return processed;
+}
+function processDependenciesMap(dependencies = []) {
+    let map = dependencies.reduce((map, componentLib) => {
+        let { components = [] } = componentLib;
+        for (let item of components) {
+            map[item.sourceKey] = item;
+        }
+        return map;
+    }, {});
+    return map;
+}

package/lib/esm/parser/cals/utils/style.d.ts

@@ -0,0 +1,43 @@
+import { Properties } from 'csstype';
+export declare function removeInvalidStyleFormValue(styleForm?: any): any;
+/**
+ * Convert WeApps common style to css styles(React.CSSProperties)
+ * toRem/toRpx/toRpx 三者互斥 @deprecated
+ * 应使用 defaultUnit 来声明
+ */
+export declare function processCommonStyle2CSSProperties(commonStyle?: any, options?: {
+    /**
+     * 默认 px/无单位 转 rem
+     * @deprecated
+     */
+    toRem?: boolean;
+    /**
+     * 默认 px/无单位 转为rpx
+     * @deprecated
+     */
+    toRpx?: boolean;
+    /**
+     * px/无单位情况下 处理为何单位
+     * rem | rpx | px
+     * 优先级高于以上
+     */
+    defaultUnit?: 'rem' | 'px' | 'rpx';
+    /**
+     * 是否使用 calc(xx px / `${rpxCalcRoot}`) 来模拟rpx
+     * 小程序不需要转
+     */
+    rpxCalcRoot?: string;
+    ignoreSelf?: boolean;
+    addPXUnit?: boolean;
+}): Properties<string | number>;
+interface ITranslateStyleOptions {
+    looseError?: boolean;
+    rpxCalcRoot?: string;
+}
+/**
+ * @deprecated
+ */
+export declare function processCSSProperties2Rem(style?: Properties<string | number>, options?: ITranslateStyleOptions): Properties<string | number>;
+export declare function processCSSPropertiesUnit(style: Properties<string | number>, type: 'px' | 'rem' | 'rpx', options?: ITranslateStyleOptions): {};
+export {};
+//# sourceMappingURL=style.d.ts.map

package/lib/esm/parser/cals/utils/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/parser/cals/utils/style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrC,wBAAgB,2BAA2B,CAAC,SAAS,GAAE,GAA2B,GAAG,GAAG,CAUvF;AA4JD;;;;GAIG;AACH,wBAAgB,gCAAgC,CAC9C,WAAW,GAAE,GAAQ,EACrB,OAAO,GAAE;IACP;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACwE,GAC7F,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CA0S7B;AACD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,GAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAM,EACvC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,CAE7B;AACD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAM,EACvC,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,KAAK,EAC1B,OAAO,CAAC,EAAE,sBAAsB,MAcjC"}