@visactor/vtable 0.9.0-alpha.0-alpha.0

package/cjs/core/tableHelper.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports._getScrollableVisibleRect = exports.isAutoDefine = exports._applyColWidthLimits = exports._toPxWidth = exports._getTargetFrozenColAt = exports._getTargetFrozenRowAt = exports._setDataSource = exports._setRecords = exports._dealWithUpdateDataSource = exports.updateRootElementPadding = exports.createRootElement = void 0;
+
+const data_1 = require("../data"), Rect_1 = require("../tools/Rect"), calc = __importStar(require("../tools/calc"));
+
+function createRootElement(padding) {
+    var _a, _b;
+    const element = document.createElement("div");
+    element.setAttribute("tabindex", "0"), element.classList.add("vtable"), element.style.outline = "none", 
+    element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
+    const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1, height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
+    return element.style.width = width && width - padding.left - padding.right + "px" || "0px", 
+    element.style.height = height && height - padding.top - padding.bottom + "px" || "0px", 
+    element;
+}
+
+function updateRootElementPadding(element, padding) {
+    var _a, _b;
+    element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
+    const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1, height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
+    element.style.width = width && width - padding.left - padding.right + "px" || "0px", 
+    element.style.height = height && height - padding.top - padding.bottom + "px" || "0px";
+}
+
+function _dealWithUpdateDataSource(table, fn) {
+    const {dataSourceEventIds: dataSourceEventIds} = table.internalProps;
+    dataSourceEventIds && dataSourceEventIds.forEach((id => table.internalProps.handler.off(id))), 
+    fn(table), table.internalProps.dataSourceEventIds = [ table.internalProps.handler.on(table.internalProps.dataSource, data_1.DataSource.EVENT_TYPE.CHANGE_ORDER, (() => {
+        table.dataSource.enableHierarchyState && table.refreshRowColCount(), table.invalidate();
+    })) ];
+}
+
+function _setRecords(table, records = []) {
+    _dealWithUpdateDataSource(table, (() => {
+        var _a, _b;
+        const data = records;
+        table.internalProps.records = records;
+        const newDataSource = table.internalProps.dataSource = data_1.CachedDataSource.ofArray(data, table.pagerConf, null !== (_a = table.options.hierarchyExpandLevel) && void 0 !== _a ? _a : (null === (_b = table.hasHierarchyTreeHeader) || void 0 === _b ? void 0 : _b.call(table)) ? 1 : void 0);
+        table.addDisposable(newDataSource);
+    }));
+}
+
+function _setDataSource(table, dataSource) {
+    _dealWithUpdateDataSource(table, (() => {
+        if (dataSource) if (dataSource instanceof data_1.DataSource) table.internalProps.dataSource = dataSource; else {
+            const newDataSource = table.internalProps.dataSource = new data_1.CachedDataSource(dataSource);
+            table.addDisposable(newDataSource);
+        } else table.internalProps.dataSource = data_1.DataSource.EMPTY;
+        table.internalProps.records = null;
+    }));
+}
+
+function _getTargetFrozenRowAt(table, absoluteY) {
+    if (!table.internalProps.frozenRowCount) return null;
+    let {scrollTop: scrollTop} = table;
+    const rowCount = table.internalProps.frozenRowCount;
+    for (let row = 0; row < rowCount; row++) {
+        const height = table.getRowHeight(row), bottom = scrollTop + height;
+        if (bottom > absoluteY) return {
+            top: scrollTop,
+            row: row,
+            bottom: bottom,
+            height: height
+        };
+        scrollTop = bottom;
+    }
+    return null;
+}
+
+function _getTargetFrozenColAt(table, absoluteX) {
+    if (!table.internalProps.frozenColCount) return null;
+    let {scrollLeft: scrollLeft} = table;
+    const colCount = table.internalProps.frozenColCount;
+    for (let col = 0; col < colCount; col++) {
+        const width = table.getColWidth(col), right = scrollLeft + width;
+        if (right > absoluteX) return {
+            left: scrollLeft,
+            col: col,
+            right: right,
+            width: width
+        };
+        scrollLeft = right;
+    }
+    return null;
+}
+
+function _toPxWidth(table, width) {
+    return Math.round(calc.toPx(width, table.internalProps.calcWidthContext));
+}
+
+function _applyColWidthLimits(limits, orgWidth) {
+    return limits ? limits.min && limits.min > orgWidth ? limits.min : limits.max && limits.max < orgWidth ? limits.max : orgWidth : orgWidth;
+}
+
+function isAutoDefine(width) {
+    return Boolean(width && "string" == typeof width && "auto" === width.toLowerCase());
+}
+
+function _getScrollableVisibleRect(table) {
+    let frozenColsWidth = 0;
+    table.internalProps.frozenColCount > 0 && (frozenColsWidth = table.getFrozenColsWidth());
+    let frozenRowsHeight = 0;
+    return table.internalProps.frozenRowCount > 0 && (frozenRowsHeight = table.getFrozenRowsHeight()), 
+    new Rect_1.Rect(table.scrollLeft + frozenColsWidth, table.scrollTop + frozenRowsHeight, table.tableNoFrameWidth - frozenColsWidth, table.tableNoFrameHeight - frozenRowsHeight);
+}
+
+exports.createRootElement = createRootElement, exports.updateRootElementPadding = updateRootElementPadding, 
+exports._dealWithUpdateDataSource = _dealWithUpdateDataSource, exports._setRecords = _setRecords, 
+exports._setDataSource = _setDataSource, exports._getTargetFrozenRowAt = _getTargetFrozenRowAt, 
+exports._getTargetFrozenColAt = _getTargetFrozenColAt, exports._toPxWidth = _toPxWidth, 
+exports._applyColWidthLimits = _applyColWidthLimits, exports.isAutoDefine = isAutoDefine, 
+exports._getScrollableVisibleRect = _getScrollableVisibleRect;
+//# sourceMappingURL=tableHelper.js.map

