@visactor/vrender-components 0.17.0-alpha.8 → 0.17.0

package/cjs/data-zoom/data-zoom.d.ts

@@ -3,13 +3,21 @@ import type { IPointLike } from '@visactor/vutils';
 import { AbstractComponent } from '../core/base';
 import type { TagAttributes } from '../tag';
 import { Tag } from '../tag';
+import { DataZoomActiveTag } from './type';
 import type { DataZoomAttributes } from './type';
+import type { ComponentOptions } from '../interface';
 export declare class DataZoom extends AbstractComponent<Required<DataZoomAttributes>> {
     name: string;
     static defaultAttributes: {
         orient: string;
         showDetail: string;
         brushSelect: boolean;
+        zoomLock: boolean;
+        minSpan: number;
+        maxSpan: number;
+        delayType: string;
+        delayTime: number;
+        realTime: boolean;
         backgroundStyle: {
             fill: string;
             stroke: string;
@@ -119,7 +127,7 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
     private _selectedPreviewGroup;
     private _selectedPreviewLine;
     private _selectedPreviewArea;
-    protected _activeTag: string;
+    protected _activeTag: DataZoomActiveTag;
     protected _activeItem: any;
     protected _activeState: boolean;
     protected _activeCache: {
@@ -135,16 +143,18 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
         start: number;
         end: number;
     };
-    private _previewCallbackX;
-    private _previewCallbackY;
-    private _previewCallbackX1;
-    private _previewCallbackY1;
+    protected _spanCache: number;
+    private _previewPointsX;
+    private _previewPointsY;
+    private _previewPointsX1;
+    private _previewPointsY1;
     private _updateStateCallback;
     private _statePointToData;
     private _layoutAttrFromConfig;
-    constructor(attributes: DataZoomAttributes);
+    constructor(attributes: DataZoomAttributes, options?: ComponentOptions);
     protected bindEvents(): void;
     protected dragMaskSize(): number;
+    protected setStateAttr(start: number, end: number, shouldRender: boolean): void;
     protected eventPosToStagePos(e: FederatedPointerEvent): {
         x: number;
         y: number;
@@ -176,10 +186,10 @@ export declare class DataZoom extends AbstractComponent<Required<DataZoomAttribu
     getStartValue(): string | number;
     getEndTextValue(): string | number;
     getMiddleHandlerSize(): number;
-    setUpdateStateCallback(callback: (start: number, end: number) => void): void;
-    setPreviewCallbackX(callback: (d: any) => number): void;
-    setPreviewCallbackY(callback: (d: any) => number): void;
-    setPreviewCallbackX1(callback: (d: any) => number): void;
-    setPreviewCallbackY1(callback: (d: any) => number): void;
+    setUpdateStateCallback(callback: (start: number, end: number, trigger?: DataZoomActiveTag) => void): void;
+    setPreviewPointsX(callback: (d: any) => number): void;
+    setPreviewPointsY(callback: (d: any) => number): void;
+    setPreviewPointsX1(callback: (d: any) => number): void;
+    setPreviewPointsY1(callback: (d: any) => number): void;
     setStatePointToData(callback: (state: number) => any): void;
 }

package/cjs/data-zoom/data-zoom.js

@@ -14,12 +14,15 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.DataZoom = void 0;
 
-const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), tag_1 = require("../tag"), config_1 = require("./config");
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), tag_1 = require("../tag"), config_1 = require("./config"), type_1 = require("./type"), delayMap = {
+    debounce: vutils_1.debounce,
+    throttle: vutils_1.throttle
+};
 
 class DataZoom extends base_1.AbstractComponent {
-    constructor(attributes) {
-        super((0, vutils_1.merge)({}, DataZoom.defaultAttributes, attributes)), this.name = "dataZoom", 
-        this._previewData = [], this._activeState = !1, this._activeCache = {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, DataZoom.defaultAttributes, attributes)), 
+        this.name = "dataZoom", this._previewData = [], this._activeState = !1, this._activeCache = {
             startPos: {
                 x: 0,
                 y: 0
@@ -36,37 +39,40 @@ class DataZoom extends base_1.AbstractComponent {
             start: 0,
             end: 1
         }, this._statePointToData = state => state, this._onHandlerPointerDown = (e, tag) => {
-            "start" === tag ? (this._activeTag = config_1.DataZoomActiveTag.startHandler, this._activeItem = this._startHandler) : "end" === tag ? (this._activeTag = config_1.DataZoomActiveTag.endHandler, 
-            this._activeItem = this._endHandler) : "middleRect" === tag ? (this._activeTag = config_1.DataZoomActiveTag.middleHandler, 
-            this._activeItem = this._middleHandlerRect) : "middleSymbol" === tag ? (this._activeTag = config_1.DataZoomActiveTag.middleHandler, 
-            this._activeItem = this._middleHandlerSymbol) : "background" === tag && (this._activeTag = config_1.DataZoomActiveTag.background, 
+            e.stopPropagation(), "start" === tag ? (this._activeTag = type_1.DataZoomActiveTag.startHandler, 
+            this._activeItem = this._startHandler) : "end" === tag ? (this._activeTag = type_1.DataZoomActiveTag.endHandler, 
+            this._activeItem = this._endHandler) : "middleRect" === tag ? (this._activeTag = type_1.DataZoomActiveTag.middleHandler, 
+            this._activeItem = this._middleHandlerRect) : "middleSymbol" === tag ? (this._activeTag = type_1.DataZoomActiveTag.middleHandler, 
+            this._activeItem = this._middleHandlerSymbol) : "background" === tag && (this._activeTag = type_1.DataZoomActiveTag.background, 
             this._activeItem = this._background), this._activeState = !0, this._activeCache.startPos = this.eventPosToStagePos(e), 
             this._activeCache.lastPos = this.eventPosToStagePos(e);
         }, this._onHandlerPointerMove = e => {
-            const {start: start, end: end, brushSelect: brushSelect} = this.attribute, pos = this.eventPosToStagePos(e), {attPos: attPos, max: max} = this._layoutCache, dis = (pos[attPos] - this._activeCache.lastPos[attPos]) / max;
-            this._activeState && (this._activeTag === config_1.DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === config_1.DataZoomActiveTag.startHandler ? this.state.start + dis > this.state.end ? (this.state.start = this.state.end, 
-            this.state.end = this.state.start + dis, this._activeTag = config_1.DataZoomActiveTag.endHandler) : this.state.start = this.state.start + dis : this._activeTag === config_1.DataZoomActiveTag.endHandler && (this.state.end + dis < this.state.start ? (this.state.end = this.state.start, 
-            this.state.start = this.state.end + dis, this._activeTag = config_1.DataZoomActiveTag.startHandler) : this.state.end = this.state.end + dis), 
-            this._activeCache.lastPos = pos, brushSelect && this.renderDragMask()), this.state.start = Math.min(Math.max(this.state.start, 0), 1), 
-            this.state.end = Math.min(Math.max(this.state.end, 0), 1), start === this.state.start && end === this.state.end || (this.setAttributes({
-                start: this.state.start,
-                end: this.state.end
-            }), this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end), 
-            this._dispatchChangeEvent(this.state.start, this.state.end));
+            var _a;
+            e.stopPropagation();
+            const {start: startAttr, end: endAttr, brushSelect: brushSelect, realTime: realTime = !0} = this.attribute, pos = this.eventPosToStagePos(e), {attPos: attPos, max: max} = this._layoutCache, dis = (pos[attPos] - this._activeCache.lastPos[attPos]) / max;
+            let {start: start, end: end} = this.state;
+            this._activeState && (this._activeTag === type_1.DataZoomActiveTag.middleHandler ? this.moveZoomWithMiddle((this.state.start + this.state.end) / 2 + dis) : this._activeTag === type_1.DataZoomActiveTag.startHandler ? start + dis > end ? (start = end, 
+            end = start + dis, this._activeTag = type_1.DataZoomActiveTag.endHandler) : start += dis : this._activeTag === type_1.DataZoomActiveTag.endHandler && (end + dis < start ? (end = start, 
+            start = end + dis, this._activeTag = type_1.DataZoomActiveTag.startHandler) : end += dis), 
+            this._activeCache.lastPos = pos, brushSelect && this.renderDragMask()), start = Math.min(Math.max(start, 0), 1), 
+            end = Math.min(Math.max(end, 0), 1), startAttr === start && endAttr === end || (this.setStateAttr(start, end, !0), 
+            realTime && (null === (_a = this._updateStateCallback) || void 0 === _a || _a.call(this, start, end, this._activeTag)), 
+            this._dispatchChangeEvent(start, end));
         };
-        const {start: start, end: end, size: size, orient: orient, showDetail: showDetail, position: position, previewData: previewData, previewCallbackX: previewCallbackX, previewCallbackY: previewCallbackY, previewCallbackX1: previewCallbackX1, previewCallbackY1: previewCallbackY1, updateStateCallback: updateStateCallback} = this.attribute, {width: width, height: height} = size;
-        start && (this.state.start = start), end && (this.state.end = end), this._isHorizontal = "top" === orient || "bottom" === orient, 
-        this._layoutCache.max = this._isHorizontal ? width : height, this._layoutCache.attPos = this._isHorizontal ? "x" : "y", 
-        this._layoutCache.attSize = this._isHorizontal ? "width" : "height", this._activeCache.startPos = position, 
-        this._activeCache.lastPos = position, this._showText = "auto" !== showDetail && showDetail, 
-        previewData && (this._previewData = previewData), (0, vutils_1.isFunction)(previewCallbackX) && (this._previewCallbackX = previewCallbackX), 
-        (0, vutils_1.isFunction)(previewCallbackY) && (this._previewCallbackY = previewCallbackY), 
-        (0, vutils_1.isFunction)(previewCallbackX1) && (this._previewCallbackX1 = previewCallbackX1), 
-        (0, vutils_1.isFunction)(previewCallbackY1) && (this._previewCallbackY1 = previewCallbackY1), 
+        const {start: start, end: end, size: size, orient: orient, showDetail: showDetail, position: position, previewData: previewData, previewPointsX: previewPointsX, previewPointsY: previewPointsY, previewPointsX1: previewPointsX1, previewPointsY1: previewPointsY1, updateStateCallback: updateStateCallback} = this.attribute, {width: width, height: height} = size;
+        start && (this.state.start = start), end && (this.state.end = end), this._spanCache = this.state.end - this.state.start, 
+        this._isHorizontal = "top" === orient || "bottom" === orient, this._layoutCache.max = this._isHorizontal ? width : height, 
+        this._layoutCache.attPos = this._isHorizontal ? "x" : "y", this._layoutCache.attSize = this._isHorizontal ? "width" : "height", 
+        this._activeCache.startPos = position, this._activeCache.lastPos = position, this._showText = "auto" !== showDetail && showDetail, 
+        previewData && (this._previewData = previewData), (0, vutils_1.isFunction)(previewPointsX) && (this._previewPointsX = previewPointsX), 
+        (0, vutils_1.isFunction)(previewPointsY) && (this._previewPointsY = previewPointsY), 
+        (0, vutils_1.isFunction)(previewPointsX1) && (this._previewPointsX1 = previewPointsX1), 
+        (0, vutils_1.isFunction)(previewPointsY1) && (this._previewPointsY1 = previewPointsY1), 
         (0, vutils_1.isFunction)(updateStateCallback) && (this._updateStateCallback = updateStateCallback);
     }
     bindEvents() {
-        const {showDetail: showDetail, brushSelect: brushSelect} = this.attribute;
+        if (this.attribute.disableTriggerEvent) return;
+        const {showDetail: showDetail, brushSelect: brushSelect, delayType: delayType = "throttle", delayTime: delayTime = 0} = this.attribute;
         this._startHandler && this._startHandler.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "start"))), 
         this._endHandler && this._endHandler.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "end"))), 
         this._middleHandlerSymbol && this._middleHandlerSymbol.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "middleSymbol"))), 
