@steedos-widgets/amis-lib 3.6.2-beta.4 → 3.6.2-beta.6

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as _$1 from 'lodash';
-import ___default, { isEmpty, isArray, each, find, endsWith, cloneDeep, forEach, includes, trimEnd, isBoolean, omitBy, isNil, toArray, mergeWith, get, map, isString, union, has, slice, defaultsDeep as defaultsDeep$1, isObject as isObject$1, clone, filter, startsWith } from 'lodash';
+import ___default, { isEmpty, isArray, each, find, endsWith, cloneDeep, forEach, includes, trimEnd, isBoolean, omitBy, isNil, toArray, mergeWith, get, map, isString, union, has, slice, defaultsDeep as defaultsDeep$1, reverse, isObject as isObject$1, clone, filter, startsWith } from 'lodash';
 import i18next from 'i18next';
 export { default as i18next } from 'i18next';
 import { initReactI18next } from 'react-i18next';
@@ -1403,9 +1403,9 @@ var frontend_display_type_is_split = "分栏视图";
 var frontend_display_as = "显示为";
 var frontend_record_sum = "个项目";
 var frontend_button_reload_tooltip = "刷新";
-var frontend_button_search_tooltip = "筛选";
+var frontend_button_search_tooltip = "搜索";
 var frontend_fields_filter_button_search = "搜索";
-var frontend_fields_filter_button_settings = "设置搜索项";
+var frontend_fields_filter_button_settings = "选择搜索项";
 var frontend_button_listview_control_tooltip = "列表视图控制";
 var frontend_button_listview_control_label = "列表视图控制";
 var frontend_listview_control_columns = "显示的列";