package/cjs/core/tableHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["core/tableHelper.ts"],"names":[],"mappings":"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","file":"tableHelper.js","sourcesContent":["import type { BaseTable } from '../core';\nimport { CachedDataSource, DataSource } from '../data';\nimport { Rect } from '../tools/Rect';\nimport * as calc from '../tools/calc';\nimport type { BaseTableAPI } from '../ts-types/base-table';\n\nexport function createRootElement(padding: any): HTMLElement {\n  const element = document.createElement('div');\n  element.setAttribute('tabindex', '0');\n  element.classList.add('vtable');\n  element.style.outline = 'none';\n  element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;\n\n  const width = (element.offsetWidth || element.parentElement?.offsetWidth || 1) - 1;\n  const height = (element.offsetHeight || element.parentElement?.offsetHeight || 1) - 1;\n\n  element.style.width = (width && `${width - padding.left - padding.right}px`) || '0px';\n  element.style.height = (height && `${height - padding.top - padding.bottom}px`) || '0px';\n\n  return element;\n}\nexport function updateRootElementPadding(element: HTMLElement, padding: any): void {\n  element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;\n  const width = (element.offsetWidth || element.parentElement?.offsetWidth || 1) - 1;\n  const height = (element.offsetHeight || element.parentElement?.offsetHeight || 1) - 1;\n  element.style.width = (width && `${width - padding.left - padding.right}px`) || '0px';\n  element.style.height = (height && `${height - padding.top - padding.bottom}px`) || '0px';\n}\nexport function _dealWithUpdateDataSource(table: BaseTableAPI, fn: (table: BaseTableAPI) => void): void {\n  const { dataSourceEventIds } = table.internalProps;\n\n  if (dataSourceEventIds) {\n    dataSourceEventIds.forEach((id: any) => table.internalProps.handler.off(id));\n  }\n\n  fn(table);\n\n  table.internalProps.dataSourceEventIds = [\n    table.internalProps.handler.on(table.internalProps.dataSource, DataSource.EVENT_TYPE.CHANGE_ORDER, () => {\n      if (table.dataSource.enableHierarchyState) {\n        table.refreshRowColCount();\n      }\n      table.invalidate();\n    })\n  ];\n}\n/** @private */\nexport function _setRecords(table: BaseTableAPI, records: any[] = []): void {\n  _dealWithUpdateDataSource(table, () => {\n    const data = records;\n    table.internalProps.records = records;\n    const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(\n      data,\n      table.pagerConf,\n      (table.options as any).hierarchyExpandLevel ?? (table.hasHierarchyTreeHeader?.() ? 1 : undefined)\n    ));\n    table.addDisposable(newDataSource);\n  });\n}\n\nexport function _setDataSource(table: BaseTableAPI, dataSource: DataSource): void {\n  _dealWithUpdateDataSource(table, () => {\n    if (dataSource) {\n      if (dataSource instanceof DataSource) {\n        table.internalProps.dataSource = dataSource;\n      } else {\n        const newDataSource = (table.internalProps.dataSource = new CachedDataSource(dataSource));\n        table.addDisposable(newDataSource);\n      }\n    } else {\n      table.internalProps.dataSource = DataSource.EMPTY;\n    }\n    table.internalProps.records = null;\n  });\n}\nexport function _getTargetFrozenRowAt(\n  table: BaseTable,\n  absoluteY: number\n): {\n  top: number;\n  row: number;\n  bottom: number;\n  height: number;\n} | null {\n  if (!table.internalProps.frozenRowCount) {\n    return null;\n  }\n  let { scrollTop } = table;\n  const rowCount = table.internalProps.frozenRowCount;\n  for (let row = 0; row < rowCount; row++) {\n    const height = table.getRowHeight(row);\n    const bottom = scrollTop + height;\n    if (bottom > absoluteY) {\n      return {\n        top: scrollTop,\n        row,\n        bottom,\n        height\n      };\n    }\n    scrollTop = bottom;\n  }\n  return null;\n}\n\nexport function _getTargetFrozenColAt(\n  table: BaseTable,\n  absoluteX: number\n): {\n  left: number;\n  col: number;\n  right: number;\n  width: number;\n} | null {\n  if (!table.internalProps.frozenColCount) {\n    return null;\n  }\n  let { scrollLeft } = table;\n  const colCount = table.internalProps.frozenColCount;\n  for (let col = 0; col < colCount; col++) {\n    const width = table.getColWidth(col);\n    const right = scrollLeft + width;\n    if (right > absoluteX) {\n      return {\n        left: scrollLeft,\n        col,\n        right,\n        width\n      };\n    }\n    scrollLeft = right;\n  }\n  return null;\n}\n\nexport function _toPxWidth(table: BaseTable, width: string | number): number {\n  return Math.round(calc.toPx(width, table.internalProps.calcWidthContext));\n}\n\nexport function _applyColWidthLimits(limits: { min?: number; max?: number } | void | null, orgWidth: number): number {\n  if (!limits) {\n    return orgWidth;\n  }\n\n  if (limits.min) {\n    if (limits.min > orgWidth) {\n      return limits.min;\n    }\n  }\n  if (limits.max) {\n    if (limits.max < orgWidth) {\n      return limits.max;\n    }\n  }\n  return orgWidth;\n}\n/**\n * 检查设置的width是否为'auto'\n * @param {string|number} width width definition\n * @returns {boolean}\n */\nexport function isAutoDefine(width: string | number): width is 'auto' {\n  return Boolean(width && typeof width === 'string' && width.toLowerCase() === 'auto');\n}\n\nexport function _getScrollableVisibleRect(table: BaseTable): Rect {\n  let frozenColsWidth = 0;\n  if (table.internalProps.frozenColCount > 0) {\n    //有固定列时绘制固定列\n    frozenColsWidth = table.getFrozenColsWidth();\n  }\n  let frozenRowsHeight = 0;\n  if (table.internalProps.frozenRowCount > 0) {\n    //有固定列时绘制固定列\n    frozenRowsHeight = table.getFrozenRowsHeight();\n  }\n  return new Rect(\n    table.scrollLeft + frozenColsWidth,\n    table.scrollTop + frozenRowsHeight,\n    table.tableNoFrameWidth - frozenColsWidth,\n    table.tableNoFrameHeight - frozenRowsHeight\n  );\n}\n"]}

