@simple-table/vue 3.0.3 → 3.0.5

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),r=require("simple-table-core");function t(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function n(r){return t=>{const n=document.createElement("div");return e.render(e.h(r,t),n),n}}function o(r){const t=document.createElement("div");return e.render(r,t),t}function d(r){const t=document.createElement("div");e.render(r,t);const n=t.innerHTML;return e.render(null,t),n}function i(e){return"object"==typeof e||"function"==typeof e}function s(e){const{cellRenderer:r,headerRenderer:o,children:d,nestedTable:i}=e,a=t(e,["cellRenderer","headerRenderer","children","nestedTable"]),c=Object.assign({},a);if(r&&(c.cellRenderer="object"==typeof r?n(r):r),o&&(c.headerRenderer="object"==typeof o?n(o):o),d&&(c.children=d.map(s)),i){const e=Object.assign(Object.assign({},i),{rows:[]});c.nestedTable=l(e)}return c}function l(e){const{defaultHeaders:r,rows:l,footerRenderer:a,emptyStateRenderer:c,errorStateRenderer:u,loadingStateRenderer:f,tableEmptyStateRenderer:p,headerDropdown:m,columnEditorConfig:b,icons:R}=e,y=t(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons"]),g=Object.assign(Object.assign({},y),{rows:l,defaultHeaders:r.map(s)});if(void 0!==a&&(g.footerRenderer="object"==typeof a?n(a):a),void 0!==c)if(i(c))g.emptyStateRenderer=n(c);else{const e=c;g.emptyStateRenderer=()=>o(e)}if(void 0!==u)if(i(u))g.errorStateRenderer=n(u);else{const e=u;g.errorStateRenderer=()=>o(e)}if(void 0!==f)if(i(f))g.loadingStateRenderer=n(f);else{const e=f;g.loadingStateRenderer=()=>o(e)}return void 0!==p&&(g.tableEmptyStateRenderer=null===p?null:p instanceof HTMLElement||"string"==typeof p?p:o(p)),void 0!==m&&(g.headerDropdown=n(m)),void 0!==b&&(g.columnEditorConfig=function(e){const{rowRenderer:r,customRenderer:o}=e,d=t(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},d),r?{rowRenderer:n(r)}:{}),o?{customRenderer:n(o)}:{})}(b)),void 0!==R&&(g.icons=function(e){const r={};for(const[t,n]of Object.entries(e))null!=n&&(r[t]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:d(n));return r}(R)),g}function a(r){const t={};for(const n in r)t[e.camelize(n)]=""===r[n]||r[n];return t}"function"==typeof SuppressedError&&SuppressedError;const c=e.defineComponent({name:"SimpleTable",props:{},inheritAttrs:!1,setup(t,{attrs:n,expose:o}){const d=e.ref(null);let i=null;return e.onMounted(()=>{d.value&&(i=new r.SimpleTableVanilla(d.value,l(a(n))),i.mount())}),e.onUpdated(()=>{null==i||i.update(l(a(n)))}),e.onUnmounted(()=>{null==i||i.destroy(),i=null}),o({getAPI:()=>{var e;return null!==(e=null==i?void 0:i.getAPI())&&void 0!==e?e:null}}),()=>e.h("div",{ref:d})}});Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return r.asRows}}),exports.SimpleTable=c,exports.defaultHeaderFromCore=function(e){return e},exports.defaultHeadersFromCore=function(e){return e},exports.mapToVueHeaderObjects=function(e){return e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),r=require("simple-table-core");function n(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(n[t[o]]=e[t[o]])}return n}function t(r){return n=>{const t=document.createElement("div");return e.render(e.h(r,n),t),t}}function o(r){const n=document.createElement("div");return e.render(r,n),n}function d(r){const n=document.createElement("div");e.render(r,n);const t=n.innerHTML;return e.render(null,n),t}function i(e){return"object"==typeof e||"function"==typeof e}function l(e){const{cellRenderer:r,headerRenderer:o,children:d,nestedTable:i}=e,a=n(e,["cellRenderer","headerRenderer","children","nestedTable"]),c=Object.assign({},a);if(r&&(c.cellRenderer="object"==typeof r?t(r):r),o&&(c.headerRenderer="object"==typeof o?t(o):o),d&&(c.children=d.map(l)),i){const e=Object.assign(Object.assign({},i),{rows:[]});c.nestedTable=s(e)}return c}function s(e){const{defaultHeaders:r,rows:s,footerRenderer:a,emptyStateRenderer:c,errorStateRenderer:u,loadingStateRenderer:f,tableEmptyStateRenderer:p,headerDropdown:m,columnEditorConfig:b,icons:R}=e,y=n(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons"]),g=Object.assign(Object.assign({},y),{rows:s,defaultHeaders:r.map(l)});if(void 0!==a&&(g.footerRenderer="object"==typeof a?t(a):a),void 0!==c)if(i(c))g.emptyStateRenderer=t(c);else{const e=c;g.emptyStateRenderer=()=>o(e)}if(void 0!==u)if(i(u))g.errorStateRenderer=t(u);else{const e=u;g.errorStateRenderer=()=>o(e)}if(void 0!==f)if(i(f))g.loadingStateRenderer=t(f);else{const e=f;g.loadingStateRenderer=()=>o(e)}return void 0!==p&&(g.tableEmptyStateRenderer=null===p?null:p instanceof HTMLElement||"string"==typeof p?p:o(p)),void 0!==m&&(g.headerDropdown=t(m)),void 0!==b&&(g.columnEditorConfig=function(e){const{rowRenderer:r,customRenderer:o}=e,d=n(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},d),r?{rowRenderer:t(r)}:{}),o?{customRenderer:t(o)}:{})}(b)),void 0!==R&&(g.icons=function(e){const r={};for(const[n,t]of Object.entries(e))null!=t&&(r[n]="string"==typeof t||t instanceof HTMLElement||t instanceof SVGElement?t:d(t));return r}(R)),g}function a(r){const n={};for(const t in r)n[e.camelize(t)]=""===r[t]||r[t];return n}"function"==typeof SuppressedError&&SuppressedError;const c=e.defineComponent({name:"SimpleTable",props:{},inheritAttrs:!1,setup(n,{attrs:t,expose:o}){const d=e.ref(null);let i=null;return e.onMounted(()=>{d.value&&(i=new r.SimpleTableVanilla(d.value,s(a(t))),i.mount())}),e.onUpdated(()=>{null==i||i.update(s(a(t)))}),e.onUnmounted(()=>{null==i||i.destroy(),i=null}),o({getAPI:()=>{var e;return null!==(e=null==i?void 0:i.getAPI())&&void 0!==e?e:null}}),()=>e.h("div",{ref:d})}});Object.defineProperty(exports,"asRows",{enumerable:!0,get:function(){return r.asRows}}),exports.SimpleTable=c;
 //# sourceMappingURL=index.js.map

