@steedos-widgets/amis-lib 3.6.2-beta.14 → 3.6.2-beta.16

package/dist/index.esm.js

@@ -5784,7 +5784,7 @@ async function getObjectFieldsFilterFormSchema(ctx) {
   const formSchema = {
     "type": "service",
     "visibleOn": "this.filterFormSearchableFields && this.filterFormSearchableFields.length",
-    "className": ctx.formFactor === 'SMALL' ? "slds-filters__body p-0 mb-2 overflow-y-auto overflow-x-hidden" : "slds-filters__body p-0 sm:grid sm:gap-2 sm:grid-cols-4 mb-2",
+    "className": ctx.formFactor === 'SMALL' ? "slds-filters__body p-0 mb-2 overflow-y-auto overflow-x-hidden" : "slds-filters__body p-0 sm:grid sm:gap-4 sm:grid-cols-4 p-2",
     "style":{
       "max-height":ctx.formFactor === 'SMALL'?"30vh":"unset"
     },
@@ -6371,7 +6371,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
         "className": "slds-filters"
       },
       "size": "xs",
-      "className": `border-gray-300 border-y slds-grid slds-grid_vertical slds-nowrap ${!ctx.isLookup && "mt-2"}`,
+      "className": `border-y slds-grid slds-grid_vertical slds-nowrap ${!ctx.isLookup && "mt-2"}`,
       "visibleOn": "this.showFieldsFilter",
     },
     "className": "bg-white"
@@ -6559,7 +6559,7 @@ async function getObjectListHeaderSecordLine(objectSchema, listViewName, ctx) {
             "icon": "fa fa-refresh",
             "actionType": "reload",
             "target": amisListViewId,
-            "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
+            "className": "bg-white p-2 rounded text-gray-500"
           },
           fieldsFilterButtonSchema,
           // {
