npm - @visactor/vtable-search - Versions diffs - 1.19.6 → 1.19.8 - Mend

@visactor/vtable-search 1.19.6 → 1.19.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/cjs/search-component/search-component.d.ts +39 -16
package/cjs/search-component/search-component.js +167 -36
package/cjs/search-component/search-component.js.map +1 -1
package/dist/vtable-export.js +232 -62
package/dist/vtable-export.min.js +1 -1
package/es/search-component/search-component.d.ts +39 -16
package/es/search-component/search-component.js +166 -36
package/es/search-component/search-component.js.map +1 -1
package/package.json +4 -4

package/cjs/search-component/search-component.d.ts CHANGED Viewed

@@ -1,11 +1,13 @@
 import type * as VTable from '@visactor/vtable';
+import type { ITableAnimationOption } from '@visactor/vtable/src/ts-types';
 type IVTable = VTable.ListTable | VTable.PivotTable | VTable.PivotChart;
 export type QueryResult = {
     queryStr: string;
     results: {
-        col: number;
-        row: number;
-        value: string;
+        col?: number;
+        row?: number;
+        value?: string;
+        indexNumber?: number[];
     }[];
 };
 export type SearchComponentOption = {
@@ -19,6 +21,11 @@ export type SearchComponentOption = {
         row: number;
         table: IVTable;
     }) => boolean;
+    treeQueryMethod?: (queryStr: string, node: any, fieldsToSearch?: string[], option?: {
+        table: IVTable;
+    }) => boolean;
+    fieldsToSearch?: string[];
+    scrollOption?: ITableAnimationOption;
     callback?: (queryResult: QueryResult, table: IVTable) => void;
 };
 export declare class SearchComponent {
@@ -32,45 +39,61 @@ export declare class SearchComponent {
         row: number;
         table: IVTable;
     }) => boolean;
+    treeQueryMethod: (queryStr: string, node: any, fieldsToSearch?: string[], option?: {
+        table: IVTable;
+    }) => boolean;
+    fieldsToSearch: string[];
     callback?: (queryResult: QueryResult, table: IVTable) => void;
     queryStr: string;
     queryResult: {
-        col: number;
-        row: number;
+        col?: number;
+        row?: number;
         range?: VTable.TYPES.CellRange;
-        value: string;
+        value?: string;
+        indexNumber?: number[];
     }[];
     currentIndex: number;
+    isTree: boolean;
+    treeIndex: number;
+    scrollOption: ITableAnimationOption;
     constructor(option: SearchComponentOption);
     search(str: string): {
         index: number;
         results: {
-            col: number;
-            row: number;
+            col?: number;
+            row?: number;
             range?: VTable.TYPES.CellRange;
-            value: string;
+            value?: string;
+            indexNumber?: number[];
         }[];
     };
     updateCellStyle(highlight?: boolean): void;
     next(): {
         index: number;
         results: {
-            col: number;
-            row: number;
+            col?: number;
+            row?: number;
             range?: VTable.TYPES.CellRange;
-            value: string;
+            value?: string;
+            indexNumber?: number[];
         }[];
     };
     prev(): {
         index: number;
         results: {
-            col: number;
-            row: number;
+            col?: number;
+            row?: number;
             range?: VTable.TYPES.CellRange;
-            value: string;
+            value?: string;
+            indexNumber?: number[];
         }[];
     };
-    jumpToCell(col: number, row: number): void;
+    jumpToCell(params: {
+        col?: number;
+        row?: number;
+        IndexNumber?: number[];
+    }): void;
+    getBodyRowIndexByRecordIndex(index: number | number[]): number;
     clear(): void;
 }
 export {};

package/cjs/search-component/search-component.js CHANGED Viewed

@@ -14,13 +14,23 @@ function defalultQueryMethod(queryStr, value) {
     return (0, vutils_1.isValid)(queryStr) && (0, vutils_1.isValid)(value) && value.toString().includes(queryStr);
 }