@@ -2062,7 +2062,7 @@ async function getTableColumns(fields, options){
         if(field.wrap != true){
             className += " whitespace-nowrap ";
         }else {
-            className += " break-all ";
+            className += " break-words ";
         }
         let columnItem;
         if((field.is_name || field.name === options.labelFieldName) && options.objectName === 'cms_files'){
@@ -2498,7 +2498,8 @@ async function getTableOperation(ctx){
         label: " ",
         fixed: 'right',
         labelClassName: 'text-center',
-        className: 'text-center steedos-listview-operation w-10',
+        //TODO:目前3.6.3-patch.3版本中对于动态classname处理存在问题，简单处理固定列问题，等待amis解决crud的columns不支持动态classname的问题
+        className: 'text-center steedos-listview-operation w-10 is-sticky is-sticky-right is-sticky-first-right',
         buttons: [
               {
                 "type": "steedos-dropdown-button",
@@ -2594,7 +2595,7 @@ async function getTableSchema$1(fields, options){
             }
             return {
                 mode: "cards",
-                perPageAvailable: [5, 10, 20, 50, 100, 500],
+                perPageAvailable: [20, 50, 100, 500],
                 name: "thelist",
                 headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
                 className: "",
@@ -2627,7 +2628,7 @@ async function getTableSchema$1(fields, options){
 
     return {
         mode: "table",
-        perPageAvailable: [5, 10, 20, 50, 100, 500],
+        perPageAvailable: [20, 50, 100, 500],
         name: "thelist",
         headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
         className: "",
@@ -3131,12 +3132,21 @@ function getReadonlyFormAdaptor(object, fields, options){
         }
         payload.data = data;
         payload.data.__objectName = "${object.name}";
-        payload.data.__record = record;
+        payload.data.record = record;
+
+        payload.data.NAME_FIELD_VALUE = record.${object.NAME_FIELD_KEY || 'name'};
+        payload.data._master = {
+            record: record,
+            objectName: "${object.name}",
+            recordId: record._id
+        }
         window.postMessage(Object.assign({type: "record.loaded"}, {record: record}), "*")
     }
     if(payload.errors){
         payload.status = 2;
         payload.msg = payload.errors[0].message;
+    }else{
+        payload.data.recordLoaded = true;
     }
     ${options && options.initApiAdaptor || ''}
     return payload;
@@ -3279,7 +3289,7 @@ async function getEditFormInitApi(object, recordId, fields, options){
         cache: API_CACHE,
         requestAdaptor: `
             // 所有不想在network请求中发送的数据都应该从data中分离出来，data变量只需要留下query才需要发送出去
-            var { recordId, objectName, uiSchema, global, context, ...data} = api.data;
+            var { recordId, objectName, uiSchema, global, context, _master, ...data} = api.data;
             if(!recordId){
                 // 新建则不请求任何数据
                 data.query = "{data:" + objectName + "(filters: " + JSON.stringify(["_id", "=", null]) + ", top: 1){_id}}";
@@ -3354,15 +3364,17 @@ async function getEditFormInitApi(object, recordId, fields, options){
             }
             // data下的变量需要在保存接口（getSaveApi）中被删除。
             payload.data = {
-                ...initialValues
+                ...initialValues,
+                editFormInited: true
             }
             ${options.initApiAdaptor || ''}
+            // console.log('getEditFormInitApi======>', payload);
             return payload;
         `,
-        responseData: {
-            initialValues: "$$",
-            editFormInited: true
-        },
+        // responseData: {
+        //     initialValues: "$$",
+        //     editFormInited: true
+        // },
         data: data,
         headers: {
             Authorization: "Bearer ${context.tenantId},${context.authToken}"
@@ -5113,7 +5125,7 @@ const StandardButtons = {
     }
 };
 
-const getGlobalData$1 = () => {
+const getGlobalData = () => {
     return {
         now: new Date(),
     };
@@ -5172,7 +5184,7 @@ const getButtonVisible = (button, ctx) => {
                     button._visible,
                     props.record,
                     "#",
-                    getGlobalData$1(),
+                    getGlobalData(),
                     props.userSession
                 );
             };
@@ -6550,6 +6562,48 @@ function getObjectListHeader$1(objectSchema, listViewName, ctx) {
   return headerSchema;
 }
 
+function getBackButtonSchema(){
+  return {
+    "type": "service",
+    "onEvent": {
+        "@history_paths.changed": {
+            "actions": [
+                {
+                    "actionType": "reload",
+                    // amis 3.6需要传入data来触发下面的window:historyPaths重新计算，此问题随机偶发，加上data后正常
+                    "data": {
+                    }
+                }
+            ]
+        }
+    },
+    "body":[{
+      "type": "button",
+      "visibleOn": "${window:innerWidth > 768 && (window:historyPaths.length > 1 || window:historyPaths[0].params.record_id) && display !== 'split'}",
+      "className":"flex mr-4",
+      "onEvent": {
+          "click": {
+              "actions": [
+                  {
+                      "actionType": "custom",
+                      "script": "window.goBack()"
+                  }
+              ]
+          }
+      },
+      "body": [
+          {
+              "type": "steedos-icon",
+              "category": "utility",
+              "name": "back",
+              "colorVariant": "default",
+              "className": "slds-button_icon slds-global-header__icon w-4"
+          }
+      ]
+    }]
+  }
+}
+
 /**
  * 记录详细界面顶部头amisSchema，也是标题面板组件的amisSchema
  * @param {*} objectSchema 对象UISchema
@@ -6558,11 +6612,21 @@ function getObjectListHeader$1(objectSchema, listViewName, ctx) {
  * @returns amisSchema
  */
 async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
+  // console.log(`getObjectRecordDetailHeader====>`, options)
   const { showRecordTitle = true } = options || {};
   // console.log('getObjectRecordDetailHeader==>', objectSchema, recordId)
   const { name, label, icon, NAME_FIELD_KEY } = objectSchema;
   
-  let amisButtonsSchema = getObjectDetailButtonsSchemas(objectSchema, recordId, options);
+  let amisButtonsSchema = [];
+  if(options.showButtons != false){
+    amisButtonsSchema = getObjectDetailButtonsSchemas(objectSchema, recordId, options);
+  }
+
+  let backButtonsSchema = null;
+
+  if(options.showBackButton != false){
+    backButtonsSchema = getBackButtonSchema();
+  }
 
   // console.log(`getObjectRecordDetailHeader==>`, amisButtonsSchema)
   
@@ -6577,45 +6641,9 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
           "type": "grid",
           "columns": [
             {
-              "body": [{
-                "type": "service",
-                "onEvent": {
-                    "@history_paths.changed": {
-                        "actions": [
-                            {
-                                "actionType": "reload",
-                                // amis 3.6需要传入data来触发下面的window:historyPaths重新计算，此问题随机偶发，加上data后正常
-                                "data": {
-                                }
-                            }
-                        ]
-                    }
-                },
-                "body":[{
-                  "type": "button",
-                  "visibleOn": "${window:innerWidth > 768 && (window:historyPaths.length > 1 || window:historyPaths[0].params.record_id) && display !== 'split'}",
-                  "className":"flex mr-4",
-                  "onEvent": {
-                      "click": {
-                          "actions": [
-                              {
-                                  "actionType": "custom",
-                                  "script": "window.goBack()"
-                              }
-                          ]
-                      }
-                  },
-                  "body": [
-                      {
-                          "type": "steedos-icon",
-                          "category": "utility",
-                          "name": "back",
-                          "colorVariant": "default",
-                          "className": "slds-button_icon slds-global-header__icon w-4"
-                      }
-                  ]
-                }]
-              },{
+              "body": [
+                backButtonsSchema
+              ,{
                 "type": "tpl",
                 "className": "block",
                 // "tpl": `<img class='slds-icon slds-icon_container slds-icon-standard-${standardIcon}' src='\${context.rootUrl}/unpkg.com/@salesforce-ux/design-system/assets/icons/standard/${icon}.svg'>`
@@ -6636,8 +6664,7 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
                 },
                 {
                   "type": "tpl",
-                  "tpl": "${name}",
-                  // "tpl": "${(record && uiSchema && record[uiSchema.NAME_FIELD_KEY]) || name}",
+                  "tpl": "${NAME_FIELD_VALUE}",
                   "inline": false,
                   "wrapperComponent": "",
                   "className": "record-detail-header-name leading-5 text-xl font-bold"
@@ -6665,7 +6692,7 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
   let body = [
     {
       "type": "wrapper",
-      "className": "p-0",
+      "className": "p-4",
       "body": [
         {
           "type": "grid",
@@ -6680,7 +6707,7 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
   if(showRecordTitle){
     body.push({
       "type": "wrapper",
-      "className": "p-0",
+      "className": "p-4",
       "body": [
         {
           "type": "grid",
@@ -6692,11 +6719,38 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
     });
   }
 
+  let max = 10;
+  if(options.formFactor === 'SMALL'){
+    max = 4;
+  }
+
+  if(objectSchema.compactLayouts){
+    const details = [];
+    _.each(_.slice(_.difference(objectSchema.compactLayouts, [objectSchema.NAME_FIELD_KEY]), 0, max), (fieldName)=>{
+      const field = objectSchema.fields[fieldName];
+      if(field){
+        details.push({
+          type: 'steedos-field',
+          static: true,
+          config: field,
+        });
+      }
+    });
+
+    body.push({
+      "type": "form",
+      "className": "p-4 pb-0 bg-white compact-layouts",
+      "wrapWithPanel": false,
+      "actions": [],
+      "body": details,
+      "hiddenOn": "${recordLoaded != true}"
+    });
+  }
+
   return {
     type: 'service',
     id: `page_readonly_${name}_header`,
     name: `page`,
-    data: { objectName: name, _id: recordId, recordPermissions: objectSchema.permissions, uiSchema: objectSchema, record: "${record}" },
     body: body, 
     className: ''
   }
@@ -7903,7 +7957,7 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
       {
         "type": "search-box",
         "name": keywordsSearchBoxName,
-        "placeholder": "搜索此列表",
+        "placeholder": "快捷搜索",
         "value": crudKeywords,
         // "clearable": true,//因为清除并不会触发失去焦点事件，只有禁用，但是它会触发change事件，所以等升级到amis 3.4+后可以重新放开
         "clearAndSubmit": true,
@@ -8504,7 +8558,9 @@ async function getObjectCRUD(objectSchema, fields, options){
               return payload;
           `
         },
-        rowClassNameExpr: options.rowClassNameExpr
+        // 外层data发生变化的时候, 不会重新渲染rowClassNameExpr, 所以先用css标记tr唯一标识
+        // 使用表达式给tr添加初始选中状态
+        rowClassNameExpr: options.rowClassNameExpr || "<%= data._id === data.recordId ? 'steedos-record-tr steedos-record-tr-' + data._id + ' steedos-record-selected' : 'steedos-record-tr steedos-record-tr-' + data._id %>" 
       }, bodyProps);
 
     }
@@ -8519,7 +8575,7 @@ async function getObjectCRUD(objectSchema, fields, options){
 
     if(body.columns && options.formFactor != 'SMALL'){
       //将_display放入crud的columns的倒数第二列中（最后一列会影响固定列），可以通过setvalue修改行内数据域的_display，而不影响上层items的_display,用于批量编辑
-      body.columns.splice(body.columns.length - 1, 0, {name: '_display',type: 'static', width: 32, placeholder: "",id: objectSchema.name + "_display_${_index}", className: "hidden"});
+      body.columns.splice(body.columns.length -1 , 0, {name: '_display',type: 'static', width: 1, placeholder: "",id: objectSchema.name + "_display_${_index}", tpl: "${''}"});
     }
 
     if (defaults) {
@@ -8577,11 +8633,6 @@ async function getObjectCRUD(objectSchema, fields, options){
     }
 }
 
-const getGlobalData = (mode)=>{
-  const user = getSteedosAuth();
-  return {mode: mode, user: user, spaceId: user.spaceId, userId: user.userId}
-};
-
 const getFormFields$1 = (objectSchema, formProps)=>{
   /**
    * fieldsExtend: 重写字段定义
@@ -8659,9 +8710,7 @@ async function getObjectForm(objectSchema, ctx){
       id: `service_${formSchema.id}`,
       className: 'p-0',
       name: `page_edit_${recordId}`,
-      api: await getEditFormInitApi(objectSchema, recordId, fields, ctx),
       data:{
-        editFormInited: false,
         ...amisData
       },
       // data: {global: getGlobalData('edit'), recordId: recordId, objectName: objectSchema.name, context: {rootUrl: getRootUrl(), tenantId: getTenantId(), authToken: getAuthToken()}},
@@ -8670,8 +8719,9 @@ async function getObjectForm(objectSchema, ctx){
       body: [defaultsDeep({}, formSchema, {
         type: "form",
         mode: layout,
+        initApi: await getEditFormInitApi(objectSchema, recordId, fields, ctx),
         data: {
-          "&": "${initialValues}"
+          editFormInited: false,
         },
         labelAlign,
         persistData: false,
@@ -8685,11 +8735,15 @@ async function getObjectForm(objectSchema, ctx){
         submitText: "", // amis 表单不显示提交按钮, 表单提交由项目代码接管
         api: await getSaveApi(objectSchema, recordId, fields, ctx),
         initFetch: recordId != 'new',
-        body: await getFormBody(fields, formFields, Object.assign({}, ctx, {fieldGroups: objectSchema.field_groups})),
+        body: {
+          type: 'wrapper',
+          className: 'p-0 m-0',
+          body: await getFormBody(fields, formFields, Object.assign({}, ctx, {fieldGroups: objectSchema.field_groups})),
+          hiddenOn: "${editFormInited != true}",
+        },
         panelClassName:'m-0 sm:rounded-lg shadow-none border-none',
         bodyClassName: 'p-0',
         className: 'steedos-amis-form',
-        hiddenOn: "${editFormInited != true}",
         onEvent: {
           "submitSucc": {
             "weight": 0,
@@ -8743,8 +8797,7 @@ async function getObjectDetail(objectSchema, recordId, ctx){
         type: 'service',
         name: `page_readonly_${recordId}`,
         id: serviceId,
-        data: {global: getGlobalData('read'), context: {rootUrl: getRootUrl(), tenantId: getTenantId(), authToken: getAuthToken()}},
-        api: await getReadonlyFormInitApi(objectSchema, recordId, fields, ctx),
+        // api: await getReadonlyFormInitApi(objectSchema, recordId, fields, ctx),
         body: [
           {
             "type": "wrapper",   //form 的 hiddenOn 会导致 form onEvent 异常, 使用wrapper包裹一次form,并在wrapper上控制显隐
@@ -8770,60 +8823,41 @@ async function getObjectDetail(objectSchema, recordId, ctx){
               ),
               className: 'steedos-amis-form bg-white',
               actions: [], // 不显示表单默认的提交按钮
-              onEvent: {
-                [`@data.changed.${objectSchema.name}`]: {  // 由于amis service 组件的 onEvent 存在bug ,此处借助form来刷新 上层 service https://github.com/baidu/amis/issues/6294
-                  "actions": [
-                    {
-                      "actionType": "reload",
-                      "componentId": serviceId,
-                      "expression": "this.__deletedRecord != true"
-                    },
-                    {
-                      // "args": {
-                      //   "url": "/app/${appId}/${objectName}/grid/${side_listview_id}",
-                      //   "blank": false
-                      // },
-                      "actionType": "custom",
-                      "script": "window.goBack()",
-                      "expression": "this.__deletedRecord === true"
-                    }
-                  ]
-                }
-              }
           },
           }
         ],
-        onEvent: {
-          "fetchInited": {
-            "weight": 0,
-            "actions": [
-              {
-                actionType: 'broadcast',
-                eventName: "recordLoaded",
-                args: {
-                  eventName: "recordLoaded"
-                },
-                data: {
-                  objectName: "${event.data.__objectName}",
-                  record: "${event.data.__record}"
-                },
-                expression: "${event.data.__response.error != true}"
-              },
-              {
-                "actionType": "setValue",
-                "args": {
-                   value: {
-                    "recordLoaded": true,
-                   }
-                },
-                expression: "${event.data.__response.error != true}"
-            }
-            ]
-          }
-        }
+        // onEvent: {
+        //   "fetchInited": {
+        //     "weight": 0,
+        //     "actions": [
+        //       {
+        //         actionType: 'broadcast',
+        //         eventName: "recordLoaded",
+        //         args: {
+        //           eventName: "recordLoaded"
+        //         },
+        //         data: {
+        //           objectName: "${event.data.__objectName}",
+        //           record: "${event.data.__record}"
+        //         },
+        //         expression: "${event.data.__response.error != true}"
+        //       },
+        //       {
+        //         "actionType": "setValue",
+        //         "args": {
+        //            value: {
+        //             "recordLoaded": true,
+        //            }
+        //         },
+        //         expression: "${event.data.__response.error != true}"
+        //     }
+        //     ]
+        //   }
+        // }
     };
 
     amisSchema.body[0].body = await getFormSchemaWithDataFilter(amisSchema.body[0].body, { formDataFilter, onFormDataFilter, amisData, env });
+    // console.log('getObjectDetail=====>', amisSchema);
     return amisSchema;
 }
 
@@ -8903,8 +8937,8 @@ const getRecordPermissions = async (objectName, recordId)=>{
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
- * @LastEditors: liaodaxue
- * @LastEditTime: 2023-11-14 15:55:32
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-01-15 10:34:46
  * @Description:
  */
 
@@ -9284,11 +9318,44 @@ async function getRelatedListSchema(
     };
   }
 
+async function getObjectRelatedListsMiniSchema(objectApiName){
+    const relatedLists = await getObjectRelatedList(objectApiName);
+
+    const relatedListsMiniSchema = [];
+
+    for (const relatedList of relatedLists) {
+        relatedListsMiniSchema.push(
+            {
+                type: 'steedos-record-detail-list-mini',
+                objectApiName: objectApiName,
+                // recordId: recordId,
+                formFactor: formFactor,
+                relatedObjectApiName: relatedList.object_name,
+                foreign_key: relatedList.foreign_key,
+                relatedKey: relatedList.foreign_key,
+                columns: relatedList.columns,
+                sort: relatedList.sort,
+                filters: relatedList.filters,
+                visible_on: relatedList.visible_on,
+                perPage: relatedList.page_size || perPage,
+                hiddenEmptyTable: true,
+                relatedLabel: relatedList.label
+            }
+        );
+    }
+
+    return {
+        type: 'wrapper',
+        className: "steedos-record-detail-related-lists-mini",
+        body: relatedListsMiniSchema
+    }
+}
+
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
- * @LastEditors: liaodaxue
- * @LastEditTime: 2023-10-20 11:38:25
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-01-16 11:14:34
  * @Description:
  */
 
@@ -9460,7 +9527,7 @@ async function getField(objectName, fieldName) {
 async function getFormSchema(objectName, ctx) {
     const uiSchema = await getUISchema(objectName);
     const amisSchema = await getObjectForm(uiSchema, ctx);
-    console.log(`getFormSchema====>`, amisSchema);
+    // console.log(`getFormSchema====>`, amisSchema)
     return {
         uiSchema,
         amisSchema,
@@ -9818,78 +9885,136 @@ async function getRecordDetailSchema(objectName, appId, props = {}){
     if(relatedLists.length){
         content.tabs.push(related);
     }
+    content.tabs = reverse(content.tabs);
     return {
         uiSchema,
         amisSchema: {
-            "type": "service",
+            "type": "steedos-record-service",
             "body": [
                 {
                     "type": "steedos-record-detail-header",
                     "label": "标题面板",
                     "objectApiName": "${objectName}",
                     "recordId": "${recordId}",
-                    "id": "u:48d2c28eb755"
+                    "id": "u:48d2c28eb755",
+                    "showButtons": props.showButtons,
+                    "showBackButton": props.showBackButton,
                 },
                 content
             ],
-            data: {
-                "_master.objectName": "${objectName}",  
-                "_master.recordId": "${recordId}"
-            },
-            onEvent: {
-                "recordLoaded": {
-                    "actions": [
-                        {
-                            "actionType": "reload",
-                            "data": {
-                                "name": `\${record.${uiSchema.NAME_FIELD_KEY || 'name'}}`,
-                                "_master.record": `\${record}`, 
-                                // 不清楚reload 如何给对象下的某个key复制, 所以此处重复设置_master的objectName、recordId
-                                "_master.objectName": "${objectName}", 
-                                "_master.recordId": "${recordId}"
-                            }
-                        }
-                    ]
-                },
-                ...props.onEvent
-            },
+            "objectApiName": "${objectName}",
+            "recordId": "${recordId}",
+            onEvent: props.onEvent,
           }
     }
 }
 
-async function getRecordServiceSchema(objectName, appId, props = {}) {
+async function getRecordServiceSchema(objectName, appId, props = {}, body) {
     const uiSchema = await getUISchema(objectName);
+    const fields = ___default.values(uiSchema.fields);
+    const serviceId = `u:steedos-record-service-${objectName}`;
     return {
         uiSchema,
         amisSchema: {
-            "type": "service",
-            "body": [],
-            data: {
-                "_master.objectName": "${objectName}",
-                "_master.recordId": "${recordId}"
-            },
-            "style": {
-                "padding": "var(--Page-body-padding)",
-                ...props.style
-            },
+            type: 'service',
+            className: "p-0 m-0",
             onEvent: {
-                "recordLoaded": {
+                [`@data.changed.${objectName}`]: {
                     "actions": [
                         {
                             "actionType": "reload",
-                            "data": {
-                                "name": `\${record.${uiSchema.NAME_FIELD_KEY || 'name'}}`,
-                                "_master.record": `\${record}`,
-                                // 不清楚reload 如何给对象下的某个key复制, 所以此处重复设置_master的objectName、recordId
-                                "_master.objectName": "${objectName}",
-                                "_master.recordId": "${recordId}"
-                            }
+                            "componentId": serviceId,
+                            "expression": "this.__deletedRecord != true"
+                        },
+                        {
+                            "actionType": "custom",
+                            "script": "window.goBack()",
+                            "expression": "this.__deletedRecord === true"
                         }
                     ]
                 },
-                ...props.onEvent
+            },
+            body: {
+                "type": "service",
+                id: serviceId,
+                className: 'steedos-record-service p-0 md:p-2',
+                api: await getReadonlyFormInitApi(uiSchema, props.recordId, fields, props),
+                body:  {
+                    "type": "wrapper",
+                    "className": "p-0 m-0",
+                    "body": body || [],
+                    "hiddenOn": "${recordLoaded != true}"
+                  },
+                data: {
+                    "_master.objectName": "${objectName}",
+                    "_master.recordId": "${recordId}",
+                    ...(props.data || {})
+                },
+                "style": {
+                    // "padding": "var(--Page-body-padding)",
+                    ...props.style
+                },
+                onEvent: {
+                    // 如果定义了fetchInited,则无法接收到广播事件@data.changed
+                    "fetchInited": {  
+                        "weight": 0,
+                        "actions": [
+                            {
+                                actionType: 'broadcast',
+                                eventName: "recordLoaded",
+                                data: {
+                                    objectName: "${event.data.__objectName}",
+                                    record: "${event.data.record}"
+                                },
+                                expression: "${event.data.__response.error != true}"
+                            },
+                        ]
+                    },
+                    ...props.onEvent
+                }
             }
         }
+        
+        
+    }
+}
+
+async function getRecordDetailMiniSchema(objectName, appId, props = {}){
+    const uiSchema = await getUISchema(objectName);
+    const fields = ___default.values(uiSchema.fields);
+
+    props.initApiAdaptor = 'payload.data=Object.assign({}, payload.data, payload.data.record); payload.data._finished=true; console.log("payload data is ====>", payload)';
+
+    // TODO 处理相关表
+    // getObjectRelatedListsMiniSchema
+
+    return {
+        type: "form",
+        wrapWithPanel: false,
+        actions: [],
+        initApi: await getReadonlyFormInitApi(uiSchema, props.recordId, fields, props),
+        body: {
+            "type": "wrapper",
+            "className": "p-0 m-0",
+            "body": [
+                {
+                    "type": "steedos-record-detail-header",
+                    "showButtons": false,
+                    "showBackButton": false,
+                    "objectApiName": "${objectName}",
+                    "recordId": "${recordId}",
+                },
+                // {
+                //     "type": "steedos-object-related-lists",
+                //     "label": "相关列表",
+                //     "objectApiName": "${objectName}",
+                //     "staticRecordId": "${recordId}",
+                //     formFactor: "SMALL",                
+                //     appId: appId
+                // }
+            ],
+            "hiddenOn": "${_finished != true}"
+          }
     }
 }
 
@@ -11040,7 +11165,8 @@ async function lookupToAmisPicker(field, readonly, ctx){
         labelField: referenceTo.labelField.name,
         valueField: referenceTo.valueField.name,
         // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段，多选字段可以编辑。
-        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || ((this.relatedKey ==='${field.name}') && (${field.multiple} != true)) )`,
+        disabledOn:  `${readonly}`,
+        hiddenOn: `( (this._master && (this._master.relatedKey ==='${field.name}')) || ((this.relatedKey ==='${field.name}') && (${field.multiple} != true)) )`,
         modalMode: 'dialog', //TODO 设置 dialog 或者 drawer，用来配置弹出方式
         source: source,
         size: "lg",
@@ -11284,9 +11410,15 @@ async function lookupToAmis(field, readonly, ctx){
     // console.log(`lookupToAmis====`, field, readonly, ctx)
     if(readonly){
         return {
-            type: getAmisStaticFieldType('picker', readonly),
-            tpl: getRelatedFieldTpl(field, ctx)
+            type: 'steedos-field',
+            config: field,
+            static: true
         }
+
+        // return {
+        //     type: Field.getAmisStaticFieldType('picker', readonly),
+        //     tpl: Tpl.getRelatedFieldTpl(field, ctx)
+        // }
     }
     if(field.reference_to && !_$1.isString(field.reference_to) && !readonly){
         return {
@@ -12279,11 +12411,9 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             if(field.subFields){
                 convertData = {
                     type: 'steedos-input-table',
-                    showIndex: true,
                     editable: !readonly,
                     addable: !readonly,
                     removable: !readonly,
-                    draggable: !readonly,
                     fields: [],
                     amis:{
                         columnsTogglable: false
@@ -12741,7 +12871,7 @@ async function getFormBody(permissionFields, formFields, ctx){
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2024-01-14 21:08:32
+ * @LastEditTime: 2024-01-16 14:58:51
  */
 
 /**
@@ -12890,8 +13020,15 @@ function getFormPagination(props, mode) {
         let currentIndex = event.data.index;
         // 翻页到下一页之前需要先把当前页改动的内容保存到中间变量__tableItems中
         let currentFormValues = scope.getComponentById(__formId).getValues();
-        if(event.data.parent){
-            fieldValue[event.data.__parentIndex].children[currentIndex] = currentFormValues;
+        var parent = event.data.parent;
+        var __parentIndex = event.data.__parentIndex;
+        if(parent){
+            fieldValue[__parentIndex].children[currentIndex] = currentFormValues;
+            // 重写父节点，并且改变其某个属性以让子节点修改的内容回显到界面上
+            fieldValue[__parentIndex] = Object.assign({}, fieldValue[__parentIndex], {
+                children: fieldValue[__parentIndex].children,
+                __fix_rerender_after_children_modified_tag: new Date().getTime()
+            });
         }
         else{
             fieldValue[currentIndex] = currentFormValues;
@@ -13029,9 +13166,14 @@ function getFormPaginationWrapper(props, form, mode) {
         }
     ];
     let onServiceInitedScript = `
-        if(event.data.parent){
+        var parent = event.data.parent;
+        var fieldValue = event.data.__tableItems;
+        if(parent){
             // 如果是子行，即在节点嵌套情况下，当前节点如果是children属性下的子节点时，则算出其所属父行的索引值
-            event.data.__parentIndex = _.findIndex(event.data.__tableItems, {_id: event.data.parent._id});
+            var primaryKey = "${props.primaryKey}";
+            event.data.__parentIndex = _.findIndex(fieldValue, function(item){
+                return item[primaryKey] == parent[primaryKey];
+            });
         }
         // 以下脚本是为了解决有时弹出编辑表单时，表单中的值比最后一次编辑保存的值会延迟一拍。
         // 比如：inlineEditMode模式时，用户在表格单元格中直接修改数据，然后弹出的表单form中并没有包含单元格中修改的内容
@@ -13143,6 +13285,11 @@ async function getForm(props, mode = "edit", formId) {
             var __parentIndex = event.data.__super.__super.__parentIndex;
             if(parent){
                 fieldValue[__parentIndex].children[currentIndex] = currentFormValues;
+                // 重写父节点，并且改变其某个属性以让子节点修改的内容回显到界面上
+                fieldValue[__parentIndex] = Object.assign({}, fieldValue[__parentIndex], {
+                    children: fieldValue[__parentIndex].children,
+                    __fix_rerender_after_children_modified_tag: new Date().getTime()
+                });
             }
             else{
                 fieldValue[currentIndex] = currentFormValues;
@@ -13287,9 +13434,13 @@ async function getButtonActions(props, mode) {
             let fieldValue = event.data.__tableItems;//这里不可以_.cloneDeep，因为翻页form中用的是event.data.__tableItems，直接变更其值即可改变表单中的值
             // 新建一条空白行并保存到子表组件
             var parent = event.data.__super.parent;
-            var __parentIndex = parent && _.findIndex(fieldValue, {_id: parent._id});
+            var primaryKey = "${props.primaryKey}";
+            var __parentIndex = parent && _.findIndex(fieldValue, function(item){
+                return item[primaryKey] == parent[primaryKey];
+            });
             if(parent){
                 fieldValue[__parentIndex].children.push({});
+                // 这里实测不需要fieldValue[__parentIndex] = ... 来重写整个父行让子表回显，所以没加相关代码
             }
             else{
                 fieldValue.push({});
@@ -13324,9 +13475,13 @@ async function getButtonActions(props, mode) {
             // 复制当前页数据到新建行并保存到子表组件
             // fieldValue.push(newItem);
             var parent = event.data.__super.parent;
-            var __parentIndex = parent && _.findIndex(fieldValue, {_id: parent._id});
+            var primaryKey = "${props.primaryKey}";
+            var __parentIndex = parent && _.findIndex(fieldValue, function(item){
+                return item[primaryKey] == parent[primaryKey];
+            });
             if(parent){
                 fieldValue[__parentIndex].children.push(newItem);
+                // 这里实测不需要fieldValue[__parentIndex] = ... 来重写整个父行让子表回显，所以没加相关代码
             }
             else{
                 fieldValue.push(newItem);
@@ -13342,7 +13497,6 @@ async function getButtonActions(props, mode) {
             let __paginationServiceId = "${formPaginationId}";
             let __paginationData = scope.getComponentById(__paginationServiceId).getData();
             event.data.index = __paginationData.index;
-            // event.data.__page = fieldValue.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
             if(parent){
                 event.data.__page = fieldValue[__parentIndex].children.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
                 event.data.__parentIndex = __parentIndex; //执行下面的翻页按钮事件中依赖了__parentIndex值
@@ -13431,8 +13585,9 @@ async function getButtonActions(props, mode) {
                     // 为了解决"弹出的dialog窗口中子表组件会影响页面布局界面中父作用域字段值"，比如设计字段布局微页面中的设置分组功能，弹出的就是子表dialog
                     // 所以这里使用json|toJson转一次，断掉event.data.__tableItems与上层任用域中props.name的联系
                     // "__tableItems": `\${${props.name}|json|toJson}`
-                    // 这里加__super.__super是因为要让映射到准确的作用域层，如果不加，在节点嵌套情况下，当前节点正好是带children属性的节点的话，这里弹出的dialog映射到的会是children数组
-                    "__tableItems": `\${((__super.parent ? __super.__super.${props.name} : __super.${props.name}) || [])|json|toJson}`
+                    // 在节点嵌套情况下，当前节点正好是带children属性的节点的话，这里弹出的dialog映射到的会是children数组，这是amis目前的规则，
+                    // 所以这里加判断有children时，用__super.__super让映射到正确的作用域层，如果不加，则__tableItems取到的会是children数组，而不是整个子表组件的值
+                    "__tableItems": `\${((children ? __super.__super.${props.name} : __super.${props.name}) || [])|json|toJson}`
         },
                 "actions": dialogButtons,
                 "onEvent": {
@@ -13550,9 +13705,17 @@ async function getButtonActions(props, mode) {
             let lastestFieldValue = _.clone(wrapperServiceData["${props.name}"]);
             var currentIndex = event.data.index;
             var parent = event.data.__super.parent;
-            var __parentIndex = parent && _.findIndex(lastestFieldValue, {_id: parent._id});
+            var primaryKey = "${props.primaryKey}";
+            var __parentIndex = parent && _.findIndex(lastestFieldValue, function(item){
+                return item[primaryKey] == parent[primaryKey];
+            });
             if(parent){
                 lastestFieldValue[__parentIndex].children.splice(currentIndex, 1);
+                // 重写父节点，并且改变其某个属性以让子节点修改的内容回显到界面上
+                lastestFieldValue[__parentIndex] = Object.assign({}, lastestFieldValue[__parentIndex], {
+                    children: lastestFieldValue[__parentIndex].children,
+                    __fix_rerender_after_children_modified_tag: new Date().getTime()
+                });
             }
             else{
                 lastestFieldValue.splice(currentIndex, 1);
@@ -13642,39 +13805,48 @@ const getAmisInputTableSchema = async (props) => {
     if (!props.id) {
         props.id = "steedos_input_table_" + props.name + "_" + Math.random().toString(36).substr(2, 9);
     }
+    if (!props.primaryKey) {
+        props.primaryKey = "_id";
+    }
+    let showOperation = props.showOperation;
+    if(showOperation !== false){
+        showOperation = true;
+    }
     let serviceId = getComponentId("table_service", props.id);
     let buttonsForColumnOperations = [];
     let inlineEditMode = props.inlineEditMode;
     let showAsInlineEditMode = inlineEditMode && props.editable;
-    if (props.editable) {
-        let showEditButton = true;
-        if (showAsInlineEditMode) {
-            // 始终显示弹出子表表单按钮，如果需要判断只在有列被隐藏时才需要显示弹出表单按钮放开下面的if逻辑就好
-            showEditButton = true;
-            // // inline edit模式下只在有列被隐藏时才需要显示编辑按钮
-            // if (props.columns && props.columns.length > 0 && props.columns.length < props.fields.length) {
-            //     showEditButton = true;
-            // }
-            // else {
-            //     showEditButton = false;
-            // }
+    if(showOperation){
+        if (props.editable) {
+            let showEditButton = true;
+            if (showAsInlineEditMode) {
+                // 始终显示弹出子表表单按钮，如果需要判断只在有列被隐藏时才需要显示弹出表单按钮放开下面的if逻辑就好
+                showEditButton = true;
+                // // inline edit模式下只在有列被隐藏时才需要显示编辑按钮
+                // if (props.columns && props.columns.length > 0 && props.columns.length < props.fields.length) {
+                //     showEditButton = true;
+                // }
+                // else {
+                //     showEditButton = false;
+                // }
+            }
+            // 编辑时显示编辑按钮
+            if (showEditButton) {
+                let buttonEditSchema = await getButtonEdit(props, showAsInlineEditMode);
+                buttonsForColumnOperations.push(buttonEditSchema);
+            }
+        }
+        else {
+            // 只读时显示查看按钮
+            // 如果想只在有列被隐藏时才需要显示查看按钮可以加上判断：if (props.columns && props.columns.length > 0 && props.columns.length < props.fields.length)
+            let buttonViewSchema = await getButtonView(props);
+            buttonsForColumnOperations.push(buttonViewSchema);
         }
-        // 编辑时显示编辑按钮
-        if (showEditButton) {
-            let buttonEditSchema = await getButtonEdit(props, showAsInlineEditMode);
-            buttonsForColumnOperations.push(buttonEditSchema);
+        if (props.removable) {
+            let buttonDeleteSchema = await getButtonDelete(props);
+            buttonsForColumnOperations.push(buttonDeleteSchema);
         }
     }
-    else {
-        // 只读时显示查看按钮
-        // 如果想只在有列被隐藏时才需要显示查看按钮可以加上判断：if (props.columns && props.columns.length > 0 && props.columns.length < props.fields.length)
-        let buttonViewSchema = await getButtonView(props);
-        buttonsForColumnOperations.push(buttonViewSchema);
-    }
-    if (props.removable) {
-        let buttonDeleteSchema = await getButtonDelete(props);
-        buttonsForColumnOperations.push(buttonDeleteSchema);
-    }
     let inputTableSchema = {
         "type": "input-table",
         "label": props.label,
@@ -13692,7 +13864,13 @@ const getAmisInputTableSchema = async (props) => {
         "strictMode": props.strictMode,
         "showTableAddBtn": false,
         "showFooterAddBtn": false,
-        "className": props.tableClassName
+        "className": props.tableClassName,
+        "pipeOut": (value, data) => {
+            return (value || []).map(function(item){
+                delete item.__fix_rerender_after_children_modified_tag;
+                return item;
+            });
+        }
     };
     if (buttonsForColumnOperations.length) {
         inputTableSchema.columns.push({
@@ -13715,7 +13893,7 @@ const getAmisInputTableSchema = async (props) => {
         return item.depend_on;
     });
     if (isAnyFieldHasDependOn) {
-        // 有任意一个子字段有depend_on属性时，强制设置禁用静态模式
+        // 有任意一个子字段有depend_on属性时，强制设置禁用静态模式，因为strictMode模式下，dependOn的字段值变更后，不会rerender整个子表
         Object.assign(inputTableSchema, {
             strictMode: false
         });
@@ -13820,7 +13998,7 @@ async function getListPageInitSchema(objectApiName, formFactor, userSession) {
 // 获取
 async function getRecordPageInitSchema(objectApiName){
     const relatedList = await getObjectRelatedList(objectApiName);
-    const uiSchema = await getUISchema(objectApiName);
+    await getUISchema(objectApiName);
     let body = [
         // detailHeaderAmisSchema,
         {
@@ -13828,28 +14006,7 @@ async function getRecordPageInitSchema(objectApiName){
             "label": "标题面板",
             "objectApiName": "${objectName}",
             "recordId": "${recordId}",
-            "onEvent": {
-                "recordLoaded": {
-                    "actions": [
-                        {
-                            "actionType": "setValue",
-                            "args": {
-                              "value": {
-                                "recordLoaded": true,
-                              }
-                            }
-                        },
-                        {
-                            "actionType": "reload",
-                            "data": {
-                                "name": `\${record.${uiSchema?.NAME_FIELD_KEY || 'name'}}`,
-                                "record": `\${record}`,
-                                "recordLoaded": true,
-                            }
-                        }
-                    ]
-                }
-            }
+            "onEvent": {}
         }
     ];
     let contentBody = {
@@ -16414,5 +16571,5 @@ const getInstanceInfo = async ({ instanceId, box }) => {
   };
 };
 
-export { index as Field, Router, absoluteUrl, amisRender, amisRootClick, cloneObject, conditionsToFilters, createObject, defaultsDeep, deleteVariable, execute, executeButton, extendObject, fetchAPI, filtersToConditions, getAmisInputTableSchema, getApp, getApps, getAuthToken, getAuthorization, getButton, getButtonVisible, getButtonVisibleOn, getButtons, getCalendarSchema, getDefaultRenderData, getEnv, getEnvs, getEvn, getField, getFileSrc, getFlowFormSchema, getFormPageInitSchema, getFormSchema, getGlobalNowData, getIdsPickerSchema, getImageSrc, getInstanceInfo, getListPageInitSchema, getListSchema, getListViewButtons, getListViewColumns, getListViewFilter, getListViewItemButtons, getListViewSort, getListviewInitSchema, getLookupSapceUserTreeSchema, getNotifications, getObjectDetailButtons, getObjectDetailButtonsSchemas, getObjectDetailMoreButtons, getObjectFieldsFilterBarSchema, getObjectFieldsFilterButtonSchema, getObjectFieldsFilterFormSchema, getObjectListHeader$1 as getObjectListHeader, getObjectListHeaderFieldsFilterBar, getObjectListHeaderFirstLine, getObjectListHeaderSecordLine, getObjectListViewButtonsSchemas, getObjectRecordDetailHeader, getObjectRecordDetailRelatedListButtonsSchemas, getObjectRecordDetailRelatedListHeader, getObjectRelated, getObjectRelatedList, getObjectRelatedListButtons, getObjectRelatedListHeader, getPage, getRecord, getRecordDetailHeaderSchema, getRecordDetailRelatedListSchema, getRecordDetailSchema, getRecordPageInitSchema, getRecordPermissions, getRecordServiceSchema, getReferenceTo, getReferenceToFieldSchema, getReferenceToSync, getRelatedFieldValue, getRelatedListSchema, getRelatedsCount, getRootUrl, getSelectUserSchema, getSpaceUsersPickerAmisSchema, getSpaceUsersPickerSchema, getSteedosAuth, getTableSchema, getTenantId, getUISchema, getUISchemaSync$1 as getUISchemaSync, getUserId, getViewSchema, isExpression, isObject, lookupToAmis, lookupToAmisIdsPicker, lookupToAmisPicker, lookupToAmisSelect, lookupToAmisSelectUser, markReadAll, parseSingleExpression, registerRemoteAssets, registerRenders, setEnv, setEnvs, setRootUrl, setSteedosAuth, setUISchemaFunction, setVariable, standardButtonsTodo };
+export { index as Field, Router, absoluteUrl, amisRender, amisRootClick, cloneObject, conditionsToFilters, createObject, defaultsDeep, deleteVariable, execute, executeButton, extendObject, fetchAPI, filtersToConditions, getAmisInputTableSchema, getApp, getApps, getAuthToken, getAuthorization, getButton, getButtonVisible, getButtonVisibleOn, getButtons, getCalendarSchema, getDefaultRenderData, getEnv, getEnvs, getEvn, getField, getFileSrc, getFlowFormSchema, getFormPageInitSchema, getFormSchema, getGlobalNowData, getIdsPickerSchema, getImageSrc, getInstanceInfo, getListPageInitSchema, getListSchema, getListViewButtons, getListViewColumns, getListViewFilter, getListViewItemButtons, getListViewSort, getListviewInitSchema, getLookupSapceUserTreeSchema, getNotifications, getObjectDetailButtons, getObjectDetailButtonsSchemas, getObjectDetailMoreButtons, getObjectFieldsFilterBarSchema, getObjectFieldsFilterButtonSchema, getObjectFieldsFilterFormSchema, getObjectListHeader$1 as getObjectListHeader, getObjectListHeaderFieldsFilterBar, getObjectListHeaderFirstLine, getObjectListHeaderSecordLine, getObjectListViewButtonsSchemas, getObjectRecordDetailHeader, getObjectRecordDetailRelatedListButtonsSchemas, getObjectRecordDetailRelatedListHeader, getObjectRelated, getObjectRelatedList, getObjectRelatedListButtons, getObjectRelatedListHeader, getObjectRelatedListsMiniSchema, getPage, getRecord, getRecordDetailHeaderSchema, getRecordDetailMiniSchema, getRecordDetailRelatedListSchema, getRecordDetailSchema, getRecordPageInitSchema, getRecordPermissions, getRecordServiceSchema, getReferenceTo, getReferenceToFieldSchema, getReferenceToSync, getRelatedFieldValue, getRelatedListSchema, getRelatedsCount, getRootUrl, getSelectUserSchema, getSpaceUsersPickerAmisSchema, getSpaceUsersPickerSchema, getSteedosAuth, getTableSchema, getTenantId, getUISchema, getUISchemaSync$1 as getUISchemaSync, getUserId, getViewSchema, isExpression, isObject, lookupToAmis, lookupToAmisIdsPicker, lookupToAmisPicker, lookupToAmisSelect, lookupToAmisSelectUser, markReadAll, parseSingleExpression, registerRemoteAssets, registerRenders, setEnv, setEnvs, setRootUrl, setSteedosAuth, setUISchemaFunction, setVariable, standardButtonsTodo };
 //# sourceMappingURL=index.esm.js.map