@steedos/service-pages 2.2.3 → 2.2.6

package/docs//350/207/252/345/256/232/344/271/211form/347/273/204/344/273/266.md

@@ -0,0 +1,39 @@
+## 自定义Form组件(新增、编辑)
+
+- Form 组件需要自带弹出层
+- Form 组件内部处理数据接口问题
+
+### 渲染Form组件时, 传入的data为
+```
+data: {
+    appId: appId,
+    objectName: objectName,
+    recordId: record._id // 新增时为null 
+    title: title,
+    initialValues: initialValues,
+
+    context: {
+        rootUrl: ROOT URL,
+        tenantId: 魔方Id,
+        userId: 用户Id,
+        authToken: 用户认证authToken
+    }
+}
+```
+
+### Form组件数据处理完后,需要发出消息:
+
+- 新增记录事件
+```
+window.postMessage(Object.assign({type: "record.created"}, data, {record: record}), "*")
+```
+
+- 编辑记录事件
+```
+window.postMessage(Object.assign({type: "record.edited"}, data, {record: record}), "*")
+```
+### Platform 消费record.created、record.edited 消息
+
+- record.created: 新建的对象名称等于当前对象名称, 则进入详细页面, 否则更新当前route
+
+- record.edited: 更新当前页面

package/main/default/applications/app_charts.app.yml

@@ -7,7 +7,7 @@ admin_menus:
   #   permission_sets:
   #     - admin
   - _id: user_interface
-    name: 用户页面
+    name: 用户界面
     sort: 350
     permission_sets:
       - admin

package/main/default/client/builder.client.js

@@ -1,5 +1,11 @@
 ;(function() {
-    import("/builder.io/react/dist/builder-react.browser.js").then(()=>{
-        BuilderReact.builder.init("builder-token");
-    });
-})();
+    try {
+        var hm = document.createElement("script");
+        hm.src = "/requirejs/require.js";
+        var s = document.getElementsByTagName("script")[0]; 
+        s.parentNode.insertBefore(hm, s);
+      } catch (error) {
+        console.log(error);
+      }
+})();
+Builder.set({rootUrl: __meteor_runtime_config__.ROOT_URL})

package/main/default/client/onWindowMessage.client.js

@@ -0,0 +1,39 @@
+/*
+ * @Author: steedos
+ * @Date: 2022-03-24 14:39:44
+ * @Description: 监听window message , 主要处理新增、编辑记录后的路由处理.
+ */
+
+const listenerMessageType = ['record.created', 'record.edited'];
+
+window.addEventListener('message', function (event) {
+    const { data } = event;
+    if (data && listenerMessageType.includes(data.type)) {
+        const {objectName, record} = data;
+        const {app_id: appId, object_name: routeObjectName} = FlowRouter.current().params;
+
+        switch (data.type) {
+            case 'record.created':
+                if(objectName === routeObjectName){
+                    var url = `/app/${appId}/${objectName}/view/${record._id}`
+                    FlowRouter.go(url)
+                }else{
+                    FlowRouter.current()
+                }
+                break;
+            case 'record.edited':
+                if (FlowRouter.current().route.path.endsWith("/:record_id")) {
+                    FlowRouter.reload()
+                    // ObjectForm有缓存，修改子表记录可能会有主表记录的汇总字段变更，需要刷新表单数据
+                    SteedosUI.reloadRecord(objectName, record._id)
+                } else {
+                    window.refreshDxSchedulerInstance()
+                    window.refreshGrid();
+                }
+                break;
+            default:
+                break;
+        }
+            
+    }
+});

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