package/cjs/core.d.ts

@@ -0,0 +1,3 @@
+import { BaseTable } from './core/BaseTable';
+import { TABLE_EVENT_TYPE as EVENT_TYPE } from './core/TABLE_EVENT_TYPE';
+export { BaseTable, EVENT_TYPE };

package/cjs/core.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.EVENT_TYPE = exports.BaseTable = void 0;
+
+const BaseTable_1 = require("./core/BaseTable");
+
+Object.defineProperty(exports, "BaseTable", {
+    enumerable: !0,
+    get: function() {
+        return BaseTable_1.BaseTable;
+    }
+});
+
+const TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE");
+
+Object.defineProperty(exports, "EVENT_TYPE", {
+    enumerable: !0,
+    get: function() {
+        return TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE;
+    }
+});
+//# sourceMappingURL=core.js.map

package/cjs/core.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["core.ts"],"names":[],"mappings":";;;AAAA,gDAA6C;AAGpC,0FAHA,qBAAS,OAGA;AAFlB,8DAAyE;AAErD,2FAFS,mCAAU,OAET","file":"core.js","sourcesContent":["import { BaseTable } from './core/BaseTable';\nimport { TABLE_EVENT_TYPE as EVENT_TYPE } from './core/TABLE_EVENT_TYPE';\n\nexport { BaseTable, EVENT_TYPE };\n"]}

package/cjs/data/CachedDataSource.d.ts

@@ -0,0 +1,16 @@
+import type { FieldData, FieldDef, IPagerConf, MaybePromiseOrUndefined } from '../ts-types';
+import type { DataSourceParam } from './DataSource';
+import { DataSource } from './DataSource';
+export declare class CachedDataSource extends DataSource {
+    private _recordCache;
+    private _fieldCache;
+    static get EVENT_TYPE(): typeof DataSource.EVENT_TYPE;
+    static ofArray(array: any[], pagerConf?: IPagerConf, hierarchyExpandLevel?: number): CachedDataSource;
+    constructor(opt?: DataSourceParam, pagerConf?: IPagerConf, hierarchyExpandLevel?: number);
+    protected getOriginalRecord(index: number): MaybePromiseOrUndefined;
+    protected getOriginalField<F extends FieldDef>(index: number, field: F): FieldData;
+    clearCache(): void;
+    protected fieldPromiseCallBack<F extends FieldDef>(index: number, field: F, value: MaybePromiseOrUndefined): void;
+    protected recordPromiseCallBack(index: number, record: MaybePromiseOrUndefined): void;
+    dispose(): void;
+}

package/cjs/data/CachedDataSource.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CachedDataSource = void 0;
+
+const util_1 = require("../tools/util"), DataSource_1 = require("./DataSource");
+
+function _setFieldCache(fCache, index, field, value) {
+    (fCache[index] || (fCache[index] = new Map)).set(field, value);
+}
+
+class CachedDataSource extends DataSource_1.DataSource {
+    static get EVENT_TYPE() {
+        return DataSource_1.DataSource.EVENT_TYPE;
+    }
+    static ofArray(array, pagerConf, hierarchyExpandLevel) {
+        return new CachedDataSource({
+            get: index => Array.isArray(index) ? (0, util_1.getValueFromDeepArray)(array, index) : array[index],
+            length: array.length,
+            source: array
+        }, pagerConf, hierarchyExpandLevel);
+    }
+    constructor(opt, pagerConf, hierarchyExpandLevel) {
+        super(opt, pagerConf, hierarchyExpandLevel), this._recordCache = {}, this._fieldCache = {};
+    }
+    getOriginalRecord(index) {
+        return this._recordCache && this._recordCache[index] ? this._recordCache[index] : super.getOriginalRecord(index);
+    }
+    getOriginalField(index, field) {
+        const rowCache = this._fieldCache && this._fieldCache[index];
+        if (rowCache) {
+            const cache = rowCache.get(field);
+            if (cache) return cache;
+        }
+        return super.getOriginalField(index, field);
+    }
+    clearCache() {
+        this._recordCache && (this._recordCache = {}), this._fieldCache && (this._fieldCache = {});
+    }
+    fieldPromiseCallBack(index, field, value) {
+        _setFieldCache(this._fieldCache, index, field, value);
+    }
+    recordPromiseCallBack(index, record) {
+        this._recordCache[index] = record;
+    }
+    dispose() {
+        var _a;
+        null === (_a = super.dispose) || void 0 === _a || _a.call(this);
+    }
+}
+
+exports.CachedDataSource = CachedDataSource;
+//# sourceMappingURL=CachedDataSource.js.map

