@steedos-widgets/amis-object 3.6.15 → 6.3.0-beta.11

package/dist/amis-object.cjs.js

@@ -3751,10 +3751,23 @@ function getNameTpl(field, ctx){
     if(ctx && ctx.isLookup){
         linkTarget = "target='_blank'";
     }
+    let nameLabel = field.name;
+    //若字段类型是lookup，则按照相关表tpl的label规则显示；若是其它类型，则显示_display或字段本身的值
+    if (field.type == "lookup") {
+        if(!field.reference_to && (field.optionsFunction || field._optionsFunction || field.options)){
+            if(!field.isTableField){
+                nameLabel = `\${${field.name}__label}`;
+            }
+        } else {
+            nameLabel = `\${_display.${field.name}.label}`;
+        }
+    } else {
+        nameLabel = `\${_display.${field.name} || ${field.name}}`;
+    }
     if(ctx.isRelated && window.innerWidth >= 768){
-        return `<a href="${href}" ${linkTarget} onclick="return false;">\${${field.name} | raw}</a>`
+        return `<a href="${href}" ${linkTarget} onclick="return false;">\${${nameLabel} | raw}</a>`
     }else {
-        return `<a href="${href}" ${linkTarget}>\${${field.name} | raw}</a>`
+        return `<a href="${href}" ${linkTarget}>\${${nameLabel} | raw}</a>`
     }
 }
 