@@ -1,12 +1,88 @@
-Steedos.Pages = {};
+/*
+ * @Author: steedos
+ * @Date: 2022-03-22 19:13:57
+ * @Description: 提供自定义page渲染能力, 供内部使用, 内容会迭代调整, 不对用户开放. 
+ */
+
+Steedos.Page = {
+    App: {},
+    Record: {},
+    Listview: {},
+    RelatedListview: {},
+    Form: {
+        StandardNew: {},
+        StandardEdit: {}
+    }
+};
 
 function upperFirst(str) {
-	return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
+    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;
+}
+
+
+Steedos.Page.getPage = function (type, appId, objectApiName, recordId, pageId) {
+    if (type != 'list' && objectApiName) {
+        const objectInfo = Creator.getObject(objectApiName);
+        if (objectInfo && objectInfo.version < 2) {
+            return;
+        }
+    }
+    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) {
+    if (page.render_engine && page.render_engine != 'redash') {
+        const options = {
+            model: "page", content: {
+                "data": {
+                    "blocks": [
+                        {
+                            "@type": "@builder.io/sdk:Element",
+                            "@version": 2,
+                            "id": `builder-${page._id}`,
+                            "component": {
+                                "name": upperFirst(page.render_engine),
+                                "options": {
+                                    "schema": typeof page.schema === 'string' ? JSON.parse(page.schema) : page.schema,
+                                    "data": Object.assign({}, data, {
+                                        context: {
+                                            rootUrl: __meteor_runtime_config__.ROOT_URL,
+                                            tenantId: Creator.USER_CONTEXT.spaceId,
+                                            userId: Creator.USER_CONTEXT.userId,
+                                            authToken: Creator.USER_CONTEXT.user.authToken
+                                        }
+                                    })
+                                }
+                            },
+                        }
+                    ],
+                    "inputs": [
+                    ]
+                }
+            }
+        };
+        console.debug('render data', options)
+        return SteedosUI.render(BuilderComponent, options, root);
+    }
 };
 
-Steedos.Pages.Render = function (pageName) {
-    if(!pageName){
-        return ;
+Steedos.Page.App.render = function (template, pageName, app_id) {
+    if (!pageName) {
+        return;
     }
     var rootId = "steedosPageRoot";
     var modalRoot = document.getElementById(rootId);
@@ -19,34 +95,162 @@ Steedos.Pages.Render = function (pageName) {
         $(".page-template-root")[0].appendChild(modalRoot);
     }
 
-    const pages = Creator.odata.query("pages", {$filter:`(name eq '${pageName}')`}, true);
-    if(pages.length > 0){
-        const page = pages[0];
-        if(page.render_engine && page.render_engine != 'redash'){
-            return SteedosUI.render(BuilderReact.BuilderComponent, {model:"page",content:{
-                "data":{
-                   "blocks":[
-                      {
-                         "@type":"@builder.io/sdk:Element",
-                         "@version":2,
-                         "id":"builder-2b290abc4e4042498645863f53ee6815",
-                         "component":{
-                            "name": upperFirst(page.render_engine), //_.upperFirst
-                            "options":{
-                               "schema": typeof page.schema === 'string' ? JSON.parse(page.schema) : page.schema
-                            }
-                         },
-                      }
-                   ],
-                   "inputs":[
-                      
-                   ]
-                }
-             }}, $("#" + 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($("#" + rootId)[0], page, {
+                appId: app_id
+            });
         }
     }
 
     SteedosUI.render(stores.ComponentRegistry.components.PublicPage, {
         token: pageName
     }, $("#" + rootId)[0]);
-};
+};
+
+Steedos.Page.Listview.render = function (template, objectApiName) {
+    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, data);
+        }
+    } catch (error) {
+
+    }
+};
+
+Steedos.Page.Record.render = function (template, objectApiName, recordId) {
+    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, data);
+        }
+    } catch (error) {
+
+    }
+};
+
+Steedos.Page.RelatedListview.render = function (template, objectApiName) {
+    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, data);
+        }
+    } catch (error) {
+
+    }
+};
+
+Steedos.Page.Form.StandardNew.render = function (appId, objectApiName, title, initialValues) {
+    const page = Steedos.Page.getPage('form', appId, objectApiName);
+    if (page && page.schema) {
+        const elementId = getModalElement(`${objectApiName}-standard_new`);
+        return Steedos.Page.render(elementId, page, {
+            appId: appId,
+            objectName: objectApiName,
+            title: title,
+            initialValues: initialValues
+        });
+    }
+
+    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' });
+};
+
+Steedos.Page.Form.StandardEdit.render = function (appId, objectApiName, title, recordId) {
+
+    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, {
+            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();
+                }
+            }, 1);
+            return true;
+        }
+    }, null, { iconPath: '/assets/icons' })
+};
+
+// Steedos.Page.Form.StandardDelete.render = function(){
+
+// };

