@steedos/service-plugin-amis 2.6.1-beta.7 → 2.6.2-beta.2

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

@@ -69,14 +69,18 @@
               options: amisLib.OptionsControl,
             };
 
-            const amisComps = lodash.filter(Builder.registry['meta-components'], function(item){ return item.componentName && item.amis?.render});
+            const amisComps = lodash.filter(Builder.registry['meta-components'], function(item){ return item.componentName && item.amis && item.amis.render});
             
             lodash.each(amisComps,(comp)=>{
                 const Component = Builder.components.find(item => item.name === comp.componentName);
-                if (Component && !AmisRenderers.includes(comp.amis?.render.type)){
+                var type = null;
+                if(comp.amis){
+                  type = comp.amis.render.type
+                }
+                if (Component && !AmisRenderers.includes(type)){
                     try {
                         let AmisWrapper = Component.class
-                        AmisRenderers.push(comp.amis?.render.type);
+                        AmisRenderers.push(type);
                         if(comp.componentType === 'amisSchema'){
                             let amisReact = amisRequire('react');
                             AmisWrapper = function(props){
@@ -98,17 +102,18 @@
                               }, [JSON.stringify($schema)]) //, JSON.stringify(props.data)
 
                               if (!schema)
-                              return render('body', {
-                                "type": "wrapper",
-                                "className": "h-full flex items-center justify-center",
-                                "body": {
-                                  "type": "spinner",
-                                  "show": true
-                                }
-                              })
+                                return;
+                                // return render('body', {
+                                //   "type": "wrapper",
+                                //   "className": "h-full flex items-center justify-center",
+                                //   "body": {
+                                //     "type": "spinner",
+                                //     "show": true
+                                //   }
+                                // })
 
                               if (props.env.enableAMISDebug && schema) {
-                                console.groupCollapsed(`[steedos render ${comp.amis?.render.type}]`);
+                                console.groupCollapsed(`[steedos render ${type}]`);
                                 console.trace('Component: ', props, 'Generated Amis Schema: ', schema);
                                 console.groupEnd();
                               }
@@ -221,6 +226,17 @@
                 //     }
                 //     return div;
                 // },
+                // 如果这里不配置env.notify，那么会走amis 默认的env.notify，它会造成随机把toast组件dom插入到不同的scope容器内（应该是插入到最后一个加载的scope），这在苹果手机上可能会造成弹出的通知z-index不生效的情况，出现通知被档住的问题
+                notify: (type, msg)=>{
+                  var tpl = msg.props && msg.props.schema.tpl;
+                  if(tpl){
+                    SteedosUI.message[type](tpl)
+                  }else if(typeof msg == 'string'){
+                    SteedosUI.message[type](msg)
+                  }else{
+                    console.warn('notify', type, msg)
+                  }
+                },
                 jumpTo: (to, action) => {
                   if (to === 'goBack') {
                       return window.history.back();
@@ -235,8 +251,13 @@
 
                   // 主要是支持 nav 中的跳转
                   if (action && to && action.target) {
-                      window.open(to, action.target);
-                      return;
+                      if(Meteor.isCordova && to.indexOf('http') != 0){
+                        window.open(Steedos.absoluteUrl(to), action.target);
+                        return;
+                      }else{
+                        window.open(to, action.target);
+                        return;
+                      }
                   }
 
                   if (/^https?:\/\//.test(to)) {
@@ -247,6 +268,34 @@
                 },
                 theme: 'antd',
                 isCurrentUrl: isCurrentUrl,
+                requestAdaptor: (config)=>{
+                    // url是相对路径
+                    if(config.url && (!/^http[s]?:\/\//i.test(config.url))){
+                      if(Meteor.isCordova){
+                        config.url = Meteor.absoluteUrl(config.url)
+                      }
+
+                      if(!config.headers){
+                        config.headers = {}
+                      }
+
+                      if(!config.headers.Authorization && Builder.settings.context && Builder.settings.context.tenantId && Builder.settings.context.authToken){
+                        config.headers.Authorization = `Bearer ${Builder.settings.context.tenantId},${Builder.settings.context.authToken}`;
+                      }
+                    }else if(config.url && Meteor.isCordova && Builder.settings.context && Builder.settings.context.rootUrl && config.url.startsWith(Builder.settings.context.rootUrl)){
+                      // 是绝对路径,且是cordova环境, 且以root url开头, 则自动处理认证
+                      if(Meteor.isCordova){
+                        if(!config.headers){
+                          config.headers = {}
+                        }
+              
+                        if(!config.headers.Authorization && Builder.settings.context && Builder.settings.context.tenantId && Builder.settings.context.authToken){
+                          config.headers.Authorization = `Bearer ${Builder.settings.context.tenantId},${Builder.settings.context.authToken}`;
+                        }
+                      }
+                    }
+                    return config;
+                }
             };
             // 已弃用
             const AmisRender = function (props) {
@@ -306,6 +355,8 @@
             };
 
             window.renderAmis = function (root, schema, data, env) {
+              // console.log("===window.renderAmis===root, env===", root, env);
+              // console.log("===window.renderAmis===data===", data);
               const refName = schema.name || schema.id;
               if(SteedosUI.refs[refName]){
                 if(SteedosUI.refs[refName].unmount){

package/main/default/client/creator.function.client.js

@@ -2,7 +2,7 @@
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-20 17:42:20
  * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2022-10-28 11:01:51
+ * @LastEditTime: 2023-08-22 22:36:38
  * @Description: 提供辅助函数
  */
 (function(){
@@ -97,7 +97,7 @@
                     [
                       React17.createElement(SteedosUI.components.Button, {
                             onClick: function(){
-                                SteedosUI.getRef(pageName)?.close();
+                              SteedosUI.getRef(pageName) && SteedosUI.getRef(pageName).close();
                             }
                         } , t('cancel')), 
                         React17.createElement(SteedosUI.components.Button, {
@@ -132,7 +132,7 @@
                                     if (error) {
                                         return console.log("error", error);
                                     } else if (result) {
-                                        SteedosUI.getRef(pageName)?.close();
+                                      SteedosUI.getRef(pageName) && SteedosUI.getRef(pageName).close();
                                         return Session.set("filter_items", filter_items);
                                     }
                                 });
@@ -141,7 +141,7 @@
                                 const formValues = window.amisScopes[pageName].getComponentByName("filtersForm").getValues();
                                 const filters = window.amisConvert.conditionsToFilters(formValues.filters);
                                 Session.set("filter_items", filters);
-                                SteedosUI.getRef(pageName)?.close();
+                                SteedosUI.getRef(pageName) && SteedosUI.getRef(pageName).close();
                             },
                             type: 'primary'
                         } , canSave ? t('save'): t('apply'))

package/main/default/pages/action_field_updates_form.page.amis.json

@@ -245,7 +245,7 @@
                   },
                   {
                     "actionType": "custom",
-                    "script": "\n      const { recordId, listViewId } = context.props.data;\n      const data = event.data;\n      const appId = data.appId;\n      const objectName = data.objectName;\n      // 在记录详细界面时isRecordDetail为true\n      // TODO: isRecordDetail这个判断需要优化\n      const isRecordDetail = data._isRelated;\n      if(recordId){\n        // 编辑记录时，刷新主表单\n        doAction({\n          componentId: `detail_${recordId}`,\n          actionType: \"reload\",\n          expression: `!${listViewId}`\n        });\n      }\n      else if(!isRecordDetail){\n        // 在列表视图界面新建记录时跳转到详细页面\n        const jumpTo = event.context.env && event.context.env.jumpTo;\n        if(jumpTo){\n          const newRecordId = data.result.data?.recordId;\n          jumpTo(\"/app/\" + appId + \"/\" + objectName + \"/view/\" + newRecordId);\n        }\n      }\n    "
+                    "script": "\n      const { recordId, listViewId } = context.props.data;\n      const data = event.data;\n      const appId = data.appId;\n      const objectName = data.objectName;\n      // 在记录详细界面时isRecordDetail为true\n      // TODO: isRecordDetail这个判断需要优化\n      const isRecordDetail = data._isRelated;\n      if(recordId){\n        // 编辑记录时，刷新主表单\n        doAction({\n          componentId: `detail_${recordId}`,\n          actionType: \"reload\",\n          expression: `!${listViewId}`\n        });\n      }\n      else if(!isRecordDetail){\n        // 在列表视图界面新建记录时跳转到详细页面\n        const jumpTo = event.context.env && event.context.env.jumpTo;\n        if(jumpTo){\n          var _data$result$data;const newRecordId = (_data$result$data = data.result.data) === null || _data$result$data === void 0 ? void 0 : _data$result$data.recordId;\n          jumpTo(\"/app/\" + appId + \"/\" + objectName + \"/view/\" + newRecordId);\n        }\n      }\n    "
                   }
                 ]
               }

package/main/default/pages/apps_form.page.amis.json

@@ -1,42 +1,306 @@
 {
-    "type": "page",
-    "title": "Welcome to Steedos",
-    "body": [
-      {
-        "type": "steedos-object-form",
-        "className": "sm:border sm:shadow sm:rounded sm:border-gray-300 bg-white p-4",
-        "label": "对象表单",
-        "objectApiName": "apps",
-        "recordId": "${recordId}",
-        "mode": "edit",
-        "fieldsExtend": "{\n  \"tab_items\": {\n    \"amis\": {\n      \"name\": \"tab_items\",\n      \"type\": \"crud\",\n      \"source\": \"\\${tab_items}\",\n      \"strictMode\": true,\n      \"affixHeader\": false,\n      \"editable\": true,\n      \"addable\": false,\n      \"removable\": true,\n      \"draggable\": false,\n      \"headerToolbarClassName\": \"px-1 pb-3\",\n      \"columns\": [\n        {\n          \"name\": \"index\",\n          \"label\": \"\\${'apps.apps_form.tab_number'| t}\",\n          \"type\": \"tpl\",\n          \"tpl\": \"\\${index+1}\",\n          \"className\": \"w-10\",\n          \"id\": \"u:c59784421c37\"\n        },\n        {\n          \"name\": \"tab_name_label\",\n          \"label\": \"\\${'apps.apps_form.tab' | t}\",\n          \"type\": \"tpl\",\n          \"id\": \"u:b95c69a1cd84\",\n          \"tpl\": \"\\${tabs_options|filter:value:equals:tab_name|pick:label}\"\n        },\n        {\n          \"name\": \"group\",\n          \"label\": \"\\${'apps.apps_form.tab_grouping' | t}\",\n          \"id\": \"u:e532b1949676\",\n          \"quickEdit\": {\n            \"type\": \"select\",\n            \"name\": \"group\",\n            \"className\": \"m-0\",\n            \"onEvent\": {\n              \"change\": {\n                \"actions\": [\n                  {\n                    \"actionType\": \"custom\",\n                    \"script\": \"const tabGroupKey = \\\"group\\\";const getTabsSortFun = function (groupNames) {  return function (m, n) {    var tempM = !!m[tabGroupKey] ? 1 : 0;    var tempN = !!n[tabGroupKey] ? 1 : 0;    if (!m[tabGroupKey] || !n[tabGroupKey]) {      return tempM - tempN;    }    return groupNames.indexOf(m[tabGroupKey]) - groupNames.indexOf(n[tabGroupKey]);  };};const quickEidtSaveForTab = function (input, prop_name) {  const currentPropValue = input.value;  const rowValue = input.__super;  const formValue = input.__super.__super.__super;  const tab_name = rowValue.tab_name;  rowValue[prop_name] = currentPropValue;  delete rowValue.index;  let newTabs = formValue.tab_items.map(function (item) {    if (item.tab_name == tab_name) {      return Object.assign({}, item, rowValue);    }    else {      return item;    }  });  const tabGroups = input.__super.__super.tab_groups;  const groupNames = _.compact(_.map(tabGroups, \\\"group_name\\\"));  if (groupNames && groupNames.length) {    newTabs.sort(getTabsSortFun(groupNames));  }  return {    tab_items: newTabs  }};const eventData = event.data;const newTabTtemsProp = quickEidtSaveForTab(eventData, \\\"group\\\");setTimeout(function () {   doAction({    actionType: 'setValue',    componentId: \\\"object_form\\\",    args: {      value: newTabTtemsProp    }  });},300);\"\n                  }\n                ]\n              }\n            },\n            \"source\": \"\\${tab_groups|pick:group_name}\",\n            \"checkAll\": false,\n            \"selectFirst\": false,\n            \"searchable\": true,\n            \"clearable\": true,\n            \"id\": \"u:8b3d6979e884\",\n            \"multiple\": false,\n            \"mode\": \"inline\"\n          },\n          \"placeholder\": \"-\"\n        },\n        {\n          \"name\": \"tab_name_desktop\",\n          \"label\": \"\\${'apps.apps_form.tab_desktop' | t}\",\n          \"type\": \"tpl\",\n          \"id\": \"u:b95c69a1cd84\",\n          \"tpl\": \"\\${tabs_options|filter:value:equals:tab_name|first|pick:desktop|isTrue:'✔':'✘'}\",\n          \"placeholder\": \"-\",\n          \"remark\": \"\\${'apps.apps_form.tab_desktop_remark' | t}\"\n        },\n        {\n          \"name\": \"tab_name_mobile\",\n          \"label\": \"\\${'apps.apps_form.tab_mobile' | t}\",\n          \"type\": \"tpl\",\n          \"id\": \"u:b95c69a1cd84\",\n          \"tpl\": \"\\${tabs_options|filter:value:equals:tab_name|first|pick:mobile|isTrue:'✔':'✘'}\",\n          \"placeholder\": \"-\",\n          \"remark\": \"\\${'apps.apps_form.tab_mobile_remark' | t}\"\n        }\n      ],\n      \"headerToolbar\": [\n        {\n          \"type\": \"service\",\n          \"id\": \"tabs-options-service\",\n          \"body\": [\n            {\n              \"type\": \"button\",\n              \"id\": \"u:a35a2276145d\",\n              \"label\": \"${'apps.apps_form.tab_generate' | t}\",\n              \"onEvent\": {\n                \"click\": {\n                  \"actions\": [\n                    {\n                      \"script\": \"const appId = null;  const page = Steedos.Page.getPage('app', appId, null, null, 'generate_object_tabs');  if (page && page.schema) {    const pageSchema = JSON.parse(page.schema);    let formSchema = pageSchema.body[0];    formSchema.canAccessSuperData = false;    formSchema.wrapWithPanel = false;    formSchema.className = 'steedos-amis-form';    const title = t('apps.apps_form.tab_generate_title');    doAction({      'actionType': 'dialog',      'dialog': {        'type': 'dialog',        'title': title,        'body': formSchema,        'size': 'lg'      }    });  }\",\n                      \"actionType\": \"custom\"\n                    }\n                  ],\n                  \"weight\": 0\n                }\n              },\n              \"tpl\": \"内容\"\n            },\n            {\n              \"type\": \"button\",\n              \"label\": \"${'apps.apps_form.tab_set' | t}\",\n              \"id\": \"u:853b890ab524\",\n              \"actionType\": \"dialog\",\n              \"dialog\": {\n                \"type\": \"dialog\",\n                \"title\": \"${'apps.apps_form.tab_set' | t}\",\n                \"body\": [\n                  {\n                    \"type\": \"transfer\",\n                    \"name\": \"picked_tabs\",\n                    \"value\": \"\\${tab_items|pick:tab_name}\",\n                    \"sortable\": true,\n                    \"source\": \"\\${tabs_options}\",\n                    \"searchable\": true,\n                    \"id\": \"u:f2d36873abd1\"\n                  }\n                ],\n                \"onEvent\": {\n                  \"confirm\": {\n                    \"actions\": [\n                      {\n                        \"actionType\": \"custom\",\n                        \"script\": \"const tabGroupKey = 'group';const getTabsSortFun = function (groupNames) {  return function (m, n) {    var tempM = !!m[tabGroupKey] ? 1 : 0;    var tempN = !!n[tabGroupKey] ? 1 : 0;    if (!m[tabGroupKey] || !n[tabGroupKey]) {      return tempM - tempN;    }    return groupNames.indexOf(m[tabGroupKey]) - groupNames.indexOf(n[tabGroupKey]);  };};const clearTabs = function (input) {   return {    tab_items: []  }};const convertDataForTabs = function (input) {  let pickedTabs = input.picked_tabs || [];  const superTabs = _.keyBy(input.__super.__super.tab_items, 'tab_name');  if (typeof pickedTabs === 'string') {    pickedTabs = pickedTabs.split(',');  } const tabOptions = _.keyBy(input.__super.tabs_options, 'value');  const convertedTabs = pickedTabs.map(function (tab_name) {    const superTab = superTabs[tab_name];    if (superTab) {      return superTab;    }    else {      const tabOption = tabOptions[tab_name];      return {        tab_name: tab_name,        group: tabOption.group      }    }  });   const tabGroups = input.__super.__super.tab_groups;   const groupNames = _.compact(_.map(tabGroups, 'group_name'));   if (groupNames && groupNames.length) {     convertedTabs.sort(getTabsSortFun(groupNames));   }  return {    tab_items: convertedTabs  }};const eventData = event.data;doAction({  actionType: 'setValue',  componentId: 'object_form',  args: {    value: convertDataForTabs(eventData)  }});doAction({  actionType: 'setValue',  componentId: 'tabs-options-service',  args: {    value: convertDataForTabs(eventData)  }});\"\n                      }\n                    ]\n                  }\n                },\n                \"size\": \"lg\",\n                \"id\": \"u:9c93896a73cf\",\n                \"closeOnEsc\": false,\n                \"closeOnOutside\": false,\n                \"showCloseButton\": true,\n                \"showErrorMsg\": true,\n                \"showLoading\": true,\n                \"dataMapSwitch\": false\n              }\n            },\n            {\n              \"type\": \"button\",\n              \"label\": \"${'apps.apps_form.tab_grouping_set' | t}\",\n              \"actionType\": \"dialog\",\n              \"dialog\": {\n                \"title\": \"${'apps.apps_form.tab_grouping_set' | t}\",\n                \"body\": [\n                  {\n                    \"type\": \"input-table\",\n                    \"name\": \"setting_groups\",\n                    \"value\": \"\\${tab_groups}\",\n                    \"addable\": true,\n                    \"draggable\": true,\n                    \"editable\": true,\n                    \"needConfirm\": false,\n                    \"columns\": [\n                      {\n                        \"name\": \"group_name\",\n                        \"label\": \"${'apps.apps_form.tab_grouping_name' | t}\",\n                        \"id\": \"u:383c7744b499\"\n                      },\n                      {\n                        \"name\": \"default_open\",\n                        \"label\": \"${'apps.apps_form.tab_grouping_open' | t}\",\n                        \"id\": \"u:7a243c84ed66\",\n                        \"type\": \"checkbox\",\n                        \"value\": true\n                      }\n                    ],\n                    \"removable\": true,\n                    \"id\": \"setting_groups\"\n                  }\n                ],\n                \"onEvent\": {\n                  \"confirm\": {\n                    \"actions\": [\n                      {\n                        \"actionType\": \"custom\",\n                        \"script\": \"const tabGroupKey = 'group';const getTabsSortFun = function (groupNames) { return function (m, n) { var tempM = !!m[tabGroupKey] ? 1 : 0; var tempN = !!n[tabGroupKey] ? 1 : 0; if (!m[tabGroupKey] || !n[tabGroupKey]) { return tempM - tempN; } return groupNames.indexOf(m[tabGroupKey]) - groupNames.indexOf(n[tabGroupKey]); };};const clearTabs = function (input) { return { tab_items: [] }};const convertDataForGroups = function(input) { const settingGroups = input.setting_groups || []; const convertedGroups = _.uniqBy(settingGroups.map(function (item) { return { group_name: item.group_name, default_open: item.default_open } }), 'group_name'); const groupNames = _.compact(_.map(convertedGroups, 'group_name')); const tab_items = input.tab_items; tab_items?.sort(getTabsSortFun(groupNames)); return { tab_groups: convertedGroups, tab_items: tab_items }};const eventData = event.data;doAction({ actionType: 'setValue', componentId: 'object_form', args: { value: convertDataForGroups(eventData) }});\"\n                      }\n                    ]\n                  }\n                },\n                \"type\": \"dialog\",\n                \"size\": \"lg\",\n                \"id\": \"setting_groups\",\n                \"closeOnEsc\": false,\n                \"closeOnOutside\": false,\n                \"showCloseButton\": true,\n                \"showErrorMsg\": true,\n                \"showLoading\": true,\n                \"dataMapSwitch\": false\n              },\n              \"id\": \"u:111b043b193c\"\n            }\n          ],\n          \"messages\": \"\",\n          \"api\": {\n            \"method\": \"post\",\n            \"url\": \"\\${context.rootUrl}/graphql\",\n            \"adaptor\": \" let data = payload.data;  data.tabs_options = [];  if (data.options && data.options.length) {    data.tabs_options = data.options.map(function (option) {       option.label = option.label + '(' + option.value + ')';      return option;    });  }  if (!api.body.recordId) {    const defaultValues = {      is_creator: true,      mobile: true,      visible: true,      sort: 9100    }    ;data = Object.assign({}, data, defaultValues);  }  delete data.options  ;payload.data = data;  return payload;  \",\n            \"data\": {\n              \"query\": \"{options:tabs{_id label:label value:name,type,object,desktop,mobile}}\",\n              \"recordId\": \"\\${recordId}\"\n            },\n            \"headers\": {\n              \"Authorization\": \"Bearer \\${context.tenantId},\\${context.authToken}\"\n            }\n          }\n        }\n      ]\n    }\n  },\n  \"objects\": {\n    \"amis\": {\n      \"name\": \"objects\",\n      \"type\": \"select\",\n      \"className\": \"m-0\",\n      \"labelClassName\": \"text-left\",\n      \"id\": \"u:4e5047e44905\",\n      \"joinValues\": false,\n      \"extractValue\": true,\n      \"labelField\": \"label\",\n      \"valueField\": \"value\",\n      \"multiple\": true,\n      \"checkAll\": false,\n      \"searchable\": true,\n      \"menuTpl\": \"\",\n      \"source\": {\n        \"method\": \"get\",\n        \"url\": \"${context.rootUrl}/service/api/amis-metadata-objects/objects/options\",\n        \"headers\": {\n          \"Authorization\": \"Bearer ${context.tenantId},${context.authToken}\"\n        }\n      },\n      \"autoComplete\": \"\"\n    }\n  },\n  \"mobile_objects\": {\n    \"amis\": {\n      \"name\": \"mobile_objects\",\n      \"type\": \"select\",\n      \"className\": \"m-0\",\n      \"labelClassName\": \"text-left\",\n      \"id\": \"u:cfaeb2f857a8\",\n      \"joinValues\": false,\n      \"extractValue\": true,\n      \"labelField\": \"label\",\n      \"valueField\": \"value\",\n      \"multiple\": true,\n      \"checkAll\": false,\n      \"searchable\": true,\n      \"menuTpl\": \"\",\n      \"source\": {\n        \"method\": \"get\",\n        \"url\": \"${context.rootUrl}/service/api/amis-metadata-objects/objects/options\",\n        \"messages\": {},\n        \"headers\": {\n          \"Authorization\": \"Bearer ${context.tenantId},${context.authToken}\"\n        }\n      },\n      \"autoComplete\": \"\"\n    }\n  }\n}",
-        "enableTabs": true,
-        "debug": false,
-        "initApiRequestAdaptor": "",
-        "initApiAdaptor": "var data = payload.data;\nif (data.tab_items && !_.isArray(data.tab_items)) {\n    // 数据库中存储的是对象格式而不是数组，转换为数组用于界面显示\n    let arrTabItems = [];\n    _.each(data.tab_items, function (n, k) {\n        n.tab_name = k;\n        delete n.index;\n        arrTabItems.push(n);\n    });\n    data.tab_items = arrTabItems;\n}\nif (data._id && !data.tab_items) {\n    const tabOptions = data.tabs_options || [];\n    const tabItems = [];\n    // 把应用中原来tabs属性值添加到新的tab_items属性的默认值中\n    if (data.tabs && data.tabs.length) {\n        data.tabs.forEach(function (item) {\n            tabItems.push({ tab_name: item });\n        });\n    }\n    const pushObjectsToTabItems = function (objects) {\n        objects.forEach(function (item) {\n            // 已经有绑定到指定对象的选项卡就不添加\n            let existObjectItem = !!tabItems.find(function (tabItem) {\n                return !!tabOptions.find(function (option) {\n                    return tabItem.tab_name === tabItem.value && option.object === item;\n                });\n            });\n            if (existObjectItem) {\n                return;\n            }\n            // 找到指向指定对象的选项卡\n            let tempOption = tabOptions.find(function (option) {\n                return option.type === \"object\" && option.object === item;\n            });\n            if (!tempOption) {\n                return;\n            }\n            // 选项卡名称如果重复了就不添加\n            let existTabItem = !!tabItems.find(function (tabItem) {\n                return tabItem.tab_name === tempOption.value;\n            });\n            if (existTabItem) {\n                return;\n            }\n            if (tempOption) {\n                tabItems.push({ tab_name: tempOption.value });\n            }\n        });\n    }\n    // 把应用中原来objects属性值添加到新的tab_items属性的默认值中\n    if (data.objects && data.objects.length) {\n        pushObjectsToTabItems(data.objects);\n    }\n    // 把应用中原来mobile_objects属性值添加到新的tab_items属性的默认值中\n    if (data.mobile_objects && data.mobile_objects.length) {\n        pushObjectsToTabItems(data.mobile_objects);\n    }\n    data.tab_items = tabItems;\n}\n\npayload.data = data;\ndelete payload.extensions;\nreturn payload;\n        ",
-        "apiRequestAdaptor": "delete formData.tabs_options;\nconst recordId = formData.recordId;\n\n// 新加字段tab_items，值同步回传到老字段tabs中兼容老UI界面\nformData.tabs = [];\nif (formData.tab_items && formData.tab_items.length) { \n    formData.tabs = formData.tab_items.map(function (item) { return item.tab_name; });\n}\n\n/*\ntab_items存储为：\ntab_items: {\n  test1:{\n    group:\"xxx\"\n  },\n  test3:{\n    group:\"yyy\"\n  }\n}\n而不是：\ntab_items: [\n  {\n    \"index\":1,\n    \"group\":\"xxx\"\n  },\n  {\n    \"index\":2,\n    \"group\":\"yyy\"\n  }\n]\n*/\nif (formData.tab_items) { \n    formData.tab_items = _.keyBy(formData.tab_items, \"tab_name\")\n    let tempIndex = 0;\n    _.each(formData.tab_items, function (n, k) {\n      tempIndex++;\n      n.index = tempIndex;\n      delete n.tab_name;\n    });\n}\n\nquery = `mutation{record: ${objectName}__insert(doc: {__saveData}){_id}}`;\nif(recordId){\n    query = `mutation{record: ${objectName}__update(id: \"${recordId}\", doc: {__saveData}){_id}}`;\n};\n__saveData = JSON.stringify(JSON.stringify(formData));\n\napi.data = {query: query.replace('{__saveData}', __saveData)};\nreturn api;\n",
-        "apiAdaptor": "",
-        "form": {
-          "id": "object_form"
+  "type": "page",
+  "title": "Welcome to Steedos",
+  "body": [
+    {
+      "type": "steedos-object-form",
+      "className": "sm:border sm:rounded sm:border-gray-300 bg-white p-4",
+      "label": "对象表单",
+      "objectApiName": "apps",
+      "recordId": "${recordId}",
+      "mode": "edit",
+      "fieldsExtend": {
+        "tab_items": {
+          "amis": {
+            "name": "tab_items",
+            "type": "crud",
+            "source": "${tab_items}",
+            "strictMode": true,
+            "affixHeader": false,
+            "editable": true,
+            "addable": false,
+            "removable": true,
+            "draggable": false,
+            "headerToolbarClassName": "px-1 pb-3",
+            "columns": [
+              {
+                "name": "index",
+                "label": "${'apps.apps_form.tab_number'| t}",
+                "type": "tpl",
+                "tpl": "${index+1}",
+                "className": "w-10",
+                "id": "u:c59784421c37"
+              },
+              {
+                "name": "tab_name_label",
+                "label": "${'apps.apps_form.tab' | t}",
+                "type": "tpl",
+                "id": "u:b95c69a1cd84",
+                "tpl": "${tabs_options|filter:value:equals:tab_name|pick:label}"
+              },
+              {
+                "name": "group",
+                "label": "${'apps.apps_form.tab_grouping' | t}",
+                "id": "u:e532b1949676",
+                "quickEdit": {
+                  "type": "select",
+                  "name": "group",
+                  "className": "m-0",
+                  "onEvent": {
+                    "change": {
+                      "actions": [
+                        {
+                          "actionType": "custom",
+                          "script": "const tabGroupKey = \"group\";const getTabsSortFun = function (groupNames) {  return function (m, n) {    var tempM = !!m[tabGroupKey] ? 1 : 0;    var tempN = !!n[tabGroupKey] ? 1 : 0;    if (!m[tabGroupKey] || !n[tabGroupKey]) {      return tempM - tempN;    }    return groupNames.indexOf(m[tabGroupKey]) - groupNames.indexOf(n[tabGroupKey]);  };};const quickEidtSaveForTab = function (input, prop_name) {  const currentPropValue = input.value;  const rowValue = input.__super;  const formValue = input.__super.__super.__super;  const tab_name = rowValue.tab_name;  rowValue[prop_name] = currentPropValue;  delete rowValue.index;  let newTabs = formValue.tab_items.map(function (item) {    if (item.tab_name == tab_name) {      return Object.assign({}, item, rowValue);    }    else {      return item;    }  });  const tabGroups = input.__super.__super.tab_groups;  const groupNames = _.compact(_.map(tabGroups, \"group_name\"));  if (groupNames && groupNames.length) {    newTabs.sort(getTabsSortFun(groupNames));  }  return {    tab_items: newTabs  }};const eventData = event.data;const newTabTtemsProp = quickEidtSaveForTab(eventData, \"group\");setTimeout(function () {   doAction({    actionType: 'setValue',    componentId: \"object_form\",    args: {      value: newTabTtemsProp    }  });},300);"
+                        }
+                      ]
+                    }
+                  },
+                  "source": "${tab_groups|pick:group_name}",
+                  "checkAll": false,
+                  "selectFirst": false,
+                  "searchable": true,
+                  "clearable": true,
+                  "id": "u:8b3d6979e884",
+                  "multiple": false,
+                  "mode": "inline"
+                },
+                "placeholder": "-"
+              },
+              {
+                "name": "tab_name_desktop",
+                "label": "${'apps.apps_form.tab_desktop' | t}",
+                "type": "tpl",
+                "id": "u:b95c69a1cd84",
+                "tpl": "${tabs_options|filter:value:equals:tab_name|first|pick:desktop|isTrue:'✔':'✘'}",
+                "placeholder": "-",
+                "remark": "${'apps.apps_form.tab_desktop_remark' | t}"
+              },
+              {
+                "name": "tab_name_mobile",
+                "label": "${'apps.apps_form.tab_mobile' | t}",
+                "type": "tpl",
+                "id": "u:b95c69a1cd84",
+                "tpl": "${tabs_options|filter:value:equals:tab_name|first|pick:mobile|isTrue:'✔':'✘'}",
+                "placeholder": "-",
+                "remark": "${'apps.apps_form.tab_mobile_remark' | t}"
+              }
+            ],
+            "headerToolbar": [
+              {
+                "type": "service",
+                "id": "tabs-options-service",
+                "body": [
+                  {
+                    "type": "button",
+                    "id": "u:a35a2276145d",
+                    "label": "${'apps.apps_form.tab_generate' | t}",
+                    "onEvent": {
+                      "click": {
+                        "actions": [
+                          {
+                            "script": "const appId = null;  const page = Steedos.Page.getPage('app', appId, null, null, 'generate_object_tabs');  if (page && page.schema) {    const pageSchema = JSON.parse(page.schema);    let formSchema = pageSchema.body[0];    formSchema.canAccessSuperData = false;    formSchema.wrapWithPanel = false;    formSchema.className = 'steedos-amis-form';    const title = t('apps.apps_form.tab_generate_title');    doAction({      'actionType': 'dialog',      'dialog': {        'type': 'dialog',        'title': title,        'body': formSchema,        'size': 'lg'      }    });  }",
+                            "actionType": "custom"
+                          }
+                        ],
+                        "weight": 0
+                      }
+                    },
+                    "tpl": "内容"
+                  },
+                  {
+                    "type": "button",
+                    "label": "${'apps.apps_form.tab_set' | t}",
+                    "id": "u:853b890ab524",
+                    "actionType": "dialog",
+                    "dialog": {
+                      "type": "dialog",
+                      "title": "${'apps.apps_form.tab_set' | t}",
+                      "body": [
+                        {
+                          "type": "transfer",
+                          "name": "picked_tabs",
+                          "value": "${tab_items|pick:tab_name}",
+                          "sortable": true,
+                          "source": "${tabs_options}",
+                          "searchable": true,
+                          "id": "u:f2d36873abd1"
+                        }
+                      ],
+                      "onEvent": {
+                        "confirm": {
+                          "actions": [
+                            {
+                              "actionType": "custom",
+                              "script": "const tabGroupKey = 'group';const getTabsSortFun = function (groupNames) {  return function (m, n) {    var tempM = !!m[tabGroupKey] ? 1 : 0;    var tempN = !!n[tabGroupKey] ? 1 : 0;    if (!m[tabGroupKey] || !n[tabGroupKey]) {      return tempM - tempN;    }    return groupNames.indexOf(m[tabGroupKey]) - groupNames.indexOf(n[tabGroupKey]);  };};const clearTabs = function (input) {   return {    tab_items: []  }};const convertDataForTabs = function (input) {  let pickedTabs = input.picked_tabs || [];  const superTabs = _.keyBy(input.__super.__super.tab_items, 'tab_name');  if (typeof pickedTabs === 'string') {    pickedTabs = pickedTabs.split(',');  } const tabOptions = _.keyBy(input.__super.tabs_options, 'value');  const convertedTabs = pickedTabs.map(function (tab_name) {    const superTab = superTabs[tab_name];    if (superTab) {      return superTab;    }    else {      const tabOption = tabOptions[tab_name];      return {        tab_name: tab_name,        group: tabOption.group      }    }  });   const tabGroups = input.__super.__super.tab_groups;   const groupNames = _.compact(_.map(tabGroups, 'group_name'));   if (groupNames && groupNames.length) {     convertedTabs.sort(getTabsSortFun(groupNames));   }  return {    tab_items: convertedTabs  }};const eventData = event.data;doAction({  actionType: 'setValue',  componentId: 'object_form',  args: {    value: convertDataForTabs(eventData)  }});doAction({  actionType: 'setValue',  componentId: 'tabs-options-service',  args: {    value: convertDataForTabs(eventData)  }});"
+                            }
+                          ]
+                        }
+                      },
+                      "size": "lg",
+                      "id": "u:9c93896a73cf",
+                      "closeOnEsc": false,
+                      "closeOnOutside": false,
+                      "showCloseButton": true,
+                      "showErrorMsg": true,
+                      "showLoading": true,
+                      "dataMapSwitch": false
+                    }
+                  },
+                  {
+                    "type": "button",
+                    "label": "${'apps.apps_form.tab_grouping_set' | t}",
+                    "actionType": "dialog",
+                    "dialog": {
+                      "title": "${'apps.apps_form.tab_grouping_set' | t}",
+                      "body": [
+                        {
+                          "type": "input-table",
+                          "name": "setting_groups",
+                          "value": "${tab_groups}",
+                          "addable": true,
+                          "draggable": true,
+                          "editable": true,
+                          "needConfirm": false,
+                          "columns": [
+                            {
+                              "name": "group_name",
+                              "label": "${'apps.apps_form.tab_grouping_name' | t}",
+                              "id": "u:383c7744b499"
+                            },
+                            {
+                              "name": "default_open",
+                              "label": "${'apps.apps_form.tab_grouping_open' | t}",
+                              "id": "u:7a243c84ed66",
+                              "type": "checkbox",
+                              "value": true
+                            }
+                          ],
+                          "removable": true,
+                          "id": "setting_groups"
+                        }
+                      ],
+                      "onEvent": {
+                        "confirm": {
+                          "actions": [
+                            {
+                              "actionType": "custom",
+                              "script": "const tabGroupKey = 'group';const getTabsSortFun = function (groupNames) { return function (m, n) { var tempM = !!m[tabGroupKey] ? 1 : 0; var tempN = !!n[tabGroupKey] ? 1 : 0; if (!m[tabGroupKey] || !n[tabGroupKey]) { return tempM - tempN; } return groupNames.indexOf(m[tabGroupKey]) - groupNames.indexOf(n[tabGroupKey]); };};const clearTabs = function (input) { return { tab_items: [] }};const convertDataForGroups = function(input) { const settingGroups = input.setting_groups || []; const convertedGroups = _.uniqBy(settingGroups.map(function (item) { return { group_name: item.group_name, default_open: item.default_open } }), 'group_name'); const groupNames = _.compact(_.map(convertedGroups, 'group_name')); const tab_items = input.tab_items; tab_items?.sort(getTabsSortFun(groupNames)); return { tab_groups: convertedGroups, tab_items: tab_items }};const eventData = event.data;doAction({ actionType: 'setValue', componentId: 'object_form', args: { value: convertDataForGroups(eventData) }});"
+                            }
+                          ]
+                        }
+                      },
+                      "type": "dialog",
+                      "size": "lg",
+                      "id": "setting_groups",
+                      "closeOnEsc": false,
+                      "closeOnOutside": false,
+                      "showCloseButton": true,
+                      "showErrorMsg": true,
+                      "showLoading": true,
+                      "dataMapSwitch": false
+                    },
+                    "id": "u:111b043b193c"
+                  }
+                ],
+                "messages": {},
+                "api": {
+                  "method": "post",
+                  "url": "${context.rootUrl}/graphql",
+                  "adaptor": "let data = payload.data;\ndata.tabs_options = [];\nif (data.options && data.options.length) {\n  data.tabs_options = data.options.map(function (option) {\n    option.label = option.label + '(' + option.value + ')';\n    return option;\n  });\n}\nif (!api.body.recordId) {\n  const defaultValues = {\n    is_creator: true,\n    mobile: true,\n    visible: true,\n    sort: 9100\n  };\n  data = Object.assign({}, data, defaultValues);\n}\ndelete data.options;\npayload.data = data;\nreturn payload;  ",
+                  "data": {
+                    "query": "{options:tabs{_id label:label value:name,type,object,desktop,mobile}}",
+                    "recordId": "${recordId}"
+                  },
+                  "headers": {
+                    "Authorization": "Bearer ${context.tenantId},${context.authToken}"
+                  },
+                  "messages": {},
+                  "requestAdaptor": ""
+                }
+              }
+            ]
+          }
         },
-        "id": "u:e1c1a841d373"
-      }
-    ],
-    "regions": [
-      "body"
-    ],
-    "data": {
-      "objectName": "apps",
-      "initialValues": {
+        "objects": {
+          "amis": {
+            "name": "objects",
+            "type": "select",
+            "className": "m-0",
+            "labelClassName": "text-left",
+            "id": "u:4e5047e44905",
+            "joinValues": false,
+            "extractValue": true,
+            "labelField": "label",
+            "valueField": "value",
+            "multiple": true,
+            "checkAll": false,
+            "searchable": true,
+            "menuTpl": "",
+            "source": {
+              "method": "get",
+              "url": "${context.rootUrl}/service/api/amis-metadata-objects/objects/options",
+              "headers": {
+                "Authorization": "Bearer ${context.tenantId},${context.authToken}"
+              }
+            },
+            "autoComplete": ""
+          }
+        },
+        "mobile_objects": {
+          "amis": {
+            "name": "mobile_objects",
+            "type": "select",
+            "className": "m-0",
+            "labelClassName": "text-left",
+            "id": "u:cfaeb2f857a8",
+            "joinValues": false,
+            "extractValue": true,
+            "labelField": "label",
+            "valueField": "value",
+            "multiple": true,
+            "checkAll": false,
+            "searchable": true,
+            "menuTpl": "",
+            "source": {
+              "method": "get",
+              "url": "${context.rootUrl}/service/api/amis-metadata-objects/objects/options",
+              "messages": {},
+              "headers": {
+                "Authorization": "Bearer ${context.tenantId},${context.authToken}"
+              }
+            },
+            "autoComplete": ""
+          }
+        }
+      },
+      "enableTabs": true,
+      "debug": false,
+      "initApiRequestAdaptor": "",
+      "initApiAdaptor": "var data = payload.data;\nif (data.tab_items && !_.isArray(data.tab_items)) {\n    // 数据库中存储的是对象格式而不是数组，转换为数组用于界面显示\n    let arrTabItems = [];\n    _.each(data.tab_items, function (n, k) {\n        n.tab_name = k;\n        delete n.index;\n        arrTabItems.push(n);\n    });\n    data.tab_items = arrTabItems;\n}\nif (data._id && !data.tab_items) {\n    const tabOptions = data.tabs_options || [];\n    const tabItems = [];\n    // 把应用中原来tabs属性值添加到新的tab_items属性的默认值中\n    if (data.tabs && data.tabs.length) {\n        data.tabs.forEach(function (item) {\n            tabItems.push({ tab_name: item });\n        });\n    }\n    const pushObjectsToTabItems = function (objects) {\n        objects.forEach(function (item) {\n            // 已经有绑定到指定对象的选项卡就不添加\n            let existObjectItem = !!tabItems.find(function (tabItem) {\n                return !!tabOptions.find(function (option) {\n                    return tabItem.tab_name === tabItem.value && option.object === item;\n                });\n            });\n            if (existObjectItem) {\n                return;\n            }\n            // 找到指向指定对象的选项卡\n            let tempOption = tabOptions.find(function (option) {\n                return option.type === \"object\" && option.object === item;\n            });\n            if (!tempOption) {\n                return;\n            }\n            // 选项卡名称如果重复了就不添加\n            let existTabItem = !!tabItems.find(function (tabItem) {\n                return tabItem.tab_name === tempOption.value;\n            });\n            if (existTabItem) {\n                return;\n            }\n            if (tempOption) {\n                tabItems.push({ tab_name: tempOption.value });\n            }\n        });\n    }\n    // 把应用中原来objects属性值添加到新的tab_items属性的默认值中\n    if (data.objects && data.objects.length) {\n        pushObjectsToTabItems(data.objects);\n    }\n    // 把应用中原来mobile_objects属性值添加到新的tab_items属性的默认值中\n    if (data.mobile_objects && data.mobile_objects.length) {\n        pushObjectsToTabItems(data.mobile_objects);\n    }\n    data.tab_items = tabItems;\n}\n\npayload.data = data;\ndelete payload.extensions;\nreturn payload;\n        ",
+      "apiRequestAdaptor": "delete formData.tabs_options;\nconst recordId = formData.recordId;\n\n// 新加字段tab_items，值同步回传到老字段tabs中兼容老UI界面\nformData.tabs = [];\nif (formData.tab_items && formData.tab_items.length) { \n    formData.tabs = formData.tab_items.map(function (item) { return item.tab_name; });\n}\n\n/*\ntab_items存储为：\ntab_items: {\n  test1:{\n    group:\"xxx\"\n  },\n  test3:{\n    group:\"yyy\"\n  }\n}\n而不是：\ntab_items: [\n  {\n    \"index\":1,\n    \"group\":\"xxx\"\n  },\n  {\n    \"index\":2,\n    \"group\":\"yyy\"\n  }\n]\n*/\nif (formData.tab_items) { \n    formData.tab_items = _.keyBy(formData.tab_items, \"tab_name\")\n    let tempIndex = 0;\n    _.each(formData.tab_items, function (n, k) {\n      tempIndex++;\n      n.index = tempIndex;\n      delete n.tab_name;\n    });\n}\n\nquery = `mutation{record: ${objectName}__insert(doc: {__saveData}){_id}}`;\nif(recordId){\n    query = `mutation{record: ${objectName}__update(id: \"${recordId}\", doc: {__saveData}){_id}}`;\n};\n__saveData = JSON.stringify(JSON.stringify(formData));\n\napi.data = {query: query.replace('{__saveData}', __saveData)};\nreturn api;\n",
+      "apiAdaptor": "",
+      "form": {
+        "id": "object_form"
       },
-      "appId": "builder",
-      "title": "",
-      "context": {
-        "rootUrl": "http://127.0.0.1:5800",
-        "tenantId": "649bd0e96d6ec67c19dca38f",
-        "userId": "30e565d1-f2d3-4bb7-8895-8a16ab436c1a",
-        "authToken": "b65ec19a85dcf7899b663b85f65c606c05e2ab73d86482c299904d9ebdc81211c0cd407df26ac43fbfea20"
-      }
-    },
-    "id": "u:de840f3523f2"
-  }
+      "id": "u:e1c1a841d373",
+      "tabsMode": "line"
+    }
+  ],
+  "regions": [
+    "body"
+  ],
+  "data": {
+    "objectName": "apps",
+    "initialValues": {},
+    "appId": "builder",
+    "title": "",
+    "context": {
+      "rootUrl": "http://127.0.0.1:5800",
+      "tenantId": "64a4d6dd7fe9acaf8c330a37",
+      "userId": "683e09cd-8482-4034-bd29-5a30643e6c0f",
+      "authToken": "2906ff4353c25cfe291352f899ba3446aa5577f3de7ad60e1aa500c60dee7ca6fb446412f1c9693775b4cc"
+    }
+  },
+  "id": "u:de840f3523f2"
+}