@visactor/vtable-search 1.1.3-alpha.2 → 1.2.0-alpha.3

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

@@ -50,12 +50,16 @@ class SearchComponent {
         };
     }
     updateCellStyle(highlight = !0) {
-        if (this.queryResult) for (let i = 0; i < this.queryResult.length; i++) {
-            const {col: col, row: row} = this.queryResult[i];
-            this.table.arrangeCustomCellStyle({
-                col: col,
-                row: row
-            }, highlight ? "__search_component_highlight" : null);
+        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++) {
+                const {col: col, row: row} = this.queryResult[i];
+                this.table.arrangeCustomCellStyle({
+                    col: col,
+                    row: row
+                }, highlight ? "__search_component_highlight" : null);
+            }
         }
     }
     next() {

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

@@ -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    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          this.queryResult.push({\n            col,\n            row,\n            value\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    for (let i = 0; i < this.queryResult.length; i++) {\n      const { col, row } = this.queryResult[i];\n      this.table.arrangeCustomCellStyle(\n        {\n          col,\n          row\n        },\n        highlight ? '__search_component_highlight' : null\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      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    }\n    this.currentIndex++;\n    if (this.currentIndex >= this.queryResult.length) {\n      this.currentIndex = 0;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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    }\n    this.currentIndex--;\n    if (this.currentIndex < 0) {\n      this.currentIndex = this.queryResult.length - 1;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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"]}
+{"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    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          this.queryResult.push({\n            col,\n            row,\n            value\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 } = this.queryResult[i];\n      this.table.arrangeCustomCellStyle(\n        {\n          col,\n          row\n        },\n        highlight ? '__search_component_highlight' : null\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      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    }\n    this.currentIndex++;\n    if (this.currentIndex >= this.queryResult.length) {\n      this.currentIndex = 0;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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    }\n    this.currentIndex--;\n    if (this.currentIndex < 0) {\n      this.currentIndex = this.queryResult.length - 1;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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"]}

package/dist/vtable-export.js

@@ -81,6 +81,12 @@
             if (!this.queryResult) {
                 return;
             }
+            if (!this.table.hasCustomCellStyle('__search_component_highlight')) {
+                this.table.registerCustomCellStyle('__search_component_highlight', this.highlightCellStyle);
+            }
+            if (!this.table.hasCustomCellStyle('__search_component_focuse')) {
+                this.table.registerCustomCellStyle('__search_component_focuse', this.focuseHighlightCellStyle);
+            }
             for (let i = 0; i < this.queryResult.length; i++) {
                 const { col, row } = this.queryResult[i];
                 this.table.arrangeCustomCellStyle({

package/dist/vtable-export.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).VTable=e.VTable||{},e.VTable.export={}))}(this,(function(e){"use strict";var t=e=>null!=e;const l={bgColor:"rgba(255, 255, 0, 0.2)"},s={bgColor:"rgba(255, 155, 0, 0.2)"};function r(e,l){return t(e)&&t(l)&&l.toString().includes(e)}e.SearchComponent=class{table;skipHeader;autoJump;highlightCellStyle;focuseHighlightCellStyle;queryMethod;callback;queryStr;queryResult;currentIndex;constructor(e){this.table=e.table,this.autoJump=e.autoJump||!1,this.skipHeader=e.skipHeader||!1,this.highlightCellStyle=e.highlightCellStyle||l,this.focuseHighlightCellStyle=e.focuseHighlightCellStyle||s,this.queryMethod=e.queryMethod||r,this.callback=e.callback,this.table.registerCustomCellStyle("__search_component_highlight",this.highlightCellStyle),this.table.registerCustomCellStyle("__search_component_focuse",this.focuseHighlightCellStyle)}search(e){if(this.clear(),this.queryStr=e,!e)return{index:0,results:this.queryResult};for(let e=0;e<this.table.rowCount;e++)for(let t=0;t<this.table.colCount;t++){if(this.skipHeader&&this.table.isHeader(t,e))continue;const l=this.table.getCellValue(t,e);this.queryMethod(this.queryStr,l,{col:t,row:e,table:this.table})&&this.queryResult.push({col:t,row:e,value:l})}return this.updateCellStyle(),this.callback&&this.callback({queryStr:this.queryStr,results:this.queryResult},this.table),this.autoJump?this.next():{index:0,results:this.queryResult}}updateCellStyle(e=!0){if(this.queryResult)for(let t=0;t<this.queryResult.length;t++){const{col:l,row:s}=this.queryResult[t];this.table.arrangeCustomCellStyle({col:l,row:s},e?"__search_component_highlight":null)}}next(){if(!this.queryResult.length)return{index:0,results:this.queryResult};-1!==this.currentIndex&&this.table.arrangeCustomCellStyle({col:this.queryResult[this.currentIndex].col,row:this.queryResult[this.currentIndex].row},"__search_component_highlight"),this.currentIndex++,this.currentIndex>=this.queryResult.length&&(this.currentIndex=0);const{col:e,row:t}=this.queryResult[this.currentIndex];return this.table.arrangeCustomCellStyle({col:e,row:t},"__search_component_focuse"),this.jumpToCell(e,t),{index:this.currentIndex,results:this.queryResult}}prev(){if(!this.queryResult.length)return{index:0,results:this.queryResult};-1!==this.currentIndex&&this.table.arrangeCustomCellStyle({col:this.queryResult[this.currentIndex].col,row:this.queryResult[this.currentIndex].row},"__search_component_highlight"),this.currentIndex--,this.currentIndex<0&&(this.currentIndex=this.queryResult.length-1);const{col:e,row:t}=this.queryResult[this.currentIndex];return this.table.arrangeCustomCellStyle({col:e,row:t},"__search_component_focuse"),this.jumpToCell(e,t),{index:this.currentIndex,results:this.queryResult}}jumpToCell(e,t){const{rowStart:l,rowEnd:s}=this.table.getBodyVisibleRowRange(),{colStart:r,colEnd:i}=this.table.getBodyVisibleColRange();(t<=l||t>=s||e<=r||e>=i)&&this.table.scrollToCell({col:e,row:t})}clear(){this.updateCellStyle(null),this.queryStr="",this.queryResult=[],this.currentIndex=-1}}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).VTable=e.VTable||{},e.VTable.export={}))}(this,(function(e){"use strict";var t=e=>null!=e;const l={bgColor:"rgba(255, 255, 0, 0.2)"},s={bgColor:"rgba(255, 155, 0, 0.2)"};function r(e,l){return t(e)&&t(l)&&l.toString().includes(e)}e.SearchComponent=class{table;skipHeader;autoJump;highlightCellStyle;focuseHighlightCellStyle;queryMethod;callback;queryStr;queryResult;currentIndex;constructor(e){this.table=e.table,this.autoJump=e.autoJump||!1,this.skipHeader=e.skipHeader||!1,this.highlightCellStyle=e.highlightCellStyle||l,this.focuseHighlightCellStyle=e.focuseHighlightCellStyle||s,this.queryMethod=e.queryMethod||r,this.callback=e.callback,this.table.registerCustomCellStyle("__search_component_highlight",this.highlightCellStyle),this.table.registerCustomCellStyle("__search_component_focuse",this.focuseHighlightCellStyle)}search(e){if(this.clear(),this.queryStr=e,!e)return{index:0,results:this.queryResult};for(let e=0;e<this.table.rowCount;e++)for(let t=0;t<this.table.colCount;t++){if(this.skipHeader&&this.table.isHeader(t,e))continue;const l=this.table.getCellValue(t,e);this.queryMethod(this.queryStr,l,{col:t,row:e,table:this.table})&&this.queryResult.push({col:t,row:e,value:l})}return this.updateCellStyle(),this.callback&&this.callback({queryStr:this.queryStr,results:this.queryResult},this.table),this.autoJump?this.next():{index:0,results:this.queryResult}}updateCellStyle(e=!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 t=0;t<this.queryResult.length;t++){const{col:l,row:s}=this.queryResult[t];this.table.arrangeCustomCellStyle({col:l,row:s},e?"__search_component_highlight":null)}}}next(){if(!this.queryResult.length)return{index:0,results:this.queryResult};-1!==this.currentIndex&&this.table.arrangeCustomCellStyle({col:this.queryResult[this.currentIndex].col,row:this.queryResult[this.currentIndex].row},"__search_component_highlight"),this.currentIndex++,this.currentIndex>=this.queryResult.length&&(this.currentIndex=0);const{col:e,row:t}=this.queryResult[this.currentIndex];return this.table.arrangeCustomCellStyle({col:e,row:t},"__search_component_focuse"),this.jumpToCell(e,t),{index:this.currentIndex,results:this.queryResult}}prev(){if(!this.queryResult.length)return{index:0,results:this.queryResult};-1!==this.currentIndex&&this.table.arrangeCustomCellStyle({col:this.queryResult[this.currentIndex].col,row:this.queryResult[this.currentIndex].row},"__search_component_highlight"),this.currentIndex--,this.currentIndex<0&&(this.currentIndex=this.queryResult.length-1);const{col:e,row:t}=this.queryResult[this.currentIndex];return this.table.arrangeCustomCellStyle({col:e,row:t},"__search_component_focuse"),this.jumpToCell(e,t),{index:this.currentIndex,results:this.queryResult}}jumpToCell(e,t){const{rowStart:l,rowEnd:s}=this.table.getBodyVisibleRowRange(),{colStart:r,colEnd:i}=this.table.getBodyVisibleColRange();(t<=l||t>=s||e<=r||e>=i)&&this.table.scrollToCell({col:e,row:t})}clear(){this.updateCellStyle(null),this.queryStr="",this.queryResult=[],this.currentIndex=-1}}}));

