@steedos/service-plugin-amis 2.2.35 → 2.2.38

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

@@ -0,0 +1,86 @@
+/*
+ * @Author: baozhoutao@steedos.com
+ * @Date: 2022-05-26 16:02:08
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2022-05-27 10:18:51
+ * @Description: 
+ */
+const Fields = require('../fields');
+const lodash = require('lodash');
+
+const getFieldSchemaArray = (mergedSchema)=>{
+  let fieldSchemaArray = [];
+  fieldSchemaArray.length = 0
+
+  const fieldsArr = [];
+  lodash.forEach(mergedSchema.fields, (field, fieldName)=>{
+    if(!lodash.has(field, "name")){
+      field.name = fieldName
+    }
+        fieldsArr.push(field)
+  })
+
+  lodash.forEach(lodash.sortBy(mergedSchema.fields, "sort_no"), (field) => {
+    if (!field.group || field.group == 'null' || field.group == '-')
+      field.group = '通用'
+    const fieldName = field.name;
+    let isObjectField = /\w+\.\w+/.test(fieldName)
+    if (field.type == 'grid' || field.type == 'object') {
+      // field.group = field.label
+      field.is_wide = true;
+    }
+    
+    if (!isObjectField){
+      if(!field.hidden){
+          fieldSchemaArray.push(Object.assign({name: fieldName}, field, {permission: {allowEdit: true}}))
+      }
+    }
+  })
+  return fieldSchemaArray;
+}
+
+const getSection = (permissionFields, fieldSchemaArray, sectionName) => {
+  const sectionFields = lodash.filter(fieldSchemaArray, { 'group': sectionName });
+  if(sectionFields.length == lodash.filter(sectionFields, ['hidden', true]).length){
+    return ;
+  }
+
+  const fieldSetBody = [];
+
+  _.each(sectionFields, (perField)=>{
+      let field = perField;
+      if(perField.type === 'grid'){
+          field = Fields.getGridFieldSubFields(perField, permissionFields);
+      }else if(perField.type === 'object'){
+          field = Fields.getObjectFieldSubFields(perField, permissionFields);
+      }
+      if(field.name.indexOf(".") < 0){
+          const amisField = Fields.convertSFieldToAmisField(field, false);
+          if(amisField){
+              fieldSetBody.push(amisField)
+          }
+      }
+  });
+
+  return {
+      "type": "fieldSet",
+      "title": sectionName,
+      "collapsable": true,
+      "body": fieldSetBody
+  }
+}
+
+const getSections = (permissionFields, mergedSchema) => {
+  const fieldSchemaArray = getFieldSchemaArray(mergedSchema)
+  const _sections = lodash.groupBy(fieldSchemaArray, 'group');
+  const sections = [];
+  lodash.forEach(_sections, (value, key) => {
+    const section = getSection(permissionFields, fieldSchemaArray, key);
+    if(section.body.length > 0){
+      sections.push(section)
+    }
+  })
+  return sections;
+}
+
+exports.getSections = getSections;

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

