@steedos-widgets/amis-lib 1.3.14 → 1.3.16

package/dist/index.esm.js

@@ -3081,6 +3081,17 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
     crudService && crudService.setData({isFieldsFilterEmpty, showFieldsFilter});
   `;
   const onCancelScript = `
+    doAction(
+      {
+        "componentId": 'service_${ctx.crudId}',
+        "actionType": "setValue",
+        "args": {
+          "value": {
+            "__filterFormValues": null
+          }
+        }
+      }
+    )
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
       return n.props.type === "form";
@@ -3115,7 +3126,9 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
       removedValues[keywordsSearchBoxName] = filterFormValues[keywordsSearchBoxName];
     }
     filterForm.reset();
-    listView.handleFilterSubmit(removedValues);
+    setTimeout(()=>{
+      listView.handleFilterSubmit(removedValues);
+    }, 100); 
     const filterService = filterForm.context.getComponents().find(function(n){
       return n.props.type === "service";
     });
@@ -4991,7 +5004,7 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 // }
 `;
 
-function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords" } = {}){
+function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords", crudId } = {}){
   const searchableFieldsLabel = [];
   _.each(mainObject.fields, function (field) {
     if (isFieldQuickSearchable(field, mainObject.NAME_FIELD_KEY)) {
@@ -5028,23 +5041,22 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
         "clearAndSubmit": true,
         "searchImediately": false,
         "onEvent": {
-          "blur": {
+          "change": {
             "actions": [
               {
                 "actionType": "custom",
                 "script": `