@@ -76,16 +82,27 @@ class DataZoom extends base_1.AbstractComponent {
         brushSelect && this._background && this._background.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "background"))), 
         brushSelect && this._previewGroup && this._previewGroup.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, "background"))), 
         this._selectedPreviewGroup && this._selectedPreviewGroup.addEventListener("pointerdown", (e => this._onHandlerPointerDown(e, selectedTag))), 
-        "browser" === vrender_core_1.vglobal.env && (vrender_core_1.vglobal.addEventListener("pointermove", this._onHandlerPointerMove.bind(this)), 
-        vrender_core_1.vglobal.addEventListener("pointerup", this._onHandlerPointerUp.bind(this))), 
-        this.addEventListener("pointermove", this._onHandlerPointerMove), this.addEventListener("pointerup", this._onHandlerPointerUp), 
-        this.addEventListener("pointerupoutside", this._onHandlerPointerUp), "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), 
+        "browser" === vrender_core_1.vglobal.env && (vrender_core_1.vglobal.addEventListener("pointermove", delayMap[delayType](this._onHandlerPointerMove.bind(this), delayTime), {
+            capture: !0
+        }), vrender_core_1.vglobal.addEventListener("pointerup", this._onHandlerPointerUp.bind(this))), 
+        this.addEventListener("pointermove", delayMap[delayType](this._onHandlerPointerMove, delayTime), {
+            capture: !0
+        }), this.addEventListener("pointerup", this._onHandlerPointerUp), this.addEventListener("pointerupoutside", this._onHandlerPointerUp), 
+        "auto" === showDetail && (this.addEventListener("pointerenter", this._onHandlerPointerEnter), 
         this.addEventListener("pointerleave", this._onHandlerPointerLeave));
     }
     dragMaskSize() {
         const {position: position} = this.attribute, {attPos: attPos, max: max} = this._layoutCache;
         return this._activeCache.lastPos[attPos] - position[attPos] > max ? max + position[attPos] - this._activeCache.startPos[attPos] : this._activeCache.lastPos[attPos] - position[attPos] < 0 ? position[attPos] - this._activeCache.startPos[attPos] : this._activeCache.lastPos[attPos] - this._activeCache.startPos[attPos];
     }