@@ -0,0 +1,140 @@
+const Tpl = require('../tpl');
+const Fields = require('./index');
+const _ = require('underscore');
+const graphql = require('../graphql');
+function getOperation(fields){
+    const controls = [];
+    _.each(fields, function(field){
+        controls.push(Fields.convertSFieldToAmisField(field, true));
+    })
+    return {
+        "type": "operation",
+        "label": "操作",
+        "width": 100,
+        fixed: "right",
+        "buttons": [
+          {
+            "type": "button",
+            "icon": "fa fa-eye",
+            "actionType": "dialog",
+            "tooltip": "查看",
+            "dialog": {
+              "title": "查看",
+              "body": {
+                "type": "form",
+                "controls": controls
+              }
+            }
+        }]
+    }
+}
+
+//获取name字段，如果没有，则_index字段添加链接
+function getDetailColumn(){}
+
+function getTableColumns(fields){
+    const columns = [{name: '_index',type: 'text', width: 32}];
+    _.each(fields, function(field){
+
+        const tpl = Tpl.getFieldTpl(field);
+
+        let type = 'text';
+        if(tpl){
+            type = 'tpl';
+        }
+        if(!field.hidden){
+            columns.push({
+                name: field.name,
+                label: field.label,
+                sortable: field.sortable,
+                searchable: field.searchable,
+                width: field.width,
+                type: type,
+                tpl: tpl,
+                toggled: field.toggled
+                // toggled: true 
+            })
+        }
+    });
+
+    // columns.push(getOperation(fields));
+
+    return columns;
+}
+
+function getDefaultParams(options){
+    return {
+        perPage: options.top || 10
+    }
+}
+
+exports.getTableSchema = function(fields, options){
+    if(!options){
+        options = {};
+    }
+    return {
+        mode: "table",
+        name: "thelist",
+        draggable: false,
+        headerToolbar: ['switch-per-page', 'pagination'],
+        defaultParams: getDefaultParams(options),
+        columns: getTableColumns(fields),
+        syncLocation: false,
+        keepItemSelectionOnPageChange: true
+    }
+}
+
+exports.getTableApi = function(mainObject, fields){
+    const searchableFields = [];
+    _.each(fields,function(field){
+        if(field.searchable){
+            searchableFields.push(field.name);
+        }
+    })
+    let valueField = mainObject.key_field || '_id';
+    const api = getApi(mainObject, null, fields, {alias: 'rows', queryOptions: `filters: {__filters}, top: {__top}, skip: {__skip}, sort: "{__sort}"`});
+    api.data.$term = "$term";
+    api.data.$self = "$$";
+    api.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;
+    `
+    api.adaptor = `
+    _.each(payload.data.rows, function(item, index){
+        item._index = index + 1;
+    })
+    console.log('payload.data', payload.data);
+    return payload;
+    `;
+    return api;
+}
+
+function getApi(object, recordId, fields, options){
+    return {
+        method: "post",
+        url: graphql.getApi(),
+        data: graphql.getFindQuery(object, recordId, fields, options)
+    }
+}

package/main/default/services/utils/graphql.js

@@ -0,0 +1,137 @@
+const objectql = require('@steedos/objectql');
+const _ = require('underscore');
+function getFieldsTemplate(fields, expand){
+    if(expand != false){
+        expand = true;
+    }
+    let fieldsName = ['_id'];
+    let displayFields = [];
+    //TODO 此处需要考虑相关对象查询
+    _.each(fields, function(field){
+        if(field.name.indexOf('.') < 0){
+            if(expand && (field.type == 'lookup' || field.type == 'master_detail') && field.reference_to){
+                const NAME_FIELD_KEY = objectql.getObject(field.reference_to).NAME_FIELD_KEY;
+                fieldsName.push(`${field.name}:${field.name}__expand{_id,${NAME_FIELD_KEY}}`)
+            }else{
+                fieldsName.push(field.name)
+            }
+
+            if(field.type === 'date' || field.type == 'datetime' || field.type == 'boolean'){
+                fieldsName.push(`${field.name}`)
+            }
+
+            if(field.type === 'date' || field.type == 'datetime' || field.type == 'boolean' || field.type == 'select'){
+                displayFields.push(`${field.name}`)
+            }
+        }
+    })
+
+    displayFields = _.uniq(displayFields);
+    fieldsName = _.uniq(fieldsName);
+
+    if(displayFields.length > 0){
+        return `${fieldsName.join(',')},_display{${displayFields.join(',')}}`;
+    }
+    return `${fieldsName.join(' ')}`
+}
+
+function getFindOneQuery(object, recordId, fields, options){
+    let queryOptions = "";
+    if(recordId){
+        queryOptions = `(filters:["_id", "=", "${recordId}"])`;
+    }
+    let alias = "data";
+    if(options){
+        if(options.alias){
+            alias = options.alias;
+        }
+
+        if(options.filters){
+            queryOptions = `(filters:${options.filters})`;
+        }
+        if(options.queryOptions){
+            queryOptions = `(${options.queryOptions})`;
+        }
+    }
+    return {
+        query: `{${alias}:${object.name}${queryOptions}{${getFieldsTemplate(fields)}}}`
+    }
+}
+
+function getSaveQuery(object, recordId, fields, options){
+    return {
+        objectName: "${objectName}",
+        $: "$$",
+        recordId: "${recordId}",
+        modalName: "${modalName}"
+    }
+}
+
+function getSaveDataTpl(){
+    return `
+        const formData = api.data.$;
+        const objectName = api.data.objectName;
+        const fieldsName = Object.keys(formData);
+        delete formData.created;
+        delete formData.created_by;
+        delete formData.modified;
+        delete formData.modified_by;
+
+        let query = \`mutation{record: \${objectName}__insert(doc: {__saveData}){_id}}\`;
+        if(formData.recordId){
+            query = \`mutation{record: \${objectName}__update(id: "\${formData.recordId}", doc: {__saveData}){_id}}\`;
+        };
+        delete formData._id;
+        let __saveData = JSON.stringify(JSON.stringify(formData));
+    `
+}
+
+function getSaveRequestAdaptor(){
+    return `
+        ${getSaveDataTpl()}
+        api.data = {query: query.replace('{__saveData}', __saveData)};
+        return api;
+    `
+}
+
+function getFindQuery(object, recordId, fields, options){
+    let limit = options.limit || 10;
+    let queryOptions = `(top: ${limit})`;
+    if(recordId){
+        queryOptions = `(filters:["_id", "=", "${recordId}"], top: ${limit})`;
+    }
+    let alias = "data";
+    if(options){
+        if(options.alias){
+            alias = options.alias;
+        }
+
+        if(options.filters){
+            queryOptions = `(filters:${options.filters})`;
+        }
+        if(options.queryOptions){
+            queryOptions = `(${options.queryOptions})`;
+        }
+    }
+    return {
+        orderBy: "${orderBy}",
+        orderDir: "${orderDir}",
+        pageNo: "${page}",
+        pageSize: "${perPage}",
+        query: `{${alias}:${object.name}${queryOptions}{${getFieldsTemplate(fields, options.expand)}},count:${object.name}__count(filters:{__filters})}`
+    }
+}
+exports.getFindQuery = getFindQuery;
+exports.getFindOneQuery = getFindOneQuery;
+exports.getSaveQuery = getSaveQuery;
+exports.getSaveRequestAdaptor = getSaveRequestAdaptor;
+
+
+exports.getApi = function(isMobile){
+    if(isMobile){
+        //TODO 返回 绝对路径
+    }else{
+        // return __meteor_runtime_config__.ROOT_URL_PATH_PREFIX + "/graphql"
+        return `\${context.rootUrl}/graphql`
+    }
+}

