@cloudbase/cals 1.0.50 → 1.0.52-alpha.0

package/lib/parser/cals/utils/version/common.js

@@ -0,0 +1,385 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renameRepeatId = exports.addFormItem = exports.afterCommonParse = exports.beforeCommonParse = void 0;
+const utils_1 = require("./utils");
+const get_1 = __importDefault(require("lodash/get"));
+const set_1 = __importDefault(require("lodash/set"));
+const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
+const merge_1 = __importDefault(require("lodash/merge"));
+const index_1 = require("./index");
+const common_1 = require("../common");
+const utils_2 = require("../../../../utils");
+function beforeCommonParse(comp) {
+    addDefaultXIndex(comp);
+}
+exports.beforeCommonParse = beforeCommonParse;
+function afterCommonParse(comp) {
+    translateClassList(comp);
+    translateStyleBinding(comp);
+    translateComponentModuleName(comp);
+    translateListeners(comp);
+    translateStyleToCommonStyle(comp);
+    translateSlot(comp);
+}
+exports.afterCommonParse = afterCommonParse;
+// 复合组件 slot 属性配置迁移，从 xProps.data.content.value 里取
+function translateSlot(comp) {
+    if (comp['xComponent'].name === 'Slot' && comp['xProps'].data.content) {
+        comp['xProps'].data.name = {
+            value: comp['xProps'].data.content.value,
+        };
+        delete comp['xProps'].data.content;
+    }
+}
+function translateListeners(comp) {
+    const { xProps } = comp;
+    // 处理click 转 tap
+    if (xProps === null || xProps === void 0 ? void 0 : xProps.listeners) {
+        const { listeners = [] } = xProps;
+        listeners.forEach((listenerItem) => {
+            const { handler } = listenerItem;
+            if (listenerItem.trigger === 'click' || listenerItem.trigger === '__weapps_action_trigger_click') {
+                listenerItem.trigger = 'tap';
+            }
+            if (handler.moduleName === 'gsd-kbone') {
+                handler.moduleName = utils_2.OFFICIAL_LIB_KEY;
+            }
+        });
+    }
+}
+function translateComponentModuleName(comp) {
+    const { xComponent } = comp;
+    if (xComponent) {
+        const { name } = xComponent;
+        const complexName = (0, utils_1.isComplexComponent)(name);
+        const gsdH5ReactName = (0, utils_1.isGsdH5ReactComponent)(name);
+        if (complexName) {
+            xComponent.moduleName = utils_2.OFFICIAL_COMPONENT_LIB_NAME;
+            xComponent.name = complexName;
+        }
+        else if (gsdH5ReactName) {
+            xComponent.moduleName = utils_2.OFFICIAL_LIB_KEY;
+            xComponent.name = gsdH5ReactName;
+        }
+        else {
+            xComponent.moduleName = utils_2.OFFICIAL_COMPONENT_LIB_NAME;
+        }
+        switch (name) {
+            case 'Wx-map':
+                xComponent.name = 'Map';
+                break;
+            case 'Telephone':
+                xComponent.name = 'telephone';
+            default:
+                break;
+        }
+        if (xComponent.moduleName === utils_2.OFFICIAL_COMPONENT_LIB_NAME) {
+            switch (xComponent.name) {
+                case 'Cell': {
+                    xComponent.name = 'Item';
+                    let xprops = comp.xProps;
+                    if (xprops === null || xprops === void 0 ? void 0 : xprops.data) {
+                        xprops.data.value = {
+                            value: '',
+                        };
+                        xprops.data.detail = {
+                            value: false,
+                        };
+                        xprops.data.description = {
+                            value: '',
+                        };
+                        if (xprops.data.label) {
+                            xprops.data.title = xprops.data.label;
+                            delete xprops.data.label;
+                        }
+                    }
+                    break;
+                }
+                case 'NavBar': {
+                    let xprops = comp.xProps;
+                    if (xprops === null || xprops === void 0 ? void 0 : xprops.data) {
+                        if (xprops.data.text) {
+                            xprops.data.title = xprops.data.text;
+                            delete xprops.data.text;
+                        }
+                    }
+                    break;
+                }
+                case 'TabBar':
+                case 'Tabbar': {
+                    xComponent.name = 'TabBar';
+                    let xprops = comp.xProps;
+                    if (xprops === null || xprops === void 0 ? void 0 : xprops.data) {
+                        if (xprops.data.itemList) {
+                            let dynamicValue = xprops.data.itemList;
+                            if (dynamicValue.type === 'static' || !dynamicValue.type) {
+                                xprops.data.tabs = {
+                                    value: (dynamicValue.value || []).map((item) => {
+                                        return Object.assign({ name: item.value }, item);
+                                    }),
+                                };
+                            }
+                            else {
+                                xprops.data.tabs = xprops.data.itemList;
+                            }
+                            delete xprops.data.itemList;
+                        }
+                    }
+                    break;
+                }
+            }
+        }
+    }
+}
+function translateClassList(comp) {
+    const { xProps } = comp;
+    if (!xProps) {
+        return;
+    }
+    if (xProps['classNameList']) {
+        // @ts-ignore
+        xProps['classList'] = xProps['classList'] || xProps.classNameList;
+        // @ts-ignore
+        delete xProps.classNameList;
+    }
+    if (xProps['classNameListBind']) {
+        // @ts-ignore
+        xProps['classListBind'] = xProps['classListBind'] || xProps.classNameListBind;
+        // @ts-ignore
+        xProps.classListBind.value = xProps.classListBind.bindDataPath;
+        // @ts-ignore
+        delete xProps['classListBind'].propertyPath;
+        // @ts-ignore
+        delete xProps['classListBind'].bindDataPath;
+        // @ts-ignore
+        delete xProps.classNameListBind;
+    }
+}
+function translateStyleBinding(comp) {
+    const { xProps } = comp;
+    if (!xProps) {
+        return;
+    }
+    if (xProps['styleBind']) {
+        // @ts-ignore
+        if (xProps['styleBind'].bindDataPath) {
+            xProps['styleBind'] = {
+                type: xProps['styleBind'].type,
+                // @ts-ignore
+                value: xProps['styleBind'].bindDataPath,
+            };
+        }
+    }
+}
+function translateStyleToCommonStyle(comp) {
+    const { xProps } = comp;
+    if (xProps === null || xProps === void 0 ? void 0 : xProps.style) {
+        xProps.commonStyle = xProps.commonStyle || {};
+        xProps.commonStyle.self = xProps.commonStyle.self || {};
+        xProps.commonStyle.self = (0, merge_1.default)(xProps.style, xProps.commonStyle.self);
+        delete xProps.style;
+    }
+}
+function addDefaultXIndex(comp) {
+    const { properties } = comp;
+    if (!properties) {
+        return;
+    }
+    let xIndex = 1;
+    Object.values(properties).map((_comp) => {
+        let comp = _comp;
+        if (comp.xIndex === undefined) {
+            comp.xIndex = xIndex;
+        }
+        else {
+            xIndex = comp.xIndex + 1;
+        }
+    });
+}
+function addFormItem(comp, key, parent, isOnlySlot = false) {
+    const { properties, xIndex, xProps } = comp;
+    const defaultValue = (0, get_1.default)(xProps, 'data.defaultValue');
+    if (defaultValue) {
+        (0, set_1.default)(xProps, 'data.value', defaultValue);
+        delete xProps.data.defaultValue;
+    }
+    const rulesValue = (0, get_1.default)(xProps, 'data.rules') || {
+        value: [],
+    };
+    if (!rulesValue.type || rulesValue.type === 'static') {
+        rulesValue.value = (rulesValue.value || []).filter((meta) => {
+            return meta && !(0, common_1.isEmptyObj)(meta);
+        });
+    }
+    if ((0, utils_1.isPlainObject)(rulesValue.value)) {
+        if ((0, utils_1.isEmptyObject)(rulesValue.value)) {
+            rulesValue.value = [];
+        }
+        else {
+            rulesValue.value = [rulesValue.value];
+        }
+    }
+    const layoutValue = (0, get_1.default)(xProps, 'data.layout') || {
+        value: 'vertical',
+    };
+    const requireValue = (0, get_1.default)(xProps, 'data.required') || {
+        value: false,
+    };
+    const requiredTextValue = {
+        value: (requireValue === null || requireValue === void 0 ? void 0 : requireValue.value) ? '该项为必填项' : false,
+    };
+    const nameValue = (0, get_1.default)(xProps, 'data.name') || {
+        value: 'uniqueFormKey',
+    };
+    let labelText = (0, get_1.default)(xProps, 'data.label.value') || '';
+    let isShowTitleSlot = false;
+    if (properties) {
+        Object.keys(properties).map((subKey) => {
+            if ((0, utils_1.isWeAppId)(subKey)) {
+                delete properties[subKey];
+            }
+            if (subKey === 'label') {
+                const targetLabelSlot = properties[subKey];
+                (0, utils_1.getComponentChildren)(targetLabelSlot).map(([key, item]) => {
+                    labelText = (0, get_1.default)(item, 'xProps.data.text.value');
+                    const cloneItem = (0, cloneDeep_1.default)(item);
+                    (0, index_1.deepParse)(cloneItem, key, comp);
+                    isShowTitleSlot = true;
+                });
+                delete comp.properties.label;
+            }
+        });
+    }
+    const titleSlot = {
+        [(0, utils_1.getId)()]: {
+            xComponent: {
+                moduleName: utils_2.OFFICIAL_LIB_KEY,
+                name: 'Text',
+            },
+            xProps: {
+                data: {
+                    text: {
+                        value: labelText,
+                    },
+                    decode: {
+                        value: false,
+                    },
+                    selectable: {
+                        value: false,
+                    },
+                },
+                listeners: [],
+            },
+            xIndex: 0,
+        },
+    };
+    try {
+        delete xProps.data.layout;
+        delete xProps.data.required;
+        delete xProps.data.rules;
+        delete xProps.data.requiredText;
+        delete xProps.data.label;
+        delete xProps.data.name;
+    }
+    catch (e) { }
+    if (parent) {
+        if (!parent.xComponent || (parent.xComponent && parent.xComponent.name !== 'FormItem')) {
+            // add FormItem
+            const newFormItemId = (0, utils_1.getId)();
+            // @ts-ignore
+            parent.properties[newFormItemId] = {
+                xComponent: {
+                    moduleName: utils_2.OFFICIAL_COMPONENT_LIB_NAME,
+                    name: 'FormItem',
+                },
+                // @ts-ignore
+                xProps: {
+                    data: {
+                        name: nameValue,
+                        rules: rulesValue,
+                        layout: layoutValue,
+                        required: requireValue,
+                        requiredMsg: requiredTextValue,
+                        requiredFlag: true,
+                        labelVisible: { value: true },
+                        validateStatus: {
+                            value: 'success',
+                        },
+                        validateTrigger: {
+                            value: 'onChange',
+                        },
+                    },
+                },
+                xIndex,
+                properties: {
+                    labelSlot: {
+                        properties: Object.assign({}, titleSlot),
+                    },
+                    contentSlot: {
+                        properties: {
+                            [key]: comp,
+                        },
+                    },
+                },
+            };
+            try {
+                // 删除原来组件
+                delete parent.properties[key];
+            }
+            catch (e) {
+                console.error('删除组件多余属性失败 parseGsdKboneInput', e, comp);
+            }
+            return;
+        }
+    }
+    delete xProps.data.rules;
+    delete xProps.data.defaultValue;
+    delete xProps.data.layout;
+    delete xProps.data.require;
+}
+exports.addFormItem = addFormItem;
+function renameRepeatId(json) {
+    const { pageInstanceList = [] } = json;
+    pageInstanceList.forEach((instance, index) => {
+        const { componentInstances } = instance;
+        const _compIds = {};
+        const comps = [];
+        for (const i in componentInstances) {
+            const comp = componentInstances[i];
+            if (_compIds[i] && i.startsWith('id')) {
+                const newId = (0, utils_1.getId)();
+                componentInstances[newId] = comp;
+                delete componentInstances[i];
+            }
+            else {
+                _compIds[i] = i;
+            }
+            comps.push(comp);
+        }
+        while (true) {
+            const topComp = comps.pop();
+            if (!topComp) {
+                break;
+            }
+            const keys = Object.keys(topComp['properties'] || {});
+            if (keys.length > 0) {
+                keys.forEach((key) => {
+                    const _comp = topComp['properties'][key];
+                    if (_compIds[key] && key.startsWith('id')) {
+                        const newId = (0, utils_1.getId)();
+                        topComp['properties'][newId] = _comp;
+                        delete topComp['properties'][key];
+                    }
+                    else {
+                        _compIds[key] = key;
+                    }
+                    comps.push(_comp);
+                });
+            }
+        }
+    });
+}
+exports.renameRepeatId = renameRepeatId;