+    setStateAttr(start, end, shouldRender) {
+        const {zoomLock: zoomLock = !1, minSpan: minSpan = 0, maxSpan: maxSpan = 1} = this.attribute, span = end - start;
+        span !== this._spanCache && (zoomLock || span < minSpan || span > maxSpan) || (this._spanCache = span, 
+        this.state.start = start, this.state.end = end, shouldRender && this.setAttributes({
+            start: start,
+            end: end
+        }));
+    }
     eventPosToStagePos(e) {
         var _a, _b, _c;
         const stagePosition = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.window.getBoundingClientRect();
@@ -95,45 +112,44 @@ class DataZoom extends base_1.AbstractComponent {
         };
     }
     _onHandlerPointerUp(e) {
-        const {start: start, end: end, brushSelect: brushSelect} = this.attribute;
-        if (this._activeState && this._activeTag === config_1.DataZoomActiveTag.background) {
+        var _a;
+        e.preventDefault();
+        const {start: start, end: end, brushSelect: brushSelect, realTime: realTime = !0} = this.attribute;
+        if (this._activeState && this._activeTag === type_1.DataZoomActiveTag.background) {
             const pos = this.eventPosToStagePos(e);
             this.backgroundDragZoom(this._activeCache.startPos, pos);
         }
-        this._activeState = !1, brushSelect && this.renderDragMask(), start === this.state.start && end === this.state.end || (this.setAttributes({
-            start: this.state.start,
-            end: this.state.end
-        }), this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end), 
+        this._activeState = !1, brushSelect && this.renderDragMask(), realTime && start === this.state.start && end === this.state.end || (this.setStateAttr(this.state.start, this.state.end, !0), 
+        null === (_a = this._updateStateCallback) || void 0 === _a || _a.call(this, this.state.start, this.state.end, this._activeTag), 
         this._dispatchChangeEvent(this.state.start, this.state.end));
     }
     _onHandlerPointerEnter(e) {
-        this._showText = !0, this.renderText();
+        e.stopPropagation(), this._showText = !0, this.renderText();
     }
     _onHandlerPointerLeave(e) {
-        this._showText = !1, this.renderText();
+        e.stopPropagation(), this._showText = !1, this.renderText();
     }
     backgroundDragZoom(startPos, endPos) {
         const {attPos: attPos, max: max} = this._layoutCache, {position: position} = this.attribute, startPosInComponent = startPos[attPos] - position[attPos], endPosInComponent = endPos[attPos] - position[attPos], start = Math.min(Math.max(Math.min(startPosInComponent, endPosInComponent) / max, 0), 1), end = Math.min(Math.max(Math.max(startPosInComponent, endPosInComponent) / max, 0), 1);
-        Math.abs(start - end) < .01 ? this.moveZoomWithMiddle(start) : (this.state.start = start, 
-        this.state.end = end);
+        Math.abs(start - end) < .01 ? this.moveZoomWithMiddle(start) : this.setStateAttr(start, end, !1);
     }
     moveZoomWithMiddle(middle) {
         let offset = middle - (this.state.start + this.state.end) / 2;
         0 !== offset && (offset > 0 ? this.state.end + offset > 1 && (offset = 1 - this.state.end) : offset < 0 && this.state.start + offset < 0 && (offset = -this.state.start), 
-        this.state.start = this.state.start + offset, this.state.end = this.state.end + offset);
+        this.setStateAttr(this.state.start + offset, this.state.end + offset, !1));
     }
     renderDragMask() {
         const {dragMaskStyle: dragMaskStyle} = this.attribute, {position: position, width: width, height: height} = this.getLayoutAttrFromConfig();
         this._isHorizontal ? this._dragMask = this._container.createOrUpdateChild("dragMask", Object.assign({
             x: (0, vutils_1.clamp)(this.dragMaskSize() < 0 ? this._activeCache.lastPos.x : this._activeCache.startPos.x, position.x, position.x + width),
             y: position.y,
-            width: this._activeState && this._activeTag === config_1.DataZoomActiveTag.background && Math.abs(this.dragMaskSize()) || 0,
+            width: this._activeState && this._activeTag === type_1.DataZoomActiveTag.background && Math.abs(this.dragMaskSize()) || 0,
             height: height
         }, dragMaskStyle), "rect") : this._dragMask = this._container.createOrUpdateChild("dragMask", Object.assign({
             x: position.x,
             y: (0, vutils_1.clamp)(this.dragMaskSize() < 0 ? this._activeCache.lastPos.y : this._activeCache.startPos.y, position.y, position.y + height),
             width: width,
-            height: this._activeState && this._activeTag === config_1.DataZoomActiveTag.background && Math.abs(this.dragMaskSize()) || 0
+            height: this._activeState && this._activeTag === type_1.DataZoomActiveTag.background && Math.abs(this.dragMaskSize()) || 0
         }, dragMaskStyle), "rect");
     }
     renderText() {
@@ -243,7 +259,7 @@ class DataZoom extends base_1.AbstractComponent {
             cursor: brushSelect ? "crosshair" : "move"
         }, selectedBackgroundStyle), "rect"), (null === (_c = null == selectedBackgroundChartStyle ? void 0 : selectedBackgroundChartStyle.line) || void 0 === _c ? void 0 : _c.visible) && this.setSelectedPreviewAttributes("line", group), 
         (null === (_d = null == selectedBackgroundChartStyle ? void 0 : selectedBackgroundChartStyle.area) || void 0 === _d ? void 0 : _d.visible) && this.setSelectedPreviewAttributes("area", group), 
