@visactor/vchart 2.1.0-alpha.17 → 2.1.0-alpha.18

package/esm/core/instance-manager.js

@@ -22,4 +22,4 @@ export class InstanceManager {
 }
 
 InstanceManager.instances = new Map;
-//# sourceMappingURL=instance-manager.js.map
+//# sourceMappingURL=instance-manager.js.map

package/esm/core/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/core/util.js

@@ -3,4 +3,4 @@ import { measureText } from "../util";
 export const VCHART_UTILS = {
     measureText: measureText
 };
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/core/vchart.d.ts

@@ -8,7 +8,7 @@ import type { IComponentConstructor } from '../component/interface';
 import type { EventCallback, EventQuery, EventType, ExtendEventParam, IEvent } from '../event/interface';
 import type { IParserOptions, Transform } from '@visactor/vdataset';
 import { DataSet, DataView } from '@visactor/vdataset';
-import type { IStage } from '@visactor/vrender-core';
+import type { IGraphic, IStage } from '@visactor/vrender-core';
 import type { GeoSourceType } from '../typings/geo';
 import type { GeoSourceOption } from '../series/map/geo-source';
 import type { IMark, MarkConstructor } from '../mark/interface';
@@ -78,6 +78,7 @@ export declare class VChart implements IVChart {
     private _onError?;
     private _context;
     private _isReleased;
+    private _exitingVRenderComponents?;
     private _chartPlugin?;
     private _vChartPlugin?;
     private _onResize?;
@@ -110,6 +111,9 @@ export declare class VChart implements IVChart {
     protected _renderAsync(option?: IVChartRenderOption): Promise<IVChart>;
     private _updateAnimateState;
     release(): void;
+    _registerExitingVRenderComponent(component: IGraphic): void;
+    _unregisterExitingVRenderComponent(component: IGraphic): void;
+    private _forceReleaseExitingVRenderComponents;
     updateData(id: StringOrNumber, data: DataView | Datum[] | string, parserOptions?: IParserOptions, userUpdateOptions?: IUpdateDataResult): Promise<IVChart>;
     private _updateDataById;
     updateDataInBatches(list: {

package/esm/core/vchart.js

@@ -86,9 +86,9 @@ import { isArray, isEmpty, Logger, isFunction, LoggerLevel, isEqual, cloneDeep,
 
 import { InstanceManager } from "./instance-manager";
 
-import { setPoptipTheme } from "@visactor/vrender-components";
+import { setPoptipTheme } from "@visactor/vrender-components/poptip/register";
 
-import { calculateChartSize, mergeUpdateResult } from "../chart/util";
+import { calculateChartSize, isUpdateSpecResultComponentOnly, isUpdateSpecResultLocalOnly, mergeUpdateResult } from "../chart/util";
 
 import { Region } from "../region/region";
 
@@ -118,6 +118,8 @@ import { VChartPluginService } from "../plugin/vchart/plugin-service";
 
 import { RenderStateEnum } from "../constant/animate";
 
+import { releaseVRenderComponentSync } from "../component/base/release-vrender-component";
+
 export class VChart {
     static useRegisters(comps) {
         comps.forEach((fn => {
@@ -370,27 +372,28 @@ export class VChart {
     updateCustomConfigAndRerender(updateSpecResult, sync, option = {}) {
         if (!this._isReleased && updateSpecResult) return isFunction(updateSpecResult) && (updateSpecResult = updateSpecResult()), 
         updateSpecResult.reAnimate && (this.stopAnimation(), this._updateAnimateState(!0)), 
-        this._reCompile(updateSpecResult), sync ? this._renderSync(option) : this._renderAsync(option);
+        this._reCompile(updateSpecResult, option.morphConfig), isUpdateSpecResultLocalOnly(updateSpecResult) ? this : sync ? this._renderSync(option) : this._renderAsync(option);
     }
     _updateCustomConfigAndRecompile(updateSpecResult, option = {}) {
-        return !!updateSpecResult && (this._reCompile(updateSpecResult), this._beforeRender(option));
+        return !!updateSpecResult && (this._reCompile(updateSpecResult, option.morphConfig), 
+        this._beforeRender(option));
     }
     _reCompile(updateResult, morphConfig) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(), 
+        if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(!1), 
         this._chart = null), updateResult.reTransformSpec && (this._chartSpecTransformer = null), 
         updateResult.changeTheme ? (this._setCurrentTheme(), this._setFontFamilyTheme(this.getTheme("fontFamily"))) : updateResult.changeBackground && (null === (_b = this._compiler) || void 0 === _b || _b.setBackground(this._getBackground())), 
-        updateResult.reMake ? (null === (_c = this._compiler) || void 0 === _c || _c.releaseGrammar(!0), 
-        this._userEvents.forEach((e => {
-            var _a;
-            return null === (_a = this._event) || void 0 === _a ? void 0 : _a.on(e.eType, e.query, e.handler);
-        }))) : updateResult.reCompile && (null === (_d = this._compiler) || void 0 === _d || _d.clear({
+        updateResult.reMake) {
+            const cacheGrammarForMorph = this.isAnimationEnable() && !1 !== (null == morphConfig ? void 0 : morphConfig.morph);
+            null === (_c = this._compiler) || void 0 === _c || _c.releaseGrammar(!cacheGrammarForMorph);
+        } else updateResult.reCompile && (null === (_d = this._compiler) || void 0 === _d || _d.clear({
             chart: this._chart,
             vChart: this
         }), null === (_e = this._compiler) || void 0 === _e || _e.compile({
             chart: this._chart,
             vChart: this
-        })), updateResult.reSize) {
+        }));
+        if (updateResult.reSize) {
             const {width: width, height: height} = this.getCurrentSize();
             this._currentSize = {
                 width: width,
@@ -461,13 +464,28 @@ export class VChart {
         var _a, _b, _c, _d;
         (null === (_a = this._onResize) || void 0 === _a ? void 0 : _a.cancel) && this._onResize.cancel(), 
         this._chartPluginApply("releaseAll"), this._chartPlugin = null, this._chartSpecTransformer = null, 
-        null === (_b = this._chart) || void 0 === _b || _b.release(), null === (_c = this._eventDispatcher) || void 0 === _c || _c.release(), 
-        null === (_d = this._compiler) || void 0 === _d || _d.release(), this._unBindResizeEvent(), 
-        this._releaseData(), this._onError = null, this._onResize = null, this._container = null, 
-        this._currentTheme = null, this._cachedProcessedTheme = null, this._option = null, 
-        this._chart = null, this._compiler = null, this._spec = null, this._specInfo = null, 
-        this._originalSpec = null, this._userEvents = null, this._event = null, this._eventDispatcher = null, 
-        this._isReleased = !0, InstanceManager.unregisterInstance(this);
+        this._forceReleaseExitingVRenderComponents(), null === (_b = this._chart) || void 0 === _b || _b.release(), 
+        null === (_c = this._eventDispatcher) || void 0 === _c || _c.release(), null === (_d = this._compiler) || void 0 === _d || _d.release(), 
+        this._unBindResizeEvent(), this._releaseData(), this._onError = null, this._onResize = null, 
+        this._container = null, this._currentTheme = null, this._cachedProcessedTheme = null, 
+        this._option = null, this._chart = null, this._compiler = null, this._spec = null, 
+        this._specInfo = null, this._originalSpec = null, this._userEvents = null, this._event = null, 
+        this._eventDispatcher = null, this._isReleased = !0, InstanceManager.unregisterInstance(this);
+    }
+    _registerExitingVRenderComponent(component) {
+        var _a;
+        this._exitingVRenderComponents = null !== (_a = this._exitingVRenderComponents) && void 0 !== _a ? _a : new Set, 
+        this._exitingVRenderComponents.add(component);
+    }
+    _unregisterExitingVRenderComponent(component) {
+        var _a;
+        null === (_a = this._exitingVRenderComponents) || void 0 === _a || _a.delete(component);
+    }
+    _forceReleaseExitingVRenderComponents() {
+        var _a;
+        (null === (_a = this._exitingVRenderComponents) || void 0 === _a ? void 0 : _a.size) && (this._exitingVRenderComponents.forEach((component => {
+            releaseVRenderComponentSync(component);
+        })), this._exitingVRenderComponents.clear());
     }
     updateData(id, data, parserOptions, userUpdateOptions) {
         return __awaiter(this, void 0, void 0, (function*() {
@@ -558,8 +576,8 @@ export class VChart {
     }
     _updateModelSpec(model, spec, sync = !1, forceMerge = !1, morphConfig) {
         forceMerge && (spec = mergeSpec({}, model.getSpec(), spec));
-        const result = model.updateSpec(spec);
-        return model.reInit(spec), (result.change || result.reCompile || result.reMake || result.reSize || result.reRender) && this._chart.reDataFlow(), 
+        const result = model.updateSpec(spec), localOnly = isUpdateSpecResultLocalOnly(result), componentOnly = isUpdateSpecResultComponentOnly(result);
+        return localOnly || (model.reInit(spec), !componentOnly && (result.change || result.reCompile || result.reMake || result.reSize || result.reRender) && this._chart.reDataFlow()), 
         this.updateCustomConfigAndRerender(result, sync, {
             morphConfig: morphConfig,
             transformSpec: !1,
@@ -1017,4 +1035,4 @@ export const registerVChartCore = () => {
 Factory.registerRegion("region", Region), Factory.registerLayout("base", Layout), 
 registerGroupMark(), registerGesturePlugin(), registerElementHighlight(), registerElementSelect(), 
 registerTheme(darkTheme.name, darkTheme);
-//# sourceMappingURL=vchart.js.map
+//# sourceMappingURL=vchart.js.map