@steedos-widgets/amis-object 1.3.17-beta.2 → 1.3.18

package/dist/amis-object.esm.js

@@ -1,6 +1,6 @@
 import React, { createContext, useState, useEffect, createElement } from 'react';
 import * as _$1 from 'lodash';
-import _$1__default, { isEmpty, isArray, each, find, endsWith, cloneDeep, toArray, mergeWith, isString, union, has, map, slice, defaultsDeep as defaultsDeep$1, includes, filter, omitBy, isNil, get as get$1, isObject as isObject$1, forEach, trimEnd, isBoolean, startsWith, isFunction, compact, difference, keys, pick, first, values, pickBy, random, assign } from 'lodash';
+import _$1__default, { isEmpty, isArray, each, find, endsWith, cloneDeep, toArray, mergeWith, isString, union, has, map, slice, defaultsDeep as defaultsDeep$1, includes, clone, filter, omitBy, isNil, get as get$1, isObject as isObject$1, forEach, trimEnd, isBoolean, startsWith, isFunction, compact, difference, keys, pick, first, values, pickBy, random, assign } from 'lodash';
 import { Dropdown, Image, Tabs, Spin, Badge, Skeleton, Modal as Modal$1, message, notification, Button, Space, Drawer as Drawer$1 } from 'antd';
 import ReactDOM, { createRoot } from 'react-dom';
 
@@ -5127,9 +5127,9 @@ function getFieldWidth(width){
     const defaultWidth = "unset";//用于使table内的td标签下生成div，实现将快速编辑按钮固定在右侧的效果，并不是为了unset效果
     if(typeof width == 'string'){
         if(isNaN(width)){
-            return width;
+            return width || defaultWidth;
         }else {
-            return Number(width);
+            return Number(width) || defaultWidth;
         }
     }else if(typeof width == 'number'){
         return width;
@@ -5230,6 +5230,7 @@ async function getTableColumns$1(fields, options){
                 width: getFieldWidth(field.width),
                 toggled: field.toggled,
                 className,
+                inputClassName: "inline",
                 static: true,
             }, field.amis, {name: field.name});
         }
@@ -5267,6 +5268,7 @@ async function getTableColumns$1(fields, options){
                     tpl: tpl,
                     toggled: field.toggled,
                     className,
+                    inputClassName: "inline",
                     static: true,
                     options: field.type === 'html' ? {html: true} : null
                     // toggled: true 
@@ -5288,8 +5290,8 @@ async function getTableColumns$1(fields, options){
         const href = Router$1.getObjectDetailPath({
             ...options,  formFactor: options.formFactor, appId: "${appId}", objectName: options.objectName || "${objectName}", recordId: `\${${options.idFieldName}}`
         });
-        columns[0].type = "tpl";
-        columns[0].tpl = `<a href="${href}">\${${columns[0].name}}</a>`;
+        columns[1].type = "tpl";
+        columns[1].tpl = `<a href="${href}">\${${columns[1].name}}</a>`;
     }
     return columns;
 }
