@visactor/vchart 1.4.0-alpha.4 → 1.4.0-alpha.5

package/cjs/constant/event.d.ts

@@ -1,4 +1,4 @@
-export { HOOK_EVENT as VGRAMMAR_HOOK_EVENT } from '@visactor/vgrammar';
+export { HOOK_EVENT as VGRAMMAR_HOOK_EVENT } from '@visactor/vgrammar-core';
 export declare const BASE_EVENTS: string[];
 export declare enum ChartEvent {
     initialized = "initialized",

package/cjs/constant/event.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Event_Bubble_Level = exports.Event_Source_Type = exports.ChartEvent = exports.BASE_EVENTS = exports.VGRAMMAR_HOOK_EVENT = void 0;
 
-var ChartEvent, Event_Source_Type, Event_Bubble_Level, vgrammar_1 = require("@visactor/vgrammar");
+var ChartEvent, Event_Source_Type, Event_Bubble_Level, vgrammar_core_1 = require("@visactor/vgrammar-core");
 
 Object.defineProperty(exports, "VGRAMMAR_HOOK_EVENT", {
     enumerable: !0,
     get: function() {
-        return vgrammar_1.HOOK_EVENT;
+        return vgrammar_core_1.HOOK_EVENT;
     }
 }), exports.BASE_EVENTS = [ "pointerdown", "pointerup", "pointerupoutside", "pointertap", "pointerover", "pointermove", "pointerenter", "pointerleave", "pointerout", "mousedown", "mouseup", "mouseupoutside", "rightdown", "rightup", "rightupoutside", "click", "dblclick", "mousemove", "mouseover", "mouseout", "mouseenter", "mouseleave", "wheel", "touchstart", "touchend", "touchendoutside", "touchmove", "touchcancel", "tap", "dragstart", "drag", "dragenter", "dragleave", "dragover", "dragend", "drop", "pan", "panstart", "panend", "press", "pressup", "pressend", "pinch", "pinchstart", "pinchend", "swipe" ], 
 function(ChartEvent) {

package/cjs/constant/event.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constant/event.ts"],"names":[],"mappings":";;;AAAA,+CAAuE;AAA9D,+GAAA,UAAU,OAAuB;AAE7B,QAAA,WAAW,GAAG;IACzB,aAAa;IACb,WAAW;IACX,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;IACZ,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,OAAO;IACP,UAAU;IACV,WAAW;IACX,WAAW;IACX,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,UAAU;IACV,iBAAiB;IACjB,WAAW;IACX,aAAa;IACb,KAAK;IACL,WAAW;IACX,MAAM;IACN,WAAW;IACX,WAAW;IACX,UAAU;IACV,SAAS;IACT,MAAM;IAEN,KAAK;IACL,UAAU;IACV,QAAQ;IACR,OAAO;IACP,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;IACZ,UAAU;IACV,OAAO;CACR,CAAC;AAEF,IAAY,UAyDX;AAzDD,WAAY,UAAU;IACpB,yCAA2B,CAAA;IAC3B,mCAAqB,CAAA;IACrB,+CAAiC,CAAA;IACjC,qDAAuC,CAAA;IAEvC,uEAAyD,CAAA;IAGzD,6CAA+B,CAAA;IAC/B,+CAAiC,CAAA;IACjC,6CAA+B,CAAA;IAE/B,6CAA+B,CAAA;IAC/B,iEAAmD,CAAA;IACnD,uDAAyC,CAAA;IACzC,+CAAiC,CAAA;IACjC,mEAAqD,CAAA;IAErD,mDAAqC,CAAA;IAErC,yDAA2C,CAAA;IAG3C,qDAAuC,CAAA;IACvC,yCAA2B,CAAA;IAE3B,+CAAiC,CAAA;IAEjC,6BAAe,CAAA;IACf,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,mDAAqC,CAAA;IAGrC,uCAAyB,CAAA;IACzB,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,2CAA6B,CAAA;IAC7B,6CAA+B,CAAA;IAC/B,+CAAiC,CAAA;IAEjC,iDAAmC,CAAA;IAEnC,uCAAyB,CAAA;IACzB,yCAA2B,CAAA;IAC3B,mCAAqB,CAAA;IAErB,mEAAqD,CAAA;IACrD,2CAA6B,CAAA;IAC7B,iDAAmC,CAAA;IACnC,iDAAmC,CAAA;IACnC,qDAAuC,CAAA;IAEvC,yCAA2B,CAAA;IAC3B,yCAA2B,CAAA;IAC3B,+CAAiC,CAAA;AACnC,CAAC,EAzDW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAyDrB;AAED,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,sCAAiB,CAAA;AACnB,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B;AAED,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,mCAAa,CAAA;AACf,CAAC,EALW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAK7B","file":"event.js","sourcesContent":["export { HOOK_EVENT as VGRAMMAR_HOOK_EVENT } from '@visactor/vgrammar';\n\nexport const BASE_EVENTS = [\n  'pointerdown',\n  'pointerup',\n  'pointerupoutside',\n  'pointertap', // pointerEvent 下的 click 事件\n  'pointerover',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointerout',\n  'mousedown',\n  'mouseup',\n  'mouseupoutside',\n  'rightdown',\n  'rightup',\n  'rightupoutside',\n  'click',\n  'dblclick',\n  'mousemove',\n  'mouseover',\n  'mouseout',\n  'mouseenter',\n  'mouseleave',\n  'wheel',\n  'touchstart',\n  'touchend',\n  'touchendoutside',\n  'touchmove',\n  'touchcancel',\n  'tap',\n  'dragstart',\n  'drag',\n  'dragenter',\n  'dragleave',\n  'dragover',\n  'dragend',\n  'drop',\n  // 手势事件\n  'pan',\n  'panstart',\n  'panend',\n  'press',\n  'pressup',\n  'pressend',\n  'pinch',\n  'pinchstart',\n  'pinchend',\n  'swipe'\n];\n\nexport enum ChartEvent {\n  initialized = 'initialized', // 图表实例初始化完成\n  rendered = 'rendered', // 图表渲染方法被调用时触发，表明图表已经执行过渲染逻辑，只会触发一次\n  renderFinished = 'renderFinished', // 每次画布渲染完成触发的事件，不包含动画结束\n  animationFinished = 'animationFinished', // 图表动画结束时触发的事件\n  // region\n  regionSeriesDataFilterOver = 'regionSeriesDataFilterOver',\n  // series start\n  // series.liftCircle\n  afterInitData = 'afterInitData',\n  afterInitEvent = 'afterInitEvent',\n  afterInitMark = 'afterInitMark',\n  // series.data\n  rawDataUpdate = 'rawDataUpdate',\n  rawDataStatisticsUpdate = 'rawDataStatisticsUpdate',\n  viewDataFilterOver = 'viewDataFilterOver',\n  viewDataUpdate = 'viewDataUpdate',\n  viewDataStatisticsUpdate = 'viewDataStatisticsUpdate',\n  // dot series\n  markDeltaYUpdate = 'markDeltaYUpdate',\n  // pie series\n  viewDataLabelUpdate = 'viewDataLabelUpdate',\n  /** series end */\n  // scale\n  scaleDomainUpdate = 'scaleDomainUpdate',\n  scaleUpdate = 'scaleUpdate',\n  // datazoom\n  dataZoomChange = 'dataZoomChange',\n  // Hierarchy\n  drill = 'drill',\n  layoutStart = 'layoutStart',\n  layoutEnd = 'layoutEnd',\n  layoutRectUpdate = 'layoutRectUpdate',\n\n  // player\n  playerPlay = 'playerPlay',\n  playerPause = 'playerPause',\n  playerEnd = 'playerEnd',\n  playerChange = 'playerChange',\n  playerForward = 'playerForward',\n  playerBackward = 'playerBackward',\n  // scrollBar\n  scrollBarChange = 'scrollBarChange',\n  // brush\n  brushStart = 'brushStart',\n  brushChange = 'brushChange',\n  brushEnd = 'brushEnd',\n  // legend\n  legendSelectedDataChange = 'legendSelectedDataChange',\n  legendFilter = 'legendFilter',\n  legendItemClick = 'legendItemClick',\n  legendItemHover = 'legendItemHover',\n  legendItemUnHover = 'legendItemUnHover',\n  // tooltip\n  tooltipShow = 'tooltipShow',\n  tooltipHide = 'tooltipHide',\n  tooltipRelease = 'tooltipRelease'\n}\n\nexport enum Event_Source_Type {\n  chart = 'chart',\n  window = 'window',\n  canvas = 'canvas'\n}\n\nexport enum Event_Bubble_Level {\n  vchart = 'vchart',\n  chart = 'chart',\n  model = 'model',\n  mark = 'mark'\n}\n"]}
+{"version":3,"sources":["../src/constant/event.ts"],"names":[],"mappings":";;;AAAA,yDAA4E;AAAnE,oHAAA,UAAU,OAAuB;AAE7B,QAAA,WAAW,GAAG;IACzB,aAAa;IACb,WAAW;IACX,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,aAAa;IACb,cAAc;IACd,cAAc;IACd,YAAY;IACZ,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,OAAO;IACP,UAAU;IACV,WAAW;IACX,WAAW;IACX,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,UAAU;IACV,iBAAiB;IACjB,WAAW;IACX,aAAa;IACb,KAAK;IACL,WAAW;IACX,MAAM;IACN,WAAW;IACX,WAAW;IACX,UAAU;IACV,SAAS;IACT,MAAM;IAEN,KAAK;IACL,UAAU;IACV,QAAQ;IACR,OAAO;IACP,SAAS;IACT,UAAU;IACV,OAAO;IACP,YAAY;IACZ,UAAU;IACV,OAAO;CACR,CAAC;AAEF,IAAY,UAyDX;AAzDD,WAAY,UAAU;IACpB,yCAA2B,CAAA;IAC3B,mCAAqB,CAAA;IACrB,+CAAiC,CAAA;IACjC,qDAAuC,CAAA;IAEvC,uEAAyD,CAAA;IAGzD,6CAA+B,CAAA;IAC/B,+CAAiC,CAAA;IACjC,6CAA+B,CAAA;IAE/B,6CAA+B,CAAA;IAC/B,iEAAmD,CAAA;IACnD,uDAAyC,CAAA;IACzC,+CAAiC,CAAA;IACjC,mEAAqD,CAAA;IAErD,mDAAqC,CAAA;IAErC,yDAA2C,CAAA;IAG3C,qDAAuC,CAAA;IACvC,yCAA2B,CAAA;IAE3B,+CAAiC,CAAA;IAEjC,6BAAe,CAAA;IACf,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,mDAAqC,CAAA;IAGrC,uCAAyB,CAAA;IACzB,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,2CAA6B,CAAA;IAC7B,6CAA+B,CAAA;IAC/B,+CAAiC,CAAA;IAEjC,iDAAmC,CAAA;IAEnC,uCAAyB,CAAA;IACzB,yCAA2B,CAAA;IAC3B,mCAAqB,CAAA;IAErB,mEAAqD,CAAA;IACrD,2CAA6B,CAAA;IAC7B,iDAAmC,CAAA;IACnC,iDAAmC,CAAA;IACnC,qDAAuC,CAAA;IAEvC,yCAA2B,CAAA;IAC3B,yCAA2B,CAAA;IAC3B,+CAAiC,CAAA;AACnC,CAAC,EAzDW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAyDrB;AAED,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,sCAAiB,CAAA;AACnB,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B;AAED,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,mCAAa,CAAA;AACf,CAAC,EALW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAK7B","file":"event.js","sourcesContent":["export { HOOK_EVENT as VGRAMMAR_HOOK_EVENT } from '@visactor/vgrammar-core';\n\nexport const BASE_EVENTS = [\n  'pointerdown',\n  'pointerup',\n  'pointerupoutside',\n  'pointertap', // pointerEvent 下的 click 事件\n  'pointerover',\n  'pointermove',\n  'pointerenter',\n  'pointerleave',\n  'pointerout',\n  'mousedown',\n  'mouseup',\n  'mouseupoutside',\n  'rightdown',\n  'rightup',\n  'rightupoutside',\n  'click',\n  'dblclick',\n  'mousemove',\n  'mouseover',\n  'mouseout',\n  'mouseenter',\n  'mouseleave',\n  'wheel',\n  'touchstart',\n  'touchend',\n  'touchendoutside',\n  'touchmove',\n  'touchcancel',\n  'tap',\n  'dragstart',\n  'drag',\n  'dragenter',\n  'dragleave',\n  'dragover',\n  'dragend',\n  'drop',\n  // 手势事件\n  'pan',\n  'panstart',\n  'panend',\n  'press',\n  'pressup',\n  'pressend',\n  'pinch',\n  'pinchstart',\n  'pinchend',\n  'swipe'\n];\n\nexport enum ChartEvent {\n  initialized = 'initialized', // 图表实例初始化完成\n  rendered = 'rendered', // 图表渲染方法被调用时触发，表明图表已经执行过渲染逻辑，只会触发一次\n  renderFinished = 'renderFinished', // 每次画布渲染完成触发的事件，不包含动画结束\n  animationFinished = 'animationFinished', // 图表动画结束时触发的事件\n  // region\n  regionSeriesDataFilterOver = 'regionSeriesDataFilterOver',\n  // series start\n  // series.liftCircle\n  afterInitData = 'afterInitData',\n  afterInitEvent = 'afterInitEvent',\n  afterInitMark = 'afterInitMark',\n  // series.data\n  rawDataUpdate = 'rawDataUpdate',\n  rawDataStatisticsUpdate = 'rawDataStatisticsUpdate',\n  viewDataFilterOver = 'viewDataFilterOver',\n  viewDataUpdate = 'viewDataUpdate',\n  viewDataStatisticsUpdate = 'viewDataStatisticsUpdate',\n  // dot series\n  markDeltaYUpdate = 'markDeltaYUpdate',\n  // pie series\n  viewDataLabelUpdate = 'viewDataLabelUpdate',\n  /** series end */\n  // scale\n  scaleDomainUpdate = 'scaleDomainUpdate',\n  scaleUpdate = 'scaleUpdate',\n  // datazoom\n  dataZoomChange = 'dataZoomChange',\n  // Hierarchy\n  drill = 'drill',\n  layoutStart = 'layoutStart',\n  layoutEnd = 'layoutEnd',\n  layoutRectUpdate = 'layoutRectUpdate',\n\n  // player\n  playerPlay = 'playerPlay',\n  playerPause = 'playerPause',\n  playerEnd = 'playerEnd',\n  playerChange = 'playerChange',\n  playerForward = 'playerForward',\n  playerBackward = 'playerBackward',\n  // scrollBar\n  scrollBarChange = 'scrollBarChange',\n  // brush\n  brushStart = 'brushStart',\n  brushChange = 'brushChange',\n  brushEnd = 'brushEnd',\n  // legend\n  legendSelectedDataChange = 'legendSelectedDataChange',\n  legendFilter = 'legendFilter',\n  legendItemClick = 'legendItemClick',\n  legendItemHover = 'legendItemHover',\n  legendItemUnHover = 'legendItemUnHover',\n  // tooltip\n  tooltipShow = 'tooltipShow',\n  tooltipHide = 'tooltipHide',\n  tooltipRelease = 'tooltipRelease'\n}\n\nexport enum Event_Source_Type {\n  chart = 'chart',\n  window = 'window',\n  canvas = 'canvas'\n}\n\nexport enum Event_Bubble_Level {\n  vchart = 'vchart',\n  chart = 'chart',\n  model = 'model',\n  mark = 'mark'\n}\n"]}

package/cjs/core/index.d.ts

@@ -1,7 +1,7 @@
 import { VChart } from './vchart';
 import { Factory } from './factory';
 export { VChart, Factory };
-export declare const version = "1.4.0-alpha.4";
+export declare const version = "1.4.0-alpha.5";
 export type { IVChart } from './interface';
 export * from '../event/interface';
 export * from '../typings/spec/common';

package/cjs/core/index.js

@@ -41,7 +41,7 @@ const region_1 = require("../region/region"), base_layout_1 = require("../layout
 
 vchart_1.VChart.useMark([ component_1.ComponentMark, group_1.GroupMark, image_1.ImageMark ]), 
 factory_1.Factory.registerRegion("region", region_1.Region), factory_1.Factory.registerLayout("base", base_layout_1.Layout), 
-exports.version = "1.4.0-alpha.4", __exportStar(require("../event/interface"), exports), 
+exports.version = "1.4.0-alpha.5", __exportStar(require("../event/interface"), exports), 
 __exportStar(require("../typings/spec/common"), exports), __exportStar(require("../theme/interface"), exports), 
 vutils_1.Logger.getInstance(vutils_1.LoggerLevel.Error);
 //# sourceMappingURL=index.js.map

package/cjs/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAKvD,qCAAkC;AAiBzB,uFAjBA,eAAM,OAiBA;AAhBf,uCAAoC;AAgBnB,wFAhBR,iBAAO,OAgBQ;AAfxB,6CAA0C;AAC1C,uDAA+C;AAC/C,yCAA0C;AAC1C,iDAAkD;AAClD,yCAA0C;AAG1C,eAAM,CAAC,OAAO,CAAC,CAAC,yBAAa,EAAE,iBAAS,EAAE,iBAAS,CAAC,CAAC,CAAC;AAGtD,iBAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,eAAa,CAAC,CAAC;AAGhD,iBAAO,CAAC,cAAc,CAAC,MAAM,EAAE,oBAAa,CAAC,CAAC;AAKjC,QAAA,OAAO,GAAG,eAAe,CAAC;AAKvC,qDAAmC;AACnC,yDAAuC;AAEvC,qDAAmC;AAGnC,eAAM,CAAC,WAAW,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC","file":"index.js","sourcesContent":["import { Logger, LoggerLevel } from '@visactor/vutils';\n/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\nimport { Region } from '../region/region';\nimport { Layout } from '../layout/base-layout';\nimport { GroupMark } from '../mark/group';\nimport { ComponentMark } from '../mark/component';\nimport { ImageMark } from '../mark/image';\n\n// register groupMark and componentMark\nVChart.useMark([ComponentMark, GroupMark, ImageMark]);\n\n// install region module\nFactory.registerRegion('region', Region as any);\n\n// install layout module\nFactory.registerLayout('base', Layout as any);\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.4.0-alpha.4\";\n\n// export necessary types\nexport type { IVChart } from './interface';\n// the event types\nexport * from '../event/interface';\nexport * from '../typings/spec/common';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport * from '../theme/interface';\n\n// set default logger level to Level.error\nLogger.getInstance(LoggerLevel.Error);\n"]}
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAKvD,qCAAkC;AAiBzB,uFAjBA,eAAM,OAiBA;AAhBf,uCAAoC;AAgBnB,wFAhBR,iBAAO,OAgBQ;AAfxB,6CAA0C;AAC1C,uDAA+C;AAC/C,yCAA0C;AAC1C,iDAAkD;AAClD,yCAA0C;AAG1C,eAAM,CAAC,OAAO,CAAC,CAAC,yBAAa,EAAE,iBAAS,EAAE,iBAAS,CAAC,CAAC,CAAC;AAGtD,iBAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,eAAa,CAAC,CAAC;AAGhD,iBAAO,CAAC,cAAc,CAAC,MAAM,EAAE,oBAAa,CAAC,CAAC;AAKjC,QAAA,OAAO,GAAG,eAAe,CAAC;AAKvC,qDAAmC;AACnC,yDAAuC;AAEvC,qDAAmC;AAGnC,eAAM,CAAC,WAAW,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC","file":"index.js","sourcesContent":["import { Logger, LoggerLevel } from '@visactor/vutils';\n/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\nimport { Region } from '../region/region';\nimport { Layout } from '../layout/base-layout';\nimport { GroupMark } from '../mark/group';\nimport { ComponentMark } from '../mark/component';\nimport { ImageMark } from '../mark/image';\n\n// register groupMark and componentMark\nVChart.useMark([ComponentMark, GroupMark, ImageMark]);\n\n// install region module\nFactory.registerRegion('region', Region as any);\n\n// install layout module\nFactory.registerLayout('base', Layout as any);\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.4.0-alpha.5\";\n\n// export necessary types\nexport type { IVChart } from './interface';\n// the event types\nexport * from '../event/interface';\nexport * from '../typings/spec/common';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport * from '../theme/interface';\n\n// set default logger level to Level.error\nLogger.getInstance(LoggerLevel.Error);\n"]}

package/cjs/core/vchart.js

@@ -84,7 +84,7 @@ class VChart {
         return this._dataSet;
     }
     constructor(spec, options) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         this.id = (0, util_1.createID)(), this._userEvents = [], this._autoSize = !0, this._option = {
             mode: common_1.RenderModeEnum["desktop-browser"],
             animation: !0,
@@ -97,8 +97,8 @@ class VChart {
                 width: width,
                 height: height
             });
-        }), 100), this._option = (0, vutils_1.merge)(this._option, options), this._onError = this._option.onError;
-        const _e = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _e, restOptions = __rest(_e, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]);
+        }), 100), this._option = (0, vutils_1.merge)(this._option, options), this._onError = null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError;
+        const _g = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _g, restOptions = __rest(_g, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]);
         dom && (this._container = (0, util_1.isString)(dom) ? null === document || void 0 === document ? void 0 : document.getElementById(dom) : dom), 
         renderCanvas && (this._canvas = renderCanvas), stage && (this._stage = stage), "node" === mode || this._container || this._canvas || this._stage ? (this._viewBox = this._option.viewBox, 
         this._currentThemeName = theme_manager_1.ThemeManager.getCurrentThemeName(), this._setSpec(spec), 
@@ -108,7 +108,7 @@ class VChart {
             mode: this._option.mode || common_1.RenderModeEnum["desktop-browser"],
             modeParams: this._option.modeParams
         }), this._compiler = new compiler_1.Compiler({
-            dom: null !== (_a = this._container) && void 0 !== _a ? _a : "none",
+            dom: null !== (_c = this._container) && void 0 !== _c ? _c : "none",
             canvas: renderCanvas
         }, Object.assign(Object.assign({
             mode: this._option.mode,
@@ -119,30 +119,32 @@ class VChart {
             onError: this._onError
         })), this._compiler.setSize(this._curSize.width, this._curSize.height), this._eventDispatcher = new event_dispatcher_1.EventDispatcher(this, this._compiler), 
         this._event = new event_1.Event(this._eventDispatcher, mode), this._compiler.initView(), 
-        null === (_b = this.getStage()) || void 0 === _b || _b.setTheme({
+        null === (_d = this.getStage()) || void 0 === _d || _d.setTheme({
             text: {
                 fontFamily: this._currentTheme.fontFamily
             }
-        }), this._initDataSet(this._option.dataSet), this._autoSize = !!(0, util_1.isTrueBrowser)(mode) && (null === (_d = null !== (_c = spec.autoFit) && void 0 !== _c ? _c : this._option.autoFit) || void 0 === _d || _d), 
+        }), this._initDataSet(this._option.dataSet), this._autoSize = !!(0, util_1.isTrueBrowser)(mode) && (null === (_f = null !== (_e = spec.autoFit) && void 0 !== _e ? _e : this._option.autoFit) || void 0 === _f || _f), 
         this._bindResizeEvent(), this._bindVGrammarViewEvent(), this._event.emit(constant_1.ChartEvent.initialized, {}), 
-        instance_manager_1.InstanceManager.registerInstance(this)) : this._option.onError("please specify container or renderCanvas!");
+        instance_manager_1.InstanceManager.registerInstance(this)) : null === (_b = this._option) || void 0 === _b || _b.onError("please specify container or renderCanvas!");
     }
     _setSpec(spec) {
         spec && (this._spec = (0, util_1.specTransform)((0, util_1.isString)(spec) ? JSON.parse(spec) : spec));
     }
     _initData() {
+        var _a;
         if ((0, util_1.isNil)(this._dataSet)) return void (0, util_1.warn)("dataSet is not initialized");
         const specData = (0, util_1.array)(this._spec.data), dataViewArr = [];
         for (let i = 0; i < specData.length; i++) {
             const curSpecData = specData[i];
             dataViewArr.push((0, initialize_1.dataToDataView)(curSpecData, this._dataSet, dataViewArr, {
-                onError: this._option.onError
+                onError: null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError
             }));
         }
         this._spec.data = dataViewArr;
     }
     _initChart(spec) {
-        if (!this._compiler) return void this._option.onError("compiler is not initialized");
+        var _a, _b;
+        if (!this._compiler) return void (null === (_a = this._option) || void 0 === _a || _a.onError("compiler is not initialized"));
         this._initData();
         const chart = factory_1.Factory.createChart(spec.type, spec, {
             globalInstance: this,
@@ -162,7 +164,7 @@ class VChart {
             onError: this._onError
         });
         chart ? (this._chart = chart, this._chart.setCanvasRect(this._curSize.width, this._curSize.height), 
-        this._chart.created(), this._chart.init({})) : this._option.onError("init chart fail");
+        this._chart.created(), this._chart.init({})) : null === (_b = this._option) || void 0 === _b || _b.onError("init chart fail");
     }
     _releaseData() {
         this._dataSet && (this._dataSet.dataViewMap = {}, this._dataSet = null);
@@ -325,10 +327,11 @@ class VChart {
         if (this._chart) return this._chart.updateFullData(data), reRender && this._compiler.renderSync(), 
         this;
         return (0, util_1.array)(data).forEach((d => {
+            var _a;
             const {id: id, values: values, parser: parser, fields: fields} = d, preDV = this._spec.data.find((dv => dv.name === id));
             if (preDV) preDV.setFields(fields), preDV.parse(values, parser); else {
                 const dataView = (0, initialize_1.dataToDataView)(d, this._dataSet, this._spec.data, {
-                    onError: this._option.onError
+                    onError: null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError
                 });
                 this._spec.data.push(dataView);
             }
@@ -339,10 +342,11 @@ class VChart {
             if (this._chart) return this._chart.updateFullData(data), reRender && (yield this._compiler.renderAsync()), 
             this;
             return (0, util_1.array)(data).forEach((d => {
+                var _a;
                 const {id: id, values: values, parser: parser, fields: fields} = d, preDV = this._spec.data.find((dv => dv.name === id));
                 if (preDV) preDV.setFields(fields), preDV.parse(values, parser); else {
                     const dataView = (0, initialize_1.dataToDataView)(d, this._dataSet, this._spec.data, {
-                        onError: this._option.onError
+                        onError: null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError
                     });
                     this._spec.data.push(dataView);
                 }
@@ -550,6 +554,7 @@ class VChart {
         legends[index] && legends[index].setSelectedData(selectedData);
     }
     getDataURL() {
+        var _a;
         return __awaiter(this, void 0, void 0, (function*() {
             const stage = this.getStage();
             if (this._chart && stage) {
@@ -559,24 +564,28 @@ class VChart {
                     onError: this._onError
                 });
             }
-            return this._option.onError(new ReferenceError("render is not defined")), null;
+            return null === (_a = this._option) || void 0 === _a || _a.onError(new ReferenceError("render is not defined")), 
+            null;
         }));
     }
     exportImg(name) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, (function*() {
-            if (!(0, util_1.isTrueBrowser)(this._option.mode)) return void this._option.onError(new TypeError("non-browser environment can not export img"));
+            if (!(0, util_1.isTrueBrowser)(this._option.mode)) return void (null === (_a = this._option) || void 0 === _a || _a.onError(new TypeError("non-browser environment can not export img")));
             const dataURL = yield this.getDataURL();
-            dataURL ? (0, image_1.URLToImage)(name, dataURL) : this._option.onError(new ReferenceError("render is not defined"));
+            dataURL ? (0, image_1.URLToImage)(name, dataURL) : null === (_b = this._option) || void 0 === _b || _b.onError(new ReferenceError("render is not defined"));
         }));
     }
     getImageBuffer() {
-        if ("node" !== this._option.mode) return void this._option.onError(new TypeError("getImageBuffer() now only support node environment."));
+        var _a, _b;
+        if ("node" !== this._option.mode) return void (null === (_a = this._option) || void 0 === _a || _a.onError(new TypeError("getImageBuffer() now only support node environment.")));
         const stage = this.getStage();
         if (stage) {
             stage.render();
             return stage.window.getImageBuffer();
         }
-        return this._option.onError(new ReferenceError("render is not defined")), null;
+        return null === (_b = this._option) || void 0 === _b || _b.onError(new ReferenceError("render is not defined")), 
+        null;
     }
     setLayout(layout) {
         var _a;