@revolist/revogrid 4.4.0-next.1 → 4.4.0-next.10

package/custom-element/revo-grid.js

@@ -2593,6 +2593,7 @@ class ViewportService {
   }
   /**
    * Transform data from stores and apply it to different components
+   * Handle columns
    */
   getViewportColumnData(contentHeight) {
     const columns = [];
@@ -2673,6 +2674,7 @@ class ViewportService {
       dimensionCol: data.dimensions[data.colType].store,
       groups: data.colStore.get('groups'),
       groupingDepth: data.colStore.get('groupingDepth'),
+      resizeHandler: data.colType === 'colPinEnd' ? ['l'] : undefined,
       onHeaderresize: data.onHeaderresize,
     };
     return {
@@ -2736,14 +2738,19 @@ class ViewportService {
   clearEdit() {
     this.sv.selectionStoreConnector.setEdit(false);
   }
+  /**
+   * Collect focused element data
+   */
   getFocused() {
     const focused = this.sv.selectionStoreConnector.focusedStore;
     if (!focused) {
       return null;
     }
+    // get column data
     const colType = this.sv.selectionStoreConnector.storesXToType[focused.position.x];
     const column = this.sv.columnProvider.getColumn(focused.cell.x, colType);
-    const rowType = this.sv.selectionStoreConnector.storesYToType[focused.position.x];
+    // get row data
+    const rowType = this.sv.selectionStoreConnector.storesYToType[focused.position.y];
     const model = this.sv.dataProvider.getModel(focused.cell.y, rowType);
     return {
       column,
@@ -2788,7 +2795,7 @@ const ViewPortSections = ({ resize, editors, rowClass, readonly, range, columns,
     const dataViews = [h("revogr-header", Object.assign({}, headerProperties, { slot: HEADER_SLOT }))];
     view.dataPorts.forEach((data, j) => {
       const key = view.prop.key + (j + 1);
-      const dataView = (h("revogr-overlay-selection", Object.assign({}, data, { slot: data.slot, selectionStore: data.segmentSelectionStore, onSelectall: () => onSelectAll(), editors: editors, readonly: readonly, range: range, useClipboard: useClipboard, onCancelEdit: () => onCancelEdit(), applyChangesOnClose: applyEditorChangesOnClose, onSetEdit: ({ detail }) => onEdit(detail) }),
+      const dataView = (h("revogr-overlay-selection", Object.assign({}, data, { selectionStore: data.segmentSelectionStore, onSelectall: () => onSelectAll(), editors: editors, readonly: readonly, range: range, useClipboard: useClipboard, onCancelEdit: () => onCancelEdit(), applyChangesOnClose: applyEditorChangesOnClose, onSetEdit: ({ detail }) => onEdit(detail), additionalData: additionalData, slot: data.slot }),
         h("revogr-data", Object.assign({}, data, { [UUID]: data.uuid }, { key: key, readonly: readonly, range: range, rowClass: rowClass, rowSelectionStore: data.rowSelectionStore, additionalData: additionalData, slot: DATA_SLOT })),
         h("revogr-temp-range", { selectionStore: data.segmentSelectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol }),
         h("revogr-focus", { colData: data.colData, dataStore: data.dataStore, focusTemplate: focusTemplate, rowType: data.type, colType: view.type, selectionStore: data.segmentSelectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol })));
@@ -3414,7 +3421,8 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
    * Clear current grid focus
    */
   async clearFocus() {
-    const focused = await this.getFocused();
+    var _a;
+    const focused = (_a = this.viewport) === null || _a === void 0 ? void 0 : _a.getFocused();
     const event = this.beforefocuslost.emit(focused);
     if (event.defaultPrevented) {
       return;
@@ -3549,6 +3557,12 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
       e.preventDefault();
     }
   }
+  /**
+   * Column format change will trigger column structure update
+   */
+  columnTypesChanged() {
+    this.columnChanged(this.columns);
+  }
   columnChanged(newVal = []) {
     // clear existing data
     this.dimensionProvider.dropColumns();
@@ -3784,6 +3798,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
   }
   get element() { return this; }
   static get watchers() { return {
+    "columnTypes": ["columnTypesChanged"],
     "columns": ["columnChanged"],
     "rowSize": ["rowSizeChanged"],
     "theme": ["themeChanged"],