@steedos-widgets/amis-lib 3.6.2-beta.1 → 3.6.2-beta.3

package/dist/index.esm.js

@@ -2165,6 +2165,18 @@ async function getTableColumns(fields, options){
             if(field.type === 'datetime'){
                 className += 'datetime-min-w';
             }
+
+            //field上的amis属性里的clssname需要单独判断类型合并
+            if (typeof field.amis?.className == "object") {
+                className = {
+                    [className]: "true",
+                    ...field.amis.className
+                };
+            } else if (typeof field.amis?.className == "string") {
+                className = `${className} ${field.amis.className} `;
+            }
+            delete field.amis?.className;
+
             if(!field.hidden && !field.extra){
                 columnItem = Object.assign({}, {
                     name: field.name,
@@ -2261,12 +2273,24 @@ function getMobileLines(tpls){
             // 右侧半行，这里加样式类 flex flex-shrink-0，是为了省略号只显示在左半行，右半行文字一般比较短，如果也加省略号效果的话，左侧文字多的话，右侧没几个字就显示省略号了
             lineChildrenClassName = "steedos-listview-item-right truncate ml-2 flex flex-shrink-0";
         }
+        //支持字段amis属性配置classname，识别classname的类型，与原样式合并
+        var className;
+        if (typeof item.field.amis?.className == "object") {
+            className = {
+                [lineChildrenClassName]: "true",
+                ...item.field.amis.className
+            };
+        } else if (typeof item.field.amis?.className == "string") {
+            className = `${lineChildrenClassName} ${item.field.amis.className} `;
+        } else {
+            className = lineChildrenClassName;
+        }
         lineChildren.push({
             "type": "tpl",
             "tpl": item.tpl,
-            "className": lineChildrenClassName
+            className
         });
-
+        
         if(item.field.is_wide){
             // 宽字段占整行
             isLeft = true;
@@ -2316,8 +2340,7 @@ async function getMobileTableColumns(fields, options){
             tpl = await getFieldTpl(field, options);
         }
         if(!tpl){
-            //qhd需求简易处理，加上raw以支持审批王名称字段通过颜色区分缓急，若之后手机端列表支持配置amis，则可以去掉
-            tpl = `\${${field.name} | raw}`;
+            tpl = `\${${field.name}}`;
         }
         if(!field.hidden && !field.extra){
             tpls.push({ field, tpl });
@@ -2330,7 +2353,7 @@ async function getMobileTableColumns(fields, options){
 
     let column = {
         name: nameField.name,
-        label: nameField.label,
+        label: options.displayAs == 'split' ? '' : nameField.label,
         sortable: nameField.sortable,
         type: "button",
         level: "link",
@@ -2990,6 +3013,13 @@ async function getTableApi(mainObject, fields, options){
         }
         // SteedosUI.getRef(api.body.$self.$scopeId)?.parent?.getComponentById(setDataToComponentId)?.setData({$count: payload.data.count})
     };
+    const listviewComponent = $(".steedos-object-listview .antd-Table-table");
+    const firstListviewComponent = listviewComponent && listviewComponent[0];
+    if(firstListviewComponent){
+        setTimeout(()=>{
+            firstListviewComponent.scrollIntoView();
+        }, 600);
+    }
     ${options.adaptor || ''}
     return payload;
     `;
@@ -3369,6 +3399,18 @@ function getBatchDelete(objectName){
     return {
         method: 'post',
         url: getApi$2(),
+        adaptor: `
+            if(payload.errors){
+                payload.data.deleteErrorMessage = [];
+                payload.errors.forEach(function(error){
+                    let errorRecord = error.path.map(function (item) {
+                        return item.split('delete__')[1].to_float() + 1;
+                    }).toString();
+                    payload.data.deleteErrorMessage.push("第" + errorRecord + "条记录删除出现异常，报错信息为(" + (window.t ? window.t(error.message) : error.message) + ")");
+                })
+            }
+            return payload;
+        `,
         requestAdaptor: `
             var ids = api.data.ids.split(",");
             var deleteArray = [];
@@ -8087,7 +8129,6 @@ function getObjectFooterToolbar(mainObject, formFactor, options) {
   else {
     if(options && options.isRelated){
       return [
-        "statistics",
         {
           "type": "pagination",
           "maxButtons": 10,
@@ -8100,7 +8141,6 @@ function getObjectFooterToolbar(mainObject, formFactor, options) {
       const no_pagination = mainObject.paging && (mainObject.paging.enabled === false);
       const is_lookup = options.isLookup;
       const commonConfig = [
-        "statistics",
         {
           "type": "pagination",
           "maxButtons": 10,
@@ -8219,6 +8259,29 @@ function getBulkActions(objectSchema){
         "className": "hidden",
         "id": "batchDelete",
         "api": getBatchDelete(objectSchema.name),
+        "feedback": {
+          "title": "删除警告",
+          "visibleOn": "${deleteErrorMessage}",
+          "body": [
+            {
+              "type": "each",
+              "name": "deleteErrorMessage",
+              "items": {
+                "type": "alert",
+                "body": "${item}",
+                "level": "danger",
+                "className": "mb-3"
+              }
+            }
+          ],
+          "actions": [
+            {
+              "type": "button",
+              "actionType": "close",
+              "label": "关闭"
+            }
+          ]
+        }
       }
         // {
         //   "label": "批量修改",
@@ -8365,6 +8428,10 @@ async function getObjectCRUD(objectSchema, fields, options){
         const rowsDiff = _.cloneDeep(api.data.rowsDiff);
         rowsDiff.forEach(function (item, index) {
           for(key in item){
+            // image、select等字段清空值后保存的空字符串转换为null。
+            if(item[key] === ''){
+              item[key] = null;
+            }
             if(_.includes(imageNames, key)){
               if(typeof item[key] == "string"){
                 const match = item[key].match(/\\/([^\\/]+)$/);
@@ -10757,9 +10824,11 @@ async function lookupToAmisPicker(field, readonly, ctx){
         */
         if(enable_tree){
             const rows = _.map(payload.data.rows, (item)=>{
-                delete item.children;
-                delete item.parent;
-                return item;
+                if (!item.children) {
+                    return { ...item, children: [] };
+                } else {
+                    return item;
+                }
             })
             payload.data.rows = rows;
         }
@@ -12665,8 +12734,8 @@ async function getFormBody(permissionFields, formFields, ctx){
 /*
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
- * @LastEditors: liaodaxue
- * @LastEditTime: 2024-01-09 18:12:28
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2024-01-12 14:51:00
  */
 
 /**
@@ -12815,7 +12884,12 @@ function getFormPagination(props, mode) {
         let currentIndex = event.data.index;
         // 翻页到下一页之前需要先把当前页改动的内容保存到中间变量__tableItems中
         let currentFormValues = scope.getComponentById(__formId).getValues();
-        fieldValue[currentIndex] = currentFormValues;
+        if(event.data.parent){
+            fieldValue[event.data.__parentIndex].children[currentIndex] = currentFormValues;
+        }
+        else{
+            fieldValue[currentIndex] = currentFormValues;
+        }
         // 翻页到下一页前需要同时把改动的内容保存到最终正式的表单字段中，所以额外给正式表单字段执行一次setValue
         doAction({
             "componentId": "${props.id}",
@@ -12882,7 +12956,8 @@ function getFormPagination(props, mode) {
             },
             {
                 "type": "tpl",
-                "tpl": "${__page}/${__tableItems.length}"
+                // 这里用__super.parent，加__super是为了防止当前记录有字段名为parent的重名变量
+                "tpl": "${__page}/${__super.parent ? __tableItems[__parentIndex]['children'].length : __tableItems.length}"
             },
             {
                 "type": "button",
@@ -12890,7 +12965,9 @@ function getFormPagination(props, mode) {
                 "icon": `fa fa-angle-right`,
                 "level": "link",
                 "pageChangeDirection": "next",
-                "disabledOn": showPagination ? "${__page >= __tableItems.length}" : "true",
+                // "disabledOn": showPagination ? "${__page >= __tableItems.length}" : "true",
+                // 这里用__super.parent，加__super是为了防止当前记录有字段名为parent的重名变量
+                "disabledOn": showPagination ? "${__page >= (__super.parent ? __tableItems[__parentIndex]['children'].length : __tableItems.length)}" : "true",
                 "size": "sm",
                 "id": buttonNextId,
                 "onEvent": {
@@ -12923,7 +13000,7 @@ function getFormPaginationWrapper(props, form, mode) {
         "data": {
             // 这里加__super前缀是因为__parentForm变量（即主表单）中可能会正好有名为index的字段
             // 比如“对象字段”对象options字段是一个子表字段，但是主表（即“对象字段”对象）中正好有一个名为index的字段
-            "&": "${__tableItems[__super.index]}"
+            "&": "${__super.parent ? __tableItems[__parentIndex]['children'][__super.index] : __tableItems[__super.index]}"
         }
     });
     let formBody = [
@@ -12946,6 +13023,10 @@ function getFormPaginationWrapper(props, form, mode) {
         }
     ];
     let onServiceInitedScript = `
+        if(event.data.parent){
+            // 如果是子行，即在节点嵌套情况下，当前节点如果是children属性下的子节点时，则算出其所属父行的索引值
+            event.data.__parentIndex = _.findIndex(event.data.__tableItems, {_id: event.data.parent._id});
+        }
         // 以下脚本是为了解决有时弹出编辑表单时，表单中的值比最后一次编辑保存的值会延迟一拍。
         // 比如：inlineEditMode模式时，用户在表格单元格中直接修改数据，然后弹出的表单form中并没有包含单元格中修改的内容
         // 另外有的地方在非inlineEditMode模式时也会有这种延迟一拍问题，比如对象字段中下拉框类型字段的”选择项“属性
@@ -13001,6 +13082,7 @@ function getFormPaginationWrapper(props, form, mode) {
         // "body": formBody,
         "data": {
             "__page": "${index + 1}",
+            "__parentIndex": null,//兼容节点嵌套情况，即节点中有children属性时，这里记录当前节点所属上层节点index，只支持向上找一层，不支持多层
             // "__total": `\${${props.name}.length}`,
             // "__total": "${__tableItems.length}",
             // "__paginationServiceId": serviceId,
@@ -13048,7 +13130,17 @@ async function getForm(props, mode = "edit", formId) {
             let fieldValue = event.data.__tableItems;//这里不可以_.cloneDeep，因为翻页form中用的是event.data.__tableItems，直接变更其值即可改变表单中的值
             //这里加__super.__super前缀是因为__parentForm变量（即主表单）中可能会正好有名为index的字段
             // 比如“对象字段”对象options字段是一个子表字段，但是主表（即“对象字段”对象）中正好有一个名为index的字段
-            fieldValue[event.data.__super.__super.index] = JSON.parse(JSON.stringify(event.data));
+            // fieldValue[event.data.__super.__super.index] = JSON.parse(JSON.stringify(event.data));
+            var currentIndex = event.data.__super.__super.index;
+            var currentFormValues = JSON.parse(JSON.stringify(event.data));
+            var parent = event.data.__super.__super.parent;
+            var __parentIndex = event.data.__super.__super.__parentIndex;
+            if(parent){
+                fieldValue[__parentIndex].children[currentIndex] = currentFormValues;
+            }
+            else{
+                fieldValue[currentIndex] = currentFormValues;
+            }
             doAction({
                 "componentId": "${props.id}",
                 "actionType": "setValue",
@@ -13188,7 +13280,14 @@ async function getButtonActions(props, mode) {
             let scope = event.context.scoped;
             let fieldValue = event.data.__tableItems;//这里不可以_.cloneDeep，因为翻页form中用的是event.data.__tableItems，直接变更其值即可改变表单中的值
             // 新建一条空白行并保存到子表组件
-            fieldValue.push({});
+            var parent = event.data.__super.parent;
+            var __parentIndex = parent && _.findIndex(fieldValue, {_id: parent._id});
+            if(parent){
+                fieldValue[__parentIndex].children.push({});
+            }
+            else{
+                fieldValue.push({});
+            }
             doAction({
                 "componentId": "${props.id}",
                 "actionType": "setValue",
@@ -13200,7 +13299,13 @@ async function getButtonActions(props, mode) {
             let __paginationServiceId = "${formPaginationId}";
             let __paginationData = scope.getComponentById(__paginationServiceId).getData();
             event.data.index = __paginationData.index;
-            event.data.__page = fieldValue.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+            if(parent){
+                event.data.__page = fieldValue[__parentIndex].children.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+                event.data.__parentIndex = __parentIndex; //执行下面的翻页按钮事件中依赖了__parentIndex值
+            }
+            else{
+                event.data.__page = fieldValue.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+            }
             // 触发翻页按钮事件，实现保存当前页数据并跳转到最后一行
             scope.getComponentById(buttonNextId).props.dispatchEvent("click", event.data);
         `;
@@ -13211,7 +13316,15 @@ async function getButtonActions(props, mode) {
             let newItem = scope.getComponentById(__formId).getValues();//这里不可以用event.data，因为其拿到的是弹出表单时的初始值，不是用户实时填写的数据
             let fieldValue = event.data.__tableItems;//这里不可以_.cloneDeep，因为翻页form中用的是event.data.__tableItems，直接变更其值即可改变表单中的值
             // 复制当前页数据到新建行并保存到子表组件
-            fieldValue.push(newItem);
+            // fieldValue.push(newItem);
+            var parent = event.data.__super.parent;
+            var __parentIndex = parent && _.findIndex(fieldValue, {_id: parent._id});
+            if(parent){
+                fieldValue[__parentIndex].children.push(newItem);
+            }
+            else{
+                fieldValue.push(newItem);
+            }
             doAction({
                 "componentId": "${props.id}",
                 "actionType": "setValue",
@@ -13223,7 +13336,14 @@ async function getButtonActions(props, mode) {
             let __paginationServiceId = "${formPaginationId}";
             let __paginationData = scope.getComponentById(__paginationServiceId).getData();
             event.data.index = __paginationData.index;
-            event.data.__page = fieldValue.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+            // event.data.__page = fieldValue.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+            if(parent){
+                event.data.__page = fieldValue[__parentIndex].children.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+                event.data.__parentIndex = __parentIndex; //执行下面的翻页按钮事件中依赖了__parentIndex值
+            }
+            else{
+                event.data.__page = fieldValue.length - 1;//这里不可以用Object.assign否则，event.data中上层作用域数据会丢失
+            }
             // 触发翻页按钮事件，实现保存当前页数据并跳转到最后一行
             scope.getComponentById(buttonNextId).props.dispatchEvent("click", event.data);
         `;
@@ -13299,7 +13419,8 @@ async function getButtonActions(props, mode) {
                     "_master": "${_master}",
                     "global": "${global}",
                     "uiSchema": "${uiSchema}",
-                    "index": "${index}",
+                    "index": "${index}",//amis组件自带行索引,在节点嵌套情况下，当前节点如果是children属性下的子节点时，这里的index是当前节点在children中的索引，而不是外层父节点的index
+                    "parent": "${parent}",//amis组件自带父节点数据域数据，即节点嵌套情况下，当前节点为某个节点（比如A节点）的children属性下的子节点时，当前节点的父节点（即A节点）的数据域数据
                     // "__tableItems": `\${${props.name}}`
                     // 为了解决"弹出的dialog窗口中子表组件会影响页面布局界面中父作用域字段值"，比如设计字段布局微页面中的设置分组功能，弹出的就是子表dialog
                     // 所以这里使用json|toJson转一次，断掉event.data.__tableItems与上层任用域中props.name的联系
@@ -13327,35 +13448,39 @@ async function getButtonActions(props, mode) {
             Object.assign(actionShowEditDialog.dialog, props.dialog);
         }
         if (mode == "new") {
-            `
-                let newItem = {};
-                if(event.data["${props.name}"]){
-                    // let fieldValue = event.data.__tableItems;
-                    // 这里不用__tableItems是因为新建的时候没有翻页，里面没有也不需要走__tableItems变量
-                    // let fieldValue = _.clone(event.data["${props.name}"]);
-                    let fieldValue = event.data["${props.name}"];
-                    fieldValue.push(newItem);
-                    doAction({
-                        "componentId": "${props.id}",
-                        "actionType": "setValue",
-                        "args": {
-                            "value": fieldValue
-                        }
-                    });
-                    event.data.index = fieldValue.length - 1;
-                }
-                else{
-                    // 这里不可以执行event.data["${props.name}"]=[newItem]，数据域会断掉
-                    doAction({
-                        "componentId": "${props.id}",
-                        "actionType": "setValue",
-                        "args": {
-                            "value": [newItem]
-                        }
-                    });
-                    event.data.index = 1;
-                }
-            `;
+            // let onNewLineScript = `
+            //     let newItem = {};
+            //     if(event.data["${props.name}"]){
+            //         // let fieldValue = event.data.__tableItems;
+            //         // 这里不用__tableItems是因为新建的时候没有翻页，里面没有也不需要走__tableItems变量
+            //         // let fieldValue = _.clone(event.data["${props.name}"]);
+            //         let fieldValue = event.data["${props.name}"];
+            //         fieldValue.push(newItem);
+            //         doAction({
+            //             "componentId": "${props.id}",
+            //             "actionType": "setValue",
+            //             "args": {
+            //                 "value": fieldValue
+            //             }
+            //         });
+            //         event.data.index = fieldValue.length - 1;
+            //     }
+            //     else{
+            //         // 这里不可以执行event.data["${props.name}"]=[newItem]，数据域会断掉
+            //         doAction({
+            //             "componentId": "${props.id}",
+            //             "actionType": "setValue",
+            //             "args": {
+            //                 "value": [newItem]
+            //             }
+            //         });
+            //         event.data.index = 1;
+            //     }
+            // `;
+            // let actionNewLine = {
+            //     "actionType": "custom",
+            //     "script": onNewLineScript
+            // };
             // 新增行时不需要在弹出编辑表单前先加一行，因为会在编辑表单所在service初始化时判断到是新增就自动增加一行，因为这里拿不到event.data.__tableItems，也无法变更其值
             // actions = [actionNewLine, actionShowEditDialog];
             actions = [actionShowEditDialog];
@@ -13414,7 +13539,15 @@ async function getButtonActions(props, mode) {
             // 这里不可以用event.data["${props.name}"]因为amis input talbe有一层单独的作用域，其值会延迟一拍
             // 这里_.clone是因为字段设计布局设置分组这种弹出窗口中的子表组件，直接删除后，点取消无法还原
             let lastestFieldValue = _.clone(wrapperServiceData["${props.name}"]);
-            lastestFieldValue.splice(event.data.index, 1);
+            var currentIndex = event.data.index;
+            var parent = event.data.__super.parent;
+            var __parentIndex = parent && _.findIndex(lastestFieldValue, {_id: parent._id});
+            if(parent){
+                lastestFieldValue[__parentIndex].children.splice(currentIndex, 1);
+            }
+            else{
+                lastestFieldValue.splice(currentIndex, 1);
+            }
             doAction({
                 "componentId": "${props.id}",
                 "actionType": "setValue",