+function defalultTreeQueryMethod(queryStr, node, fieldsToSearch) {
+    if (!(0, vutils_1.isValid)(queryStr)) return !1;
+    return (Array.isArray(fieldsToSearch) && fieldsToSearch.length > 0 ? fieldsToSearch : Object.keys(node)).some((field => (0,
+    vutils_1.isValid)(null == node ? void 0 : node[field]) && node[field].toString().includes(queryStr)));
+}
 class SearchComponent {
     constructor(option) {
         this.table = option.table, this.autoJump = option.autoJump || !1, this.skipHeader = option.skipHeader || !1,
         this.highlightCellStyle = option.highlightCellStyle || defalutHightlightCellStyle,
         this.focuseHighlightCellStyle = option.focuseHighlightCellStyle || defalutFocusHightlightCellStyle,
-        this.queryMethod = option.queryMethod || defalultQueryMethod, this.callback = option.callback,
-        this.table.registerCustomCellStyle("__search_component_highlight", this.highlightCellStyle),
+        this.queryMethod = option.queryMethod || defalultQueryMethod, this.treeQueryMethod = option.treeQueryMethod || defalultTreeQueryMethod,
+        this.fieldsToSearch = option.fieldsToSearch || [], this.isTree = !1, this.treeIndex = 0,
+        this.callback = option.callback, this.scrollOption = option.scrollOption || {
+            duration: 900,
+            easing: "quartIn"
+        }, this.table.registerCustomCellStyle("__search_component_highlight", this.highlightCellStyle),
         this.table.registerCustomCellStyle("__search_component_focuse", this.focuseHighlightCellStyle);
     }
     search(str) {
@@ -28,6 +38,38 @@ class SearchComponent {
             index: 0,
             results: this.queryResult
         };
+        if (this.isTree = this.table.options.columns.some((item => item.tree)), this.treeIndex = this.isTree ? this.table.options.columns.findIndex((item => item.tree)) : 0,
+        this.isTree) {
+            const colEnd = this.table.colCount, walk = (nodes, path) => {
+                nodes.forEach(((item, idx) => {
+                    const currentPath = [ ...path, idx ];
+                    this.treeQueryMethod(this.queryStr, item, this.fieldsToSearch, {
+                        table: this.table
+                    }) && this.queryResult.push({
+                        indexNumber: currentPath,
+                        range: {
+                            start: {
+                                row: null,
+                                col: 0
+                            },
+                            end: {
+                                row: null,
+                                col: colEnd
+                            }
+                        }
+                    }), item.children && Array.isArray(item.children) && item.children.length > 0 && walk(item.children, currentPath);
+                }));
+            };
+            return walk(this.table.records, []), this.queryResult.length > 0 && this.jumpToCell({
+                IndexNumber: this.queryResult[0].indexNumber
+            }), this.callback && this.callback({
+                queryStr: this.queryStr,
+                results: this.queryResult
+            }, this.table), this.updateCellStyle(!0), this.currentIndex = 0, {
+                index: 0,
+                results: this.queryResult
+            };
+        }
         for (let row = 0; row < this.table.rowCount; row++) for (let col = 0; col < this.table.colCount; col++) {
             if (this.skipHeader && this.table.isHeader(col, row)) continue;
             const value = this.table.getCellValue(col, row);
@@ -56,7 +98,7 @@ class SearchComponent {
                 });
             }
         }
