From 2a9b788ba6ce34824db0b32152af42da9e25a95d Mon Sep 17 00:00:00 2001 From: 2betop <2698393+2betop@users.noreply.github.com> Date: Tue, 19 Nov 2024 11:13:08 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=89=8D=E7=AB=AF?= =?UTF-8?q?=E4=B8=80=E6=AC=A1=E6=80=A7=E5=8A=A0=E8=BD=BD=E5=89=8D=E7=AB=AF?= =?UTF-8?q?=E8=BF=87=E6=BB=A4=E5=BF=85=E9=A1=BB=E9=85=8D=E7=BD=AE=20matchF?= =?UTF-8?q?unc=20=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/amis-core/src/store/crud.ts | 130 ++++++------------------- packages/amis-core/src/utils/helper.ts | 11 ++- packages/amis/src/renderers/CRUD.tsx | 5 +- 3 files changed, 44 insertions(+), 102 deletions(-) diff --git a/packages/amis-core/src/store/crud.ts b/packages/amis-core/src/store/crud.ts index 6014681a7..1a18cb4aa 100644 --- a/packages/amis-core/src/store/crud.ts +++ b/packages/amis-core/src/store/crud.ts @@ -209,6 +209,8 @@ export const CRUDStore = ServiceStore.named('CRUDStore') loadDataMode?: boolean; syncResponse2Query?: boolean; columns?: Array; + matchFunc?: MatchFunc; + filterOnAllColumns?: boolean; // 前端是否让所有字段参与过滤 isTable2?: Boolean; // 是否是 CRUD2 } ) => Promise = flow(function* getInitData( @@ -222,26 +224,30 @@ export const CRUDStore = ServiceStore.named('CRUDStore') syncResponse2Query?: boolean; columns?: Array; matchFunc?: MatchFunc; + filterOnAllColumns?: boolean; // 前端是否让所有字段参与过滤 } = {} ) { try { - if (!options.forceReload && options.loadDataOnce && self.total) { + let rawItems = options.source + ? resolveVariableAndFilter( + options.source, + createObject(self.mergedData, { + items: self.data.itemsRaw, + rows: self.data.itemsRaw + }), + '| raw' + ) + : self.items.concat(); + + if (!options.forceReload && options.loadDataOnce && rawItems?.length) { const matchFunc = options.matchFunc; - let items = options.source - ? resolveVariableAndFilter( - options.source, - createObject(self.mergedData, { - items: self.data.itemsRaw, - rows: self.data.itemsRaw - }), - '| raw' - ) - : self.items.concat(); + let items = rawItems; items = applyFilters(items, { query: self.query, columns: options.columns, - matchFunc: matchFunc + matchFunc: matchFunc, + filterOnAllColumns: options.filterOnAllColumns }); if (self.query.orderBy) { @@ -380,43 +386,12 @@ export const CRUDStore = ServiceStore.named('CRUDStore') * 2. 接口返回中没有 items 和 rows 字段，则直接用查到的数据。 */ data.itemsRaw = oItems || oRows || rowsData.concat(); - let filteredItems = rowsData.concat(); - - if (Array.isArray(options.columns)) { - options.columns.forEach((column: any) => { - let value: any; - const key = column.name; - if ( - column.searchable && - key && - (value = getVariable(self.query, key)) - ) { - if (Array.isArray(value)) { - if (value.length > 0) { - const arr = [...filteredItems]; - let arrItems: Array = []; - value.forEach(item => { - arrItems = [ - ...arrItems, - ...matchSorter(arr, item, { - keys: [key], - threshold: matchSorter.rankings.CONTAINS - }) - ]; - }); - filteredItems = filteredItems.filter(item => - arrItems.find(a => a === item) - ); - } - } else { - filteredItems = matchSorter(filteredItems, value, { - keys: [key], - threshold: matchSorter.rankings.CONTAINS - }); - } - } - }); - } + let filteredItems = applyFilters(rowsData, { + query: self.query, + columns: options.columns, + filterOnAllColumns: false, + matchFunc: options.matchFunc + }); if (self.query.orderBy) { const dir = /desc/i.test(self.query.orderDir) ? -1 : 1; @@ -642,65 +617,22 @@ export const CRUDStore = ServiceStore.named('CRUDStore') matchFunc?: MatchFunc | null; } ) { - const matchFunc = options.matchFunc; let items: Array = resolveVariableAndFilter(source, scope, '| raw'); if (!Array.isArray(items) && !self.items.length) { return; } - items = Array.isArray(items) ? items : []; - - /** 字段的格式类型无法穷举，所以支持使用函数过滤 */ - if (matchFunc && typeof matchFunc === 'function') { - items = matchFunc(items, items.concat(), { - query: self.query, - columns: options.columns, - matchSorter: matchSorter - }); - } else { - if (Array.isArray(options.columns)) { - options.columns.forEach((column: any) => { - let value: any = - typeof column.name === 'string' - ? getVariable(self.query, column.name) - : undefined; - const key = column.name; - - if (value != null && key) { - // value可能为null、undefined、''、0 - if (Array.isArray(value)) { - if (value.length > 0) { - const arr = [...items]; - let arrItems: Array = []; - /** 搜索 query 值为数组的情况 */ - value.forEach(item => { - arrItems = [ - ...arrItems, - ...matchSorter(arr, item, { - keys: [key], - threshold: matchSorter.rankings.CONTAINS - }) - ]; - }); - items = items.filter((item: any) => - arrItems.find(a => a === item) - ); - } - } else { - items = matchSorter(items, value, { - keys: [key], - threshold: matchSorter.rankings.CONTAINS - }); - } - } - }); - } - } + items = applyFilters(Array.isArray(items) ? items : [], { + query: self.query, + columns: options.columns, + matchFunc: options.matchFunc, + filterOnAllColumns: true + }); if (self.query.orderBy) { const dir = /desc/i.test(self.query.orderDir) ? -1 : 1; - items = sortArray(items, self.query.orderBy, dir); + items = sortArray(items.concat(), self.query.orderBy, dir); } const data = { diff --git a/packages/amis-core/src/utils/helper.ts b/packages/amis-core/src/utils/helper.ts index 62873b233..38e5097ec 100644 --- a/packages/amis-core/src/utils/helper.ts +++ b/packages/amis-core/src/utils/helper.ts @@ -1503,7 +1503,8 @@ export function applyFilters( options: { query: any; columns?: Array; - matchFunc?: Function; + matchFunc?: Function | null; + filterOnAllColumns?: boolean; } ) { if (options.matchFunc && typeof options.matchFunc === 'function') { @@ -1517,7 +1518,13 @@ export function applyFilters( : undefined; const key = column.name; - if (value != null && key) { + if ( + (options.filterOnAllColumns || + column.searchable || + column.filterable) && + key && + value != null + ) { // value可能为null、undefined、''、0 if (Array.isArray(value)) { if (value.length > 0) { diff --git a/packages/amis/src/renderers/CRUD.tsx b/packages/amis/src/renderers/CRUD.tsx index 6983c43dd..19bf6b666 100644 --- a/packages/amis/src/renderers/CRUD.tsx +++ b/packages/amis/src/renderers/CRUD.tsx @@ -1273,6 +1273,7 @@ export default class CRUD extends React.Component { pickerMode, env, loadDataOnce, + loadDataOnceFetchOnFilter, source, columns, dispatchEvent @@ -1324,7 +1325,8 @@ export default class CRUD extends React.Component { loadDataMode, syncResponse2Query, columns: store.columns ?? columns, - matchFunc + matchFunc, + filterOnAllColumns: loadDataOnceFetchOnFilter === false }); if (!isAlive(store)) { return value; @@ -1351,6 +1353,7 @@ export default class CRUD extends React.Component { // 空列表 且 页数已经非法超出，则跳转到最后的合法页数 if ( + !loadDataOnce && !store.data.items.length && !interval && page > 1 &&