@@ -5756,19 +5758,25 @@ async function getTableApi(mainObject, fields, options){
     if(options.isRelated){
         api.url += "&recordId=${_master.recordId}";
     }
-    // api.cache = 3000; 
-
+    api.cache = 3000; 
     api.data.$term = "$term";
     api.data.term = "$term";
     api.data.$self = "$$";
     api.data.self = "$$";
     api.data.filter = "$filter";
-    api.data.__filterFormValues = "${__filterFormValues}";
-    api.data.__serachBoxValues = "${__serachBoxValues}";
     api.data.loaded = "${loaded}";
     api.data.listViewId = "${listViewId}";
     api.data.listName = "${listName}";
     api.requestAdaptor = `
+        let __changedFilterFormValues = api.data.$self.__changedFilterFormValues || {};
+        let __changedSearchBoxValues = api.data.$self.__changedSearchBoxValues || {};
+        // 把表单搜索和快速搜索中的change事件中记录的过滤条件也拼到$self中，是为解决触发搜索请求时，两边输入的过滤条件都带上，即：
+        // 有时在搜索表单中输入过滤条件事，忘记点击回车键或搜索按钮，而是进一步修改快速搜索框中的关键字点击其中回车键触发搜索
+        // 这种情况下，触发的搜索请求中没有带上搜索表单中输入的过滤条件。
+        // 反过来先在快速搜索框中输入过滤条件却不点击其中回车键触发搜索，而是到搜索表单中触发搜索请求也是一样的。
+        // 这里直接合并到api.data.$self，而不是后面定义的selfData变量，是因为可以省去在接收适配器中写一样的合并逻辑
+        // 如果有问题可以改为合并到selfData变量中，但是要在接收适配器中写上一样的合并逻辑，否则里面的过滤条件不会存入本地存储中
+        Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
         // selfData 中的数据由 CRUD 控制. selfData中,只能获取到 CRUD 给定的data. 无法从数据链中获取数据.
         let selfData = JSON.parse(JSON.stringify(api.data.$self));
         // 保留一份初始data，以供自定义发送适配器中获取原始数据。
@@ -5838,11 +5846,7 @@ async function getTableApi(mainObject, fields, options){
             userFilters = [["${valueField.name}", "=", selfData.value]];
         }
 
-        const __filterFormValues = api.data.__filterFormValues;
-        const __serachBoxValues = api.data.__serachBoxValues;
-        // 筛选按钮
-        const filterSelfData = __filterFormValues ? __filterFormValues : selfData;
-        var searchableFilter = SteedosUI.getSearchFilter(filterSelfData) || [];
+        var searchableFilter = SteedosUI.getSearchFilter(selfData) || [];
         if(searchableFilter.length > 0){
             if(userFilters.length > 0 ){
                 userFilters = [userFilters, 'and', searchableFilter];
@@ -5863,8 +5867,7 @@ async function getTableApi(mainObject, fields, options){
             })
         }
 
-        const keyWords = __serachBoxValues ? __serachBoxValues.__keywords : selfData.__keywords;
-        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(keyWords, allowSearchFields);
+        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(selfData.__keywords, allowSearchFields);
         if(keywordsFilters && keywordsFilters.length > 0){
             userFilters.push(keywordsFilters);
         }
@@ -5984,7 +5987,25 @@ async function getTableApi(mainObject, fields, options){
     if(enable_tree){
         const records = payload.data.rows || [];
         const getTreeOptions = SteedosUI.getTreeOptions
-        payload.data.rows = getTreeOptions(records,{"valueField":"_id"});
+        let isTreeOptionsComputed = false;
+        if(records.length === 1 && records[0].children){
+            isTreeOptionsComputed = true;
+        }
+        if(!isTreeOptionsComputed){
+            // 如果api接口设置在缓存，缓存期间并不会重新请求接口，payload.data.rows是上次计算后的结果
+            payload.data.rows = getTreeOptions(records,{"valueField":"_id"});
+        }
+        try{
+            setTimeout(() => {
+                let expandBtn = $('.steedos-object-listview-content .antd-Table-content .antd-Table-table thead .antd-Table-expandBtn');
+                if(expandBtn && expandBtn.length > 0 && !expandBtn.hasClass("is-active")){
+                    expandBtn[0].click();
+                }
+            }, 600);
+        }
+        catch(ex){
+            console.error("tree数据格式展开异常：", ex);
+        }
     }
 
 
@@ -6017,19 +6038,6 @@ async function getTableApi(mainObject, fields, options){
                 selfData.page = localListViewProps.page || 1;
             }
         }
-
-        // 列表视图（对象表格）筛选按钮表单输入框输入内容后，如果不按回车键或者搜索按钮，selfData中该输入框是没有最新值的。
-        const __filterFormValues = api.body.__filterFormValues;
-        if(__filterFormValues){
-            let filterFormValues = JSON.parse(JSON.stringify(__filterFormValues)) || {};
-            selfData = Object.assign({}, selfData, filterFormValues);
-        }
-        // “搜索此列表”搜索框同理。
-        const __serachBoxValues = api.body.__serachBoxValues;
-        if(__serachBoxValues){
-            let serachBoxValues = JSON.parse(JSON.stringify(__serachBoxValues)) || {};
-            selfData = Object.assign({}, selfData, serachBoxValues);
-        }
         
         delete selfData.context;
         delete selfData.global;
@@ -8804,6 +8812,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
   const filterFormSchema = await getObjectFieldsFilterFormSchema(ctx);
   const keywordsSearchBoxName = ctx.keywordsSearchBoxName || "__keywords";
   const onSearchScript = `
+    // console.log("===onSearchScript=form==");
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
       return n.props.type === "form";
@@ -8860,25 +8869,13 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
     crudService && crudService.setData({isFieldsFilterEmpty, showFieldsFilter});
   `;
   const onCancelScript = `
-    doAction(
-      {
-        "componentId": 'service_${ctx.crudId}',
-        "actionType": "setValue",
-        "args": {
-          "value": {
-            "__filterFormValues": null
-          }
-        }
-      }
-    )
+    // console.log("===onCancelScript=form==");
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
       return n.props.type === "form";
     });
     var filterFormValues = filterForm.getValues();
