@steedos-widgets/amis-lib 1.3.17-beta.1 → 1.3.17

package/dist/index.esm.js

@@ -2615,19 +2615,25 @@ async function getTableApi(mainObject, fields, options){
     if(options.isRelated){
         api.url += "&recordId=${_master.recordId}";
     }
-    api.cache = 3000;
-
+    api.cache = 3000; 
     api.data.$term = "$term";
     api.data.term = "$term";
     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}";
     api.requestAdaptor = `
+        let __changedFilterFormValues = api.data.$self.__changedFilterFormValues || {};
+        let __changedSearchBoxValues = api.data.$self.__changedSearchBoxValues || {};
+        // 把表单搜索和快速搜索中的change事件中记录的过滤条件也拼到$self中，是为解决触发搜索请求时，两边输入的过滤条件都带上，即：
+        // 有时在搜索表单中输入过滤条件事，忘记点击回车键或搜索按钮，而是进一步修改快速搜索框中的关键字点击其中回车键触发搜索
+        // 这种情况下，触发的搜索请求中没有带上搜索表单中输入的过滤条件。
+        // 反过来先在快速搜索框中输入过滤条件却不点击其中回车键触发搜索，而是到搜索表单中触发搜索请求也是一样的。
+        // 这里直接合并到api.data.$self，而不是后面定义的selfData变量，是因为可以省去在接收适配器中写一样的合并逻辑
+        // 如果有问题可以改为合并到selfData变量中，但是要在接收适配器中写上一样的合并逻辑，否则里面的过滤条件不会存入本地存储中
+        Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
         // selfData 中的数据由 CRUD 控制. selfData中,只能获取到 CRUD 给定的data. 无法从数据链中获取数据.
         let selfData = JSON.parse(JSON.stringify(api.data.$self));
         // 保留一份初始data，以供自定义发送适配器中获取原始数据。
@@ -2697,11 +2703,7 @@ async function getTableApi(mainObject, fields, options){
             userFilters = [["${valueField.name}", "=", selfData.value]];
         }
 
-        const __filterFormValues = api.data.__filterFormValues;
-        const __serachBoxValues = api.data.__serachBoxValues;
-        // 筛选按钮
-        const filterSelfData = __filterFormValues ? __filterFormValues : selfData;
-        var searchableFilter = SteedosUI.getSearchFilter(filterSelfData) || [];
+        var searchableFilter = SteedosUI.getSearchFilter(selfData) || [];
         if(searchableFilter.length > 0){
             if(userFilters.length > 0 ){
                 userFilters = [userFilters, 'and', searchableFilter];
@@ -2722,8 +2724,7 @@ async function getTableApi(mainObject, fields, options){
             })
         }
 
-        const keyWords = __serachBoxValues ? __serachBoxValues.__keywords : selfData.__keywords;
-        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(keyWords, allowSearchFields);
+        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(selfData.__keywords, allowSearchFields);
         if(keywordsFilters && keywordsFilters.length > 0){
             userFilters.push(keywordsFilters);
         }
@@ -2876,6 +2877,7 @@ async function getTableApi(mainObject, fields, options){
                 selfData.page = localListViewProps.page || 1;
             }
         }
+        
         delete selfData.context;
         delete selfData.global;
         sessionStorage.setItem(listViewPropsStoreKey, JSON.stringify(selfData));
@@ -5649,6 +5651,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
   const filterFormSchema = await getObjectFieldsFilterFormSchema(ctx);
   const keywordsSearchBoxName = ctx.keywordsSearchBoxName || "__keywords";
   const onSearchScript = `
+    // console.log("===onSearchScript=form==");
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
       return n.props.type === "form";
@@ -5705,25 +5708,13 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
     crudService && crudService.setData({isFieldsFilterEmpty, showFieldsFilter});
   `;
   const onCancelScript = `
-    doAction(
-      {
-        "componentId": 'service_${ctx.crudId}',
-        "actionType": "setValue",
-        "args": {
-          "value": {
-            "__filterFormValues": null
-          }
-        }
-      }
-    )
+    // console.log("===onCancelScript=form==");
     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";
