@steedos-widgets/amis-object 3.6.14 → 6.3.0-beta.10

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) {
@@ -5500,7 +5513,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,
@@ -6436,6 +6449,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};
@@ -6477,8 +6503,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}",
@@ -7945,7 +7970,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}`
                                         },
                                     ]
                                 }
@@ -8064,6 +8090,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}`
+                    },
+                  ]
                 },
               },
             ],
@@ -8145,7 +8185,8 @@ const getSchema$3 = (uiSchema)=>{
                             }
                           ]
                     }
-                }
+                },
+                "close": `object_actions_drawer_${uiSchema.name}`
             }
         ],
         "regions": [
@@ -12080,10 +12121,6 @@ async function getObjectCRUD(objectSchema, fields, options){
             }
         }
       `;
-      let autoFillHeight = true;
-      if(options.isRelated || window.innerWidth < 768){
-        autoFillHeight = false;
-      }
 
       body = Object.assign({}, table, {
         type: 'crud', 
@@ -12094,7 +12131,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: {
@@ -12267,6 +12304,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 || {};
@@ -12360,7 +12401,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`;
@@ -12427,6 +12468,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;
@@ -12918,7 +12969,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:
  */
 
@@ -13183,37 +13234,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;
@@ -13263,15 +13321,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];
@@ -13295,14 +13353,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 } },
                         {
@@ -13310,6 +13367,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]) {
@@ -13444,7 +13503,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
@@ -13520,6 +13579,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": {
@@ -14408,7 +14471,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){
@@ -14558,7 +14621,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
                     // 如果当前元素不是数组，则处理该元素
                     // 下面正则用于匹配amis公式\${}
                     if(/\\\$\\\{([^}]*)\\\}/.test(arr[i])) {
-                        arr[i] = currentAmis.evaluate(arr[i], api.data.$);
+                        arr[i] = currentAmis.evaluate(arr[i], api.data.$self);
                     }
                 }
             }
@@ -14880,7 +14943,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]);
@@ -14975,7 +15038,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
                     // 如果当前元素不是数组，则处理该元素
                     // 下面正则用于匹配amis公式\${}
                     if(/\\\$\\\{([^}]*)\\\}/.test(arr[i])) {
-                        arr[i] = currentAmis.evaluate(arr[i], api.data.$);
+                        arr[i] = currentAmis.evaluate(arr[i], api.data.$self);
                     }
                 }
             }