@@ -6567,7 +6567,7 @@ async function getObjectListHeaderSecordLine(objectSchema, listViewName, ctx) {
           //   "label": "",
           //   "icon": "fa fa-filter",
           //   "actionType": "custom",
-          //   "className": "bg-transparent p-2 rounded border-gray-300 text-gray-500",
+          //   "className": "bg-transparent p-2 rounded text-gray-500",
           //   "id": "u:c20cb87d96c9",
           //   "onEvent": {
           //     "click": {
@@ -6615,7 +6615,7 @@ function getObjectListHeader$1(objectSchema, listViewName, ctx) {
   let headerSchema = [{
     "type": "wrapper",
     "body": body,
-    "className": `bg-gray-100 sm:rounded-tl sm:rounded-tr p-4 -mb-4`
+    "className": `sm:rounded-tl sm:rounded-tr p-4 -mb-4`
   }];
   return headerSchema;
 }
@@ -6750,7 +6750,7 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
   let body = [
     {
       "type": "wrapper",
-      "className": "p-4 bg-gray-100 border-b",
+      "className": "p-4 border-b",
       "body": [
         {
           "type": "grid",
@@ -7876,7 +7876,7 @@ const getSettingListviewToolbarButtonSchema = ()=>{
         "icon": "fa fa-cog",
         //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
         // "tooltip": i18next.t('frontend_button_listview_control_tooltip'),
-        "btnClassName": "antd-Button--iconOnly bg-white !p-2 rounded border-gray-300 text-gray-500",
+        "btnClassName": "antd-Button--iconOnly bg-white !p-2 rounded text-gray-500",
         "align": "right",
         "visibleOn": "${!isLookup}",
         "buttons": [
@@ -7921,7 +7921,7 @@ const getDisplayAsButton = function(objectName, showDisplayAs){
     "icon": "fa fa-table-columns",
     //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
     // "tooltip": `${i18next.t('frontend_display_as')} ${displayAsLabel}`,
-    "btnClassName": "antd-Button--iconOnly bg-white !p-2 rounded border-gray-300 text-gray-500",
+    "btnClassName": "antd-Button--iconOnly bg-white !p-2 rounded text-gray-500",
     "align": "right",
     "visibleOn": "${window:innerWidth > 768 && !!!isLookup}",
     "buttons": [ 
@@ -8114,7 +8114,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
     //   //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
     //   // "tooltip": i18next.t('frontend_button_reload_tooltip'),
     //   "tooltipPlacement": "top",
-    //   "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
+    //   "className": "bg-white p-2 rounded text-gray-500",
     //   "label": "",
     //   "icon": "fa fa-sync",
     //   "visibleOn": "${!showFieldsFilter}",
@@ -8138,7 +8138,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
       // "tooltip": i18next.t('frontend_button_reload_tooltip'),
       "tooltip":"",
       "tooltipPlacement": "top",
-      "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
+      "className": "bg-white p-2 rounded text-gray-500"
     };
   }
   else {
@@ -8149,7 +8149,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
       // "tooltip": i18next.t('frontend_button_reload_tooltip'),
       "tooltip":"",
       "tooltipPlacement": "top",
-      "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
+      "className": "bg-white p-2 rounded text-gray-500"
     };
   }
   let toolbarFilter;
@@ -8171,7 +8171,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
         "visibleOn": "${isFieldsFilterEmpty == false && isLookup != true}"
       },
       "align": "right",
-      "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
+      "className": "bg-white p-2 rounded text-gray-500",
       "onEvent": {
         "click": {
           "actions": [
@@ -8498,7 +8498,7 @@ async function getObjectCRUD(objectSchema, fields, options){
     const bodyProps = {
       // toolbar: getToolbar(),
       // headerToolbar: getObjectHeaderToolbar(objectSchema, options.formFactor, {showDisplayAs}),
-      headerToolbarClassName: "px-4 py-2 border-gray-300 bg-gray-100 border-solid border-b",
+      headerToolbarClassName: "px-4 py-2 border-b",
       footerToolbar: getObjectFooterToolbar(objectSchema, options.formFactor, {
         ...options,
         disableStatistics: options.queryCount === false
@@ -9232,7 +9232,7 @@ async function getRecordDetailRelatedListSchema(objectName, recordId, relatedObj
         amisSchema: {
             type: "service",
             id: componentId,
-            className: `steedos-record-related-list py-2 first:pt-0 border-b last:border-b-0 ${componentId} ${className}`,
+            className: `steedos-record-related-list py-2 first:pt-0 border-b-0 last:border-b-0 ${componentId} ${className}`,
             data: {
                 relatedKey: relatedKey,   
                 listViewId: `amis-\${appId}-${relatedObjectName}-listview`,
@@ -9978,7 +9978,7 @@ async function getRecordDetailSchema(objectName, appId, props = {}){
     };
     const content = {
         "type": "tabs",
-        "className": "steedos-record-tabs bg-white p-4 m-0 mt-2 border-y",
+        "className": "steedos-record-tabs bg-white p-4 m-0 border-b",
         "contentClassName": "bg-none",
         "tabs": [
             detailed
@@ -10913,6 +10913,9 @@ async function lookupToAmisPicker(field, readonly, ctx){
         }
     });
 
+    let listviewFilter = getListViewFilter(listView);
+    let listviewFiltersFunction = listView && listView._filters;
+
     let sort = "";
     if(listView){
         sort = getListViewSort(listView);
@@ -10959,7 +10962,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
             Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
         }
         const selfData = JSON.parse(JSON.stringify(api.data.$self));
-        var filters = [];
+        ${listviewFilter && !ctx.inFilterForm ? `var filters = ${JSON.stringify(listviewFilter)};` : 'var filters = [];'}
         var pageSize = api.data.pageSize || 10;
         var pageNo = api.data.pageNo || 1;
         var skip = (pageNo - 1) * pageSize;
@@ -11021,6 +11024,16 @@ async function lookupToAmisPicker(field, readonly, ctx){
         }
         
         const inFilterForm = ${ctx.inFilterForm};
+
+        const listviewFiltersFunction = ${listviewFiltersFunction};
+
+        if(listviewFiltersFunction && !inFilterForm){
+            const _filters0 = listviewFiltersFunction(filters, api.data.$self.__super);
+            if(_filters0 && _filters0.length){
+                filters.push(_filters0);
+            }
+        }
+        
         const filtersFunction = ${field.filtersFunction || field._filtersFunction};
 
         if(filtersFunction && !inFilterForm){
@@ -11333,6 +11346,9 @@ async function lookupToAmisSelect(field, readonly, ctx){
     const refObjectConfig = referenceTo && await getUISchema(referenceTo.objectName);
     let listView = getLookupListView(refObjectConfig);
 
+    let listviewFilter = getListViewFilter(listView);
+    let listviewFiltersFunction = listView && listView._filters;
+
     let sort = "";
     if(listView){
         sort = getListViewSort(listView);
@@ -11362,7 +11378,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
     apiInfo.data['rfield'] = `\${object_name}`;
     // [["_id", "=", "$${field.name}._id"],"or",["name", "contains", "$term"]]
     apiInfo.requestAdaptor = `
-        var filters = [];
+        ${listviewFilter && !ctx.inFilterForm ? `var filters = ${JSON.stringify(listviewFilter)};` : 'var filters = [];'}
         var top = 200;
         if(api.data.$term){
             filters = [["${referenceTo?.NAME_FIELD_KEY || 'name'}", "contains", api.data.$term]];
@@ -11385,6 +11401,16 @@ async function lookupToAmisSelect(field, readonly, ctx){
         }
 
         const inFilterForm = ${ctx.inFilterForm};
+
+        const listviewFiltersFunction = ${listviewFiltersFunction};
+
+        if(listviewFiltersFunction && !inFilterForm){
+            const _filters0 = listviewFiltersFunction(filters, api.data.$);
+            if(_filters0 && _filters0.length){
+                filters.push(_filters0);
+            }
+        }
+        
         const filtersFunction = ${field.filtersFunction || field._filtersFunction};
 
         if(filtersFunction && !inFilterForm){
@@ -12226,7 +12252,7 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             convertData = {
                 type: getAmisStaticFieldType('datetime', readonly),
                 inputFormat: 'YYYY-MM-DD HH:mm',
-                format: 'YYYY-MM-DDTHH:mm:ss.SSSZ',
+                format: 'YYYY-MM-DDTHH:mm:00.000Z',
                 tpl: readonly ? getDateTimeTpl(field) : null,
                 utc: true,
             };
@@ -12998,8 +13024,56 @@ function uuidv4() {
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2024-01-25 14:11:50
+ * @LastEditTime: 2024-01-26 17:47:16
+ */
+
+/**
+ * 子表组件字段值中每行数据补上字段值为空的的字段值，把值统一设置为空字符串，是为了解决amis amis 3.6/6.0 input-table组件bug:行中字段值为空时会显示为父作用域中的同名变量值，见：https://github.com/baidu/amis/issues/9520
+ * amis #9520修正后此函数及相关代码可以移除
+ * @param {*} value 子表组件字段值，数组
+ * @param {*} fields 子表组件fields属性，数组
+ * @returns 转换后的子表组件字段值
+ */
+function getTableValueWithEmptyValue(value, fields) {
+    return (value || []).map((itemValue) => {
+        //这里不clone的话，会造成在pipeIn函数执行该函数后像pipeOut一样最终输出到表单项中，即库里字段值会被改了
+        const newItemValue = clone(itemValue);
+        (fields || []).forEach((itemField) => {
+            if(itemField.name && (newItemValue[itemField.name] === undefined || newItemValue[itemField.name] === null)){
+                // 这里newItemValue中不存在 itemField.name 属性，或者值为null时都会有“显示为父作用域中的同名变量值”的问题，所以null和undefined都要重置为空字符串
+                // 实测数字、下拉框、多选lookup等字段类型重置为空字符串都不会有问题，而且实测amis from组件的清空表单字段值功能就是把表单中的各种字段类型设置为空字符串，所以看起来也符合amis规范
+                newItemValue[itemField.name] = "";
+            }
+            if (newItemValue.children) {
+                newItemValue.children = getTableValueWithEmptyValue(newItemValue.children, fields);
+            }
+        });
+        return newItemValue;
+    });
+}
+
+/**
+ * 把子表组件字段值中每行数据中经过上面getTableValueWithEmptyValue函数空字段值移除
+ * amis #9520修正后此函数及相关代码可以移除
+ * @param {*} value 子表组件字段值，数组
+ * @param {*} fields 子表组件fields属性，数组
+ * @returns 转换后的子表组件字段值
  */
+function getTableValueWithoutEmptyValue(value, fields) {
+    return (value || []).map((itemValue) => {
+        const newItemValue = clone(itemValue);
+        (fields || []).forEach((itemField) => {
+            if(itemField.name && (newItemValue[itemField.name] === "" || newItemValue[itemField.name] === undefined || newItemValue[itemField.name] === null)){
+                // 这里额外把null和undefined值也删除掉纯粹是没必要输出保存它们
+                delete newItemValue[itemField.name];
+            }
+            if (newItemValue.children) {
+                newItemValue.children = getTableValueWithoutEmptyValue(newItemValue.children, fields);
+            }
+        });
+        return newItemValue;
+    });
+}
 
 function getTablePrimaryKey(props) {
     return props.primaryKey || "_id";
@@ -13079,6 +13153,7 @@ function getTableValueWithoutFieldPrefix(value, fieldPrefix) {
  * 子表组件字段值中每行数据的键值key补上指定前缀
  * @param {*} value 子表组件字段值，数组
  * @param {*} fieldPrefix 字段前缀
+ * @param {*} primaryKey 主键字段名，主键不参与被键值key规则，需要排除，审批王amis表单也是这个规则
  * @returns 转换后的子表组件字段值
  */
 function getTableValuePrependFieldPrefix(value, fieldPrefix, primaryKey) {
@@ -13150,20 +13225,16 @@ function getInputTableCell(field, showAsInlineEditMode) {
         }
     }
     else {
-        // 这里加一层service是因为amis 3.6/6.0中有bug，不加的话，这里会显示为父作用域中中的同名变量值，见：https://github.com/baidu/amis/issues/9520
         return {
-            "type": "service",
+            "type": "steedos-field",
+            "config": Object.assign({}, field, {
+                label: false
+            }),
+            inInputTable: true,
+            "static": true,
+            "readonly": true,
             label: field.label,
-            name: field.name,
-            "body":[{
-                "type": "steedos-field",
-                "config": Object.assign({}, field, {
-                    label: false
-                }),
-                inInputTable: true,
-                "static": true,
-                "readonly": true
-            }]
+            name: field.name
         }
     }
 }
@@ -13350,9 +13421,14 @@ function getFormPagination(props, mode) {
                 "onEvent": {
                     "click": {
                         "actions": [
+                            {
+                                "actionType": "validate",
+                                "componentId": formId
+                            },
                             {
                                 "actionType": "custom",
-                                "script": onPageChangeScript
+                                "script": onPageChangeScript,
+                                "expression": "${!!!event.data.validateResult.error}" //触发表单校验结果会存入validateResult，amis 3.2不支持，高版本比如 3.5.3支持
                             }
                         ]
                     }
@@ -13377,9 +13453,14 @@ function getFormPagination(props, mode) {
                 "onEvent": {
                     "click": {
                         "actions": [
+                            {
+                                "actionType": "validate",
+                                "componentId": formId
+                            },
                             {
                                 "actionType": "custom",
-                                "script": onPageChangeScript
+                                "script": onPageChangeScript,
+                                "expression": "${!!!event.data.validateResult.error}" //触发表单校验结果会存入validateResult，amis 3.2不支持，高版本比如 3.5.3支持
                             }
                         ]
                     }
@@ -13871,9 +13952,14 @@ async function getButtonActions(props, mode) {
                     "onEvent": {
                         "click": {
                             "actions": [
+                                {
+                                    "actionType": "validate",
+                                    "componentId": formId
+                                },
                                 {
                                     "actionType": "custom",
-                                    "script": onSaveAndNewItemScript
+                                    "script": onSaveAndNewItemScript,
+                                    "expression": "${!!!event.data.validateResult.error}" //触发表单校验结果会存入validateResult，amis 3.2不支持，高版本比如 3.5.3支持
                                 }
                             ]
                         }
@@ -13886,9 +13972,14 @@ async function getButtonActions(props, mode) {
                     "onEvent": {
                         "click": {
                             "actions": [
+                                {
+                                    "actionType": "validate",
+                                    "componentId": formId
+                                },
                                 {
                                     "actionType": "custom",
-                                    "script": onSaveAndCopyItemScript
+                                    "script": onSaveAndCopyItemScript,
+                                    "expression": "${!!!event.data.validateResult.error}" //触发表单校验结果会存入validateResult，amis 3.2不支持，高版本比如 3.5.3支持
                                 }
                             ]
                         }
@@ -14154,18 +14245,51 @@ async function getButtonView(props) {
 
 async function getButtonDelete(props) {
     return {
-        "type": "button",
-        "label": "",
-        "icon": "fa fa-trash-alt",//不可以用fa-trash-o，因为设计字段布局界面中弹出的设置分组列表中显示不了这个图标
+        "type": "dropdown-button",
         "level": "link",
-        "onEvent": {
-            "click": {
-                "actions": await getButtonActions(props, "delete")
+        "icon": "fa fa-trash-alt",
+        "size": "xs",
+        "hideCaret": true,
+        "closeOnClick": true,
+        "body": [
+            {
+                "type": "wrapper",
+                "size": "md",
+                "className": "w-80",
+                "body": [
+                    {
+                        "tpl": "确定要删除吗？",
+                        "type": "tpl"
+                    },
+                    {
+                        "type": "flex",
+                        "justify": "flex-end",
+                        "className": "mt-3",
+                        "items": [
+                            {
+                                "type": "button",
+                                "label": "取消",
+                                "className": "mr-2"
+                            },
+                            {
+                                "type": "button",
+                                "label": "删除",
+                                "level": "danger",
+                                "onEvent": {
+                                    "click": {
+                                        "actions": await getButtonActions(props, "delete")
+                                    }
+                                }
+                            }
+                        ]
+                    }
+                ]
             }
-        }
-    };
+        ]
+    }
 }
 
+
 const getAmisInputTableSchema = async (props) => {
     if (!props.id) {
         props.id = "steedos_input_table_" + props.name + "_" + Math.random().toString(36).substr(2, 9);
@@ -14238,6 +14362,7 @@ const getAmisInputTableSchema = async (props) => {
             if (fieldPrefix) {
                 value = getTableValueWithoutFieldPrefix(value, fieldPrefix);
             }
+            value = getTableValueWithEmptyValue(value, fields);
             if (primaryKey) {
                 // 这里临时给每行数据补上primaryKey字段值，如果库里不需要保存这里补上的字段值，pipeOut中会识别autoGeneratePrimaryKeyValue属性选择最终移除这里补上的字段值
                 // 这里始终自动生成primaryKey字段值，而不是只在pipeOut输出整个子表字段值时才生成，是因为要支持当数据库里保存的子表字段行数据没有primaryKey字段值时的行嵌套模式（即节点的children属性）功能
@@ -14259,6 +14384,7 @@ const getAmisInputTableSchema = async (props) => {
             if (fieldPrefix) {
                 value = getTableValuePrependFieldPrefix(value, fieldPrefix, primaryKey);
             }
+            value = getTableValueWithoutEmptyValue(value, fields);
             if (props.autoGeneratePrimaryKeyValue === true) {
                 // 如果需要把自动生成的primaryKey值输出保存的库中，则补全所有行中的primaryKey值
                 // 这里如果不全部补全的话，初始从库里返回的字段值中拿到的行没primaryKey值的话就不会自动补上
@@ -14331,6 +14457,17 @@ const getAmisInputTableSchema = async (props) => {
             "body": headerToolbar
         });
     }
+    let className = "steedos-input-table";
+
+    if (typeof props.className == "object") {
+        className = {
+            [className]: "true",
+            ...props.className
+        };
+    } else if (typeof props.className == "string") {
+        className = `${className} ${props.className} `;
+    }
+
     let schema = {
         "type": "control",
         "body": {
@@ -14344,7 +14481,7 @@ const getAmisInputTableSchema = async (props) => {
         "labelAlign": props.labelAlign,
         //控制control的mode属性，https://aisuda.bce.baidu.com/amis/zh-CN/components/form/formitem#表单项展示
         "mode": props.mode || null,
-        "className": props.className
+        className
     };
     // console.log("===schema===", schema);
     return schema;