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

package/dist/index.esm.js

@@ -2395,7 +2395,7 @@ function getMobileLines(tpls){
         }
         if(isLeft){
             // 左侧半行
-            lineChildrenClassName = "steedos-listview-item-left truncate h-5";
+            lineChildrenClassName = "steedos-listview-item-left truncate";
             if(item.field.is_wide){
                 // 左侧全行样式可以单独写，如果需要配置两行省略号效果，可以加样式类 two-lines-truncate
                 lineChildrenClassName = "steedos-listview-item-wide";
@@ -2407,7 +2407,7 @@ function getMobileLines(tpls){
         }
         else {
             // 右侧半行，这里加样式类 flex flex-shrink-0，是为了省略号只显示在左半行，右半行文字一般比较短，如果也加省略号效果的话，左侧文字多的话，右侧没几个字就显示省略号了
-            lineChildrenClassName = "steedos-listview-item-right truncate ml-2 flex flex-shrink-0 h-5";
+            lineChildrenClassName = "steedos-listview-item-right truncate ml-2 flex flex-shrink-0";
         }
         //支持字段amis属性配置classname，识别classname的类型，与原样式合并
         var className;
@@ -2650,7 +2650,7 @@ async function getTableOperation(ctx){
                 "label": "xxx",
                 "buttons": operationButtons,
                 "placement": "bottomRight",
-                "overlayClassName": "shadow !min-w-[160px]",
+                "overlayClassName": "border rounded !min-w-[160px]",
                 "trigger": ["click"],
                 "id": "u:c2140a365019",
                 onOpenApi: {
@@ -5728,6 +5728,7 @@ const getObjectDetailButtonsSchemas = (objectSchema, recordId, ctx)=>{
                 type: "steedos-dropdown-button",
                 label: "",
                 buttons: moreButtons,
+                "overlayClassName": "border rounded !min-w-[160px]",
                 className: 'slds-icon ml-1',
                 visibleOn: moreButtonsVisibleOn
             };
@@ -6954,6 +6955,15 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
       divWidth = divWidth - 210;
     }
 
+    if(options._inDrawer){
+      try {
+        divWidth = new Number($("html").css("font-size").replace('px', '')) * 60;
+      } catch (error) {
+        console.error(error);
+        divWidth = 16 * 60;
+      }
+    }
+
     // 根据屏幕宽度计算显示数量, 使高亮字段只占1行
     max = Math.trunc(divWidth / 200 );
     if(max > 10){
@@ -10222,7 +10232,7 @@ async function getRecordDetailSchema(objectName, appId, props = {}){
     };
     const content = {
         "type": "tabs",
-        "className": "steedos-record-tabs bg-white p-4 mt-3 border-y",
+        "className": "steedos-record-tabs bg-white p-4 mt-2",
         "contentClassName": "bg-none",
         "tabs": [
             detailed
@@ -13674,10 +13684,32 @@ async function getInputTableColumns(props) {
     // 实测过，直接不生成对应的隐藏column并不会对input-table值造成丢失问题，隐藏的列字段值能正常维护
 
     let fieldPrefix = props.fieldPrefix;
-    let fields = props.fields || [];
+    let fields = cloneDeep(props.fields || []);
     if (fieldPrefix) {
         fields = getTableFieldsWithoutFieldPrefix(fields, fieldPrefix);
     }
+    if (inlineEditMode == true) {
+        let popOverContainerSelector = "";
+        let popOverContainer = props.popOverContainer && props.popOverContainer();
+        //获取到当前input-table所处的popOverContainer（可能是modal-dialog中），
+        //给所有的下拉框字段配置popOverContainerSelector，使下拉框组件的弹出框挂载到当前dialog上，防止被dialog遮挡
+        if (popOverContainer) {
+            let classList = Array.prototype.slice.call(popOverContainer.parentElement.classList);
+            if (classList.includes('amis-dialog-widget')) {
+                popOverContainerSelector = '.' + classList.join('.') + ' .antd-Modal-content';
+            }
+        }
+        fields.forEach(function (field) {
+            //lookup存在下拉框模式；弹出模式用的是picker组件，不认popOverContainerSelector属性，所以统一加上
+            if (field.type == "select" || field.type == "lookup") {
+                field.amis = {
+                    ...field.amis,
+                    popOverContainerSelector
+                };
+            }
+        });
+    }
+    
     if (columns && columns.length) {
         return columns.map(function (column) {
             let field, extendColumnProps = {};
@@ -13727,7 +13759,7 @@ async function getInputTableColumns(props) {
     }
     else {
         return fields.map(function (field) {
-            let tableCell = getInputTableCell(field, showAsInlineEditMode);
+            let tableCell = getInputTableCell(field, showAsInlineEditMode); 
             tableCell.className = " whitespace-nowrap ";
             return tableCell;
         }) || [];
@@ -14694,7 +14726,7 @@ async function getButtonDelete(props) {
     return {
         "type": "dropdown-button",
         "level": "link",
-        "btnClassName": "text-gray-400",
+        "btnClassName": "text-gray-400 steedos-delete-button",
         "icon": "fa fa-trash-alt",
         "size": "xs",
         "hideCaret": true,
@@ -14857,11 +14889,11 @@ const getAmisInputTableSchema = async (props) => {
         }
     };
     if (buttonsForColumnOperations.length) {
-        inputTableSchema.columns.push({
+        inputTableSchema.columns.unshift({
             "name": "__op__",
             "type": "operation",
             "buttons": buttonsForColumnOperations,
-            "width": buttonsForColumnOperations.length > 1 ? "60px" : "20px"
+            "width": 1
         });
     }
     // if (showAsInlineEditMode) {
@@ -14910,6 +14942,18 @@ const getAmisInputTableSchema = async (props) => {
     }
     let className = "steedos-input-table";
 
+    if (props.showIndex) {
+        className += " steedos-show-index";
+    }
+
+    if (buttonsForColumnOperations.length) {
+        className += " steedos-has-operations";
+    }
+
+    if (props.enableTree) {
+        className += " steedos-tree-mode";
+    }
+
     if (typeof props.className == "object") {
         className = {
             [className]: "true",