@cloudbase/cals 1.0.3-alpha.1 → 1.0.3-alpha.10

package/lib/utils/version-migrations/version4.js

@@ -1,199 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.version4 = void 0;
-const postcss_1 = __importDefault(require("postcss"));
-const postcss_less_1 = __importDefault(require("postcss-less"));
-const __1 = require("..");
-const common_1 = require("./common");
-function version4(cals, isUpgrade, setSchemaVersionCallback) {
-    return transformPxLowcodeCompAndSourceComp(cals, isUpgrade, setSchemaVersionCallback);
-}
-exports.version4 = version4;
-const transformPxLowcodeCompAndSourceComp = (cals, isUpgrade, setSchemaVersionCallback) => {
-    var _a, _b, _c, _d;
-    {
-        function transformCals(items, isUpgradeToPx) {
-            return items.map((item) => {
-                var _a;
-                // 对于表单操作区的按钮组件的父容器添加.wd-form__action, 兼容组件规范化按钮升级样式
-                if ((item === null || item === void 0 ? void 0 : item.module) === common_1.OFFICIAL_COMPONENT_LIB_NAME && (item === null || item === void 0 ? void 0 : item.component) === 'Form') {
-                    item = addClassToButtonContainer(item);
-                }
-                if ((_a = item === null || item === void 0 ? void 0 : item.extra) === null || _a === void 0 ? void 0 : _a.commonStyle) {
-                    item.extra.commonStyle = convertCommonStyle(item.extra.commonStyle, isUpgradeToPx);
-                    if (item.extra.commonStyle.self) {
-                        // 处理 margin padding shorthand 同步
-                        const newSelf = (0, __1.processCommonStyle2CSSProperties)(item.extra.commonStyle, {
-                            toRem: false,
-                            ignoreSelf: true,
-                            addPXUnit: true,
-                        });
-                        ['margin', 'padding', 'border'].forEach((k) => {
-                            if (item.extra.commonStyle.self[k]) {
-                                item.extra.commonStyle.self[k] = newSelf[k];
-                            }
-                        });
-                    }
-                }
-                if (item === null || item === void 0 ? void 0 : item.resources) {
-                    item.resources = item.resources.map((n) => {
-                        if (n.codeType === 'style') {
-                            n = convertLowCodesStyle(n, isUpgradeToPx);
-                            return n;
-                        }
-                        return n;
-                    });
-                }
-                if (item.items) {
-                    item.items = transformCals(item.items, isUpgradeToPx);
-                }
-                return item;
-            });
-        }
-        let pages = cals['items'];
-        let isDivision;
-        if (isUpgrade && (0, common_1.semverComp)((_a = cals['schemaVersion']) !== null && _a !== void 0 ? _a : '3.0.0', '4.0.0') < 0) {
-            // 组件库版本高于目标版本，且schemaVersion小于4, 将应用 CALS 数据中的 CSS 和 style 中的无单位和有单位的小写 px统一改写为 1/2 px
-            isDivision = true;
-            pages = transformCals(pages, isDivision);
-            cals.resources = (_b = cals.resources) === null || _b === void 0 ? void 0 : _b.map((n) => {
-                if (n.codeType === 'style') {
-                    n = convertLowCodesStyle(n, isDivision);
-                    return n;
-                }
-                return n;
-            });
-            cals['schemaVersion'] = '4.0.0';
-            setSchemaVersionCallback === null || setSchemaVersionCallback === void 0 ? void 0 : setSchemaVersionCallback('4.0.0');
-        }
-        else if (!isUpgrade && (0, common_1.semverComp)((_c = cals['schemaVersion']) !== null && _c !== void 0 ? _c : '3.0.0', '4.0.0') >= 0) {
-            // 组件库低于目标版本,并且schemaVersion大于4 将应用 CALS 数据中的 CSS 和 style 中的无单位和有单位的小写 px统一改写为 2倍 px
-            isDivision = false;
-            pages = transformCals(pages, isDivision);
-            cals.resources = (_d = cals.resources) === null || _d === void 0 ? void 0 : _d.map((n) => {
-                if (n.codeType === 'style') {
-                    n = convertLowCodesStyle(n, isDivision);
-                    return n;
-                }
-                return n;
-            });
-            delete cals['schemaVersion'];
-            setSchemaVersionCallback === null || setSchemaVersionCallback === void 0 ? void 0 : setSchemaVersionCallback(undefined);
-        }
-        cals['items'] = pages;
-        return cals;
-    }
-};
-function hasSubmitButton(item) {
-    var _a;
-    if ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) {
-        const children = item.items;
-        return children.some((i) => { var _a; return (i === null || i === void 0 ? void 0 : i.module) === common_1.OFFICIAL_COMPONENT_LIB_NAME && i.component === 'Button' && ((_a = i === null || i === void 0 ? void 0 : i.attributes) === null || _a === void 0 ? void 0 : _a.formType) === 'submit'; });
-    }
-    return false;
-}
-function addClassToButtonContainer(item) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    if ((item === null || item === void 0 ? void 0 : item.module) === common_1.OFFICIAL_MATERIAL_LIB_NAME && item.component === 'Container') {
-        if (hasSubmitButton(item)) {
-            if (((_a = item.attributes) === null || _a === void 0 ? void 0 : _a.class) && !((_b = item.attributes) === null || _b === void 0 ? void 0 : _b.class.includes('wd-form__action'))) {
-                if (typeof ((_c = item.attributes) === null || _c === void 0 ? void 0 : _c.class) === 'string') {
-                    item.attributes = Object.assign(Object.assign({}, item.attributes), { class: `${(_d = item.attributes) === null || _d === void 0 ? void 0 : _d.class} wd-form__action` });
-                }
-                else if (Array.isArray((_e = item.attributes) === null || _e === void 0 ? void 0 : _e.class)) {
-                    item.attributes = Object.assign(Object.assign({}, item.attributes), { class: [...(_f = item.attributes) === null || _f === void 0 ? void 0 : _f.class, 'wd-form__action'] });
-                }
-            }
-            else if (!((_g = item.attributes) === null || _g === void 0 ? void 0 : _g.class)) {
-                item.attributes = Object.assign(Object.assign({}, item.attributes), { class: 'wd-form__action' });
-            }
-            // 移除旧的padding配置
-            if ((_j = (_h = item === null || item === void 0 ? void 0 : item.extra) === null || _h === void 0 ? void 0 : _h.commonStyle) === null || _j === void 0 ? void 0 : _j.padding) {
-                delete item.extra.commonStyle.padding;
-            }
-        }
-    }
-    if ((_k = item === null || item === void 0 ? void 0 : item.items) === null || _k === void 0 ? void 0 : _k.length) {
-        item.items = item.items.map((i) => addClassToButtonContainer(i));
-    }
-    return item;
-}
-function jsonTranverse(json, reviver) {
-    return JSON.parse(JSON.stringify(json, reviver, 2));
-}
-function convertCommonStyle(value, isUpgrade) {
-    return jsonTranverse(value, (key, value) => {
-        if (__1.isUnitlessNumber[key]) {
-            return value;
-        }
-        if (typeof value === 'number') {
-            if (isUpgrade) {
-                value = value / 2;
-            }
-            else {
-                value = value * 2;
-            }
-        }
-        else if (/^((\d+\.)?\d+)(px)?$/.test(value)) {
-            value = !value ? value : value === null || value === void 0 ? void 0 : value.replace('px', '');
-            if (isUpgrade) {
-                // console.log(key, value, Number(value) / 2);
-                value = !value ? value : `${(0, common_1.toFixed)(Number(value) / 2, 3)}px`;
-            }
-            else {
-                value = !value ? value : `${Number(value) * 2}px`;
-            }
-        }
-        return value;
-    });
-}
-const rem2PxPlugin = (opts) => {
-    const rem2pxSym = Symbol('rem2pxSym');
-    const { isUpgrade } = opts;
-    return {
-        postcssPlugin: 'postcss-rem2px',
-        Declaration(decl, rule) {
-            // Modified From https://github.com/cuth/postcss-pxtorem/blob/122649015322214f8e9d1ac852eb11c0791b634b/lib/pixel-unit-regex.js#L9
-            // eslint-disable-next-line no-useless-escape
-            const pxRegex = /"[^"]+"|'[^']+'|(\d*\.?\d+)px/gm;
-            if (decl.value.indexOf('px') < 0) {
-                return;
-            }
-            if (decl[rem2pxSym]) {
-                return;
-            }
-            if (isUpgrade) {
-                const value = decl.value.replace(pxRegex, (match, p1) => {
-                    if (p1 !== null && p1 !== undefined) {
-                        const r = (0, common_1.toFixed)(Number(p1) / 2, 3);
-                        const rs = r.toString();
-                        return `${rs}px`;
-                    }
-                    return match;
-                });
-                decl.value = value;
-            }
-            else {
-                const value = decl.value.replace(pxRegex, (match, p1) => {
-                    if (p1 !== null && p1 !== undefined) {
-                        return `${Number(p1) * 2}px`;
-                    }
-                    return match;
-                });
-                decl.value = value;
-            }
-            decl[rem2pxSym] = true;
-        },
-    };
-};
-rem2PxPlugin.postcss = true;
-function convertLowCodesStyle(value, isUpgrade) {
-    const result = (0, postcss_1.default)([rem2PxPlugin({ isUpgrade })]).process(value.code, {
-        syntax: postcss_less_1.default,
-    });
-    value.code = result.css;
-    return value;
-}