balala-revogrid 1.0.0

package/dist/cjs/text-editor-BdhmcrkS.js

@@ -0,0 +1,81 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+var edit_utils = require('./edit.utils-CKsIiHlD.js');
+var dimension_helpers = require('./dimension.helpers-DA9-xqPT.js');
+
+class TextEditor {
+    constructor(data, saveCallback) {
+        this.data = data;
+        this.saveCallback = saveCallback;
+        this.editInput = null;
+        this.element = null;
+        this.editCell = undefined;
+    }
+    /**
+     * Callback triggered on cell editor render
+     */
+    async componentDidRender() {
+        var _a;
+        if (this.editInput) {
+            await dimension_helpers.timeout();
+            (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    onKeyDown(e) {
+        const isEnter = edit_utils.isEnterKeyValue(e.key);
+        const isKeyTab = edit_utils.isTab(e.key);
+        if ((isKeyTab || isEnter) &&
+            e.target &&
+            this.saveCallback &&
+            !e.isComposing) {
+            // blur is needed to avoid autoscroll
+            this.beforeDisconnect();
+            // request callback which will close cell after all
+            this.saveCallback(this.getValue(), isKeyTab);
+        }
+    }
+    /**
+     * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.
+     */
+    beforeDisconnect() {
+        var _a;
+        (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    /**
+     * Get value from input
+     */
+    getValue() {
+        var _a;
+        return (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    /**
+     * Render method for Editor plugin.
+     * Renders input element with passed data from cell.
+     * @param {Function} h - h function from stencil render.
+     * @param {Object} _additionalData - additional data from plugin.
+     * @returns {VNode} - input element.
+     */
+    render(h, _additionalData) {
+        var _a, _b;
+        return h('input', {
+            type: 'text',
+            enterKeyHint: 'enter',
+            // set input value from cell data
+            value: (_b = (_a = this.editCell) === null || _a === void 0 ? void 0 : _a.val) !== null && _b !== void 0 ? _b : '',
+            // save input element as ref for further usage
+            ref: (el) => {
+                this.editInput = el;
+            },
+            // listen to keydown event on input element
+            onKeyDown: (e) => this.onKeyDown(e),
+        });
+    }
+}
+
+exports.TextEditor = TextEditor;
+//# sourceMappingURL=text-editor-BdhmcrkS.js.map
+
+//# sourceMappingURL=text-editor-BdhmcrkS.js.map

package/dist/cjs/text-editor-BdhmcrkS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-BdhmcrkS.js","sources":["src/components/editors/text-editor.ts"],"sourcesContent":["import { type VNode, h as createElement } from '@stencil/core';\nimport { isEnterKeyValue, isTab } from '../../utils/key.utils';\nimport { timeout } from '../../utils';\nimport type { EditCell, EditorBase, ColumnDataSchemaModel } from '@type';\n\n/**\n * Represents a cell editor in a grid.\n *\n * It's a good place to start with your own editor.\n * It manages the editing of cells by handling events, saving data, rendering the editor UI, and managing the lifecycle of the editor instance.\n */\n\n/**\n * Callback triggered on cell editor save\n * Closes editor when called\n * @param preventFocus - if true editor will not be closed and next cell will not be focused\n */\nexport type SaveCallback = (value: any, preventFocus: boolean) => void;\n\nexport class TextEditor implements EditorBase {\n  editInput: HTMLInputElement | null = null;\n\n  element: Element | null = null;\n  editCell?: EditCell = undefined;\n\n  constructor(\n    public data: ColumnDataSchemaModel,\n    private saveCallback?: SaveCallback,\n  ) {}\n\n  /**\n   * Callback triggered on cell editor render\n   */\n  async componentDidRender(): Promise<void> {\n    if (this.editInput) {\n      await timeout();\n      this.editInput?.focus();\n    }\n  }\n\n  onKeyDown(e: KeyboardEvent) {\n    const isEnter = isEnterKeyValue(e.key);\n    const isKeyTab = isTab(e.key);\n\n    if (\n      (isKeyTab || isEnter) &&\n      e.target &&\n      this.saveCallback &&\n      !e.isComposing\n    ) {\n      // blur is needed to avoid autoscroll\n      this.beforeDisconnect();\n      // request callback which will close cell after all\n      this.saveCallback(this.getValue(), isKeyTab);\n    }\n  }\n\n  /**\n   * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.\n   */\n  beforeDisconnect() {\n    this.editInput?.blur();\n  }\n\n  /**\n   * Get value from input\n   */\n  getValue() {\n    return this.editInput?.value;\n  }\n\n  /**\n   * Render method for Editor plugin.\n   * Renders input element with passed data from cell.\n   * @param {Function} h - h function from stencil render.\n   * @param {Object} _additionalData - additional data from plugin.\n   * @returns {VNode} - input element.\n   */\n  render(h: typeof createElement, _additionalData: any): VNode | VNode[] {\n    return h('input', {\n      type: 'text',\n      enterKeyHint: 'enter',\n      // set input value from cell data\n      value: this.editCell?.val ?? '',\n      // save input element as ref for further usage\n      ref: (el: HTMLInputElement | null) => {\n        this.editInput = el;\n      },\n      // listen to keydown event on input element\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\n    });\n  }\n}\n"],"names":["timeout","isEnterKeyValue","isTab"],"mappings":";;;;;;;;MAmBa,UAAU,CAAA;IAMrB,WACS,CAAA,IAA2B,EAC1B,YAA2B,EAAA;QAD5B,IAAI,CAAA,IAAA,GAAJ,IAAI;QACH,IAAY,CAAA,YAAA,GAAZ,YAAY;QAPtB,IAAS,CAAA,SAAA,GAA4B,IAAI;QAEzC,IAAO,CAAA,OAAA,GAAmB,IAAI;QAC9B,IAAQ,CAAA,QAAA,GAAc,SAAS;;AAO/B;;AAEG;AACH,IAAA,MAAM,kBAAkB,GAAA;;AACtB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAMA,yBAAO,EAAE;AACf,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;;AAI3B,IAAA,SAAS,CAAC,CAAgB,EAAA;QACxB,MAAM,OAAO,GAAGC,0BAAe,CAAC,CAAC,CAAC,GAAG,CAAC;QACtC,MAAM,QAAQ,GAAGC,gBAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAE7B,QAAA,IACE,CAAC,QAAQ,IAAI,OAAO;AACpB,YAAA,CAAC,CAAC,MAAM;AACR,YAAA,IAAI,CAAC,YAAY;AACjB,YAAA,CAAC,CAAC,CAAC,WAAW,EACd;;YAEA,IAAI,CAAC,gBAAgB,EAAE;;YAEvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC;;;AAIhD;;AAEG;IACH,gBAAgB,GAAA;;AACd,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;AAGxB;;AAEG;IACH,QAAQ,GAAA;;AACN,QAAA,OAAO,MAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK;;AAG9B;;;;;;AAMG;IACH,MAAM,CAAC,CAAuB,EAAE,eAAoB,EAAA;;QAClD,OAAO,CAAC,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,YAAY,EAAE,OAAO;;YAErB,KAAK,EAAE,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;;AAE/B,YAAA,GAAG,EAAE,CAAC,EAA2B,KAAI;AACnC,gBAAA,IAAI,CAAC,SAAS,GAAG,EAAE;aACpB;;YAED,SAAS,EAAE,CAAC,CAAgB,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AACnD,SAAA,CAAC;;AAEL;;;;"}

package/dist/cjs/throttle-2ZxfGjEI.js

@@ -0,0 +1,533 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+var dimension_helpers = require('./dimension.helpers-DA9-xqPT.js');
+var headerCellRenderer = require('./header-cell-renderer-D-RjAVfe.js');
+var index = require('./index-BF1c1pO3.js');
+var filter_button = require('./filter.button-DSsWNs23.js');
+var rowRenderer = require('./row-renderer-BTE7VKD9.js');
+var debounce = require('./debounce-CcpHiH2p.js');
+
+var defineProperty = (function() {
+  try {
+    var func = dimension_helpers.getNative(Object, 'defineProperty');
+    func({}, '', {});
+    return func;
+  } catch (e) {}
+}());
+
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && defineProperty) {
+    defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+
+/**
+ * A specialized version of `baseAggregator` for arrays.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+function arrayAggregator(array, setter, iteratee, accumulator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    var value = array[index];
+    setter(accumulator, value, iteratee(value), array);
+  }
+  return accumulator;
+}
+
+/**
+ * Aggregates elements of `collection` on `accumulator` with keys transformed
+ * by `iteratee` and values set by `setter`.
+ *
+ * @private
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+function baseAggregator(collection, setter, iteratee, accumulator) {
+  headerCellRenderer.baseEach(collection, function(value, key, collection) {
+    setter(accumulator, value, iteratee(value), collection);
+  });
+  return accumulator;
+}
+
+/**
+ * Creates a function like `_.groupBy`.
+ *
+ * @private
+ * @param {Function} setter The function to set accumulator values.
+ * @param {Function} [initializer] The accumulator object initializer.
+ * @returns {Function} Returns the new aggregator function.
+ */
+function createAggregator(setter, initializer) {
+  return function(collection, iteratee) {
+    var func = dimension_helpers.isArray(collection) ? arrayAggregator : baseAggregator,
+        accumulator = initializer ? initializer() : {};
+
+    return func(collection, setter, dimension_helpers.baseIteratee(iteratee), accumulator);
+  };
+}
+
+/**
+ * Creates an object composed of keys generated from the results of running
+ * each element of `collection` thru `iteratee`. The corresponding value of
+ * each key is the last element responsible for generating the key. The
+ * iteratee is invoked with one argument: (value).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+ * @returns {Object} Returns the composed aggregate object.
+ * @example
+ *
+ * var array = [
+ *   { 'dir': 'left', 'code': 97 },
+ *   { 'dir': 'right', 'code': 100 }
+ * ];
+ *
+ * _.keyBy(array, function(o) {
+ *   return String.fromCharCode(o.code);
+ * });
+ * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }
+ *
+ * _.keyBy(array, 'dir');
+ * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }
+ */
+var keyBy = createAggregator(function(result, value, key) {
+  baseAssignValue(result, key, value);
+});
+
+const HeaderRenderer = (p) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const cellClass = {
+        [dimension_helpers.HEADER_CLASS]: true,
+        [dimension_helpers.HEADER_SORTABLE_CLASS]: !!((_a = p.data) === null || _a === void 0 ? void 0 : _a.sortable),
+        'merged-header': !!p.merged,
+        'grouped-cell': !!p.isGrouped, // 添加编组标识类名
+        'last-column': !!p.isLastColumn, // 添加最后一列类名
+    };
+    if ((_b = p.data) === null || _b === void 0 ? void 0 : _b.order) {
+        cellClass[p.data.order] = true;
+    }
+    // 添加对齐类
+    if ((_c = p.data) === null || _c === void 0 ? void 0 : _c.headerAlign) {
+        cellClass[`align-${p.data.headerAlign}`] = true;
+    }
+    // 计算样式
+    const style = {
+        width: `${p.column.size}px`,
+        transform: `translateX(${p.column.start}px)`,
+    };
+    // 如果是合并单元格，设置高度（跨越多行）
+    // 使用 CSS 变量计算：单行表头高度 / 2 * (分组深度 + 1)
+    if (p.merged && p.groupingDepth) {
+        style.height = `calc(var(--rg-header-row-height, 45px) / 2 * ${p.groupingDepth + 1})`;
+    }
+    const dataProps = {
+        [dimension_helpers.DATA_COL]: p.column.itemIndex,
+        'data-grouping-depth': (_d = p.groupingDepth) !== null && _d !== void 0 ? _d : 0,
+        canResize: p.canResize,
+        minWidth: ((_e = p.data) === null || _e === void 0 ? void 0 : _e.minSize) || dimension_helpers.MIN_COL_SIZE,
+        maxWidth: (_f = p.data) === null || _f === void 0 ? void 0 : _f.maxSize,
+        active: p.active || ['r'],
+        class: cellClass,
+        style,
+        onResize: p.onResize,
+        onDblClick(originalEvent) {
+            var _a, _b;
+            // 检查列配置是否允许双击事件，默认为 true
+            if (((_a = p.data) === null || _a === void 0 ? void 0 : _a.canDblClick) === false) {
+                return;
+            }
+            // 检查是否点击在 resize 区域
+            const target = originalEvent.target;
+            // 1. 检查是否直接点击了 resize 元素
+            if (target.classList.contains('resizable') ||
+                target.classList.contains('resizable-r') ||
+                target.classList.contains('resizable-l') ||
+                target.classList.contains('no-resize')) {
+                return;
+            }
+            // 2. 检查是否点击在单元格右边缘的 resize 区域（14px范围）
+            const cell = target.closest('.rgHeaderCell');
+            if (cell) {
+                const rect = cell.getBoundingClientRect();
+                const clickX = originalEvent.clientX;
+                const resizeZoneWidth = 14;
+                // 如果点击位置在右边缘14px范围内，不触发双击
+                if (clickX >= rect.right - resizeZoneWidth) {
+                    return;
+                }
+            }
+            (_b = p.onDblClick) === null || _b === void 0 ? void 0 : _b.call(p, {
+                column: p.data,
+                index: p.column.itemIndex,
+                originalEvent,
+                providers: p.data.providers,
+            });
+        },
+        onClick(originalEvent) {
+            if (originalEvent.defaultPrevented || !p.onClick) {
+                return;
+            }
+            p.onClick({
+                column: p.data,
+                index: p.column.itemIndex,
+                originalEvent,
+                providers: p.data.providers,
+            });
+        },
+    };
+    if (p.range) {
+        if (p.column.itemIndex >= p.range.x && p.column.itemIndex <= p.range.x1) {
+            if (typeof dataProps.class === 'object') {
+                dataProps.class[dimension_helpers.FOCUS_CLASS] = true;
+            }
+        }
+    }
+    return (index.h(headerCellRenderer.HeaderCellRenderer, { data: p.data, props: dataProps, additionalData: p.additionalData },
+        index.h(rowRenderer.SortingSign, { column: p.data }),
+        p.canFilter && ((_g = p.data) === null || _g === void 0 ? void 0 : _g.filter) !== false ? (index.h(filter_button.FilterButton, { column: p.data })) : ('')));
+};
+
+const HeaderGroupRenderer = (p) => {
+    const cellClass = {
+        [dimension_helpers.HEADER_CLASS]: true,
+        'group-header': true, // 编组表头专用类名
+        'last-column': !!p.isLastColumn, // 添加最后一列类名
+    };
+    const groupProps = {
+        [dimension_helpers.DATA_COL]: p.group.indexes[0], // 使用分组下第一个列的索引
+        canResize: p.canResize,
+        minWidth: p.group.indexes.length * dimension_helpers.MIN_COL_SIZE,
+        maxWidth: 0,
+        active: p.active || ['r'],
+        class: cellClass,
+        style: {
+            transform: `translateX(${p.start}px)`,
+            width: `${p.end - p.start}px`,
+        },
+        onResize: p.onResize,
+    };
+    return (index.h(headerCellRenderer.HeaderCellRenderer, { data: Object.assign(Object.assign({}, p.group), { prop: '', providers: p.providers, index: p.start, draggable: false }), props: groupProps, additionalData: p.additionalData }));
+};
+
+const initialParams = {
+    contentSize: 0,
+    clientSize: 0,
+    virtualSize: 0,
+    maxSize: 0,
+};
+const NO_COORDINATE = -1;
+/**
+ * Based on content size, client size and virtual size
+ * return full size
+ */
+function getContentSize(contentSize, clientSize, virtualSize = 0) {
+    if (virtualSize > contentSize) {
+        return 0;
+    }
+    return contentSize + (virtualSize ? clientSize - virtualSize : 0);
+}
+class LocalScrollService {
+    constructor(cfg) {
+        this.cfg = cfg;
+        this.preventArtificialScroll = {
+            rgRow: null,
+            rgCol: null,
+        };
+        // to check if scroll changed
+        this.previousScroll = {
+            rgRow: NO_COORDINATE,
+            rgCol: NO_COORDINATE,
+        };
+        this.params = {
+            rgRow: Object.assign({}, initialParams),
+            rgCol: Object.assign({}, initialParams),
+        };
+    }
+    setParams(params, dimension) {
+        const virtualContentSize = getContentSize(params.contentSize, params.clientSize, params.virtualSize);
+        this.params[dimension] = Object.assign(Object.assign({}, params), { maxSize: virtualContentSize - params.clientSize, virtualContentSize });
+    }
+    // apply scroll values after scroll done
+    async setScroll(e) {
+        this.cancelScroll(e.dimension);
+        // Outside scroll synchronization (e.g. newly mounted viewport replay)
+        // should be applied immediately to avoid one-frame jump/blank flash.
+        if (e.outside) {
+            const params = this.getParams(e.dimension);
+            e.coordinate = Math.ceil(e.coordinate);
+            this.previousScroll[e.dimension] = this.wrapCoordinate(e.coordinate, params);
+            this.preventArtificialScroll[e.dimension] = null;
+            this.cfg.applyScroll(Object.assign(Object.assign({}, e), { coordinate: params.virtualSize
+                    ? this.convert(e.coordinate, params, false)
+                    : e.coordinate }));
+            return;
+        }
+        // start frame animation
+        const frameAnimation = new Promise((resolve, reject) => {
+            // for example safari desktop has issues with animation frame
+            if (this.cfg.skipAnimationFrame) {
+                return resolve();
+            }
+            const animationId = window.requestAnimationFrame(() => {
+                resolve();
+            });
+            this.preventArtificialScroll[e.dimension] = reject.bind(null, animationId);
+        });
+        try {
+            await frameAnimation;
+            const params = this.getParams(e.dimension);
+            e.coordinate = Math.ceil(e.coordinate);
+            this.previousScroll[e.dimension] = this.wrapCoordinate(e.coordinate, params);
+            this.preventArtificialScroll[e.dimension] = null;
+            this.cfg.applyScroll(Object.assign(Object.assign({}, e), { coordinate: params.virtualSize
+                    ? this.convert(e.coordinate, params, false)
+                    : e.coordinate }));
+        }
+        catch (id) {
+            window.cancelAnimationFrame(id);
+        }
+    }
+    /**
+     * On scroll event started
+     */
+    scroll(coordinate, dimension, force = false, delta, outside = false) {
+        // cancel all previous scrolls for same dimension
+        this.cancelScroll(dimension);
+        // drop if no change
+        if (!force && this.previousScroll[dimension] === coordinate) {
+            this.previousScroll[dimension] = NO_COORDINATE;
+            return;
+        }
+        const param = this.getParams(dimension);
+        // let component know about scroll event started
+        this.cfg.runScroll({
+            dimension: dimension,
+            coordinate: param.virtualSize
+                ? this.convert(coordinate, param)
+                : coordinate,
+            delta,
+            outside,
+        });
+    }
+    getParams(dimension) {
+        return this.params[dimension];
+    }
+    // check if scroll outside of region to avoid looping
+    wrapCoordinate(c, param) {
+        if (c < 0) {
+            return NO_COORDINATE;
+        }
+        if (typeof param.maxSize === 'number' && c > param.maxSize) {
+            return param.maxSize;
+        }
+        return c;
+    }
+    // prevent already started scroll, performance optimization
+    cancelScroll(dimension) {
+        var _a, _b;
+        (_b = (_a = this.preventArtificialScroll)[dimension]) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.preventArtificialScroll[dimension] = null;
+    }
+    /* convert virtual to real and back, scale range */
+    convert(pos, param, toReal = true) {
+        var _a;
+        const minRange = param.clientSize;
+        const from = [0, ((_a = param.virtualContentSize) !== null && _a !== void 0 ? _a : minRange) - minRange];
+        const to = [0, param.contentSize - param.virtualSize];
+        if (toReal) {
+            return dimension_helpers.scaleValue(pos, from, to);
+        }
+        return dimension_helpers.scaleValue(pos, to, from);
+    }
+}
+
+/**
+ * Apply changes only if mousewheel event happened some time ago (scrollThrottling)
+ */
+class LocalScrollTimer {
+    constructor(scrollThrottling = 10) {
+        this.scrollThrottling = scrollThrottling;
+        /**
+         * Last mw event time for trigger scroll function below
+         * If mousewheel function was ignored we still need to trigger render
+         */
+        this.mouseWheelScrollTimestamp = {
+            rgCol: 0,
+            rgRow: 0,
+        };
+        this.lastKnownScrollCoordinate = {
+            rgCol: 0,
+            rgRow: 0,
+        };
+        /**
+         * Check if scroll is ready to accept new value
+         * this is an edge case for scroll events
+         * when we need to apply scroll after throttling
+         */
+        this.lastScrollUpdateCallbacks = {};
+    }
+    setCoordinate(e) {
+        this.lastKnownScrollCoordinate[e.dimension] = e.coordinate;
+        // 程序化/应用滚动应使任何延迟回调失效
+        // 使用较旧的坐标排队，以避免过时的回弹更新。
+        this.clearLastScrollUpdate(e.dimension);
+    }
+    /**
+     * Remember last mw event time
+     */
+    latestScrollUpdate(dimension) {
+        this.mouseWheelScrollTimestamp[dimension] = new Date().getTime();
+    }
+    isReady(type, coordinate) {
+        // if there is a callback, clear it
+        if (this.lastScrollUpdateCallbacks[type]) {
+            this.clearLastScrollUpdate(type);
+        }
+        // apply after throttling
+        return this.verifyChange(type, coordinate);
+    }
+    verifyChange(type, coordinate) {
+        const now = new Date().getTime();
+        const change = now - this.mouseWheelScrollTimestamp[type];
+        return change > this.scrollThrottling &&
+            coordinate !== this.lastKnownScrollCoordinate[type];
+    }
+    clearLastScrollUpdate(type) {
+        var _a, _b;
+        clearTimeout((_b = (_a = this.lastScrollUpdateCallbacks[type]) === null || _a === void 0 ? void 0 : _a.timeout) !== null && _b !== void 0 ? _b : 0);
+        delete this.lastScrollUpdateCallbacks[type];
+    }
+    throttleLastScrollUpdate(type, coordinate, lastScrollUpdate) {
+        // if scrollThrottling is set
+        // we need to throttle the last scroll event
+        if (this.scrollThrottling) {
+            this.clearLastScrollUpdate(type);
+            // save lastScrollUpdate callback
+            const callback = this.lastScrollUpdateCallbacks[type] = {
+                callback: lastScrollUpdate,
+                timestamp: new Date().getTime(),
+                coordinate,
+                timeout: 0,
+            };
+            callback.timeout = setTimeout(() => {
+                // clear timeout
+                this.clearLastScrollUpdate(type);
+                // if scrollThrottling is set, and the last scroll event happened before the timeout started
+                // we need to throttle the last scroll event
+                if (this.mouseWheelScrollTimestamp[type] < callback.timestamp && this.verifyChange(type, callback.coordinate)) {
+                    callback.callback();
+                }
+            }, this.scrollThrottling + 50);
+        }
+    }
+}
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (debounce.isObject(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce.debounce(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+exports.HeaderGroupRenderer = HeaderGroupRenderer;
+exports.HeaderRenderer = HeaderRenderer;
+exports.LocalScrollService = LocalScrollService;
+exports.LocalScrollTimer = LocalScrollTimer;
+exports.getContentSize = getContentSize;
+exports.keyBy = keyBy;
+exports.throttle = throttle;
+//# sourceMappingURL=throttle-2ZxfGjEI.js.map
+
+//# sourceMappingURL=throttle-2ZxfGjEI.js.map