perf: 点击查询按钮将触发on_search和onSearch事件。其中on_search为默认的查询操作

fast-crud · Feb 27, 2024 · 0f452a4 · 0f452a4
1 parent 811b940
commit 0f452a4
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 1 deletion.
diff --git a/docs/zh/api/crud-options/search.md b/docs/zh/api/crud-options/search.md
@@ -109,6 +109,34 @@ const crudOptions = {
 }
 ```
 
+## on_search
+* 说明：点击查询按钮实际触发的search，覆盖它将不执行默认查询操作，你需要自定义查询
+* 类型：`async Function(context)`
+
+```js
+const crudOptions = {
+    search:{
+        on_search(context:any){
+            console.log('default search is off')
+        }
+    }
+}
+```
+
+## onSearch
+* 说明：监听查询点击事件
+* 类型：`async Function(context)`
+
+```js
+const crudOptions = {
+    search:{
+        onSearch(context:any){
+            console.log('search clicked',context)
+        }
+    }
+}
+```
+
 ## onReset
 * 说明：监听重置事件
 * 类型：`async Function(context)`

diff --git a/packages/fast-crud/src/components/search/index.vue b/packages/fast-crud/src/components/search/index.vue
@@ -419,6 +419,7 @@ export default defineComponent({
       if (await doValidate()) {
         onFormValidated();
         await nextTick();
+        ctx.emit("_search", getContextFn());
         ctx.emit("search", getContextFn());
       }
     }

diff --git a/packages/fast-crud/src/use/use-crud.ts b/packages/fast-crud/src/use/use-crud.ts
@@ -172,7 +172,7 @@ export function useCrud<T = any, R = any>(ctx: UseCrudProps<T, R>): UseCrudRet<R
             baseTableRef.clearSort();
           }
         },
-        onSearch() {
+        on_search() {
           crudExpose.doRefresh({ goFirstPage: true });
         },
         ["onUpdate:form"]: (value: any) => {