@steedos-widgets/amis-lib 6.10.1-beta.33 → 6.10.1-beta.35

package/dist/index.esm.js

@@ -1114,7 +1114,7 @@ function getRecordPermissionsQuery(object, recordId, options){
 function getApi$2 (isMobile){
     if(isMobile);else {
         // return __meteor_runtime_config__.ROOT_URL_PATH_PREFIX + "/graphql"
-        return `\${context.rootUrl}/graphql?reload=\${additionalFilters|join}`
+        return `\${context.rootUrl}/graphql?reload=\${additionalFilters|join}&listName=\${listName}`
     }
 }
 
@@ -2354,7 +2354,7 @@ async function getColumnItemOnClick(field, options){
             "_inDrawer": true,  // 用于判断是否在抽屉中
             "recordLoaded": false, // 重置数据加载状态
             "recordId": `\${${options.idFieldName}}`,//审批微页面依赖了作用域中的recordId
-            "_tableObjectName": options.objectName
+            "_lookupObjectName": options.objectName
         }
     }) : {
         "type": "steedos-record-detail",
@@ -2365,7 +2365,7 @@ async function getColumnItemOnClick(field, options){
         "data": {
             "_inDrawer": true,  // 用于判断是否在抽屉中
             "recordLoaded": false, // 重置数据加载状态
-            "_tableObjectName": options.objectName
+            "_lookupObjectName": options.objectName
         }
     };
 
@@ -2538,7 +2538,7 @@ async function getTableColumns(object, fields, options){
                 body: {
                     type: "steedos-field",
                     static: true,
-                    tableObjectName: options.objectName,
+                    isLookupInTable: true,
                     config: {
                         type: "lookup",
                         reference_to: field.reference_to,
@@ -3360,10 +3360,13 @@ async function getTableApi(mainObject, fields, options){
                     // item[key] = value
                     // PC客户端附件子表列表点击标题预览附件功能依赖了_id，所以这里拼出来
                     let itemKeyValue = item[key];
-                    item[key] = value.map(function(item, index){
-                        item._id = typeof itemKeyValue == 'string' ? itemKeyValue : itemKeyValue[index];
-                        item.value = typeof itemKeyValue == 'string' ? itemKeyValue : itemKeyValue[index];
-                        return item;
+                    item[key] = value.map(function(curValue, index){
+                        let fileId = typeof itemKeyValue == 'string' ? itemKeyValue : itemKeyValue[index];
+                        // 克隆一份对象，避免下方value递归污染curValue
+                        let result = _.clone(curValue);
+                        result._id = fileId;
+                        result.value = fileId;
+                        return result;
                     });
                 }else{
                     item[key] = _.map(value, (item)=>{
@@ -3479,6 +3482,7 @@ async function getTableApi(mainObject, fields, options){
     ${options.adaptor || ''}
     return payload;
     `;
+    // api.trackExpression='${additionalFilters|json}'
     return api;
 }
 
@@ -3607,6 +3611,11 @@ function getReadonlyFormAdaptor(object, fields, options){
             objectName: "\${objectName}",
             recordId: "\${recordId}"
         }
+        if(window.location.pathname.endsWith("/"+record._id)){
+            payload.data.mainRecord= {
+                record
+            };
+        }
         window.postMessage(Object.assign({type: "record.loaded"}, {record: record}), "*")
     }
     if(payload.errors){
@@ -4880,8 +4889,8 @@ const parseSingleExpression = function (func, formData, dataPath, global, userSe
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-11-01 15:51:00
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2024-12-26 20:28:43
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2025-07-14 11:56:42
  * @Description: 
  */
 
@@ -5005,6 +5014,7 @@ const getSchema$5 = async (uiSchema, ctx) => {
                                         "isLookup": "${isLookup}",
                                         "listName": "${listName}",
                                         "selectedRowResponseResult": "${selectedRowResponseResult}",
+                                        "_lookupObjectName": "${_lookupObjectName}"
                                     },
                                     "title":i18next.t('frontend_form_new') + " ${uiSchema.label | raw}",
                                     "body": [
@@ -5077,8 +5087,8 @@ const getSchema$5 = async (uiSchema, ctx) => {
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-11-01 15:49:58
- * @LastEditors: yinlianghui@hotoa.com yinlianghui@hotoa.com
- * @LastEditTime: 2024-05-19 10:01:07
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2025-07-14 11:55:43
  * @Description:
  */
 
@@ -5108,6 +5118,7 @@ const getSchema$4 = async (uiSchema, ctx) => {
       : page.schema;
   }
   
+  // console.log('formSchema====>', formSchema);
 
   return {
     type: "service",
@@ -5132,9 +5143,10 @@ const getSchema$4 = async (uiSchema, ctx) => {
                   showCloseButton: true,
                   "data": {
                     "&": "$$",
-                    "_master": "${_master}",
+                    "_master": "${mainRecord}",
                     "_master._isRelated": "${_isRelated}",
-                    "_master.relatedKey": "${relatedKey}"
+                    "_master.relatedKey": "${relatedKey}",
+                    "_lookupObjectName": "${_lookupObjectName}"
                   },
                   size: "lg",
                   "actions": [
@@ -5233,12 +5245,12 @@ const getSchema$3 = (uiSchema)=>{
                             {
                                 "actionType": "broadcast",
                                 "args": {
-                                  "eventName": "@data.changed.${_tableObjectName}"
+                                  "eventName": "@data.changed.${_lookupObjectName}"
                                 },
                                 "data": {
-                                  "objectName": "${_tableObjectName}"
+                                  "objectName": "${_lookupObjectName}"
                                 },
-                                "expression": `\${_tableObjectName != '${uiSchema.name}' && _tableObjectName}`
+                                "expression": `\${_lookupObjectName != '${uiSchema.name}' && _lookupObjectName}`
                             }
                           ]
                     }
@@ -6471,7 +6483,8 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
           });
           // 有过滤条件时只显示搜索按钮上的红点，不自动展开搜索栏
           if(!_.isEmpty(omitedEmptyFormValue)){
-            let crudService = SteedosUI.getRef(data.$scopeId).parent.getComponentById("service_listview_" + data.objectName)
+            let scopeRef = SteedosUI.getRef(data.$scopeId);
+            let crudService = scopeRef && scopeRef.parent.getComponentById("service_listview_" + data.objectName)
             crudService && crudService.setData({isFieldsFilterEmpty: false});
             // setData({ showFieldsFilter: true });//自动展开搜索栏
           }
@@ -7570,6 +7583,7 @@ function getObjectListHeaderFirstLine(objectSchema, listViewName, ctx) {
                     "size": "sm",
                     "hideCaret": true,
                     "closeOnClick": true,
+                    "visibleOn": "\${listName && uiSchema.list_views[listName].disableSwitch != true}",
                     "btnClassName": "!bg-transparent !border-none !hover:border-none text-lg h-5 font-bold p-0 text-black leading-none",
                     "buttons": [
                       ...listViewButtonOptions,
@@ -7582,6 +7596,12 @@ function getObjectListHeaderFirstLine(objectSchema, listViewName, ctx) {
                       },
                       listviewNewButton
                     ]
+                  },
+                  {
+                    "type": "tpl",
+                    "className": "steedos-listview-change-button text-lg font-bold", 
+                    "tpl": "\${listName ? uiSchema.list_views[listName].label : uiSchema.list_views[defaultListName].label}",
+                    "visibleOn": "\${listName && uiSchema.list_views[listName].disableSwitch}",
                   }
                 ],
                 "md": "",
@@ -9979,16 +9999,16 @@ async function getObjectForm(objectSchema, ctx){
                 },
                 "expression": `\${_master.objectName != '${objectSchema.name}' && _master.objectName}`
               },
-              // 列表视图、对象表格组件上的lookup字段，点开右侧弹出drawer窗口，修改记录后刷新列表
+              // 列表视图、对象表格、对象表单组件上的lookup字段，点开右侧弹出drawer窗口，修改记录后刷新列表
               {
                 "actionType": "broadcast",
                 "args": {
-                  "eventName": "@data.changed.${_tableObjectName}"
+                  "eventName": "@data.changed.${_lookupObjectName}"
                 },
                 "data": {
-                  "objectName": "${_tableObjectName}"
+                  "objectName": "${_lookupObjectName}"
                 },
-                "expression": `\${_tableObjectName != '${objectSchema.name}' && _tableObjectName}`
+                "expression": `\${_lookupObjectName != '${objectSchema.name}' && _lookupObjectName}`
               },
               ...submitSuccActions,
               // {
@@ -10359,7 +10379,10 @@ async function getRecordDetailRelatedListSchema(objectName, recordId, relatedObj
             data: {
                 relatedKey: relatedKey,   
                 listViewId: `amis-\${appId}-${relatedObjectName}-listview`,
-                _isRelated: true
+                _isRelated: true,
+                record: {
+                    recordPermissions: relatedObjectUiSchema.permissions
+                }
             },
             body:[
                 amisSchema
@@ -14224,7 +14247,8 @@ async function getFieldSearchable(perField, permissionFields, ctx){
             _field.removable = false;
             _field.value = [null,null];
             _field.items = {
-                type: "input-number"
+                type: "input-number",
+                clearValueOnEmpty: true
             };
             _field.is_wide = true;
             fieldNamePrefix = `${fieldNamePrefix}between__`;
@@ -14272,6 +14296,10 @@ async function getFieldSearchable(perField, permissionFields, ctx){
             delete _field.amis.hidden;
             delete _field.amis.hiddenOn;
             delete _field.amis.autoFill;
+            if(_field.type.indexOf("-range") > -1 || _field.type === 'input-array'){
+                // 范围类型不允许变更type，否则会因为某些属性兼容性问题报错页面奔溃，比如input-date-range类型有shortcuts属性，改为input-date后其shortcuts属性有兼容性问题
+                delete _field.amis.type;
+            }
         }
 
         const amisField = await convertSFieldToAmisField(_field, false, Object.assign({}, ctx, {fieldNamePrefix: fieldNamePrefix, required: false, showSystemFields: true, inFilterForm: true}));
@@ -16793,6 +16821,7 @@ const getJudgeOptions = async (instance) => {
 
 const getJudgeInput = async (instance) => {
   const judgeOptions = await getJudgeOptions(instance);
+  // console.log('getJudgeInput', judgeOptions);
   if (judgeOptions.length > 0 && instance.approve.type != 'cc') {
     return {
       type: "radios",
@@ -16833,6 +16862,7 @@ const getJudgeInput = async (instance) => {
 
 //TODO 只有一个下一步时,默认选中,并且禁止修改.
 const getNextStepInput = async (instance) => {
+  // console.log('getNextStepInput', instance);
   if(instance.approve?.type == 'cc'){
     return ;
   }
@@ -16868,14 +16898,30 @@ const getNextStepInput = async (instance) => {
               "next_users": null
             },
             "source": {
-              "url": "${context.rootUrl}/api/workflow/v2/nextStep?judge=${new_judge}",
+              "url": "/api/workflow/v2/nextStep?judge=${new_judge}",
               "headers": {
                 "Authorization": "Bearer ${context.tenantId},${context.authToken}"
               },
               "method": "post",
               "messages": {
               },
-              "requestAdaptor": "let { context, judge } = api.data; if(!judge){judge='approved'}\nconst formValues = SteedosUI.getRef(api.data.$scopeId).getComponentById(\"instance_form\").getValues();\n\napi.data = {\nflowVersionId: context.flowVersion._id,\n  instanceId: context._id,\n  flowId: context.flow._id,\n  step: context.step,\n  judge: judge,\n  values: formValues\n}\n\n\n return api;",
+              "requestAdaptor": `
+                let { judge } = api.data; 
+                const ctx = api.data.context;
+                if(!judge){
+                  judge='approved'
+                };
+                const formValues = context._scoped.getComponentById("instance_form").getValues();
+                api.data = {
+                  flowVersionId: ctx.flowVersion._id,
+                  instanceId: ctx._id,
+                  flowId: ctx.flow._id,
+                  step: ctx.step,
+                  judge: judge,
+                  values: formValues
+                };
+                return api;
+              `,
               "adaptor": `
                 payload.data = {
                   value: payload.nextSteps.length === 1 ? payload.nextSteps[0]._id : null, 
@@ -16983,7 +17029,7 @@ const getNextStepUsersInput = async (instance) => {
                 "messages": {
                 },
                 "requestAdaptor": "\nconst { context, next_step, $scopeId } = api.data;\nconst formValues = SteedosUI.getRef($scopeId).getComponentById(\"instance_form\").getValues();\n\napi.data = {\n  instanceId: context._id,\n nextStepId: next_step._id,\n  values: formValues\n}\n\n\n return api;",
-                "adaptor": "\npayload.data = {value: payload.nextStepUsers.length === 1 ? payload.nextStepUsers[0].id : null, options: payload.nextStepUsers};\nreturn payload;",
+                "adaptor": "debugger;\npayload.data = {value: payload.nextStepUsers.length === 1 ? payload.nextStepUsers[0].id : null, options: payload.nextStepUsers};\nreturn payload;",
                 "data": {
                   "&": "$$",
                   "$scopeId": "$scopeId",
@@ -17008,8 +17054,8 @@ const getNextStepUsersInput = async (instance) => {
 
 const getCCSubmitRequestAdaptor = async (instance) => {
   return `  
-            const instanceForm = SteedosUI.getRef(api.data.$scopeId).getComponentById("instance_form");
-            const approveValues = SteedosUI.getRef(api.data.$scopeId).getComponentById("instance_approval").getValues();
+            const instanceForm = context._scoped.getComponentById("instance_form");
+            const approveValues = context._scoped.getComponentById("instance_approval").getValues();
             api.data = {
               instanceId: "${instance._id}", 
               traceId: "${instance.trace._id}", 
@@ -17021,9 +17067,9 @@ const getCCSubmitRequestAdaptor = async (instance) => {
 };
 
 const getPostSubmitRequestAdaptor = async (instance) => {
-  return `  const instanceForm = SteedosUI.getRef(api.data.$scopeId).getComponentById("instance_form");
+  return `  const instanceForm = context._scoped.getComponentById("instance_form");
             const formValues = instanceForm.getValues();
-            const approveValues = SteedosUI.getRef(api.data.$scopeId).getComponentById("instance_approval").getValues();
+            const approveValues = context._scoped.getComponentById("instance_approval").getValues();
             let nextUsers = approveValues.next_users;
             if(_.isString(nextUsers)){
               nextUsers = [approveValues.next_users];
@@ -17039,7 +17085,7 @@ const getPostSubmitRequestAdaptor = async (instance) => {
                     approves: [{
                         _id: "${instance.approve._id}",
                         next_steps: [{
-                            step: approveValues.next_step._id,
+                            step: approveValues.next_step,
                             users: nextUsers,
                         }],
                         description: approveValues.suggestion,
@@ -17047,6 +17093,7 @@ const getPostSubmitRequestAdaptor = async (instance) => {
                     }]
                 }]
             }]};
+            console.log('submit api', api);
             api.data = body;
             return api;
             `;
@@ -17054,8 +17101,8 @@ const getPostSubmitRequestAdaptor = async (instance) => {
 
 const getPostEngineRequestAdaptor = async (instance) => {
   return `  
-            const formValues = SteedosUI.getRef(api.data.$scopeId).getComponentById("instance_form").getValues();
-            const approveValues = SteedosUI.getRef(api.data.$scopeId).getComponentById("instance_approval").getValues();
+            const formValues = context._scoped.getComponentById("instance_form").getValues();
+            const approveValues = context._scoped.getComponentById("instance_approval").getValues();
             let nextUsers = approveValues.next_users;
             if(_.isString(nextUsers)){
               nextUsers = [approveValues.next_users];
@@ -17066,7 +17113,7 @@ const getPostEngineRequestAdaptor = async (instance) => {
               trace: "${instance.approve.trace}",
               _id: "${instance.approve._id}",
               next_steps: [{
-                  step: approveValues.next_step._id,
+                  step: approveValues.next_step,
                   users: nextUsers,
               }],
               description: approveValues.suggestion,
@@ -17085,7 +17132,7 @@ const getPostEngineRequestAdaptor = async (instance) => {
  * @returns
  */
 const getSubmitActions = async (instance) => {
-  // console.log(`getSubmitActions instance====`, instance)
+  console.log(`getSubmitActions instance====`, instance);
   let api = "";
   let requestAdaptor = "";
   if(instance.approve?.type == "cc"){
@@ -17102,7 +17149,9 @@ const getSubmitActions = async (instance) => {
       return null; //TODO 考虑异常情况?
     }
   }
-
+  console.log(`getSubmitActions api====`, api);
+  console.log(`getSubmitActions requestAdaptor====`, requestAdaptor);
+  console.log('getObjectListViewPath========>', Router$1.getObjectListViewPath({appId: "${appId}", objectName: "${objectName}", listViewName: "${side_listview_id}"}));
   return [
     // 校验表单
     {
@@ -17110,7 +17159,7 @@ const getSubmitActions = async (instance) => {
       "args": {},
       "actionType": "custom",
       "script": `
-        // console.log("======getSubmitActions");
+        console.log("======getSubmitActions");
         const form = event.context.scoped.getComponentById("instance_form");
         return form.validate().then((instanceFormValidate)=>{
           event.setData({...event.data, instanceFormValidate})
@@ -17134,7 +17183,7 @@ const getSubmitActions = async (instance) => {
       componentId: "",
       args: {
         api: {
-          url: `\${context.rootUrl}${api}`,
+          url: `${api}`,
           method: "post",
           dataType: "json",
           data: {
@@ -17170,7 +17219,7 @@ const getSubmitActions = async (instance) => {
 };
 
 const getApprovalDrawerSchema = async (instance) => {
-  // console.log("=============getApprovalDrawerSchema=============")
+  console.log("=============getApprovalDrawerSchema=============", instance);
   return {
     type: "drawer",
     overlay: true,
@@ -17184,7 +17233,7 @@ const getApprovalDrawerSchema = async (instance) => {
     bodyClassName: 'p-2',
     footerClassName: 'p-2 pt-0',
     drawerContainer: ()=>{
-      return window.$(".antd-Page-content",window.$(".steedos-instance-wrapper"))[0];
+      return document.body;
     },
     body: [
       {
@@ -17333,15 +17382,11 @@ const getAttachments = async (instance)=>{
                         {
                             type: 'tpl',
                             inline: true,
-                            tpl: `<a href='\${context.rootUrl}/api/files/instances/\${_id}?download=true' target='_blank'>\${original.name}</a>`
+                            tpl: `<a href='/api/v6/files/download/cfs.instances.filerecord/\${_id}/\${original.name}?download=true' target='_blank'>\${original.name}</a>`
                         }
                       ],
                       "actions": [
-                        {
-                          "icon": "fa fa-eye",
-                          "type": "button",
-                          "id": "u:ef52fa8940a8"
-                        }
+                        
                       ],
                       "id": "u:550b3fdc8788"
                     },
@@ -17387,7 +17432,7 @@ const getAttachmentUploadInput = async (instance)=>{
             "extractValue": false,
             "valueField": "version_id",
             "receiver": {
-              "url": "${context.rootUrl}/api/v4/instances/s3",
+              "url": "/api/instance/${context._id}/file",
               headers: {
                 Authorization: "Bearer ${context.tenantId},${context.authToken}"
               },
@@ -17399,7 +17444,7 @@ const getAttachmentUploadInput = async (instance)=>{
                 api.data.append('instance', '${instance._id}');
                 api.data.append('approve', '${instance.approve?._id}');
                 api.data.append('owner', '${auth.userId}');
-                api.data.append('owner_name', '${auth.name}');
+                api.data.append('owner_name', '${auth.user.name}');
                 return api;
               `
             },
@@ -17478,11 +17523,6 @@ const getRelatedInstances = async (instance)=>{
             }
           ],
           "actions": [
-            {
-              "icon": "fa fa-eye",
-              "type": "button",
-              "id": "u:ef52fa8940a8"
-            }
           ],
           "id": "u:550b3fdc8788"
         },
@@ -17899,6 +17939,10 @@ const getFieldEditTpl = async (field, label)=>{
       case "section":
         tpl.type = "input-text";
         break;
+      default:
+        tpl.type = 'steedos-field';
+        tpl.config = field.steedos_field;
+        break;
     }
   }
   // console.log('getFieldEditTpl ', label, tpl)
@@ -18023,15 +18067,15 @@ const getTdField = async (field, fieldsCount) => {
 
 const getTdTitle = (field) => {
   return {
-    className: "td-title",
+    className: `td-title td-title-${field.type}`,
     align: field.type != "section" ? "center" : "left",
     width: field.type != "section" ? "16%" : "",
     colspan: field.type == "section" ? 4 : "",
-    background: "#FFFFFF",
+    background: field.type == "section" ? "#f1f1f1" : "#FFFFFF",
     body: [
       {
         type: "tpl",
-        tpl: `<div>${field.name || field.code} ${field.is_required ? '<span class="antd-Form-star">*</span>' : ''}</div>`,
+        tpl: `<div class='${field.type == "section" ? "font-bold" : ""}'>${field.name || field.code} ${field.is_required ? '<span class="antd-Form-star">*</span>' : ''}</div>`,
       },
     ],
     // "id": "u:9b001b7ff92d",
@@ -18104,6 +18148,7 @@ const getFormTableView = async (instance) => {
     trs: await getFormTrs(instance),
     id: "u:047f3669468b",
   };
+  console.log('getFormTableView===>', instance, formSchema);
   return formSchema;
 };
 
@@ -18133,6 +18178,14 @@ const getApplicantTableView = async (instance) => {
     };
   }
 
+  if(applicantInput){
+    if(applicantInput.className){
+      applicantInput.className = `${applicantInput.className} inline-left`;
+    }else {
+      applicantInput.className = `inline-left`;
+    }
+  }
+
   return {
     type: "table-view",
     className: "instance-applicant-view",
@@ -18144,70 +18197,50 @@ const getApplicantTableView = async (instance) => {
             className: "td-title",
             background: "#FFFFFF",
             align: "left",
-            width: "16%",
+            width: "50%",
             colspan: "",
             body: [
               {
                 type: "tpl",
-                tpl: "<div>提交人</div>",
+                tpl: "<div class='inline-left'>提交人:</div>",
                 id: "u:ee62634201bf",
               },
+              applicantInput
             ],
             id: "u:6c24c1bb99c9",
             style: {
               padding: "none",
             },
           },
-          {
-            background: "#FFFFFF",
-            colspan: 1,
-            align: "left",
-            className: "td-field",
-            width: "32%",
-            body: [
-              applicantInput
-            ],
-            id: "u:45d65d91905c",
-          },
           {
             className: "td-title",
             background: "#FFFFFF",
             align: "left",
-            width: "16%",
+            width: "50%",
             colspan: "",
             body: [
               {
                 type: "tpl",
-                tpl: "<div>提交日期</div>",
+                tpl: "<div class='inline-left'>提交日期:</div>",
                 id: "u:6d0a7763d527",
               },
-            ],
-            id: "u:c8b8214ac931",
-            style: {
-              padding: "none",
-            },
-          },
-          {
-            background: "#FFFFFF",
-            colspan: 1,
-            align: "left",
-            className: "td-field",
-            width: "32%",
-            body: [
               {
                 label: false,
                 mode: "horizontal",
-                className: "m-none p-none",
+                className: "m-none p-none inline-left",
                 disabled: true,
                 type: "tpl",
                 inputFormat: "YYYY-MM-DD",
                 valueFormat: "YYYY-MM-DDT00:00:00.000[Z]",
                 tpl: '<div>${submit_date}</div>',
                 id: "u:2016b04355f4",
-              },
+              }
             ],
-            id: "u:81b07d82a5e4",
-          },
+            id: "u:c8b8214ac931",
+            style: {
+              padding: "none",
+            },
+          }
         ],
       },
     ],
@@ -18253,6 +18286,7 @@ const getFlowFormSchema = async (instance, box) => {
     name: "instancePage",
     className: "steedos-amis-instance-view",
     bodyClassName: "overflow-y-auto h-full",
+    headerClassName: "p-0",
     "title": {
       "type": "steedos-record-detail-header",
       "label": "标题面板",
@@ -18260,7 +18294,7 @@ const getFlowFormSchema = async (instance, box) => {
       "recordId": instance._id,
       "id": "u:e6b2adbe0e21",
       "showRecordTitle": false,
-      "className": "p-0 m-0 p0 m0"
+      "className": "p-0 m-0 p0 m0 bg-gray-50"
     },
     "css": {
       ".instance-approve-history .antd-Table-table thead": {
@@ -18274,6 +18308,25 @@ const getFlowFormSchema = async (instance, box) => {
       ".antd-List-heading": {
         "font-size": "14px",
         "font-weight": "500"
+      },
+      ".steedos-object-record-detail-header .antd-Grid-col--mdAuto": {
+        "padding": "0px !important"
+      },
+      ".steedos-amis-instance-view .antd-Page-body": {
+        "width": "1024px"
+      },
+      ".antd-List-placeholder": {
+        "display": "none"
+      },
+      ".steedos-amis-instance-view .antd-Table-fixedTop:after":{
+        "box-shadow": "none"
+      },
+      ".antd-List-items": {
+        "border": '0px'
+      },
+      ".antd-ListItem": {
+        "border-top": "0px  !important",
+        "background": "transparent !important"
       }
     },
     body: [
@@ -18618,7 +18671,10 @@ const isCurrentStepOpinionField = (field, currentStep)=>{
   return ___default.includes(___default.map(getOpinionFieldStepsName(field), 'stepName'), currentStep?.name);
 };
 
-const getInstanceInfo = async ({ instanceId, box }) => {
+
+const getInstanceInfo = async (props) => {
+  console.log(`getInstanceInfo props`, props);
+  const { instanceId, box } = props;
   const userId = getSteedosAuth$1().userId;
   const query = `{
       instance: instances__findOne(id:"${instanceId}"){
@@ -18701,7 +18757,7 @@ const getInstanceInfo = async ({ instanceId, box }) => {
   });
 
   const moment = getMoment();
-
+  console.log('getInstanceInfo====>', step, formVersion.fields);
   return {
     box: box,
     _id: instanceId,
@@ -18719,9 +18775,17 @@ const getInstanceInfo = async ({ instanceId, box }) => {
     title: instance.name || instance.form.name,
     name: instance.name || instance.form.name,
     fields: ___default.map(formVersion.fields, (field) => {
-      return Object.assign({}, field, {
+      const newField = Object.assign({}, field, {
         permission:  userApprove?.type != 'cc' && (step?.permissions[field.code] || ( isCurrentStepOpinionField(field, step) ? 'editable' : '')),
       }) ;
+      if(field.type === 'section'){
+        newField.fields = ___default.map(field.fields, (sfield) => {
+          return Object.assign({}, sfield, {
+            permission:  userApprove?.type != 'cc' && (step?.permissions[sfield.code] || ( isCurrentStepOpinionField(sfield, step) ? 'editable' : '')),
+          });
+        });
+      }
+      return newField;
     }),
     flowVersion: flowVersion,
     formVersion: formVersion,