@cicctencent/formily 0.0.0-stage → 0.0.1

package/dist/transform/index.js

@@ -0,0 +1,551 @@
+import { isEqual } from 'lodash-es';
+
+const FORMILY_KEYS = [
+    'type',
+    'title',
+    'description',
+    'default',
+    'readOnly',
+    'writeOnly',
+    'enum',
+    'const',
+    'multipleOf',
+    'maximum',
+    'exclusiveMaximum',
+    'minimum',
+    'exclusiveMinimum',
+    'maxLength',
+    'minLength',
+    'pattern',
+    'maxItems',
+    'minItems',
+    'uniqueItems',
+    'maxProperties',
+    'minProperties',
+    'required',
+    'format',
+    'additionalItems',
+    'patternProperties',
+    'additionalProperties',
+    'definitions',
+    '$ref',
+];
+const FORMILY_EXPAND_KEYS = [
+    'asterisk',
+];
+const COMMON_KEYS = [
+    'description',
+    'default',
+    'type',
+    'title',
+    'maxLength',
+    'multipleOf',
+    'const',
+    'x-decorator',
+    'x-component',
+    'x-component-props',
+    'x-decorator-props',
+];
+const COMPONENT_MAP = {
+    RadioWidget: 'Radio',
+    UploadWidget: 'UploadButton',
+    'hot-area': 'HotArea',
+    'rich-editor': 'RichEditor',
+    'el-color-picker': 'ColorPicker',
+};
+const FIELD_MAP = {
+    'ui:hidden': 'x-hidden',
+};
+const FIELD_KEYS = ['ui:hidden'];
+var UniqueType;
+(function (UniqueType) {
+    UniqueType[UniqueType["page"] = 1] = "page";
+    UniqueType[UniqueType["component"] = 2] = "component";
+})(UniqueType || (UniqueType = {}));
+
+function getComponentName(data) {
+    const keys = Object.keys(data);
+    if (keys.includes('x-component')) {
+        return data['x-component'];
+    }
+    else if (keys.includes('ui:widget')) {
+        return COMPONENT_MAP[data['ui:widget']];
+    }
+    else if (keys.includes('enum')) {
+        return 'Select';
+    }
+    else if (keys.includes('format')) {
+        switch (data['format']) {
+            case 'color':
+                return 'ColorPicker';
+            case 'date-time':
+                return 'DateTime';
+        }
+    }
+    else if (keys.includes('type')) {
+        switch (data['type']) {
+            case 'string':
+                return 'Input';
+            case 'number':
+                return 'InputNumber';
+            case 'boolean':
+                return 'Switch';
+            case 'array':
+                return 'ArrayItems';
+            case 'object':
+                if (keys.includes('oneOf')) {
+                    return 'OneOf';
+                }
+        }
+    }
+    else if (keys.includes('anyOf')) {
+        return 'AnyOf';
+    }
+}
+function isAnyOf(data) {
+    return 'anyOf' in data;
+}
+function isOneOf(data) {
+    return 'oneOf' in data;
+}
+function oneOfTransformEnum(oneOfData) {
+    const result = [];
+    oneOfData.forEach(o => {
+        const properties = o === null || o === void 0 ? void 0 : o.properties;
+        let value = {};
+        for (const key in properties) {
+            if ('default' in properties[key]) {
+                value[key] = properties[key].default;
+            }
+            else if ('properties' in properties[key]) {
+                value[key] = {};
+                Object.keys(properties[key].properties).forEach(oKey => {
+                    value[key][oKey] = properties[key].properties[oKey].default;
+                });
+            }
+        }
+        result.push({ label: o.title, value });
+    });
+    return result;
+}
+function emitEnum(enumValues, enumNames = []) {
+    if (!Array.isArray(enumValues)) {
+        return [];
+    }
+    if (typeof enumValues[0] === 'object') {
+        return enumValues;
+    }
+    const result = [];
+    if (Array.isArray(enumNames) && enumNames.length > 0) {
+        for (let i = 0; i < enumValues.length; i++) {
+            result.push({ label: enumNames[i], value: enumValues[i] });
+        }
+    }
+    else {
+        for (let i = 0; i < enumValues.length; i++) {
+            result.push({ label: enumValues[i], value: enumValues[i] });
+        }
+    }
+    return result;
+}
+function mergePropertiesColors(properties) {
+    var _a, _b;
+    if (!properties || typeof properties !== 'object') {
+        return {};
+    }
+    const colorGroup = {};
+    for (const key in properties) {
+        if (!properties[key]) {
+            continue;
+        }
+        if (((_a = properties[key]) === null || _a === void 0 ? void 0 : _a.format) === 'color' ||
+            ((_b = properties[key]) === null || _b === void 0 ? void 0 : _b['x-component']) === 'ColorPicker' ||
+            properties[key]['ui:widget'] === 'el-color-picker' ||
+            key.toLocaleUpperCase().indexOf('COLOR') !== -1 ||
+            key.toLocaleUpperCase() == 'BACKGROUND') {
+            colorGroup[key] = properties[key];
+            delete properties[key];
+        }
+    }
+    return colorGroup;
+}
+function simpleGenerationSchemaItem(data) {
+    const result = Object.assign(Object.assign({ 'x-component': getComponentName(data), 'x-decorator': 'FormItem' }, data), { 'x-decorator-props': { layout: 'vertical', labelAlign: 'left', labelWrap: true } });
+    return result;
+}
+function getXData(data) {
+    if ('x-data' in data) {
+        return data['x-data'];
+    }
+    return {};
+}
+
+function isSchemaConfig(data = {}) {
+    if (!data || typeof data !== 'object') {
+        return false;
+    }
+    if (data['x-component'] || data['properties'] || data['title'] || data['type']) {
+        return true;
+    }
+    return false;
+}
+
+class TransformCore {
+    constructor(state) {
+        Object.defineProperty(this, "existGroup", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { schema: null, ctx: null, group: false }
+        });
+        this.state = Object.assign({}, this.state, state !== null && state !== void 0 ? state : {});
+    }
+    get existEvent() {
+        var _a, _b, _c, _d;
+        return ((_a = this.state.schema.properties) === null || _a === void 0 ? void 0 : _a.event) && !isEqual((_b = this.state.schema.properties) === null || _b === void 0 ? void 0 : _b.event, {}) && !isEqual((_d = (_c = this.state.schema.properties) === null || _c === void 0 ? void 0 : _c.event) === null || _d === void 0 ? void 0 : _d.properties, {});
+    }
+    compile() {
+        var _a, _b, _c, _d;
+        const result = this.compileItem(this.state.schema);
+        if (!this.existGroup && ((_a = this.state) === null || _a === void 0 ? void 0 : _a.group)) {
+            const groupConfig = {
+                _group1: {
+                    type: 'void',
+                    'x-decorator': 'LayoutGroup',
+                    'x-decorator-props': {
+                        title: '基础配置'
+                    },
+                    properties: {
+                        props: (_b = result === null || result === void 0 ? void 0 : result.properties) === null || _b === void 0 ? void 0 : _b.props,
+                        style: (_c = result === null || result === void 0 ? void 0 : result.properties) === null || _c === void 0 ? void 0 : _c.style
+                    }
+                }
+            };
+            if (this.existEvent) {
+                groupConfig['_group2'] = {
+                    type: 'void',
+                    'x-decorator': 'LayoutGroup',
+                    'x-decorator-props': {
+                        title: ''
+                    },
+                    properties: {
+                        event: (_d = result === null || result === void 0 ? void 0 : result.properties) === null || _d === void 0 ? void 0 : _d.event,
+                    }
+                };
+            }
+            return {
+                type: 'object',
+                properties: Object.assign({}, groupConfig)
+            };
+        }
+        return result;
+    }
+    compileItem(data) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        if (!data || isEqual(data, {})) {
+            return {};
+        }
+        let result = {};
+        for (const key in data) {
+            if (key === 'properties') {
+                result[key] = this.compileProperties(data[key], (_a = data['required']) !== null && _a !== void 0 ? _a : []);
+                return result;
+            }
+            if (key === 'items') {
+                if ('format' in data && data['format'] === 'date-time') {
+                    result[key] = data[key];
+                }
+                else {
+                    result = Object.assign({}, result, this.compileItems(data[key]));
+                }
+            }
+            if (FORMILY_KEYS.includes(key) || key.indexOf('x-') !== -1 || FORMILY_EXPAND_KEYS.includes(key)) {
+                result[key] = data[key];
+            }
+            else if (key.indexOf('ui:') !== -1) {
+                if (key === 'ui:options') {
+                    if (data['ui:widget'] === 'hot-area' && 'event' in data['ui:options']) {
+                        data['ui:options'].options = (_j = (_h = (_g = (_f = (_e = (_d = (_c = (_b = data['ui:options'].event) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.list) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.handler) === null || _g === void 0 ? void 0 : _g.properties) === null || _h === void 0 ? void 0 : _h.name) === null || _j === void 0 ? void 0 : _j.enum;
+                        data['ui:options'].event = JSON.stringify(data['ui:options'].event);
+                    }
+                    this.setComponentProps(result, Object.assign({}, data['ui:options']));
+                }
+                else if (key === 'ui:hidden') {
+                    result['x-hidden'] = data[key];
+                }
+            }
+            if (key === 'unique') {
+                result[key] = data[key];
+            }
+        }
+        if ('enum' in data) {
+            result['enum'] = emitEnum(data['enum'], (_k = data['enumNames']) !== null && _k !== void 0 ? _k : []);
+        }
+        if (!result['x-component']) {
+            result['x-component'] = getComponentName(data);
+        }
+        if (!data['x-decorator'] && data['type'] !== 'void') {
+            result['x-decorator'] = 'FormItem';
+        }
+        if (isOneOf(data)) {
+            this.setComponentProps(result, {
+                list: '[]',
+                title: data.title,
+            });
+            result['title'] = '';
+        }
+        if (isAnyOf(data)) {
+            this.setComponentProps(result, {
+                list: JSON.stringify((_l = data.anyOf) !== null && _l !== void 0 ? _l : []),
+                title: data.title,
+                '@fileUpload': (file, done) => {
+                    this.state.ctx.emit('fileUpload', file, done);
+                },
+            });
+            result['title'] = '';
+            result['required'] = (_m = result['required']) !== null && _m !== void 0 ? _m : true;
+        }
+        if (['HotArea', 'CloudButton', 'InformationConfig', 'Qa'].includes(result['x-component'])) {
+            result['title'] = '';
+            result['x-decorator'] = null;
+        }
+        this.setDecoratorProps(result);
+        this.setComponentProps(result, this.compileEvent(data));
+        if (result['x-component'] === 'Select') {
+            this.setComponentProps(result, { options: (_o = result['enum']) !== null && _o !== void 0 ? _o : [] });
+            if (!data['title'] && !!(data === null || data === void 0 ? void 0 : data.inlineTitle)) {
+                this.setComponentProps(result, { prefix: data === null || data === void 0 ? void 0 : data.inlineTitle });
+            }
+        }
+        else if (result['x-component'] === 'UploadButton') {
+            if (result['title'] && result['title'].indexOf('背景图片') === -1) {
+                this.setComponentProps(result, { title: '替换图片' });
+            }
+        }
+        return result;
+    }
+    compileItems(data) {
+        var _a, _b, _c, _d, _e, _f;
+        if (isOneOf(data)) {
+            return {
+                enum: oneOfTransformEnum(data.oneOf),
+                'x-component': 'Select',
+                'x-component-props': {
+                    'value-key': 'name',
+                    multiple: true,
+                    'collapse-tags': true,
+                },
+                'x-decorator': 'FormItem',
+            };
+        }
+        const xData = getXData(data) || {};
+        if (!('properties' in data)) {
+            return {
+                items: Object.assign({}, simpleGenerationSchemaItem(data)),
+                properties: {
+                    add: {
+                        type: 'void',
+                        title: (xData === null || xData === void 0 ? void 0 : xData.addButtonTitle) ? xData === null || xData === void 0 ? void 0 : xData.addButtonTitle : '添加条目',
+                        'x-component': 'ArrayItems.Addition',
+                        'x-component-props': {
+                            type: (xData === null || xData === void 0 ? void 0 : xData.addButtonType) || 'primary',
+                            size: (xData === null || xData === void 0 ? void 0 : xData.addButtonSize) || 'default',
+                            plain: (xData === null || xData === void 0 ? void 0 : xData.addButtonPlain) || false,
+                        },
+                    },
+                },
+            };
+        }
+        const result = {};
+        for (const key in data) {
+            if (key === 'properties') {
+                result[key] = this.compileProperties(data[key], (_a = data['required']) !== null && _a !== void 0 ? _a : []);
+            }
+            if (COMMON_KEYS.includes(key)) {
+                result[key] = data[key];
+            }
+            if (FIELD_KEYS.includes(key)) {
+                result[FIELD_MAP[key]] = data[key];
+            }
+        }
+        if (!(result === null || result === void 0 ? void 0 : result.type)) {
+            result['type'] = 'object';
+        }
+        if (!(result === null || result === void 0 ? void 0 : result.required)) {
+            result['required'] = data['required'];
+        }
+        const listRes = { items: Object.assign({}, result) };
+        listRes['properties'] = {
+            add: {
+                type: 'void',
+                title: ((_b = getXData(data)) === null || _b === void 0 ? void 0 : _b.addButtonTitle) ? (_c = getXData(data)) === null || _c === void 0 ? void 0 : _c.addButtonTitle : '添加条目',
+                'x-component': 'ArrayItems.Addition',
+                'x-component-props': {
+                    type: ((_d = getXData(data)) === null || _d === void 0 ? void 0 : _d.addButtonType) || 'primary',
+                    size: ((_e = getXData(data)) === null || _e === void 0 ? void 0 : _e.addButtonSize) || 'default',
+                    plain: ((_f = getXData(data)) === null || _f === void 0 ? void 0 : _f.addButtonPlain) || false,
+                },
+            },
+        };
+        return listRes;
+    }
+    compileProperties(data, requireds) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        let result = {};
+        for (const key in data) {
+            if (!isSchemaConfig(data[key])) {
+                result[key] = data[key];
+            }
+            else if (key === 'event' && ((_b = (_a = data[key]) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.list)) {
+                result[key] = {
+                    type: 'object',
+                    'x-component': 'Event',
+                    'x-component-props': Object.assign({ schema: JSON.stringify((_d = (_c = data[key]) === null || _c === void 0 ? void 0 : _c.properties) !== null && _d !== void 0 ? _d : {}), options: (_m = (_l = (_k = (_j = (_h = (_g = (_f = (_e = data[key]) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.list) === null || _g === void 0 ? void 0 : _g.items) === null || _h === void 0 ? void 0 : _h.properties) === null || _j === void 0 ? void 0 : _j.handler) === null || _k === void 0 ? void 0 : _k.properties) === null || _l === void 0 ? void 0 : _l.name) === null || _m === void 0 ? void 0 : _m.enum }, this.compileEvent(data, 'Event')),
+                };
+            }
+            else {
+                result[key] = this.compileItem(data[key]);
+                if (Array.isArray(requireds) && requireds.includes(key)) {
+                    result[key]['required'] = true;
+                }
+                if (key === 'buryReportName') {
+                    result[key]['unique'] = UniqueType.page;
+                    result[key]['required'] = true;
+                }
+            }
+            if (key.indexOf('group') > -1) {
+                this.existGroup = true;
+            }
+        }
+        return result;
+    }
+    compileEvent(data, componentName) {
+        const _componentName = componentName || getComponentName(data);
+        const result = {};
+        result['@getData'] = (cmdname, done, cmdParams) => {
+            this.state.ctx.emit('getData', cmdname, done, cmdParams);
+        };
+        switch (_componentName) {
+            case 'Event':
+                result['@fileUpload'] = (file, done, config) => {
+                    this.state.ctx.emit('fileUpload', file, done, config);
+                };
+                break;
+            case 'AnyOf':
+                result['@fileUpload'] = (file, done, config) => {
+                    this.state.ctx.emit('fileUpload', file, done, config);
+                };
+                break;
+            case COMPONENT_MAP.UploadWidget:
+                result['@fileUpload'] = (file, done) => {
+                    var _a, _b, _c;
+                    this.state.ctx.emit('fileUpload', file, done, data);
+                    if (((_a = this.state.ctx.type) === null || _a === void 0 ? void 0 : _a.name) === 'HotArea') {
+                        (_c = (_b = this.state.ctx) === null || _b === void 0 ? void 0 : _b.exposed) === null || _c === void 0 ? void 0 : _c.getUploadImageUrl(file, done);
+                    }
+                };
+                break;
+            case 'CloudButton':
+                result['@openCloud'] = (params, done) => {
+                    this.state.ctx.emit('openCloud', { data: params, config: data }, done);
+                };
+                result['@preload'] = (url) => {
+                    this.state.ctx.emit('preloadCloud', url);
+                };
+        }
+        return result;
+    }
+    setDecoratorProps(data) {
+        var _a, _b;
+        let decoratorProps = {};
+        if (data['x-component'] === 'Switch') {
+            decoratorProps['wrapperAlign'] = 'right';
+            decoratorProps['labelAlign'] = 'left';
+        }
+        else {
+            decoratorProps['layout'] = ((_a = data === null || data === void 0 ? void 0 : data['x-decorator-props']) === null || _a === void 0 ? void 0 : _a.layout) || this.state.layout || 'vertical';
+            decoratorProps['labelAlign'] = 'left';
+            decoratorProps['labelWrap'] = true;
+        }
+        if (data === null || data === void 0 ? void 0 : data.description) {
+            if (data['x-component'] === 'Input') {
+                this.setComponentProps(data, { toolTip: data['description'] });
+            }
+            else {
+                decoratorProps['tooltip'] = data['description'];
+            }
+            delete data['description'];
+        }
+        if ('asterisk' in data && data['asterisk']) {
+            decoratorProps['asterisk'] = true;
+        }
+        data['x-decorator-props'] = Object.assign({}, (_b = data['x-decorator-props']) !== null && _b !== void 0 ? _b : {}, decoratorProps);
+    }
+    setComponentProps(data, _props = {}) {
+        var _a;
+        const componentProps = {};
+        for (const key in _props) {
+            componentProps[key] = _props[key];
+        }
+        data['x-component-props'] = Object.assign({}, (_a = data['x-component-props']) !== null && _a !== void 0 ? _a : {}, componentProps);
+    }
+}
+
+function transformSchema({ schema, ctx, group = false, layout = 'vertical' }) {
+    if (!schema) {
+        return {};
+    }
+    let resConfig = {};
+    if ('properties' in schema) {
+        const data = Object.assign({}, schema);
+        formatColor(data);
+        resConfig = Object.assign({}, data);
+    }
+    else {
+        const properties = Object.assign({}, schema);
+        const data = {
+            type: 'object',
+            properties: properties,
+        };
+        formatColor(data);
+        resConfig = Object.assign({}, data);
+    }
+    const result = new TransformCore({ schema: resConfig, ctx, group, layout }).compile();
+    console.log('[jt-formily Transform]', 'transformSchema', 'result:', result);
+    return result;
+}
+function mergeColor(properties) {
+    let colors = mergePropertiesColors(properties);
+    if (colors && JSON.stringify(colors) != '{}') {
+        properties['colorGroup'] = {
+            type: 'void',
+            'x-decorator': 'ColorGroup',
+            properties: Object.assign({}, colors)
+        };
+    }
+}
+function formatColor(data) {
+    if (!(data === null || data === void 0 ? void 0 : data.properties)) {
+        return;
+    }
+    if ('colorGroup' in (data === null || data === void 0 ? void 0 : data.properties)) {
+        return;
+    }
+    for (const key in data.properties) {
+        formatColor(data.properties[key]);
+    }
+    mergeColor(data.properties);
+}
+
+var index = {
+    transformSchema,
+    TransformCore,
+};
+
+export { TransformCore, index as default, transformSchema };