@progress/kendo-vue-grid 3.0.2 → 3.0.4-dev.202202011210

package/dist/es/Grid.js

@@ -69,14 +69,11 @@ import { ColumnResize } from './drag/ColumnResize';
 import { CommonDragLogic } from './drag/CommonDragLogic';
 import { DragClue } from './drag/DragClue';
 import { DropClue } from './drag/DropClue';
-import { getNestedValue, flatData, mapColumns, readColumns, autoGenerateColumns } from './utils/index'; // import { GridCellProps } from './interfaces/GridCellProps';
-
-import { GridCell } from './cells/GridCell'; // import { GridToolbar } from './GridToolbar';
-
+import { getNestedValue, flatData, mapColumns, readColumns, autoGenerateColumns } from './utils/index';
+import { GridCell } from './cells/GridCell';
 import { GridGroupCell } from './cells/GridGroupCell';
 import { GridRow } from './rows/GridRow';
-import { GridHeaderSelectionCell } from './header/GridHeaderSelectionCell'; // import { ScrollMode } from './ScrollMode';
-
+import { GridHeaderSelectionCell } from './header/GridHeaderSelectionCell';
 import { GridNoRecords } from './GridNoRecords';
 import { packageMetadata } from './package-metadata';
 import { pagerMessagesMap } from './messages';
@@ -270,6 +267,7 @@ var GridVue2 = {
         this.dragLogic.dropElementClue.$el.remove();
       }
 
+      this.currentData = [];
       this._columns = [];
     },
     resetVirtual: function resetVirtual() {
@@ -694,6 +692,27 @@ var GridVue2 = {
       }).map(function (item) {
         return item.dataItem;
       });
+    },
+    totalGroupedRows: function totalGroupedRows(gridData) {
+      var allRowsCount = 0;
+
+      if (gridData) {
+        allRowsCount = this.addSubItems(gridData, allRowsCount);
+      }
+
+      return allRowsCount;
+    },
+    addSubItems: function addSubItems(gridData, allRowsCount) {
+      var _this = this;
+
+      gridData.forEach(function (item) {
+        allRowsCount++;
+
+        if (item.expanded !== false && item.items) {
+          allRowsCount = _this.addSubItems(item.items, allRowsCount);
+        }
+      });
+      return allRowsCount;
     }
   },
   // @ts-ignore
@@ -752,7 +771,7 @@ var GridVue2 = {
     if (this.$props.rowHeight !== undefined && this.$props.rowHeight > 0 && !groupable) {
       this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * (total || 0));
     } else {
-      this.vs.containerHeight = 1533915;
+      this.vs.containerHeight = 1533915; // this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * this.totalGroupedRows(gridData));
     }
 
     var children = defaultSlot || [];

package/dist/es/VirtualScroll.d.ts