package/main/default/objects/page_assignments/fields/app.field.yml

@@ -0,0 +1,8 @@
+name: app
+label: 应用
+type: lookup
+reference_to: apps
+reference_to_field: code
+filters:
+  - ['code','!=','admin']
+sort_no: 120

package/main/default/objects/page_assignments/fields/desktop.field.yml

@@ -0,0 +1,5 @@
+name: desktop
+type: boolean
+label: 桌面端
+sort_no: 130
+defaultValue: true

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

@@ -0,0 +1,6 @@
+name: is_system
+type: boolean
+label: System
+omit: true
+hidden: true
+disabled: true

package/main/default/objects/page_assignments/fields/mobile.field.yml

@@ -0,0 +1,5 @@
+name: mobile
+type: boolean
+label: 移动端
+sort_no: 140
+defaultValue: true

package/main/default/objects/page_assignments/fields/page.field.yml

@@ -0,0 +1,5 @@
+name: page
+label: 页面
+type: master_detail
+reference_to: pages
+sort_no: 110

package/main/default/objects/page_assignments/fields/profile.field.yml

@@ -0,0 +1,8 @@
+name: profile
+type: lookup
+label: 简档
+reference_to: permission_set
+filters:
+  - ["type","=","profile"]
+visible_on: "{{formData.app ? true: false}}"
+sort_no: 125

package/main/default/objects/page_assignments/fields/record_type.field.yml

@@ -0,0 +1,4 @@
+name: record_type
+type: text
+label: 记录类型
+hidden: true

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

@@ -0,0 +1,15 @@
+name: all
+columns:
+  - field: app
+  - field: profile
+  - field: record_type
+  - field: mobile
+  - field: desktop
+  - field: is_system
+filter_scope: space
+filters: []
+label: 所有
+scrolling_mode: standard
+shared: true
+sort_no: 100
+type: grid

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

@@ -0,0 +1,15 @@
+name: recent
+columns:
+  - field: app
+  - field: profile
+  - field: record_type
+  - field: mobile
+  - field: desktop
+  - field: is_system
+filter_scope: space
+filters: []
+label: 最近查看
+scrolling_mode: standard
+shared: true
+sort_no: 100
+type: grid

package/main/default/objects/page_assignments/page_assignments.object.yml

@@ -0,0 +1,20 @@
+name: page_assignments
+label: 页面分配
+custom: true
+enable_api: true
+enable_audit: false
+enable_chatter: false
+enable_enhanced_lookup: false
+enable_events: false
+enable_files: false
+enable_inline_edit: true
+enable_instances: false
+enable_notes: false
+enable_search: false
+enable_share: false
+enable_tasks: false
+enable_workflow: false
+hidden: true
+icon: contract
+is_enable: true
+version: 2

package/main/default/objects/page_assignments/permissions/admin.permission.yml

@@ -0,0 +1,10 @@
+name: 管理员
+allowCreate: true
+allowDelete: true
+allowEdit: true
+allowRead: true
+modifyAllRecords: true
+modifyCompanyRecords: true
+permission_set_id: admin
+viewAllRecords: true
+viewCompanyRecords: true

package/main/default/objects/page_assignments/permissions/user.permission.yml

@@ -0,0 +1,10 @@
+name: 用户
+allowCreate: false
+allowDelete: false
+allowEdit: false
+allowRead: true
+modifyAllRecords: false
+modifyCompanyRecords: false
+permission_set_id: user
+viewAllRecords: false
+viewCompanyRecords: false