package/cjs/data/CachedDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["data/CachedDataSource.ts"],"names":[],"mappings":";;;AAAA,wCAAsD;AAGtD,6CAA0C;AAG1C,SAAS,cAAc,CACrB,MAA+C,EAC/C,KAAa,EACb,KAAe,EAEf,KAAU;IAEV,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;IAC9D,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC7B,CAAC;AAOD,MAAa,gBAAiB,SAAQ,uBAAU;IAS9C,MAAM,KAAK,UAAU;QACnB,OAAO,uBAAU,CAAC,UAAU,CAAC;IAC/B,CAAC;IACD,MAAM,CAAC,OAAO,CAAC,KAAY,EAAE,SAAsB,EAAE,oBAA6B;QAChF,OAAO,IAAI,gBAAgB,CACzB;YACE,GAAG,EAAE,CAAC,KAAa,EAAO,EAAE;gBAC1B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,IAAA,4BAAqB,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;iBAC5C;gBACD,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;YACD,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,MAAM,EAAE,KAAK;SACd,EACD,SAAS,EACT,oBAAoB,CACrB,CAAC;IACJ,CAAC;IACD,YAAY,GAAqB,EAAE,SAAsB,EAAE,oBAA6B;QACtF,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,oBAAoB,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;IACS,iBAAiB,CAAC,KAAa;QACvC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;YACjD,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SACjC;QACD,OAAO,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IACS,gBAAgB,CAAqB,KAAa,EAAE,KAAQ;QACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAI,QAAQ,EAAE;YACZ,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAClC,IAAI,KAAK,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;SACF;QACD,OAAO,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;QACD,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACvB;IACH,CAAC;IAES,oBAAoB,CAAqB,KAAa,EAAE,KAAQ,EAAE,KAA8B;QACxG,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IACS,qBAAqB,CAAC,KAAa,EAAE,MAA+B;QAC5E,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;IACpC,CAAC;IAED,OAAO;;QACL,MAAA,KAAK,CAAC,OAAO,oDAAI,CAAC;IACpB,CAAC;CACF;AArED,4CAqEC","file":"CachedDataSource.js","sourcesContent":["import { getValueFromDeepArray } from '../tools/util';\nimport type { FieldData, FieldDef, IPagerConf, MaybePromise, MaybePromiseOrUndefined } from '../ts-types';\nimport type { DataSourceParam } from './DataSource';\nimport { DataSource } from './DataSource';\n\n/** @private */\nfunction _setFieldCache(\n  fCache: { [index: number]: Map<FieldDef, any> },\n  index: number,\n  field: FieldDef,\n\n  value: any\n): void {\n  const recCache = fCache[index] || (fCache[index] = new Map());\n  recCache.set(field, value);\n}\n/**\n * table data source for caching Promise data\n *\n * @classdesc VTable.data.CachedDataSource\n * @memberof VTable.data\n */\nexport class CachedDataSource extends DataSource {\n  /**\n   * record cache 当用户定义的CachedDataSource.get为promise的时候 可以用rCache缓存已获取数据条目\n   */\n  private _recordCache: { [index: number]: any };\n  /**\n   * field cache 当用户定义field为promise的时候 可以用fCache缓存已获取值\n   */\n  private _fieldCache: { [index: number]: Map<FieldDef, any> };\n  static get EVENT_TYPE(): typeof DataSource.EVENT_TYPE {\n    return DataSource.EVENT_TYPE;\n  }\n  static ofArray(array: any[], pagerConf?: IPagerConf, hierarchyExpandLevel?: number): CachedDataSource {\n    return new CachedDataSource(\n      {\n        get: (index: number): any => {\n          if (Array.isArray(index)) {\n            return getValueFromDeepArray(array, index);\n          }\n          return array[index];\n        },\n        length: array.length,\n        source: array\n      },\n      pagerConf,\n      hierarchyExpandLevel\n    );\n  }\n  constructor(opt?: DataSourceParam, pagerConf?: IPagerConf, hierarchyExpandLevel?: number) {\n    super(opt, pagerConf, hierarchyExpandLevel);\n    this._recordCache = {};\n    this._fieldCache = {};\n  }\n  protected getOriginalRecord(index: number): MaybePromiseOrUndefined {\n    if (this._recordCache && this._recordCache[index]) {\n      return this._recordCache[index];\n    }\n    return super.getOriginalRecord(index);\n  }\n  protected getOriginalField<F extends FieldDef>(index: number, field: F): FieldData {\n    const rowCache = this._fieldCache && this._fieldCache[index];\n    if (rowCache) {\n      const cache = rowCache.get(field);\n      if (cache) {\n        return cache;\n      }\n    }\n    return super.getOriginalField(index, field);\n  }\n\n  clearCache(): void {\n    if (this._recordCache) {\n      this._recordCache = {};\n    }\n    if (this._fieldCache) {\n      this._fieldCache = {};\n    }\n  }\n\n  protected fieldPromiseCallBack<F extends FieldDef>(index: number, field: F, value: MaybePromiseOrUndefined): void {\n    _setFieldCache(this._fieldCache, index, field, value);\n  }\n  protected recordPromiseCallBack(index: number, record: MaybePromiseOrUndefined): void {\n    this._recordCache[index] = record;\n  }\n\n  dispose(): void {\n    super.dispose?.();\n  }\n}\n"]}