package/lib/parser/cals/utils/version/config.d.ts

@@ -0,0 +1,16 @@
+/**
+ 备注：登录 WeApps v2，在任一页面控制台输入以下代码（需要修改相应的分类名称），以获取指定分类的 COMPLEX_COMPONENT_KEYS
+
+fetch(`http://dev.weapps.woa.com/api/compositeComp/list?pageIndex=0&category=${encodeURI('审批系统')}&keyword=&pageSize=500`).then(function(response) {
+  return response.json();
+}).then(function(json) {
+  console.log(JSON.stringify(json.data.rows.map(item => item.name), null, 2))
+});
+
+ */
+export declare const COMPLEX_COMPONENT_KEYS: string[];
+export declare const FORM_COMPONENT_KEYS: string[];
+export declare const GSD_H5_REACT_COMPONENT_KEYS: string[];
+export declare const COMPONENT_SELECTABLEBLOCK_WHITELIST: string[];
+export declare const MODULE_SELECTABLEBLOCK_REGEX: RegExp;
+//# sourceMappingURL=config.d.ts.map

package/lib/parser/cals/utils/version/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/parser/cals/utils/version/config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAyKH,eAAO,MAAM,sBAAsB,UAMlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAgB/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAgDvC,CAAC;AAGF,eAAO,MAAM,mCAAmC,UAA8D,CAAC;AAG/G,eAAO,MAAM,4BAA4B,QAA6B,CAAC"}

