@steedos-widgets/sortable 1.3.17-beta.2 → 1.3.18

package/dist/assets.json

@@ -3,8 +3,8 @@
         {
             "package": "@steedos-widgets/sortable",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/sortable@1.3.17-beta.2/dist/sortable.umd.js",
-                "https://unpkg.com/@steedos-widgets/sortable@1.3.17-beta.2/dist/sortable.umd.css"
+                "https://unpkg.com/@steedos-widgets/sortable@1.3.18/dist/sortable.umd.js",
+                "https://unpkg.com/@steedos-widgets/sortable@1.3.18/dist/sortable.umd.css"
             ],
             "library": "BuilderSortable"
         }
@@ -15,10 +15,10 @@
             "npm": {
                 "package": "@steedos-widgets/sortable"
             },
-            "url": "https://unpkg.com/@steedos-widgets/sortable@1.3.17-beta.2/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/sortable@1.3.18/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/sortable@1.3.17-beta.2/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/sortable@1.3.17-beta.2/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/sortable@1.3.18/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/sortable@1.3.18/dist/meta.js"
             }
         }
     ]

package/dist/sortable.cjs.js

@@ -55329,9 +55329,9 @@ function getFieldWidth(width){
     const defaultWidth = "unset";//用于使table内的td标签下生成div，实现将快速编辑按钮固定在右侧的效果，并不是为了unset效果
     if(typeof width == 'string'){
         if(isNaN(width)){
-            return width;
+            return width || defaultWidth;
         }else {
-            return Number(width);
+            return Number(width) || defaultWidth;
         }
     }else if(typeof width == 'number'){
         return width;
@@ -55432,6 +55432,7 @@ async function getTableColumns(fields, options){
                 width: getFieldWidth(field.width),
                 toggled: field.toggled,
                 className,
+                inputClassName: "inline",
                 static: true,
             }, field.amis, {name: field.name});
         }
@@ -55469,6 +55470,7 @@ async function getTableColumns(fields, options){
                     tpl: tpl,
                     toggled: field.toggled,
                     className,
+                    inputClassName: "inline",
                     static: true,
                     options: field.type === 'html' ? {html: true} : null
                     // toggled: true 
@@ -55490,8 +55492,8 @@ async function getTableColumns(fields, options){
         const href = Router.getObjectDetailPath({
             ...options,  formFactor: options.formFactor, appId: "${appId}", objectName: options.objectName || "${objectName}", recordId: `\${${options.idFieldName}}`
         });
-        columns[0].type = "tpl";
-        columns[0].tpl = `<a href="${href}">\${${columns[0].name}}</a>`;
+        columns[1].type = "tpl";
+        columns[1].tpl = `<a href="${href}">\${${columns[1].name}}</a>`;
     }
     return columns;
 }
@@ -56338,6 +56340,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";
@@ -56394,25 +56397,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)){
@@ -56427,7 +56418,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;
           }
         }