package/dist/index.es.js

@@ -1,2 +1,2 @@
-import{render as e,h as r,defineComponent as t,ref as n,onMounted as o,onUpdated as d,onUnmounted as i,camelize as c}from"vue";import{SimpleTableVanilla as l}from"simple-table-core";export{asRows}from"simple-table-core";function s(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function a(t){return n=>{const o=document.createElement("div");return e(r(t,n),o),o}}function u(r){const t=document.createElement("div");return e(r,t),t}function f(r){const t=document.createElement("div");e(r,t);const n=t.innerHTML;return e(null,t),n}function p(e){return"object"==typeof e||"function"==typeof e}function m(e){const{cellRenderer:r,headerRenderer:t,children:n,nestedTable:o}=e,d=s(e,["cellRenderer","headerRenderer","children","nestedTable"]),i=Object.assign({},d);if(r&&(i.cellRenderer="object"==typeof r?a(r):r),t&&(i.headerRenderer="object"==typeof t?a(t):t),n&&(i.children=n.map(m)),o){const e=Object.assign(Object.assign({},o),{rows:[]});i.nestedTable=R(e)}return i}function R(e){const{defaultHeaders:r,rows:t,footerRenderer:n,emptyStateRenderer:o,errorStateRenderer:d,loadingStateRenderer:i,tableEmptyStateRenderer:c,headerDropdown:l,columnEditorConfig:R,icons:b}=e,y=s(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons"]),g=Object.assign(Object.assign({},y),{rows:t,defaultHeaders:r.map(m)});if(void 0!==n&&(g.footerRenderer="object"==typeof n?a(n):n),void 0!==o)if(p(o))g.emptyStateRenderer=a(o);else{const e=o;g.emptyStateRenderer=()=>u(e)}if(void 0!==d)if(p(d))g.errorStateRenderer=a(d);else{const e=d;g.errorStateRenderer=()=>u(e)}if(void 0!==i)if(p(i))g.loadingStateRenderer=a(i);else{const e=i;g.loadingStateRenderer=()=>u(e)}return void 0!==c&&(g.tableEmptyStateRenderer=null===c?null:c instanceof HTMLElement||"string"==typeof c?c:u(c)),void 0!==l&&(g.headerDropdown=a(l)),void 0!==R&&(g.columnEditorConfig=function(e){const{rowRenderer:r,customRenderer:t}=e,n=s(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},n),r?{rowRenderer:a(r)}:{}),t?{customRenderer:a(t)}:{})}(R)),void 0!==b&&(g.icons=function(e){const r={};for(const[t,n]of Object.entries(e))null!=n&&(r[t]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:f(n));return r}(b)),g}function b(e){const r={};for(const t in e)r[c(t)]=""===e[t]||e[t];return r}"function"==typeof SuppressedError&&SuppressedError;const y=t({name:"SimpleTable",props:{},inheritAttrs:!1,setup(e,{attrs:t,expose:c}){const s=n(null);let a=null;return o(()=>{s.value&&(a=new l(s.value,R(b(t))),a.mount())}),d(()=>{null==a||a.update(R(b(t)))}),i(()=>{null==a||a.destroy(),a=null}),c({getAPI:()=>{var e;return null!==(e=null==a?void 0:a.getAPI())&&void 0!==e?e:null}}),()=>r("div",{ref:s})}});function g(e){return e}function v(e){return e}function S(e){return e}export{y as SimpleTable,g as defaultHeaderFromCore,v as defaultHeadersFromCore,S as mapToVueHeaderObjects};
+import{render as e,h as r,defineComponent as t,ref as n,onMounted as o,onUpdated as d,onUnmounted as i,camelize as l}from"vue";import{SimpleTableVanilla as s}from"simple-table-core";export{asRows}from"simple-table-core";function c(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function a(t){return n=>{const o=document.createElement("div");return e(r(t,n),o),o}}function u(r){const t=document.createElement("div");return e(r,t),t}function f(r){const t=document.createElement("div");e(r,t);const n=t.innerHTML;return e(null,t),n}function p(e){return"object"==typeof e||"function"==typeof e}function m(e){const{cellRenderer:r,headerRenderer:t,children:n,nestedTable:o}=e,d=c(e,["cellRenderer","headerRenderer","children","nestedTable"]),i=Object.assign({},d);if(r&&(i.cellRenderer="object"==typeof r?a(r):r),t&&(i.headerRenderer="object"==typeof t?a(t):t),n&&(i.children=n.map(m)),o){const e=Object.assign(Object.assign({},o),{rows:[]});i.nestedTable=R(e)}return i}function R(e){const{defaultHeaders:r,rows:t,footerRenderer:n,emptyStateRenderer:o,errorStateRenderer:d,loadingStateRenderer:i,tableEmptyStateRenderer:l,headerDropdown:s,columnEditorConfig:R,icons:b}=e,y=c(e,["defaultHeaders","rows","footerRenderer","emptyStateRenderer","errorStateRenderer","loadingStateRenderer","tableEmptyStateRenderer","headerDropdown","columnEditorConfig","icons"]),g=Object.assign(Object.assign({},y),{rows:t,defaultHeaders:r.map(m)});if(void 0!==n&&(g.footerRenderer="object"==typeof n?a(n):n),void 0!==o)if(p(o))g.emptyStateRenderer=a(o);else{const e=o;g.emptyStateRenderer=()=>u(e)}if(void 0!==d)if(p(d))g.errorStateRenderer=a(d);else{const e=d;g.errorStateRenderer=()=>u(e)}if(void 0!==i)if(p(i))g.loadingStateRenderer=a(i);else{const e=i;g.loadingStateRenderer=()=>u(e)}return void 0!==l&&(g.tableEmptyStateRenderer=null===l?null:l instanceof HTMLElement||"string"==typeof l?l:u(l)),void 0!==s&&(g.headerDropdown=a(s)),void 0!==R&&(g.columnEditorConfig=function(e){const{rowRenderer:r,customRenderer:t}=e,n=c(e,["rowRenderer","customRenderer"]);return Object.assign(Object.assign(Object.assign({},n),r?{rowRenderer:a(r)}:{}),t?{customRenderer:a(t)}:{})}(R)),void 0!==b&&(g.icons=function(e){const r={};for(const[t,n]of Object.entries(e))null!=n&&(r[t]="string"==typeof n||n instanceof HTMLElement||n instanceof SVGElement?n:f(n));return r}(b)),g}function b(e){const r={};for(const t in e)r[l(t)]=""===e[t]||e[t];return r}"function"==typeof SuppressedError&&SuppressedError;const y=t({name:"SimpleTable",props:{},inheritAttrs:!1,setup(e,{attrs:t,expose:l}){const c=n(null);let a=null;return o(()=>{c.value&&(a=new s(c.value,R(b(t))),a.mount())}),d(()=>{null==a||a.update(R(b(t)))}),i(()=>{null==a||a.destroy(),a=null}),l({getAPI:()=>{var e;return null!==(e=null==a?void 0:a.getAPI())&&void 0!==e?e:null}}),()=>r("div",{ref:c})}});export{y as SimpleTable};
 //# sourceMappingURL=index.es.js.map

package/dist/types/core/src/core/rendering/RenderOrchestrator.d.ts

@@ -92,6 +92,13 @@ export declare class RenderOrchestrator {
     private lastRowsRef;
     private flattenedRowsCache;
     private lastProcessedResult;
+    /** Fingerprint for skipping pagination + height-map work on vertical scroll frames. */
+    private processRowsScrollReuseKey;
+    private processRowsScrollReuseBase;
+    /** Last painted virtual row range on scroll-raf; when unchanged, DOM work is redundant (native scroll moves content). */
+    private lastScrollRafPaintedRange;
+    /** Reuse normalized headers across scroll frames when layout inputs are unchanged. */
+    private scrollRafHeadersMemo;
     constructor();
     getCachedFlattenResult(): FlattenRowsResult | null;
     getLastProcessedResult(): ProcessRowsResult | null;

package/dist/types/core/src/managers/ScrollManager.d.ts

@@ -19,10 +19,13 @@ export declare class ScrollManager {
     private subscribers;
     private lastScrollTop;
     private scrollTimeoutId;
+    /** Coalesce scroll-driven subscriber notifications to one rAF (avoids sync storms + reflow). */
+    private notifySubscribersRafId;
     constructor(config: ScrollManagerConfig);
     updateConfig(config: Partial<ScrollManagerConfig>): void;
     subscribe(callback: StateChangeCallback): () => void;
     private notifySubscribers;
+    private scheduleNotifySubscribersFromScroll;
     handleScroll(scrollTop: number, scrollLeft: number, containerHeight: number, contentHeight: number): void;
     setScrolling(isScrolling: boolean): void;
     getState(): ScrollManagerState;

package/dist/types/core/src/utils/rowProcessing.d.ts

@@ -34,3 +34,22 @@ export interface ProcessRowsResult {
     heightMap: CumulativeHeightMap | undefined;
 }
 export declare function processRows(config: ProcessRowsConfig): ProcessRowsResult;
+/** Layout inputs that do not depend on scroll position (reuse across scroll-raf frames). */
+export interface ProcessRowsScrollReuseBase {
+    currentTableRows: TableRow[];
+    paginatedHeightOffsets: HeightOffsets | undefined;
+    heightMap: CumulativeHeightMap | undefined;
+}
+/**
+ * Recomputes only viewport-dependent fields when pagination, height map, and row list
+ * are unchanged (vertical scroll only). Avoids re-running applyPagination and
+ * buildCumulativeHeightMap on every scroll frame.
+ */
+export declare function recomputeProcessRowsViewport(base: ProcessRowsScrollReuseBase, config: {
+    contentHeight: number | undefined;
+    rowHeight: number;
+    scrollTop: number;
+    scrollDirection?: "up" | "down" | "none";
+    enableStickyParents: boolean;
+    rowGrouping?: Accessor[];
+}): ProcessRowsResult;

package/dist/types/vue/src/index.d.ts

@@ -1,5 +1,4 @@
 export { default as SimpleTable } from "./SimpleTable";
 export { asRows } from "simple-table-core";
-export { defaultHeaderFromCore, defaultHeadersFromCore, mapToVueHeaderObjects, } from "./defaultHeadersFromCore";
 export type { SimpleTableVueProps, TableInstance, VueHeaderObject, VueColumnEditorConfig, VueIconsConfig, VueIconElement, VueCellRenderer, VueHeaderRenderer, VueFooterRenderer, VueHeaderDropdown, VueColumnEditorRowRenderer, VueColumnEditorCustomRenderer, VueLoadingStateRenderer, VueErrorStateRenderer, VueEmptyStateRenderer, } from "./types";
 export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorRowRendererComponents, ColumnEditorCustomRenderer, ColumnEditorCustomRendererProps, ColumnEditorRowRendererProps, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, DragHandlerProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, FooterRendererProps, GetRowId, GetRowIdParams, HeaderDropdown, HeaderDropdownProps, HeaderObject, HeaderRenderer, HeaderRendererComponents, HeaderRendererProps, IconsConfig, LoadingStateRenderer, LoadingStateRendererProps, OnRowGroupExpandProps, OnSortProps, QuickFilterConfig, QuickFilterGetter, QuickFilterGetterProps, QuickFilterMode, Row, RowButtonProps, RowId, RowSelectionChangeProps, RowState, SetHeaderRenameProps, SharedTableProps, ShowWhen, SimpleTableConfig, SimpleTableProps, SortColumn, TableAPI, TableFilterState, TableHeaderProps, TableRowProps, Theme, UpdateDataProps, ValueFormatter, ValueFormatterProps, ValueGetter, ValueGetterProps, } from "simple-table-core";

package/dist/types/vue/src/types.d.ts

@@ -35,8 +35,8 @@ export interface VueColumnEditorConfig extends Omit<ColumnEditorConfig, "rowRend
 }
 /**
  * Column definition for `defaultHeaders`: core column metadata with Vue-only
- * `cellRenderer` / `headerRenderer` / `children` / `nestedTable`. For trees from
- * `simple-table-core`, use `defaultHeadersFromCore` / `mapToVueHeaderObjects`.
+ * `cellRenderer` / `headerRenderer` / `children` / `nestedTable`.
+ * `defaultHeaders` also accepts plain `HeaderObject[]` from shared configs.
  */
 export interface VueHeaderObject extends Omit<HeaderObject, "cellRenderer" | "headerRenderer" | "children" | "nestedTable"> {
     cellRenderer?: VueCellRenderer;
@@ -45,7 +45,7 @@ export interface VueHeaderObject extends Omit<HeaderObject, "cellRenderer" | "he
     nestedTable?: Omit<SimpleTableVueProps, "rows" | "loadingStateRenderer" | "errorStateRenderer" | "emptyStateRenderer" | "tableEmptyStateRenderer">;
 }
 export interface SimpleTableVueProps extends Omit<SimpleTableProps, "rows" | "defaultHeaders" | "footerRenderer" | "emptyStateRenderer" | "errorStateRenderer" | "loadingStateRenderer" | "tableEmptyStateRenderer" | "headerDropdown" | "columnEditorConfig" | "icons"> {
-    defaultHeaders: VueHeaderObject[];
+    defaultHeaders: ReadonlyArray<HeaderObject | VueHeaderObject>;
     /** Row data: domain objects or core `Row[]`; cast inside the adapter. */
     rows: ReadonlyArray<Row> | ReadonlyArray<object>;
     footerRenderer?: VueFooterRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-table/vue",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/types/vue/src/index.d.ts",
@@ -28,7 +28,7 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "simple-table-core": "3.0.3"
+    "simple-table-core": "3.0.5"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "4.0.0",

package/dist/types/vue/src/defaultHeadersFromCore.d.ts

@@ -1,5 +0,0 @@
-import type { HeaderObject } from "simple-table-core";
-import type { VueHeaderObject } from "./types";
-export declare function defaultHeaderFromCore(header: HeaderObject): VueHeaderObject;
-export declare function defaultHeadersFromCore(headers: readonly HeaderObject[]): VueHeaderObject[];
-export declare function mapToVueHeaderObjects(columns: readonly object[]): VueHeaderObject[];