package/cjs/data/DataSource.d.ts

@@ -0,0 +1,64 @@
+import type { DataSourceAPI, FieldData, FieldDef, FieldFormat, IPagerConf, MaybePromiseOrUndefined } from '../ts-types';
+import { HierarchyState } from '../ts-types';
+import { EventTarget } from '../event/EventTarget';
+declare const EVENT_TYPE: {
+    readonly SOURCE_LENGTH_UPDATE: "source_length_update";
+    readonly CHANGE_ORDER: "change_order";
+};
+type PromiseBack = (value: MaybePromiseOrUndefined) => void;
+export declare function getField(record: MaybePromiseOrUndefined, field: FieldDef | FieldFormat | number, promiseCallBack: PromiseBack): FieldData;
+export interface DataSourceParam {
+    get: (index: number) => any;
+    length: number;
+    source?: any;
+}
+export interface ISortedMapItem {
+    asc?: (number | number[])[];
+    desc?: (number | number[])[];
+    normal?: (number | number[])[];
+}
+export declare class DataSource extends EventTarget implements DataSourceAPI {
+    private _get;
+    private _sourceLength;
+    private readonly _source;
+    protected sortedIndexMap: Map<FieldDef, ISortedMapItem>;
+    private lastOrder;
+    private lastOrderFn;
+    private lastOrderField;
+    protected currentIndexedData: (number | number[])[] | null;
+    protected pagerConf: IPagerConf;
+    protected _currentPagerIndexedData: (number | number[])[];
+    enableHierarchyState: boolean;
+    static get EVENT_TYPE(): typeof EVENT_TYPE;
+    protected treeDataHierarchyState: Map<number | string, HierarchyState>;
+    constructor(obj?: DataSourceParam | DataSource, pagerConf?: IPagerConf, hierarchyExpandLevel?: number);
+    initChildrenNodeHierarchy(indexKey: number | number[], hierarchyExpandLevel: number, currentLevel: number, nodeData: any): number;
+    updatePager(pagerConf?: IPagerConf): void;
+    protected updatePagerData(): void;
+    get source(): any;
+    get(index: number): MaybePromiseOrUndefined;
+    getIndexKey(index: number): number | number[];
+    getField(index: number, field: FieldDef | FieldFormat | number): FieldData;
+    hasField(index: number, field: FieldDef): boolean;
+    getHierarchyState(index: number): HierarchyState;
+    toggleHierarchyState(index: number): void;
+    pushChildrenNode(indexKey: number | number[], hierarchyState: HierarchyState, nodeData: any): number;
+    setRecord(record: any, index: number): void;
+    sort(field: FieldDef, order: 'desc' | 'asc' | 'normal', orderFn?: (v1: any, v2: any, order: 'asc' | 'desc' | 'normal') => -1 | 0 | 1): void;
+    clearSortedIndexMap(): void;
+    get sourceLenght(): number;
+    set sourceLength(sourceLen: number);
+    get length(): number;
+    get dataSource(): DataSource;
+    get currentPagerIndexedData(): (number | number[])[];
+    dispose(): void;
+    clearSortedMap(): void;
+    clearCurrentIndexedData(): void;
+    protected getOriginalRecord(index: number | number[]): MaybePromiseOrUndefined;
+    protected getOriginalField(index: number | number[], field: FieldDef | FieldFormat | number): FieldData;
+    protected hasOriginalField(index: number | number[], field: FieldDef): boolean;
+    protected fieldPromiseCallBack(_index: number | number[], _field: FieldDef | FieldFormat | number, _value: MaybePromiseOrUndefined): void;
+    protected recordPromiseCallBack(_index: number | number[], _record: MaybePromiseOrUndefined): void;
+    static EMPTY: DataSource;
+}
+export {};

package/cjs/data/DataSource.js