@@ -56438,20 +56429,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 = `
@@ -56931,78 +56937,97 @@ function fields$1(){
 
 function fieldsExtend$4(){
   return {
+    "group": "",
     "label": {
       "is_wide": true
     },
     "name": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "object_name": {
+      "group": "",
       "amis": {
         "hidden": true
       }
     },
     "filter_scope": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "columns": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "mobile_columns":{
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "searchable_fields":{
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "filter_fields": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "scrolling_mode": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "sort": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "show_count": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "type": {
+      "group": "",
       "amis": {
         "hidden": true,
         "required": false
       }
     },
     "shared": {
+      "group": "",
       "amis": {
         "visibleOn": "${global.user.is_space_admin}"
       }
+    },
+    "filters": {
+      "group": "",
+      "amis": {
+        "hidden": true
+      }
     }
   }
 }
@@ -57149,6 +57174,12 @@ function fieldsExtend$3(){
       "amis": {
         "visibleOn": "${global.user.is_space_admin}"
       }
+    },
+    "filters": {
+      "group": "",
+      "amis": {
+        "hidden": true
+      }
     }
   }
 }
@@ -57487,7 +57518,6 @@ function fieldsExtend$1(){
       }
     },
     "mobile_columns": {
-      "group": instance.t('frontend_listview_control_columns_mobile_group'),
       "amis": {
         "type": "transfer",
         "sortable": true,
@@ -57857,7 +57887,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)) {
@@ -57873,6 +57904,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",
@@ -57891,28 +57949,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
+              },
+            ]
           }
         }
       }
@@ -57921,7 +57975,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)
@@ -58025,7 +58079,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中
@@ -58173,6 +58227,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": "",
@@ -58196,19 +58264,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
           }
         ]
       }
@@ -58735,8 +58791,6 @@ async function lookupToAmisTreeSelect(field, readonly, ctx) {
     return amisSchema;
 }
 
-const keywordsSearchBoxName = `__keywords_lookup`;
-
 const getReferenceToFieldSchema = (field, refObjectConfig)=>{
     let referenceTo = field.reference_to;
     if(!referenceTo){
@@ -58995,8 +59049,18 @@ async function lookupToAmisPicker(field, readonly, ctx){
     
     source.data.$term = "$term";
     source.data.$self = "$$";
-    
+
+    // field.name可能是带点的名称，比如审批王中子表字段'instances.instances_submitter'，如果不替换掉点，会造成审批王表单中新建子表行时报错
+    let keywordsSearchBoxName = `__keywords_lookup__${field.name.replace(/\./g, "_")}__to__${refObjectConfig.name}`;
+
     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;
@@ -59131,6 +59195,14 @@ async function lookupToAmisPicker(field, readonly, ctx){
             }
         });
         payload.data.rows = treeRecords;
+        try{
+            setTimeout(() => {
+                $('.amis-dialog-widget.antd-Modal .antd-Table-content .antd-Table-table thead .antd-Table-expandBtn')[0]?.click();
+            }, 600);
+        }
+        catch(ex){
+            console.error("tree数据格式展开异常：", ex);
+        }
     }
     return payload;
     `;
@@ -59303,6 +59375,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
 
 async function lookupToAmisSelect(field, readonly, ctx){
     let referenceTo = await getReferenceTo(field);
+    const isMobile = window.innerWidth <= 768;
     const valueFieldKey = referenceTo && referenceTo.valueField?.name || '_id' ;
     // const labelFieldKey = referenceTo && referenceTo.labelField?.name || 'name';
 
@@ -59483,7 +59556,11 @@ async function lookupToAmisSelect(field, readonly, ctx){
         </span>
         <span class='pl-1.5'>\${label}</span>
     </span>`;
-    data.menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+    const menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+    // TODO: 待amis修复了此bug， 就可以撤销添加menuTpl的判断。
+    if(!(isMobile && field.multiple)){
+        data.menuTpl = menuTpl;
+    }
     if(field.multiple){
         data.multiple = true;
         data.extractValue = true;
@@ -59867,6 +59944,8 @@ function getSelectFieldOptions(field){
 }
 
 async function convertSFieldToAmisField(field, readonly, ctx) {
+    // console.log('convertSFieldToAmisField====>', field, readonly, ctx)
+    const isMobile = window.innerWidth <= 768;
     // 创建人和修改人、创建时间和修改时间不显示
     if(lodash.exports.includes(OMIT_FIELDS, field.name) && ctx.showSystemFields != true){
         return;
@@ -59929,7 +60008,11 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
                     </span>
                     <span class='pl-1.5'>\${label}</span>
                 </span>`;
-                convertData.menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+                const menuTpl = "${icon ? `"+select_menuTpl+"` : label}";
+                // TODO: 待amis修复了此bug， 就可以撤销添加menuTpl的判断。
+                if(!(isMobile && field.multiple)){
+                    convertData.menuTpl = menuTpl;
+                }
                 if(field.multiple){
                     convertData.multiple = true;
                     convertData.extractValue = true;
@@ -60516,9 +60599,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;
         }
     }
 }