@steedos-widgets/amis-lib 1.2.6-beta.9 → 1.2.7

package/dist/index.umd.js

@@ -1376,26 +1376,11 @@
       }
   };
 
-  /*
-   * @Author: baozhoutao@steedos.com
-   * @Date: 2022-08-04 10:42:49
-   * @LastEditors: baozhoutao@steedos.com
-   * @LastEditTime: 2022-08-25 10:28:47
-   * @Description: 
-   */
-  var config = {
-      listView: {
-          newRecordMode: 'modal',
-          editRecordMode: 'modal',
-          perPage: 20
-      }
-  };
-
   /*
    * @Author: baozhoutao@steedos.com
    * @Date: 2022-11-01 15:51:00
-   * @LastEditors: baozhoutao@steedos.com
-   * @LastEditTime: 2023-04-19 20:26:27
+   * @LastEditors: Please set LastEditors
+   * @LastEditTime: 2023-04-26 11:52:04
    * @Description: 
    */
 
@@ -1487,7 +1472,8 @@
                                               "schemaApi": {
                                                   "data": {
                                                       "isLookup": "${isLookup}",
-                                                      "_master": "${_master}"
+                                                      "_master": "${_master}",
+                                                      "url": "${context.rootUrl}/api/pageSchema/form?app=${appId}&objectApiName=${objectName}&formFactor=${formFactor}"
                                                   },
                                                   "url": "${context.rootUrl}/api/pageSchema/form?app=${appId}&objectApiName=${objectName}&formFactor=${formFactor}",
                                                   "method": "get",
@@ -1496,7 +1482,7 @@
                                                   "headers": {
                                                       "Authorization": "Bearer ${context.tenantId},${context.authToken}"
                                                   },
-                                                  "requestAdaptor": "",
+                                                  "requestAdaptor": "return { ...api, url: api.body.url }",
                                                   "adaptor": schemaApiAdaptor
                                               }
                                           }
@@ -2405,6 +2391,166 @@
 
   const executeButton = execute;
 
+
+  const getObjectDetailHeaderButtons = (objectSchema, recordId)=>{
+      const { name } = objectSchema;
+      const buttons = getObjectDetailButtons(objectSchema, {});
+      const moreButtons = getObjectDetailMoreButtons(objectSchema, {
+          recordId: recordId,
+          objectName: name
+      });
+      let amisButtonsSchema = ___default["default"].map(buttons, (button) => {
+          return {
+          type: 'steedos-object-button',
+          name: button.name,
+          objectName: button.objectName,
+          visibleOn: getButtonVisibleOn$1(button),
+          className: `button_${button.name}`
+          }
+      });
+      let dropdownButtons = ___default["default"].map(moreButtons, (button) => {
+          return {
+          type: 'steedos-object-button',
+          name: button.name,
+          objectName: button.objectName,
+          visibleOn: getButtonVisibleOn$1(button),
+          }
+      });
+      return {
+          buttons: amisButtonsSchema,
+          moreButtons: dropdownButtons
+      };
+  };
+
+  const getObjectDetailButtonsSchemas = (objectSchema, recordId, ctx)=>{
+      const { buttons, moreButtons } = getObjectDetailHeaderButtons(objectSchema, recordId);
+      if(ctx.formFactor === 'SMALL'){
+          return {
+              "type": "button",
+              "icon": "fa fa-angle-down",
+              "onEvent": {
+                "click": {
+                  "actions": [
+                    {
+                      "actionType": "drawer",
+                      "drawer": {
+                        "type": "drawer",
+                        "title": "操作",
+                        "body": [
+                          {
+                            "type": "button-group",
+                            "id": "u:fd837823be5b",
+                            "vertical": true,
+                            "tiled": true,
+                            "buttons": [
+                              ...___default["default"].map(buttons, (button)=>{
+                                  button.className += ' w-full';
+                                  return button;
+                              }),
+                              ...___default["default"].map(moreButtons, (button)=>{
+                                  button.className += ' w-full';
+                                  return button;
+                              })
+                            ],
+                            "btnLevel": "enhance",
+                            "className": "w-full",
+                            "btnClassName": "w-full",
+                            "size": "lg"
+                          }
+                        ],
+                        "id": "u:9815f7366b9f",
+                        "position": "bottom",
+                        "closeOnOutside": true,
+                        "resizable": false,
+                        "className": "buttons-drawer",
+                        "bodyClassName": "m-none p-none",
+                        "actions": []
+                      }
+                    }
+                  ]
+                }
+              },
+              "id": "u:ee7c7929e6ae"
+            }
+      }else {
+          if(moreButtons.length > 0){
+              const dropdownButtonsSchema = {
+                  type: "steedos-dropdown-button",
+                  label: "",
+                  buttons: moreButtons,
+                  className: 'slds-icon'
+              };
+              buttons.push(dropdownButtonsSchema);
+          }
+          return buttons;
+      }
+  };
+
+
+  const getObjectListViewButtonsSchemas = (objectSchema, ctx)=>{
+      const buttons = getListViewButtons(objectSchema, ctx);
+      if(ctx.formFactor === 'SMALL'){
+          return {
+              "type": "button",
+              "icon": "fa fa-angle-down",
+              "onEvent": {
+                "click": {
+                  "actions": [
+                    {
+                      "actionType": "drawer",
+                      "drawer": {
+                        "type": "drawer",
+                        "title": "操作",
+                        "body": [
+                          {
+                            "type": "button-group",
+                            "id": "u:fd837823be5b",
+                            "vertical": true,
+                            "tiled": true,
+                            "buttons": [
+                              ...___default["default"].map(buttons, (button)=>{
+                                  return {
+                                      type: 'steedos-object-button',
+                                      name: button.name,
+                                      objectName: button.objectName,
+                                      visibleOn: getButtonVisibleOn$1(button),
+                                      className: `button_${button.name} w-full`
+                                  }
+                              })
+                            ],
+                            "btnLevel": "enhance",
+                            "className": "w-full",
+                            "btnClassName": "w-full",
+                            "size": "lg"
+                          }
+                        ],
+                        "id": "u:9815f7366b9f",
+                        "position": "bottom",
+                        "closeOnOutside": true,
+                        "resizable": false,
+                        "className": "buttons-drawer",
+                        "bodyClassName": "m-none p-none",
+                        "actions": []
+                      }
+                    }
+                  ]
+                }
+              },
+              "id": "u:ee7c7929e6ae"
+            }
+      }else {
+          return ___default["default"].map(buttons, (button) => {
+              return {
+              type: 'steedos-object-button',
+              name: button.name,
+              objectName: button.objectName,
+              visibleOn: getButtonVisibleOn$1(button),
+              className: `button_${button.name}`
+              }
+          });
+      }
+  };
+
   async function getObjectFieldsFilterButtonSchema(objectSchema) {
     // const amisListViewId = `listview_${objectSchema.name}`;
     return {
@@ -2537,6 +2683,43 @@
     //   }
     // }
     // listView.handleFilterSubmit(Object.assign({}, removedValues, filterFormValues));
+  `;
+    const onCancelScript = `
+    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";
+    });
+    const removedValues = {};
+    for(var k in filterFormValues){
+      if(/^__searchable__/.test(k)){
+        removedValues[k] = "";
+      }
+    }
+    if(!event.data.isLookup){
+      // 刷新浏览器后，filterFormValues值是空的，只能从本地存储中取出并重置为空值
+      const listViewId = event.data.listViewId;
+      const listViewPropsStoreKey = location.pathname + "/crud/" + listViewId ;
+      let localListViewProps = sessionStorage.getItem(listViewPropsStoreKey);
+      if(localListViewProps){
+        localListViewProps = JSON.parse(localListViewProps);
+        for(var k in localListViewProps){
+          removedValues[k] = "";
+        }
+      }
+    }
+    listView.handleFilterSubmit(removedValues);
+    const filterService = filterForm.context.getComponents().find(function(n){
+      return n.props.type === "service";
+    });
+    filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+    //触发amis crud 高度重算
+    setTimeout(()=>{
+      window.dispatchEvent(new Event("resize"))
+    }, 100);
   `;
     const dataProviderInited = `
     const objectName = data.objectName;