@@ -15122,14 +15185,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)}`,
@@ -15231,7 +15305,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（不包括）版本
@@ -21480,11 +21554,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);
@@ -21540,6 +21614,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,
@@ -21569,16 +21644,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];
         }
     });
@@ -21996,12 +22061,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:
@@ -22028,6 +22093,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];
         }
@@ -22217,7 +22290,7 @@ var AmisProvider = function (props) { return __awaiter(void 0, void 0, void 0, f
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-09-01 14:44:57
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2024-05-14 13:30:24
+ * @LastEditTime: 2024-05-14 15:12:49
  * @Description:
  */
 var AmisAppLauncher = function (props) { return __awaiter(void 0, void 0, void 0, function () {
@@ -22231,7 +22304,7 @@ var AmisAppLauncher = function (props) { return __awaiter(void 0, void 0, void 0
         isMobile = formFactor === "SMALL" ? true : false;
         on_click_script = "\n    var evalFunString = \"(function(){\" + event.data.on_click + \"})()\";\n    try{\n      eval(evalFunString);\n    }\n    catch(e){\n      console.error(\"catch some error when eval the on_click script for app link:\");\n      console.error(e.message + \"\\r\\n\" + e.stack);\n    }\n  ";
         mobile_blank_script = "\n    if(event.data.path[0] == \"/\"){\n      Steedos.openWindow(event.data.context.rootUrl + event.data.path)\n    }else{\n      Steedos.openWindow(event.data.path)\n    }\n  ";
-        convertAppVisibleOnScript = "\n    var currentAmis = amisRequire('amis');\n    app_items.forEach((item) => {\n      let visible_on = item.visible_on && item.visible_on.trim();\n      if(visible_on){\n        // amis visibleOn\u5C5E\u6027\u4E2D\u7684\u8868\u8FBE\u5F0F\u6765\u81EA\u4F5C\u7528\u57DF\u4E2D\u53D8\u91CF\u65F6,amis\u4E0D\u8BA4,\u6240\u4EE5\u8FD9\u91CC\u628A\u516C\u5F0F\u8868\u8FBE\u5F0F\u63D0\u524D\u8FD0\u884C\u4E0B\n        try{\n          visible_on = currentAmis.evaluate(visible_on, BuilderAmisObject.AmisLib.createObject(context, item));\n          item.visible_on = visible_on;\n        }\n        catch(ex){\n          console.error(\"\u8FD0\u884C\u5E94\u7528\u201C\" + item.name + \"\u201D\u7684\u663E\u793A\u516C\u5F0F\u8868\u8FBE\u5F0F\u65F6\u51FA\u73B0\u9519\u8BEF:\",ex);\n          item.visible_on = false;\n        }\n      }\n    });\n  ";
+        convertAppVisibleOnScript = "\n    var currentAmis = amisRequire('amis');\n    app_items.forEach((item) => {\n      let visible_on = item.visible_on && item.visible_on.trim();\n      if(visible_on){\n        // amis visibleOn\u5C5E\u6027\u4E2D\u7684\u8868\u8FBE\u5F0F\u6765\u81EA\u4F5C\u7528\u57DF\u4E2D\u53D8\u91CF\u65F6,amis\u4E0D\u8BA4,\u6240\u4EE5\u8FD9\u91CC\u628A\u516C\u5F0F\u8868\u8FBE\u5F0F\u63D0\u524D\u8FD0\u884C\u4E0B\n        try{\n          visible_on = currentAmis.evaluate(visible_on, BuilderAmisObject.AmisLib.createObject(context, item));\n          item.visible_on = visible_on;\n        }\n        catch(ex){\n          console.error(\"\u8FD0\u884C\u5E94\u7528\u201C\" + item.name + \"\u201D\u7684\u663E\u793A\u516C\u5F0F\u8868\u8FBE\u5F0F\u65F6\u51FA\u73B0\u9519\u8BEF:\",ex);\n          item.visible_on = false;\n        }\n      }\n      else{\n        item.visible_on = true;\n      }\n    });\n  ";
         pcInitApiAdaptorScript = "\n    let app_items = payload;\n    let object_items = [];\n    let objects = [];\n    app_items.forEach((item) => {\n      item.children.forEach((i) => {\n        if (objects.indexOf(i.id) < 0) {\n          objects.push(i.id);\n          if(i.type != 'url' && i.type != 'page'){object_items.push(i);}\n        }\n      })\n    })\n    ".concat(convertAppVisibleOnScript, "\n    payload = {\n      app_items,\n      object_items\n    }\n    return payload;\n  ");
         mobileInitApiAdaptorScript = "\n    let app_items = payload;\n    ".concat(convertAppVisibleOnScript, "\n    payload = {\n      app_items\n    }\n    return payload;\n  ");
         dialogSchema = {};
@@ -22613,7 +22686,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}"
                 }
@@ -23050,7 +23123,8 @@ var AmisGlobalHeaderToolbar = function (props) { return __awaiter(void 0, void 0
                                                             "color": "#FFFFFF"
                                                         },
                                                     },
-                                                ]
+                                                ],
+                                                "xs": "auto"
                                             },
                                             {
                                                 "body": [
@@ -23066,7 +23140,8 @@ var AmisGlobalHeaderToolbar = function (props) { return __awaiter(void 0, void 0
                                                         "tpl": "${context.user.email}",
                                                         "inline": true,
                                                     },
-                                                ]
+                                                ],
+                                                "columnClassName": "break-all"
                                             }
                                         ]
                                     },
@@ -23311,7 +23386,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",
@@ -23421,7 +23496,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,
@@ -24359,7 +24434,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": [
                         {