@steedos-widgets/amis-lib 1.3.0-beta.9 → 1.3.1

package/dist/index.esm.js

@@ -382,8 +382,8 @@ const Router = {
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-20 16:29:22
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-05-18 15:22:51
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2023-09-08 14:09:48
  * @Description: 
  */
 
@@ -396,11 +396,40 @@ function getContrastColor(bgColor) {
   return brightness < 128 ? "#ffffff" : "#000000";
 }
 
+function getLookupListView(refObjectConfig) {
+  if(!refObjectConfig){
+    return null;
+  }
+  const listNameAll = "all";
+  const listNameLookup = "lookup";
+  let listViewAll, listViewLookup;
+
+  _.each(
+    refObjectConfig.list_views,
+    (view, name) => {
+      if (name === listNameAll) {
+        listViewAll = view;
+        if(!listViewAll.name){
+          listViewAll.name = name;
+        }
+      }
+      else if (name === listNameLookup) {
+        listViewLookup = view;
+        if(!listViewLookup.name){
+          listViewLookup.name = name;
+        }
+      }
+    }
+  );
+  let listView = listViewLookup || listViewAll;
+  return listView;
+}
+
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-23 09:53:08
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-08-03 18:07:54
+ * @LastEditTime: 2023-08-29 15:04:39
  * @Description: 
  */
 
@@ -504,7 +533,7 @@ function getRelatedFieldTpl(field, ctx){
         linkTarget = "target='_blank'";
     }
 
-    const onlyDisplayLabel = ctx.onlyDisplayLabel;
+    const onlyDisplayLookLabel = ctx.onlyDisplayLookLabel;
 
     let fieldDataStrTpl = `data._display.${field.name}`;
 
@@ -515,7 +544,7 @@ function getRelatedFieldTpl(field, ctx){
     if(_.isString(field.reference_to) || !field.reference_to){
         if(field.multiple){
             let labelTpl = `<%=item.label%>`;
-            if(!onlyDisplayLabel){
+            if(!onlyDisplayLookLabel){
                 const href = Router.getObjectDetailPath({
                     formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
                 });
@@ -533,7 +562,7 @@ function getRelatedFieldTpl(field, ctx){
                 objectNameTpl = `\${${field.name}.objectName}`;
                 recordIdTpl = `\${${field.name}.value}`;
             }
-            if(!onlyDisplayLabel){
+            if(!onlyDisplayLookLabel){
                 const href = Router.getObjectDetailPath({
                     formFactor: ctx.formFactor, appId: "${appId}", objectName: `${objectNameTpl}`, recordId: `${recordIdTpl}`
                 });
@@ -545,7 +574,7 @@ function getRelatedFieldTpl(field, ctx){
         
     }else {
         let labelTpl = `<%=item.label%>`;
-        if(!onlyDisplayLabel){
+        if(!onlyDisplayLookLabel){
             const href = Router.getObjectDetailPath({
                 formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
             });
@@ -598,7 +627,7 @@ function getLocationTpl(field){
 }
 
 async function getFieldTpl (field, options){
-    if((field.is_name || field.name === options.labelFieldName) && !options.onlyDisplayLabel){
+    if((field.is_name || field.name === options.labelFieldName) && !options.onlyDisplayLookLabel){
         return getNameTpl(field, options)
     }
     switch (field.type) {
@@ -968,7 +997,7 @@ function getApi$2 (isMobile){
     }
 }
 
-var frontend_field_group_generalization$1 = "Generalization";
+var frontend_field_group_generalization$1 = "General";
 var frontend_download$1 = "Download";
 var frontend_form_save$1 = "Save";
 var frontend_form_save_and_new$1 = "Save and New";
@@ -1653,10 +1682,7 @@ async function getSearchApi(field, ctx) {
 }
 
 function getRefListViewSort$1(refObject){
-    const listView = _$1.find(
-        refObject.list_views,
-        (view, name) => name === "all"
-    );
+    let listView = getLookupListView(refObject);
     let sort = "";
     if(listView){
         sort = getListViewSort(listView);
@@ -2165,257 +2191,92 @@ const getSchema$2 = (uiSchema) => {
                   title: i18next.t('frontend_import_data'),
                   body: [
                     {
-                      type: "form",
-                      mode: "edit",
-                      persistData: false,
-                      promptPageLeave: true,
-                      name: "form_edit_data_import",
-                      debug: false,
-                      title: "",
-                      submitText: "",
-                      api: {
-                        method: "post",
-                        url: "${context.rootUrl}/graphql",
-                        data: {
-                          objectName: "queue_import_history",
-                          $: "$$",
-                        },
-                        requestAdaptor:
-                          "\n        const formData = api.data.$;\n        for (key in formData){\n            // image、select等字段清空值后保存的空字符串转换为null。\n            if(formData[key] === ''){\n                formData[key] = null;\n            }\n        }\n        const objectName = api.data.objectName;\n        const fieldsName = Object.keys(formData);\n        delete formData.created;\n        delete formData.created_by;\n        delete formData.modified;\n        delete formData.modified_by;\n        delete formData._display;\n        delete formData.success_count;\ndelete formData.failure_count;\ndelete formData.total_count;\ndelete formData.start_time;\ndelete formData.end_time;\ndelete formData.state;\ndelete formData.error;\ndelete formData.created;\ndelete formData.created_by;\ndelete formData.modified;\ndelete formData.modified_by;\n        \n        \n        let fileFieldsKeys = [\"file\"];\n        let fileFields = {\"file\":{\"name\":\"file\"}};\n        fileFieldsKeys.forEach((item)=>{\n            let fileFieldValue = formData[item];\n            if(fileFieldValue){\n                // 因为表单初始化接口的接收适配器中为file字段值重写了值及格式（为了字段编辑时正常显示附件名、点击附件名正常下载），所以保存时还原（为了字段值保存时正常保存id）。\n                if(fileFields[item].multiple){\n                    if(fileFieldValue instanceof Array && fileFieldValue.length){\n                        formData[item] = fileFieldValue.map((value)=>{ \n                            if(typeof value === 'object'){\n                                return value.value;\n                            }else{\n                                return value;\n                            }\n                        });\n                    }\n                }else{\n                    formData[item] = typeof fileFieldValue === 'object' ? fileFieldValue.value : fileFieldValue;\n                }\n            }\n        })\n    \n        let query = `mutation{record: ${objectName}__insert(doc: {__saveData}){_id}}`;\n        if(formData.recordId && formData.recordId !='new'){\n            query = `mutation{record: ${objectName}__update(id: \"${formData._id}\", doc: {__saveData}){_id}}`;\n        };\n        delete formData._id;\n        let __saveData = JSON.stringify(JSON.stringify(formData));\n    \n        api.data = {query: query.replace('{__saveData}', __saveData)};\n        return api;\n    ",
-                        responseData: {
-                          recordId: "${record._id}",
-                        },
-                        adaptor:
-                          "console.log('payload', payload)\n            return payload;\n        ",
-                        headers: {
-                          Authorization:
-                            "Bearer ${context.tenantId},${context.authToken}",
-                        },
-                        dataType: "json",
+                      "type": "steedos-object-form",
+                      "label": "对象表单",
+                      "objectApiName": "queue_import_history",
+                      "recordId": "",
+                      "mode": "edit",
+                      "layout": "normal",
+                      "defaultData":{
+                        "object_name": "${objectName}"
                       },
-                      initFetch: true,
-                      body: [
-                        {
-                          type: "fieldSet",
-                          title: i18next.t('frontend_field_group_generalization'),
-                          collapsable: true,
-                          body: [
-                            {
-                              name: "object_name",
-                              label: i18next.t('frontend_import_data_object_name'),
-                              required: false,
-                              type: "select",
-                              joinValues: false,
-                              extractValue: true,
-                              autoComplete: {
-                                method: "post",
-                                url: "${context.rootUrl}/graphql",
-                                data: {
-                                  orderBy: "${orderBy}",
-                                  orderDir: "${orderDir}",
-                                  pageNo: "${page}",
-                                  pageSize: "${perPage}",
-                                  query:
-                                    "{options:objects(filters: {__filters}, top: {__top}){_id label:label value:name},count:objects__count(filters:{__filters})}",
-                                  $term: "$term",
-                                  $value: "$object_name.name",
-                                  $: "$$",
-                                  rfield: "${object_name}",
-                                },
-                                headers: {
-                                  Authorization:
-                                    "Bearer ${context.tenantId},${context.authToken}",
-                                },
-                                requestAdaptor:
-                                  "\n        var filters = '[]';\n        var top = 10;\n        if(api.data.$term){\n            filters = '[\"name\", \"contains\", \"'+ api.data.$term +'\"]';\n        }else if(api.data.$value){\n            filters = '[\"_id\", \"=\", \"'+ api.data.$value +'\"]';\n        }\n        api.data.query = api.data.query.replace(/{__filters}/g, filters).replace('{__top}', top);\n        return api;\n    ",
-                              },
-                              className: "m-1",
-                              labelClassName: "text-left",
-                              clearValueOnHidden: false,
-                              id: "u:04295fee3896",
-                              multiple: false,
-                              hidden: true,
-                            },
-                            {
-                              name: "queue_import",
-                              label: i18next.t('frontend_import_data_queue_import'),
-                              required: true,
-                              type: "picker",
-                              labelField: "description",
-                              valueField: "_id",
-                              modalMode: "dialog",
-                              source: {
-                                method: "post",
-                                url: "${context.rootUrl}/graphql",
-                                data: {
-                                  orderBy: "${orderBy}",
-                                  orderDir: "${orderDir}",
-                                  pageNo: "${page}",
-                                  pageSize: "${perPage}",
-                                  query:
-                                    '{rows:queue_import(filters: {__filters}, top: {__top}, skip: {__skip}, sort: "{__sort}"){_id,description,object_name,encoding,template_url,_display:_ui{object_name,encoding}},count:queue_import__count(filters:{__filters})}',
-                                  $term: "$term",
-                                  $self: "$$",
+                      "fieldsExtend":{
+                        "object_name": {
+                          "amis": {
+                            "hidden": true
+                          }
+                        }
+                      },
+                      "form": {
+                        debug: false,
+                        resetAfterSubmit: false,
+                        initApi: {
+                          url: '/api/v1/queue_import_history/${recordId}?fields=["state"]',
+                          sendOn: 'this.recordId',
+                          responseData: {
+                            importState: "${state}"
+                          }
+                        },
+                        interval: 3000,
+                        stopAutoRefreshWhen: "this.importState === 'finished'",
+                        initFetch: false,
+                        onEvent: {
+                          inited: {
+                            weight: 0,
+                            actions: [
+                              {
+                                "actionType": "broadcast",
+                                "args": {
+                                  "eventName": `@data.changed.${uiSchema.name}`
                                 },
-                                headers: {
-                                  Authorization:
-                                    "Bearer ${context.tenantId},${context.authToken}",
+                                "data": {
+                                  "objectName": `${uiSchema.name}`,
+                                  "displayAs": "${displayAs}",
+                                  "recordId": "xxxx" //不可以省略，否则会进入进入记录详细页面
                                 },
-                                requestAdaptor:
-                                  "\n        const selfData = JSON.parse(JSON.stringify(api.data.$self));\n        var filters = [];\n        var pageSize = api.data.pageSize || 10;\n        var pageNo = api.data.pageNo || 1;\n        var skip = (pageNo - 1) * pageSize;\n        var orderBy = api.data.orderBy || '';\n        var orderDir = api.data.orderDir || '';\n        var sort = orderBy + ' ' + orderDir;\n        var allowSearchFields = [\"description\"];\n        if(api.data.$term){\n            filters = [[\"name\", \"contains\", \"'+ api.data.$term +'\"]];\n        }else if(selfData.op === 'loadOptions' && selfData.value){\n            if(selfData.value && selfData.value.indexOf(',') > 0){\n                filters = [[\"_id\", \"=\", selfData.value.split(',')]];\n            }else{\n                filters = [[\"_id\", \"=\", selfData.value]];\n            }\n        }\n        if(allowSearchFields){\n            allowSearchFields.forEach(function(key){\n                const keyValue = selfData[key];\n                if(keyValue){\n                    filters.push([key, \"contains\", keyValue]);\n                }\n            })\n        }\n\n        const filtersFunction = function(filters, values){return ['object_name', '=', values.object_name]};\n\n        if(filtersFunction){\n            const _filters = filtersFunction(filters, api.data.$self.__super.__super);\n            if(_filters && _filters.length > 0){\n                filters.push(_filters);\n            }\n        }\n\n        api.data.query = api.data.query.replace(/{__filters}/g, JSON.stringify(filters)).replace('{__top}', pageSize).replace('{__skip}', skip).replace('{__sort}', sort.trim());\n        return api;\n    ",
-                                adaptor:
-                                  "\n    const enable_tree = undefined;\n    if(enable_tree){\n        const records = payload.data.rows;\n        const treeRecords = [];\n        const getChildren = (records, childrenIds)=>{\n            if(!childrenIds){\n                return;\n            }\n            const children = _.filter(records, (record)=>{\n                return _.includes(childrenIds, record._id)\n            });\n            _.each(children, (item)=>{\n                if(item.children){\n                    item.children = getChildren(records, item.children)\n                }\n            })\n            return children;\n        }\n\n        _.each(records, (record)=>{\n            if(!record.parent){\n                treeRecords.push(Object.assign({}, record, {children: getChildren(records, record.children)}));\n            }\n        });\n        payload.data.rows = treeRecords;\n    }\n    return payload;\n    ",
+                                "expression": "this.importState === 'finished'"
                               },
-                              size: "lg",
-                              pickerSchema: {
-                                mode: "table",
-                                name: "thelist",
-                                draggable: false,
-                                headerToolbar: ["reload"],
-                                defaultParams: {
-                                  perPage: 20,
-                                },
-                                columns: [
-                                  {
-                                    name: "_index",
-                                    type: "text",
-                                    width: 32,
-                                    placeholder: "",
-                                  },
-                                  {
-                                    name: "description",
-                                    label: i18next.t('frontend_import_data_queue_import_description'),
-                                    type: "tpl",
-                                    tpl: '<a href="/app/undefined/undefined/view/${undefined}">${description}</a>',
-                                    className: "whitespace-nowrap",
-                                    html: null,
-                                  },
-                                  {
-                                    name: "object_name",
-                                    label: i18next.t('frontend_import_data_object_name'),
-                                    type: "tpl",
-                                    tpl: '<a href="/app/undefined/${_display.object_name.objectName}/view/${_display.object_name.value}">${_display.object_name.label}</a>',
-                                    className: "whitespace-nowrap",
-                                    html: null,
-                                  },
-                                  {
-                                    name: "encoding",
-                                    label: i18next.t('frontend_import_data_queue_import_encoding'),
-                                    type: "tpl",
-                                    tpl: "<div>${_display.encoding}</div>",
-                                    className: "whitespace-nowrap",
-                                    html: null,
-                                  },
-                                  {
-                                    name: "template_url",
-                                    label: i18next.t('frontend_import_data_queue_import_template_url'),
-                                    type: "button-group",
-                                    buttons: [
-                                      {
-                                        type: "button",
-                                        label: i18next.t('frontend_download'),
-                                        visibleOn: "${template_url}",
-                                        level: "link",
-                                        actionType: "download",
-                                        api:{
-                                          url: "${template_url}",
-                                          method: "get",
-                                          headers: {
-                                            Authorization: "Bearer ${context.tenantId},${context.authToken}"
-                                          }
-                                        }
-                                      }
-                                    ],
-                                    options: {
-                                      html: true
+                              {
+                                "actionType": "closeDialog",
+                                "expression": "this.importState === 'finished'"
+                              }
+                            ]
+                          },
+                          submitSucc: {
+                            weight: 0,
+                            actions: [
+                              {
+                                args: {
+                                  api: {
+                                    url: "${context.rootUrl}/api/data/initiateImport",
+                                    method: "post",
+                                    data: {
+                                      eventData: "${event.data}",
+                                    },
+                                    dataType: "json",
+                                    requestAdaptor:
+                                      "\napi.data = {\n  importObjectHistoryId: api.body.eventData.result.data.recordId\n}\nreturn api;",
+                                    adaptor:
+                                      "payload.status = payload.status === 'success' ? 0 : payload.status;\nconsole.log(\"payload ssss==>\", payload)\nreturn payload;",
+                                    headers: {
+                                      Authorization:
+                                        "Bearer ${context.tenantId},${context.authToken}",
                                     },
-                                    className: "whitespace-nowrap",
-                                  },
-                                  null,
-                                ],
-                                syncLocation: false,
-                                keepItemSelectionOnPageChange: true,
-                                checkOnItemClick: false,
-                                autoFillHeight: false,
-                              },
-                              joinValues: false,
-                              extractValue: true,
-                              className: "m-1",
-                              labelClassName: "text-left",
-                              clearValueOnHidden: true,
-                              id: "u:401df27113e0",
-                            },
-                            {
-                              name: "file",
-                              label: i18next.t('frontend_import_data_file'),
-                              required: true,
-                              type: "input-file",
-                              accept: ".xlsx,.xls",
-                              className: "m-1",
-                              labelClassName: "text-left",
-                              clearValueOnHidden: true,
-                              useChunk: false,
-                              receiver: {
-                                method: "post",
-                                url: "${context.rootUrl}/s3/files",
-                                data: {
-                                  $: "$$",
-                                  context: "${context}",
-                                },
-                                adaptor:
-                                  '\n                const { context } = api.body; \n                var rootUrl = context.rootUrl + "/api/files/files/";\n                payload = {\n                    status: response.status == 200 ? 0 : response.status,\n                    msg: response.statusText,\n                    data: {\n                        value: payload._id,\n                        name: payload.original.name,\n                        url: rootUrl + payload._id,\n                    }\n                }\n                return payload;\n            ',
-                                headers: {
-                                  Authorization:
-                                    "Bearer ${context.tenantId},${context.authToken}",
-                                },
-                              },
-                              id: "u:0213f2cc365b",
-                            },
-                          ],
-                          id: "u:4899c260d667",
-                        },
-                      ],
-                      panelClassName: "m-0 sm:rounded-lg shadow-none",
-                      bodyClassName: "p-0",
-                      className: "p-4 sm:p-0 steedos-amis-form",
-                      label: "对象表单",
-                      objectApiName: "queue_import_history",
-                      id: "u:e4ef598eed61",
-                      onEvent: {
-                        submitSucc: {
-                          weight: 0,
-                          actions: [
-                            {
-                              args: {
-                                api: {
-                                  url: "${context.rootUrl}/api/data/initiateImport",
-                                  method: "post",
-                                  data: {
-                                    eventData: "${event.data}",
                                   },
-                                  dataType: "json",
-                                  requestAdaptor:
-                                    "\napi.data = {\n  importObjectHistoryId: api.body.eventData.result.data.recordId\n}\nreturn api;",
-                                  adaptor:
-                                    "payload.status = payload.status === 'success' ? 0 : payload.status;\nconsole.log(\"payload ssss==>\", payload)\nreturn payload;",
-                                  headers: {
-                                    Authorization:
-                                      "Bearer ${context.tenantId},${context.authToken}",
+                                  messages: {
+                                    success: i18next.t('frontend_import_data_message_success'),
+                                    failed: i18next.t('frontend_import_data_message_failed'),
                                   },
                                 },
-                                messages: {
-                                  success: i18next.t('frontend_import_data_message_success'),
-                                  failed: i18next.t('frontend_import_data_message_failed'),
-                                },
+                                actionType: "ajax",
+                                expression: "event.data.result",
                               },
-                              actionType: "ajax",
-                              expression: "event.data.result",
-                            },
-                          ],
+                            ],
+                          },
                         },
-                      },
-                      closeDialogOnSubmit: true,
-                    },
+                        closeDialogOnSubmit: false,
+                      }
+                    }
                   ],
                   id: "u:dc05498d3bd4",
                   closeOnEsc: false,
@@ -2605,7 +2466,7 @@ const StandardButtons = {
     getStandardImportData: async (uiSchema, ctx)=>{
         return {
             type: 'amis_button',
-            amis_schema: await getSchema$2()
+            amis_schema: await getSchema$2(uiSchema)
         }
     },
     getStandardOpenView: async (uiSchema, ctx)=>{
@@ -2635,7 +2496,7 @@ function getButtonVisibleOn$1(button){
         visible = button._visible;
     }
 
-    if(___default.isBoolean(visible)){
+    if(_$1.isBoolean(visible)){
         visible = visible.toString();
     }
 
@@ -2663,7 +2524,7 @@ function getButtonVisibleOn$1(button){
 
 const getButtonVisible = (button, ctx) => {
     if (button._visible) {
-        if (___default.startsWith(___default.trim(button._visible), "function")) {
+        if (_$1.startsWith(_$1.trim(button._visible), "function")) {
             window.eval("var fun = " + button._visible);
             button.visible = fun;
         } else if (isExpression(button._visible)) {
@@ -2678,7 +2539,7 @@ const getButtonVisible = (button, ctx) => {
             };
         }
     }
-    if (___default.isFunction(button.visible)) {
+    if (_$1.isFunction(button.visible)) {
         try {
             return button.visible(ctx);
         } catch (error) {
@@ -2700,7 +2561,7 @@ const standardButtonsTodo = {
         } = this;
         const listViewRef = SteedosUI?.getRef(scopeId || listViewId).getComponentById(`listview_${uiSchema.name}`);
           
-        if(___default.isEmpty(listViewRef.props.store.toJSON().selectedItems)){
+        if(_$1.isEmpty(listViewRef.props.store.toJSON().selectedItems)){
             listViewRef.handleAction({}, {
                 "actionType": "toast",
                 "toast": {
@@ -2727,19 +2588,19 @@ const standardButtonsTodo = {
  */
 const getButtons = (uiSchema, ctx) => {
     const disabledButtons = uiSchema.permissions && uiSchema.permissions.disabled_actions;
-    let buttons = ___default.sortBy(___default.values(uiSchema.actions), "sort");
-    if (___default.has(uiSchema, "allow_customActions")) {
-        buttons = ___default.filter(buttons, (button) => {
-            return ___default.include(uiSchema.allow_customActions, button.name); // || _.include(_.keys(Creator.getObject('base').actions) || {}, button.name)
+    let buttons = _$1.sortBy(_$1.values(uiSchema.actions), "sort");
+    if (_$1.has(uiSchema, "allow_customActions")) {
+        buttons = _$1.filter(buttons, (button) => {
+            return _$1.include(uiSchema.allow_customActions, button.name); // || _.include(_.keys(Creator.getObject('base').actions) || {}, button.name)
         });
     }
-    if (___default.has(uiSchema, "exclude_actions")) {
-        buttons = ___default.filter(buttons, (button) => {
-            return !___default.include(uiSchema.exclude_actions, button.name);
+    if (_$1.has(uiSchema, "exclude_actions")) {
+        buttons = _$1.filter(buttons, (button) => {
+            return !_$1.include(uiSchema.exclude_actions, button.name);
         });
     }
 
-    ___default.each(buttons, (button) => {
+    _$1.each(buttons, (button) => {
         button.objectName = uiSchema.name;
         if (
             ctx.isMobile &&
@@ -2758,7 +2619,7 @@ const getButtons = (uiSchema, ctx) => {
         ctx.isMobile &&
         ["cms_files", "cfs.files.filerecord"].indexOf(uiSchema.name) > -1
     ) {
-        ___default.map(buttons, (button) => {
+        _$1.map(buttons, (button) => {
             if (button.name === "standard_edit") {
                 button.on = "record_more";
             }
@@ -2768,14 +2629,14 @@ const getButtons = (uiSchema, ctx) => {
         });
     }
 
-    return ___default.filter(buttons, (button) => {
-        return ___default.indexOf(disabledButtons, button.name) < 0 && button.name != 'standard_query';
+    return _$1.filter(buttons, (button) => {
+        return _$1.indexOf(disabledButtons, button.name) < 0 && button.name != 'standard_query';
     });
 };
 
 const getListViewButtons = (uiSchema, ctx) => {
     const buttons = getButtons(uiSchema, ctx);
-    const listButtons = ___default.filter(buttons, (button) => {
+    const listButtons = _$1.filter(buttons, (button) => {
         return button.on == "list";
     });
     return listButtons;
@@ -2783,23 +2644,23 @@ const getListViewButtons = (uiSchema, ctx) => {
 
 const getObjectDetailButtons = (uiSchema, ctx) => {
     const buttons = getButtons(uiSchema, ctx);
-    const detailButtons = ___default.filter(buttons, (button) => {
+    const detailButtons = _$1.filter(buttons, (button) => {
         return button.on == "record" || button.on == "record_only";
     });
-    return ___default.sortBy(detailButtons, "sort");
+    return _$1.sortBy(detailButtons, "sort");
 };
 
 const getObjectDetailMoreButtons = (uiSchema, ctx) => {
     const buttons = getButtons(uiSchema, ctx);
-    const moreButtons = ___default.filter(buttons, (button) => {
+    const moreButtons = _$1.filter(buttons, (button) => {
         return button.on == "record_more" || button.on == "record_only_more";
     });
-    return ___default.sortBy(moreButtons, "sort");
+    return _$1.sortBy(moreButtons, "sort");
 };
 
 const getListViewItemButtons = async (uiSchema, ctx)=>{
     const buttons = getButtons(uiSchema, ctx);
-    const listButtons = ___default.filter(buttons, (button) => {
+    const listButtons = _$1.filter(buttons, (button) => {
         return button.on == "record" || button.on == "list_item" || button.on === 'record_more';
     });
     return listButtons;
@@ -2816,7 +2677,7 @@ const getObjectRelatedListButtons = (uiSchema, ctx)=>{
     // });
     // return relatedListButtons;
     const buttons = getButtons(uiSchema, ctx);
-    const listButtons = ___default.filter(buttons, (button) => {
+    const listButtons = _$1.filter(buttons, (button) => {
         return button.on == "list";
     });
     return listButtons;
@@ -2833,7 +2694,7 @@ const getButton = async (objectName, buttonName, ctx)=>{
     const uiSchema = await getUISchema(objectName);
     if(uiSchema){
         const buttons = await getButtons(uiSchema, ctx);
-        const button = ___default.find(buttons, (button)=>{
+        const button = _$1.find(buttons, (button)=>{
             return button.name === buttonName
         });
 
@@ -2919,13 +2780,13 @@ const execute = (button, props) => {
         return; //TODO 弹出提示未配置todo
     }
 
-    if (___default.isString(button.todo)) {
-        if (___default.startsWith(___default.trim(button.todo), "function")) {
+    if (_$1.isString(button.todo)) {
+        if (_$1.startsWith(_$1.trim(button.todo), "function")) {
             window.eval("var fun = " + button.todo);
             button.todo = fun;
         }
     }
-    if (___default.isFunction(button.todo)) {
+    if (_$1.isFunction(button.todo)) {
         const todoThis = {
             objectName: props.objectName, 
             object_name: props.objectName, 
@@ -2950,7 +2811,7 @@ const getObjectDetailHeaderButtons = (objectSchema, recordId)=>{
         recordId: recordId,
         objectName: name
     });
-    let amisButtonsSchema = ___default.map(buttons, (button) => {
+    let amisButtonsSchema = _$1.map(buttons, (button) => {
         return {
         type: 'steedos-object-button',
         name: button.name,
@@ -2960,7 +2821,7 @@ const getObjectDetailHeaderButtons = (objectSchema, recordId)=>{
         }
     });
     let moreButtonsVisibleOn = '';
-    let dropdownButtons = ___default.map(moreButtons, (button, index) => {
+    let dropdownButtons = _$1.map(moreButtons, (button, index) => {
         if(index === 0){
             moreButtonsVisibleOn = getButtonVisibleOn$1(button);
         }else {
@@ -3003,11 +2864,11 @@ const getObjectDetailButtonsSchemas = (objectSchema, recordId, ctx)=>{
                           "vertical": true,
                           "tiled": true,
                           "buttons": [
-                            ...___default.map(buttons, (button)=>{
+                            ..._$1.map(buttons, (button)=>{
                                 button.className += ' w-full';
                                 return button;
                             }),
-                            ...___default.map(moreButtons, (button)=>{
+                            ..._$1.map(moreButtons, (button)=>{
                                 button.className += ' w-full';
                                 return button;
                             })
@@ -3052,6 +2913,7 @@ const getObjectListViewButtonsSchemas = (objectSchema, ctx)=>{
         return {
             "type": "button",
             "icon": "fa fa-angle-down",
+            "className": "mr-0",
             "onEvent": {
               "click": {
                 "actions": [
@@ -3068,7 +2930,7 @@ const getObjectListViewButtonsSchemas = (objectSchema, ctx)=>{
                           "vertical": true,
                           "tiled": true,
                           "buttons": [
-                            ...___default.map(buttons, (button)=>{
+                            ..._$1.map(buttons, (button)=>{
                                 return {
                                     type: 'steedos-object-button',
                                     name: button.name,
@@ -3097,7 +2959,7 @@ const getObjectListViewButtonsSchemas = (objectSchema, ctx)=>{
             }
           }
     }else {
-        return ___default.map(buttons, (button) => {
+        return _$1.map(buttons, (button) => {
             return {
             type: 'steedos-object-button',
             name: button.name,
@@ -3130,7 +2992,7 @@ const getObjectRecordDetailRelatedListButtonsSchemas = (objectSchema, ctx)=>{
                           "vertical": true,
                           "tiled": true,
                           "buttons": [
-                            ...___default.map(buttons, (button)=>{
+                            ..._$1.map(buttons, (button)=>{
                                 return {
                                     type: 'steedos-object-button',
                                     name: button.name,
@@ -3159,7 +3021,7 @@ const getObjectRecordDetailRelatedListButtonsSchemas = (objectSchema, ctx)=>{
             }
           }
     }else {
-        return ___default.map(buttons, (button) => {
+        return _$1.map(buttons, (button) => {
             return {
                 type: 'steedos-object-button',
                 name: button.name,
@@ -3755,6 +3617,10 @@ function getObjectListHeaderFirstLine(objectSchema, listViewName, ctx) {
   each(
     objectSchema.list_views,
     (listView, name) => {
+      if(name === "lookup"){
+        // 内置lookup为弹出选择专用视图，不显示在列表切换区域
+        return;
+      }
       listViewButtonOptions.push({
         type: "button",
         label: listView.label,
@@ -5244,6 +5110,7 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
 
   return {
     "type": "tooltip-wrapper",
+    "id": "steedos_crud_toolbar_quick_search",
     "align": "right",
     "title": "",
     "content": "可搜索字段：" + searchableFieldsLabel.join(","),
@@ -5275,76 +5142,134 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
   if(isMobile){
     showDisplayAs = false;
   }
+  let toolbarCount;
+  if(!hiddenCount){
+    toolbarCount = {
+      "type": "tpl",
+      "tpl":  "${count} " + i18next.t('frontend_record_sum')
+    };
+  }
+  let toolbarReloadButton;
   if(formFactor === 'SMALL'){
-    const onReloadScript = `
-      const scope = event.context.scoped;
-      var listView = scope.parent.getComponents().find(function(n){
-        return n.props.type === "crud";
-      });
-      listView.handleChangePage(1);
-    `;
+    // const onReloadScript = `
+    //   const scope = event.context.scoped;
+    //   var listView = scope.parent.getComponents().find(function(n){
+    //     return n.props.type === "crud";
+    //   });
+    //   listView.handleChangePage(1);
+    // `;
+    // toolbarReloadButton = {
+    //   // "type": "reload",//不可以直接使用reload，因为它不会设置页码到第一页，这在加载更多按钮的翻页模式下会有问题
+    //   "type": "button",
+    //   "align": "right",
+    //   //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+    //   // "tooltip": i18next.t('frontend_button_reload_tooltip'),
+    //   "tooltipPlacement": "top",
+    //   "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
+    //   "label": "",
+    //   "icon": "fa fa-sync",
+    //   "visibleOn": "${!showFieldsFilter}",
+    //   "onEvent": {
+    //     "click": {
+    //       "actions": [
+    //         {
+    //           "actionType": "custom",
+    //           "script": onReloadScript
+    //         }
+    //       ]
+    //     }
+    //   },
+    // };
+
+    // 后续如果换成加载更多按钮的翻页模式的话，不可以直接使用下面的reload，需要换成上面的自定义脚本模式
+    toolbarReloadButton = {
+      "type": "reload",
+      "align": "right",
+      //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+      // "tooltip": i18next.t('frontend_button_reload_tooltip'),
+      "tooltip":"",
+      "tooltipPlacement": "top",
+      "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
+    };
+  }
+  else {
+    toolbarReloadButton = {
+      "type": "reload",
+      "align": "right",
+      //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+      // "tooltip": i18next.t('frontend_button_reload_tooltip'),
+      "tooltip":"",
+      "tooltipPlacement": "top",
+      "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
+    };
+  }
+  let toolbarFilter;
+  if(filterVisible){
+    toolbarFilter ={
+      "label": i18next.t('frontend_button_search_tooltip'),
+      "icon": "fa fa-filter",
+      //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+      // "tooltip": i18next.t('frontend_button_search_tooltip'),
+      // "tooltipPlacement": "top",
+      "type": "button",
+      "badge": {
+        "offset": [
+          -5,
+          1
+        ],
+        "size":8,
+        "animation": true,
+        "visibleOn": "${isFieldsFilterEmpty == false && isLookup != true}"
+      },
+      "align": "right",
+      "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
+      "onEvent": {
+        "click": {
+          "actions": [
+            {
+              "actionType": "custom",
+              "script": onFieldsFilterToggleScript
+            }
+          ]
+        }
+      },
+      "id": "steedos_crud_toolbar_filter"
+    };
+  }
+  let toolbarDisplayAsButton = getDisplayAsButton(mainObject?.name);
+  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中
+  let toolbars = [];
+  if(formFactor === 'SMALL'){
+    if(toolbarCount){
+      toolbars.push(toolbarCount);
+    }
+    toolbars.push(toolbarReloadButton);
+    if(toolbarFilter){
+      toolbars.push(toolbarFilter);
+    }
+    toolbars.push(toolbarDisplayAsButton);
+    toolbars.push(toolbarDQuickSearchBox);
     return [
       // "bulkActions",
       ...(headerToolbarItems || []),
-      hiddenCount ? {} :{
-        "type": "tpl",
-        "tpl": "${count} " + i18next.t('frontend_record_sum')
-      },
-      {
-        // "type": "reload",//不可以直接使用reload，因为它不会设置页码到第一页
-        "type": "button",
-        "align": "right",
-        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
-        // "tooltip": i18next.t('frontend_button_reload_tooltip'),
-        "tooltipPlacement": "top",
-        "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
-        "label": "",
-        "icon": "fa fa-sync",
-        "visibleOn": "${!showFieldsFilter}",
-        "onEvent": {
-          "click": {
-            "actions": [
-              {
-                "actionType": "custom",
-                "script": onReloadScript
-              }
-            ]
-          }
-        },
-      },
-      filterVisible ? {
-        "label": i18next.t('frontend_button_search_tooltip'),
-        "icon": "fa fa-search",
-        "type": "button",
-        "tooltipPlacement": "top",
-        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
-        // "tooltip": i18next.t('frontend_button_search_tooltip'),
-        "badge": {
-          "offset": [
-            -5,
-            1
-          ],
-          "size":8,
-          "animation": true,
-          "visibleOn": "${isFieldsFilterEmpty == false && isLookup != true}"
-        },
-        "align": "right",
-        "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
-        "onEvent": {
-          "click": {
-            "actions": [
-              {
-                "actionType": "custom",
-                "script": onFieldsFilterToggleScript
-              }
-            ]
-          }
-        }
-      } : {},
-      getDisplayAsButton(mainObject?.name),
-      getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName })
+      ...toolbars,
   ]
   }else {
+    if(toolbarCount){
+      toolbars.push(toolbarCount);
+    }
+    if(toolbarFilter){
+      toolbars.push(toolbarFilter);
+    }
+    toolbars.push(toolbarReloadButton);
+    if(mainObject?.permissions?.allowCreateListViews){
+      toolbars.push(getSettingListviewToolbarButtonSchema());
+    }
+    toolbars.push(toolbarDisplayAsButton);
+    toolbars.push(toolbarDQuickSearchBox);
     return [
       // "filter-toggler",
       ...(headerToolbarItems || []),
@@ -5353,56 +5278,12 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
         "type": "columns-toggler",
         "className": "hidden"
       },
+      ...toolbars,
       // {
       //     "type": "columns-toggler",
       //     "className": "mr-2"
       // },
-      hiddenCount ? {} : {
-        "type": "tpl",
-        "tpl":  "${count} " + i18next.t('frontend_record_sum')
-      },
-      filterVisible ? {
-        "label": i18next.t('frontend_button_search_tooltip'),
-        "icon": "fa fa-filter",
-        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
-        // "tooltip": i18next.t('frontend_button_search_tooltip'),
-        // "tooltipPlacement": "top",
-        "type": "button",
-        "badge": {
-          "offset": [
-            -5,
-            1
-          ],
-          "size":8,
-          "animation": true,
-          "visibleOn": "${isFieldsFilterEmpty == false && isLookup != true}"
-        },
-        "align": "right",
-        "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
-        "onEvent": {
-          "click": {
-            "actions": [
-              {
-                "actionType": "custom",
-                "script": onFieldsFilterToggleScript
-              }
-            ]
-          }
-        }
-      } : {},
-      {
-        "type": "reload",
-        "align": "right",
-        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
-        // "tooltip": i18next.t('frontend_button_reload_tooltip'),
-        "tooltip":"",
-        "tooltipPlacement": "top",
-        "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
-      },
       // getExportExcelToolbarButtonSchema(),
-      mainObject?.permissions?.allowCreateListViews ? getSettingListviewToolbarButtonSchema() : {},
-      getDisplayAsButton(mainObject?.name),
-      getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName }),
       // {
       //     "type": "drag-toggler",
       //     "align": "right"
@@ -5603,10 +5484,8 @@ async function getDeferApi(field, ctx) {
 }
 
 function getRefListViewSort(refObject){
-    const listView = _$1.find(
-        refObject.list_views,
-        (view, name) => name === "all"
-    );
+    let listView = getLookupListView(refObject);
+    
     let sort = "";
     if(listView){
         sort = getListViewSort(listView);
@@ -5696,12 +5575,11 @@ const getReferenceTo = async (field)=>{
     }
 };
 
-function getLookupSapceUserTreeSchema(){
-    const tree = [{
+function getLookupSapceUserTreeSchema(isMobile){
+    const treeSchema = {
         "type": "input-tree",
-        "className": "",
+        "className":"steedos-select-user-tree",
         "inputClassName": "p-0",
-        "id": "u:7fd77b7915b0",
         "source": {
           "method": "post",
           "url": "${context.rootUrl}/graphql",
@@ -5732,6 +5610,10 @@ function getLookupSapceUserTreeSchema(){
                 });
                 listView.handleFilterSubmit(Object.assign({}, filterFormValues));
               `
+              },
+              {
+                "actionType": "custom",
+                "script": " if(window.innerWidth < 768){ document.querySelector('.steedos-select-user-sidebar').classList.remove('steedos-select-user-sidebar-open'); }"
               }
             ]
           }
@@ -5756,18 +5638,56 @@ function getLookupSapceUserTreeSchema(){
           "placeholder": "查找部门"
         },
         "unfoldedLevel": 2,
-        "style": {
-          "max-height": "100%",
-          "position": "absolute",
-          "left": "-330px",
-          "width": "320px",
-          "bottom": 0,
-          "top": "0",
-          "overflow": "auto",
-          "min-height":"300px"
-        },
         "originPosition": "left-top"
-    }];
+    };
+    const tree = [];
+    if(isMobile){
+        tree.push({
+            type: "action",
+            body:[
+                {
+                    type: "action",
+                    body:[
+                        treeSchema
+                    ],
+                    className:"h-full w-[240px]"
+                }
+            ],
+            className: "absolute inset-0 steedos-select-user-sidebar",
+            "onEvent": {
+                "click": {
+                  "actions": [
+                    {
+                      "actionType": "custom",
+                      "script": "document.querySelector('.steedos-select-user-sidebar').classList.remove('steedos-select-user-sidebar-open')"
+                    }
+                  ]
+                }
+            },
+            id: "steedos_crud_toolbar_select_user_tree"
+        });
+        tree.push({
+            "type": "button",
+            "label": "组织",
+            "icon": "fa fa-sitemap",
+            "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
+            "align": "left",
+            "onEvent": {
+              "click": {
+                "actions": [
+                  {
+                    "actionType": "custom",
+                    "script": "document.querySelector('.steedos-select-user-sidebar').classList.toggle('steedos-select-user-sidebar-open')"
+                  }
+                ]
+              }
+            },
+            "id": "steedos_crud_toolbar_organization_button"
+        });
+    }else {
+        tree.push(treeSchema);
+    }
+    
     return tree;
 }
 
@@ -5782,19 +5702,14 @@ async function lookupToAmisPicker(field, readonly, ctx){
     ctx.objectName = refObjectConfig.name;
 
     let tableFields = [];
-    let i = 0;
     const searchableFields = [];
 
-    const fieldsArr = [];
-
-    const listName = "all";
+    let fieldsArr = [];
     
     const isMobile = window.innerWidth < 768;
 
-    const listView = _$1.find(
-        refObjectConfig.list_views,
-        (listView, name) => name === listName
-    );
+    let listView = getLookupListView(refObjectConfig);
+    let listName = listView && listView.name;
     if (listView && listView.columns) {
         _$1.each(listView.columns, function (column) {
             if (_$1.isString(column) && refObjectConfig.fields[column]) {
@@ -5809,7 +5724,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
             }
         });
     }else {
-        _$1.each(refObjectConfig.fields , (field, field_name)=>{
+        _$1.each(refObjectConfig.fields, (field, field_name)=>{
             if(field_name != '_id' && !field.hidden){
                 if(!_$1.has(field, "name")){
                     field.name = field_name;
@@ -5817,16 +5732,15 @@ async function lookupToAmisPicker(field, readonly, ctx){
                 fieldsArr.push(field);
             }
         });
+        // 没有视图权限时，取对象上前5个字段，按sort_no排序
+        fieldsArr = _$1.sortBy(fieldsArr, "sort_no").slice(0,5);
     }
 
-    _$1.each(_$1.sortBy(fieldsArr, "sort_no"),function(field){
-        if(i < 5){
-            if(!_$1.find(tableFields, function(f){
-                return f.name === field.name
-            })){
-                i++;
-                tableFields.push(field);
-            }
+    _$1.each(fieldsArr,function(field){
+        if(!_$1.find(tableFields, function(f){
+            return f.name === field.name
+        })){
+            tableFields.push(field);
         }
     });
 
@@ -6020,13 +5934,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
     }
 
     let pickerSchema = null;
-    if(ctx.formFactor === 'SMALL'){
-        pickerSchema = await getListSchema$1(tableFields, {
-            top:  top,
-            ...ctx,
-            actions: false
-        });
-    }else {
+    {
         pickerSchema = await getTableSchema$1(tableFields, {
             labelFieldName: refObjectConfig.NAME_FIELD_KEY,
             top:  top,
@@ -6037,13 +5945,9 @@ async function lookupToAmisPicker(field, readonly, ctx){
         pickerSchema.affixHeader = false;
 
         var headerToolbarItems = [];
-        if(referenceTo.objectName === "space_users" && field.reference_to_field === "user" && !isMobile){
-             headerToolbarItems = getLookupSapceUserTreeSchema();
-             pickerSchema["style"] = {
-                "margin-left":"330px",
-                "min-height": "300px"
-             };
-             pickerSchema.className = pickerSchema.className || "" + " steedos-select-user";
+        if(referenceTo.objectName === "space_users" && field.reference_to_field === "user"){
+            headerToolbarItems = getLookupSapceUserTreeSchema(isMobile);
+            pickerSchema.className = pickerSchema.className || "" + " steedos-select-user";
         }
 
         pickerSchema.headerToolbar = getObjectHeaderToolbar(refObjectConfig, fieldsArr, ctx.formFactor, { headerToolbarItems, isLookup: true, keywordsSearchBoxName });
@@ -6139,13 +6043,25 @@ async function lookupToAmisPicker(field, readonly, ctx){
         pickerSchema = Object.assign({}, pickerSchema, field.pickerSchema);
     }
 
+    if(referenceTo.objectName === "space_users" && field.reference_to_field === "user" && isMobile){
+        //手机端选人控件只保留部分toolbar
+        pickerSchema.headerToolbar = pickerSchema.headerToolbar && pickerSchema.headerToolbar.filter(function(item){
+            if(["steedos_crud_toolbar_quick_search","steedos_crud_toolbar_filter","steedos_crud_toolbar_select_user_tree","steedos_crud_toolbar_organization_button"].indexOf(item.id) > -1){
+                return true;
+            }else {
+                return false;
+            }
+        });
+        pickerSchema.footerToolbar = ["pagination"];
+    }
+
     const data = {
         type: getAmisStaticFieldType('picker', readonly),
         modalTitle:  i18next.t('frontend_form_please_select') + " " + refObjectConfig.label,
         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}') )`,
+        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段，多选字段可以编辑。
+        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || ((this.relatedKey ==='${field.name}') && (${field.multiple} != true)) )`,
         modalMode: 'dialog', //TODO 设置 dialog 或者 drawer，用来配置弹出方式
         source: source,
         size: "lg",
@@ -6211,10 +6127,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
     }
 
     const refObjectConfig = referenceTo && await getUISchema(referenceTo.objectName);
-    const listView = refObjectConfig && _$1.find(
-        refObjectConfig.list_views,
-        (listView, name) => name === "all"
-    );
+    let listView = getLookupListView(refObjectConfig);
 
     let sort = "";
     if(listView){
@@ -6325,8 +6238,8 @@ async function lookupToAmisSelect(field, readonly, ctx){
         joinValues: false,
         extractValue: true,
         clearable: true,
-        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段。
-        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || (this.relatedKey ==='${field.name}') )`,
+        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段，多选字段可以编辑。
+        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || ((this.relatedKey ==='${field.name}') && (${field.multiple} != true)) )`,
         // labelField: labelField,
         // valueField: valueField,
         source: apiInfo,
@@ -6395,6 +6308,7 @@ async function lookupToAmis(field, readonly, ctx){
     }
 
     if(referenceTo.objectName === "space_users" && field.reference_to_field === "user"){
+        ctx.onlyDisplayLookLabel = true;
         if(ctx.idsDependOn){
             // ids人员点选模式
             return await lookupToAmisIdsPicker(field, readonly, ctx);
@@ -6448,7 +6362,7 @@ async function getIdsPickerSchema(field, readonly, ctx){
 
     const tableFields = [referenceTo.labelField];
 
-    const source = await getApi$1(refObjectConfig, null, fields, {expand: true, alias: 'rows', queryOptions: `filters: {__filters}, top: {__top}, skip: {__skip}`});
+    const source = await getApi$1(refObjectConfig, null, fields, {expand: true, alias: 'rows', queryOptions: `filters: {__filters}, top: {__top}, skip: {__skip}, sort: "{__sort}"`});
     
     source.data.$term = "$term";
     source.data.$self = "$$";
@@ -6457,6 +6371,12 @@ async function getIdsPickerSchema(field, readonly, ctx){
         source.sendOn = `\${${idsDependOn} && ${idsDependOn}.length}`;
         source.url = `${source.url}&depend_on_${idsDependOn}=\${${idsDependOn}|join}`;
     }
+
+    let listView = getLookupListView(refObjectConfig);
+    let sort = "";
+    if(listView){
+        sort = getListViewSort(listView);
+    }
    
     source.requestAdaptor = `
         const selfData = JSON.parse(JSON.stringify(api.data.$self));
@@ -6464,6 +6384,10 @@ async function getIdsPickerSchema(field, readonly, ctx){
         var pageSize = api.data.pageSize || 1000;
         var pageNo = api.data.pageNo || 1;
         var skip = (pageNo - 1) * pageSize;
+        var orderBy = api.data.orderBy || '';
+        var orderDir = api.data.orderDir || '';
+        var sort = orderBy + ' ' + orderDir;
+        sort = orderBy ? sort : "${sort}";
         if(selfData.op === 'loadOptions' && selfData.value){
             if(selfData.value && selfData.value.indexOf(',') > 0){
                 filters = [["${referenceTo.valueField.name}", "=", selfData.value.split(',')]];
@@ -6481,7 +6405,7 @@ async function getIdsPickerSchema(field, readonly, ctx){
             filters.push(["${referenceTo.valueField.name}", "=", ids]);
         }
 
-        api.data.query = api.data.query.replace(/{__filters}/g, JSON.stringify(filters)).replace('{__top}', pageSize).replace('{__skip}', skip);
+        api.data.query = api.data.query.replace(/{__filters}/g, JSON.stringify(filters)).replace('{__top}', pageSize).replace('{__skip}', skip).replace('{__sort}', sort.trim());
         return api;
     `;
 
@@ -6498,6 +6422,7 @@ async function getIdsPickerSchema(field, readonly, ctx){
         pickerSchema = await getTableSchema$1(tableFields, {
             labelFieldName: refObjectConfig.NAME_FIELD_KEY,
             top:  top,
+            isLookup: true,
             ...ctx
         });
 
@@ -6511,8 +6436,8 @@ async function getIdsPickerSchema(field, readonly, ctx){
         valueField: referenceTo.valueField.name,
         modalMode: 'dialog', 
         source: source,
-        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段。
-        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || (this.relatedKey ==='${field.name}') )`,
+        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段，多选字段可以编辑。
+        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || ((this.relatedKey ==='${field.name}') && (${field.multiple} != true)) )`,
         size: "lg",
         pickerSchema: pickerSchema,
         joinValues: false,
@@ -6540,8 +6465,8 @@ async function getIdsPickerSchema(field, readonly, ctx){
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2023-01-13 17:27:54
- * @LastEditors: liaodaxue
- * @LastEditTime: 2023-07-27 17:33:54
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2023-08-28 17:45:38
  * @Description: 
  */
 
@@ -6603,18 +6528,47 @@ const getMarkdownFieldSchema = (field, readonly, ctx)=>{
 
 const getHtmlFieldSchema = (field, readonly, ctx)=>{
     if(readonly){
+        // return {
+        //     "type": "control",
+        //     "label": field.label,
+        //     "body": {
+        //       "type": "html",
+        //       "name": field.name
+        //     }
+        //   }
         return {
-            "type": "control",
-            "label": field.label,
-            "body": {
-              "type": "html",
-              "name": field.name
-            }
+          "type": "input-rich-text",
+          "receiver": "${context.rootUrl}/s3/images",
+          "name": field.name,
+          "options": {
+            "menu": {
+              "insert": {
+                "title": "Insert",
+                "items": "image link media addcomment pageembed codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents | insertdatetime"
+              }
+            },
+            "plugins": [
+              "autoresize"
+            ],
+            // "max_height": 2000,
+            "statusbar": false,
+            "readonly": true,
+            "toolbar": false,
+            "menubar": false
           }
+        }
     }else {
         return {
             "type": "input-rich-text",
             "receiver": "${context.rootUrl}/s3/images",
+            "options":{
+              "menu": {
+                "insert": {
+                  "title": "Insert",
+                  "items": "image link media addcomment pageembed codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents | insertdatetime"
+                }
+              }
+            },
             "name": field.name
         }
         // return {
@@ -6668,6 +6622,9 @@ function getAmisStaticFieldType(type, readonly, options){
         return type;
     }
     if(_$1.includes(['text','image'], type)){
+        if('text' === type && options && options.amis && options.amis.tpl){
+            return 'static';
+        }
         if('image' === type && options && options.multiple){
             return `static-images`;
         }
@@ -6938,7 +6895,7 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
     // }
     switch (field.type) {
         case 'text':
-            convertData.type = getAmisStaticFieldType('text', readonly);
+            convertData.type = getAmisStaticFieldType('text', readonly, field);
             break;
         case 'textarea':
             convertData.type = getAmisStaticFieldType('textarea', readonly);
@@ -7385,7 +7342,7 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             convertData.className = 'm-1';
         }
         if(readonly){
-            convertData.className = `${convertData.className} md:border-b`;
+            convertData.className = `${convertData.className} border-b`;
         }
         if(readonly){
             convertData.quickEdit = false;
@@ -7855,7 +7812,10 @@ function getFieldWidth(width){
 }
 
 async function getTableColumns(fields, options){
-    const columns = [{name: '_index',type: 'text', width: 32, placeholder: ""}];
+    const columns = [];
+    if(!options.isLookup){
+        columns.push({name: '_index',type: 'text', width: 32, placeholder: ""});
+    }
     const allowEdit = options.permissions?.allowEdit && !options.isLookup && options.enable_inline_edit != false;
     
     for (const field of fields) {
@@ -8090,7 +8050,7 @@ async function getMobileTableColumns(fields, options){
         let tpl = "";
         if(field.is_name || field.name === options.labelFieldName){
             nameField = field;
-            options.onlyDisplayLabel = true;
+            options.onlyDisplayLookLabel = true;
             tpl = await getFieldTpl(field, options);
         }
         else if(field.type === 'avatar' || field.type === 'image' || field.type === 'file'){
@@ -8099,12 +8059,13 @@ async function getMobileTableColumns(fields, options){
         }
         else {
             if(field.type === 'lookup' || field.type === 'master_detail'){
-                options.onlyDisplayLabel = true;
+                options.onlyDisplayLookLabel = true;
             }
             tpl = await getFieldTpl(field, options);
         }
         if(!tpl){
-            tpl = `\${${field.name}}`;
+            //qhd需求简易处理，加上raw以支持审批王名称字段通过颜色区分缓急，若之后手机端列表支持配置amis，则可以去掉
+            tpl = `\${${field.name} | raw}`;
         }
         if(!field.hidden && !field.extra){
             tpls.push({ field, tpl });
@@ -8300,7 +8261,12 @@ async function getTableSchema$1(fields, options){
         options = {};
     }
     let columns = [];
-    if(options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1){
+    let useMobileColumns = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
+    if(isLookup){
+        // 在lookup手机端列表模式调式好之前不使用getMobileTableColumns
+        useMobileColumns = false;
+    }
+    if(useMobileColumns){
         columns = await getMobileTableColumns(fields, options);
     }
     else {
@@ -8320,7 +8286,7 @@ async function getTableSchema$1(fields, options){
         columns: columns,
         syncLocation: false,
         keepItemSelectionOnPageChange: true,
-        checkOnItemClick: false,
+        checkOnItemClick: isLookup ? true : false,
         labelTpl: `\${${options.labelFieldName}}`,
         autoFillHeight: false, // 自动高度效果不理想,先关闭
         columnsTogglable: false,
@@ -8944,7 +8910,7 @@ async function getEditFormInitApi(object, recordId, fields, options){
                 var defaultValues = {};
                 _.each(uiSchema && uiSchema.fields, function(field){
                     var value = SteedosUI.getFieldDefaultValue(field, api.body.global);
-                    if(value){
+                    if(!_.isNil(value)){
                         defaultValues[field.name] = value;
                     }
                 });
@@ -9602,14 +9568,15 @@ async function getObjectCalendar(objectSchema, calendarOptions, options) {
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-26 16:02:08
- * @LastEditors: liaodaxue
- * @LastEditTime: 2023-07-12 15:45:55
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2023-09-05 15:42:26
  * @Description: 
  */
 
-const getFieldSchemaArray = (formFields) => {
+const getFieldSchemaArray = (formFields, ctx) => {
   let fieldSchemaArray = [];
   fieldSchemaArray.length = 0;
+  const recordId = ctx && ctx.recordId;
 
   _$1.forEach(formFields, (field) => {
     if (!field.group || field.group == 'null' || field.group == '-')
@@ -9621,8 +9588,14 @@ const getFieldSchemaArray = (formFields) => {
       field.is_wide = true;
     }
 
+    let forceHidden = false;
+    if(!recordId && field.readonly){
+      // 新建记录时，只读字段先隐藏，后续支持显示后，即任务：https://github.com/steedos/steedos-platform/issues/3164 完成后再放开
+      forceHidden = true;
+    }
+
     if (!isObjectField) {
-      if (!field.hidden) {
+      if (!field.hidden && !forceHidden) {
         fieldSchemaArray.push(Object.assign({ name: fieldName }, field, { permission: { allowEdit: true } }));
       }
     }
@@ -9693,7 +9666,7 @@ const getSections = async (permissionFields, formFields, ctx) => {
   if (!ctx) {
     ctx = {};
   }
-  const fieldSchemaArray = getFieldSchemaArray(formFields);
+  const fieldSchemaArray = getFieldSchemaArray(formFields, ctx);
   const _sections = _$1.groupBy(fieldSchemaArray, 'group');
   const sections = [];
   var sectionVisibleOns = [];
@@ -9914,7 +9887,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         }
       `;
       let autoFillHeight = true;
-      if(options.isRelated || Steedos.isMobile()){
+      if(options.isRelated || window.innerWidth < 768){
         autoFillHeight = false;
       }
 
@@ -10287,7 +10260,7 @@ const getRecordPermissions = async (objectName, recordId)=>{
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
  * @LastEditors: liaodaxue
- * @LastEditTime: 2023-08-21 14:50:21
+ * @LastEditTime: 2023-08-28 14:55:23
  * @Description:
  */
 
@@ -10433,11 +10406,16 @@ async function getRecordDetailRelatedListSchema(objectName, recordId, relatedObj
     // }
     const recordRelatedListHeader = await getObjectRecordDetailRelatedListHeader(relatedObjectUiSchema, relatedLabel, ctx);
     const componentId = `steedos-record-related-list-${relatedObjectName}`;
+    const isMobile = window.innerWidth < 768;
+    let headerToolbar = [];
+    if(!isMobile){
+        headerToolbar.push("bulkActions");
+    }
     const options = {
         globalFilter,
         defaults: {
             listSchema: { 
-                headerToolbar:["bulkActions"],
+                headerToolbar,
                 columnsTogglable: false,
                 onEvent: {
                     [`@data.changed.${relatedObjectName}`]: {