@steedos-widgets/amis-lib 1.2.39-beta.1 → 1.2.40

package/dist/index.esm.js

@@ -3285,6 +3285,7 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
   }
   const btnSearchId = "btn_filter_form_search_" + new Date().getTime();
   const filterFormSchema = await getObjectFieldsFilterFormSchema(ctx);
+  const keywordsSearchBoxName = ctx.keywordsSearchBoxName || "__keywords";
   const onSearchScript = `
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
@@ -3370,6 +3371,11 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
         }
       }
     }
+    else{
+      const keywordsSearchBoxName = "${keywordsSearchBoxName}";
+      //lookup字段保留快速搜索条件
+      removedValues[keywordsSearchBoxName] = filterFormValues[keywordsSearchBoxName];
+    }
     filterForm.reset();
     listView.handleFilterSubmit(removedValues);
     const filterService = filterForm.context.getComponents().find(function(n){
@@ -5237,24 +5243,51 @@ crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
 // }
 `;
 
-
-function getObjectHeaderToolbar(mainObject, fields, formFactor, {showDisplayAs = false, hiddenCount = false, headerToolbarItems, filterVisible = true} = {}){
-  // console.log(`getObjectHeaderToolbar====>`, filterVisible)
-  // console.log(`getObjectHeaderToolbar`, mainObject)
+function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup = false, keywordsSearchBoxName = "__keywords" } = {}){
   const searchableFieldsLabel = [];
   _.each(fields, function (field) {
-    if (field.searchable) {
+    if (isFieldQuickSearchable(field, mainObject.NAME_FIELD_KEY)) {
       searchableFieldsLabel.push(field.label);
     }
   });
+
   const listViewPropsStoreKey = location.pathname + "/crud";
   let localListViewProps = sessionStorage.getItem(listViewPropsStoreKey);
   let crudKeywords = "";
-  if(localListViewProps){
+  if(localListViewProps && !isLookup){
     localListViewProps = JSON.parse(localListViewProps);
     crudKeywords = (localListViewProps && localListViewProps.__keywords) || "";
   }
 
+  return {
+    "type": "tooltip-wrapper",
+    "align": "right",
+    "title": "",
+    "content": "可搜索字段：" + searchableFieldsLabel.join(","),
+    "placement": "bottom",
+    "tooltipTheme": "dark",
+    "trigger": "click",
+    "className": formFactor !== 'SMALL' ? "mr-1" : '',
+    "visible": !!searchableFieldsLabel.length,
+    "body": [
+      {
+        "type": "search-box",
+        "name": keywordsSearchBoxName,
+        "placeholder": "快速搜索",
+        "value": crudKeywords,
+        "clearable": true,
+        "clearAndSubmit": true
+      }
+    ]
+  }
+}
+
+function getObjectHeaderToolbar(mainObject, fields, formFactor, { 
+  showDisplayAs = false, hiddenCount = false, headerToolbarItems, 
+  filterVisible = true, isLookup = false, keywordsSearchBoxName } = {}){
+  // console.log(`getObjectHeaderToolbar====>`, filterVisible)
+  // console.log(`getObjectHeaderToolbar`, mainObject)
+
   const isMobile = window.innerWidth < 768;
   if(isMobile){
     showDisplayAs = false;
@@ -5310,7 +5343,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {showDisplayAs =
           ],
           "size":8,
           "animation": true,
-          "visibleOn": "${isFieldsFilterEmpty == false}"
+          "visibleOn": "${isFieldsFilterEmpty == false && isLookup != true}"
         },
         "align": "right",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
@@ -5325,7 +5358,8 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {showDisplayAs =
           }
         }
       } : {},
-      getDisplayAsButton(mainObject?.name)
+      getDisplayAsButton(mainObject?.name),
+      getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName })
   ]
   }else {
     return [
@@ -5358,7 +5392,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {showDisplayAs =
           ],
           "size":8,
           "animation": true,
-          "visibleOn": "${isFieldsFilterEmpty == false}"
+          "visibleOn": "${isFieldsFilterEmpty == false && isLookup != true}"
         },
         "align": "right",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
@@ -5385,26 +5419,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {showDisplayAs =
       // getExportExcelToolbarButtonSchema(),
       mainObject?.permissions?.allowCreateListViews ? getSettingListviewToolbarButtonSchema() : {},
       getDisplayAsButton(mainObject?.name),
-      {
-        "type": "tooltip-wrapper",
-        "align": "right",
-        "title": "",
-        "content": "可模糊搜索字段：" + searchableFieldsLabel.join(","),
-        "placement": "bottom",
-        "tooltipTheme": "dark",
-        "trigger": "click",
-        "className": "mr-1",
-        "body": [
-          {
-            "type": "search-box",
-            "name": "__keywords",
-            "placeholder": "请输入关键字",
-            "value": crudKeywords,
-            "clearable": true,
-            "clearAndSubmit": true
-          }
-        ]
-      },
+      getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLookup, keywordsSearchBoxName }),
       // {
       //     "type": "drag-toggler",
       //     "align": "right"
