@cocoar/vue-data-grid 1.5.2 → 1.5.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoarDataGrid.vue.d.ts","sourceRoot":"","sources":["../src/CoarDataGrid.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CoarDataGrid.vue.d.ts","sourceRoot":"","sources":["../src/CoarDataGrid.vue"],"names":[],"mappings":"AA6LA,OAAO,KAAK,EAAkB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,OAAO,6BAA6B,CAAC;yBAEpB,KAAK,GAAG,OAAO,EAC/B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsQO,mBAAmB,CAAC;;;iBAnIjB,MAAM;;QArHb,gDAAgD;iBACvC,eAAe,CAAC,KAAK,CAAC;QAC/B,uDAAuD;gBAC/C,KAAK;QACb,yCAAyC;qBAC5B,OAAO;QACpB,4CAA4C;4BACxB,MAAM;QAC1B,gCAAgC;qBACnB,iBAAiB;QAC9B,oCAAoC;mBACzB,OAAO;QAClB,uCAAuC;mBAC5B,OAAO;QAClB,+CAA+C;gBACvC,MAAM;QACd,kDAAkD;gBAC1C,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;oBAuOmD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;gCA3CyB,GAAG;iCACF,GAAG;;;EA8CpC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjRzE,wBAiR4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -78,7 +78,11 @@ export declare class CoarGridBuilder<TData = unknown> {
|
|
|
78
78
|
rowData(data: TData[] | null): this;
|
|
79
79
|
/** Set row data (reactive ref) */
|
|
80
80
|
rowDataRef(data: Ref<TData[] | null | undefined>): this;
|
|
81
|
-
/**
|
|
81
|
+
/**
|
|
82
|
+
* Set row ID getter for immutable data updates.
|
|
83
|
+
* When set, AG Grid uses delta updates instead of replacing all rows,
|
|
84
|
+
* which preserves scroll position and improves performance.
|
|
85
|
+
*/
|
|
82
86
|
rowId(getRowId: GetRowIdFunc<TData>): this;
|
|
83
87
|
/**
|
|
84
88
|
* Enable row selection.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coar-grid-builder.d.ts","sourceRoot":"","sources":["../../src/builders/coar-grid-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,WAAW,EAAqB,MAAM,KAAK,CAAC;AACpE,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EACP,WAAW,EACX,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,6BAA6B,EAC7B,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,kBAAkB,EAClB,eAAe,EAEhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,qBAAqB,EAAyB,MAAM,4BAA4B,CAAC;AAE1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,KAAK,iBAAiB,CAAC,KAAK,IAAI;IAC9B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;CACxB,CAAC;AAEF,uEAAuE;AACvE,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAC9B,iBAAiB,CAAC,KAAK,CAAC,GACxB,CAAC,CAAC,OAAO,EAAE,qBAAqB,CAAC,KAAK,CAAC,KAAK,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;AAE1E,iDAAiD;AACjD,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,sEAAsE;IACtE,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,CAAC;IAClC,wEAAwE;IACxE,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CAC/B;AAED,kFAAkF;AAClF,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,6DAA6D;AAC7D,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,OAAO;IAC9C,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAChC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CAClC;AAED,qCAAqC;AACrC,MAAM,WAAW,uBAAuB,CAAC,KAAK;IAC5C,uGAAuG;IACvG,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,KAAK,OAAO,CAAC;CAC9D;AAED,gCAAgC;AAChC,MAAM,WAAW,mBAAmB;IAClC,8FAA8F;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wHAAwH;IACxH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,eAAe,CAAC,KAAK,GAAG,OAAO;;
|
|
1
|
+
{"version":3,"file":"coar-grid-builder.d.ts","sourceRoot":"","sources":["../../src/builders/coar-grid-builder.ts"],"names":[],"mappings":"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"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.coar-tag-cell-renderer{display:flex;align-items:center;gap:var(--coar-spacing-xs, 4px);flex-wrap:wrap;height:100%}.coar-icon-cell-renderer{display:flex;align-items:center;justify-content:center;height:100%}.coar-icon-cell-renderer.clickable{cursor:pointer}.coar-date-cell-renderer{display:flex;align-items:center;height:100%}.coar-tree-cell{display:flex;align-items:center;height:100%;gap:2px;overflow:hidden}.coar-tree-cell__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;border-radius:4px;transition:background-color .1s}.coar-tree-cell__toggle:hover{background-color:var(--coar-surface-neutral-hover, rgba(0, 0, 0, .06))}.coar-tree-cell__spacer{width:20px;flex-shrink:0}.coar-tree-cell__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-tree-cell__count{color:var(--coar-text-neutral-tertiary, #888);font-size:.85em;flex-shrink:0;margin-left:4px}.coar-grid-header{display:flex;align-items:center;width:100%;height:100%;gap:4px;overflow:hidden}.coar-grid-header--sortable{cursor:pointer}.coar-grid-header__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-grid-header__spacer{flex:1}.coar-grid-header__sort-icon{font-size:.65em;opacity:.6;flex-shrink:0}.coar-data-grid-search[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-s)}.coar-data-grid-search--bordered[data-v-aa875501]{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search--elevated[data-v-aa875501]{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search__input[data-v-aa875501]{flex:1;min-width:0}.coar-data-grid-search__actions[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-xs);flex-shrink:0}.ag-theme-cocoar{--ag-font-family: var(--coar-font-family-body, Poppins, sans-serif);--ag-font-size: var(--coar-font-size-xs, 14px);--ag-grid-size: 4px;--ag-cell-horizontal-padding: var(--coar-spacing-m, 16px);--ag-row-height: 40px;--ag-header-height: 40px;--ag-list-item-height: 36px;--ag-borders: solid 1px;--ag-border-radius: var(--coar-radius-m, 8px);--ag-wrapper-border-radius: var(--coar-radius-m, 8px);--ag-row-border-style: solid;--ag-row-border-width: 1px;--ag-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-header-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #e5e5e5);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-modal-overlay-background-color: rgba(0, 0, 0, .5);--ag-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-row-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-foreground-color: var(--coar-text-neutral-primary, #171717);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #404040);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #525252);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #a3a3a3);--ag-range-selection-border-color: var(--coar-border-accent-primary, #0066cc);--ag-range-selection-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-range-selection-highlight-color: var(--coar-background-accent-secondary, #cce0ff);--ag-input-focus-border-color: var(--coar-border-accent-primary, #0066cc);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #d4d4d4);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #404040);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-side-button-selected-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-menu-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-checked-color: var(--coar-background-accent-primary, #0066cc);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-indeterminate-color: var(--coar-background-accent-secondary, #cce0ff);--ag-chip-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-invalid-color: var(--coar-text-semantic-error-bold, #dc2626)}.ag-theme-cocoar .ag-header-cell,.ag-theme-cocoar .ag-cell{transition:none!important}.dark-mode .ag-theme-cocoar,.ag-theme-cocoar.dark-mode{--ag-background-color: var(--coar-background-neutral-primary, #18181b);--ag-header-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #18181b);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #3f3f46);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #1e3a5f);--ag-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-row-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-foreground-color: var(--coar-text-neutral-primary, #fafafa);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #e4e4e7);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #a1a1aa);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #71717a);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #e4e4e7);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-chip-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #3f3f46)}.ag-theme-cocoar .ag-row-focus{outline:none}.ag-theme-cocoar .ag-row-selected{background-color:var(--ag-selected-row-background-color)!important}.ag-theme-cocoar .ag-header{font-weight:600}.ag-theme-cocoar .ag-header-cell{padding-left:var(--coar-spacing-m, 16px);padding-right:var(--coar-spacing-m, 16px)}.ag-theme-cocoar .ag-cell
|
|
1
|
+
.coar-tag-cell-renderer{display:flex;align-items:center;gap:var(--coar-spacing-xs, 4px);flex-wrap:wrap;height:100%}.coar-icon-cell-renderer{display:flex;align-items:center;justify-content:center;height:100%}.coar-icon-cell-renderer.clickable{cursor:pointer}.coar-date-cell-renderer{display:flex;align-items:center;height:100%}.coar-tree-cell{display:flex;align-items:center;height:100%;gap:2px;overflow:hidden}.coar-tree-cell__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;border-radius:4px;transition:background-color .1s}.coar-tree-cell__toggle:hover{background-color:var(--coar-surface-neutral-hover, rgba(0, 0, 0, .06))}.coar-tree-cell__spacer{width:20px;flex-shrink:0}.coar-tree-cell__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-tree-cell__count{color:var(--coar-text-neutral-tertiary, #888);font-size:.85em;flex-shrink:0;margin-left:4px}.coar-grid-header{display:flex;align-items:center;width:100%;height:100%;gap:4px;overflow:hidden}.coar-grid-header--sortable{cursor:pointer}.coar-grid-header__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coar-grid-header__spacer{flex:1}.coar-grid-header__sort-icon{font-size:.65em;opacity:.6;flex-shrink:0}.coar-data-grid-search[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-s)}.coar-data-grid-search--bordered[data-v-aa875501]{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search--elevated[data-v-aa875501]{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);padding:var(--coar-spacing-s)}.coar-data-grid-search__input[data-v-aa875501]{flex:1;min-width:0}.coar-data-grid-search__actions[data-v-aa875501]{display:flex;align-items:center;gap:var(--coar-spacing-xs);flex-shrink:0}.ag-theme-cocoar{--ag-font-family: var(--coar-font-family-body, Poppins, sans-serif);--ag-font-size: var(--coar-font-size-xs, 14px);--ag-grid-size: 4px;--ag-cell-horizontal-padding: var(--coar-spacing-m, 16px);--ag-row-height: 40px;--ag-header-height: 40px;--ag-list-item-height: 36px;--ag-borders: solid 1px;--ag-border-radius: var(--coar-radius-m, 8px);--ag-wrapper-border-radius: var(--coar-radius-m, 8px);--ag-row-border-style: solid;--ag-row-border-width: 1px;--ag-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-header-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #e5e5e5);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-modal-overlay-background-color: rgba(0, 0, 0, .5);--ag-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-row-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-foreground-color: var(--coar-text-neutral-primary, #171717);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #404040);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #525252);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #a3a3a3);--ag-range-selection-border-color: var(--coar-border-accent-primary, #0066cc);--ag-range-selection-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-range-selection-highlight-color: var(--coar-background-accent-secondary, #cce0ff);--ag-input-focus-border-color: var(--coar-border-accent-primary, #0066cc);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #d4d4d4);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #404040);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-side-button-selected-background-color: var(--coar-background-accent-tertiary, #e6f0ff);--ag-menu-background-color: var(--coar-background-neutral-primary, #ffffff);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-checked-color: var(--coar-background-accent-primary, #0066cc);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #e5e5e5);--ag-checkbox-indeterminate-color: var(--coar-background-accent-secondary, #cce0ff);--ag-chip-background-color: var(--coar-background-neutral-secondary, #f5f5f5);--ag-invalid-color: var(--coar-text-semantic-error-bold, #dc2626)}.ag-theme-cocoar .ag-header-cell,.ag-theme-cocoar .ag-cell{transition:none!important}.dark-mode .ag-theme-cocoar,.ag-theme-cocoar.dark-mode{--ag-background-color: var(--coar-background-neutral-primary, #18181b);--ag-header-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-odd-row-background-color: var(--coar-background-neutral-primary, #18181b);--ag-row-hover-color: var(--coar-background-neutral-tertiary, #3f3f46);--ag-selected-row-background-color: var(--coar-background-accent-tertiary, #1e3a5f);--ag-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-row-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-header-column-separator-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-foreground-color: var(--coar-text-neutral-primary, #fafafa);--ag-header-foreground-color: var(--coar-text-neutral-secondary, #e4e4e7);--ag-secondary-foreground-color: var(--coar-text-neutral-tertiary, #a1a1aa);--ag-disabled-foreground-color: var(--coar-text-neutral-disabled, #71717a);--ag-icon-font-color: var(--coar-icon-neutral-secondary, #e4e4e7);--ag-subheader-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-control-panel-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-background-color: var(--coar-background-neutral-primary, #18181b);--ag-menu-border-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-checkbox-unchecked-color: var(--coar-border-neutral-tertiary, #3f3f46);--ag-chip-background-color: var(--coar-background-neutral-secondary, #27272a);--ag-input-disabled-background-color: var(--coar-background-neutral-disabled, #3f3f46)}.ag-theme-cocoar .ag-row-focus{outline:none}.ag-theme-cocoar .ag-row-selected{background-color:var(--ag-selected-row-background-color)!important}.ag-theme-cocoar .ag-header{font-weight:600}.ag-theme-cocoar .ag-header-cell{padding-left:var(--coar-spacing-m, 16px);padding-right:var(--coar-spacing-m, 16px)}.ag-theme-cocoar .ag-cell-focus{border-color:var(--ag-range-selection-border-color, var(--coar-border-accent-primary, #0066cc))!important}.ag-theme-cocoar .ag-row{transition:background-color .15s ease}.ag-theme-cocoar .ag-cell.clickable{cursor:pointer;color:var(--coar-text-accent-primary, #0066cc)}.ag-theme-cocoar .ag-cell.clickable:hover{text-decoration:underline}.ag-theme-cocoar .ag-cell.text-right{justify-content:flex-end;text-align:right}.ag-theme-cocoar .ag-cell.text-center{justify-content:center;text-align:center}.ag-theme-cocoar .ag-overlay-loading-wrapper{background-color:var(--ag-background-color)}.ag-theme-cocoar .ag-overlay-no-rows-wrapper{color:var(--ag-secondary-foreground-color)}.ag-theme-cocoar .ag-row.coar-drop-target{background-color:var(--coar-surface-accent-subtle, rgba(0, 102, 204, .1))!important;outline:2px solid var(--coar-border-accent, #0066cc);outline-offset:-2px;border-radius:var(--coar-radius-s, 6px)}.ag-theme-cocoar.coar-drop-target-root{outline:2px dashed var(--coar-border-accent, #0066cc);outline-offset:-2px;border-radius:var(--coar-radius-s, 6px)}.ag-theme-cocoar.ag-theme-cocoar--bordered{border:1px solid var(--coar-border-neutral);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar.ag-theme-cocoar--elevated{box-shadow:var(--coar-elevation-medium);border-radius:var(--coar-radius-s);overflow:hidden}.ag-theme-cocoar .ag-row.coar-drop-target--invalid{background-color:var(--coar-surface-semantic-error-subtle, rgba(204, 0, 0, .06))!important;outline:2px dashed var(--coar-border-semantic-error, rgba(204, 0, 0, .4));outline-offset:-2px;border-radius:var(--coar-radius-s, 6px);cursor:not-allowed}::highlight(coar-search){text-decoration:underline;text-decoration-color:var(--coar-border-accent, #0066cc);text-decoration-thickness:2px;text-underline-offset:2px;background-color:transparent;color:inherit}.coar-grid-toolbar{display:flex;align-items:center;gap:var(--coar-spacing-s);margin-bottom:var(--coar-spacing-s)}:is(.ag-theme-cocoar--bordered,.ag-theme-cocoar--elevated)>.coar-grid-toolbar{padding:var(--coar-spacing-s) var(--coar-spacing-s) 0;margin-bottom:var(--coar-spacing-s)}.coar-grid-toolbar:has(>:only-child.coar-grid-toolbar__spacer){display:none}.coar-grid-toolbar__search{flex:1;min-width:0}.coar-grid-toolbar__spacer{flex:1}
|
package/dist/index.js
CHANGED
|
@@ -514,13 +514,15 @@ class rr {
|
|
|
514
514
|
// Deferred state (applied after grid ready)
|
|
515
515
|
#h;
|
|
516
516
|
#s;
|
|
517
|
-
#w = [];
|
|
518
517
|
#S = [];
|
|
518
|
+
#b = [];
|
|
519
519
|
// Quick filter
|
|
520
520
|
#n;
|
|
521
521
|
#g;
|
|
522
|
-
//
|
|
522
|
+
// Tracks whether flex columns have been recalculated after first data
|
|
523
523
|
#m = !1;
|
|
524
|
+
// Search highlight
|
|
525
|
+
#C = !1;
|
|
524
526
|
// Tree data
|
|
525
527
|
#d;
|
|
526
528
|
#p = {
|
|
@@ -530,12 +532,12 @@ class rr {
|
|
|
530
532
|
getRowId: () => ""
|
|
531
533
|
};
|
|
532
534
|
// Viewport event handlers (wired by wrapper component)
|
|
533
|
-
#b;
|
|
534
535
|
#y;
|
|
536
|
+
#R;
|
|
535
537
|
/** Reactive flag that becomes true when grid is ready */
|
|
536
538
|
gridReady = this.#f;
|
|
537
539
|
constructor() {
|
|
538
|
-
this.#t = this.#
|
|
540
|
+
this.#t = this.#E();
|
|
539
541
|
}
|
|
540
542
|
/** Create a new grid builder */
|
|
541
543
|
static create() {
|
|
@@ -548,7 +550,7 @@ class rr {
|
|
|
548
550
|
// ============================================================
|
|
549
551
|
// Private helpers
|
|
550
552
|
// ============================================================
|
|
551
|
-
#
|
|
553
|
+
#E() {
|
|
552
554
|
return {
|
|
553
555
|
animateRows: !0,
|
|
554
556
|
suppressColumnMoveAnimation: !0,
|
|
@@ -590,7 +592,11 @@ class rr {
|
|
|
590
592
|
rowDataRef(t) {
|
|
591
593
|
return this.#l = t, this.#u = null, this;
|
|
592
594
|
}
|
|
593
|
-
/**
|
|
595
|
+
/**
|
|
596
|
+
* Set row ID getter for immutable data updates.
|
|
597
|
+
* When set, AG Grid uses delta updates instead of replacing all rows,
|
|
598
|
+
* which preserves scroll position and improves performance.
|
|
599
|
+
*/
|
|
594
600
|
rowId(t) {
|
|
595
601
|
return this.#t.getRowId = t, this;
|
|
596
602
|
}
|
|
@@ -655,7 +661,7 @@ class rr {
|
|
|
655
661
|
}
|
|
656
662
|
/** Re-trigger sort and filter when the given watch source changes */
|
|
657
663
|
updateSortAndFilterWhen(t) {
|
|
658
|
-
return this.#
|
|
664
|
+
return this.#S.push(t), this;
|
|
659
665
|
}
|
|
660
666
|
// ============================================================
|
|
661
667
|
// Column State
|
|
@@ -782,14 +788,14 @@ class rr {
|
|
|
782
788
|
return this.#t.onRowDragMove = this.#r(
|
|
783
789
|
this.#t.onRowDragMove,
|
|
784
790
|
(i) => {
|
|
785
|
-
this.#
|
|
791
|
+
this.#v();
|
|
786
792
|
const s = i.overNode;
|
|
787
793
|
if (!s || !s.data || !i.node.data) {
|
|
788
794
|
this.#a?.classList.add("coar-drop-target-root");
|
|
789
795
|
return;
|
|
790
796
|
}
|
|
791
797
|
if (s === i.node) return;
|
|
792
|
-
const n = this.#
|
|
798
|
+
const n = this.#T(s.id ?? String(s.rowIndex));
|
|
793
799
|
if (!n) return;
|
|
794
800
|
const r = !o.canDrop || o.canDrop(i.node.data, s.data);
|
|
795
801
|
n.classList.add(r ? "coar-drop-target" : "coar-drop-target--invalid");
|
|
@@ -797,12 +803,12 @@ class rr {
|
|
|
797
803
|
), this.#t.onRowDragLeave = this.#r(
|
|
798
804
|
this.#t.onRowDragLeave,
|
|
799
805
|
() => {
|
|
800
|
-
this.#
|
|
806
|
+
this.#v();
|
|
801
807
|
}
|
|
802
808
|
), this.#t.onRowDragEnd = this.#r(
|
|
803
809
|
this.#t.onRowDragEnd,
|
|
804
810
|
() => {
|
|
805
|
-
this.#
|
|
811
|
+
this.#v();
|
|
806
812
|
}
|
|
807
813
|
), this;
|
|
808
814
|
}
|
|
@@ -866,14 +872,14 @@ class rr {
|
|
|
866
872
|
* Wired by the wrapper component.
|
|
867
873
|
*/
|
|
868
874
|
onViewportClick(t) {
|
|
869
|
-
return this.#
|
|
875
|
+
return this.#y = t, this;
|
|
870
876
|
}
|
|
871
877
|
/**
|
|
872
878
|
* Handle context menu on the grid viewport (empty area outside cells).
|
|
873
879
|
* Wired by the wrapper component.
|
|
874
880
|
*/
|
|
875
881
|
onViewportContextMenu(t) {
|
|
876
|
-
return this.#
|
|
882
|
+
return this.#R = t, this;
|
|
877
883
|
}
|
|
878
884
|
// ============================================================
|
|
879
885
|
// External Filtering
|
|
@@ -887,7 +893,7 @@ class rr {
|
|
|
887
893
|
}
|
|
888
894
|
/** Re-trigger external filter when the given watch source changes */
|
|
889
895
|
updateExternalFilterWhen(t) {
|
|
890
|
-
return this.#
|
|
896
|
+
return this.#b.push(t), this;
|
|
891
897
|
}
|
|
892
898
|
// ============================================================
|
|
893
899
|
// Quick Filter (Search)
|
|
@@ -936,7 +942,7 @@ class rr {
|
|
|
936
942
|
* ```
|
|
937
943
|
*/
|
|
938
944
|
searchHighlight(t = !0) {
|
|
939
|
-
return this.#
|
|
945
|
+
return this.#C = t, this;
|
|
940
946
|
}
|
|
941
947
|
// ============================================================
|
|
942
948
|
// Grid Options
|
|
@@ -959,7 +965,7 @@ class rr {
|
|
|
959
965
|
// ============================================================
|
|
960
966
|
// Private - Search Highlight Helpers
|
|
961
967
|
// ============================================================
|
|
962
|
-
#
|
|
968
|
+
#F(t) {
|
|
963
969
|
if (typeof CSS > "u" || !("highlights" in CSS)) return;
|
|
964
970
|
const o = CSS.highlights;
|
|
965
971
|
o.delete("coar-search");
|
|
@@ -981,20 +987,20 @@ class rr {
|
|
|
981
987
|
}
|
|
982
988
|
n.length > 0 && o.set("coar-search", new Highlight(...n));
|
|
983
989
|
}
|
|
984
|
-
#
|
|
985
|
-
this.#
|
|
986
|
-
this.#
|
|
990
|
+
#P(t) {
|
|
991
|
+
this.#C && requestAnimationFrame(() => {
|
|
992
|
+
this.#F(t);
|
|
987
993
|
});
|
|
988
994
|
}
|
|
989
995
|
// ============================================================
|
|
990
996
|
// Private - Row Drag Helpers
|
|
991
997
|
// ============================================================
|
|
992
|
-
#
|
|
998
|
+
#v() {
|
|
993
999
|
(this.#a ?? document).querySelectorAll(".coar-drop-target, .coar-drop-target--invalid").forEach((o) => {
|
|
994
1000
|
o.classList.remove("coar-drop-target", "coar-drop-target--invalid");
|
|
995
1001
|
}), this.#a?.classList.remove("coar-drop-target-root");
|
|
996
1002
|
}
|
|
997
|
-
#
|
|
1003
|
+
#T(t) {
|
|
998
1004
|
return (this.#a ?? document).querySelector(`.ag-row[row-id="${t}"]`);
|
|
999
1005
|
}
|
|
1000
1006
|
// ============================================================
|
|
@@ -1005,13 +1011,13 @@ class rr {
|
|
|
1005
1011
|
* When searchText is provided, only matching branches are included (all expanded).
|
|
1006
1012
|
* Otherwise, openRows controls which parents are expanded.
|
|
1007
1013
|
*/
|
|
1008
|
-
#
|
|
1014
|
+
#w(t, o, i, s, n) {
|
|
1009
1015
|
let r = !1;
|
|
1010
1016
|
const a = this.#d, l = this.#s?.value ?? [];
|
|
1011
1017
|
for (const d of t) {
|
|
1012
1018
|
const c = a.rowId(d), u = a.children(d), h = u.length > 0;
|
|
1013
1019
|
if (i) {
|
|
1014
|
-
const g = this.#
|
|
1020
|
+
const g = this.#A(d, i), p = [], f = /* @__PURE__ */ new Map(), m = h ? this.#w(u, o + 1, i, p, f) : !1;
|
|
1015
1021
|
if (g || m) {
|
|
1016
1022
|
if (s.push(d), n.set(c, { depth: o, hasChildren: h, isExpanded: m, childCount: u.length }), m) {
|
|
1017
1023
|
for (const [C, v] of f) n.set(C, v);
|
|
@@ -1021,33 +1027,33 @@ class rr {
|
|
|
1021
1027
|
}
|
|
1022
1028
|
} else {
|
|
1023
1029
|
const g = h && l.includes(c);
|
|
1024
|
-
s.push(d), n.set(c, { depth: o, hasChildren: h, isExpanded: g, childCount: u.length }), g && this.#
|
|
1030
|
+
s.push(d), n.set(c, { depth: o, hasChildren: h, isExpanded: g, childCount: u.length }), g && this.#w(u, o + 1, null, s, n), r = !0;
|
|
1025
1031
|
}
|
|
1026
1032
|
}
|
|
1027
1033
|
return r;
|
|
1028
1034
|
}
|
|
1029
|
-
#
|
|
1035
|
+
#M(t, o, i) {
|
|
1030
1036
|
if (o == null) {
|
|
1031
1037
|
t.setGridOption("rowData", []), t.setGridOption("loading", !0);
|
|
1032
1038
|
return;
|
|
1033
1039
|
}
|
|
1034
1040
|
const s = i?.trim().toLowerCase() || null, n = [], r = /* @__PURE__ */ new Map();
|
|
1035
|
-
this.#
|
|
1041
|
+
this.#w(o, 0, s, n, r), this.#p.meta = r, t.setGridOption("rowData", n), t.setGridOption("loading", !1), t.refreshCells({ force: !0 }), this.#P(i);
|
|
1036
1042
|
}
|
|
1037
1043
|
/**
|
|
1038
1044
|
* Check if a single row matches the quick filter (used by both flat and tree modes).
|
|
1039
1045
|
*/
|
|
1040
|
-
#
|
|
1041
|
-
return this.#g ? this.#g(o, t) : this.#
|
|
1046
|
+
#A(t, o) {
|
|
1047
|
+
return this.#g ? this.#g(o, t) : this.#D(t, o);
|
|
1042
1048
|
}
|
|
1043
1049
|
// ============================================================
|
|
1044
1050
|
// Private - Quick Filter Helpers
|
|
1045
1051
|
// ============================================================
|
|
1046
|
-
#
|
|
1052
|
+
#I(t, o) {
|
|
1047
1053
|
const i = o?.trim().toLowerCase();
|
|
1048
|
-
return i ? this.#g ? t.filter((s) => this.#g(i, s)) : t.filter((s) => this.#
|
|
1054
|
+
return i ? this.#g ? t.filter((s) => this.#g(i, s)) : t.filter((s) => this.#D(s, i)) : t;
|
|
1049
1055
|
}
|
|
1050
|
-
#
|
|
1056
|
+
#D(t, o) {
|
|
1051
1057
|
for (const i of this.#c) {
|
|
1052
1058
|
if (i.hide || !i.field) continue;
|
|
1053
1059
|
const s = i[Al];
|
|
@@ -1059,13 +1065,13 @@ class rr {
|
|
|
1059
1065
|
}
|
|
1060
1066
|
return !1;
|
|
1061
1067
|
}
|
|
1062
|
-
#
|
|
1068
|
+
#x(t, o, i) {
|
|
1063
1069
|
if (o == null) {
|
|
1064
1070
|
t.setGridOption("rowData", []), t.setGridOption("loading", !0);
|
|
1065
1071
|
return;
|
|
1066
1072
|
}
|
|
1067
|
-
const s = this.#
|
|
1068
|
-
t.setGridOption("rowData", s), t.setGridOption("loading", !1), this.#c.some((n) => n.flex) && t.setGridOption("columnDefs", this.#c), this.#
|
|
1073
|
+
const s = this.#I(o, i);
|
|
1074
|
+
t.setGridOption("rowData", s), t.setGridOption("loading", !1), !this.#m && this.#c.some((n) => n.flex) && (this.#m = !0, t.setGridOption("columnDefs", this.#c)), this.#P(i);
|
|
1069
1075
|
}
|
|
1070
1076
|
/** @internal Called by the wrapper component to bind to AG Grid */
|
|
1071
1077
|
_bind(t, o) {
|
|
@@ -1075,7 +1081,7 @@ class rr {
|
|
|
1075
1081
|
const n = Se(
|
|
1076
1082
|
s,
|
|
1077
1083
|
() => {
|
|
1078
|
-
this.#
|
|
1084
|
+
this.#M(t, i.value, this.#n?.value);
|
|
1079
1085
|
},
|
|
1080
1086
|
{ immediate: !0, deep: !1 }
|
|
1081
1087
|
);
|
|
@@ -1084,7 +1090,7 @@ class rr {
|
|
|
1084
1090
|
const i = this.#l ?? ue(this.#u), s = Se(
|
|
1085
1091
|
[i, this.#n],
|
|
1086
1092
|
([n, r]) => {
|
|
1087
|
-
this.#
|
|
1093
|
+
this.#x(t, n, r);
|
|
1088
1094
|
},
|
|
1089
1095
|
{ immediate: !0 }
|
|
1090
1096
|
);
|
|
@@ -1093,7 +1099,7 @@ class rr {
|
|
|
1093
1099
|
const i = Se(
|
|
1094
1100
|
this.#l,
|
|
1095
1101
|
(s) => {
|
|
1096
|
-
this.#
|
|
1102
|
+
this.#x(t, s);
|
|
1097
1103
|
},
|
|
1098
1104
|
{ immediate: !0 }
|
|
1099
1105
|
);
|
|
@@ -1111,21 +1117,21 @@ class rr {
|
|
|
1111
1117
|
this.#i.push(i);
|
|
1112
1118
|
} else
|
|
1113
1119
|
t.applyColumnState({ state: this.#h, applyOrder: !0 });
|
|
1114
|
-
for (const i of this.#
|
|
1120
|
+
for (const i of this.#S) {
|
|
1115
1121
|
const s = Se(i, () => {
|
|
1116
1122
|
t.onSortChanged(), t.onFilterChanged();
|
|
1117
1123
|
});
|
|
1118
1124
|
this.#i.push(s);
|
|
1119
1125
|
}
|
|
1120
|
-
for (const i of this.#
|
|
1126
|
+
for (const i of this.#b) {
|
|
1121
1127
|
const s = Se(i, () => {
|
|
1122
1128
|
t.onFilterChanged();
|
|
1123
1129
|
});
|
|
1124
1130
|
this.#i.push(s);
|
|
1125
1131
|
}
|
|
1126
|
-
if (this.#
|
|
1132
|
+
if (this.#C && this.#n) {
|
|
1127
1133
|
const i = () => {
|
|
1128
|
-
this.#
|
|
1134
|
+
this.#F(this.#n?.value);
|
|
1129
1135
|
}, s = this.#a?.querySelector(".ag-body-viewport");
|
|
1130
1136
|
s?.addEventListener("scroll", i), this.#i.push(() => s?.removeEventListener("scroll", i));
|
|
1131
1137
|
}
|
|
@@ -1149,15 +1155,15 @@ class rr {
|
|
|
1149
1155
|
_destroy() {
|
|
1150
1156
|
for (const t of this.#i)
|
|
1151
1157
|
t();
|
|
1152
|
-
this.#i = [], this.#e = void 0, this.#a = void 0, this.#f.value = !1, typeof CSS < "u" && "highlights" in CSS && CSS.highlights.delete("coar-search");
|
|
1158
|
+
this.#i = [], this.#e = void 0, this.#a = void 0, this.#f.value = !1, this.#m = !1, typeof CSS < "u" && "highlights" in CSS && CSS.highlights.delete("coar-search");
|
|
1153
1159
|
}
|
|
1154
1160
|
/** @internal Get viewport click handler (for wrapper component) */
|
|
1155
1161
|
_getViewportClickHandler() {
|
|
1156
|
-
return this.#
|
|
1162
|
+
return this.#y;
|
|
1157
1163
|
}
|
|
1158
1164
|
/** @internal Get viewport context menu handler (for wrapper component) */
|
|
1159
1165
|
_getViewportContextMenuHandler() {
|
|
1160
|
-
return this.#
|
|
1166
|
+
return this.#R;
|
|
1161
1167
|
}
|
|
1162
1168
|
/** @internal Check if a cell context menu handler is registered (for wrapper component) */
|
|
1163
1169
|
_hasCellContextMenuHandler() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cocoar/vue-data-grid",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.4",
|
|
4
4
|
"description": "AG Grid wrapper with Cocoar Design System theming for Vue 3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"vue": "^3.5.0",
|
|
45
|
-
"@cocoar/vue-ui": "1.5.
|
|
46
|
-
"@cocoar/vue-localization": "1.5.
|
|
45
|
+
"@cocoar/vue-ui": "1.5.4",
|
|
46
|
+
"@cocoar/vue-localization": "1.5.4"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"vue": "^3.5.0",
|