@@ -3879,7 +3892,7 @@ function getLocationTpl(field){
 }
 
 async function getFieldTpl (field, options){
-    if((field.is_name || field.name === options.labelFieldName) && !options.onlyDisplayLookLabel){
+    if((field.is_name || field.name === options.labelFieldName) && !options.onlyDisplayLookLabel && field.multiple !== true){
         return getNameTpl(field, options)
     }
     switch (field.type) {
@@ -3920,7 +3933,7 @@ async function getFieldsTemplate(fields, display){
     if(display != false){
         display = true;
     }
-    let fieldsName = ['_id'];
+    let fieldsName = ['_id', 'space'];
     let displayFields = [];
     let fieldsArr = [];
     if(_$1__namespace.isArray(fields)){
@@ -4841,6 +4854,29 @@ instance
     }
   });
 
+/*
+ * @Author: baozhoutao@steedos.com
+ * @Date: 2022-07-13 15:18:03
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2023-04-11 10:34:26
+ * @Description: 
+ */
+
+async function getPage({type, pageId = '', appId, objectName = '', recordId = '', formFactor = 'LARGE'}){
+    const api = `/api/pageSchema/${type}?app=${appId}&objectApiName=${objectName}&recordId=${recordId}&pageId=${pageId}&formFactor=${formFactor}`;
+    const page = await fetchAPI(api);
+    if (page && page.schema) {
+        page.schema = JSON.parse(page.schema);
+        if(page.schema.data){
+            delete page.schema.data.recordId;
+            delete page.schema.data.objectName;
+            delete page.schema.data.context;
+            delete page.schema.data.global;
+        }
+        return page;
+    }
+}
+
 async function getQuickEditSchema(object, columnField, options){
     let field = object.fields[columnField.name];
     //判断在amis3.2以上环境下，放开批量编辑与lookup的单元格编辑
@@ -5475,20 +5511,26 @@ async function getTableColumns$1(object, fields, options){
                 }
 
                 if(window.innerWidth >= 768 && ((field.is_name || field.name === options.labelFieldName) || ((field.type == 'lookup' || field.type == 'master_detail') && _$1__namespace.isString(field.reference_to) && field.multiple != true)) && options.isRelated){
-                    
-                    const drawerRecordDetailSchema = {
+                    const recordPage = await getPage({ type: 'record', appId: options.appId, objectName: options.objectName, formFactor: options.formFactor });
+                    const drawerRecordDetailSchema = recordPage ? Object.assign({}, recordPage.schema, {
+                        "recordId": `\${${options.idFieldName}}`,
+                        "data": {
+                            ...recordPage.schema.data,
+                            "_inDrawer": true,  // 用于判断是否在抽屉中
+                            "recordLoaded": false, // 重置数据加载状态
+                        }
+                    }) : {
                         "type": "steedos-record-detail",
                         "objectApiName": "${objectName}",
                         "recordId": `\${${options.idFieldName}}`,
                         "showBackButton": false,
                         "showButtons": true,
                         "data": {
-                          "_inDrawer": true,  // 用于判断是否在抽屉中
-                          "recordLoaded": false, // 重置数据加载状态
+                            "_inDrawer": true,  // 用于判断是否在抽屉中
+                            "recordLoaded": false, // 重置数据加载状态
                         }
                     };
 
-
                     if(!(field.is_name || field.name === options.labelFieldName)){
                         drawerRecordDetailSchema.objectApiName = field.reference_to;
                         drawerRecordDetailSchema.recordId = `\${_display.${field.name}.value}`;
@@ -5504,7 +5546,7 @@ async function getTableColumns$1(object, fields, options){
                                   "title": "&nbsp;",
                                   "headerClassName": "hidden",
                                   "size": "lg",
-                                  "bodyClassName": "p-0 m-0",
+                                  "bodyClassName": "p-0 m-0 bg-gray-100",
                                   "closeOnEsc": true,
                                   "closeOnOutside": true,
                                   "resizable": true,
@@ -6440,6 +6482,19 @@ function getReadonlyFormAdaptor(object, fields, options){
     // })
 
     var fieldNames = _$1__namespace.map(fields, function(n){return n.name});
+    var nameField = object.fields[object.NAME_FIELD_KEY];
+    let nameLabel = nameField && nameField.name;
+    if (nameField && nameField.type == "lookup") {
+        if(!nameField.reference_to && (nameField.optionsFunction || nameField._optionsFunction || nameField.options)){
+            if(!nameField.isTableField){
+                nameLabel = `record.${nameField.name}__label`;
+            }
+        } else {
+            nameLabel = `record._display.${nameField.name}.label`;
+        }
+    } else if (nameField){
+        nameLabel = `record._display.${nameField.name} || record.${nameField.name}`;
+    }
     return  `
     if(payload.data.data.length === 0){
         var isEditor = !!${options && options.isEditor};
@@ -6481,8 +6536,7 @@ function getReadonlyFormAdaptor(object, fields, options){
         payload.data = data;
         payload.data.__objectName = "${object.name}";
         payload.data.record = record;
-
-        payload.data.NAME_FIELD_VALUE = record.${object.NAME_FIELD_KEY || 'name'};
+        payload.data.NAME_FIELD_VALUE = ${nameLabel} || record.name;
         payload.data._master = {
             record: record,
             objectName: "${object.name}",
@@ -7949,7 +8003,8 @@ const getSchema$5 = async (uiSchema, ctx) => {
                                             type: 'button',
                                             actionType: 'confirm',
                                             label: instance.t('frontend_form_save'),
-                                            primary: true
+                                            primary: true,
+                                            close: `object_actions_drawer_${uiSchema.name}`
                                         },
                                     ]
                                 }
@@ -7967,29 +8022,6 @@ const getSchema$5 = async (uiSchema, ctx) => {
     }
 };
 
-/*
- * @Author: baozhoutao@steedos.com
- * @Date: 2022-07-13 15:18:03
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2023-04-11 10:34:26
- * @Description: 
- */
-
-async function getPage({type, pageId = '', appId, objectName = '', recordId = '', formFactor = 'LARGE'}){
-    const api = `/api/pageSchema/${type}?app=${appId}&objectApiName=${objectName}&recordId=${recordId}&pageId=${pageId}&formFactor=${formFactor}`;
-    const page = await fetchAPI(api);
-    if (page && page.schema) {
-        page.schema = JSON.parse(page.schema);
-        if(page.schema.data){
-            delete page.schema.data.recordId;
-            delete page.schema.data.objectName;
-            delete page.schema.data.context;
-            delete page.schema.data.global;
-        }
-        return page;
-    }
-}
-
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-11-01 15:49:58
@@ -8068,6 +8100,20 @@ const getSchema$4 = async (uiSchema, ctx) => {
                       ]
                     }
                   },
+                  "actions": [
+                    {
+                        type: 'button',
+                        actionType: 'cancel',
+                        label: instance.t('frontend_form_cancel')
+                    },
+                    {
+                        type: 'button',
+                        actionType: 'confirm',
+                        label: instance.t('frontend_form_save'),
+                        primary: true,
+                        close: `object_actions_drawer_${uiSchema.name}`
+                    },
+                  ]
                 },
               },
             ],
@@ -8149,7 +8195,8 @@ const getSchema$3 = (uiSchema)=>{
                             }
                           ]
                     }
-                }
+                },
+                "close": `object_actions_drawer_${uiSchema.name}`
             }
         ],
         "regions": [
@@ -12084,10 +12131,6 @@ async function getObjectCRUD(objectSchema, fields, options){
             }
         }
       `;
-      let autoFillHeight = true;
-      if(options.isRelated || window.innerWidth < 768){
-        autoFillHeight = false;
-      }
 
       body = Object.assign({}, table, {
         type: 'crud', 
@@ -12098,7 +12141,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         keepItemSelectionOnPageChange: true, 
         api: await getTableApi(objectSchema, fields, options),
         hiddenOn: options.tableHiddenOn,
-        autoFillHeight,
+        // autoFillHeight,//autoFillHeight按amis规范默认为false，需要配置此属性时在各个组件层配置，比如列表视图组件那边传入此属性为true
         className: `flex-auto ${crudClassName || ""}`,
         // 这里不可以用动态className，因为它会把样式类加到.antd-Crud和.antd-Table.antd-Crud-body这两层div中，而子表列表中crudClassName中有hidden样式类会造成所有子表都不显示的bug
         // className: {
@@ -12271,6 +12314,10 @@ async function getFormSchemaWithDataFilter(form, options = {}){
 async function getObjectForm(objectSchema, ctx){
     const { recordId, formFactor, layout = formFactor === 'SMALL' ? 'normal' : "horizontal", labelAlign, tabId, appId, defaults, submitSuccActions = [], 
       formDataFilter, onFormDataFilter, amisData, env } = ctx;
+    //优先识别组件上的enableTabs属性，若不存在，则识别对象上定义的
+    if (typeof ctx.enableTabs !== 'boolean') {
+      ctx.enableTabs = objectSchema.enable_form_tabs;
+    }
     const fields = _$1__default["default"].values(objectSchema.fields);
     const formFields = getFormFields$1(objectSchema, ctx);
     const formSchema =  defaults && defaults.formSchema || {};
@@ -12364,7 +12411,7 @@ async function getObjectForm(objectSchema, ctx){
 
 async function getObjectDetail(objectSchema, recordId, ctx){
     const { formFactor, layout = formFactor === 'SMALL' ? 'normal' : "horizontal", labelAlign, 
-      formDataFilter, onFormDataFilter, amisData, env } = ctx;
+      formDataFilter, onFormDataFilter, amisData, env, enableInitApi } = ctx;
     const fields = _$1__default["default"].values(objectSchema.fields);
     const formFields = getFormFields$1(objectSchema, ctx);
     const serviceId = `service_detail_page`;
@@ -12431,6 +12478,16 @@ async function getObjectDetail(objectSchema, recordId, ctx){
         // }
     };
 
+    if(enableInitApi){
+      amisSchema.api = await getReadonlyFormInitApi(objectSchema, recordId, fields, ctx);
+      // 开启初始化api请求时，如果不把recordLoaded默认设置为false，recordLoaded值会取RecordServic组件中的recordLoaded值
+      // 这会造成表单内steedos field组件lookup字段中props.data取到的是RecordServic组件
+      amisSchema.data = {
+        ...amisSchema.data,
+        recordLoaded: false
+      };
+    }
+
     amisSchema.body[0].body = await getFormSchemaWithDataFilter(amisSchema.body[0].body, { formDataFilter, onFormDataFilter, amisData, env });
     // console.log('getObjectDetail=====>', amisSchema);
     return amisSchema;
@@ -12922,7 +12979,7 @@ async function getObjectRelatedListsMiniSchema(objectApiName){
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2024-02-23 16:37:06
+ * @LastEditTime: 2024-04-26 16:46:44
  * @Description:
  */
 
@@ -13187,37 +13244,44 @@ async function getListSchema(
      * 本次存储代码段
      */
     try {
-      const listViewPropsStoreKey = location.pathname + "/crud";
-      let localListViewProps = sessionStorage.getItem(listViewPropsStoreKey);
-      /**
-       * localListViewProps规范来自crud请求api中api.data.$self参数值的。
-       * 比如：{"perPage":20,"page":1,"__searchable__name":"7","__searchable__between__n1__c":[null,null],"filter":[["name","contains","a"]]}
-       * __searchable__...:顶部放大镜搜索条件
-       * filter:右侧过滤器
-       * perPage:每页条数
-       * page:当前页码
-       * orderBy:排序字段
-       * orderDir:排序方向
-       */
-      if (localListViewProps) {
-        localListViewProps = JSON.parse(localListViewProps);
-        // localListViewProps.perPage = 3;
-        let listSchema = {};
-        if(localListViewProps.orderBy){
-            listSchema.orderBy = localListViewProps.orderBy;
-        }
-        if(localListViewProps.orderDir){
-            listSchema.orderDir = localListViewProps.orderDir;
-        }
+        const listViewPropsStoreKey = location.pathname + "/crud";
+        let localListViewProps = sessionStorage.getItem(listViewPropsStoreKey);
+        /**
+         * localListViewProps规范来自crud请求api中api.data.$self参数值的。
+         * 比如：{"perPage":20,"page":1,"__searchable__name":"7","__searchable__between__n1__c":[null,null],"filter":[["name","contains","a"]]}
+         * __searchable__...:顶部放大镜搜索条件
+         * filter:右侧过滤器
+         * perPage:每页条数
+         * page:当前页码
+         * orderBy:排序字段
+         * orderDir:排序方向
+         */
+        if (localListViewProps) {
+            localListViewProps = JSON.parse(localListViewProps);
+            // localListViewProps.perPage = 3;
+            let listSchema = {};
+            if (localListViewProps.orderBy) {
+                listSchema.orderBy = localListViewProps.orderBy;
+            }
+            if (localListViewProps.orderDir) {
+                listSchema.orderDir = localListViewProps.orderDir;
+            }
 
-        if(localListViewProps.perPage){
-            listSchema.perPage = localListViewProps.perPage;
+            if (localListViewProps.perPage) {
+                listSchema.perPage = localListViewProps.perPage;
+            }
+            defaults.listSchema = _$1.defaultsDeep({}, listSchema, defaults.listSchema || {});
         }
-        defaults.listSchema = _$1.defaultsDeep({}, listSchema, defaults.listSchema || {});
-      }
     }
     catch (ex) {
-      console.error("本地存储中crud参数解析异常：", ex);
+        console.error("本地存储中crud参数解析异常：", ex);
+    }
+
+    if (window.innerWidth > 768) {
+        // 列表视图组件PC端高度自动计算实现满屏效果，手机端不需要满屏效果，所以不用autofillheight，且允许重写微页面中重新组件autoFillHeight属性
+        defaults.listSchema = _$1.defaultsDeep({}, defaults.listSchema || {}, {
+            autoFillHeight: true
+        });
     }
 
     ctx.defaults = defaults;
@@ -13267,15 +13331,15 @@ async function getListSchema(
 async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
     let fields = [];
     for (const column of columns) {
+        let columnField, fieldName, displayName, filedInfo, rfUiSchema, rfFieldInfo;
         if (_$1.isString(column)) {
-            let columnField;
             if (column.indexOf('.') > 0) {
-                const fieldName = column.split('.')[0];
-                const displayName = column.split('.')[1];
-                const filedInfo = uiSchema.fields[fieldName];
+                fieldName = column.split('.')[0];
+                displayName = column.split('.')[1];
+                filedInfo = uiSchema.fields[fieldName];
                 if (filedInfo && (filedInfo.type === 'lookup' || filedInfo.type === 'master_detail') && _$1.isString(filedInfo.reference_to)) {
-                    const rfUiSchema = await getUISchema(filedInfo.reference_to);
-                    const rfFieldInfo = rfUiSchema.fields[displayName];
+                    rfUiSchema = await getUISchema(filedInfo.reference_to);
+                    rfFieldInfo = rfUiSchema.fields[displayName];
                     columnField = Object.assign({}, rfFieldInfo, { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } }, ctx);
                 }else if(filedInfo && filedInfo.type === 'object'){
                     columnField = uiSchema.fields[column];
@@ -13299,14 +13363,13 @@ async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
             }
 
         } else if (_$1.isObject(column)) {
-            let columnField;
             if (column.field.indexOf('.') > 0) {
-                const fieldName = column.field.split('.')[0];
-                const displayName = column.field.split('.')[1];
-                const filedInfo = uiSchema.fields[fieldName];
+                fieldName = column.field.split('.')[0];
+                displayName = column.field.split('.')[1];
+                filedInfo = uiSchema.fields[fieldName];
                 if (filedInfo && (filedInfo.type === 'lookup' || filedInfo.type === 'master_detail') && _$1.isString(filedInfo.reference_to)) {
-                    const rfUiSchema = await getUISchema(filedInfo.reference_to);
-                    const rfFieldInfo = rfUiSchema.fields[displayName];
+                    rfUiSchema = await getUISchema(filedInfo.reference_to);
+                    rfFieldInfo = rfUiSchema.fields[displayName];
                     columnField = Object.assign({}, rfFieldInfo, ctx,
                         { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } },
                         {
@@ -13314,6 +13377,8 @@ async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
                             wrap: column.wrap // wrap = true 是没效果的
                         }
                     );
+                } else if (filedInfo && filedInfo.type === 'object') {
+                    columnField = uiSchema.fields[column.field];
                 }
             } else {
                 if (uiSchema.fields[column.field]) {
@@ -13448,7 +13513,7 @@ async function getRecordDetailSchema(objectName, appId, props = {}){
     };
     const content = {
         "type": "tabs",
-        "className": "steedos-record-tabs bg-white p-4 mt-2",
+        "className": "steedos-record-tabs bg-white p-4 m-2 border rounded",
         "contentClassName": "bg-none",
         "tabs": [
             detailed
@@ -13524,6 +13589,10 @@ async function getRecordServiceSchema(objectName, appId, props = {}, body) {
                 data: {
                     "_master.objectName": "${objectName}",
                     "_master.recordId": "${recordId}",
+                    // 微页面设计器中用RecordServic组件包裹一个ObjectForm只读组件时，如果这里不把recordLoaded默认设置为false
+                    // recordLoaded值会取父作用域中已经被设置为true的值（比如父级有RecordServic组件，在加载完数据后，父作用域中recordLoaded值为true)
+                    // 这会造成表单内steedos field组件lookup字段中props.data取到的是父作用域中的数据
+                    "recordLoaded": false,
                     ...(props.data || {})
                 },
                 "style": {
@@ -14412,7 +14481,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
     });
 
     // 把自动填充规则中依赖的字段也加到api请求中
-    let autoFillMapping = !field.multiple && field.auto_fill_mapping;
+    let autoFillMapping = field.auto_fill_mapping;
     if (autoFillMapping && autoFillMapping.length) {
         autoFillMapping.forEach(function (item) {
             if(!_$1__namespace.find(tableFields, function(f){
@@ -14562,7 +14631,11 @@ async function lookupToAmisPicker(field, readonly, ctx){
                     // 如果当前元素不是数组，则处理该元素
                     // 下面正则用于匹配amis公式\${}
                     if(/\\\$\\\{([^}]*)\\\}/.test(arr[i])) {
-                        arr[i] = currentAmis.evaluate(arr[i], api.data.$);
+                        try{
+                            arr[i] = currentAmis.evaluate(arr[i], api.context);
+                        }catch(ex){
+                            console.error("运行lookup过滤公式时出现错误:",ex);
+                        }
                     }
                 }
             }
@@ -14884,7 +14957,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
         ];
 
         // 把自动填充规则中依赖的字段也加到api请求中
-        let autoFillMapping = !field.multiple && field.auto_fill_mapping;
+        let autoFillMapping = field.auto_fill_mapping;
         if (autoFillMapping && autoFillMapping.length) {
             autoFillMapping.forEach(function (item) {
                 queryFields.push(refObjectConfig.fields[item.from]);
@@ -14970,6 +15043,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
         var fieldFilters = ${JSON.stringify(field.filters)};
         var currentAmis = amisRequire('amis');
         //递归fieldFilters数组，检查每一个元素，判断若是公式，就仅把它解析
+        debugger;
         function traverseNestedArray(arr) {
             for (let i = 0; i < arr.length; i++) {
                 if (Array.isArray(arr[i])) {
@@ -14979,7 +15053,11 @@ async function lookupToAmisSelect(field, readonly, ctx){
                     // 如果当前元素不是数组，则处理该元素
                     // 下面正则用于匹配amis公式\${}
                     if(/\\\$\\\{([^}]*)\\\}/.test(arr[i])) {
-                        arr[i] = currentAmis.evaluate(arr[i], api.data.$);
+                        try{
+                            arr[i] = currentAmis.evaluate(arr[i], api.context);
+                        }catch(ex){
+                            console.error("运行lookup过滤公式时出现错误:",ex);
+                        }
                     }
                 }
             }
@@ -15126,14 +15204,25 @@ async function getApi(object, recordId, fields, options){
 }
 
 async function getAutoFill(field, refObject) {
-    let autoFillMapping = !field.multiple && field.auto_fill_mapping;
+    let autoFillMapping = field.auto_fill_mapping;
     if (autoFillMapping && autoFillMapping.length) {
         let fillMapping = {};
+        if (field.multiple) {
+            autoFillMapping.forEach(function (item) {
+                //from的字段类型为lookup、master_detail、select时，需要保留数组格式；其他类型需要转变为字符串格式
+                if (_$1__namespace.includes(["lookup","master_detail","select"], refObject.fields[item.from].type)) {
+                    fillMapping[item.to] = `\${items | pick:${item.from}}`;
+                } else {
+                    fillMapping[item.to] = `\${items | pick:${item.from} | join}`;
+                }
+            });
+        }else {
+            autoFillMapping.forEach(function (item) {
+                fillMapping[item.to] = `\${${item.from}}`;
+            });
+        }
         // let fieldsForApi = [];
-        autoFillMapping.forEach(function (item) {
-            fillMapping[item.to] = `\${${item.from}}`;
-            // fieldsForApi.push(item.from);
-        });
+        // fieldsForApi.push(item.from);
         // let api = {
         //     // "url": "/amis/api/mock2/form/autoUpdate?browser=${browser}&version=${version}",
         //     "url": `/api/v1/${refObject.name}/\${${field.name}}?fields=${JSON.stringify(fieldsForApi)}`,
@@ -15235,7 +15324,7 @@ async function lookupToAmis(field, readonly, ctx){
             amisSchema = _$1__namespace.defaultsDeep({}, pageAmisSchema, amisSchema);
         }
     }
-    const autoFill = await getAutoFill(field);
+    const autoFill = await getAutoFill(field, refObject);
     if(autoFill){
         amisSchema.autoFill = autoFill;
         // 这里不配置initAutoFill值，按amis规则initAutoFill默认值为fillIfNotSet处理--需要amis sdk 版本 > 3.6.3-patch.6（不包括）版本
@@ -21499,11 +21588,11 @@ var SteedosSkeleton = function (props) {
 };
 
 var AmisObjectForm = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var $schema, recordId, defaultData, mode, _a, layout, labelAlign, appId, fieldsExtend, _b, excludedFields, _c, fields, _d, form, _e, className, initApiRequestAdaptor, initApiAdaptor, apiRequestAdaptor, apiAdaptor, enableTabs, tabsMode, submitSuccActions, data, formDataFilter, onFormDataFilter, env, objectApiName, schemaKeys, formSchema, defaults, options, globalData, amisSchema, uiSchema, allData, schema, schema, formData, fieldsArray, excludedFieldsArray, InitApiResendOn;
+    var $schema, recordId, defaultData, mode, _a, layout, labelAlign, appId, fieldsExtend, _b, excludedFields, _c, fields, _d, form, _e, className, enableInitApi, initApiRequestAdaptor, initApiAdaptor, apiRequestAdaptor, apiAdaptor, enableTabs, tabsMode, submitSuccActions, data, formDataFilter, onFormDataFilter, env, objectApiName, schemaKeys, formSchema, defaults, options, globalData, amisSchema, uiSchema, allData, schema, schema, formData;
     return __generator(this, function (_f) {
         switch (_f.label) {
             case 0:
-                $schema = props.$schema, recordId = props.recordId, defaultData = props.defaultData, mode = props.mode, _a = props.layout, layout = _a === void 0 ? "horizontal" : _a, labelAlign = props.labelAlign, appId = props.appId, fieldsExtend = props.fieldsExtend, _b = props.excludedFields, excludedFields = _b === void 0 ? null : _b, _c = props.fields, fields = _c === void 0 ? null : _c, _d = props.form, form = _d === void 0 ? {} : _d, _e = props.className, className = _e === void 0 ? "" : _e, initApiRequestAdaptor = props.initApiRequestAdaptor, initApiAdaptor = props.initApiAdaptor, apiRequestAdaptor = props.apiRequestAdaptor, apiAdaptor = props.apiAdaptor, enableTabs = props.enableTabs, tabsMode = props.tabsMode, submitSuccActions = props.submitSuccActions, data = props.data, formDataFilter = props.formDataFilter, onFormDataFilter = props.onFormDataFilter, env = props.env;
+                $schema = props.$schema, recordId = props.recordId, defaultData = props.defaultData, mode = props.mode, _a = props.layout, layout = _a === void 0 ? "horizontal" : _a, labelAlign = props.labelAlign, appId = props.appId, fieldsExtend = props.fieldsExtend, _b = props.excludedFields, excludedFields = _b === void 0 ? null : _b, _c = props.fields, fields = _c === void 0 ? null : _c, _d = props.form, form = _d === void 0 ? {} : _d, _e = props.className, className = _e === void 0 ? "" : _e, enableInitApi = props.enableInitApi, initApiRequestAdaptor = props.initApiRequestAdaptor, initApiAdaptor = props.initApiAdaptor, apiRequestAdaptor = props.apiRequestAdaptor, apiAdaptor = props.apiAdaptor, enableTabs = props.enableTabs, tabsMode = props.tabsMode, submitSuccActions = props.submitSuccActions, data = props.data, formDataFilter = props.formDataFilter, onFormDataFilter = props.onFormDataFilter, env = props.env;
                 objectApiName = props.objectApiName || "space_users";
                 schemaKeys = _$1.difference(_$1.keys($schema), ["id", "form", "type", "mode", "layout", "defaultData", "formDataFilter", "onFormDataFilter", "env"]);
                 formSchema = _$1.pick(props, schemaKeys);
@@ -21559,6 +21648,7 @@ var AmisObjectForm = function (props) { return __awaiter(void 0, void 0, void 0,
                     options.isEditor = true;
                 }
                 return [4 /*yield*/, getViewSchema(objectApiName, recordId, Object.assign({}, options, {
+                        enableInitApi: enableInitApi,
                         initApiRequestAdaptor: initApiRequestAdaptor,
                         initApiAdaptor: initApiAdaptor,
                         enableTabs: enableTabs,
@@ -21588,16 +21678,6 @@ var AmisObjectForm = function (props) { return __awaiter(void 0, void 0, void 0,
                 if (_$1.has(props, 'objectApiName')) {
                     amisSchema.data.objectName = objectApiName;
                 }
-                if (props.$$editor) {
-                    fieldsArray = fields || [];
-                    excludedFieldsArray = excludedFields || [];
-                    InitApiResendOn = fieldsArray.concat(excludedFieldsArray).join('');
-                    if (InitApiResendOn) {
-                        amisSchema.data.InitApiResendOn = InitApiResendOn;
-                        amisSchema.api.url += "&InitApiResendOn=${InitApiResendOn}";
-                        // amisSchema.api.InitApiResendOn = "${InitApiResendOn}"; 这种写法有bug，当多选几个显示的字段/排除的字段时，表单一直loding。
-                    }
-                }
                 return [2 /*return*/, amisSchema];
         }
     });
@@ -22015,12 +22095,12 @@ var AmisRecordDetail = function (props) { return __awaiter(void 0, void 0, void
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-12-08 10:32:17
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2024-02-18 16:05:56
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2024-04-25 19:21:15
  * @Description:
  */
 var AmisRecordService = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var className, $schema, appId, _a, objectApiName, body, style, recordId, options, schema;
+    var className, $schema, appId, _a, objectApiName, body, style, recordId, options, schema, formData;
     return __generator(this, function (_b) {
         switch (_b.label) {
             case 0:
@@ -22047,6 +22127,14 @@ var AmisRecordService = function (props) { return __awaiter(void 0, void 0, void
                     }
                     Object.assign(schema.style, style);
                 }
+                formData = {};
+                if (_$1.has(props, "recordId") && $schema.recordId !== "${recordId}") {
+                    formData.recordId = props.recordId;
+                }
+                schema.data = Object.assign({}, schema.data || {}, formData);
+                if (_$1.has(props, 'objectApiName')) {
+                    schema.data.objectName = objectApiName;
+                }
                 // console.log(`AmisRecordService====schema==>`, schema)
                 return [2 /*return*/, schema];
         }
@@ -22632,7 +22720,7 @@ var AmisAppMenu = function (props) { return __awaiter(void 0, void 0, void 0, fu
             schemaApi: {
                 "method": "get",
                 "url": "${context.rootUrl}/service/api/apps/".concat(appId, "/menus"),
-                "adaptor": "\n                  try {\n                    //   console.log('payload====>', payload)\n                      if(payload.nav_schema){\n                        payload.data = payload.nav_schema;\n                        return payload\n                      }\n\n                      const data = { nav: [] };\n                      const stacked = ".concat(stacked, ";\n                      const showIcon = ").concat(showIcon, ";\n                      const selectedId = '").concat(selectedId, "';\n                      const tab_groups = payload.tab_groups;\n                      const locationPathname = window.location.pathname;\n                      var customTabId = \"\";\n                      var objectTabId = \"").concat(data.tabId, "\";\n                      if(stacked){\n                          _.each(_.groupBy(payload.children, 'group'), (tabs, groupName) => {\n                              if (groupName === 'undefined' || groupName === '') {\n                                  _.each(tabs, (tab) => {\n                                      if(locationPathname == tab.path){\n                                        customTabId = tab.id;\n                                      }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                        objectTabId = tab.id;\n                                      }\n                                      data.nav.push({\n                                          \"label\": showIcon ? {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                          } : tab.name,\n                                          \"to\": tab.path,\n                                          \"target\":tab.target,\n                                          \"id\": tab.id,\n                                          \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                          \"index\": tab.index\n                                          // active: selectedId === tab.id,\n                                      })\n                                  })\n                              } else {\n                                  var tabGroup = _.find(tab_groups, {\"group_name\": groupName});\n                                  data.nav.push({\n                                      \"label\": groupName,\n                                      \"unfolded\": tabGroup && tabGroup.default_open != false,\n                                      \"isGroup\": true,\n                                      \"children\": _.sortBy(_.map(tabs, (tab) => {\n                                            if(locationPathname == tab.path){\n                                                customTabId = tab.id;\n                                            }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                                objectTabId = tab.id;\n                                            }\n                                            return {\n                                            \"label\": showIcon ? {\n                                                type: 'tpl',\n                                                tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                            }  : tab.name,\n                                            \"to\": tab.path,\n                                            \"target\":tab.target,\n                                            \"id\": tab.id,\n                                            \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                            \"index\": tab.index\n                                            // active: selectedId === tab.id,\n                                            }\n                                        }),(tab) => {return tab.index})\n                                  })   \n                              }\n                              });\n                        \n                      }else{\n                          _.each(payload.children, (tab)=>{\n                              if(locationPathname == tab.path){\n                                customTabId = tab.id;\n                              }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                objectTabId = tab.id;\n                              }\n                              data.nav.push({\n                              \"label\": showIcon ? {\n                                  type: 'tpl',\n                                  tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                              } : tab.name,\n                              \"to\": tab.path,\n                              \"target\":tab.target,\n                              \"id\": tab.id,\n                              \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                              \"index\": tab.index\n                              // active: selectedId === tab.id,\n                              });\n                          })\n                      }\n                      //\u4EE5\u4E0B\u4E3Anav\u7B2C\u4E00\u5C42\u6392\u5E8F\uFF0C\u5305\u62EC\u5206\u7EC4\u4E0E\u9009\u9879\u5361\n                      // let groupLength = ((payload.tab_groups && payload.tab_groups.length) || 0) + 1000;\n                      data.nav = _.sortBy(data.nav, function(tab){\n                        if(tab.isGroup){\n                            return _.findIndex(payload.tab_groups, function(group){\n                                return group.group_name === tab.label;\n                            });\n                        }else{\n                            // \u6CA1\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u6309index\u6392\u5217\u5728\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u524D\u65B9\n                            return (tab.index || 0) - 1000;\n                        }\n                      })\n                      payload.data = {\n                        \"type\":\"service\",\n                        \"data\":{\n                            \"tabId\": customTabId || objectTabId,\n                            \"items\": data.nav,\n                            \"keyvalues\": \"${ss:keyvalues}\"\n                        },\n                        \"id\": \"appMenuService\",\n                        \"onEvent\": {\n                            \"@data.changed.steedos_keyvalues\": {\n                                \"actions\": [\n                                    {\n                                        \"actionType\": \"setValue\",\n                                        \"args\": {\n                                            \"value\": {\n                                                \"keyvalues\": \"${event.data.keyvalues}\"\n                                            }\n                                        }\n                                    }\n                                ]\n                            }\n                        },\n                        \"body\":{\n                            \"type\": \"nav\",\n                            className: \"").concat(className, " text-black\",\n                            \"stacked\": ").concat(stacked, ",\n                            \"overflow\": ").concat(JSON.stringify(overflow), ",\n                            \"indentSize\": ").concat(indentSize, ",\n                            \"source\": \"${items}\",\n                            //\u5DE6\u5C42\u663E\u793A\u65F6\u5BA1\u6279\u5355\u663E\u793Abadge\u6570\u91CF\n                            \"itemBadge\": {\n                                \"mode\": \"text\",\n                                \"text\": \"").concat(badgeText, "\",\n                                \"visibleOn\": \"${id == 'instance_tasks'}\",\n                                \"overflowCount\": 99,\n                                \"style\": stacked?{\n                                  \"right\": \"20%\",\n                                  \"margin-right\": \"-23px\",\n                                  \"height\": \"20px\",\n                                  \"border-radius\": \"10px\",\n                                  \"font-size\": \"16px\",\n                                  \"line-height\": \"18px\",\n                                  \"top\": \"50%\"\n                                }:{\n                                    \"transform\": \"translate(calc(50% - 17px), calc(-50% + 10px))\",\n                                    \"border-radius\": \"6.5px\",\n                                    \"height\": \"15px\",\n                                    \"line-height\": \"13px\",\n                                    \"padding\": \"0px 4px\",\n                                    \"font-size\": \"12px\"\n                                }\n                            },\n                            \"onEvent\": {\n                                \"click\": {\n                                    \"actions\": [\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\n                                            \"args\": {\n                                                \"value\": {\n                                                    \"tabId\": \"${event.data.item.id}\",\n                                                    \"items\": data.nav\n                                                }\n                                            },\n                                            \"expression\":\"${event.data.item.id}\"\n                                        },\n                                        {\n                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                },\n                                \"@tabId.changed\":{\n                                    \"actions\":[\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\n                                            \"args\": {\n                                                \"value\": {\n                                                    \"tabId\": \"${event.data.tabId}\",\n                                                    \"items\": data.nav\n                                                }\n                                            },\n                                            \"expression\":\"${event.data.tabId}\"\n                                        },\n                                        {\n                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                }\n                            }\n                        }\n                      };\n                  } catch (error) {\n                      console.log(`error`, error)\n                  }\n                //   console.log('payload===2==>', payload)\n                  return payload;\n            "),
+                "adaptor": "\n                  try {\n                    //   console.log('payload====>', payload)\n                      if(payload.nav_schema){\n                        payload.data = payload.nav_schema;\n                        return payload\n                      }\n\n                      const data = { nav: [] };\n                      const stacked = ".concat(stacked, ";\n                      const showIcon = ").concat(showIcon, ";\n                      const selectedId = '").concat(selectedId, "';\n                      const tab_groups = payload.tab_groups;\n                      const locationPathname = window.location.pathname;\n                      var customTabId = \"\";\n                      var objectTabId = \"").concat(data.tabId, "\";\n                      if(stacked){\n                          _.each(_.groupBy(payload.children, 'group'), (tabs, groupName) => {\n                              if (groupName === 'undefined' || groupName === '') {\n                                  _.each(tabs, (tab) => {\n                                      tab.iconClass = (tab.icon || 'account').replaceAll('_', '-');\n                                      if(locationPathname == tab.path){\n                                        customTabId = tab.id;\n                                      }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                        objectTabId = tab.id;\n                                      }\n                                      data.nav.push({\n                                          \"label\": showIcon ? {\n                                            type: 'tpl',\n                                            tpl: `<span class='whitespace-normal leading-6 block no-underline group flex items-center text-[14px] rounded-md'><svg class=\"slds-icon_container slds-icon-standard-${ tab.iconClass } slds-icon !fill-white rounded-xl mr-2 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                          } : tab.name,\n                                          \"searchKey\": tab.name,\n                                          \"to\": tab.path,\n                                          \"target\":tab.target,\n                                          \"id\": tab.id,\n                                          \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                          \"index\": tab.index\n                                          // active: selectedId === tab.id,\n                                      })\n                                  })\n                              } else {\n                                  var tabGroup = _.find(tab_groups, {\"group_name\": groupName});\n                                  data.nav.push({\n                                      \"label\": groupName,\n                                      \"unfolded\": tabGroup && tabGroup.default_open != false,\n                                      \"isGroup\": true,\n                                      \"children\": _.sortBy(_.map(tabs, (tab) => {\n                                            tab.iconClass = (tab.icon || 'account').replaceAll('_', '-');\n                                            if(locationPathname == tab.path){\n                                                customTabId = tab.id;\n                                            }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                                objectTabId = tab.id;\n                                            }\n                                            return {\n                                            \"label\": showIcon ? {\n                                                type: 'tpl',\n                                                tpl: `<span class='whitespace-normal leading-6 block no-underline group flex items-center text-[14px] rounded-md'><svg class=\"slds-icon_container slds-icon-standard-${ tab.iconClass } !fill-white slds-icon rounded-xl mr-2 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                            }  : tab.name,\n                                            \"searchKey\": tab.name,\n                                            \"to\": tab.path,\n                                            \"target\":tab.target,\n                                            \"id\": tab.id,\n                                            \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                            \"index\": tab.index\n                                            // active: selectedId === tab.id,\n                                            }\n                                        }),(tab) => {return tab.index})\n                                  })   \n                              }\n                              });\n                        \n                      }else{\n                          _.each(payload.children, (tab)=>{\n                                tab.iconClass = (tab.icon || 'account').replaceAll('_', '-');\n                              if(locationPathname == tab.path){\n                                customTabId = tab.id;\n                              }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                objectTabId = tab.id;\n                              }\n                              data.nav.push({\n                              \"label\": showIcon ? {\n                                  type: 'tpl',\n                                  tpl: `<span class='whitespace-normal leading-6 block no-underline group flex items-center text-[14px] rounded-md'><svg class=\"slds-icon_container slds-icon-standard-${ tab.iconClass } slds-icon !fill-white rounded-xl mr-2 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                              } : tab.name,\n                              \"searchKey\": tab.name,\n                              \"to\": tab.path,\n                              \"target\":tab.target,\n                              \"id\": tab.id,\n                              \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                              \"index\": tab.index\n                              // active: selectedId === tab.id,\n                              });\n                          })\n                      }\n                      //\u4EE5\u4E0B\u4E3Anav\u7B2C\u4E00\u5C42\u6392\u5E8F\uFF0C\u5305\u62EC\u5206\u7EC4\u4E0E\u9009\u9879\u5361\n                      // let groupLength = ((payload.tab_groups && payload.tab_groups.length) || 0) + 1000;\n                      data.nav = _.sortBy(data.nav, function(tab){\n                        if(tab.isGroup){\n                            return _.findIndex(payload.tab_groups, function(group){\n                                return group.group_name === tab.label;\n                            });\n                        }else{\n                            // \u6CA1\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u6309index\u6392\u5217\u5728\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u524D\u65B9\n                            return (tab.index || 0) - 1000;\n                        }\n                      })\n                      payload.data = {\n                        \"type\":\"service\",\n                        \"data\":{\n                            \"tabId\": customTabId || objectTabId,\n                            \"items\": data.nav,\n                            \"keyvalues\": \"${ss:keyvalues}\"\n                        },\n                        \"id\": \"appMenuService\",\n                        \"onEvent\": {\n                            \"@data.changed.steedos_keyvalues\": {\n                                \"actions\": [\n                                    {\n                                        \"actionType\": \"setValue\",\n                                        \"args\": {\n                                            \"value\": {\n                                                \"keyvalues\": \"${event.data.keyvalues}\"\n                                            }\n                                        }\n                                    }\n                                ]\n                            }\n                        },\n                        \"body\":{\n                            \"type\": \"nav\",\n                            \"searchable\": ").concat(stacked, ",\n                            \"searchConfig\": {\n                              \"placeholder\": \"\u641C\u7D22\u83DC\u5355\",\n                              \"matchFunc\": \"return link.searchKey && link.searchKey.indexOf(keyword)>=0;\"\n                            },\n                            className: \"").concat(className, " text-black steedos-app-menu ").concat(stacked ? 'stacked' : '', "\",\n                            \"stacked\": ").concat(stacked, ",\n                            \"overflow\": ").concat(JSON.stringify(overflow), ",\n                            \"indentSize\": ").concat(indentSize, ",\n                            \"source\": \"${items}\",\n                            //\u5DE6\u5C42\u663E\u793A\u65F6\u5BA1\u6279\u5355\u663E\u793Abadge\u6570\u91CF\n                            \"itemBadge\": {\n                                \"mode\": \"text\",\n                                \"text\": \"").concat(badgeText, "\",\n                                \"visibleOn\": \"${id == 'instance_tasks'}\",\n                                \"overflowCount\": 99,\n                                \"style\": stacked?{\n                                  \"right\": \"20%\",\n                                  \"margin-right\": \"-23px\",\n                                  \"height\": \"20px\",\n                                  \"border-radius\": \"10px\",\n                                  \"font-size\": \"16px\",\n                                  \"line-height\": \"18px\",\n                                  \"top\": \"50%\"\n                                }:{\n                                    \"transform\": \"translate(calc(50% - 17px), calc(-50% + 10px))\",\n                                    \"border-radius\": \"6.5px\",\n                                    \"height\": \"15px\",\n                                    \"line-height\": \"13px\",\n                                    \"padding\": \"0px 4px\",\n                                    \"font-size\": \"12px\"\n                                }\n                            },\n                            \"onEvent\": {\n                                \"click\": {\n                                    \"actions\": [\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\n                                            \"args\": {\n                                                \"value\": {\n                                                    \"tabId\": \"${event.data.item.id}\",\n                                                    \"items\": data.nav\n                                                }\n                                            },\n                                            \"expression\":\"${event.data.item.id}\"\n                                        },\n                                        {\n                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                },\n                                \"@tabId.changed\":{\n                                    \"actions\":[\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\n                                            \"args\": {\n                                                \"value\": {\n                                                    \"tabId\": \"${event.data.tabId}\",\n                                                    \"items\": data.nav\n                                                }\n                                            },\n                                            \"expression\":\"${event.data.tabId}\"\n                                        },\n                                        {\n                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                }\n                            }\n                        }\n                      };\n                  } catch (error) {\n                      console.log(`error`, error)\n                  }\n                //   console.log('payload===2==>', payload)\n                  return payload;\n            "),
                 "headers": {
                     "Authorization": "Bearer ${context.tenantId},${context.authToken}"
                 }
@@ -23069,7 +23157,8 @@ var AmisGlobalHeaderToolbar = function (props) { return __awaiter(void 0, void 0
                                                             "color": "#FFFFFF"
                                                         },
                                                     },
-                                                ]
+                                                ],
+                                                "xs": "auto"
                                             },
                                             {
                                                 "body": [
@@ -23085,7 +23174,8 @@ var AmisGlobalHeaderToolbar = function (props) { return __awaiter(void 0, void 0
                                                         "tpl": "${context.user.email}",
                                                         "inline": true,
                                                     },
-                                                ]
+                                                ],
+                                                "columnClassName": "break-all"
                                             }
                                         ]
                                     },
@@ -23330,7 +23420,7 @@ var AmisGlobalHeader = function (props) { return __awaiter(void 0, void 0, void
                     body: [
                         {
                             type: "wrapper",
-                            className: 'sidebar-wrapper px-0 pt-4 pb-16 fixed z-20 h-full h-fill ease-in-out duration-300 flex flex-col border-r overflow-y-auto bg-white border-gray-300 block -translate-x-0 sm:w-[220px] w-64',
+                            className: 'sidebar-wrapper px-0 py-3 pb-16 fixed z-20 h-full h-fill ease-in-out duration-300 flex flex-col border-r overflow-y-auto bg-gray-50 border-gray-200 block -translate-x-0 sm:w-[220px] w-64',
                             body: [
                                 {
                                     "type": "steedos-app-launcher",
@@ -23440,7 +23530,7 @@ var REFERENCE_VALUE_ITEM_ONCLICK = {
                     "title": "&nbsp;",
                     "headerClassName": "hidden",
                     "size": "lg",
-                    "bodyClassName": "p-0 m-0",
+                    "bodyClassName": "p-0 m-0 bg-gray-100",
                     "closeOnEsc": true,
                     "closeOnOutside": true,
                     "resizable": true,
@@ -24378,7 +24468,7 @@ var PageRecordDetail = function (props) { return __awaiter(void 0, void 0, void
                 recordPage = _a.sent();
                 recordSchema = recordPage ? recordPage.schema : {
                     "type": "wrapper",
-                    "className": "steedos-record-content overflow-y-auto p-0 m-0 flex-1 h-full",
+                    "className": "steedos-record-content overflow-y-auto p-0 m-0 flex-1 h-full bg-gray-100",
                     "name": "amis-".concat(appId, "-").concat(objectApiName, "-detail"),
                     "body": [
                         {