@@ -16,6 +16,8 @@ export declare class VirtualScroll {
     PageChange: (page: Page, event: any) => void;
     tableBody: any;
     heightContainer: any;
+    fixedScroll: boolean;
+    askedSkip: number | undefined;
     private prevScrollPos;
     private syncTimeout;
     private tableTranslate;

package/dist/es/VirtualScroll.js

@@ -12,6 +12,8 @@ var VirtualScroll = /** @class */ (function () {
         this.realSkip = 0;
         this.pageSize = 0;
         this.heightContainer = null;
+        this.fixedScroll = false;
+        this.askedSkip = undefined;
         this.prevScrollPos = 0;
         this.tableTranslate = 0;
         this.scrollSyncing = false;
@@ -59,7 +61,7 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.translate = function (dY) {
         this.tableTranslate = dY;
-        if (this.table) {
+        if (this.scrollableVirtual && this.table) {
             this.table.style.transform = 'translateY(' + dY + 'px)';
         }
     };
@@ -81,6 +83,9 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.reset = function () {
         this.scrollSyncing = true;
+        if (this.fixedScroll) {
+            return;
+        }
         if (this.container) {
             this.container.scrollTop = 0;
         }
@@ -179,10 +184,17 @@ var VirtualScroll = /** @class */ (function () {
         }
         var grid = this;
         clearTimeout(this.syncTimeout);
-        this.syncTimeout = setTimeout(function () { grid.syncScroll(); }, 200);
+        this.syncTimeout = window.setTimeout(function () { grid.syncScroll(); }, 200);
         var scrollTop = this.container.scrollTop;
         var prev = this.prevScrollPos;
         this.prevScrollPos = scrollTop;
+        if (this.askedSkip !== undefined) {
+            this.translate(this.containerHeight * this.askedSkip / this.total);
+            this.changePage(this.askedSkip, e);
+            this.prevScrollPos = scrollTop;
+            this.askedSkip = undefined;
+            return;
+        }
         if (scrollTop - prev < 0 && scrollTop > this.tableTranslate - this.table.scrollHeight / 10) {
             this.localScrollUp(e);
         }

package/dist/es/cells/GridCell.js

@@ -102,7 +102,7 @@ var GridCellVue2 = {
       var dataAsString = '';
 
       if (data !== undefined && data !== null) {
-        dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, parsers[this.$props.type](data, this._intl)) : this._intl.format(this.$props.format, data) : data.toString();
+        dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, parsers[this.$props.type](data, this._intl, this.$props.format)) : this._intl.format(this.$props.format, data) : data.toString();
       }
 
       defaultRendering = h("td", {

package/dist/es/cells/GridFilterCell.js

@@ -220,11 +220,13 @@ var GridFilterCellVue2 = {
       "class": "k-filtercell-wrapper"
     }, [filterComponent.call(this, this.$props.filterType, this.$props.value), renderOperatorEditor.call(this), // @ts-ignore function children 
     h(Button, {
-      icon: 'filter-clear',
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         icon: 'filter-clear',
         title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton])
       },
+      icon: 'filter-clear',
       "class": {
         /* button is always visible if there is either value or operator */
         'k-disabled': !(!(this.$props.value === null || this.$props.value === '') || this.$props.operator)

package/dist/es/columnMenu/ColumnMenuContent.js

@@ -108,7 +108,8 @@ var ColumnMenuContentVue2 = {
         closemenu: this.closeMenu,
         filterchange: this.filterChange,
         sortchange: this.sortChange,
-        expandchange: this.expandChange
+        expandchange: this.expandChange,
+        contentfocus: this.handleFocus
       }
     });
   }

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -180,9 +180,9 @@ var GridColumnMenuCheckboxFilterVue2 = {
         on: this.v3 ? undefined : {
           "input": this.handleSearchChange
         }
-      })]), h("span", {
-        "class": "k-icon k-i-search"
-      })]);
+      }), h("span", {
+        "class": "k-input-icon k-icon k-i-search"
+      })])]);
     };
 
     var uniqueFilterValues = filterValues.filter(function (item, index) {

package/dist/es/columnMenu/GridColumnMenuFilterCell.js

@@ -21,7 +21,8 @@ var GridColumnMenuFilterCellVue2 = {
   },
   // @ts-ignore
   emits: {
-    change: null
+    change: null,
+    filtercellfocus: null
   },
   methods: {
     handleFocus: function handleFocus(e) {

package/dist/es/columnMenu/GridColumnMenuFilterUI.js

@@ -21,7 +21,9 @@ var GridColumnMenuFilterUIVue2 = {
   },
   // @ts-ignore
   emits: {
-    change: null
+    change: null,
+    filteruifocus: null,
+    logicChange: null
   },
   methods: {
     handleFocus: function handleFocus(e) {

package/dist/es/interfaces/GridCellProps.d.ts

@@ -84,7 +84,7 @@ export interface GridCellProps {
     /**
      * The event that is fired when the cell value is changed.
      */
-    change?: (event: {
+    onChange?: (event: {
         dataItem: any;
         event: any;
         field?: string;
@@ -93,7 +93,7 @@ export interface GridCellProps {
     /**
      * The event that is fired when the keydown event of the cell is triggered.
      */
-    cellkeydown?: (event: {
+    onCellkeydown?: (event: {
         event: any;
         dataItem: any;
         field: string;
@@ -101,20 +101,20 @@ export interface GridCellProps {
     /**
      * The event that is fired when the cell is clicked.
      */
-    cellclick?: (event: {
+    onCellclick?: (event: {
         dataItem: any;
         field: string;
     }) => void;
     /**
      * The event that is fired when the cell is about to be added.
      */
-    add?: (event: {
+    onAdd?: (event: {
         dataItem: any;
     }) => void;
     /**
      * The event that is fired when the cell is about to be edited.
      */
-    edit?: (event: {
+    onEdit?: (event: {
         dataItem: any;
     }) => void;
     /**
@@ -132,7 +132,7 @@ export interface GridCellProps {
     /**
      * The event that is fired when the cell is about to be canceled.
      */
-    cancel?: (event: {
+    onCancel?: (event: {
         dataItem: any;
     }) => void;
     /**

package/dist/es/interfaces/GridColumnMenuExtendedFilterProps.d.ts

@@ -10,7 +10,7 @@ export interface GridColumnMenuExtendedFilterProps extends GridColumnMenuFilterP
     /**
      * Triggered on each subsequent expand state of the filter component.
      */
-    onExpandChange?: (nextExpandState: boolean) => void;
+    onExpandchange?: (nextExpandState: boolean) => void;
     /**
      * If set to `false`, the second filter operator and the input will be hidden.
      */

package/dist/es/interfaces/GridColumnMenuFilterProps.d.ts

@@ -23,5 +23,5 @@ export interface GridColumnMenuFilterProps {
     /**
      * The method that will be called to notify the parent Grid about a filter change.
      */
-    onFilterChange?: (filter: CompositeFilterDescriptor | null, event: any) => any;
+    onFilterchange?: (filter: CompositeFilterDescriptor | null, event: any) => any;
 }

package/dist/es/interfaces/GridColumnMenuFilterUIProps.d.ts

@@ -28,7 +28,7 @@ export interface GridColumnMenuFilterUIProps {
     /**
      * The method that will be called to notify the parent about a change in the filter logic.
      */
-    onLogicChange?: (e: any) => void;
+    onLogicchange?: (e: any) => void;
     /**
      * The method that will be called to notify the parent about a change in the filter.
      */

package/dist/es/interfaces/GridProps.d.ts

@@ -43,7 +43,7 @@ export interface GridProps {
      * Fires when the sorting of the Grid is changed ([see example]({% slug sorting_grid_native %})).
      * You have to handle the event yourself and sort the data.
      */
-    sortchange?: (event: GridSortChangeEvent) => void;
+    onSortchange?: (event: GridSortChangeEvent) => void;
     /**
      * The descriptors by which the data is sorted.
      * Applies the sorting styles and buttons to the affected columns.
@@ -69,7 +69,7 @@ export interface GridProps {
      * ([more information and examples]({% slug filtering_grid_native %})).
      * You have to handle the event yourself and filter the data.
      */
-    filterchange?: (event: GridFilterChangeEvent) => void;
+    onFilterchange?: (event: GridFilterChangeEvent) => void;
     /**
      * Defines if the column menu will be shown for the column.
      * Accepts Boolean, a Vue component, a `render` function, or a slot name
@@ -88,7 +88,7 @@ export interface GridProps {
      * Fires when the grouping of the Grid is changed. You have to handle the event yourself and group the data
      * ([more information and examples]({% slug groupingbasics_grid_native %})).
      */
-    groupchange?: (event: GridGroupChangeEvent) => void;
+    onGroupchange?: (event: GridGroupChangeEvent) => void;
     /**
      * Configures the pager of the Grid ([see example]({% slug paging_grid_native %})).
      *
@@ -114,7 +114,7 @@ export interface GridProps {
      * Fires when the page of the Grid is changed ([see example]({% slug paging_grid_native %})).
      * You have to handle the event yourself and page the data.
      */
-    pagechange?: (event: GridPageChangeEvent) => void;
+    onPagechange?: (event: GridPageChangeEvent) => void;
     /**
      * Defines the total number of data items in all pages
      * ([see example]({% slug paging_grid_native %})). Required by the paging functionality.
@@ -128,7 +128,7 @@ export interface GridProps {
     /**
      * Fires when the user tries to expand or collapse a row.
      */
-    expandchange?: (event: GridExpandChangeEvent) => void;
+    onExpandchange?: (event: GridExpandChangeEvent) => void;
     /**
      * Specifies the name of the field which will provide a Boolean representation
      * of the expanded state of the item ([see example]({% slug detailrow_grid_native %}).
@@ -143,50 +143,50 @@ export interface GridProps {
      * Fires when the user tries to select or deselect a row
      * ([see example]({% slug selection_grid_native %})).
      */
-    selectionchange?: (event: GridSelectionChangeEvent) => void;
+    onSelectionchange?: (event: GridSelectionChangeEvent) => void;
     /**
      * Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`.
      * ([see example]({% slug selection_grid_native %})).
      */
-    headerselectionchange?: (event: GridHeaderSelectionChangeEvent) => void;
+    onHeaderselectionchange?: (event: GridHeaderSelectionChangeEvent) => void;
     /**
      * Fires when the user clicks a row.
      */
-    rowclick?: (event: GridRowClickEvent) => void;
+    onRowclick?: (event: GridRowClickEvent) => void;
     /**
      * Fires when the user double clicks a row.
      */
-    rowdblclick?: (event: GridRowClickEvent) => void;
+    onRowdblclick?: (event: GridRowClickEvent) => void;
     /**
      * Fires when the user clicks a cell.
      */
-    cellclick?: (event: any) => void;
+    onCellclick?: (event: any) => void;
     /**
      * Fires when Grid is scrolled.
      */
-    scroll?: (event: any) => void;
+    onScroll?: (event: any) => void;
     /**
      * Fires when the user triggers an edit operation from a cell.
      */
-    edit?: (event: GridEditEvent) => void;
+    onEdit?: (event: GridEditEvent) => void;
     /**
      * Fires when the user triggers a removal operation from a cell.
      */
-    remove?: (event: GridRemoveEvent) => void;
+    onRemove?: (event: GridRemoveEvent) => void;
     /**
      * Fires when the user triggers a saving operation from a cell.
      */
-    save?: (event: GridSaveEvent) => void;
+    onSave?: (event: GridSaveEvent) => void;
     /**
      * Fires when the user triggers a canceling operation from a cell.
      */
-    cancel?: (event: GridCancelEvent) => void;
+    onCancel?: (event: GridCancelEvent) => void;
     /**
      * Fires when the user changes the values of the item.
      * The event is not debounced and fires on every `onChange` event of the input in the current `EditCell`.
      * ([more information and examples]({% slug editing_inline_grid_native %})).
      */
-    itemchange?: (event: GridItemChangeEvent) => void;
+    onItemchange?: (event: GridItemChangeEvent) => void;
     /**
      * Specifies the name of the field which will provide a Boolean representation of the edit state of the current
      * item ([more information and examples]({% slug editing_inline_grid_native %})).
@@ -221,7 +221,7 @@ export interface GridProps {
     /**
      * Fires when the data state of the Grid is changed.
      */
-    datastatechange?: (event: GridDataStateChangeEvent) => void;
+    onDatastatechange?: (event: GridDataStateChangeEvent) => void;
     /**
      * If set to `true`, the user can resize columns by dragging the edges (resize handles) of their
      * header cells ([see example]({% slug resizing_columns_grid_native %}).
@@ -240,11 +240,11 @@ export interface GridProps {
     /**
      * Fires when a column is resized
      */
-    columnresize?: (event: GridColumnResizeEvent) => void;
+    onColumnresize?: (event: GridColumnResizeEvent) => void;
     /**
      * Fires when columns are reordered.
      */
-    columnreorder?: (event: GridColumnReorderEvent) => void;
+    onColumnreorder?: (event: GridColumnReorderEvent) => void;
     /**
      * Defines the custom rendering of the row. Accepts a Vue component, a `render` function, or a slot name.
      */
@@ -279,9 +279,9 @@ export interface GridProps {
     /**
      * Fires when Grid keyboard navigation position is changed.
      */
-    navigationaction?: (event: GridNavigationActionEvent) => void;
+    onNavigationaction?: (event: GridNavigationActionEvent) => void;
     /**
      * Fires when the user press keyboard key.
      */
-    keydown?: (event: GridKeyDownEvent) => void;
+    onKeydown?: (event: GridKeyDownEvent) => void;
 }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1643195093,
+    publishDate: 1643717144,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/Grid.js

@@ -97,18 +97,15 @@ var DragClue_1 = require("./drag/DragClue");
 
 var DropClue_1 = require("./drag/DropClue");
 
-var index_1 = require("./utils/index"); // import { GridCellProps } from './interfaces/GridCellProps';
-
-
-var GridCell_1 = require("./cells/GridCell"); // import { GridToolbar } from './GridToolbar';
+var index_1 = require("./utils/index");
 
+var GridCell_1 = require("./cells/GridCell");
 
 var GridGroupCell_1 = require("./cells/GridGroupCell");
 
 var GridRow_1 = require("./rows/GridRow");
 
-var GridHeaderSelectionCell_1 = require("./header/GridHeaderSelectionCell"); // import { ScrollMode } from './ScrollMode';
-
+var GridHeaderSelectionCell_1 = require("./header/GridHeaderSelectionCell");
 
 var GridNoRecords_1 = require("./GridNoRecords");
 
@@ -306,6 +303,7 @@ var GridVue2 = {
         this.dragLogic.dropElementClue.$el.remove();
       }
 
+      this.currentData = [];
       this._columns = [];
     },
     resetVirtual: function resetVirtual() {
@@ -730,6 +728,27 @@ var GridVue2 = {
       }).map(function (item) {
         return item.dataItem;
       });
+    },
+    totalGroupedRows: function totalGroupedRows(gridData) {
+      var allRowsCount = 0;
+
+      if (gridData) {
+        allRowsCount = this.addSubItems(gridData, allRowsCount);
+      }
+
+      return allRowsCount;
+    },
+    addSubItems: function addSubItems(gridData, allRowsCount) {
+      var _this = this;
+
+      gridData.forEach(function (item) {
+        allRowsCount++;
+
+        if (item.expanded !== false && item.items) {
+          allRowsCount = _this.addSubItems(item.items, allRowsCount);
+        }
+      });
+      return allRowsCount;
     }
   },
   // @ts-ignore
@@ -788,7 +807,7 @@ var GridVue2 = {
     if (this.$props.rowHeight !== undefined && this.$props.rowHeight > 0 && !groupable) {
       this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * (total || 0));
     } else {
-      this.vs.containerHeight = 1533915;
+      this.vs.containerHeight = 1533915; // this.vs.containerHeight = Math.min(1533915, this.$props.rowHeight * this.totalGroupedRows(gridData));
     }
 
     var children = defaultSlot || [];

package/dist/npm/VirtualScroll.d.ts

@@ -16,6 +16,8 @@ export declare class VirtualScroll {
     PageChange: (page: Page, event: any) => void;
     tableBody: any;
     heightContainer: any;
+    fixedScroll: boolean;
+    askedSkip: number | undefined;
     private prevScrollPos;
     private syncTimeout;
     private tableTranslate;

package/dist/npm/VirtualScroll.js

@@ -15,6 +15,8 @@ var VirtualScroll = /** @class */ (function () {
         this.realSkip = 0;
         this.pageSize = 0;
         this.heightContainer = null;
+        this.fixedScroll = false;
+        this.askedSkip = undefined;
         this.prevScrollPos = 0;
         this.tableTranslate = 0;
         this.scrollSyncing = false;
@@ -62,7 +64,7 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.translate = function (dY) {
         this.tableTranslate = dY;
-        if (this.table) {
+        if (this.scrollableVirtual && this.table) {
             this.table.style.transform = 'translateY(' + dY + 'px)';
         }
     };
@@ -84,6 +86,9 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.reset = function () {
         this.scrollSyncing = true;
+        if (this.fixedScroll) {
+            return;
+        }
         if (this.container) {
             this.container.scrollTop = 0;
         }
@@ -182,10 +187,17 @@ var VirtualScroll = /** @class */ (function () {
         }
         var grid = this;
         clearTimeout(this.syncTimeout);
-        this.syncTimeout = setTimeout(function () { grid.syncScroll(); }, 200);
+        this.syncTimeout = window.setTimeout(function () { grid.syncScroll(); }, 200);
         var scrollTop = this.container.scrollTop;
         var prev = this.prevScrollPos;
         this.prevScrollPos = scrollTop;
+        if (this.askedSkip !== undefined) {
+            this.translate(this.containerHeight * this.askedSkip / this.total);
+            this.changePage(this.askedSkip, e);
+            this.prevScrollPos = scrollTop;
+            this.askedSkip = undefined;
+            return;
+        }
         if (scrollTop - prev < 0 && scrollTop > this.tableTranslate - this.table.scrollHeight / 10) {
             this.localScrollUp(e);
         }

package/dist/npm/cells/GridCell.js

@@ -114,7 +114,7 @@ var GridCellVue2 = {
       var dataAsString = '';
 
       if (data !== undefined && data !== null) {
-        dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, utils_1.parsers[this.$props.type](data, this._intl)) : this._intl.format(this.$props.format, data) : data.toString();
+        dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, utils_1.parsers[this.$props.type](data, this._intl, this.$props.format)) : this._intl.format(this.$props.format, data) : data.toString();
       }
 
       defaultRendering = h("td", {

package/dist/npm/cells/GridFilterCell.js

@@ -236,11 +236,13 @@ var GridFilterCellVue2 = {
       "class": "k-filtercell-wrapper"
     }, [filterComponent.call(this, this.$props.filterType, this.$props.value), renderOperatorEditor.call(this), // @ts-ignore function children 
     h(kendo_vue_buttons_1.Button, {
-      icon: 'filter-clear',
+      type: "button",
       attrs: this.v3 ? undefined : {
+        type: "button",
         icon: 'filter-clear',
         title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])
       },
+      icon: 'filter-clear',
       "class": {
         /* button is always visible if there is either value or operator */
         'k-disabled': !(!(this.$props.value === null || this.$props.value === '') || this.$props.operator)

package/dist/npm/columnMenu/ColumnMenuContent.js

@@ -119,7 +119,8 @@ var ColumnMenuContentVue2 = {
         closemenu: this.closeMenu,
         filterchange: this.filterChange,
         sortchange: this.sortChange,
-        expandchange: this.expandChange
+        expandchange: this.expandChange,
+        contentfocus: this.handleFocus
       }
     });
   }

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -198,9 +198,9 @@ var GridColumnMenuCheckboxFilterVue2 = {
         on: this.v3 ? undefined : {
           "input": this.handleSearchChange
         }
-      })]), h("span", {
-        "class": "k-icon k-i-search"
-      })]);
+      }), h("span", {
+        "class": "k-input-icon k-icon k-i-search"
+      })])]);
     };
 
     var uniqueFilterValues = filterValues.filter(function (item, index) {

package/dist/npm/columnMenu/GridColumnMenuFilterCell.js

@@ -33,7 +33,8 @@ var GridColumnMenuFilterCellVue2 = {
   },
   // @ts-ignore
   emits: {
-    change: null
+    change: null,
+    filtercellfocus: null
   },
   methods: {
     handleFocus: function handleFocus(e) {

package/dist/npm/columnMenu/GridColumnMenuFilterUI.js

@@ -32,7 +32,9 @@ var GridColumnMenuFilterUIVue2 = {
   },
   // @ts-ignore
   emits: {
-    change: null
+    change: null,
+    filteruifocus: null,
+    logicChange: null
   },
   methods: {
     handleFocus: function handleFocus(e) {