package/main/default/services/utils/object-list.js

@@ -0,0 +1,72 @@
+const Table = require('./fields/table');
+const Util = require('./util');
+function getBulkActions(){
+    return [
+        {
+          "label": "批量删除",
+          "actionType": "ajax",
+          "api": "delete:https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/${ids|raw}",
+          "confirmText": "确定要批量删除?"
+        },
+        {
+          "label": "批量修改",
+          "actionType": "dialog",
+          "dialog": {
+            "title": "批量编辑",
+            "name": "sample-bulk-edit",
+            "body": {
+              "type": "form",
+              "api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/sample/bulkUpdate2",
+              "controls": [
+                {
+                  "type": "hidden",
+                  "name": "ids"
+                },
+                {
+                  "type": "text",
+                  "name": "engine",
+                  "label": "Engine"
+                }
+              ]
+            }
+          }
+        }
+      ]
+}
+
+function getHeaderToolbar(mainObject){
+    console.log('mainObject.icon', mainObject.icon);
+    return [
+        {
+        "type": "tpl",
+        "tpl": `<span class="slds-icon_container slds-icon-standard-${mainObject.icon}"><svg class="extraSmall forceEntityIcon slds-icon slds-icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${Util.getSvgUrl("standard-sprite", mainObject.icon)}" /></svg></span> <span>${mainObject.label}</span><span> (\${count})</span>`,
+        "className": "v-middle font-semibold"
+        },
+        // "bulkActions",
+        {
+            "type": "columns-toggler",
+            "align": "right"
+        },
+        {
+            "type": "drag-toggler",
+            "align": "right"
+        },
+        {
+            "type": "pagination",
+            "align": "right"
+        }
+    ]
+}
+
+exports.getObjectList = function(mainObject, fields, options){
+    const table = Table.getTableSchema(fields, options);
+    delete table.mode;
+    const bulkActions = getBulkActions()
+    return {
+        type: 'page',
+        bodyClassName: 'p-0',
+        name: `page_list_${mainObject.name}`,
+        body: Object.assign({}, table, {type: 'crud', keepItemSelectionOnPageChange: true, headerToolbar: getHeaderToolbar(mainObject),"bulkActions": bulkActions, api: Table.getTableApi(mainObject, fields)})
+    }
+    return 
+}