-    var listView = scope.parent.parent.parent.getComponents().find(function(n){
-      return n.props.type === "crud";
-    });
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
     const removedValues = {};
     for(var k in filterFormValues){
       if(/^__searchable__/.test(k)){
@@ -8893,7 +8890,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
       if(localListViewProps){
         localListViewProps = JSON.parse(localListViewProps);
         for(var k in localListViewProps){
-          if(k !== "__keywords"){
+          if(/^__searchable__/.test(k)){
             removedValues[k] = null;
           }
         }
@@ -8904,20 +8901,35 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
       //lookup字段保留快速搜索条件
       removedValues[keywordsSearchBoxName] = filterFormValues[keywordsSearchBoxName];
     }
-    filterForm.reset();
-    setTimeout(()=>{
-      listView.handleFilterSubmit(removedValues);
-    }, 100); 
-    const filterService = filterForm.context.getComponents().find(function(n){
-      return n.props.type === "service";
-    });
-    filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+    filterForm.setValues(removedValues);//会把表单提交到toolbar的快速搜索区域，造成在快速搜索框中触发搜索时再次把搜索表单中的字段值清除掉的bug，已单独在快速搜索框那边添加搜索事件代码处理过了
+    // 以下方法都无法实现清除表单值
+    // filterForm.setValues({}, true)
+    // filterForm.reset();
+    // filterForm.handleAction({},{
+    //   "actionType": "setValue",
+    //   "args": {
+    //     "value": removedValues
+    //   }
+    // });
+    // 下面触发clear动作可以清除表单值，且不会把表单提交到toolbar的快速搜索区域，但是会把金额等范围字段清空成非范围字段
+    // filterForm.handleAction({},{
+    //   "actionType": "clear"
+    // });
+
+    // 清除__changedFilterFormValues中的值
+    crud && crud.setData({__changedFilterFormValues: {}});
+    filterForm.handleFormSubmit(event);
+    // crud.handleFilterSubmit(removedValues);
+
+    let filterFormService = SteedosUI.getClosestAmisComponentByType(filterForm.context, "service");
+    filterFormService.setData({showFieldsFilter: !!!filterFormService.props.data.showFieldsFilter});
     //触发amis crud 高度重算
     setTimeout(()=>{
       window.dispatchEvent(new Event("resize"))
     }, 100);
     // 移除搜索按钮上的红点
-    let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+    // let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+    let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
     crudService && crudService.setData({isFieldsFilterEmpty: true, showFieldsFilter: false});
     `;
   const dataProviderInited = `
@@ -9857,78 +9869,97 @@ function fields$1(){
 
 function fieldsExtend$4(){
   return {
+    "group": "",
     "label": {
       "is_wide": true
     },
     "name": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "object_name": {
+      "group": "",
       "amis": {
         "hidden": true
       }
     },
     "filter_scope": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "columns": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "mobile_columns":{
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "searchable_fields":{
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "filter_fields": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "scrolling_mode": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "sort": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "show_count": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "type": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "shared": {
+      "group": "",
       "amis": {
         "visibleOn": "${global.user.is_space_admin}"
       }
+    },
+    "filters": {
+      "group": "",
+      "amis": {
+        "hidden": true
+      }
     }
   }
 }
@@ -10075,6 +10106,12 @@ function fieldsExtend$3(){
       "amis": {
         "visibleOn": "${global.user.is_space_admin}"
       }
+    },
+    "filters": {
+      "group": "",
+      "amis": {
+        "hidden": true
+      }
     }
   }
 }
@@ -10413,7 +10450,6 @@ function fieldsExtend$1(){
       }
     },
     "mobile_columns": {
-      "group": instance.t('frontend_listview_control_columns_mobile_group'),
       "amis": {
         "type": "transfer",
         "sortable": true,
@@ -10783,7 +10819,8 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 // }
 `;
 
-function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords", crudId } = {}){
+// function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords", crudId } = {}){
+function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords" } = {}){
   const searchableFieldsLabel = [];
   _.each(mainObject.fields, function (field) {
     if (isFieldQuickSearchable(field, mainObject.NAME_FIELD_KEY)) {
@@ -10799,6 +10836,33 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
     crudKeywords = (localListViewProps && localListViewProps.__keywords) || "";
   }
 
+  const onChangeScript = `
+    const scope = event.context.scoped;
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
+    // let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
+    let __changedSearchBoxValues = {};
+    __changedSearchBoxValues["${keywordsSearchBoxName}"] = event.data["${keywordsSearchBoxName}"];
+    // crudService && crudService.setData({__changedSearchBoxValues: __changedSearchBoxValues});
+    // 这里不用crudService而用crud是因为lookup字段弹出的列表中的crudService中的变量无法传入crud的发送适配器中
+    crud && crud.setData({__changedSearchBoxValues: __changedSearchBoxValues});
+  `;
+
+  // onSearchScript中加上了onChangeScript中的脚本，是因为amis 3.2不能用change事件执行onChangeScript
+  // 而点击回车按键又不会触发blur事件，所以只能每次回车事件中额外再执行一次onChangeScript
+  // 等升级到amis 3.4+，blur事件换成change事件执行onChangeScript，就可以不用在onSearchScript中执行onChangeScript了
+  const onSearchScript = `
+    ${onChangeScript}
+
+    // 下面的脚本只为解决点击搜索表单取消按钮，再重新在其中输入过滤条件但是不点击搜索按钮或回车按键触发搜索，此时在快速搜索框输入过滤条件按回车按键会把搜索表单中的过滤条件清空的问题
+    // const scope = event.context.scoped;
+    // 如果点击过顶部搜索栏表单的取消按钮，会把此处event.data.__super.__super.__super中的搜索表单项的所有字段设置为null
+    // 点击取消按钮后继续在表单项中输入过滤条件且最后没有点击回车按键或点击表单项搜索按钮的话，在快速搜索中点击回车按钮提交搜索会所顶部搜索表单中的字段值清空
+    let filterForm = SteedosUI.getClosestAmisComponentByType(scope, "form");
+    setTimeout(function(){
+      filterForm.setValues(event.data.__changedFilterFormValues);
+    }, 500);
+  `;
+
   return {
     "type": "tooltip-wrapper",
     "id": "steedos_crud_toolbar_quick_search",
@@ -10817,28 +10881,24 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
         "placeholder": "搜索此列表",
         "value": crudKeywords,
         "clearable": true,
-        "clearAndSubmit": true,
+        // "clearAndSubmit": true,//因为清除并不会触发失去焦点事件，只有禁用，但是它会触发change事件，所以等升级到amis 3.4+后可以重新放开
         "searchImediately": false,
         "onEvent": {
-          "change": {
+          "search": {
             "actions": [
               {
                 "actionType": "custom",
-                "script": `
-                  doAction(
-                      {
-                        "componentId": 'service_${crudId}',
-                        "actionType": "setValue",
-                        "args": {
-                          "value": {
-                            "__serachBoxValues": event.data
-                          }
-                        }
-                      }
-                  )
-                `
+                "script": onSearchScript
               }
             ]
+          },
+          "blur": { //这里把change事件换成blur是因为amis 3.2change事件中setData会卡，升级到3.4+后就可以换回change事件
+            "actions": [
+              {
+                "actionType": "custom",
+                "script": onChangeScript
+              },
+            ]
           }
         }
       }
@@ -10847,7 +10907,7 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
 }
 
 function getObjectHeaderToolbar(mainObject, fields, formFactor, { 
-  showDisplayAs = false, hiddenCount = false, headerToolbarItems, crudId,
+  showDisplayAs = false, hiddenCount = false, headerToolbarItems,
   filterVisible = true, isLookup = false, keywordsSearchBoxName } = {}){
   // console.log(`getObjectHeaderToolbar====>`, filterVisible)
   // console.log(`getObjectHeaderToolbar`, mainObject)
@@ -10951,7 +11011,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
     };
   }
   let toolbarDisplayAsButton = getDisplayAsButton(mainObject?.name);
-  let toolbarDQuickSearchBox = getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName, crudId });
+  let toolbarDQuickSearchBox = getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName });
 
   // toolbars返回的数组元素不可以是空对象{}，比如hiddenCount ? {} : {"type": "tpl",...}，因为空对象最终还是会生成一个空的.antd-Crud-toolbar-item dom
   // 当出现空的.antd-Crud-toolbar-item dom时会影响toolbar元素的maring-right css样式计算，如果有动态需要应该加到动态数组变量toolbars中
@@ -11099,6 +11159,20 @@ async function getObjectFilter(objectSchema, fields, options) {
     let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
     crudService && crudService.setData({isFieldsFilterEmpty});
   `;
+  let onChangeScript = `
+    const scope = event.context.scoped;
+    // let filterFormValues = event.data;
+    let filterForm = SteedosUI.getClosestAmisComponentByType(scope, "form");
+    let filterFormService = SteedosUI.getClosestAmisComponentByType(filterForm.context, "service");
+    // 使用event.data的话，并不能拿到本地存储中的过滤条件，所以需要从filterFormService中取。
+    let filterFormValues = filterFormService.getData();
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
+    const changedFilterFormValues = _.pickBy(filterFormValues, function(n,k){return /^__searchable__/.test(k);});;
+    // let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
+    // crudService && crudService.setData({__changedFilterFormValues: changedFilterFormValues});
+    // 这里不用crudService而用crud是因为lookup字段弹出的列表中的crudService中的变量无法传入crud的发送适配器中
+    crud && crud.setData({__changedFilterFormValues: changedFilterFormValues});
+  `;
   return {
     "title": "",
     "submitText": "",
@@ -11122,19 +11196,7 @@ async function getObjectFilter(objectSchema, fields, options) {
         "actions": [
           {
             "actionType": "custom",
-            "script": `
-              doAction(
-                  {
-                    "componentId": 'service_${options.crudId}',
-                    "actionType": "setValue",
-                    "args": {
-                      "value": {
-                        "__filterFormValues": event.data
-                      }
-                    }
-                  }
-              )
-            `
+            "script": onChangeScript
           }
         ]
       }
@@ -11209,7 +11271,6 @@ async function getObjectCRUD(objectSchema, fields, options){
     const bulkActions = getBulkActions(objectSchema);
     const defaults = options.defaults;
     const listSchema = (defaults && defaults.listSchema) || {};
-    const id = `listview_${objectSchema.name}`;
 
     const bodyProps = {
       // toolbar: getToolbar(),
@@ -11219,7 +11280,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         ...options,
         disableStatistics: options.queryCount === false
       }), 
-      filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields,  Object.assign({}, options, {crudId: id})),
+      filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields, options),
     };
     if(options.formFactor !== 'SMALL' || ["split"].indexOf(options.displayAs) == -1){
       if(listSchema.mode !== "cards"){
@@ -11248,8 +11309,7 @@ async function getObjectCRUD(objectSchema, fields, options){
       showDisplayAs, 
       hiddenCount: options.queryCount === false, 
       headerToolbarItems: options.headerToolbarItems,
-      filterVisible: options.filterVisible,
-      crudId: id
+      filterVisible: options.filterVisible
     });
 
     options.amisData = createObject(options.amisData, {
@@ -11262,6 +11322,7 @@ async function getObjectCRUD(objectSchema, fields, options){
 
 
     let body = null;
+    const id = `listview_${objectSchema.name}`;
     if(options.formFactor === 'SMALL' && false){
       delete bodyProps.bulkActions;
       delete bodyProps.headerToolbar;
@@ -11340,7 +11401,12 @@ async function getObjectCRUD(objectSchema, fields, options){
         hiddenOn: options.tableHiddenOn,
         autoFillHeight,
         className: `flex-auto ${crudClassName || ""}`,
-        bodyClassName: "bg-white",
+        // 这里不可以用动态className，因为它会把样式类加到.antd-Crud和.antd-Table.antd-Crud-body这两层div中，而子表列表中crudClassName中有hidden样式类会造成所有子表都不显示的bug
+        // className: {
+        //   [`flex-auto ${crudClassName || ""}`]: "true",
+        //   "is-steedos-crud-data-empty": "${!items || COUNT(items) == 0}"
+        // },
+        bodyClassName: "bg-white",//上面className写成动态的class变量对象的话，bodyClassName不会生效，会被上面的className值覆盖
         crudClassName: crudClassName,
         quickSaveApi: {
           url: `\${context.rootUrl}/graphql`,
@@ -13231,8 +13297,6 @@ async function lookupToAmisTreeSelect(field, readonly, ctx) {
     return amisSchema;
 }
 
-const keywordsSearchBoxName = `__keywords_lookup`;
-
 const getReferenceToFieldSchema = (field, refObjectConfig)=>{
     let referenceTo = field.reference_to;
     if(!referenceTo){
@@ -13491,8 +13555,18 @@ async function lookupToAmisPicker(field, readonly, ctx){
     
     source.data.$term = "$term";
     source.data.$self = "$$";
-    
+
+    // field.name可能是带点的名称，比如审批王中子表字段'instances.instances_submitter'，如果不替换掉点，会造成审批王表单中新建子表行时报错
+    let keywordsSearchBoxName = `__keywords_lookup__${field.name.replace(/\./g, "_")}__to__${refObjectConfig.name}`;
+
     source.requestAdaptor = `
+        let __changedFilterFormValues = api.data.$self.__changedFilterFormValues || {};
+        let __changedSearchBoxValues = api.data.$self.__changedSearchBoxValues || {};
+        // 把表单搜索和快速搜索中的change事件中记录的过滤条件也拼到$self中，是为解决触发搜索请求时，两边输入的过滤条件都带上，即：
+        // 有时在搜索表单中输入过滤条件事，忘记点击回车键或搜索按钮，而是进一步修改快速搜索框中的关键字点击其中回车键触发搜索
+        // 这种情况下，触发的搜索请求中没有带上搜索表单中输入的过滤条件。
+        // 反过来先在快速搜索框中输入过滤条件却不点击其中回车键触发搜索，而是到搜索表单中触发搜索请求也是一样的。
+        Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
         const selfData = JSON.parse(JSON.stringify(api.data.$self));
         var filters = [];
         var pageSize = api.data.pageSize || 10;
@@ -13627,6 +13701,14 @@ async function lookupToAmisPicker(field, readonly, ctx){
             }
         });
         payload.data.rows = treeRecords;
+        try{
+            setTimeout(() => {
+                $('.amis-dialog-widget.antd-Modal .antd-Table-content .antd-Table-table thead .antd-Table-expandBtn')[0]?.click();
+            }, 600);
+        }
+        catch(ex){
+            console.error("tree数据格式展开异常：", ex);
+        }
     }
     return payload;
     `;
@@ -13799,6 +13881,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
 
 async function lookupToAmisSelect(field, readonly, ctx){
     let referenceTo = await getReferenceTo(field);
+    const isMobile = window.innerWidth <= 768;
     const valueFieldKey = referenceTo && referenceTo.valueField?.name || '_id' ;
     // const labelFieldKey = referenceTo && referenceTo.labelField?.name || 'name';
 
@@ -13979,7 +14062,11 @@ async function lookupToAmisSelect(field, readonly, ctx){
         </span>
         <span class='pl-1.5'>\${label}</span>
     </span>`;
-    data.menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+    const menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+    // TODO: 待amis修复了此bug， 就可以撤销添加menuTpl的判断。
+    if(!(isMobile && field.multiple)){
+        data.menuTpl = menuTpl;
+    }
     if(field.multiple){
         data.multiple = true;
         data.extractValue = true;
@@ -14487,6 +14574,8 @@ function getSelectFieldOptions(field){
 }
 
 async function convertSFieldToAmisField(field, readonly, ctx) {
+    // console.log('convertSFieldToAmisField====>', field, readonly, ctx)
+    const isMobile = window.innerWidth <= 768;
     // 创建人和修改人、创建时间和修改时间不显示
     if(_$1.includes(OMIT_FIELDS, field.name) && ctx.showSystemFields != true){
         return;
@@ -14549,7 +14638,11 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
                     </span>
                     <span class='pl-1.5'>\${label}</span>
                 </span>`;
-                convertData.menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+                const menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+                // TODO: 待amis修复了此bug， 就可以撤销添加menuTpl的判断。
+                if(!(isMobile && field.multiple)){
+                    convertData.menuTpl = menuTpl;
+                }
                 if(field.multiple){
                     convertData.multiple = true;
                     convertData.extractValue = true;
@@ -15136,9 +15229,7 @@ async function getFieldSearchable(perField, permissionFields, ctx){
 
         const amisField = await convertSFieldToAmisField(_field, false, Object.assign({}, ctx, {fieldNamePrefix: fieldNamePrefix, required: false, showSystemFields: true, inFilterForm: true}));
         if(amisField){
-            return Object.assign({}, amisField,{
-                submitOnChange: false
-            });
+            return amisField;
         }
     }
 }
@@ -15412,7 +15503,7 @@ async function getFormBody(permissionFields, formFields, ctx){
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-11-29 17:48:02
+ * @LastEditTime: 2023-12-04 17:36:50
  */
 
 /**
@@ -15531,12 +15622,16 @@ async function getForm(props, mode = "edit") {
     }
     else if (mode === "new") {
         let onNewItemSubmitScript = `
-            event.data["${props.name}"].push(JSON.parse(JSON.stringify(event.data)));
+            let fieldValue = _.cloneDeep(event.data["${props.name}"]);
+            if(!fieldValue){
+                fieldValue = [];
+            }
+            fieldValue.push(JSON.parse(JSON.stringify(event.data)));
             doAction({
                 "componentId": "${props.id}",
                 "actionType": "setValue",
                 "args": {
-                    "value": event.data["${props.name}"]
+                    "value": fieldValue
                 }
             });
         `;
@@ -15738,11 +15833,20 @@ const getAmisInputTableSchema = async (props, readonly) => {
         ],
         "className": props.className
     };
+    let footerToolbar = clone(props.footerToolbar || []); //这里不clone的话，会造成死循环，应该是因为props属性变更会让组件重新渲染
     if (props.addable) {
-        let buttonNewSchema = getButtonNew(props);
-        schema.body.push(buttonNewSchema);
+        let buttonNewSchema = await getButtonNew(props);
+        footerToolbar.unshift(buttonNewSchema);
+    }
+    if (footerToolbar.length) {
+        schema.body.push({
+            "type": "wrapper",
+            "size": "none",
+            "body": footerToolbar
+        });
     }
     if (props.amis) {
+        delete props.amis.id;
         Object.assign(schema.body[0], props.amis);
     }
     return schema;
@@ -19135,7 +19239,7 @@ var AmisObjectListView = function (props) { return __awaiter(void 0, void 0, voi
                 amisSchemaData = Object.assign({}, data, defaultData);
                 listViewId = (ctx === null || ctx === void 0 ? void 0 : ctx.listViewId) || amisSchemaData.listViewId;
                 allData = createObject(data, defaultData);
-                listViewSchemaProps = __assign$2(__assign$2({ top: top, perPage: perPage, showHeader: showHeader, defaults: defaults }, ctx), { listViewId: listViewId, setDataToComponentId: setDataToComponentId, filterVisible: filterVisible, showDisplayAs: showDisplayAs, displayAs: displayAs, headerToolbarItems: headerToolbarItems, rowClassNameExpr: rowClassNameExpr, hiddenColumnOperation: hiddenColumnOperation, columns: columns, crudDataFilter: crudDataFilter, onCrudDataFilter: onCrudDataFilter, amisData: allData, env: env, requestAdaptor: requestAdaptor, adaptor: adaptor });
+                listViewSchemaProps = __assign$2(__assign$2({ top: top, perPage: perPage, defaults: defaults }, ctx), { listViewId: listViewId, setDataToComponentId: setDataToComponentId, filterVisible: filterVisible, showDisplayAs: showDisplayAs, displayAs: displayAs, headerToolbarItems: headerToolbarItems, rowClassNameExpr: rowClassNameExpr, hiddenColumnOperation: hiddenColumnOperation, columns: columns, crudDataFilter: crudDataFilter, onCrudDataFilter: onCrudDataFilter, amisData: allData, env: env, requestAdaptor: requestAdaptor, adaptor: adaptor });
                 if (!headerSchema) {
                     headerSchema = getObjectListHeader$1(uiSchema, listName, ctx);
                 }
@@ -19151,6 +19255,9 @@ var AmisObjectListView = function (props) { return __awaiter(void 0, void 0, voi
                     serviceData.uiSchema = uiSchema;
                 }
                 serviceData.defaultListName = listName ? listName : (_h = first(values(uiSchema.list_views))) === null || _h === void 0 ? void 0 : _h.name;
+                if (!showHeader) {
+                    headerSchema = {};
+                }
                 // console.timeEnd('AmisObjectListView')
                 // console.log('serviceData===>', serviceData)
                 // console.log('headerSchema===>', headerSchema)
@@ -19234,7 +19341,7 @@ function getTableColumns(columns, includedFields, fieldsExtend) {
     return tableColumns;
 }
 var AmisObjectTable = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var $schema, filters, filtersFunction, amisCondition, top, headerSchema, includedFields, fieldsExtend, sort, sortField, sortOrder, extraColumns, data, defaultData, _a, formFactor, _b, className, requestAdaptor, adaptor, _c, filterVisible, headerToolbarItems, crudDataFilter, onCrudDataFilter, env, crudMode, _d, hiddenColumnOperation, ctx, crud, columns, defaults, objectApiName, schemaKeys, listSchema, setDataToComponentId, amisFilters, tableFilters, amisSchemaData, allData, appId, amisSchema;
+    var $schema, filters, filtersFunction, amisCondition, top, headerSchema, includedFields, fieldsExtend, sort, sortField, sortOrder, extraColumns, data, defaultData, _a, formFactor, _b, className, requestAdaptor, adaptor, _c, filterVisible, headerToolbarItems, crudDataFilter, onCrudDataFilter, env, crudMode, _d, hiddenColumnOperation, ctx, crud, columns, defaults, objectApiName, schemaKeys, listSchema, setDataToComponentId, amisFilters, tableFilters, amisSchemaData, allData, appId, tableSchema, amisSchema, uiSchema;
     return __generator(this, function (_e) {
         switch (_e.label) {
             case 0:
@@ -19288,12 +19395,14 @@ var AmisObjectTable = function (props) { return __awaiter(void 0, void 0, void 0
                 ctx = pickBy(ctx, function (value) { return value !== undefined; });
                 return [4 /*yield*/, getTableSchema(appId, objectApiName, columns, __assign$2(__assign$2({ filters: tableFilters, filtersFunction: filtersFunction, top: top, sort: sort, sortField: sortField, sortOrder: sortOrder, extraColumns: extraColumns, defaults: defaults }, ctx), { setDataToComponentId: setDataToComponentId, requestAdaptor: requestAdaptor, adaptor: adaptor, filterVisible: filterVisible, headerToolbarItems: headerToolbarItems, crudDataFilter: crudDataFilter, onCrudDataFilter: onCrudDataFilter, amisData: allData, env: env }))];
             case 1:
-                amisSchema = (_e.sent()).amisSchema;
+                tableSchema = _e.sent();
+                amisSchema = tableSchema.amisSchema;
+                uiSchema = tableSchema.uiSchema;
                 amisSchema.data = Object.assign({}, amisSchema.data, amisSchemaData);
                 if (has(props, 'objectApiName')) {
                     amisSchema.data.objectName = objectApiName;
                 }
-                amisSchema.className = "steedos-object-table ".concat(amisSchema.className, " h-full flex flex-col ").concat(className);
+                amisSchema.className = "steedos-object-table ".concat(uiSchema.enable_tree ? "is-steedos-tree-table" : "", " ").concat(amisSchema.className, " h-full flex flex-col ").concat(className);
                 amisSchema.objectApiName = objectApiName; //设计器中切换对象时画布中显示的列未同步变更
                 // console.timeEnd('AmisObjectTable')
                 return [2 /*return*/, amisSchema];
@@ -19457,12 +19566,12 @@ var AmisRecordService = function (props) { return __awaiter(void 0, void 0, void
 }); };
 
 var AmisRecordDetailRelatedList = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var $schema, objectApiName, recordId, relatedObjectApiName, data, relatedKey, top, perPage, hiddenEmptyTable, appId, relatedLabel, _a, className, columns, sort, filters, visible_on, requestAdaptor, adaptor, formFactor, formData, schema;
+    var $schema, objectApiName, recordId, relatedObjectApiName, data, relatedKey, top, perPage, hiddenEmptyTable, appId, relatedLabel, _a, className, columns, sort, filters, visible_on, requestAdaptor, adaptor, visibleOn, formFactor, formData, schema;
     var _b;
     return __generator(this, function (_c) {
         switch (_c.label) {
             case 0:
-                $schema = props.$schema, objectApiName = props.objectApiName, recordId = props.recordId, relatedObjectApiName = props.relatedObjectApiName, data = props.data, relatedKey = props.relatedKey, top = props.top, perPage = props.perPage, hiddenEmptyTable = props.hiddenEmptyTable, appId = props.appId, relatedLabel = props.relatedLabel, _a = props.className, className = _a === void 0 ? '' : _a, columns = props.columns, sort = props.sort, filters = props.filters, visible_on = props.visible_on, requestAdaptor = props.requestAdaptor, adaptor = props.adaptor;
+                $schema = props.$schema, objectApiName = props.objectApiName, recordId = props.recordId, relatedObjectApiName = props.relatedObjectApiName, data = props.data, relatedKey = props.relatedKey, top = props.top, perPage = props.perPage, hiddenEmptyTable = props.hiddenEmptyTable, appId = props.appId, relatedLabel = props.relatedLabel, _a = props.className, className = _a === void 0 ? '' : _a, columns = props.columns, sort = props.sort, filters = props.filters, visible_on = props.visible_on, requestAdaptor = props.requestAdaptor, adaptor = props.adaptor, visibleOn = props.visibleOn;
                 formFactor = props.formFactor;
                 if (!formFactor) {
                     formFactor = window.innerWidth < 768 ? 'SMALL' : 'LARGE';
@@ -19497,6 +19606,10 @@ var AmisRecordDetailRelatedList = function (props) { return __awaiter(void 0, vo
                         }
                     });
                 }
+                // 因为 visibleOn 的值格式是字符串，所以这里加个判断条件。
+                if (visibleOn) {
+                    schema.visibleOn = visibleOn;
+                }
                 return [2 /*return*/, schema];
         }
     });
@@ -20758,7 +20871,7 @@ var AmisSteedosField = function (props) { return __awaiter(void 0, void 0, void
                     source: {
                         "method": "post",
                         "url": "${context.rootUrl}/graphql",
-                        "requestAdaptor": "\n                        var steedosField = ".concat(JSON.stringify(steedosField), ";\n                        var objectName, filters, valueFieldKey, labelFieldKey;\n                        if(_.isString(steedosField.reference_to)){\n                            const referenceTo = getReferenceToSync(steedosField);\n                            const referenceToField = steedosField.reference_to_field || '_id';\n\n                            objectName = referenceTo.objectName\n                            valueFieldKey = referenceTo && referenceTo.valueField?.name || '_id' ;\n                            labelFieldKey = referenceTo && referenceTo.labelField?.name || 'name';\n                            let value = api.data[steedosField.name];\n                            if(_.isString(value)){\n                                value = [value]\n                            }\n                            filters = [referenceToField, \"in\", value || []];\n                        }else{\n                            const _steedosField = {\n                                ...steedosField,\n                                reference_to: api.data[steedosField.name].o\n                            }\n                            const referenceTo = getReferenceToSync(_steedosField);\n                            const referenceToField = _steedosField.reference_to_field || '_id';\n\n                            objectName = referenceTo.objectName\n                            valueFieldKey = referenceTo && referenceTo.valueField?.name || '_id' ;\n                            labelFieldKey = referenceTo && referenceTo.labelField?.name || 'name';\n                            let value = api.data[_steedosField.name] && api.data[_steedosField.name].ids;\n                            filters = [referenceToField, \"in\", value || []];\n                        }\n                        api.data = {\n                            query: '{options:' + objectName + '(filters: ' + JSON.stringify(filters) + '){label: ' + labelFieldKey + ',value: ' + valueFieldKey + '}}'\n                        }\n                        return api;\n                    "),
+                        "requestAdaptor": "\n                        var steedosField = ".concat(JSON.stringify(steedosField), ";\n                        var objectName, filters, valueFieldKey, labelFieldKey;\n                        if(_.isString(steedosField.reference_to)){\n                            const referenceTo = getReferenceToSync(steedosField);\n                            const referenceToField = steedosField.reference_to_field || '_id';\n\n                            objectName = referenceTo.objectName\n                            valueFieldKey = referenceTo && referenceTo.valueField?.name || '_id' ;\n                            labelFieldKey = referenceTo && referenceTo.labelField?.name || 'name';\n                            let value = api.data[steedosField.name];\n                            if(_.isString(value)){\n                                value = [value]\n                            }\n                            filters = [referenceToField, \"in\", value || []];\n                            if(objectName == \"object_fields\"){\n                                //\u5BF9\u8C61\u4E3Aobject_fields\u65F6\uFF0C\u5FC5\u987B\u52A0\u4E0Aobject\u7684\u8FC7\u6EE4\u6761\u4EF6\n                                const filtersFunction = ").concat(steedosField.filtersFunction || steedosField._filtersFunction, ";\n                                if(filtersFunction){\n                                    const _filters = filtersFunction(filters, api.data);\n                                    if(_filters && _filters.length > 0){\n                                        filters = [filters,_filters]\n                                    }\n                                }\n                            }\n                        }else{\n                            const _steedosField = {\n                                ...steedosField,\n                                reference_to: api.data[steedosField.name].o\n                            }\n                            const referenceTo = getReferenceToSync(_steedosField);\n                            const referenceToField = _steedosField.reference_to_field || '_id';\n\n                            objectName = referenceTo.objectName\n                            valueFieldKey = referenceTo && referenceTo.valueField?.name || '_id' ;\n                            labelFieldKey = referenceTo && referenceTo.labelField?.name || 'name';\n                            let value = api.data[_steedosField.name] && api.data[_steedosField.name].ids;\n                            filters = [referenceToField, \"in\", value || []];\n                        }\n                        api.data = {\n                            query: '{options:' + objectName + '(filters: ' + JSON.stringify(filters) + '){label: ' + labelFieldKey + ',value: ' + valueFieldKey + '}}'\n                        }\n                        return api;\n                    "),
                         "trackExpression": "${" + steedosField.name + "}",
                         "cache": 3000
                     },
@@ -21162,7 +21275,7 @@ var AmisInputTable = function (props) { return __awaiter(void 0, void 0, void 0,
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                props.$schema, props.fields, props.name, props.id, props.data, props.columns, props.amis, props.className, props.tableClassName;
+                props.$schema, props.fields, props.name, props.id, props.data, props.columns, props.amis, props.className, props.tableClassName, props.footerToolbar;
                 return [4 /*yield*/, getAmisInputTableSchema(props)];
             case 1:
                 amisSchema = _a.sent();