@steedos/service-plugin-amis 2.2.34 → 2.2.37

package/main/default/services/utils/fields/index.js

@@ -0,0 +1,391 @@
+const Tpl = require('../tpl');
+const _ = require('underscore');
+const OMIT_FIELDS = ['created', 'created_by', 'modified', 'modified_by'];
+const Lookup = require('./lookup');
+const AmisFormInputs = [
+    'text',
+    'date',
+    'datetime',
+    'time',
+    'number',
+    'currency',
+    'percent',
+    'password',
+    'url',
+    'email'
+]
+
+function getBaseFields(readonly){
+    let calssName = 'm-0';
+    if(readonly){
+        calssName = `${calssName} slds-form-element_readonly`
+    }
+    return [
+        { 
+            name: "createdInfo", 
+            label: "创建人",
+            type: "static",
+            labelClassName: 'text-left',
+            className: calssName,
+            tpl: Tpl.getCreatedInfoTpl()
+        },
+        { 
+            name: "modifiedInfo", 
+            label: "修改人",
+            type: "static",
+            labelClassName: 'text-left',
+            className: calssName,
+            tpl: Tpl.getModifiedInfoTpl()
+        }
+    ]
+};
+
+function getAmisStaticFieldType(type, readonly){
+    if(!readonly){
+        if(_.include(AmisFormInputs, type)){
+            return `input-${type}`;
+        }
+        return type;
+    }
+    if(_.include(['text'], type)){
+        return `static-${type}`;
+    }else{
+        return 'static';
+    }
+};
+
+function getAmisFieldType(sField){
+    switch (sField.type) {
+        case 'text':
+            return 'text';
+        case 'textarea':
+            return 'textarea';
+        case 'html':
+            return 'html';
+        case 'select':
+            return 'select';
+        case 'boolean':
+            return 'checkbox';
+        case 'date':
+            return 'date';
+        case 'datetime':
+            return 'datetime';
+        case 'number':
+            return 'number';
+        case 'currency':
+            return 'number';
+        case 'percent':
+            return 'number'
+        case 'password':
+            return 'password';
+        case 'lookup':
+            // TODO 根据字段配置返回 select || picker
+            return 'select';
+        case 'master_detail':
+            // TODO 根据字段配置返回 select || picker
+            return 'picker';
+        case 'autonumber':
+            return 'text';
+        case 'url':
+            return 'url'
+        case 'email':
+            return 'email'
+        case 'image':
+            return 'image'
+        case 'formula':
+            //TODO
+            break;
+        case 'summary':
+            //TODO
+            break;
+        case 'grid':
+            return 'table';
+        default:
+            console.log('convertData default', sField.type);
+            // convertData.type = field.type
+            break;
+    }
+
+};
+
+function getObjectFieldSubFields(mainField, fields){
+    const newMainField = Object.assign({subFields: []}, mainField);
+    const subFields = _.filter(fields, function(field){
+        return field.name.startsWith(`${mainField.name}.`)
+    });
+    newMainField.subFields = subFields;
+    return newMainField;
+}
+
+function getGridFieldSubFields(mainField, fields){
+    const newMainField = Object.assign({subFields: []}, mainField);
+    const subFields = _.filter(fields, function(field){
+        return field.name.startsWith(`${mainField.name}.`)
+    });
+    newMainField.subFields = subFields;
+    return newMainField;
+}
+
+/**
+ * TODO 处理权限
+ * @param {*} object steedos object
+ * @param {*} userSession 
+ */
+function getPermissionFields(object, userSession){
+    const permissionFields = [];
+    const fieldsArr = [];
+	_.each(object.fields , (field, field_name)=>{
+		if(!_.has(field, "name")){
+			field.name = field_name
+        }
+		fieldsArr.push(field)
+    })
+    _.each(_.sortBy(fieldsArr, "sort_no"), function(field){
+        if(!field.hidden){
+            permissionFields.push( Object.assign({}, field, {permission: {allowEdit: true}}))
+        }
+    })
+    return permissionFields;
+}
+
+
+function getSelectFieldOptions(field){
+    const dataType = field.data_type || 'text';
+    const options = [];
+    _.each(field.options, (item)=>{
+        switch (dataType) {
+            case 'number':
+                options.push({label: item.label, value: Number(item.value)});
+                break;
+            case 'text':
+                options.push({label: item.label, value: String(item.value)});
+                break;
+            case 'boolean':
+                options.push({label: item.label, value: item.value === 'false' ? false : true});
+                break;
+            default:
+                break;
+        }
+    });
+    return options;
+}
+
+function convertSFieldToAmisField(field, readonly) {
+    // 创建人和修改人、创建时间和修改时间不显示
+    if(_.include(OMIT_FIELDS, field.name)){
+        return;
+    }
+    const baseData = {name: field.name, label: field.label, labelRemark: field.inlineHelpText, required: field.required};
+    let convertData = {};
+    // if(_.include(OMIT_FIELDS, field.name)){
+    //     readonly = true;
+    // }
+    switch (field.type) {
+        case 'text':
+            convertData.type = getAmisStaticFieldType('text', readonly);
+            break;
+        case 'textarea':
+            convertData.type = getAmisStaticFieldType('textarea', readonly);
+            convertData.tpl = `<b><%=data.${field.name}%></b>`;
+            break;
+        case 'html':
+            convertData = {
+                type: "editor",
+                language: "html",
+                value: field.defaultValue || ''
+            }
+            break;
+            // convertData = {
+            //     type: getAmisStaticFieldType('html', readonly)
+            // }
+            // break;
+        case 'select':
+            convertData = {
+                type: getAmisStaticFieldType('select', readonly),
+                joinValues: false,
+                options: getSelectFieldOptions(field),
+                extractValue: true,
+                labelField: 'label',
+                valueField: 'value',
+                tpl: readonly ? Tpl.getSelectTpl(field) : null
+            }
+            if(_.has(field, 'defaultValue') && !(_.isString(field.defaultValue) && field.defaultValue.startsWith("{"))){
+                const dataType = field.data_type || 'text';
+                if(field.defaultValue != null){
+                    if(dataType === 'text'){
+                        convertData.value = String(field.defaultValue);
+                    }else if(dataType === 'number'){
+                        convertData.value = Number(field.defaultValue);
+                    }else if(dataType === 'boolean'){
+                        convertData.value = field.defaultValue === 'false' ? false : true;
+                    }
+                }
+            }
+            if(field.multiple){
+                convertData.multiple = true
+                convertData.extractValue = true
+            }
+            break;
+        case 'boolean':
+            convertData = {
+                type: getAmisStaticFieldType('checkbox', readonly),
+                option: field.inlineHelpText,
+                tpl: readonly ? Tpl.getSwitchTpl(field) : null
+            }
+            break;
+        case 'date':
+            convertData = {
+                type: getAmisStaticFieldType('date', readonly),
+                inputFormat: "YYYY-MM-DD",
+                format:'YYYY-MM-DDT00:00:00.000[Z]',
+                tpl: readonly ? Tpl.getDateTpl(field) : null,
+                // utc: true
+            }
+            break;
+        case 'datetime':
+            convertData = {
+                type: getAmisStaticFieldType('datetime', readonly),
+                inputFormat: 'YYYY-MM-DD HH:mm',
+                format:'YYYY-MM-DDTHH:mm:ss.SSS[Z]',
+                tpl: readonly ? Tpl.getDateTimeTpl(field) : null,
+                utc: true
+            }
+            break;
+        case 'time':
+            convertData = {
+                type: getAmisStaticFieldType('time', readonly),
+                inputFormat: 'HH:mm',
+                timeFormat:'1970-01-01THH:mm:00.000[Z]',
+                format:'1970-01-01THH:mm:00.000[Z]',
+                tpl: readonly ? Tpl.getDateTimeTpl(field) : null,
+                // utc: true
+            }
+            break;
+        case 'number':
+            convertData = {
+                type: getAmisStaticFieldType('number', readonly),
+                min: field.min,
+                max: field.max,
+                precision: field.scale
+            }
+            break;
+        case 'currency':
+            //TODO
+            convertData = {
+                type: getAmisStaticFieldType('number', readonly),
+                min: field.min,
+                max: field.max,
+                precision: field.scale
+            }
+            break;
+        case 'percent':
+            //TODO
+            convertData = {
+                type: getAmisStaticFieldType('number', readonly),
+                min: field.min,
+                max: field.max,
+                precision: field.scale
+            }
+            break;
+        case 'password':
+            convertData = {
+                type: getAmisStaticFieldType('password', readonly),
+                tpl: readonly ? Tpl.getPasswordTpl(field) : null
+            }
+            break;
+        case 'lookup':
+            convertData = Lookup.lookupToAmis(field, readonly)
+            break;
+        case 'master_detail':
+            convertData = Lookup.lookupToAmis(field, readonly)
+            break;
+        case 'autonumber':
+            //TODO
+            break;
+        case 'url':
+            convertData = {
+                type: getAmisStaticFieldType('url', readonly)
+            }
+            break;
+        case 'email':
+            convertData = {
+                type: getAmisStaticFieldType('email', readonly)
+            }
+            break;
+        case 'image':
+            //TODO
+            break;
+        case 'formula':
+            //TODO
+            break;
+        case 'summary':
+            //TODO
+            break;
+        case 'code':
+            convertData = {
+                type: "editor",
+                language: field.language,
+                value: field.defaultValue || ''
+            }
+            break;
+        case 'toggle':
+            convertData = {
+                type: "switch"
+            }
+            break;
+        case 'grid':
+            convertData = {
+                type: 'input-table',
+                strictMode:false,
+                affixHeader: false, // 是否固定表头, 不固定表头, 否则form有y轴滚动条时, 表头会跟随滚动条滚动.
+                // needConfirm: true,  此属性设置为false后，导致table不能编辑。
+                editable: !readonly,
+                addable: !readonly,
+                removable: !readonly,
+                draggable: !readonly,
+                columns: []
+            }
+            _.each(field.subFields, function(subField){
+                const subFieldName = subField.name.replace(`${field.name}.$.`, '').replace(`${field.name}.`, '');
+                const gridSub = convertSFieldToAmisField(Object.assign({}, subField, {name: subFieldName}), readonly);
+                if(gridSub){
+                    delete gridSub.name
+                    delete gridSub.label
+                    convertData.columns.push({
+                        name: subFieldName,
+                        label: subField.label,
+                        quickEdit: readonly ? false : gridSub
+                    })
+                }
+            })
+            break;
+        default:
+            // console.log('convertData default', field.type);
+            // convertData.type = field.type
+            break;
+    }
+    if(!_.isEmpty(convertData)){
+        if(field.is_wide){
+            convertData.className = 'col-span-2 m-0';
+        }else{
+            convertData.className = 'm-0';
+        }
+        if(readonly){
+            convertData.className = `${convertData.className} slds-form-element_readonly`
+        }
+        convertData.labelClassName = 'text-left';
+        if(readonly){
+            convertData.quickEdit = false;
+        }
+        return Object.assign({}, baseData, convertData);
+    }
+    
+}
+
+exports.convertSFieldToAmisField = convertSFieldToAmisField;
+exports.getPermissionFields = getPermissionFields;
+exports.getObjectFieldSubFields = getObjectFieldSubFields;
+exports.getGridFieldSubFields = getGridFieldSubFields;
+exports.getAmisStaticFieldType = getAmisStaticFieldType;
+exports.getBaseFields = getBaseFields;
+exports.getAmisFieldType = getAmisFieldType;