-                    try {
-                        const scope = event.context.scoped;
-                        const filterCrud = scope.parent.getComponents().find(function(n) {
-                            return n.props.type === "crud";
-                        });
-                        if (filterCrud && typeof filterCrud.reload === 'function') {
-                            const keyWords = { '${keywordsSearchBoxName}': event.data.value };
-                            filterCrud.reload(null, keyWords);
+                  doAction(
+                      {
+                        "componentId": 'service_${crudId}',
+                        "actionType": "setValue",
+                        "args": {
+                          "value": {
+                            "__serachBoxValues": event.data
+                          }
                         }
-                    } catch (error) {
-                        console.error('An error occurred:', error);
-                    }
+                      }
+                  )
                 `
               }
             ]
@@ -5056,7 +5068,7 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
 }
 
 function getObjectHeaderToolbar(mainObject, fields, formFactor, { 
-  showDisplayAs = false, hiddenCount = false, headerToolbarItems, 
+  showDisplayAs = false, hiddenCount = false, headerToolbarItems, crudId,
   filterVisible = true, isLookup = false, keywordsSearchBoxName } = {}){
   // console.log(`getObjectHeaderToolbar====>`, filterVisible)
   // console.log(`getObjectHeaderToolbar`, mainObject)
@@ -5160,7 +5172,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
     };
   }
   let toolbarDisplayAsButton = getDisplayAsButton(mainObject?.name);
-  let toolbarDQuickSearchBox = getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName });
+  let toolbarDQuickSearchBox = getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName, crudId });
 
   // toolbars返回的数组元素不可以是空对象{}，比如hiddenCount ? {} : {"type": "tpl",...}，因为空对象最终还是会生成一个空的.antd-Crud-toolbar-item dom
   // 当出现空的.antd-Crud-toolbar-item dom时会影响toolbar元素的maring-right css样式计算，如果有动态需要应该加到动态数组变量toolbars中
@@ -5326,6 +5338,26 @@ async function getObjectFilter(objectSchema, fields, options) {
             "script": onSubmitSuccScript
           }
         ]
+      },
+      "change": {
+        "actions": [
+          {
+            "actionType": "custom",
+            "script": `
+              doAction(
+                  {
+                    "componentId": 'service_${options.crudId}',
+                    "actionType": "setValue",
+                    "args": {
+                      "value": {
+                        "__filterFormValues": event.data
+                      }
+                    }
+                  }
+              )
+            `
+          }
+        ]
       }
     }
   }
@@ -5529,19 +5561,12 @@ async function lookupToAmisTreeSelect(field, readonly, ctx) {
 
 const keywordsSearchBoxName = `__keywords_lookup`;
 
-const getReferenceTo = async (field)=>{
+const getReferenceToFieldSchema = (field, refObjectConfig)=>{
     let referenceTo = field.reference_to;
     if(!referenceTo){
-        return ;
-    }
-
-    if(referenceTo === 'users'){
-        referenceTo = 'space_users';
-        field.reference_to_field = 'user';
+        return;
     }
 
-    const refObjectConfig = await getUISchema(referenceTo);
-
     // 如果lookup 引用的对象未定义
     if (!refObjectConfig)
         return null;
@@ -5564,6 +5589,28 @@ const getReferenceTo = async (field)=>{
     }
 };
 
+const getReferenceTo = async (field)=>{
+    let referenceTo = field.reference_to;
+    if(referenceTo === 'users'){
+        field.reference_to = 'space_users';
+        field.reference_to_field = 'user';
+    }
+
+    const refObjectConfig = await getUISchema(field.reference_to);
+    return getReferenceToFieldSchema(field, refObjectConfig);
+};
+
+function getReferenceToSync(field) {
+    let referenceTo = field.reference_to;
+    if(referenceTo === 'users'){
+        field.reference_to = 'space_users';
+        field.reference_to_field = 'user';
+    }
+
+    const refObjectConfig = getUISchemaSync(field.reference_to);
+    return getReferenceToFieldSchema(field, refObjectConfig);
+}
+
 function getLookupSapceUserTreeSchema(isMobile){
     const treeSchema = {
         "type": "input-tree",
@@ -6157,7 +6204,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
     // [["_id", "=", "$${field.name}._id"],"or",["name", "contains", "$term"]]
     apiInfo.requestAdaptor = `
         var filters = [];
-        var top = 10;
+        var top = 200;
         if(api.data.$term){
             filters = [["${referenceTo?.NAME_FIELD_KEY || 'name'}", "contains", api.data.$term]];
         }
@@ -6467,6 +6514,12 @@ async function getIdsPickerSchema(field, readonly, ctx){
     return data;
 }
 
+
+if(typeof window != 'undefined'){
+    window.getReferenceTo = getReferenceTo;
+    window.getReferenceToSync = getReferenceToSync;
+}
+
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2023-01-13 17:27:54
@@ -6644,8 +6697,8 @@ function getAmisStaticFieldType(type, readonly, options){
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-10-28 14:15:09
- * @LastEditors: 孙浩林 sunhaolin@steedos.com
- * @LastEditTime: 2023-11-24 13:45:24
+ * @LastEditors: liaodaxue
+ * @LastEditTime: 2023-10-30 17:51:54
  * @Description: 
  */
 
@@ -6682,7 +6735,7 @@ const getAmisFileReadonlySchema = (steedosField)=>{
                 <% let fileData = data._display.${steedosField.name}; if (fileData) { %>
                     <% if(!Array.isArray(fileData)){ fileData = [fileData]}  %>
                     <% fileData.forEach(function(item) { %> 
-                        <a href='<%= item.url+"?download=1" %>' target='_self' class='block'><%= item.name %></a> 
+                        <a href='<%= item.url %>' target='_self' class='block'><%= item.name %></a> 
                 <% });} %>`
         }
     }
@@ -6825,6 +6878,8 @@ function getAmisFieldType(sField){
             break;
         case 'grid':
             return 'table';
+        case 'table':
+            return 'steedos-input-table';
         default:
             console.log('convertData default', sField.type);
             // convertData.type = field.type
@@ -6858,6 +6913,19 @@ function getGridFieldSubFields(mainField, fields){
     return newMainField;
 }
 
+function getTabledFieldSubFields(mainField, fields){
+    const newMainField = Object.assign({subFields: []}, mainField);
+    const subFields = _$1.filter(fields, function(field){
+        let result = field.name.startsWith(`${mainField.name}.`);
+        if(result){
+            field._prefix = `${mainField.name}.`;
+        }
+        return result;
+    });
+    newMainField.subFields = subFields;
+    return newMainField;
+}
+
 /**
  * TODO 处理权限
  * @param {*} object steedos object
@@ -7361,6 +7429,29 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
                 }
             }
             break;
+        case 'table':
+            if(field.subFields){
+                convertData = {
+                    type: 'steedos-input-table',
+                    showIndex: true,
+                    editable: !readonly,
+                    addable: !readonly,
+                    removable: !readonly,
+                    draggable: !readonly,
+                    fields: [],
+                    amis:{
+                        columnsTogglable: false
+                    }
+                };
+                for (const subField of field.subFields) {
+                    const subFieldName = subField.name.replace(`${field._prefix || ''}${field.name}.$.`, '').replace(`${field.name}.`, '');
+                    const gridSub = await convertSFieldToAmisField(Object.assign({}, subField, {name: subFieldName, isTableField: true}), readonly, ctx);
+                    if(gridSub){
+                        convertData.fields.push(Object.assign({}, subField, {name: subFieldName}));
+                    }
+                }
+            }
+            break;
         case 'object':
             if(field.subFields){
                 convertData = {
@@ -7432,7 +7523,9 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             return  convertData
         }
         // if(ctx.mode === 'edit'){
-        return Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name}, field.amis, {name: baseData.name});
+        let convertDataResult = Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name}, field.amis, {name: baseData.name});
+        // console.log("convertDataResult:", convertDataResult);
+        return convertDataResult;
         // }else{
         //     return Object.assign({}, baseData, convertData, { labelClassName: 'text-left', clearValueOnHidden: true, fieldName: field.name});
         // }
@@ -7524,38 +7617,9 @@ async function getFieldSearchable(perField, permissionFields, ctx){
 
         const amisField = await convertSFieldToAmisField(_field, false, Object.assign({}, ctx, {fieldNamePrefix: fieldNamePrefix, required: false, showSystemFields: true, inFilterForm: true}));
         if(amisField){
-            const changeActionsFields = ['select', 'boolean', 'toggle', 'date', 'datetime', 'time', 'number', 'currency', 'lookup', 'master_detail'];
-            const isChangeActions = changeActionsFields.indexOf(field.type) > -1;
-            let additionalProps = {
+            return Object.assign({}, amisField,{
                 submitOnChange: false
-            };
-            if (isChangeActions) {
-                additionalProps.submitOnChange = true;
-            } else {
-                additionalProps.onEvent = {
-                    blur: {
-                        actions: [
-                            {
-                                actionType: "custom",
-                                script: `
-                                    try {
-                                        const scope = event.context.scoped;
-                                        const filterForm = scope.parent.parent.parent.getComponents().find(function(n) {
-                                            return n.props.type === "form";
-                                        });
-                                        if (filterForm && typeof filterForm.handleFormSubmit === 'function') {
-                                            filterForm.handleFormSubmit(event);
-                                        }
-                                    } catch (error) {
-                                        console.error('An error occurred:', error);
-                                    }
-                                `
-                            }
-                        ]
-                    }
-                };
-            }
-            return Object.assign({}, amisField, additionalProps);
+            });
         }
     }
 }
@@ -7608,6 +7672,7 @@ var index = /*#__PURE__*/Object.freeze({
   getAmisFieldType: getAmisFieldType,
   getObjectFieldSubFields: getObjectFieldSubFields,
   getGridFieldSubFields: getGridFieldSubFields,
+  getTabledFieldSubFields: getTabledFieldSubFields,
   getPermissionFields: getPermissionFields,
   getSelectFieldOptions: getSelectFieldOptions,
   convertSFieldToAmisField: convertSFieldToAmisField,
@@ -8723,7 +8788,7 @@ function deleteVariable(data, key) {
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-26 16:02:08
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-10-12 18:25:05
+ * @LastEditTime: 2023-11-28 17:00:28
  * @Description: 
  */
 
@@ -8774,6 +8839,8 @@ const getSection = async (formFields, permissionFields, fieldSchemaArray, sectio
     if (perField.type === 'grid') {
       field = await getGridFieldSubFields(perField, formFields);
       // console.log(`perField.type grid ===> field`, field)
+    } else if (perField.type === 'table') {
+      field = await getTabledFieldSubFields(perField, formFields);
     } else if (perField.type === 'object') {
       field = await getObjectFieldSubFields(perField, formFields);
       // console.log(`perField.type object ===> field`, field)
@@ -8781,6 +8848,13 @@ const getSection = async (formFields, permissionFields, fieldSchemaArray, sectio
     if (field.name.indexOf(".") < 0) {
       ctx.__formFields = formFields;
       const amisField = await convertSFieldToAmisField(field, field.readonly, ctx);
+      // 如果steedos-field稳定了，可以放开下面的代码直接用组件统一渲染字段
+      // const amisField = {
+      //   "type": "steedos-field",
+      //   "config": field,
+      //   "readonly": field.readonly,
+      //   "ctx": ctx
+      // };
       // console.log(`${field.name} amisField`, field, amisField)
       if (amisField) {
         fieldSetBody.push(amisField);
@@ -8989,6 +9063,7 @@ async function getObjectCRUD(objectSchema, fields, options){
     const bulkActions = getBulkActions(objectSchema);
     const defaults = options.defaults;
     const listSchema = (defaults && defaults.listSchema) || {};
+    const id = `listview_${objectSchema.name}`;
 
     const bodyProps = {
       // toolbar: getToolbar(),
@@ -8998,7 +9073,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         ...options,
         disableStatistics: options.queryCount === false
       }), 
-      filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields, options),
+      filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields,  Object.assign({}, options, {crudId: id})),
     };
     if(options.formFactor !== 'SMALL' || ["split"].indexOf(options.displayAs) == -1){
       if(listSchema.mode !== "cards"){
@@ -9027,7 +9102,8 @@ async function getObjectCRUD(objectSchema, fields, options){
       showDisplayAs, 
       hiddenCount: options.queryCount === false, 
       headerToolbarItems: options.headerToolbarItems,
-      filterVisible: options.filterVisible
+      filterVisible: options.filterVisible,
+      crudId: id
     });
 
     options.amisData = createObject(options.amisData, {
@@ -9040,7 +9116,6 @@ async function getObjectCRUD(objectSchema, fields, options){
 
 
     let body = null;
-    const id = `listview_${objectSchema.name}`;
     if(options.formFactor === 'SMALL' && false){
       delete bodyProps.bulkActions;
       delete bodyProps.headerToolbar;
@@ -10034,7 +10109,7 @@ async function getUISchema(objectName, force) {
     return getUISchemaCache(objectName);
 }
 
-function getUISchemaSync(objectName, force) {
+function getUISchemaSync$1(objectName, force) {
     if (!objectName) {
         return;
     }
@@ -10544,7 +10619,7 @@ async function getObjectRelated(
 
 if(typeof window != 'undefined'){
     window.getUISchema = getUISchema;
-    window.getUISchemaSync = getUISchemaSync;
+    window.getUISchemaSync = getUISchemaSync$1;
     window.getListSchema = getListSchema;
 }
 
@@ -11863,6 +11938,8 @@ async function getTableApi(mainObject, fields, options){
     api.data.$self = "$$";
     api.data.self = "$$";
     api.data.filter = "$filter";
+    api.data.__filterFormValues = "${__filterFormValues}";
+    api.data.__serachBoxValues = "${__serachBoxValues}";
     api.data.loaded = "${loaded}";
     api.data.listViewId = "${listViewId}";
     api.data.listName = "${listName}";
@@ -11935,9 +12012,12 @@ async function getTableApi(mainObject, fields, options){
         }else if(selfData.op === 'loadOptions' && selfData.value){
             userFilters = [["${valueField.name}", "=", selfData.value]];
         }
-        
-        var searchableFilter = SteedosUI.getSearchFilter(selfData) || [];
 
+        const __filterFormValues = api.data.__filterFormValues;
+        const __serachBoxValues = api.data.__serachBoxValues;
+        // 筛选按钮
+        const filterSelfData = __filterFormValues ? __filterFormValues : selfData;
+        var searchableFilter = SteedosUI.getSearchFilter(filterSelfData) || [];
         if(searchableFilter.length > 0){
             if(userFilters.length > 0 ){
                 userFilters = [userFilters, 'and', searchableFilter];
@@ -11946,6 +12026,7 @@ async function getTableApi(mainObject, fields, options){
             }
         }
 
+        // "搜索此列表"搜索框
         if(allowSearchFields){
             allowSearchFields.forEach(function(key){
                 const keyValue = selfData[key];
@@ -11957,7 +12038,8 @@ async function getTableApi(mainObject, fields, options){
             })
         }
 
-        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(selfData.__keywords, allowSearchFields);
+        const keyWords = __serachBoxValues ? __serachBoxValues.__keywords : selfData.__keywords;
+        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(keyWords, allowSearchFields);
         if(keywordsFilters && keywordsFilters.length > 0){
             userFilters.push(keywordsFilters);
         }
@@ -12167,7 +12249,7 @@ function getRecordPermissionsApi(object, recordId, options){
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-11-17 20:17:56
+ * @LastEditTime: 2023-11-28 11:34:24
  */
 
 /**
@@ -12176,10 +12258,14 @@ function getRecordPermissionsApi(object, recordId, options){
  */
 function getFormFields(props, mode = "edit") {
     return (props.fields || []).map(function (item) {
-        return {
+        let formItem = {
             "type": "steedos-field",
             "config": item
+        };
+        if(mode === "readonly"){
+            formItem.static = true;
         }
+        return formItem;
     }) || [];
 }
 
@@ -12188,32 +12274,59 @@ function getFormFields(props, mode = "edit") {
  * @param {*} mode edit/new/readonly
  */
 async function getInputTableColumns(props) {
-    // return props.fields.map(function(item){
-    //     return {
-    //         "type": "steedos-field",
-    //         "config": item,
-    //         "static": true,
-    //         "readonly": true
-    //     }
-    // }) || [];
-
-    let columns = await getTableColumns(props.fields || [], {
-        isInputTable: true,
-        permissions: {
-            allowEdit: false //快速编辑开关与权限有关
-        }
-    });
-    // columns = columns.map(function(item){
-    //     if(["text"].indexOf(item.type) > -1){
-    //         return Object.assign({}, item, {
-    //             "type": "static"
-    //         });
-    //     }
-    //     else{
-    //         return item;
-    //     }
-    // }) || [];
-    return columns;
+    let columns = props.columns || [];
+    // 实测过，直接不生成对应的隐藏column并不会对input-table值造成丢失问题，隐藏的列字段值能正常维护
+    let fields = props.fields;
+    if(columns && columns.length){
+        return columns.map(function(column){
+            let field, extendColumnProps = {};
+            if(typeof column === "string"){
+                // 如果字符串，则取出要显示的列配置
+                field = fields.find(function(fieldItem){
+                    return fieldItem.name === column;
+                });
+            }
+            else {
+                // 如果是对象，则合并到steedos-field的config.amis属性中，steedos组件会把config.amis属性混合到最终生成的input-table column
+                field = fields.find(function(fieldItem){
+                    return fieldItem.name === column.name;
+                });
+                if(field){
+                    // field.amis = Object.assign({}, field.amis, column);
+                    // 如果把column合并到field.amis，column的label/width等属性不会生效，只能放外层合并
+                    extendColumnProps = column;
+                }
+            }
+            if(field){
+                return {
+                    "type": "steedos-field",
+                    "config": field,
+                    "static": true,
+                    "readonly": true,
+                    label: field.label,
+                    name: field.name,
+                    hideLabel: true,
+                    ...extendColumnProps
+                }
+            }
+            else {
+                return column;
+            }
+        });
+    }
+    else {
+        return fields.map(function(field){
+            return {
+                "type": "steedos-field",
+                "config": field,
+                "static": true,
+                "readonly": true,
+                label: field.label,
+                name: field.name,
+                hideLabel: true
+            }
+        }) || [];
+    }
 }
 
 /**
@@ -12224,6 +12337,7 @@ function getForm(props, mode = "edit") {
     let schema = {
         "type": "form",
         "title": "表单",
+        "debug": false,
         "body": getFormFields(props, mode)
     };
     if (mode === "edit") {
@@ -12297,10 +12411,11 @@ function getButtonNew(props) {
                         "actionType": "dialog",
                         "dialog": {
                             "type": "dialog",
-                            "title": "弹框标题",
+                            "title": "新增行",
                             "body": [
                                 getForm(props, "new")
                             ],
+                            "size": "md",
                             "showCloseButton": true,
                             "showErrorMsg": true,
                             "showLoading": true,
@@ -12318,7 +12433,9 @@ function getButtonNew(props) {
 function getButtonEdit(props) {
     return {
         "type": "button",
-        "label": "编辑",
+        "label": "",
+        "icon": "fa fa-pencil",
+        "level": "link",
         "onEvent": {
             "click": {
                 "actions": [
@@ -12326,10 +12443,42 @@ function getButtonEdit(props) {
                         "actionType": "dialog",
                         "dialog": {
                             "type": "dialog",
-                            "title": "弹框标题",
+                            "title": "编辑行",
                             "body": [
                                 getForm(props, "edit")
                             ],
+                            "size": "md",
+                            "showCloseButton": true,
+                            "showErrorMsg": true,
+                            "showLoading": true,
+                            "className": "app-popover",
+                            "closeOnEsc": false
+                        }
+                    }
+                ]
+            }
+        }
+    };
+}
+
+function getButtonView(props) {
+    return {
+        "type": "button",
+        "label": "",
+        "icon": "fa fa-external-link",
+        "level": "link",
+        "onEvent": {
+            "click": {
+                "actions": [
+                    {
+                        "actionType": "dialog",
+                        "dialog": {
+                            "type": "dialog",
+                            "title": "查看行",
+                            "body": [
+                                getForm(props, "readonly")
+                            ],
+                            "size": "md",
                             "showCloseButton": true,
                             "showErrorMsg": true,
                             "showLoading": true,
@@ -12346,7 +12495,9 @@ function getButtonEdit(props) {
 function getButtonDelete(props) {
     return {
         "type": "button",
-        "label": "删除",
+        "label": "",
+        "icon": "fa fa-minus",
+        "level": "link",
         "onEvent": {
             "click": {
                 "actions": [
@@ -12367,14 +12518,21 @@ const getAmisInputTableSchema = async (props, readonly) => {
     if (!props.id) {
         props.id = "steedos_input_table_" + props.name + "_" + Math.random().toString(36).substr(2, 9);
     }
-    let buttonNewSchema = getButtonNew(props);
-    let buttonEditSchema = getButtonEdit(props);
-    let buttonDeleteSchema = getButtonDelete(props);
     let buttonsForColumnOperations = [];
     if (props.editable) {
+        let buttonEditSchema = getButtonEdit(props);
         buttonsForColumnOperations.push(buttonEditSchema);
     }
+    else {
+        // 只读时显示查看按钮
+        if(props.columns && props.columns.length > 0 && props.columns.length < props.fields.length){
+            // 只在有列被隐藏时才需要显示查看按钮
+            let buttonViewSchema = getButtonView(props);
+            buttonsForColumnOperations.push(buttonViewSchema);
+        }
+    }
     if (props.removable) {
+        let buttonDeleteSchema = getButtonDelete(props);
         buttonsForColumnOperations.push(buttonDeleteSchema);
     }
     let inputTableSchema = {
@@ -12399,7 +12557,8 @@ const getAmisInputTableSchema = async (props, readonly) => {
         inputTableSchema.columns.push({
             "name": "__op__",
             "type": "operation",
-            "buttons": buttonsForColumnOperations
+            "buttons": buttonsForColumnOperations,
+            "width": buttonsForColumnOperations.length > 1 ? "46px" : "20px"
         });
     }
     let schema = {
@@ -12410,8 +12569,12 @@ const getAmisInputTableSchema = async (props, readonly) => {
         ]
     };
     if (props.addable) {
+        let buttonNewSchema = getButtonNew(props);
         schema.body.push(buttonNewSchema);
     }
+    if (props.amis) {
+        Object.assign(schema.body[0], props.amis);
+    }
     return schema;
 };
 
@@ -15076,5 +15239,5 @@ const getInstanceInfo = async ({ instanceId, box }) => {
   };
 };
 
-export { index as Field, Router, absoluteUrl, amisRender, amisRootClick, cloneObject, conditionsToFilters, createObject, defaultsDeep, deleteVariable, execute, executeButton, extendObject, fetchAPI, filtersToConditions, getAmisInputTableSchema, getApp, getApps, getAuthToken, getAuthorization, getButton, getButtonVisible, getButtonVisibleOn$1 as getButtonVisibleOn, getButtons, getCalendarSchema, getDefaultRenderData, getEnv, getEnvs, getEvn, getField, getFileSrc, getFlowFormSchema, getFormPageInitSchema, getFormSchema, getGlobalNowData, getIdsPickerSchema, getImageSrc, getInstanceInfo, getListPageInitSchema, getListSchema, getListViewButtons, getListViewColumns, getListViewFilter, getListViewItemButtons, getListViewSort, getListviewInitSchema, getLookupSapceUserTreeSchema, getNotifications, getObjectDetailButtons, getObjectDetailButtonsSchemas, getObjectDetailMoreButtons, getObjectFieldsFilterBarSchema, getObjectFieldsFilterButtonSchema, getObjectFieldsFilterFormSchema, getObjectListHeader$1 as getObjectListHeader, getObjectListHeaderFieldsFilterBar, getObjectListHeaderFirstLine, getObjectListHeaderSecordLine, getObjectListViewButtonsSchemas, getObjectRecordDetailHeader, getObjectRecordDetailRelatedListButtonsSchemas, getObjectRecordDetailRelatedListHeader, getObjectRelated, getObjectRelatedList, getObjectRelatedListButtons, getObjectRelatedListHeader, getPage, getRecord, getRecordDetailHeaderSchema, getRecordDetailRelatedListSchema, getRecordDetailSchema, getRecordPageInitSchema, getRecordPermissions, getRecordServiceSchema, getReferenceTo, getRelatedFieldValue, getRelatedListSchema, getRelatedsCount, getRootUrl, getSelectUserSchema, getSpaceUsersPickerAmisSchema, getSpaceUsersPickerSchema, getSteedosAuth, getTableSchema$1 as getTableSchema, getTenantId, getUISchema, getUISchemaSync, getUserId, getViewSchema, isExpression, isObject, lookupToAmis, lookupToAmisIdsPicker, lookupToAmisPicker, lookupToAmisSelect, lookupToAmisSelectUser, markReadAll, parseSingleExpression, registerRemoteAssets, registerRenders, setEnv, setEnvs, setRootUrl, setSteedosAuth, setUISchemaFunction, setVariable, standardButtonsTodo };
+export { index as Field, Router, absoluteUrl, amisRender, amisRootClick, cloneObject, conditionsToFilters, createObject, defaultsDeep, deleteVariable, execute, executeButton, extendObject, fetchAPI, filtersToConditions, getAmisInputTableSchema, getApp, getApps, getAuthToken, getAuthorization, getButton, getButtonVisible, getButtonVisibleOn$1 as getButtonVisibleOn, getButtons, getCalendarSchema, getDefaultRenderData, getEnv, getEnvs, getEvn, getField, getFileSrc, getFlowFormSchema, getFormPageInitSchema, getFormSchema, getGlobalNowData, getIdsPickerSchema, getImageSrc, getInstanceInfo, getListPageInitSchema, getListSchema, getListViewButtons, getListViewColumns, getListViewFilter, getListViewItemButtons, getListViewSort, getListviewInitSchema, getLookupSapceUserTreeSchema, getNotifications, getObjectDetailButtons, getObjectDetailButtonsSchemas, getObjectDetailMoreButtons, getObjectFieldsFilterBarSchema, getObjectFieldsFilterButtonSchema, getObjectFieldsFilterFormSchema, getObjectListHeader$1 as getObjectListHeader, getObjectListHeaderFieldsFilterBar, getObjectListHeaderFirstLine, getObjectListHeaderSecordLine, getObjectListViewButtonsSchemas, getObjectRecordDetailHeader, getObjectRecordDetailRelatedListButtonsSchemas, getObjectRecordDetailRelatedListHeader, getObjectRelated, getObjectRelatedList, getObjectRelatedListButtons, getObjectRelatedListHeader, getPage, getRecord, getRecordDetailHeaderSchema, getRecordDetailRelatedListSchema, getRecordDetailSchema, getRecordPageInitSchema, getRecordPermissions, getRecordServiceSchema, getReferenceTo, getReferenceToFieldSchema, getReferenceToSync, getRelatedFieldValue, getRelatedListSchema, getRelatedsCount, getRootUrl, getSelectUserSchema, getSpaceUsersPickerAmisSchema, getSpaceUsersPickerSchema, getSteedosAuth, getTableSchema$1 as getTableSchema, getTenantId, getUISchema, getUISchemaSync$1 as getUISchemaSync, getUserId, getViewSchema, isExpression, isObject, lookupToAmis, lookupToAmisIdsPicker, lookupToAmisPicker, lookupToAmisSelect, lookupToAmisSelectUser, markReadAll, parseSingleExpression, registerRemoteAssets, registerRenders, setEnv, setEnvs, setRootUrl, setSteedosAuth, setUISchemaFunction, setVariable, standardButtonsTodo };
 //# sourceMappingURL=index.esm.js.map