@@ -5755,8 +5770,8 @@ function getLookupSapceUserTreeSchema(){
         "style": {
           "max-height": "100%",
           "position": "absolute",
-          "left": "-220px",
-          "width": "210px",
+          "left": "-330px",
+          "width": "320px",
           "bottom": 0,
           "top": "0",
           "overflow": "auto",
@@ -5822,7 +5837,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
             })){
                 i++;
                 tableFields.push(field);
-                if(field.searchable){
+                if(isFieldQuickSearchable(field, refObjectConfig.NAME_FIELD_KEY)){
                     searchableFields.push(field.name);
                 }
             }
@@ -5863,7 +5878,8 @@ async function lookupToAmisPicker(field, readonly, ctx){
     source.data.$term = "$term";
     source.data.$self = "$$";
 
-   
+    let keywordsSearchBoxName = `__keywords_lookup__${field.name}__to__${refObjectConfig.name}`;
+    
     source.requestAdaptor = `
         const selfData = JSON.parse(JSON.stringify(api.data.$self));
         var filters = [];
@@ -5917,19 +5933,10 @@ async function lookupToAmisPicker(field, readonly, ctx){
             })
         }
 
-        if(selfData.__keywords && allowSearchFields){
-            const keywordsFilters = [];
-            allowSearchFields.forEach(function(key, index){
-                const keyValue = selfData.__keywords;
-                if(keyValue){
-                    keywordsFilters.push([key, "contains", keyValue]);
-                    if(index < allowSearchFields.length - 1){
-                        keywordsFilters.push('or');
-                    }
-                }
-            })
+        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(selfData.${keywordsSearchBoxName}, allowSearchFields);
+        if(keywordsFilters && keywordsFilters.length > 0){
             filters.push(keywordsFilters);
-        };
+        }
 
         var fieldFilters = ${JSON.stringify(field.filters)};
         if(fieldFilters && fieldFilters.length){
@@ -6041,13 +6048,13 @@ async function lookupToAmisPicker(field, readonly, ctx){
         if(referenceTo.objectName === "space_users" && field.reference_to_field === "user" && !isMobile){
              headerToolbarItems = getLookupSapceUserTreeSchema();
              pickerSchema["style"] = {
-                "margin-left":"220px",
+                "margin-left":"330px",
                 "min-height": "300px"
              };
              pickerSchema.className = pickerSchema.className || "" + " steedos-select-user";
         }
 
-        pickerSchema.headerToolbar = getObjectHeaderToolbar(refObjectConfig, ctx.formFactor, { headerToolbarItems });
+        pickerSchema.headerToolbar = getObjectHeaderToolbar(refObjectConfig, fieldsArr, ctx.formFactor, { headerToolbarItems, isLookup: true, keywordsSearchBoxName });
         const isAllowCreate = refObjectConfig.permissions.allowCreate;
         if (isAllowCreate) {
             const new_button = await getSchema$5(refObjectConfig, { appId: ctx.appId, objectName: refObjectConfig.name, formFactor: ctx.formFactor });
@@ -6058,8 +6065,9 @@ async function lookupToAmisPicker(field, readonly, ctx){
         pickerSchema.footerToolbar = refObjectConfig.enable_tree ? [] : getObjectFooterToolbar();
         if (ctx.filterVisible !== false) {
             pickerSchema.filter = await getObjectFilter(refObjectConfig, fields, {
+                ...ctx,
                 isLookup: true,
-                ...ctx
+                keywordsSearchBoxName
             });
         }
         pickerSchema.data = Object.assign({}, pickerSchema.data, {
@@ -6395,7 +6403,7 @@ async function lookupToAmis(field, readonly, ctx){
     }
 
     if(referenceTo.objectName === "space_users" && field.reference_to_field === "user"){
-        if(ctx.idsDependOn || field.amis){
+        if(ctx.idsDependOn){
             // ids人员点选模式
             return await lookupToAmisIdsPicker(field, readonly, ctx);
         }
@@ -6770,6 +6778,7 @@ const getAmisFileSchema = (steedosField, readonly)=>{
     return readonly ? getAmisFileReadonlySchema(steedosField) : getAmisFileEditSchema(steedosField);
 };
 
+const QUICK_SEARCHABLE_FIELD_TYPES = ["text", "textarea", "autonumber", "url", "email"];
 const OMIT_FIELDS = ['created', 'created_by', 'modified', 'modified_by'];
 // const Lookup = require('./lookup');
 
@@ -7542,8 +7551,22 @@ if (typeof window != 'undefined') {
     window.isFieldTypeSearchable = isFieldTypeSearchable;
 }
 
+
+function isFieldQuickSearchable(field, nameFieldKey) {
+    let fieldSearchable = field.searchable;
+    if(fieldSearchable !== false && field.name === nameFieldKey){
+        // 对象上名称字段的searchable默认认为是true
+        fieldSearchable = true;
+    }
+    if (fieldSearchable && QUICK_SEARCHABLE_FIELD_TYPES.indexOf(field.type) > -1) {
+        return true;
+    }
+    return false;
+}
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  QUICK_SEARCHABLE_FIELD_TYPES: QUICK_SEARCHABLE_FIELD_TYPES,
   OMIT_FIELDS: OMIT_FIELDS,
   getBaseFields: getBaseFields,
   getAmisFieldType: getAmisFieldType,
@@ -7554,6 +7577,7 @@ var index = /*#__PURE__*/Object.freeze({
   convertSFieldToAmisField: convertSFieldToAmisField,
   getFieldSearchable: getFieldSearchable,
   isFieldTypeSearchable: isFieldTypeSearchable,
+  isFieldQuickSearchable: isFieldQuickSearchable,
   getAmisStaticFieldType: getAmisStaticFieldType
 });
 
@@ -8330,8 +8354,9 @@ async function getTableApi(mainObject, fields, options){
     if(filter){
         baseFilters = filter;
     }
-    _$1.each(fields,function(field){
-        if(field.searchable){
+
+    _$1.each(fields, function (field) {
+        if (isFieldQuickSearchable(field, mainObject.NAME_FIELD_KEY)) {
             searchableFields.push(field.name);
         }
     });
@@ -8459,19 +8484,10 @@ async function getTableApi(mainObject, fields, options){
             })
         }
 
-        if(selfData.__keywords && allowSearchFields){
-            const keywordsFilters = [];
-            allowSearchFields.forEach(function(key, index){
-                const keyValue = selfData.__keywords;
-                if(keyValue){
-                    keywordsFilters.push([key, "contains", keyValue]);
-                    if(index < allowSearchFields.length - 1){
-                        keywordsFilters.push('or');
-                    }
-                }
-            })
+        var keywordsFilters = SteedosUI.getKeywordsSearchFilter(selfData.__keywords, allowSearchFields);
+        if(keywordsFilters && keywordsFilters.length > 0){
             userFilters.push(keywordsFilters);
-        };
+        }
 
         let filters = [];