@steedos/service-pages 2.2.25 → 2.2.28

package/main/default/client/page.render.client.js

@@ -1,219 +1,181 @@
 /*
- * @Author: steedos
- * @Date: 2022-03-22 19:13:57
- * @Description: 提供自定义page渲染能力, 供内部使用, 内容会迭代调整, 不对用户开放. 
- */
-
-Steedos.Page = {
-    App: {},
-    Record: {},
-    Listview: {},
-    RelatedListview: {},
-    Form: {
-        StandardNew: {},
-        StandardEdit: {}
-    },
-    reload: function(){
-        FlowRouter.reload();
-    }
-};
-
-function upperFirst(str) {
-    return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
-};
-
-function getModalElement(name){
-    let modalRoot = document.getElementById(`steedos-page-modal-root-${name}`);
-    if (!modalRoot) {
-      modalRoot = document.createElement('div');
-      modalRoot.setAttribute('id', `steedos-page-modal-root-${name}`);
-      document.body.appendChild(modalRoot)
-    }
-    return modalRoot;
-}
+* @Author: steedos
+* @Date: 2022-03-22 19:13:57
+* @Description: 提供自定义page渲染能力, 供内部使用, 内容会迭代调整, 不对用户开放. 
+*/
+;(function(){
+    Steedos.Page = {
+        App: {},
+        Record: {},
+        Listview: {},
+        RelatedListview: {},
+        Form: {
+            StandardNew: {},
+            StandardEdit: {}
+        },
+        Data: {},
+        reload: function(){
+            FlowRouter.reload();
+        }
+    };
 
+    function upperFirst(str) {
+        return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
+    };
 
-Steedos.Page.getPage = function (type, appId, objectApiName, recordId, pageId) {
-    if (type != 'list' && objectApiName) {
-        const objectInfo = Creator.getObject(objectApiName);
-        if (objectInfo && objectInfo.version < 2) {
-            return;
+    function getModalElement(name){
+        let modalRoot = document.getElementById(`steedos-page-modal-root-${name}`);
+        if (!modalRoot) {
+        modalRoot = document.createElement('div');
+        modalRoot.setAttribute('id', `steedos-page-modal-root-${name}`);
+        document.body.appendChild(modalRoot)
         }
+        return modalRoot;
     }
-    if(!objectApiName){
-        objectApiName = ''
-    }
-    if(!recordId){
-        recordId = ''
-    }
-    if(!pageId){
-        pageId = ''
-    }
-    const formFactor = Steedos.isMobile() ? "SMALL" : "LARGE";
-    const page = Steedos.authRequest(`/api/pageSchema/${type}?app=${appId}&objectApiName=${objectApiName}&recordId=${recordId}&pageId=${pageId}&formFactor=${formFactor}`, { async: false });
-    if (page && page.schema) {
-        return page;
-    }
-}
-
-Steedos.Page.render = function (root, page, data) {
-
-    const loadingContentData = {
-        "inputs": [],
-        // "title": "loading",
-        "blocks": [
-            {
-                "@type": "@builder.io/sdk:Element",
-                "@version": 2,
-                "layerName": "Box",
-                "id": "builder-8070f86b1aed4e78a5878fa5c0d79e49",
-                "children": [
-                    {
-                        "@type": "@builder.io/sdk:Element",
-                        "@version": 2,
-                        "layerName": "Loading...\n...",
-                        "id": "builder-4b16375a68dc4e49b4844843091bf91d",
-                        "component": {
-                            "name": "Text",
-                            "options": {
-                                "text": "<p>Loading...</p>\n"
-                            }
-                        },
-                        "responsiveStyles": {
-                            "large": {
-                                "display": "flex",
-                                "flexDirection": "column",
-                                "position": "relative",
-                                "flexShrink": "0",
-                                "boxSizing": "border-box",
-                                "marginTop": "20px",
-                                "lineHeight": "normal",
-                                "height": "auto",
-                                "textAlign": "center"
-                            }
-                        }
-                    }
-                ],
-                "responsiveStyles": {
-                    "large": {
-                        "display": "flex",
-                        "flexDirection": "column",
-                        "position": "relative",
-                        "flexShrink": "0",
-                        "boxSizing": "border-box"
-                    }
-                }
-            }
-        ]
-    };
 
-    if (page.render_engine && page.render_engine != 'redash') {
 
-        let schema = typeof page.schema === 'string' ? JSON.parse(page.schema) : page.schema;
-        const defData = Object.assign({}, data, {
-            data: {
-                context: {
-                    rootUrl: __meteor_runtime_config__.ROOT_URL,
-                    tenantId: Creator.USER_CONTEXT.spaceId,
-                    userId: Creator.USER_CONTEXT.userId,
-                    authToken: Creator.USER_CONTEXT.user.authToken
-                }
+    Steedos.Page.getPage = function (type, appId, objectApiName, recordId, pageId) {
+        if (type != 'list' && objectApiName) {
+            const objectInfo = Creator.getObject(objectApiName);
+            if (objectInfo && objectInfo.version < 2) {
+                return;
             }
-        })
+        }
+        if(!objectApiName){
+            objectApiName = ''
+        }
+        if(!recordId){
+            recordId = ''
+        }
+        if(!pageId){
+            pageId = ''
+        }
+        const formFactor = Steedos.isMobile() ? "SMALL" : "LARGE";
+        const page = Steedos.authRequest(`/api/pageSchema/${type}?app=${appId}&objectApiName=${objectApiName}&recordId=${recordId}&pageId=${pageId}&formFactor=${formFactor}`, { async: false });
+        if (page && page.schema) {
+            return page;
+        }
+    }
 
-        schema = lodash.defaultsDeep(defData , schema);
+    Steedos.Page.render = function (root, page, data) {
 
-        const pageContentData = {
+        const loadingContentData = {
+            "inputs": [],
+            // "title": "loading",
             "blocks": [
                 {
                     "@type": "@builder.io/sdk:Element",
                     "@version": 2,
-                    "id": `builder-${page._id}`,
-                    "component": {
-                        "name": upperFirst(page.render_engine),
-                        "options": {
-                            "schema": schema,
-                            "data": data,
-                            "name": page.name
+                    "layerName": "Box",
+                    "id": "builder-8070f86b1aed4e78a5878fa5c0d79e49",
+                    "children": [
+                        {
+                            "@type": "@builder.io/sdk:Element",
+                            "@version": 2,
+                            "layerName": "Loading...\n...",
+                            "id": "builder-4b16375a68dc4e49b4844843091bf91d",
+                            "component": {
+                                "name": "Text",
+                                "options": {
+                                    "text": "<p>Loading...</p>\n"
+                                }
+                            },
+                            "responsiveStyles": {
+                                "large": {
+                                    "display": "flex",
+                                    "flexDirection": "column",
+                                    "position": "relative",
+                                    "flexShrink": "0",
+                                    "boxSizing": "border-box",
+                                    "marginTop": "20px",
+                                    "lineHeight": "normal",
+                                    "height": "auto",
+                                    "textAlign": "center"
+                                }
+                            }
                         }
-                    },
+                    ],
+                    "responsiveStyles": {
+                        "large": {
+                            "display": "flex",
+                            "flexDirection": "column",
+                            "position": "relative",
+                            "flexShrink": "0",
+                            "boxSizing": "border-box"
+                        }
+                    }
                 }
-            ],
-            "inputs": [
             ]
-        }
+        };
 
-        const findComponent = (obj, componentName)=>{
-            return lodash.find(obj, {name : componentName})
-        }
+        if (page.render_engine && page.render_engine != 'redash') {
+
+            let schema = typeof page.schema === 'string' ? JSON.parse(page.schema) : page.schema;
+            const defData = Object.assign({}, data, {
+                data: {
+                    context: {
+                        rootUrl: __meteor_runtime_config__.ROOT_URL,
+                        tenantId: Creator.USER_CONTEXT.spaceId,
+                        userId: Creator.USER_CONTEXT.userId,
+                        authToken: Creator.USER_CONTEXT.user.authToken
+                    }
+                }
+            })
+
+            schema = lodash.defaultsDeep(defData , schema);
 
-        //渲染loading
-        SteedosUI.render(BuilderComponent, {
-            model: "page", content: {
-                "data": loadingContentData
+            const pageContentData = {
+                "blocks": [
+                    {
+                        "@type": "@builder.io/sdk:Element",
+                        "@version": 2,
+                        "id": `builder-${page._id}`,
+                        "component": {
+                            "name": upperFirst(page.render_engine),
+                            "options": {
+                                "schema": schema,
+                                "data": data,
+                                "name": page.name
+                            }
+                        },
+                    }
+                ],
+                "inputs": [
+                ]
+            }
+
+            const findComponent = (obj, componentName)=>{
+                return lodash.find(obj, {name : componentName})
             }
-        }, root)
 
-        Promise.all([
-            waitForThing(window, 'BuilderComponent'),
-            waitForThing(Builder.components, upperFirst(page.render_engine), findComponent)
-        ]).then(()=>{
-            //渲染page
+            //渲染loading
             SteedosUI.render(BuilderComponent, {
                 model: "page", content: {
-                    "data": pageContentData
+                    "data": loadingContentData
                 }
             }, root)
-        });
-    }
-
-    return root;
-};
-
-Steedos.Page.App.render = function (template, pageName, app_id, options) {
-    if (!pageName) {
-        return;
-    }
-    var rootId = "steedosPageRoot";
-    var modalRoot = document.getElementById(rootId);
-    // if(modalRoot){
-    //     modalRoot.remove();
-    // }
-    if (!modalRoot) {
-        modalRoot = document.createElement('div');
-        modalRoot.setAttribute('id', rootId);
-        $(".page-template-root")[0].appendChild(modalRoot);
-    }
-
-    const container = $("#" + rootId)[0];
 
-    const page = Steedos.Page.getPage('app', app_id, null, null, pageName);
-    if (page) {
-        if (page.render_engine && page.render_engine != 'redash') {
-            return Steedos.Page.render(container, page, Object.assign({}, options, {
-                appId: app_id
-            }));
+            Promise.all([
+                waitForThing(window, 'BuilderComponent'),
+                waitForThing(Builder.components, upperFirst(page.render_engine), findComponent)
+            ]).then(()=>{
+                //渲染page
+                SteedosUI.render(BuilderComponent, {
+                    model: "page", content: {
+                        "data": pageContentData
+                    }
+                }, root)
+            });
         }
-    }
-
-    SteedosUI.render(stores.ComponentRegistry.components.PublicPage, {
-        token: pageName
-    }, container);
-    return container
-};
 
-Steedos.Page.Listview.getDefaultName = function (objectApiName, listViewName) {
-    return `listview_${objectApiName}_${listViewName}`;
-};
+        return root;
+    };
 
-Steedos.Page.Listview.render = function (template, objectApiName, options) {
-    try {
-        if (!template.data.regions || !objectApiName) {
+    Steedos.Page.App.render = function (template, pageName, app_id, options) {
+        if (!pageName) {
             return;
         }
-        const { page, ...data } = template.data.regions();
-
-        var rootId = "steedosPageRecordRoot";
+        var rootId = "steedosPageRoot";
         var modalRoot = document.getElementById(rootId);
         // if(modalRoot){
         //     modalRoot.remove();
@@ -221,132 +183,223 @@ Steedos.Page.Listview.render = function (template, objectApiName, options) {
         if (!modalRoot) {
             modalRoot = document.createElement('div');
             modalRoot.setAttribute('id', rootId);
-            $(".page-list-view-root")[0].appendChild(modalRoot);
+            $(".page-template-root")[0].appendChild(modalRoot);
         }
 
-        if (page.render_engine && page.render_engine != 'redash') {
-            return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data));
+        const container = $("#" + rootId)[0];
+
+        const page = Steedos.Page.getPage('app', app_id, null, null, pageName);
+        if (page) {
+            if (page.render_engine && page.render_engine != 'redash') {
+                return Steedos.Page.render(container, page, Object.assign({}, options, {
+                    appId: app_id
+                }));
+            }
         }
-    } catch (error) {
 
-    }
-};
+        SteedosUI.render(stores.ComponentRegistry.components.PublicPage, {
+            token: pageName
+        }, container);
+        return container
+    };
 
-Steedos.Page.Record.render = function (template, objectApiName, recordId, options) {
-    try {
-        if (!template.data.regions || !objectApiName || !recordId) {
-            return;
-        }
-        const { page, ...data } = template.data.regions();
-        var rootId = "steedosPageRecordRoot";
-        var modalRoot = document.getElementById(rootId);
-        // if(modalRoot){
-        //     modalRoot.remove();
-        // }
-        if (!modalRoot) {
-            modalRoot = document.createElement('div');
-            modalRoot.setAttribute('id', rootId);
-            $(".page-record-view-root")[0].appendChild(modalRoot);
-        }
+    Steedos.Page.Listview.getDefaultName = function (objectApiName, listViewName) {
+        return `listview_${objectApiName}_${listViewName}`;
+    };
+
+    Steedos.Page.Listview.render = function (template, objectApiName, options) {
+        try {
+            if (!template.data.regions || !objectApiName) {
+                return;
+            }
+            const { page, ...data } = template.data.regions();
+
+            var rootId = "steedosPageRecordRoot";
+            var modalRoot = document.getElementById(rootId);
+            // if(modalRoot){
+            //     modalRoot.remove();
+            // }
+            if (!modalRoot) {
+                modalRoot = document.createElement('div');
+                modalRoot.setAttribute('id', rootId);
+                $(".page-list-view-root")[0].appendChild(modalRoot);
+            }
+
+            if (page.render_engine && page.render_engine != 'redash') {
+                return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data));
+            }
+        } catch (error) {
 
-        if (page.render_engine && page.render_engine != 'redash') {
-            return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data));
         }
-    } catch (error) {
+    };
 
-    }
-};
+    Steedos.Page.Record.render = function (template, objectApiName, recordId, options) {
+        try {
+            if (!template.data.regions || !objectApiName || !recordId) {
+                return;
+            }
+            const { page, ...data } = template.data.regions();
+            var rootId = "steedosPageRecordRoot";
+            var modalRoot = document.getElementById(rootId);
+            // if(modalRoot){
+            //     modalRoot.remove();
+            // }
+            if (!modalRoot) {
+                modalRoot = document.createElement('div');
+                modalRoot.setAttribute('id', rootId);
+                $(".page-record-view-root")[0].appendChild(modalRoot);
+            }
+
+            if (page.render_engine && page.render_engine != 'redash') {
+                return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data));
+            }
+        } catch (error) {
 
-Steedos.Page.RelatedListview.render = function (template, objectApiName, options) {
-    try {
-        if (!template.data.regions || !objectApiName) {
-            return;
         }
-        const { page, ...data } = template.data.regions();
+    };
+
+    Steedos.Page.RelatedListview.render = function (template, objectApiName, options) {
+        try {
+            if (!template.data.regions || !objectApiName) {
+                return;
+            }
+            const { page, ...data } = template.data.regions();
+
+            var rootId = "steedosPageRecordRoot";
+            var modalRoot = document.getElementById(rootId);
+            // if(modalRoot){
+            //     modalRoot.remove();
+            // }
+            if (!modalRoot) {
+                modalRoot = document.createElement('div');
+                modalRoot.setAttribute('id', rootId);
+                $(".page-related-list-view-root")[0].appendChild(modalRoot);
+            }
+
+            if (page.render_engine && page.render_engine != 'redash') {
+                return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data));
+            }
+        } catch (error) {
 
-        var rootId = "steedosPageRecordRoot";
-        var modalRoot = document.getElementById(rootId);
-        // if(modalRoot){
-        //     modalRoot.remove();
-        // }
-        if (!modalRoot) {
-            modalRoot = document.createElement('div');
-            modalRoot.setAttribute('id', rootId);
-            $(".page-related-list-view-root")[0].appendChild(modalRoot);
         }
+    };
 
-        if (page.render_engine && page.render_engine != 'redash') {
-            return Steedos.Page.render($("#" + rootId)[0], page, Object.assign({}, options, data));
+    Steedos.Page.Form.StandardNew.render = function (appId, objectApiName, title, initialValues, options) {
+        const page = Steedos.Page.getPage('form', appId, objectApiName);
+        if (page && page.schema) {
+            const elementId = getModalElement(`${objectApiName}-standard_new`);
+            return Steedos.Page.render(elementId, page, Object.assign({}, options, {
+                appId: appId,
+                objectName: objectApiName,
+                title: title,
+                initialValues: initialValues,
+            }));
         }
-    } catch (error) {
 
-    }
-};
-
-Steedos.Page.Form.StandardNew.render = function (appId, objectApiName, title, initialValues, options) {
-    const page = Steedos.Page.getPage('form', appId, objectApiName);
-    if (page && page.schema) {
-        const elementId = getModalElement(`${objectApiName}-standard_new`);
-        return Steedos.Page.render(elementId, page, Object.assign({}, options, {
-            appId: appId,
-            objectName: objectApiName,
+        SteedosUI.showModal(stores.ComponentRegistry.components.ObjectForm, {
+            name: `${objectApiName}_standard_new_form`,
+            objectApiName: objectApiName,
             title: title,
             initialValues: initialValues,
-        }));
-    }
+            afterInsert: function (result) {
+                if (result.length > 0) {
+                    var record = result[0];
+                    setTimeout(function () {
+                        var url = `/app/${appId}/${objectApiName}/view/${record._id}`
+                        FlowRouter.go(url)
+                    }
+                        , 1);
+                    return true;
+                }
+            }
+        }, null, { iconPath: '/assets/icons' });
+    };
 
-    SteedosUI.showModal(stores.ComponentRegistry.components.ObjectForm, {
-        name: `${objectApiName}_standard_new_form`,
-        objectApiName: objectApiName,
-        title: title,
-        initialValues: initialValues,
-        afterInsert: function (result) {
-            if (result.length > 0) {
-                var record = result[0];
+    Steedos.Page.Form.StandardEdit.render = function (appId, objectApiName, title, recordId, options) {
+        const page = Steedos.Page.getPage('form', appId, objectApiName, recordId);
+        if (page && page.schema) {
+            const elementId = getModalElement(`${objectApiName}-standard_edit`);
+            return Steedos.Page.render(elementId, page, Object.assign({}, options, {
+                appId: appId,
+                objectName: objectApiName,
+                title: title,
+                recordId: recordId
+            }));
+        }
+
+        return SteedosUI.showModal(stores.ComponentRegistry.components.ObjectForm, {
+            name: `${objectApiName}_standard_edit_form`,
+            objectApiName: objectApiName,
+            recordId: recordId,
+            title: title,
+            afterUpdate: function () {
                 setTimeout(function () {
-                    var url = `/app/${appId}/${objectApiName}/view/${record._id}`
-                    FlowRouter.go(url)
-                }
-                    , 1);
+                    if (FlowRouter.current().route.path.endsWith("/:record_id")) {
+                        FlowRouter.reload()
+                        // ObjectForm有缓存，修改子表记录可能会有主表记录的汇总字段变更，需要刷新表单数据
+                        SteedosUI.reloadRecord(objectApiName, recordId)
+                    } else {
+                        window.refreshDxSchedulerInstance()
+                        window.refreshGrid(options.gridName);
+                    }
+                }, 1);
                 return true;
             }
+        }, null, { iconPath: '/assets/icons' })
+    };
+
+    // Steedos.Page.Form.StandardDelete.render = function(){
+
+    // };
+
+
+    // creator odata 转 graphql 防腐层
+
+    function getGraphqlFieldsQuery(objectApiName, selectFields, expandFields){
+        const objectConfig = Creator.getObject(objectApiName)
+        const objectFields = objectConfig.fields
+        if(_.isString(selectFields)){
+            selectFields = selectFields.split(',');
         }
-    }, null, { iconPath: '/assets/icons' });
-};
-
-Steedos.Page.Form.StandardEdit.render = function (appId, objectApiName, title, recordId, options) {
-    const page = Steedos.Page.getPage('form', appId, objectApiName, recordId);
-    if (page && page.schema) {
-        const elementId = getModalElement(`${objectApiName}-standard_edit`);
-        return Steedos.Page.render(elementId, page, Object.assign({}, options, {
-            appId: appId,
-            objectName: objectApiName,
-            title: title,
-            recordId: recordId
-        }));
-    }
 
-    return SteedosUI.showModal(stores.ComponentRegistry.components.ObjectForm, {
-        name: `${objectApiName}_standard_edit_form`,
-        objectApiName: objectApiName,
-        recordId: recordId,
-        title: title,
-        afterUpdate: function () {
-            setTimeout(function () {
-                if (FlowRouter.current().route.path.endsWith("/:record_id")) {
-                    FlowRouter.reload()
-                    // ObjectForm有缓存，修改子表记录可能会有主表记录的汇总字段变更，需要刷新表单数据
-                    SteedosUI.reloadRecord(objectApiName, recordId)
-                } else {
-                    window.refreshDxSchedulerInstance()
-                    window.refreshGrid(options.gridName);
-                }
-            }, 1);
-            return true;
+        if(_.isString(expandFields)){
+            expandFields = expandFields.split(',');
         }
-    }, null, { iconPath: '/assets/icons' })
-};
 
-// Steedos.Page.Form.StandardDelete.render = function(){
+        const fieldsName = ['_id'];
+
+        if(objectConfig.database_name ==='default' || !objectConfig.database_name){
+            fieldsName.push('record_permissions')
+        }
+
+        _.each(selectFields, function(fieldName){
+            fieldsName.push(`${fieldName}`)
+        });
+
+        _.each(expandFields, function(fieldName){
+            if(fieldName.indexOf("\\") > -1){
+                fieldName = fieldName.split('\\')[0];
+            }
+            if(fieldName && objectFields[fieldName] && _.isString(objectFields[fieldName].reference_to)){
+                let spaceUsersCompanyIdsExpand = '';
+                if(objectApiName === 'space_users' && fieldName === 'company_ids'){
+                    spaceUsersCompanyIdsExpand = ',name,admins'
+                }
+                const refObject = Creator.getObject(objectFields[fieldName].reference_to)
+                if(_.includes(fieldsName, fieldName)){
+                    fieldsName[_.indexOf(fieldsName, fieldName)] = `${fieldName}:${fieldName}__expand{_id, _NAME_FIELD_VALUE:${refObject.NAME_FIELD_KEY}${spaceUsersCompanyIdsExpand}}`
+                }else{
+                    fieldsName.push(`${fieldName}:${fieldName}__expand{_id, _NAME_FIELD_VALUE:${refObject.NAME_FIELD_KEY}${spaceUsersCompanyIdsExpand}}`)
+                }
+            }
+        })
 
-// };
+        return fieldsName;
+    }
+
+    Steedos.Page.Data.getRecord = function(objectApiName, recordId, selectFields, expandFields){
+        return stores.API.client.sobject(objectApiName).record(recordId, null, {
+            graphqlFieldsQuery: getGraphqlFieldsQuery(objectApiName, selectFields, expandFields)
+        })
+    }
+})();

package/main/default/objects/page_assignments/listviews/all.listview.yml

@@ -3,7 +3,7 @@ columns:
   - field: type
   - field: app
   - field: profile
-  - field: record_type
+  # - field: record_type
   - field: mobile
   - field: desktop
   - field: is_system

package/main/default/objects/page_assignments/listviews/recent.listview.yml

@@ -3,7 +3,7 @@ columns:
   - field: type
   - field: app
   - field: profile
-  - field: record_type
+  # - field: record_type
   - field: mobile
   - field: desktop
   - field: is_system

package/main/default/objects/page_versions/fields/is_system.field.yml

@@ -0,0 +1,7 @@
+name: is_system
+type: boolean
+label: 系统
+visible_on: "{{global.mode ==='read' ? true : false}}"
+readonly: true
+disabled: true
+sort_no: 999

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steedos/service-pages",
-  "version": "2.2.25",
+  "version": "2.2.28",
   "main": "package.service.js",
   "scripts": {},
   "license": "MIT",
@@ -11,5 +11,5 @@
   "dependencies": {
     "@builder.io/react": "^1.1.50"
   },
-  "gitHead": "e81092f007bce951b627a5c28e286032afbba1fb"
+  "gitHead": "1e8d08ae4d525950194e35984cd5851016a03219"
 }