-        this.renderText(), this._isHorizontal ? (this._startHandler = group.createOrUpdateChild("startHandler", Object.assign({
+        this._showText && this.renderText(), this._isHorizontal ? (this._startHandler = group.createOrUpdateChild("startHandler", Object.assign({
             x: position.x + start * width,
             y: position.y + height / 2,
             size: height,
@@ -337,8 +353,8 @@ class DataZoom extends base_1.AbstractComponent {
     }
     getPreviewLinePoints() {
         const previewPoints = this._previewData.map((d => ({
-            x: this._previewCallbackX && this._previewCallbackX(d),
-            y: this._previewCallbackY && this._previewCallbackY(d)
+            x: this._previewPointsX && this._previewPointsX(d),
+            y: this._previewPointsY && this._previewPointsY(d)
         })));
         if (0 === previewPoints.length) return previewPoints;
         const {basePointStart: basePointStart, basePointEnd: basePointEnd} = this.computeBasePoints();
@@ -346,10 +362,10 @@ class DataZoom extends base_1.AbstractComponent {
     }
     getPreviewAreaPoints() {
         const previewPoints = this._previewData.map((d => ({
-            x: this._previewCallbackX && this._previewCallbackX(d),
-            y: this._previewCallbackY && this._previewCallbackY(d),
-            x1: this._previewCallbackX1 && this._previewCallbackX1(d),
-            y1: this._previewCallbackY1 && this._previewCallbackY1(d)
+            x: this._previewPointsX && this._previewPointsX(d),
+            y: this._previewPointsY && this._previewPointsY(d),
+            x1: this._previewPointsX1 && this._previewPointsX1(d),
+            y1: this._previewPointsY1 && this._previewPointsY1(d)
         })));
         if (0 === previewPoints.length) return previewPoints;
         const {basePointStart: basePointStart, basePointEnd: basePointEnd} = this.computeBasePoints();
@@ -419,12 +435,12 @@ class DataZoom extends base_1.AbstractComponent {
         this.dispatchEvent(changeEvent);
     }
     setStartAndEnd(start, end) {
+        var _a;
         const {start: startAttr, end: endAttr} = this.attribute;
         (0, vutils_1.isValid)(start) && (0, vutils_1.isValid)(end) && (start !== this.state.start || end !== this.state.end) && (this.state.start = start, 
-        this.state.end = end, startAttr === this.state.start && endAttr === this.state.end || (this.setAttributes({
-            start: start,
-            end: end
-        }), this._updateStateCallback && this._updateStateCallback(start, end), this._dispatchChangeEvent(start, end)));
+        this.state.end = end, startAttr === this.state.start && endAttr === this.state.end || (this.setStateAttr(start, end, !0), 
+        null === (_a = this._updateStateCallback) || void 0 === _a || _a.call(this, start, end, this._activeTag), 
+        this._dispatchChangeEvent(start, end)));
     }
     setPreviewData(data) {
         this._previewData = data;
@@ -446,17 +462,17 @@ class DataZoom extends base_1.AbstractComponent {
     setUpdateStateCallback(callback) {
         (0, vutils_1.isFunction)(callback) && (this._updateStateCallback = callback);
     }
-    setPreviewCallbackX(callback) {
-        (0, vutils_1.isFunction)(callback) && (this._previewCallbackX = callback);
+    setPreviewPointsX(callback) {
+        (0, vutils_1.isFunction)(callback) && (this._previewPointsX = callback);
     }
-    setPreviewCallbackY(callback) {
-        (0, vutils_1.isFunction)(callback) && (this._previewCallbackY = callback);
+    setPreviewPointsY(callback) {
+        (0, vutils_1.isFunction)(callback) && (this._previewPointsY = callback);
     }
-    setPreviewCallbackX1(callback) {
-        (0, vutils_1.isFunction)(callback) && (this._previewCallbackX1 = callback);
+    setPreviewPointsX1(callback) {
+        (0, vutils_1.isFunction)(callback) && (this._previewPointsX1 = callback);
     }
-    setPreviewCallbackY1(callback) {
-        (0, vutils_1.isFunction)(callback) && (this._previewCallbackY1 = callback);
+    setPreviewPointsY1(callback) {
+        (0, vutils_1.isFunction)(callback) && (this._previewPointsY1 = callback);
     }
     setStatePointToData(callback) {
         (0, vutils_1.isFunction)(callback) && (this._statePointToData = callback);