-    });
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
     const removedValues = {};
     for(var k in filterFormValues){
       if(/^__searchable__/.test(k)){
@@ -5738,7 +5729,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
       if(localListViewProps){
         localListViewProps = JSON.parse(localListViewProps);
         for(var k in localListViewProps){
-          if(k !== "__keywords"){
+          if(/^__searchable__/.test(k)){
             removedValues[k] = null;
           }
         }
@@ -5749,20 +5740,35 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
       //lookup字段保留快速搜索条件
       removedValues[keywordsSearchBoxName] = filterFormValues[keywordsSearchBoxName];
     }
-    filterForm.reset();
-    setTimeout(()=>{
-      listView.handleFilterSubmit(removedValues);
-    }, 100); 
-    const filterService = filterForm.context.getComponents().find(function(n){
-      return n.props.type === "service";
-    });
-    filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+    filterForm.setValues(removedValues);//会把表单提交到toolbar的快速搜索区域，造成在快速搜索框中触发搜索时再次把搜索表单中的字段值清除掉的bug，已单独在快速搜索框那边添加搜索事件代码处理过了
+    // 以下方法都无法实现清除表单值
+    // filterForm.setValues({}, true)
+    // filterForm.reset();
+    // filterForm.handleAction({},{
+    //   "actionType": "setValue",
+    //   "args": {
+    //     "value": removedValues
+    //   }
+    // });
+    // 下面触发clear动作可以清除表单值，且不会把表单提交到toolbar的快速搜索区域，但是会把金额等范围字段清空成非范围字段
+    // filterForm.handleAction({},{
+    //   "actionType": "clear"
+    // });
+
+    // 清除__changedFilterFormValues中的值
+    crud && crud.setData({__changedFilterFormValues: {}});
+    filterForm.handleFormSubmit(event);
+    // crud.handleFilterSubmit(removedValues);
+
+    let filterFormService = SteedosUI.getClosestAmisComponentByType(filterForm.context, "service");
+    filterFormService.setData({showFieldsFilter: !!!filterFormService.props.data.showFieldsFilter});
     //触发amis crud 高度重算
     setTimeout(()=>{
       window.dispatchEvent(new Event("resize"))
     }, 100);
     // 移除搜索按钮上的红点
-    let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+    // let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+    let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
     crudService && crudService.setData({isFieldsFilterEmpty: true, showFieldsFilter: false});
     `;
   const dataProviderInited = `
@@ -7628,7 +7634,8 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 // }
 `;
 
-function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords", crudId } = {}){
+// function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords", crudId } = {}){
+function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords" } = {}){
   const searchableFieldsLabel = [];
   _.each(mainObject.fields, function (field) {
     if (isFieldQuickSearchable(field, mainObject.NAME_FIELD_KEY)) {
@@ -7644,6 +7651,33 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
     crudKeywords = (localListViewProps && localListViewProps.__keywords) || "";
   }
 
+  const onChangeScript = `
+    const scope = event.context.scoped;
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
+    // let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
+    let __changedSearchBoxValues = {};
+    __changedSearchBoxValues["${keywordsSearchBoxName}"] = event.data["${keywordsSearchBoxName}"];
+    // crudService && crudService.setData({__changedSearchBoxValues: __changedSearchBoxValues});
+    // 这里不用crudService而用crud是因为lookup字段弹出的列表中的crudService中的变量无法传入crud的发送适配器中
+    crud && crud.setData({__changedSearchBoxValues: __changedSearchBoxValues});
+  `;
+
+  // onSearchScript中加上了onChangeScript中的脚本，是因为amis 3.2不能用change事件执行onChangeScript
+  // 而点击回车按键又不会触发blur事件，所以只能每次回车事件中额外再执行一次onChangeScript
+  // 等升级到amis 3.4+，blur事件换成change事件执行onChangeScript，就可以不用在onSearchScript中执行onChangeScript了
+  const onSearchScript = `
+    ${onChangeScript}
+
+    // 下面的脚本只为解决点击搜索表单取消按钮，再重新在其中输入过滤条件但是不点击搜索按钮或回车按键触发搜索，此时在快速搜索框输入过滤条件按回车按键会把搜索表单中的过滤条件清空的问题
+    // const scope = event.context.scoped;
+    // 如果点击过顶部搜索栏表单的取消按钮，会把此处event.data.__super.__super.__super中的搜索表单项的所有字段设置为null
+    // 点击取消按钮后继续在表单项中输入过滤条件且最后没有点击回车按键或点击表单项搜索按钮的话，在快速搜索中点击回车按钮提交搜索会所顶部搜索表单中的字段值清空
+    let filterForm = SteedosUI.getClosestAmisComponentByType(scope, "form");
+    setTimeout(function(){
+      filterForm.setValues(event.data.__changedFilterFormValues);
+    }, 500);
+  `;
+
   return {
     "type": "tooltip-wrapper",
     "id": "steedos_crud_toolbar_quick_search",
@@ -7662,28 +7696,24 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
         "placeholder": "搜索此列表",
         "value": crudKeywords,
         "clearable": true,
-        "clearAndSubmit": true,
+        // "clearAndSubmit": true,//因为清除并不会触发失去焦点事件，只有禁用，但是它会触发change事件，所以等升级到amis 3.4+后可以重新放开
         "searchImediately": false,
         "onEvent": {
-          "change": {
+          "search": {
             "actions": [
               {
                 "actionType": "custom",
-                "script": `
-                  doAction(
-                      {
-                        "componentId": 'service_${crudId}',
-                        "actionType": "setValue",
-                        "args": {
-                          "value": {
-                            "__serachBoxValues": event.data
-                          }
-                        }
-                      }
-                  )
-                `
+                "script": onSearchScript
               }
             ]
+          },
+          "blur": { //这里把change事件换成blur是因为amis 3.2change事件中setData会卡，升级到3.4+后就可以换回change事件
+            "actions": [
+              {
+                "actionType": "custom",
+                "script": onChangeScript
+              },
+            ]
           }
         }
       }
@@ -7692,7 +7722,7 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
 }
 
 function getObjectHeaderToolbar(mainObject, fields, formFactor, { 
-  showDisplayAs = false, hiddenCount = false, headerToolbarItems, crudId,
+  showDisplayAs = false, hiddenCount = false, headerToolbarItems,
   filterVisible = true, isLookup = false, keywordsSearchBoxName } = {}){
   // console.log(`getObjectHeaderToolbar====>`, filterVisible)
   // console.log(`getObjectHeaderToolbar`, mainObject)
@@ -7796,7 +7826,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
     };
   }
   let toolbarDisplayAsButton = getDisplayAsButton(mainObject?.name);
-  let toolbarDQuickSearchBox = getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName, crudId });
+  let toolbarDQuickSearchBox = getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName });
 
   // toolbars返回的数组元素不可以是空对象{}，比如hiddenCount ? {} : {"type": "tpl",...}，因为空对象最终还是会生成一个空的.antd-Crud-toolbar-item dom
   // 当出现空的.antd-Crud-toolbar-item dom时会影响toolbar元素的maring-right css样式计算，如果有动态需要应该加到动态数组变量toolbars中
@@ -7944,6 +7974,20 @@ async function getObjectFilter(objectSchema, fields, options) {
     let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
     crudService && crudService.setData({isFieldsFilterEmpty});
   `;
+  let onChangeScript = `
+    const scope = event.context.scoped;
+    // let filterFormValues = event.data;
+    let filterForm = SteedosUI.getClosestAmisComponentByType(scope, "form");
+    let filterFormService = SteedosUI.getClosestAmisComponentByType(filterForm.context, "service");
+    // 使用event.data的话，并不能拿到本地存储中的过滤条件，所以需要从filterFormService中取。
+    let filterFormValues = filterFormService.getData();
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
+    const changedFilterFormValues = _.pickBy(filterFormValues, function(n,k){return /^__searchable__/.test(k);});;
+    // let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
+    // crudService && crudService.setData({__changedFilterFormValues: changedFilterFormValues});
+    // 这里不用crudService而用crud是因为lookup字段弹出的列表中的crudService中的变量无法传入crud的发送适配器中
+    crud && crud.setData({__changedFilterFormValues: changedFilterFormValues});
+  `;
   return {
     "title": "",
     "submitText": "",
@@ -7967,19 +8011,7 @@ async function getObjectFilter(objectSchema, fields, options) {
         "actions": [
           {
             "actionType": "custom",
-            "script": `
-              doAction(
-                  {
-                    "componentId": 'service_${options.crudId}',
-                    "actionType": "setValue",
-                    "args": {
-                      "value": {
-                        "__filterFormValues": event.data
-                      }
-                    }
-                  }
-              )
-            `
+            "script": onChangeScript
           }
         ]
       }
@@ -8054,7 +8086,6 @@ 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(),
@@ -8064,7 +8095,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         ...options,
         disableStatistics: options.queryCount === false
       }), 
-      filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields,  Object.assign({}, options, {crudId: id})),
+      filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields, options),
     };
     if(options.formFactor !== 'SMALL' || ["split"].indexOf(options.displayAs) == -1){
       if(listSchema.mode !== "cards"){
@@ -8093,8 +8124,7 @@ async function getObjectCRUD(objectSchema, fields, options){
       showDisplayAs, 
       hiddenCount: options.queryCount === false, 
       headerToolbarItems: options.headerToolbarItems,
-      filterVisible: options.filterVisible,
-      crudId: id
+      filterVisible: options.filterVisible
     });
 
     options.amisData = createObject(options.amisData, {
@@ -8107,6 +8137,7 @@ 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;
@@ -10338,6 +10369,13 @@ async function lookupToAmisPicker(field, readonly, ctx){
     source.data.$self = "$$";
     
     source.requestAdaptor = `
+        let __changedFilterFormValues = api.data.$self.__changedFilterFormValues || {};
+        let __changedSearchBoxValues = api.data.$self.__changedSearchBoxValues || {};
+        // 把表单搜索和快速搜索中的change事件中记录的过滤条件也拼到$self中，是为解决触发搜索请求时，两边输入的过滤条件都带上，即：
+        // 有时在搜索表单中输入过滤条件事，忘记点击回车键或搜索按钮，而是进一步修改快速搜索框中的关键字点击其中回车键触发搜索
+        // 这种情况下，触发的搜索请求中没有带上搜索表单中输入的过滤条件。
+        // 反过来先在快速搜索框中输入过滤条件却不点击其中回车键触发搜索，而是到搜索表单中触发搜索请求也是一样的。
+        Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
         const selfData = JSON.parse(JSON.stringify(api.data.$self));
         var filters = [];
         var pageSize = api.data.pageSize || 10;
@@ -10404,7 +10442,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
         const filtersFunction = ${field.filtersFunction || field._filtersFunction};
 
         if(filtersFunction && !inFilterForm){
-            const _filters = filtersFunction(filters, api.data.$self.__super.__super);
+            const _filters = filtersFunction(filters, api.data.$self.__super);
             if(_filters && _filters.length > 0){
                 filters.push(_filters);
             }
@@ -11981,9 +12019,7 @@ 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){
-            return Object.assign({}, amisField,{
-                submitOnChange: false
-            });
+            return amisField;
         }
     }
 }
@@ -12376,12 +12412,16 @@ async function getForm(props, mode = "edit") {
     }
     else if (mode === "new") {
         let onNewItemSubmitScript = `
-            event.data["${props.name}"].push(JSON.parse(JSON.stringify(event.data)));
+            let fieldValue = _.cloneDeep(event.data["${props.name}"]);
+            if(!fieldValue){
+                fieldValue = [];
+            }
+            fieldValue.push(JSON.parse(JSON.stringify(event.data)));
             doAction({
                 "componentId": "${props.id}",
                 "actionType": "setValue",
                 "args": {
-                    "value": event.data["${props.name}"]
+                    "value": fieldValue
                 }
             });
         `;
@@ -12584,7 +12624,7 @@ const getAmisInputTableSchema = async (props, readonly) => {
         "className": props.className
     };
     if (props.addable) {
-        let buttonNewSchema = getButtonNew(props);
+        let buttonNewSchema = await getButtonNew(props);
         schema.body.push(buttonNewSchema);
     }
     if (props.amis) {