package/lib/parser/cals/utils/version/config.js

@@ -0,0 +1,244 @@
+"use strict";
+/**
+ 备注：登录 WeApps v2，在任一页面控制台输入以下代码（需要修改相应的分类名称），以获取指定分类的 COMPLEX_COMPONENT_KEYS
+
+fetch(`http://dev.weapps.woa.com/api/compositeComp/list?pageIndex=0&category=${encodeURI('审批系统')}&keyword=&pageSize=500`).then(function(response) {
+  return response.json();
+}).then(function(json) {
+  console.log(JSON.stringify(json.data.rows.map(item => item.name), null, 2))
+});
+
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MODULE_SELECTABLEBLOCK_REGEX = exports.COMPONENT_SELECTABLEBLOCK_WHITELIST = exports.GSD_H5_REACT_COMPONENT_KEYS = exports.FORM_COMPONENT_KEYS = exports.COMPLEX_COMPONENT_KEYS = void 0;
+// 政务组件
+const ZW_COMPLEX_COMPONENT_KEYS = [
+    'Input',
+    'FormItem',
+    'Icon',
+    'FormCell',
+    'Button',
+    'Tabs',
+    'TabPane',
+    'Selector',
+    'Divider',
+    'Textarea',
+    'Checkbox',
+    'Radio',
+    'Switch',
+    'Badge',
+    'Number',
+    'Form',
+    'Agree',
+    'ButtonGroup',
+    'CheckboxGroup',
+    'MultiSelector',
+    'Uploader',
+    'Preview',
+    'Date',
+    'Time',
+    'Region',
+    'Tips',
+    'Slider',
+    'CheckboxLabel',
+    'VerficationCode',
+    'IndexList',
+    'Poplayer',
+    'TestProps',
+    'Tabbar',
+    'Cascader',
+    'RadioGroup',
+    'RadioLabel',
+    'Footer',
+    'PhoneCode',
+    'PictureCode',
+    'Card',
+    'QRCode',
+    'Search',
+    '10086',
+    'Cell',
+    'Timeline',
+    'TimeRange',
+    'CircleContent',
+    'UploadBase',
+];
+// 城市助手
+const CSZS_COMPLEX_COMPONENT_KEYS = [
+    'wf-index-navigator',
+    'wf-index-weather',
+    'wf-service-list',
+    'wy-apply-receive',
+    'wf-msg',
+    'wf-lazy-image',
+    'wf-square-bone',
+];
+// 指尖指挥
+const ZJZH_COMPLEX_COMPONENT_KEYS = [
+    'eventUpload',
+    'projectCard',
+    'projectDetail',
+    'eventStep',
+    'dutyTaskCard',
+    'modalInput',
+    'DepartmentDoneStatus',
+    'projectBreadcrumb',
+    'projectEmpty',
+    'telphone',
+    'eventDetail',
+    'wideDivider',
+    'testminipro',
+    'eventUploadViewer',
+    'processLine',
+    'eventUploadVideoPlayer',
+    'error',
+    'delayTaskDoneStatus',
+];
+// 审批系统
+const SPXT_COMPLEX_COMPONENT_KEYS = [
+    'apxt-popup-radio',
+    'spxt-submit-button',
+    'spxt-detail-form-info',
+    'spxt-handle-schedul',
+    'statistics-count',
+    'spxt-popup-select',
+    'spxt-submit-materials-info',
+    'spxt-detail-application-info',
+    'spxt-detail-result-receive',
+    'spxt-verification-processing',
+    'spxt-detail-material-info',
+    'spxt-ems-adrress',
+    'material-one',
+    'spxt-schedule',
+    'spxt-detail-meterial-submit',
+    'spxt-nomore-data',
+    'spxt-detail-base-info',
+    'spxt-large-title',
+    'matter-item',
+    'spxt-apply-item',
+    'material-switch-group-one',
+    'material-switch-one',
+    'material-group-one',
+    'drop-content-switch',
+    'material-drop-content',
+    'spxt-detail-material-group-info',
+    'spxt-module-title',
+    'spxt-tabs-scroll',
+    'material-upload-group',
+    'material-upload',
+    'material-upload-one',
+    'spxt-tag-status',
+];
+// 一网通办
+const YWTB_COMPLEX_COMPONENT_KEYS = [
+    'ywtb-select-item',
+    'handling-situation',
+    'test-qiao',
+    'success-tag',
+    'table-list',
+    'ywtb-search-content',
+    'popup-animate',
+    'ywtb-title-cell',
+    'ywtb-tab-bar',
+    'ywtb-legal-person-info',
+    'ywtb-agree',
+    'ywtb-receive-result',
+    'ywtb-person-info',
+    'ywtb-create-address',
+    'ywtb-search-result',
+    'nav-to',
+    'ywtb-popup-select',
+    'ywtb-material-submission',
+    'ywtb-search-container',
+    'region-modal',
+    'ywtb-footer-button',
+    'home-filter',
+    'ywtb_reservation_list',
+    'ywtb-select-list',
+    'ywtb-search-history',
+    'drop-content',
+    'ywtb-step-item',
+    'ywtb-steps',
+    'ywtb-commitment',
+    'ywtb_card',
+    'ywtb-cell',
+    'ywtb-line-content',
+    'ywtb-business-item',
+    'ywtb-confirm',
+];
+const CSM_COMPLEX_COMPONENT_KEYS = [
+    'city-code-scan-container',
+    'citycode-add-relative',
+    'city-code-scan-callback',
+    'chongqing-code-bottom-label',
+];
+exports.COMPLEX_COMPONENT_KEYS = ZW_COMPLEX_COMPONENT_KEYS.concat(CSZS_COMPLEX_COMPONENT_KEYS, ZJZH_COMPLEX_COMPONENT_KEYS, SPXT_COMPLEX_COMPONENT_KEYS, YWTB_COMPLEX_COMPONENT_KEYS, CSM_COMPLEX_COMPONENT_KEYS);
+exports.FORM_COMPONENT_KEYS = [
+    'Input',
+    'Textarea',
+    'Number',
+    'Selector',
+    'MultiSelector',
+    'Time',
+    'Date',
+    'Region',
+    'CheckboxGroup',
+    'Checkbox',
+    'RadioGroup',
+    'Radio',
+    'Switch',
+    'Slider',
+    'Uploader',
+];
+exports.GSD_H5_REACT_COMPONENT_KEYS = [
+    'Audio',
+    'Button',
+    'Camera',
+    'Canvas',
+    'Checkbox',
+    'CheckboxeGroup',
+    'Container',
+    'DatePicker',
+    'Form',
+    'Icon',
+    'Iframe-web-view',
+    'Image',
+    'Input',
+    'Label',
+    'LivePlayer',
+    'LivePusher',
+    'Map',
+    'MultiSelector',
+    'Navigator',
+    'PickerView',
+    'PickerViewColumn',
+    'Progress',
+    'Radio',
+    'RadioGroup',
+    'RegionPicker',
+    'RichText',
+    'ScrollView',
+    'Selector',
+    'Slider',
+    'Slot',
+    'Swiper',
+    'SwiperItem',
+    'Switch',
+    'Text',
+    'TextArea',
+    'TimePicker',
+    'Uploader',
+    'Video',
+    'Wx-ad',
+    'Wx-cover-image',
+    'Wx-cover-view',
+    'Wx-movable-area',
+    'Wx-movable-view',
+    'Wx-navigation-bar',
+    'Wx-official-accout',
+    'Wx-open-data',
+    'Wx-page-mate',
+];
+// 支持选区的组件白名单
+exports.COMPONENT_SELECTABLEBLOCK_WHITELIST = ['modeltable', 'modelcreate', 'modelupdate', 'modeldetail'];
+// 支持选区的组件库命名正则表达式
+exports.MODULE_SELECTABLEBLOCK_REGEX = /^cloudbase_bussiness.*$/i;