@@ -0,0 +1,294 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DataSource = exports.getField = void 0;
+
+const sort = __importStar(require("../tools/sort")), ts_types_1 = require("../ts-types"), helper_1 = require("../tools/helper"), EventTarget_1 = require("../event/EventTarget"), util_1 = require("../tools/util");
+
+function isFieldAssessor(field) {
+    if (helper_1.obj.isObject(field)) {
+        const a = field;
+        if ((0, util_1.isValid)(a.get) && (0, util_1.isValid)(a.set)) return !0;
+    }
+    return !1;
+}
+
+const EVENT_TYPE = {
+    SOURCE_LENGTH_UPDATE: "source_length_update",
+    CHANGE_ORDER: "change_order"
+};
+
+function getValue(value, promiseCallBack) {
+    const maybePromiseOrValue = (0, helper_1.getOrApply)(value);
+    if ((0, helper_1.isPromise)(maybePromiseOrValue)) {
+        const promiseValue = maybePromiseOrValue.then((r => (promiseCallBack(r), r)));
+        return promiseCallBack(promiseValue), promiseValue;
+    }
+    return maybePromiseOrValue;
+}
+
+function getField(record, field, promiseCallBack) {
+    if (null === record) return;
+    if ((0, helper_1.isPromise)(record)) return record.then((r => getField(r, field, promiseCallBack)));
+    const fieldGet = isFieldAssessor(field) ? field.get : field;
+    if (fieldGet in record) {
+        return getValue(record[fieldGet], promiseCallBack);
+    }
+    if ("function" == typeof fieldGet) {
+        return getValue(fieldGet(record), promiseCallBack);
+    }
+    if (Array.isArray(fieldGet)) {
+        return getValue((0, util_1.getValueByPath)(record, [ ...fieldGet ]), promiseCallBack);
+    }
+    const fieldArray = `${fieldGet}`.split(".");
+    if (fieldArray.length <= 1) {
+        return getValue(record[fieldGet], promiseCallBack);
+    }
+    return getValue((0, helper_1.applyChainSafe)(record, ((val, name) => getField(val, name, helper_1.emptyFn)), ...fieldArray), promiseCallBack);
+}
+
+function _getIndex(sortedIndexMap, index) {
+    if (!sortedIndexMap) return index;
+    const mapIndex = sortedIndexMap[index];
+    return (0, util_1.isValid)(mapIndex) ? mapIndex : index;
+}
+
+exports.getField = getField;
+
+class DataSource extends EventTarget_1.EventTarget {
+    static get EVENT_TYPE() {
+        return EVENT_TYPE;
+    }
+    constructor(obj, pagerConf, hierarchyExpandLevel) {
+        var _a, _b;
+        if (super(), this.currentIndexedData = [], this.enableHierarchyState = !1, this.treeDataHierarchyState = new Map, 
+        this._get = (null == obj ? void 0 : obj.get.bind(obj)) || void 0, this._sourceLength = (null == obj ? void 0 : obj.length) || 0, 
+        this._source = null !== (_a = null == obj ? void 0 : obj.source) && void 0 !== _a ? _a : obj, 
+        this.sortedIndexMap = new Map, this._currentPagerIndexedData = [], this.pagerConf = pagerConf || {
+            totalCount: this._sourceLength,
+            perPageCount: this._sourceLength,
+            currentPage: 0
+        }, hierarchyExpandLevel >= 1 && (this.enableHierarchyState = !0), this.currentIndexedData = Array.from({
+            length: this._sourceLength
+        }, ((_, i) => i)), this.enableHierarchyState) for (let i = 0; i < this._sourceLength; i++) {
+            this.getOriginalRecord(i).children && this.treeDataHierarchyState.set(i, ts_types_1.HierarchyState.collapse);
+        }
+        if (hierarchyExpandLevel > 1) {
+            let nodeLength = this._sourceLength;
+            for (let i = 0; i < nodeLength; i++) {
+                const indexKey = this.currentIndexedData[i], nodeData = this.getOriginalRecord(indexKey);
+                if ((null === (_b = nodeData.children) || void 0 === _b ? void 0 : _b.length) > 0) {
+                    this.treeDataHierarchyState.set(Array.isArray(indexKey) ? indexKey.join(",") : indexKey, ts_types_1.HierarchyState.expand);
+                    const childrenLength = this.initChildrenNodeHierarchy(indexKey, hierarchyExpandLevel, 2, nodeData);
+                    i += childrenLength, nodeLength += childrenLength;
+                }
+            }
+        }
+        this.updatePagerData();
+    }
+    initChildrenNodeHierarchy(indexKey, hierarchyExpandLevel, currentLevel, nodeData) {
+        var _a, _b, _c;
+        if (currentLevel > hierarchyExpandLevel) return 0;
+        let childTotalLength = 0;
+        const nodeLength = null !== (_b = null === (_a = nodeData.children) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
+        for (let j = 0; j < nodeLength; j++) {
+            childTotalLength += 1;
+            const childNodeData = nodeData.children[j], childIndexKey = Array.isArray(indexKey) ? indexKey.concat(j) : [ indexKey, j ];
+            this.currentIndexedData.splice(this.currentIndexedData.indexOf(indexKey) + childTotalLength, 0, childIndexKey), 
+            (null === (_c = childNodeData.children) || void 0 === _c ? void 0 : _c.length) > 0 && (currentLevel < hierarchyExpandLevel ? this.treeDataHierarchyState.set(Array.isArray(childIndexKey) ? childIndexKey.join(",") : childIndexKey, ts_types_1.HierarchyState.expand) : this.treeDataHierarchyState.set(Array.isArray(childIndexKey) ? childIndexKey.join(",") : childIndexKey, ts_types_1.HierarchyState.collapse)), 
+            childTotalLength += this.initChildrenNodeHierarchy(childIndexKey, hierarchyExpandLevel, currentLevel + 1, childNodeData);
+        }
+        return childTotalLength;
+    }
+    updatePager(pagerConf) {
+        this.pagerConf = pagerConf || {
+            totalCount: this._sourceLength,
+            perPageCount: this._sourceLength,
+            currentPage: 0
+        }, this.updatePagerData();
+    }
+    updatePagerData() {
+        const {currentIndexedData: currentIndexedData} = this, {perPageCount: perPageCount, currentPage: currentPage} = this.pagerConf, startIndex = perPageCount * (currentPage || 0), endIndex = startIndex + perPageCount;
+        if (this._currentPagerIndexedData.length = 0, currentIndexedData && currentIndexedData.length > 0) {
+            let firstLevelIndex = -1;
+            for (let i = 0; i < currentIndexedData.length; i++) if ((Array.isArray(currentIndexedData[i]) && 1 === currentIndexedData[i].length || !Array.isArray(currentIndexedData[i])) && firstLevelIndex++, 
+            firstLevelIndex >= startIndex && firstLevelIndex < endIndex) this._currentPagerIndexedData.push(currentIndexedData[i]); else if (firstLevelIndex >= endIndex) break;
+        } else if (this._sourceLength > 0) throw new Error("currentIndexedData should has values!");
+    }
+    get source() {
+        return this._source;
+    }
+    get(index) {
+        return this.getOriginalRecord(_getIndex(this.currentPagerIndexedData, index));
+    }
+    getIndexKey(index) {
+        return _getIndex(this.currentPagerIndexedData, index);
+    }
+    getField(index, field) {
+        return this.getOriginalField(_getIndex(this.currentPagerIndexedData, index), field);
+    }
+    hasField(index, field) {
+        return this.hasOriginalField(_getIndex(this.currentPagerIndexedData, index), field);
+    }
+    getHierarchyState(index) {
+        var _a;
+        const indexed = this.getIndexKey(index);
+        return null !== (_a = this.treeDataHierarchyState.get(Array.isArray(indexed) ? indexed.join(",") : indexed)) && void 0 !== _a ? _a : null;
+    }
+    toggleHierarchyState(index) {
+        const indexed = this.getIndexKey(index), state = this.getHierarchyState(index), data = this.getOriginalRecord(indexed);
+        if (this.clearSortedIndexMap(), state === ts_types_1.HierarchyState.collapse) this.treeDataHierarchyState.set(Array.isArray(indexed) ? indexed.join(",") : indexed, ts_types_1.HierarchyState.expand), 
+        this.pushChildrenNode(indexed, ts_types_1.HierarchyState.expand, data); else if (state === ts_types_1.HierarchyState.expand) {
+            let childrenLength = 0;
+            const computeChildrenNodeLength = (indexKey, hierarchyState, nodeData) => {
+                if (hierarchyState && hierarchyState !== ts_types_1.HierarchyState.collapse && hierarchyState !== ts_types_1.HierarchyState.none && nodeData.children) for (let i = 0; i < nodeData.children.length; i++) {
+                    childrenLength += 1;
+                    const childIndex = Array.isArray(indexKey) ? indexKey.concat([ i ]) : [ indexKey, i ];
+                    computeChildrenNodeLength(childIndex, this.treeDataHierarchyState.get(childIndex.join(",")), nodeData.children[i]);
+                }
+            };
+            computeChildrenNodeLength(indexed, state, data), this.currentIndexedData.splice(this.currentIndexedData.indexOf(indexed) + 1, childrenLength), 
+            this.treeDataHierarchyState.set(Array.isArray(indexed) ? indexed.join(",") : indexed, ts_types_1.HierarchyState.collapse);
+        }
+        this.updatePagerData();
+    }
+    pushChildrenNode(indexKey, hierarchyState, nodeData) {
+        if (!hierarchyState || hierarchyState === ts_types_1.HierarchyState.collapse || hierarchyState === ts_types_1.HierarchyState.none) return 0;
+        let childrenLength = 0;
+        if (nodeData.children) {
+            const subNodeSortedIndexArray = Array.from({
+                length: nodeData.children.length
+            }, ((_, i) => i));
+            this.lastOrder && "normal" !== this.lastOrder && this.lastOrderField && sort.sort((index => (0, 
+            util_1.isValid)(subNodeSortedIndexArray[index]) ? subNodeSortedIndexArray[index] : subNodeSortedIndexArray[index] = index), ((index, rel) => {
+                subNodeSortedIndexArray[index] = rel;
+            }), nodeData.children.length, this.lastOrderFn, this.lastOrder, (index => this.getOriginalField(Array.isArray(indexKey) ? indexKey.concat([ index ]) : [ indexKey, index ], this.lastOrderField)));
+            for (let i = 0; i < subNodeSortedIndexArray.length; i++) {
+                childrenLength += 1;
+                const childIndex = Array.isArray(indexKey) ? indexKey.concat([ subNodeSortedIndexArray[i] ]) : [ indexKey, subNodeSortedIndexArray[i] ];
+                this.currentIndexedData.splice(this.currentIndexedData.indexOf(indexKey) + childrenLength, 0, childIndex);
+                const preChildState = this.treeDataHierarchyState.get(childIndex.join(",")), childData = this.getOriginalRecord(childIndex);
+                !preChildState && childData.children && this.treeDataHierarchyState.set(childIndex.join(","), ts_types_1.HierarchyState.collapse), 
+                childrenLength += this.pushChildrenNode(childIndex, this.treeDataHierarchyState.get(childIndex.join(",")), nodeData.children[subNodeSortedIndexArray[i]]);
+            }
+        }
+        return childrenLength;
+    }
+    setRecord(record, index) {
+        const indexed = this.getIndexKey(index);
+        if (Array.isArray(indexed)) {
+            const c_node_index = indexed[indexed.length - 1];
+            this.getOriginalRecord(indexed.slice(0, indexed.length - 1)).children.splice(c_node_index, 1, record);
+        } else this.source.splice(indexed, 1, record);
+    }
+    sort(field, order, orderFn = ("desc" !== order ? (v1, v2) => v1 === v2 ? 0 : v1 > v2 ? 1 : -1 : (v1, v2) => v1 === v2 ? 0 : v1 < v2 ? 1 : -1)) {
+        this.lastOrderField = field, this.lastOrder = order, this.lastOrderFn = orderFn;
+        let orderedData, filedMap = this.sortedIndexMap.get(field);
+        if (filedMap && (orderedData = filedMap[order], orderedData && orderedData.length > 0)) return this.currentIndexedData = orderedData, 
+        this.updatePagerData(), void this.fireListeners(EVENT_TYPE.CHANGE_ORDER);
+        const sortedIndexArray = [];
+        if ("normal" === order) for (let i = 0; i < this._sourceLength; i++) sortedIndexArray[i] = i; else sort.sort((index => (0, 
+        util_1.isValid)(sortedIndexArray[index]) ? sortedIndexArray[index] : sortedIndexArray[index] = index), ((index, rel) => {
+            sortedIndexArray[index] = rel;
+        }), this._sourceLength, orderFn, order, (index => this.getOriginalField(index, field)));
+        if (this.currentIndexedData = sortedIndexArray, this.enableHierarchyState) {
+            let nodeLength = sortedIndexArray.length;
+            window.performance.now();
+            for (let i = 0; i < nodeLength; i++) {
+                const subNodeLength = this.pushChildrenNode(sortedIndexArray[i], this.treeDataHierarchyState.get(sortedIndexArray[i]), this.getOriginalRecord(sortedIndexArray[i]));
+                nodeLength += subNodeLength, i += subNodeLength;
+            }
+        }
+        filedMap || (filedMap = {
+            asc: [],
+            desc: [],
+            normal: []
+        }, this.sortedIndexMap.set(field, filedMap)), filedMap[order] = sortedIndexArray, 
+        this.updatePagerData(), this.fireListeners(EVENT_TYPE.CHANGE_ORDER);
+    }
+    clearSortedIndexMap() {
+        this.lastOrderField && this.lastOrder && this.sortedIndexMap.forEach(((sortMap, key) => {
+            key !== this.lastOrderField ? this.sortedIndexMap.delete(key) : "asc" === this.lastOrder ? (sortMap.desc = [], 
+            sortMap.normal = []) : "desc" === this.lastOrder ? (sortMap.asc = [], sortMap.normal = []) : (sortMap.desc = [], 
+            sortMap.asc = []);
+        }));
+    }
+    get sourceLenght() {
+        return this._sourceLength;
+    }
+    set sourceLength(sourceLen) {
+        this._sourceLength !== sourceLen && (this._sourceLength = sourceLen, this.fireListeners(EVENT_TYPE.SOURCE_LENGTH_UPDATE, this._sourceLength));
+    }
+    get length() {
+        return this.currentPagerIndexedData.length;
+    }
+    get dataSource() {
+        return this;
+    }
+    get currentPagerIndexedData() {
+        return this._currentPagerIndexedData.length > 0 ? this._currentPagerIndexedData : [];
+    }
+    dispose() {
+        var _a;
+        null === (_a = super.dispose) || void 0 === _a || _a.call(this);
+    }
+    clearSortedMap() {
+        this.currentIndexedData && (this.currentIndexedData.length = 0), this.currentIndexedData = null, 
+        this.sortedIndexMap.forEach((item => {
+            item.asc && (item.asc.length = 0), item.desc && (item.desc.length = 0);
+        })), this.sortedIndexMap.clear();
+    }
+    clearCurrentIndexedData() {
+        this.currentIndexedData = null, this.currentPagerIndexedData.length = 0;
+    }
+    getOriginalRecord(index) {
+        return getValue(this._get(index), (val => {
+            this.recordPromiseCallBack(index, val);
+        }));
+    }
+    getOriginalField(index, field) {
+        if (null === field) return;
+        return getField(this.getOriginalRecord(index), field, (val => {
+            this.fieldPromiseCallBack(index, field, val);
+        }));
+    }
+    hasOriginalField(index, field) {
+        if (null === field) return !1;
+        if ("function" == typeof field) return !0;
+        const record = this.getOriginalRecord(index);
+        return Boolean(record && field in record);
+    }
+    fieldPromiseCallBack(_index, _field, _value) {}
+    recordPromiseCallBack(_index, _record) {}
+}
+
+exports.DataSource = DataSource, DataSource.EMPTY = new DataSource({
+    get() {},
+    length: 0
+});