package/main/default/objects/page_versions/buttons/standard_delete.button.js

@@ -0,0 +1,5 @@
+module.exports = {
+    standard_deleteVisible: function () {
+        return false
+    }
+}

package/main/default/objects/page_versions/buttons/standard_delete.button.yml

@@ -0,0 +1,4 @@
+name: standard_delete
+is_enable: true
+label: standard_delete
+visible: false

package/main/default/objects/page_versions/buttons/standard_delete_many.button.js

@@ -0,0 +1,5 @@
+module.exports = {
+    standard_delete_manyVisible: function () {
+        return false
+    }
+}

package/main/default/objects/page_versions/buttons/standard_delete_many.button.yml

@@ -0,0 +1,4 @@
+name: standard_delete_many
+is_enable: true
+label: standard_delete_many
+visible: false

package/main/default/objects/page_versions/buttons/standard_new.button.js

@@ -0,0 +1,5 @@
+module.exports = {
+    standard_newVisible: function () {
+        return false
+    }
+}

package/main/default/objects/page_versions/buttons/standard_new.button.yml

@@ -0,0 +1,5 @@
+name: standard_new
+is_enable: true
+label: standard_new
+'on': record_only
+visible: false

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

@@ -0,0 +1,4 @@
+name: is_active
+label: 已发布
+sort_no: 130
+type: toggle

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

@@ -0,0 +1,5 @@
+name: page
+label: 页面
+type: master_detail
+reference_to: pages
+readonly: true

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

@@ -0,0 +1,7 @@
+name: schema
+type: code
+language: json
+is_wide: true
+sort_no: 300
+omit: false
+hidden: false

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

@@ -0,0 +1,6 @@
+name: version
+type: number
+label: 版本号
+scale: 0
+omit: true
+readonly: true

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

@@ -0,0 +1,18 @@
+name: all
+columns:
+  - field: page
+  - field: version
+  - field: is_active
+  - field: created
+  - field: modified
+  - field: is_system
+filter_scope: space
+filters: []
+label: 所有
+scrolling_mode: standard
+shared: true
+sort_no: 100
+type: grid
+sort:
+  - field_name: 'version'
+    order: desc

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

@@ -0,0 +1,15 @@
+name: recent
+columns:
+  - field: page
+  - field: version
+  - field: is_active
+  - field: created
+  - field: modified
+  - field: is_system
+filter_scope: space
+filters: []
+label: 最近查看
+scrolling_mode: standard
+shared: true
+sort_no: 100
+type: grid

package/main/default/objects/page_versions/page_versions.object.yml

@@ -0,0 +1,20 @@
+name: page_versions
+label: 页面版本
+custom: true
+enable_api: true
+enable_audit: false
+enable_chatter: false
+enable_enhanced_lookup: false
+enable_events: false
+enable_files: false
+enable_inline_edit: true
+enable_instances: false
+enable_notes: false
+enable_search: false
+enable_share: false
+enable_tasks: false
+enable_workflow: false
+hidden: false
+icon: contract
+is_enable: true
+version: 2

package/main/default/objects/page_versions/permissions/admin.permission.yml

@@ -0,0 +1,10 @@
+name: 管理员
+allowCreate: true
+allowDelete: false
+allowEdit: true
+allowRead: true
+modifyAllRecords: true
+modifyCompanyRecords: true
+permission_set_id: admin
+viewAllRecords: true
+viewCompanyRecords: true

package/main/default/objects/page_versions/permissions/user.permission.yml

@@ -0,0 +1,10 @@
+name: 用户
+allowCreate: false
+allowDelete: false
+allowEdit: false
+allowRead: true
+modifyAllRecords: false
+modifyCompanyRecords: false
+permission_set_id: user
+viewAllRecords: false
+viewCompanyRecords: false

package/main/default/objects/pages/fields/is_active.field.yml

@@ -0,0 +1,5 @@
+name: is_active
+label: 启用
+sort_no: 130
+type: toggle
+visible_on: "{{'redash' != formData.render_engine ? true: false}}"