@@ -2731,6 +2914,22 @@
                     }
                   }
                 },
+                {
+                  "type": "button",
+                  "label": "取消",
+                  "name": "btn_filter_form_cancel",
+                  "visibleOn": "this.filterFormSearchableFields && this.filterFormSearchableFields.length",
+                  "onEvent": {
+                    "click": {
+                      "actions": [
+                        {
+                          "actionType": "custom",
+                          "script": onCancelScript
+                        }
+                      ]
+                    }
+                  }
+                },
                 {
                   "type": "button",
                   "label": "设置搜索项",
@@ -2887,17 +3086,7 @@
       }
     );
 
-    const buttons = getListViewButtons(objectSchema, {});
-    let amisButtonsSchema = _$1.map(buttons, (button) => {
-      return {
-        type: 'steedos-object-button',
-        name: button.name,
-        objectName: button.objectName,
-        visibleOn: getButtonVisibleOn$1(button),
-        className: `button_${button.name}`
-      }
-    });
-    
+    let amisButtonsSchema = getObjectListViewButtonsSchemas(objectSchema, {formFactor: ctx.formFactor});
     const reg = new RegExp('_', 'g');
     const standardIcon = icon && icon.replace(reg, '-');
     return {
@@ -2930,8 +3119,8 @@
                     },
                     {
                       "type": "dropdown-button",
-                      "className": "",
-                      "label": "\${uiSchema.list_views[listName].label}",
+                      "className": "", 
+                      "label": "\${listName ? uiSchema.list_views[listName].label : uiSchema.list_views[defaultListName].label}",
                       "rightIcon": "fa fa-caret-down",
                       "size": "sm",
                       "hideCaret": true,
@@ -3079,7 +3268,10 @@
    * @returns amisSchema
    */
   function getObjectListHeader$1(objectSchema, listViewName, ctx) {
-    let firstLineSchema = getObjectListHeaderFirstLine(objectSchema);
+    if (!ctx) {
+      ctx = {};
+    }
+    let firstLineSchema = getObjectListHeaderFirstLine(objectSchema, listViewName, ctx);
     let body = [firstLineSchema];
     let headerSchema = [{
       "type": "wrapper",
@@ -3100,35 +3292,11 @@
     const { showRecordTitle = true } = options || {};
     // console.log('getObjectRecordDetailHeader==>', objectSchema, recordId)
     const { name, label, icon, NAME_FIELD_KEY } = objectSchema;
-    const buttons = getObjectDetailButtons(objectSchema, {});
-    const moreButtons = getObjectDetailMoreButtons(objectSchema, {
-      recordId: recordId,
-      objectName: name
-    });
-    let amisButtonsSchema = _$1.map(buttons, (button) => {
-      return {
-        type: 'steedos-object-button',
-        name: button.name,
-        objectName: button.objectName,
-        visibleOn: getButtonVisibleOn$1(button),
-        className: `button_${button.name}`
-      }
-    });
-    let dropdownButtons = _$1.map(moreButtons, (button) => {
-      return {
-        type: 'steedos-object-button',
-        name: button.name,
-        objectName: button.objectName,
-        visibleOn: getButtonVisibleOn$1(button),
-      }
-    });
-    const dropdownButtonsSchema = {
-      type: "steedos-dropdown-button",
-      label: "",
-      buttons: dropdownButtons,
-      className: 'slds-icon'
-    };
-    amisButtonsSchema.push(dropdownButtonsSchema);
+    
+    let amisButtonsSchema = getObjectDetailButtonsSchemas(objectSchema, recordId, options);
+
+    // console.log(`getObjectRecordDetailHeader==>`, amisButtonsSchema)
+    
     const reg = new RegExp('_', 'g');
     const standardIcon = icon && icon.replace(reg, '-');
 
@@ -3339,8 +3507,8 @@
       "icon": "fa fa-table-columns",
       "btnClassName": "antd-Button--iconOnly bg-white p-2 rounded border-gray-300 text-gray-500",
       "align": "right",
-      "visibleOn": "${formFactor !== 'SMALL'}",
-      "buttons": [
+      "visibleOn": "${window:innerWidth > 768 && !!!isLookup}",
+      "buttons": [ 
         {
           "label": "显示为",
           "children": buttons
@@ -3360,11 +3528,26 @@ const filterForm = scope.getComponents().find(function(n){
 const filterService = filterForm.context.getComponents().find(function(n){
   return n.props.type === "service";
 });
-filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
-//触发amis crud 高度重算
-setTimeout(()=>{
-  window.dispatchEvent(new Event("resize"))
-}, 100)
+// filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+let resizeWindow = function(){
+  //触发amis crud 高度重算
+  setTimeout(()=>{
+    window.dispatchEvent(new Event("resize"))
+  }, 500);
+}
+if(filterService.props.data.showFieldsFilter){
+  let buttonCancel = SteedosUI.getClosestAmisComponentByType(filterForm.context, "button", { 
+    direction: "down", 
+    name: "btn_filter_form_cancel" 
+  });
+  buttonCancel.props.dispatchEvent('click', {}).then(function(){
+    resizeWindow();
+  });
+}
+else{
+  filterService.setData({showFieldsFilter: true});
+  resizeWindow();
+}
 `;
 
   function getExportApiRequestAdaptorScript(){
@@ -3437,6 +3620,7 @@ setTimeout(()=>{
     `;
       return [
         // "bulkActions",
+        ...(headerToolbarItems || []),
         hiddenCount ? {} :{
           "type": "tpl",
           "tpl": "${count} 个项目"
@@ -3581,7 +3765,7 @@ setTimeout(()=>{
                               "list_view": "${uiSchema.list_views[listName]}",
                               "appId": "${appId}",
                               "global": "${global}",
-                              "objectName": "${objectName}",
+                              "targetObjectName": "${objectName}",
                             },
                             "body": [
                               {
@@ -3621,7 +3805,7 @@ setTimeout(()=>{
                                       {
                                         "args": {
                                           // 直接使用recordId不能拿到数据，只能通过result里面拿数据
-                                          "url": "${context.rootUrl}/app/${appId}/${objectName}/grid/listview_${result.data.recordId|lowerCase}",
+                                          "url": "${context.rootUrl}/app/${appId}/${targetObjectName}/grid/listview_${result.data.recordId|lowerCase}",
                                           "blank": false
                                         },
                                         "actionType": "url",
@@ -3662,7 +3846,7 @@ setTimeout(()=>{
                             "data": {
                               "&": "$$",
                               "listName": "${listName}",
-                              "objectName": "${objectName}",
+                              "targetObjectName": "${objectName}",
                               "list_view": "${uiSchema.list_views[listName]}",
                               "appId": "${appId}",
                               "global": "${global}"
@@ -3705,7 +3889,7 @@ setTimeout(()=>{
                                     "actions": [
                                       {
                                         "args": {
-                                          "url": "${context.rootUrl}/app/${appId}/${objectName}/grid/listview_${result.data.recordId|lowerCase}",
+                                          "url": "${context.rootUrl}/app/${appId}/${targetObjectName}/grid/listview_${result.data.recordId|lowerCase}",
                                           "blank": false
                                         },
                                         "actionType": "url",
@@ -3741,7 +3925,7 @@ setTimeout(()=>{
                             "type": "dialog",
                             "title": "重命名 列表视图",
                             "data": {
-                              "objectName": "${objectName}",
+                              "targetObjectName": "${objectName}",
                               "recordId": "${uiSchema.list_views[listName]._id}",
                               "appId": "${appId}"
                             },
@@ -3762,7 +3946,7 @@ setTimeout(()=>{
                                     "actions": [
                                       {
                                         "args": {
-                                          "url": "${context.rootUrl}/app/${appId}/${objectName}/grid/${name}",
+                                          "url": "${context.rootUrl}/app/${appId}/${targetObjectName}/grid/${name}",
                                           "blank": false
                                         },
                                         "actionType": "url",
@@ -3836,6 +4020,7 @@ setTimeout(()=>{
                             "type": "dialog",
                             "title": "过滤设置",
                             "data": {
+                              "targetObjectName": "${objectName}",
                               "objectName": "${objectName}",
                               "recordId": "${uiSchema.list_views[listName]._id}",
                               "listName": "${listName}",
@@ -3861,7 +4046,7 @@ setTimeout(()=>{
                                     "actions": [
                                       {
                                         "args": {
-                                          "url": "${context.rootUrl}/app/${appId}/${objectName}/grid/${listName}",
+                                          "url": "${context.rootUrl}/app/${appId}/${targetObjectName}/grid/${listName}",
                                           "blank": false
                                         },
                                         "actionType": "url",
@@ -3899,6 +4084,7 @@ setTimeout(()=>{
                             "title": "显示的列",
                             "data": {
                               "&": "$$",
+                              "targetObjectName": "${objectName}",
                               "objectName": "${objectName}",
                               "recordId": "${uiSchema.list_views[listName]._id}",
                               "listName": "${listName}",
@@ -3924,7 +4110,7 @@ setTimeout(()=>{
                                     "actions": [
                                       {
                                         "args": {
-                                          "url": "${context.rootUrl}/app/${appId}/${objectName}/grid/${listName}",
+                                          "url": "${context.rootUrl}/app/${appId}/${targetObjectName}/grid/${listName}",
                                           "blank": false
                                         },
                                         "actionType": "url"
@@ -3960,6 +4146,7 @@ setTimeout(()=>{
                             "title": "弹框标题",
                             "data": {
                               "&": "$$",
+                              "targetObjectName": "${objectName}",
                               "objectName": "${objectName}",
                               "recordId": "${uiSchema.list_views[listName]._id}",
                               "listName": "${listName}",
@@ -3985,7 +4172,7 @@ setTimeout(()=>{
                                     "actions": [
                                       {
                                         "args": {
-                                          "url": "${context.rootUrl}/app/${appId}/${objectName}/grid/${listName}",
+                                          "url": "${context.rootUrl}/app/${appId}/${targetObjectName}/grid/${listName}",
                                           "blank": false
                                         },
                                         "actionType": "url"
@@ -4099,8 +4286,8 @@ setTimeout(()=>{
     }
     else {
       return [
+        "switch-per-page",
         "statistics",
-        // "switch-per-page",
         "pagination"
       ]
     }
@@ -4533,13 +4720,16 @@ setTimeout(()=>{
         var sort = orderBy + ' ' + orderDir;
         sort = orderBy ? sort : "${sort}";
         var allowSearchFields = ${JSON.stringify(searchableFields)};
+        let fieldValue;
         if(api.data.$term){
             filters = [["name", "contains", "'+ api.data.$term +'"]];
         }else if(selfData.op === 'loadOptions' && selfData.value){
             if(selfData.value?.indexOf(',') > 0){
-                filters = [["${referenceTo.valueField.name}", "=", selfData.value.split(',')]];
+                fieldValue = selfData.value.split(',');
+                filters = [["${referenceTo.valueField.name}", "=", fieldValue]];
             }else{
-                filters = [["${referenceTo.valueField.name}", "=", selfData.value]];
+                fieldValue = selfData.value;
+                filters = [["${referenceTo.valueField.name}", "=", fieldValue]];
             }
         }
 
@@ -4593,6 +4783,9 @@ setTimeout(()=>{
         if(enable_tree){
             pageSize = 10000;
         }
+        if(fieldValue && _.isArray(fieldValue) && fieldValue.length > pageSize){
+            pageSize = fieldValue.length;
+        }
         api.data.query = api.data.query.replace(/{__filters}/g, JSON.stringify(filters)).replace('{__top}', pageSize).replace('{__skip}', skip).replace('{__sort}', sort.trim());
         return api;
     `;
@@ -4673,6 +4866,8 @@ setTimeout(()=>{
               ...ctx
           });
 
+          pickerSchema.affixHeader = false;
+
           var headerToolbarItems = [];
           const isMobile = window.innerWidth < 768;
           if(referenceTo.objectName === "space_users" && field.reference_to_field === "user" && !isMobile){
@@ -4690,14 +4885,11 @@ setTimeout(()=>{
               pickerSchema.headerToolbar.push(new_button);
           }
           pickerSchema.footerToolbar = refObjectConfig.enable_tree ? [] : getObjectFooterToolbar();
-          //TODO: 等待放大镜bug修复,if会去掉，始终显示放大镜
-          if(referenceTo.objectName != "space_users" || field.reference_to_field != "user"){
-              if (ctx.filterVisible !== false) {
-                  pickerSchema.filter = await getObjectFilter(refObjectConfig, fields, {
-                      isLookup: true,
-                      ...ctx
-                  });
-              }
+          if (ctx.filterVisible !== false) {
+              pickerSchema.filter = await getObjectFilter(refObjectConfig, fields, {
+                  isLookup: true,
+                  ...ctx
+              });
           }
           pickerSchema.data = Object.assign({}, pickerSchema.data, {
               "&": "$$",
@@ -4881,11 +5073,12 @@ setTimeout(()=>{
           autoComplete: apiInfo,
           searchable: true,
       };
+      //删除xlink:href中的rootUrl前缀，解决客户端svg为空的问题
       const select_menuTpl = `<span class='flex items-center mt-0.5'>
         <span role='img' aria-label='smile' class='anticon anticon-smile'>
             <span class='slds-icon_container slds-icon-standard-\${REPLACE(icon,'_','-')}'>
                 <svg class='slds-icon slds-icon_x-small' aria-hidden='true'>
-                    <use xlink:href='\${context.rootUrl}/assets/icons/standard-sprite/svg/symbols.svg#\${icon}'></use>
+                    <use xlink:href='/assets/icons/standard-sprite/svg/symbols.svg#\${icon}'></use>
                 </svg>
             </span> 
         </span>
@@ -4943,8 +5136,10 @@ setTimeout(()=>{
 
       if(referenceTo.objectName === "space_users" && field.reference_to_field === "user"){
           if(ctx.idsDependOn || field.amis){
+              // ids人员点选模式
               return await lookupToAmisIdsPicker(field, readonly, ctx);
           }
+          // 左侧树右侧人员列表的下拉框模式，不再支持，而是执行下面的lookupToAmisPicker函数弹出选人窗口
           // return await lookupToAmisSelectUser(field, readonly, ctx);
       }
 
@@ -5045,6 +5240,9 @@ setTimeout(()=>{
               top:  top,
               ...ctx
           });
+
+          pickerSchema.affixHeader = false;
+
       }
 
       const data = {
@@ -5074,7 +5272,6 @@ setTimeout(()=>{
       if(readonly){
           data.tpl = await getLookupTpl(field, ctx);
       }
-
       return data;
   }
 
@@ -5282,6 +5479,23 @@ setTimeout(()=>{
       return readonly ? getAmisFileReadonlySchema(steedosField) : getAmisFileEditSchema(steedosField);
   };
 
+  /*
+   * @Author: baozhoutao@steedos.com
+   * @Date: 2022-07-20 16:29:22
+   * @LastEditors: Please set LastEditors
+   * @LastEditTime: 2023-05-11 11:19:54
+   * @Description: 
+   */
+
+  function getContrastColor(bgColor) {
+    var backgroundColor = (bgColor.charAt(0) === '#') ? bgColor.substring(1, 7) : bgColor;
+    var r = parseInt(backgroundColor.substr(0, 2), 16);
+    var g = parseInt(backgroundColor.substr(2, 2), 16);
+    var b = parseInt(backgroundColor.substr(4, 2), 16);
+    var brightness = (r * 299 + g * 587 + b * 114) / 1000;
+    return brightness >= 128 ? "#000000" : "#ffffff";
+  }
+
   const OMIT_FIELDS = ['created', 'created_by', 'modified', 'modified_by'];
   // const Lookup = require('./lookup');
 
@@ -5435,6 +5649,8 @@ setTimeout(()=>{
   }
 
   async function convertSFieldToAmisField(field, readonly, ctx) {
+      // console.log('convertSFieldToAmisField====>', field, readonly, ctx)
+      const isMobile = window.innerWidth <= 768;
       // 创建人和修改人、创建时间和修改时间不显示
       if(___namespace.includes(OMIT_FIELDS, field.name) && ctx.showSystemFields != true){
           return;
@@ -5469,20 +5685,42 @@ setTimeout(()=>{
               // }
               // break;
           case 'select':
-              convertData = {
-                  type: getAmisStaticFieldType('select', readonly),
-                  joinValues: false,
-                  options: getSelectFieldOptions(field),
-                  extractValue: true,
-                  clearable: true,
-                  labelField: 'label',
-                  valueField: 'value',
-                  tpl: readonly ? getSelectTpl(field) : null
-              };
-              if(field.multiple){
-                  convertData.multiple = true;
-                  convertData.extractValue = true;
+              if(readonly){
+                  const selectOptions = field.options;
+                  let map = {};
+                  ___namespace.forEach(selectOptions,(option)=>{
+                      const optionValue = option.value + '';
+                      if(option.color){
+                          const background = '#'+option.color;
+                          const color = getContrastColor(background);
+                          const optionColorStyle = 'background:'+background+';color:'+color;
+                          map[optionValue] = `<span class="rounded-xl px-2 py-1" style='${optionColorStyle}'>${option.label}</span>`;
+                      }else {
+                          map[optionValue] = option.label;
+                      }
+                  });
+                  convertData = {
+                      type: "static-mapping",
+                      name: field.name,
+                      label: field.label,
+                      map: map
+                  };
+              }else {
+                  convertData = {
+                      type: getAmisStaticFieldType('select', readonly),
+                      joinValues: false,
+                      options: getSelectFieldOptions(field),
+                      extractValue: true,
+                      clearable: true,
+                      labelField: 'label',
+                      valueField: 'value'
+                  };
+                  if(field.multiple){
+                      convertData.multiple = true;
+                      convertData.extractValue = true;
+                  }
               }
+
               break;
           case 'boolean':
               convertData = {
@@ -5502,7 +5740,26 @@ setTimeout(()=>{
               };
               break;
           case 'date':
-              convertData = {
+              convertData = isMobile && !readonly ? {
+                  type: "native-date",
+                  pipeIn: (value, data) => {
+                      if (value) {
+                          value = moment(value).utc().format('YYYY-MM-DD');
+                          return value;
+                      } else {
+                          return "";
+                      }
+
+                  },
+                  pipeOut: (value, oldValue, data) => {
+                      if (value) {
+                          value = moment(value).format('YYYY-MM-DDT00:00:00.000[Z]');
+                          return value;
+                      } else {
+                          return "";
+                      }
+                  }
+              } : {
                   type: getAmisStaticFieldType('date', readonly),
                   inputFormat: "YYYY-MM-DD",
                   format:'YYYY-MM-DDT00:00:00.000[Z]',
@@ -5521,12 +5778,48 @@ setTimeout(()=>{
               };
               break;
           case 'datetime':
-              convertData = {
+              convertData = isMobile && !readonly ? {
+                  type: "combo",
+                  pipeIn: (value, data) => {
+                      let revalue = {};
+                      if (value && value != "Invalid date") {
+                          value = moment(value).format('YYYY-MM-DD HH:mm:ss');
+                          revalue[field.name + "-native-date"] = value.split(' ')[0];
+                          revalue[field.name + "-native-time"] = value.split(' ')[1];
+                      } else {
+                          revalue[field.name + "-native-date"] = "";
+                          revalue[field.name + "-native-time"] = "";
+                      }
+                      return revalue;
+                  },
+                  pipeOut: (value, oldValue, data) => {
+                      let revalue = "";
+                      if (value[field.name + "-native-date"] && value[field.name + "-native-time"]) {
+                          revalue = value[field.name + "-native-date"] + " " + value[field.name + "-native-time"];
+                          revalue = moment(revalue).utc().format('YYYY-MM-DDTHH:mm:ss.SSS[Z]');
+                      }
+                      return revalue;
+                  },
+                  items: [
+                      {
+                          type: "native-date",
+                          name: field.name + "-native-date",
+                          className: "steedos-native-date",
+                          value: ""
+                      },
+                      {
+                          type: "native-time",
+                          name: field.name + "-native-time",
+                          className: "steedos-native-time",
+                          value: ""
+                      }
+                  ]
+              } : {
                   type: getAmisStaticFieldType('datetime', readonly),
                   inputFormat: 'YYYY-MM-DD HH:mm',
-                  format:'YYYY-MM-DDTHH:mm:ss.SSSZ',
+                  format: 'YYYY-MM-DDTHH:mm:ss.SSSZ',
                   tpl: readonly ? getDateTimeTpl(field) : null,
-                  utc: true
+                  utc: true,
               };
               break;
           case 'input-time-range':
@@ -5541,7 +5834,26 @@ setTimeout(()=>{
               };
               break;
           case 'time':
-              convertData = {
+              convertData = isMobile && !readonly ? {
+                  type: "native-time",
+                  pipeIn: (value, data) => {
+                      if (value) {
+                          value = moment(value).utc().format('HH:mm');
+                          return value;
+                      } else {
+                          return "";
+                      }
+
+                  },
+                  pipeOut: (value, oldValue, data) => {
+                      if (value) {
+                          value = moment('1970-01-01 ' + value).format('1970-01-01THH:mm:00.000[Z]');
+                          return value;
+                      } else {
+                          return "";
+                      }
+                  }
+              } : {
                   type: getAmisStaticFieldType('time', readonly),
                   inputFormat: 'HH:mm',
                   timeFormat:'HH:mm',
@@ -5653,7 +5965,7 @@ setTimeout(()=>{
               convertData = {
                   type: "editor",
                   language: field.language,
-                  // value: field.defaultValue || ''
+                  editorDidMount: new Function('editor', 'monaco', field.editorDidMount)
               };
               break;
           case 'toggle':
@@ -5674,7 +5986,7 @@ setTimeout(()=>{
                       columnsTogglable: false,
                       strictMode:false,
                       affixHeader: false, // 是否固定表头, 不固定表头, 否则form有y轴滚动条时, 表头会跟随滚动条滚动.
-                      // needConfirm: true,  此属性设置为false后，导致table不能编辑。
+                      needConfirm: false,
                       editable: !readonly,
                       addable: !readonly,
                       removable: !readonly,
@@ -5745,6 +6057,13 @@ setTimeout(()=>{
               convertData.quickEdit = false;
           }
 
+          let fieldTypeClassName = ' steedos-' + convertData.type + (readonly ? '-readonly' : '-edit');
+          if (convertData.className) {
+              convertData.className = convertData.className + fieldTypeClassName;
+          } else {
+              convertData.className = fieldTypeClassName;
+          }
+
           if(field.visible_on){
               // convertData.visibleOn = `\$${field.visible_on.substring(1, field.visible_on.length -1).replace(/formData./g, '')}`;
               if(field.visible_on.startsWith("{{")){
@@ -5904,6 +6223,12 @@ setTimeout(()=>{
       // })
 
       return  `
+    if(payload.data.data.length === 0){
+        return {
+            status: 2,
+            msg: "无法找到记录"
+        }
+    }
     if(payload.data.data){
         var data = payload.data.data[0];
         var gridAndObjectFieldsName = ${JSON.stringify(gridAndObjectFieldsName)};
@@ -6028,12 +6353,12 @@ setTimeout(()=>{
                                 });
                             }
                         }else{
-                            data[item] = {
+                            data[item] = [{
                                 value: fileFieldValue,
                                 name: fileFieldDisplayValue.name,
                                 url: fileFieldDisplayValue.url + "?download=true",
                                 state: "uploaded"
-                            };
+                            }];
                         }
                     }
                 })
@@ -6051,7 +6376,7 @@ setTimeout(()=>{
 
       return {
           method: "post",
-          url: getApi$2(),
+          url: getApi$2() + '&objectName=${objectName}' ,
           // sendOn: "!!this.recordId",
           cache: API_CACHE,
           requestAdaptor: `
@@ -6357,7 +6682,7 @@ setTimeout(()=>{
         }), 
         filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields, options),
       };
-      if(options.formFactor !== 'SMALL'){
+      if(options.formFactor !== 'SMALL' || ["split"].indexOf(options.displayAs) == -1){
         Object.assign(bodyProps, {
           bulkActions: options.bulkActions != false ? bulkActions : false
         });
@@ -6422,7 +6747,7 @@ setTimeout(()=>{
           api: await getTableApi(objectSchema, fields, options),
           hiddenOn: options.tableHiddenOn,
           autoFillHeight: options.isRelated ? false : true,
-          className: `flex-auto ${crudClassName || ""}`,
+          className: `flex-auto bg-white ${crudClassName || ""}`,
           crudClassName: crudClassName,
         }, 
           bodyProps,
@@ -6571,7 +6896,8 @@ setTimeout(()=>{
                     "eventName": `@data.changed.${objectSchema.name}`
                   },
                   "data": {
-                    "objectName": `${objectSchema.name}`
+                    "objectName": `${objectSchema.name}`,
+                    "displayAs": "${displayAs}"
                   }
                 },
                 {
@@ -6671,7 +6997,8 @@ setTimeout(()=>{
                   data: {
                     objectName: "${event.data.__objectName}",
                     record: "${event.data.__record}"
-                  }
+                  },
+                  expression: "${event.data.__response.error != true}"
                 },
                 {
                   "actionType": "setValue",
@@ -6679,7 +7006,8 @@ setTimeout(()=>{
                      value: {
                       "recordLoaded": true,
                      }
-                  }
+                  },
+                  expression: "${event.data.__response.error != true}"
               }
               ]
             }
@@ -6687,6 +7015,21 @@ setTimeout(()=>{
       }
   }
 
+  /*
+   * @Author: baozhoutao@steedos.com
+   * @Date: 2022-08-04 10:42:49
+   * @LastEditors: baozhoutao@steedos.com
+   * @LastEditTime: 2022-08-25 10:28:47
+   * @Description: 
+   */
+  var config = {
+      listView: {
+          newRecordMode: 'modal',
+          editRecordMode: 'modal',
+          perPage: 20
+      }
+  };
+
   async function getTableColumns(fields, options){
       const columns = [{name: '_index',type: 'text', width: 32, placeholder: ""}];
       for (const field of fields) {
@@ -6750,7 +7093,31 @@ setTimeout(()=>{
                   ...getAmisFileReadonlySchema(field)
               }, field.amis, {name: field.name}));
           }
-          
+          else if(field.type === 'select'){
+              const selectOptions = field.options;
+              let map = {};
+              _$1.forEach(selectOptions,(option)=>{
+                  const optionValue = option.value + '';
+                  if(option.color){
+                      const background = '#'+option.color;
+                      const color = getContrastColor(background);
+                      const optionColorStyle = 'background:'+background+';color:'+color;
+                      map[optionValue] = `<span class="rounded-xl px-2 py-1" style='${optionColorStyle}'>${option.label}</span>`;
+                  }else {
+                      map[optionValue] = option.label;
+                  }
+              });
+              columns.push(Object.assign({}, {
+                  type: "mapping",
+                  name: field.name,
+                  label: field.label,
+                  map: map,
+                  sortable: field.sortable,
+                  width: field.width,
+                  toggled: field.toggled,
+                  className:"whitespace-nowrap",
+              }, field.amis, {name: field.name}));
+          }
           else {
               const tpl = await getFieldTpl(field, options);
 
@@ -6760,6 +7127,13 @@ setTimeout(()=>{
               }else if(field.type === 'html'){
                   type = 'markdown';
               }
+              let className = "";
+              if(field.type === 'textarea'){
+                  className = 'min-w-56';
+              }
+              if(field.wrap === false){
+                  className += " whitespace-nowrap";
+              }
               if(!field.hidden && !field.extra){
                   columns.push(Object.assign({}, {
                       name: field.name,
@@ -6770,7 +7144,7 @@ setTimeout(()=>{
                       type: type,
                       tpl: tpl,
                       toggled: field.toggled,
-                      className: field.type === 'textarea' ? 'min-w-56 whitespace-pre-wrap textarea' :  "whitespace-nowrap",
+                      className,
                       html: field.type === 'html' ? true : null
                       // toggled: true 
                   }, field.amis, {name: field.name}));
@@ -6895,8 +7269,9 @@ setTimeout(()=>{
       const url = getNameTplUrl(nameField, options);
 
       const columnLines = getMobileLines(tpls);
-      
-      columns.push({
+
+
+      let column = {
           name: nameField.name,
           label: nameField.label,
           sortable: nameField.sortable,
@@ -6905,13 +7280,66 @@ setTimeout(()=>{
           actionType: "link",
           link: url,
           innerClassName: "steedos-listview-item block text-gray-500",
-          body:{
+          body: {
               "type": "wrapper",
               "body": columnLines,
               "size": "none",
               "className": "p-1"
           }
-      });
+      };
+      
+      if(options.objectName === 'cms_files'){
+          if(window.Meteor?.isCordova){
+              column = {
+                  ...column,
+                  actionType: "",
+                  link: "",
+                  onEvent: {
+                      "click": {
+                          "actions": [
+                              {
+                                  "script": `
+                                    let cms_url = "/api/files/files/"+event.data.versions[0]+"?download=true"
+                                    Steedos.cordovaDownload(encodeURI(Steedos.absoluteUrl(cms_url)), event.data.name);
+                                `,
+                                  "actionType": "custom"
+                              }
+                          ],
+                          "weight": 0
+                      }
+                  }
+              };
+          }else {
+              column = {
+                  ...column,
+                  actionType: "",
+                  link: "",
+                  onEvent: {
+                      "click": {
+                          "actions": [
+                              {
+                                  "args": {
+                                      "api": {
+                                          "url": url,
+                                          "method": "get",
+                                          "headers": {
+                                              "Authorization": "Bearer ${context.tenantId},${context.authToken}"
+                                          }
+                                      }
+                                  },
+                                  "actionType": "download"
+                              }
+                          ],
+                          "weight": 0
+                      }
+                  }
+              };
+          }
+          
+      }
+
+      columns.push(column);
+      
 
       return columns;
   }
@@ -7030,7 +7458,7 @@ setTimeout(()=>{
           options = {};
       }
       let columns = [];
-      if(options.formFactor === 'SMALL'){
+      if(options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1){
           columns = await getMobileTableColumns(fields, options);
       }
       else {
@@ -7233,7 +7661,11 @@ setTimeout(()=>{
             filters = systemFilters;
         };
         if(api.data.$self.additionalFilters){
-            userFilters.push(api.data.$self.additionalFilters)
+            if(_.isString(api.data.$self.additionalFilters)){
+                userFilters.push(eval(api.data.$self.additionalFilters))
+            }else{
+                userFilters.push(api.data.$self.additionalFilters)
+            }
         }
 
         if(api.data.$self._isRelated){
@@ -7266,8 +7698,7 @@ setTimeout(()=>{
             if(_.isEmpty(filters)){
                 filters = userFilters;
             }else{
-                filters.push('and');
-                filters.push(userFilters)
+                filters = [filters, 'and', userFilters]
             }
         }
         api.data = {
@@ -7694,7 +8125,6 @@ setTimeout(()=>{
     // ObjectForm会认作用域下的变量值
     // TODO: 待组件支持initValues属性后应该改掉，不应该通过data直接传值
     // TODO: 全天事件属性传入doc了但是没有生效，需要手动在ObjectForm中勾选全天事件
-    event.data = doc;
     const title = "新建 ${objectSchema.label}";
     doAction(
       {
@@ -7707,6 +8137,7 @@ setTimeout(()=>{
               "type": "steedos-object-form",
               "objectApiName": "\${objectName}",
               "mode": "edit",
+              "defaultData": doc,
               "onEvent": {
                 "submitSucc": {
                   "weight": 0,
@@ -7999,7 +8430,7 @@ setTimeout(()=>{
    * @Author: baozhoutao@steedos.com
    * @Date: 2022-07-05 15:55:39
    * @LastEditors: Please set LastEditors
-   * @LastEditTime: 2023-04-20 11:43:14
+   * @LastEditTime: 2023-05-08 16:34:25
    * @Description:
    */
 
@@ -8253,7 +8684,7 @@ setTimeout(()=>{
   }  
   function getRelatedListProps(uiSchema, listViewName, ctx) {
       if (ctx.columns) {
-          const sort = getListViewSort(ctx.sort);
+          const sort = getListViewSort({sort: ctx.sort});
           let { filters , filtersFunction} = ctx;
           if(!filtersFunction && filters){
               filtersFunction = str2function(
@@ -8342,7 +8773,7 @@ setTimeout(()=>{
    * @Author: baozhoutao@steedos.com
    * @Date: 2022-07-05 15:55:39
    * @LastEditors: baozhoutao@steedos.com
-   * @LastEditTime: 2023-04-17 15:26:17
+   * @LastEditTime: 2023-04-28 11:11:29
    * @Description:
    */
 
@@ -8540,6 +8971,9 @@ setTimeout(()=>{
       ctx = {}
   ) {
       const uiSchema = await getUISchema(objectName);
+      if(!uiSchema){
+          return {}
+      }
       const listView =  _$1.find(
           uiSchema.list_views,
           (listView, name) => {
@@ -9093,7 +9527,10 @@ setTimeout(()=>{
           const defaults = ctx.defaults || {};
           if(!defaults.headerSchema){
               //传入isListviewInit是区别于对象列表类型的微页面，即getListPageInitSchema函数中该属性为false
-              const headerSchema = await getObjectListHeader$1(uiSchema);
+              const headerSchema = await getObjectListHeader$1(uiSchema, listViewName, {
+                  onlySecordLine: true,
+                  isListviewInit: true
+              });
               defaults.headerSchema = headerSchema;
           }
           ctx.defaults = defaults;
@@ -11769,6 +12206,7 @@ setTimeout(()=>{
   exports.getLookupSapceUserTreeSchema = getLookupSapceUserTreeSchema;
   exports.getNotifications = getNotifications;
   exports.getObjectDetailButtons = getObjectDetailButtons;
+  exports.getObjectDetailButtonsSchemas = getObjectDetailButtonsSchemas;
   exports.getObjectDetailMoreButtons = getObjectDetailMoreButtons;
   exports.getObjectFieldsFilterBarSchema = getObjectFieldsFilterBarSchema;
   exports.getObjectFieldsFilterButtonSchema = getObjectFieldsFilterButtonSchema;
@@ -11777,6 +12215,7 @@ setTimeout(()=>{
   exports.getObjectListHeaderFieldsFilterBar = getObjectListHeaderFieldsFilterBar;
   exports.getObjectListHeaderFirstLine = getObjectListHeaderFirstLine;
   exports.getObjectListHeaderSecordLine = getObjectListHeaderSecordLine;
+  exports.getObjectListViewButtonsSchemas = getObjectListViewButtonsSchemas;
   exports.getObjectRecordDetailHeader = getObjectRecordDetailHeader;
   exports.getObjectRecordDetailRelatedListHeader = getObjectRecordDetailRelatedListHeader;
   exports.getObjectRelated = getObjectRelated;