package/es/search-component/search-component.js

@@ -46,12 +46,16 @@ export class SearchComponent {
         };
     }
     updateCellStyle(highlight = !0) {
-        if (this.queryResult) for (let i = 0; i < this.queryResult.length; i++) {
-            const {col: col, row: row} = this.queryResult[i];
-            this.table.arrangeCustomCellStyle({
-                col: col,
-                row: row
-            }, highlight ? "__search_component_highlight" : null);
+        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++) {
+                const {col: col, row: row} = this.queryResult[i];
+                this.table.arrangeCustomCellStyle({
+                    col: col,
+                    row: row
+                }, highlight ? "__search_component_highlight" : null);
+            }
         }
     }
     next() {

package/es/search-component/search-component.js.map

@@ -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    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          this.queryResult.push({\n            col,\n            row,\n            value\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    for (let i = 0; i < this.queryResult.length; i++) {\n      const { col, row } = this.queryResult[i];\n      this.table.arrangeCustomCellStyle(\n        {\n          col,\n          row\n        },\n        highlight ? '__search_component_highlight' : null\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      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    }\n    this.currentIndex++;\n    if (this.currentIndex >= this.queryResult.length) {\n      this.currentIndex = 0;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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    }\n    this.currentIndex--;\n    if (this.currentIndex < 0) {\n      this.currentIndex = this.queryResult.length - 1;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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"]}
+{"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    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          this.queryResult.push({\n            col,\n            row,\n            value\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 } = this.queryResult[i];\n      this.table.arrangeCustomCellStyle(\n        {\n          col,\n          row\n        },\n        highlight ? '__search_component_highlight' : null\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      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    }\n    this.currentIndex++;\n    if (this.currentIndex >= this.queryResult.length) {\n      this.currentIndex = 0;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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    }\n    this.currentIndex--;\n    if (this.currentIndex < 0) {\n      this.currentIndex = this.queryResult.length - 1;\n    }\n    const { col, row } = this.queryResult[this.currentIndex];\n    this.table.arrangeCustomCellStyle({ col, row }, '__search_component_focuse');\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable-search",
-  "version": "1.1.3-alpha.2",
+  "version": "1.2.0-alpha.3",
   "description": "The search util of VTable",
   "author": {
     "name": "VisActor",
@@ -30,7 +30,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@visactor/vtable": "1.1.3-alpha.2",
+    "@visactor/vtable": "1.2.0-alpha.3",
     "@visactor/vutils": "~0.18.9"
   },
   "devDependencies": {