-        return this.updateCellStyle(), this.callback && this.callback({
+        return this.updateCellStyle(!0), this.callback && this.callback({
             queryStr: this.queryStr,
             results: this.queryResult
         }, this.table), this.autoJump ? this.next() : {
@@ -65,10 +107,19 @@ class SearchComponent {
         };
     }
     updateCellStyle(highlight = !0) {
-        if (this.queryResult) {
-            this.table.hasCustomCellStyle("__search_component_highlight") || this.table.registerCustomCellStyle("__search_component_highlight", this.highlightCellStyle),
-            this.table.hasCustomCellStyle("__search_component_focuse") || this.table.registerCustomCellStyle("__search_component_focuse", this.focuseHighlightCellStyle);
-            for (let i = 0; i < this.queryResult.length; i++) {
+        var _a;
+        if (null != highlight) {
+            if (this.queryResult) if (this.table.hasCustomCellStyle("__search_component_highlight") || this.table.registerCustomCellStyle("__search_component_highlight", this.highlightCellStyle),
+            this.table.hasCustomCellStyle("__search_component_focuse") || this.table.registerCustomCellStyle("__search_component_focuse", this.focuseHighlightCellStyle),
+            this.isTree) {
+                const {range: range, indexNumber: indexNumber} = this.queryResult[0];
+                let i = 0;
+                for (;this.table.isHeader(0, i); ) i++;
+                const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;
+                range.start.row = row, range.end.row = row, this.table.arrangeCustomCellStyle({
+                    range: range
+                }, highlight ? "__search_component_focuse" : null);
+            } else for (let i = 0; i < this.queryResult.length; i++) {
                 const {col: col, row: row, range: range} = this.queryResult[i];
                 range ? this.table.arrangeCustomCellStyle({
                     range: range
@@ -77,30 +128,64 @@ class SearchComponent {
                     row: row
                 }, highlight ? "__search_component_highlight" : null);
             }
-        }
+        } else (null === (_a = this.queryResult) || void 0 === _a ? void 0 : _a.length) && this.queryResult.forEach((({range: range}) => {
+            range && this.table.arrangeCustomCellStyle({
+                range: range
+            }, "");
+        }));
     }
     next() {
         if (!this.queryResult.length) return {
             index: 0,
             results: this.queryResult
         };
-        if (-1 !== this.currentIndex) {
+        if (this.isTree) {
+            if (-1 !== this.currentIndex) {
+                const {range: range, indexNumber: indexNumber} = this.queryResult[this.currentIndex];
+                if (range) {
+                    let i = 0;
+                    for (;this.table.isHeader(0, i); ) i++;
+                    const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;
+                    range.start.row = row, range.end.row = row, this.table.arrangeCustomCellStyle({
+                        range: range
+                    }, "__search_component_highlight");
+                }
+            }
+            this.currentIndex++, this.currentIndex >= this.queryResult.length && (this.currentIndex = 0);
+            const {range: range, indexNumber: indexNumber} = this.queryResult[this.currentIndex];
+            if (this.jumpToCell({
+                IndexNumber: indexNumber
+            }), range) {
+                let i = 0;
+                for (;this.table.isHeader(0, i); ) i++;
+                const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;
+                range.start.row = row, range.end.row = row, this.table.arrangeCustomCellStyle({
+                    range: range
+                }, "__search_component_focuse");
+            }
+        } else {
+            if (-1 !== this.currentIndex) {
+                const {col: col, row: row, range: range} = this.queryResult[this.currentIndex];
+                range ? this.table.arrangeCustomCellStyle({
+                    range: range
+                }, "__search_component_highlight") : this.table.arrangeCustomCellStyle({
+                    col: col,
+                    row: row
+                }, "__search_component_highlight");
+            }
+            this.currentIndex++, this.currentIndex >= this.queryResult.length && (this.currentIndex = 0);
             const {col: col, row: row, range: range} = this.queryResult[this.currentIndex];
             range ? this.table.arrangeCustomCellStyle({
                 range: range
-            }, "__search_component_highlight") : this.table.arrangeCustomCellStyle({
+            }, "__search_component_focuse") : this.table.arrangeCustomCellStyle({
+                col: col,
+                row: row
+            }, "__search_component_focuse"), this.jumpToCell({
                 col: col,
                 row: row
-            }, "__search_component_highlight");
+            });
         }
-        this.currentIndex++, this.currentIndex >= this.queryResult.length && (this.currentIndex = 0);
-        const {col: col, row: row, range: range} = this.queryResult[this.currentIndex];
-        return range ? this.table.arrangeCustomCellStyle({
-            range: range
-        }, "__search_component_focuse") : this.table.arrangeCustomCellStyle({
-            col: col,
-            row: row
-        }, "__search_component_focuse"), this.jumpToCell(col, row), {
+        return {
             index: this.currentIndex,
             results: this.queryResult
         };
@@ -110,33 +195,79 @@ class SearchComponent {
             index: 0,
             results: this.queryResult
         };
-        if (-1 !== this.currentIndex) {
+        if (this.isTree) {
+            if (-1 !== this.currentIndex) {
+                const {range: range, indexNumber: indexNumber} = this.queryResult[this.currentIndex];
+                if (range) {
+                    let i = 0;
+                    for (;this.table.isHeader(0, i); ) i++;
+                    const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;
+                    range.start.row = row, range.end.row = row, this.table.arrangeCustomCellStyle({
+                        range: range
+                    }, "__search_component_highlight");
+                }
+            }
+            this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.queryResult.length - 1);
+            const {range: range, indexNumber: indexNumber} = this.queryResult[this.currentIndex];
+            if (this.jumpToCell({
+                IndexNumber: indexNumber
+            }), range) {
+                let i = 0;
+                for (;this.table.isHeader(0, i); ) i++;
+                const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;
+                range.start.row = row, range.end.row = row, this.table.arrangeCustomCellStyle({
+                    range: range
+                }, "__search_component_focuse");
+            }
+        } else {
+            if (-1 !== this.currentIndex) {
+                const {col: col, row: row, range: range} = this.queryResult[this.currentIndex];
+                range ? this.table.arrangeCustomCellStyle({
+                    range: range
+                }, "__search_component_highlight") : this.table.arrangeCustomCellStyle({
+                    col: col,
+                    row: row
+                }, "__search_component_highlight");
+            }
+            this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.queryResult.length - 1);
             const {col: col, row: row, range: range} = this.queryResult[this.currentIndex];
             range ? this.table.arrangeCustomCellStyle({
                 range: range
-            }, "__search_component_highlight") : this.table.arrangeCustomCellStyle({
+            }, "__search_component_focuse") : this.table.arrangeCustomCellStyle({
                 col: col,
                 row: row
-            }, "__search_component_highlight");
+            }, "__search_component_focuse"), this.jumpToCell({
+                col: col,
+                row: row
+            });
         }
-        this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.queryResult.length - 1);
-        const {col: col, row: row, range: range} = this.queryResult[this.currentIndex];
-        return range ? this.table.arrangeCustomCellStyle({
-            range: range
-        }, "__search_component_focuse") : this.table.arrangeCustomCellStyle({
-            col: col,
-            row: row
-        }, "__search_component_focuse"), this.jumpToCell(col, row), {
+        return {
             index: this.currentIndex,
             results: this.queryResult
         };
     }
-    jumpToCell(col, row) {
-        const {rowStart: rowStart, rowEnd: rowEnd} = this.table.getBodyVisibleRowRange(), {colStart: colStart, colEnd: colEnd} = this.table.getBodyVisibleColRange();
-        (row <= rowStart || row >= rowEnd || col <= colStart || col >= colEnd) && this.table.scrollToCell({
-            col: col,
-            row: row
-        });
+    jumpToCell(params) {
+        if (this.isTree) {
+            const {IndexNumber: IndexNumber} = params, indexNumbers = [ ...IndexNumber ], tmp = [ ...indexNumbers ];
+            let tmpNumber = 0, i = 0;
+            for (;tmpNumber < tmp.length - 1; ) {
+                tmpNumber++;
+                const indexNumber = indexNumbers.slice(0, tmpNumber);
+                for (;this.table.isHeader(0, i); ) i++;
+                const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;
+                "expand" !== this.table.getHierarchyState(this.treeIndex, row) && this.table.toggleHierarchyState(this.treeIndex, row);
+            }
+            this.table.scrollToRow(this.getBodyRowIndexByRecordIndex(indexNumbers) + i, this.scrollOption);
+        } else {
+            const {col: col, row: row} = params, {rowStart: rowStart, rowEnd: rowEnd} = this.table.getBodyVisibleRowRange(), {colStart: colStart, colEnd: colEnd} = this.table.getBodyVisibleColRange();
+            (row <= rowStart || row >= rowEnd || col <= colStart || col >= colEnd) && this.table.scrollToCell({
+                col: col,
+                row: row
+            });
+        }
+    }
+    getBodyRowIndexByRecordIndex(index) {
+        return Array.isArray(index) && 1 === index.length && (index = index[0]), this.table.dataSource.getTableIndex(index);
     }
     clear() {
         this.updateCellStyle(null), this.queryStr = "", this.queryResult = [], this.currentIndex = -1;

package/cjs/search-component/search-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["search-component/search-component.ts"],"names":[],"mappings":"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","file":"search-component.js","sourcesContent":["import type * as VTable from '@visactor/vtable';\nimport { isValid } from '@visactor/vutils';\n\ntype IVTable = VTable.ListTable \| VTable.PivotTable \| VTable.PivotChart;\n\nexport type QueryResult = {\n queryStr: string;\n results: {\n col: number;\n row: number;\n value: string;\n }[];\n};\n\nexport type SearchComponentOption = {\n table: IVTable;\n autoJump?: boolean;\n skipHeader?: boolean;\n highlightCellStyle?: VTable.TYPES.CellStyle;\n focuseHighlightCellStyle?: VTable.TYPES.CellStyle;\n queryMethod?: (queryStr: string, value: string, option?: { col: number; row: number; table: IVTable }) => boolean;\n callback?: (queryResult: QueryResult, table: IVTable) => void;\n};\n\nconst defalutHightlightCellStyle: Partial<VTable.TYPES.CellStyle> = {\n bgColor: 'rgba(255, 255, 0, 0.2)'\n};\n\nconst defalutFocusHightlightCellStyle: Partial<VTable.TYPES.CellStyle> = {\n bgColor: 'rgba(255, 155, 0, 0.2)'\n};\n\nfunction defalultQueryMethod(queryStr: string, value: string) {\n return isValid(queryStr) && isValid(value) && value.toString().includes(queryStr);\n}\n\nexport class SearchComponent {\n table: IVTable;\n skipHeader: boolean;\n autoJump: boolean;\n highlightCellStyle: Partial<VTable.TYPES.CellStyle>;\n focuseHighlightCellStyle: Partial<VTable.TYPES.CellStyle>;\n queryMethod: (queryStr: string, value: string, option: { col: number; row: number; table: IVTable }) => boolean;\n callback?: (queryResult: QueryResult, table: IVTable) => void;\n\n queryStr: string;\n queryResult: {\n col: number;\n row: number;\n range?: VTable.TYPES.CellRange;\n value: string;\n }[];\n currentIndex: number;\n\n constructor(option: SearchComponentOption) {\n this.table = option.table;\n this.autoJump = option.autoJump \|\| false;\n this.skipHeader = option.skipHeader \|\| false;\n this.highlightCellStyle = option.highlightCellStyle \|\| defalutHightlightCellStyle;\n this.focuseHighlightCellStyle = option.focuseHighlightCellStyle \|\| defalutFocusHightlightCellStyle;\n this.queryMethod = option.queryMethod \|\| defalultQueryMethod;\n this.callback = option.callback;\n\n this.table.registerCustomCellStyle('__search_component_highlight', this.highlightCellStyle as any);\n this.table.registerCustomCellStyle('__search_component_focuse', this.focuseHighlightCellStyle as any);\n }\n\n search(str: string) {\n this.clear();\n this.queryStr = str;\n\n if (!str) {\n return {\n index: 0,\n results: this.queryResult\n };\n }\n\n for (let row = 0; row < this.table.rowCount; row++) {\n for (let col = 0; col < this.table.colCount; col++) {\n if (this.skipHeader && this.table.isHeader(col, row)) {\n continue;\n }\n const value = this.table.getCellValue(col, row);\n if (this.queryMethod(this.queryStr, value, { col, row, table: this.table })) {\n // deal merge cell\n const mergeCell = this.table.getCellRange(col, row);\n if (mergeCell.start.col !== mergeCell.end.col \|\| mergeCell.start.row !== mergeCell.end.row) {\n // find is cell already in queryResult\n let isIn = false;\n for (let i = this.queryResult.length - 1; i >= 0; i--) {\n if (this.queryResult[i].col === mergeCell.start.col && this.queryResult[i].row === mergeCell.start.row) {\n isIn = true;\n break;\n }\n }\n if (!isIn) {\n this.queryResult.push({\n col: mergeCell.start.col,\n row: mergeCell.start.row,\n range: mergeCell,\n value\n });\n }\n } else {\n this.queryResult.push({\n col,\n row,\n value\n });\n }\n }\n }\n }\n\n this.updateCellStyle();\n\n if (this.callback) {\n this.callback(\n {\n queryStr: this.queryStr,\n results: this.queryResult\n },\n this.table\n );\n }\n\n if (this.autoJump) {\n return this.next();\n }\n return {\n index: 0,\n results: this.queryResult\n };\n }\n\n updateCellStyle(highlight: boolean = true) {\n if (!this.queryResult) {\n return;\n }\n if (!this.table.hasCustomCellStyle('__search_component_highlight')) {\n this.table.registerCustomCellStyle('__search_component_highlight', this.highlightCellStyle as any);\n }\n if (!this.table.hasCustomCellStyle('__search_component_focuse')) {\n this.table.registerCustomCellStyle('__search_component_focuse', this.focuseHighlightCellStyle as any);\n }\n for (let i = 0; i < this.queryResult.length; i++) {\n const { col, row, range } = this.queryResult[i];\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n highlight ? '__search_component_highlight' : null\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n highlight ? '__search_component_highlight' : null\n );\n }\n }\n }\n\n next() {\n if (!this.queryResult.length) {\n return {\n index: 0,\n results: this.queryResult\n };\n }\n if (this.currentIndex !== -1) {\n // reset last focus\n const { col, row, range } = this.queryResult[this.currentIndex];\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_highlight'\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n '__search_component_highlight'\n );\n }\n }\n this.currentIndex++;\n if (this.currentIndex >= this.queryResult.length) {\n this.currentIndex = 0;\n }\n const { col, row, range } = this.queryResult[this.currentIndex];\n // this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_focuse'\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n '__search_component_focuse'\n );\n }\n\n this.jumpToCell(col, row);\n\n return {\n index: this.currentIndex,\n results: this.queryResult\n };\n }\n\n prev() {\n if (!this.queryResult.length) {\n return {\n index: 0,\n results: this.queryResult\n };\n }\n if (this.currentIndex !== -1) {\n // reset last focus\n // this.table.arrangeCustomCellStyle(\n // {\n // col: this.queryResult[this.currentIndex].col,\n // row: this.queryResult[this.currentIndex].row\n // },\n // '__search_component_highlight'\n // );\n const { col, row, range } = this.queryResult[this.currentIndex];\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_highlight'\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n '__search_component_highlight'\n );\n }\n }\n this.currentIndex--;\n if (this.currentIndex < 0) {\n this.currentIndex = this.queryResult.length - 1;\n }\n const { col, row, range } = this.queryResult[this.currentIndex];\n // this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_focuse'\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n '__search_component_focuse'\n );\n }\n\n this.jumpToCell(col, row);\n\n return {\n index: this.currentIndex,\n results: this.queryResult\n };\n }\n\n jumpToCell(col: number, row: number) {\n // if focus cell out of screen, jump to cell\n const { rowStart, rowEnd } = this.table.getBodyVisibleRowRange();\n const { colStart, colEnd } = this.table.getBodyVisibleColRange();\n if (row <= rowStart \|\| row >= rowEnd \|\| col <= colStart \|\| col >= colEnd) {\n this.table.scrollToCell({ col, row });\n }\n }\n\n clear() {\n // reset highlight cell style\n this.updateCellStyle(null);\n this.queryStr = '';\n this.queryResult = [];\n this.currentIndex = -1;\n }\n}\n"]}
1	+ {"version":3,"sources":["search-component/search-component.ts"],"names":[],"mappings":"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","file":"search-component.js","sourcesContent":["import type * as VTable from '@visactor/vtable';\nimport type { ITableAnimationOption } from '@visactor/vtable/src/ts-types';\nimport type { EasingType } from '@visactor/vtable/src/vrender';\nimport { isValid } from '@visactor/vutils';\ntype IVTable = VTable.ListTable \| VTable.PivotTable \| VTable.PivotChart;\n\nexport type QueryResult = {\n queryStr: string;\n results: {\n col?: number;\n row?: number;\n value?: string;\n indexNumber?: number[];\n }[];\n};\n\nexport type SearchComponentOption = {\n table: IVTable;\n autoJump?: boolean;\n skipHeader?: boolean;\n highlightCellStyle?: VTable.TYPES.CellStyle;\n focuseHighlightCellStyle?: VTable.TYPES.CellStyle;\n queryMethod?: (queryStr: string, value: string, option?: { col: number; row: number; table: IVTable }) => boolean;\n treeQueryMethod?: (queryStr: string, node: any, fieldsToSearch?: string[], option?: { table: IVTable }) => boolean;\n fieldsToSearch?: string[];\n scrollOption?: ITableAnimationOption;\n callback?: (queryResult: QueryResult, table: IVTable) => void;\n};\n\nconst defalutHightlightCellStyle: Partial<VTable.TYPES.CellStyle> = {\n bgColor: 'rgba(255, 255, 0, 0.2)'\n};\n\nconst defalutFocusHightlightCellStyle: Partial<VTable.TYPES.CellStyle> = {\n bgColor: 'rgba(255, 155, 0, 0.2)'\n};\n\nfunction defalultQueryMethod(queryStr: string, value: string) {\n return isValid(queryStr) && isValid(value) && value.toString().includes(queryStr);\n}\nfunction defalultTreeQueryMethod(queryStr: string, node: any, fieldsToSearch?: string[]) {\n if (!isValid(queryStr)) {\n return false;\n }\n\n // 如果没有传 fieldsToSearch，则用 node 的全部 key\n const searchFields = Array.isArray(fieldsToSearch) && fieldsToSearch.length > 0 ? fieldsToSearch : Object.keys(node);\n\n return searchFields.some(field => isValid(node?.[field]) && node[field].toString().includes(queryStr));\n}\nexport class SearchComponent {\n table: IVTable;\n skipHeader: boolean;\n autoJump: boolean;\n highlightCellStyle: Partial<VTable.TYPES.CellStyle>;\n focuseHighlightCellStyle: Partial<VTable.TYPES.CellStyle>;\n queryMethod: (queryStr: string, value: string, option: { col: number; row: number; table: IVTable }) => boolean;\n treeQueryMethod: (queryStr: string, node: any, fieldsToSearch?: string[], option?: { table: IVTable }) => boolean;\n fieldsToSearch: string[];\n\n callback?: (queryResult: QueryResult, table: IVTable) => void;\n\n queryStr: string;\n queryResult: {\n col?: number;\n row?: number;\n range?: VTable.TYPES.CellRange;\n value?: string;\n indexNumber?: number[];\n }[];\n\n currentIndex: number;\n isTree: boolean;\n treeIndex: number;\n scrollOption: ITableAnimationOption;\n\n constructor(option: SearchComponentOption) {\n this.table = option.table;\n this.autoJump = option.autoJump \|\| false;\n this.skipHeader = option.skipHeader \|\| false;\n this.highlightCellStyle = option.highlightCellStyle \|\| defalutHightlightCellStyle;\n this.focuseHighlightCellStyle = option.focuseHighlightCellStyle \|\| defalutFocusHightlightCellStyle;\n this.queryMethod = option.queryMethod \|\| defalultQueryMethod;\n this.treeQueryMethod = option.treeQueryMethod \|\| defalultTreeQueryMethod;\n this.fieldsToSearch = option.fieldsToSearch \|\| [];\n this.isTree = false;\n this.treeIndex = 0;\n this.callback = option.callback;\n this.scrollOption =\n option.scrollOption \|\| ({ duration: 900, easing: 'quartIn' as EasingType } as ITableAnimationOption);\n this.table.registerCustomCellStyle('__search_component_highlight', this.highlightCellStyle as any);\n this.table.registerCustomCellStyle('__search_component_focuse', this.focuseHighlightCellStyle as any);\n }\n\n search(str: string) {\n this.clear();\n this.queryStr = str;\n\n if (!str) {\n return {\n index: 0,\n results: this.queryResult\n };\n }\n this.isTree = this.table.options.columns.some((item: any) => item.tree);\n this.treeIndex = this.isTree ? this.table.options.columns.findIndex((item: any) => item.tree) : 0;\n if (this.isTree) {\n // 如果传入单一节点也能处理\n const colEnd = this.table.colCount;\n const walk = (nodes: any[], path: number[]) => {\n nodes.forEach((item: any, idx: number) => {\n const currentPath = [...path, idx]; // 当前节点的完整路径\n\n // 保持你的 treeQueryMethod 调用方式（this 上下文来自定义环境）\n if (this.treeQueryMethod(this.queryStr, item, this.fieldsToSearch, { table: this.table })) {\n this.queryResult.push({\n indexNumber: currentPath,\n range: {\n start: { row: null, col: 0 },\n end: { row: null, col: colEnd }\n }\n });\n }\n\n if (item.children && Array.isArray(item.children) && item.children.length > 0) {\n walk(item.children, currentPath);\n }\n });\n };\n\n walk(this.table.records, []);\n if (this.queryResult.length > 0) {\n this.jumpToCell({ IndexNumber: this.queryResult[0].indexNumber });\n }\n\n if (this.callback) {\n this.callback(\n {\n queryStr: this.queryStr,\n results: this.queryResult\n },\n this.table\n );\n }\n this.updateCellStyle(true);\n\n // if (this.autoJump) {\n // return this.next();\n // }\n this.currentIndex = 0;\n\n return {\n index: 0,\n results: this.queryResult\n };\n }\n for (let row = 0; row < this.table.rowCount; row++) {\n for (let col = 0; col < this.table.colCount; col++) {\n if (this.skipHeader && this.table.isHeader(col, row)) {\n continue;\n }\n const value = this.table.getCellValue(col, row);\n if (this.queryMethod(this.queryStr, value, { col, row, table: this.table })) {\n // deal merge cell\n const mergeCell = this.table.getCellRange(col, row);\n if (mergeCell.start.col !== mergeCell.end.col \|\| mergeCell.start.row !== mergeCell.end.row) {\n // find is cell already in queryResult\n let isIn = false;\n for (let i = this.queryResult.length - 1; i >= 0; i--) {\n if (this.queryResult[i].col === mergeCell.start.col && this.queryResult[i].row === mergeCell.start.row) {\n isIn = true;\n break;\n }\n }\n if (!isIn) {\n this.queryResult.push({\n col: mergeCell.start.col,\n row: mergeCell.start.row,\n range: mergeCell,\n value\n });\n }\n } else {\n this.queryResult.push({\n col,\n row,\n value\n });\n }\n }\n }\n }\n this.updateCellStyle(true);\n\n if (this.callback) {\n this.callback(\n {\n queryStr: this.queryStr,\n results: this.queryResult\n },\n this.table\n );\n }\n\n if (this.autoJump) {\n return this.next();\n }\n return {\n index: 0,\n results: this.queryResult\n };\n }\n\n updateCellStyle(highlight: boolean = true) {\n if (highlight == null) {\n if (this.queryResult?.length) {\n this.queryResult.forEach(({ range }) => {\n if (range) {\n this.table.arrangeCustomCellStyle(\n { range },\n '' // 或者 null，看API是否允许\n );\n }\n });\n }\n return;\n }\n if (!this.queryResult) {\n return;\n }\n\n if (!this.table.hasCustomCellStyle('__search_component_highlight')) {\n this.table.registerCustomCellStyle('__search_component_highlight', this.highlightCellStyle as any);\n }\n if (!this.table.hasCustomCellStyle('__search_component_focuse')) {\n this.table.registerCustomCellStyle('__search_component_focuse', this.focuseHighlightCellStyle as any);\n }\n if (this.isTree) {\n const { range, indexNumber } = this.queryResult[0];\n\n let i = 0;\n\n // 如果是表头就往下偏移\n while (this.table.isHeader(0, i)) {\n i++;\n }\n const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;\n range.start.row = row;\n range.end.row = row;\n\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n highlight ? '__search_component_focuse' : null\n );\n } else {\n for (let i = 0; i < this.queryResult.length; i++) {\n const { col, row, range } = this.queryResult[i];\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n highlight ? '__search_component_highlight' : null\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n highlight ? '__search_component_highlight' : null\n );\n }\n }\n }\n }\n\n next() {\n if (!this.queryResult.length) {\n return {\n index: 0,\n results: this.queryResult\n };\n }\n if (this.isTree) {\n if (this.currentIndex !== -1) {\n const { range, indexNumber } = this.queryResult[this.currentIndex];\n\n if (range) {\n let i = 0;\n\n // 如果是表头就往下偏移\n while (this.table.isHeader(0, i)) {\n i++;\n }\n const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;\n range.start.row = row;\n range.end.row = row;\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_highlight'\n );\n }\n }\n\n this.currentIndex++;\n if (this.currentIndex >= this.queryResult.length) {\n this.currentIndex = 0;\n }\n const { range, indexNumber } = this.queryResult[this.currentIndex];\n this.jumpToCell({ IndexNumber: indexNumber });\n\n if (range) {\n let i = 0;\n\n // 如果是表头就往下偏移\n while (this.table.isHeader(0, i)) {\n i++;\n }\n const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;\n range.start.row = row;\n range.end.row = row;\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_focuse'\n );\n }\n } else {\n if (this.currentIndex !== -1) {\n const { col, row, range } = this.queryResult[this.currentIndex];\n\n // reset last focus\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_highlight'\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n '__search_component_highlight'\n );\n }\n }\n this.currentIndex++;\n if (this.currentIndex >= this.queryResult.length) {\n this.currentIndex = 0;\n }\n const { col, row, range } = this.queryResult[this.currentIndex];\n\n // this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\n if (range) {\n this.table.arrangeCustomCellStyle(\n {\n range\n },\n '__search_component_focuse'\n );\n } else {\n this.table.arrangeCustomCellStyle(\n {\n col,\n row\n },\n '__search_component_focuse'\n );\n }\n\n this.jumpToCell({ col, row });\n }\n\n return {\n index: this.currentIndex,\n results: this.queryResult\n };\n }\n\n prev() {\n if (!this.queryResult.length) {\n return {\n index: 0,\n results: this.queryResult\n };\n }\n\n if (this.isTree) {\n // 先取消当前高亮\n if (this.currentIndex !== -1) {\n const { range, indexNumber } = this.queryResult[this.currentIndex];\n if (range) {\n let i = 0;\n while (this.table.isHeader(0, i)) {\n i++;\n }\n const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;\n range.start.row = row;\n range.end.row = row;\n this.table.arrangeCustomCellStyle({ range }, '__search_component_highlight');\n }\n }\n\n // 索引向前\n this.currentIndex--;\n if (this.currentIndex < 0) {\n this.currentIndex = this.queryResult.length - 1;\n }\n\n // 焦点样式\n const { range, indexNumber } = this.queryResult[this.currentIndex];\n this.jumpToCell({ IndexNumber: indexNumber });\n\n if (range) {\n let i = 0;\n while (this.table.isHeader(0, i)) {\n i++;\n }\n const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;\n range.start.row = row;\n range.end.row = row;\n this.table.arrangeCustomCellStyle({ range }, '__search_component_focuse');\n }\n } else {\n // 普通表格处理\n if (this.currentIndex !== -1) {\n const { col, row, range } = this.queryResult[this.currentIndex];\n if (range) {\n this.table.arrangeCustomCellStyle({ range }, '__search_component_highlight');\n } else {\n this.table.arrangeCustomCellStyle({ col, row }, '__search_component_highlight');\n }\n }\n\n this.currentIndex--;\n if (this.currentIndex < 0) {\n this.currentIndex = this.queryResult.length - 1;\n }\n\n const { col, row, range } = this.queryResult[this.currentIndex];\n if (range) {\n this.table.arrangeCustomCellStyle({ range }, '__search_component_focuse');\n } else {\n this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\n }\n\n this.jumpToCell({ col, row });\n }\n\n return {\n index: this.currentIndex,\n results: this.queryResult\n };\n }\n\n jumpToCell(params: { col?: number; row?: number; IndexNumber?: number[] }) {\n if (this.isTree) {\n const { IndexNumber } = params;\n const indexNumbers = [...IndexNumber];\n\n const tmp = [...indexNumbers];\n let tmpNumber = 0;\n let i = 0;\n\n while (tmpNumber < tmp.length - 1) {\n tmpNumber++;\n const indexNumber = indexNumbers.slice(0, tmpNumber);\n\n // 如果是表头就往下偏移\n while (this.table.isHeader(0, i)) {\n i++;\n }\n const row = this.getBodyRowIndexByRecordIndex(indexNumber) + i;\n\n const hierarchyState = this.table.getHierarchyState(this.treeIndex, row);\n\n if (hierarchyState !== 'expand') {\n this.table.toggleHierarchyState(this.treeIndex, row);\n }\n }\n this.table.scrollToRow(this.getBodyRowIndexByRecordIndex(indexNumbers) + i, this.scrollOption);\n } else {\n const { col, row } = params;\n // if focus cell out of screen, jump to cell\n const { rowStart, rowEnd } = this.table.getBodyVisibleRowRange();\n const { colStart, colEnd } = this.table.getBodyVisibleColRange();\n if (row <= rowStart \|\| row >= rowEnd \|\| col <= colStart \|\| col >= colEnd) {\n this.table.scrollToCell({ col, row });\n }\n }\n }\n getBodyRowIndexByRecordIndex(index: number \| number[]): number {\n if (Array.isArray(index) && index.length === 1) {\n index = index[0];\n }\n return this.table.dataSource.getTableIndex(index);\n }\n clear() {\n // reset highlight cell style\n this.updateCellStyle(null);\n this.queryStr = '';\n this.queryResult = [];\n this.currentIndex = -1;\n }\n}\n"]}