package/main/default/services/utils/fields/lookup.js

@@ -0,0 +1,236 @@
+const _ = require('underscore');
+const objectql = require('@steedos/objectql');
+const steedosI18n = require("@steedos/i18n");
+const graphql = require('../graphql');
+const clone = require('clone');
+const Tpl = require('../tpl');
+const Field = require('./index');
+const Table = require('./table');
+
+const getReferenceTo = (field)=>{
+    let referenceTo = field.reference_to;
+    if(!referenceTo){
+        return ;
+    }
+    if(referenceTo === 'users'){
+        referenceTo = 'space_users';
+    }
+    const refObject = objectql.getObject(referenceTo);
+    const refObjectConfig = clone(refObject.toConfig());
+    let valueFieldName = field.reference_to_field;
+    if(!valueFieldName){
+        if(referenceTo === 'space_users'){
+            valueFieldName = 'user';
+        }else{
+            valueFieldName = refObject.key_field || '_id';
+        }
+    }
+    if(valueFieldName === '_id'){
+        valueField = {name: '_id', label: 'ID', type: 'text', toggled: false};
+    }else{
+        valueField = refObjectConfig.fields[valueFieldName];
+    }
+    return {
+        objectName: referenceTo,
+        valueField: valueField,
+        labelField: refObjectConfig.fields[refObject.NAME_FIELD_KEY || 'name']
+    }
+}
+
+
+function lookupToAmisPicker(field, readonly){
+    let referenceTo = getReferenceTo(field);
+    if(!referenceTo){
+        return ;
+    }
+    const refObject = objectql.getObject(referenceTo.objectName);
+    const refObjectConfig = clone(refObject.toConfig());
+    steedosI18n.translationObject('zh-CN', refObjectConfig.name, refObjectConfig)
+    const tableFields = [referenceTo.valueField];
+    let i = 0;
+    const searchableFields = [];
+    _.each(refObjectConfig.fields,function(field){
+        if(i < 5){
+            if(!_.find(tableFields, function(f){
+                return f.name === field.name
+            })){
+                i++;
+                tableFields.push(field)
+                if(field.searchable){
+                    searchableFields.push(field.name);
+                }
+            }
+        }
+    });
+
+    const fields = {
+        [referenceTo.labelField.name]: referenceTo.labelField,
+        [referenceTo.valueField.name]: referenceTo.valueField
+    };
+
+    _.each(tableFields, (tableField)=>{
+        fields[tableField.name] = tableField;
+    });
+
+    const source = getApi({
+        name: referenceTo.objectName
+    }, null, fields, {alias: 'rows', queryOptions: `filters: {__filters}, top: {__top}, skip: {__skip}, sort: "{__sort}"`});
+    source.data.$term = "$term";
+    source.data.$self = "$$";
+   
+    source.requestAdaptor = `
+        const selfData = JSON.parse(JSON.stringify(api.data.$self));
+        var filters = [];
+        var pageSize = api.data.pageSize || 10;
+        var pageNo = api.data.pageNo || 1;
+        var skip = (pageNo - 1) * pageSize;
+        var orderBy = api.data.orderBy || '';
+        var orderDir = api.data.orderDir || '';
+        var sort = orderBy + ' ' + orderDir;
+        var allowSearchFields = ${JSON.stringify(searchableFields)};
+        if(api.data.$term){
+            filters = [["name", "contains", "'+ api.data.$term +'"]];
+        }else if(selfData.op === 'loadOptions' && selfData.value){
+            filters = [["${valueField}", "=", selfData.value]];
+        }
+        if(allowSearchFields){
+            allowSearchFields.forEach(function(key){
+                const keyValue = selfData[key];
+                if(keyValue){
+                    filters.push([key, "contains", keyValue]);
+                }
+            })
+        }
+        api.data.query = api.data.query.replaceAll('{__filters}', JSON.stringify(filters)).replace('{__top}', pageSize).replace('{__skip}', skip).replace('{__sort}', sort.trim());
+        return api;
+    `
+
+    let top = 50;
+
+    if(refObjectConfig.paging && refObjectConfig.paging.enabled === false){
+        top = 1000;
+    };
+
+    const data = {
+        type: Field.getAmisStaticFieldType('picker', readonly),
+        labelField: referenceTo.labelField.name,
+        valueField: referenceTo.valueField.name,
+        modalMode: 'dialog', //TODO 设置 dialog 或者 drawer，用来配置弹出方式
+        source: source,
+        size: "lg",
+        pickerSchema: Table.getTableSchema(tableFields, {
+            top:  top
+        }),
+        joinValues: false
+    }
+    if(field.multiple){
+        data.multiple = true
+        data.extractValue = true
+    }
+
+    if(readonly){
+        data.tpl = Tpl.getLookupTpl(field)
+    }
+
+    return data;
+}
+
+function lookupToAmisSelect(field, readonly){
+    let referenceTo = getReferenceTo(field);
+
+    let apiInfo;
+
+    if(referenceTo){
+        apiInfo = getApi({
+            name: referenceTo.objectName
+        }, null, {
+            [referenceTo.labelField.name]: referenceTo.labelField,
+            [referenceTo.valueField.name]: referenceTo.valueField
+        }, {alias: 'options', queryOptions: `filters: {__filters}, top: {__top}`})
+    }else{
+        apiInfo = {
+            method: "post",
+            url: graphql.getApi(),
+            data: {query: '{objects(filters: ["_id", "=", "-1"]){_id}}', $: "$$"}
+        }
+    }
+
+    
+    apiInfo.data.$term = "$term";
+    apiInfo.data.$value = `$${field.name}.${referenceTo ? referenceTo.valueField.name : '_id'}`;
+    _.each(field.depend_on, function(fName){
+        apiInfo.data[fName] = `$${fName}`;
+    })
+    apiInfo.data['$'] = `$$`;
+    apiInfo.data['rfield'] = `\${object_name}`;
+    // [["_id", "=", "$${field.name}._id"],"or",["name", "contains", "$term"]]
+    apiInfo.requestAdaptor = `
+        var filters = '[]';
+        var top = 10;
+        if(api.data.$term){
+            filters = '["name", "contains", "'+ api.data.$term +'"]';
+        }else if(api.data.$value){
+            filters = '["_id", "=", "'+ api.data.$value +'"]';
+        }
+        api.data.query = api.data.query.replaceAll('{__filters}', filters).replace('{__top}', top);
+        return api;
+    `
+    let labelField = referenceTo ? referenceTo.labelField.name : '';
+    let valueField = referenceTo ? referenceTo.valueField.name : '';
+    if(field._optionsFunction){
+        apiInfo.adaptor = `
+        payload.data.options = eval(${field._optionsFunction})(api.data);
+        return payload;
+        `
+        labelField = 'label';
+        valueField = 'value';
+    }
+
+    const data = {
+        type: Field.getAmisStaticFieldType('select', readonly),
+        joinValues: false,
+        extractValue: true,
+        labelField: labelField,
+        valueField: valueField,
+        autoComplete: apiInfo,
+    }
+    if(_.has(field, 'defaultValue') && !(_.isString(field.defaultValue) && field.defaultValue.startsWith("{"))){
+        data.value = field.defaultValue
+    }
+    if(field.multiple){
+        data.multiple = true
+        data.extractValue = true
+    }
+
+    if(readonly){
+        data.tpl = Tpl.getLookupTpl(field)
+    }
+
+    return data;
+}
+
+function getApi(object, recordId, fields, options){
+    return {
+        method: "post",
+        url: graphql.getApi(),
+        data: graphql.getFindQuery(object, recordId, fields, Object.assign(options, {expand: false}))
+    }
+}
+
+exports.lookupToAmis = (field, readonly)=>{
+    let referenceTo = getReferenceTo(field);
+    if(!referenceTo){
+        return lookupToAmisSelect(field, readonly);
+    }
+    const refObject = objectql.getObject(referenceTo.objectName);
+
+    // 此处不参考 steedos 的 enable_enhanced_lookup 规则. 如果默认是开启弹出选择,用户选择过程操作太繁琐, 所以默认是关闭弹出选择.
+    if(refObject.enable_enhanced_lookup == true){
+        return lookupToAmisPicker(field, readonly);
+    }else{
+        return lookupToAmisSelect(field, readonly);
+    }
+}
+
+exports.lookupToAmisPicker = lookupToAmisPicker;
+exports.lookupToAmisSelect = lookupToAmisSelect;