package/main/default/services/utils/object-record.js

@@ -0,0 +1,212 @@
+const _ = require('underscore');
+const graphql = require('./graphql');
+const Fields = require('./fields');
+const Sections = require('./fields/sections');
+
+const OMIT_FIELDS = ['created', 'created_by', 'modified', 'modified_by'];
+const APICACHE = 100;
+
+function getReadonlyFormAdaptor(fields){
+    let scriptStr = '';
+    const selectFields = _.filter(fields, function(field){return field.name.indexOf('.') < 0 && ((field.type == 'select' && field.options) || ((field.type == 'lookup' || field.type == 'master_detail') && !field.reference_to))});
+    _.each(selectFields, function(field){
+        if(!_.include(OMIT_FIELDS, field.name)){
+            const valueField = field.name;
+            if(field.options){
+                const options = JSON.stringify({options: field.options});
+                scriptStr = scriptStr + `var ${field.name}Options= (${options}).options;`;
+            }else if(field.optionsFunction){
+                scriptStr = scriptStr + `var ${field.name}Options = eval(${field.optionsFunction.toString()})(api.data);`
+            }
+            if(field.multiple){
+                scriptStr = scriptStr + `data.${field.name}__label = _.pluck(_.filter(${field.name}Options, function(option){return _.include(data.${field.name}, option.value)}), 'label');`
+            }else{
+                scriptStr = scriptStr + `var ${field.name}Selected = _.find(${field.name}Options, function(option){return data.${field.name} == option.value});`
+                scriptStr = scriptStr + `data.${field.name}__label = ${field.name}Selected ? ${field.name}Selected.label:null;`
+            }
+        }
+    })
+
+    // const refFields = _.filter(fields, function(field){return field.name.indexOf('.') < 0 && (field.type == 'lookup' || field.type == 'master_detail') && !field.reference_to});
+    // _.each(refFields, function(field){
+    //     if(!_.include(OMIT_FIELDS, field.name)){
+    //         const valueField = field.reference_to_field || '_id';
+    //         scriptStr = scriptStr + `var ${field.name}Options = eval(${field.optionsFunction.toString()})(api.data);`
+    //         if(field.multiple){
+    //             scriptStr = scriptStr + `data.${field.name}__label = _.pluck(_.filter(${field.name}Options, function(option){return _.include(data.${field.name}, option.value)}), 'label');`
+    //         }else{
+    //             scriptStr = scriptStr + `var ${field.name}Selected = _.find(${field.name}Options, function(option){return data.${field.name} == option.value});`
+    //             scriptStr = scriptStr + `data.${field.name}__label = ${field.name}Selected ? ${field.name}Selected.label:null;`
+    //         }
+    //     }
+    // })
+
+    return  `
+    var data = payload.data.data[0];
+    ${scriptStr}
+    payload.data = data;
+    return payload;
+`
+}
+
+function getReadonlyFormInitApi(object, recordId, fields){
+    return {
+        method: "post",
+        url: graphql.getApi()+"?rf="+ (new Date()).getTime(),
+        cache: APICACHE,
+        adaptor: getReadonlyFormAdaptor(fields),
+        data: graphql.getFindOneQuery(object, recordId, fields)
+    }
+}
+
+/**
+ * Global parameter: data、payload
+ * @param {*} fields 
+ */
+function getConvertDataScriptStr(fields){
+    const refFields = _.filter(fields, function(field){return field.name.indexOf('.') < 0 && (field.type == 'lookup' || field.type == 'master_detail') && field.reference_to});
+    let scriptStr = '';
+    _.each(refFields, function(field){
+        if(!_.include(OMIT_FIELDS, field.name)){
+            const valueField = field.reference_to_field || '_id';
+            if(field.multiple){
+                scriptStr = scriptStr + `data.${field.name} = _.pluck(data.${field.name}, '${valueField}');`
+            }else{
+                scriptStr = scriptStr + `data.${field.name} = data.${field.name} ? data.${field.name}.${valueField}:null;`
+            }
+        }
+    })
+    return scriptStr;
+}
+
+function getEditFormInitApi(object, recordId, fields){
+    return {
+        method: "post",
+        url: graphql.getApi(),
+        sendOn: "!!this.recordId",
+        cache: APICACHE,
+        adaptor: `
+            var data = payload.data.data[0];
+            if(data){
+                ${getConvertDataScriptStr(fields)}
+            };
+            payload.data = data;
+            delete payload.extensions;
+            return payload;
+        `,
+        data: graphql.getFindOneQuery(object, recordId, fields)
+    }
+}
+
+function getSaveApi(object, recordId, fields, options){
+    return {
+        method: 'post',
+        url: graphql.getApi(),
+        data: graphql.getSaveQuery(object, recordId, fields, options),
+        requestAdaptor: graphql.getSaveRequestAdaptor(),
+        responseData: {
+            "recordId": "${record._id}"
+        },
+        adaptor: `
+            SteedosUI.getRef(api.body.modalName).close();
+            SteedosUI.router.go({objectName: api.body.objectName, recordId: payload.data.record._id, type: api.body.recordId ? 'edit': 'new'});
+            return payload;
+        `
+    }
+}
+
+function getInitApi(object, recordId, fields, readonly){
+    if(readonly){
+        return getReadonlyFormInitApi(object, recordId, fields);
+    }else{
+        return getEditFormInitApi(object, recordId, fields);
+    }
+}
+
+function getFormActions(redirect){
+    return [
+        {
+          "type": "button",
+          "label": "取消",
+          "actionType": "",
+          "level": "default",
+          "block": false,
+          "onClick": "SteedosUI.getRef(props.data.__super.modalName).close();"
+        },
+        {
+          "type": "button",
+          "label": "保存",
+          "actionType": "submit",
+          "level": "info"
+        }
+      ]
+}
+
+
+function getFormBody(permissionFields, objectConfig){
+    return Sections.getSections(permissionFields, objectConfig);
+}
+
+
+function convertSObjectToAmisSchema(objectConfig, recordId, readonly, userSession) {
+    // const fieldControls = [];
+    const permissionFields = Fields.getPermissionFields(objectConfig, userSession)
+    // _.each(permissionFields, function(perField){
+    //     let field = perField;
+    //     if(perField.type === 'grid'){
+    //         field = Fields.getGridFieldSubFields(perField, permissionFields);
+    //     }else if(perField.type === 'object'){
+    //         field = Fields.getObjectFieldSubFields(perField, permissionFields);
+    //     }
+    //     if(field.name.indexOf(".") < 0){
+    //         fieldControls.push(Fields.convertSFieldToAmisField(field, readonly))
+    //     }
+    // })
+
+    // _.each(Fields.getBaseFields(readonly), function(field){
+    //     fieldControls.push(field);
+    // })
+
+    let gapClassName = 'row-gap-1';
+    if(!readonly){
+        gapClassName = 'row-gap-4'
+    }
+
+    const redirect = `/app/admin/${objectConfig.name}/view/${recordId}`
+
+    return {
+        type: 'page',
+        bodyClassName: 'p-0',
+        regions: [
+            "body"
+        ],
+        name: `page_${readonly ? 'readonly':'edit'}_${recordId}`,
+        initApi: readonly ? getInitApi(objectConfig, recordId, permissionFields, readonly) : null,
+        initFetch: readonly ? true : null,
+        body: [
+            {
+                type: "form",
+                mode: "normal",
+                // reload: `page_${readonly ? 'edit':'readonly'}_${recordId}`,
+                // redirect: redirect,
+                persistData: false,
+                promptPageLeave: readonly ? false : true,
+                name: `form_${readonly ? 'readonly':'edit'}_${recordId}`,
+                debug: false,
+                title: "",
+                api: readonly ? null : getSaveApi(objectConfig, recordId, permissionFields, {}),
+                initApi: readonly ? null : getInitApi(objectConfig, recordId, permissionFields, readonly),
+                initFetch: readonly ? null : true,
+                body: getFormBody(permissionFields, objectConfig),
+                panelClassName:'m-0',
+                bodyClassName: 'p-4',
+                actions: readonly ? null : getFormActions(redirect),
+                actionsClassName: readonly ? null : "p-sm b-t b-light text-center",
+                // className: `grid grid-cols-2 ${gapClassName} col-gap-6`
+                className: 'steedos-amis-form'
+            }
+        ]
+    }
+}
+
+exports.convertSObjectToAmisSchema = convertSObjectToAmisSchema;