@visactor/vchart-extension 2.0.7-alpha.6 → 2.0.7-alpha.7

package/build/index.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@visactor/vchart'), require('@visactor/vutils'), require('@visactor/vdataset'), require('@visactor/vrender-core'), require('@visactor/vrender-kits'), require('@visactor/vrender-animate'), require('@visactor/vlayouts'), require('@visactor/vrender-components')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@visactor/vchart', '@visactor/vutils', '@visactor/vdataset', '@visactor/vrender-core', '@visactor/vrender-kits', '@visactor/vrender-animate', '@visactor/vlayouts', '@visactor/vrender-components'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.VChartExtension = {}, global.VChart, global.vutils, global.vdataset, global.vrenderCore, global.vrenderKits, global.vrenderAnimate, global.vlayouts, global.vrenderComponents));
-})(this, (function (exports, vchart, vutils, vdataset, vrenderCore, vrenderKits, vrenderAnimate, vlayouts, vrenderComponents) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@visactor/vchart')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@visactor/vchart'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.VChartExtension = {}, global.VChart));
+})(this, (function (exports, vchart) { 'use strict';
 
     class RankingBarChartSpecTransformer extends vchart.BaseChartSpecTransformer {
         transformSpec(spec) {
@@ -71,7 +71,7 @@
         data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));
         data.forEach(d => {
             const time = d[timeField];
-            if (vutils.isValid(time)) {
+            if (vchart.isValid(time)) {
                 timeNodes.add(time);
             }
             if (!timeData.has(time)) {
@@ -413,7 +413,7 @@
     const applyVisible = (spec, keyList) => {
         keyList.forEach(key => {
             var _a, _b, _c, _d, _e, _f, _g;
-            if (vutils.isArray(spec[key])) {
+            if (vchart.isArray(spec[key])) {
                 (_a = spec[key]) === null || _a === void 0 ? void 0 : _a.forEach((s, i) => {
                     var _a, _b, _c;
                     spec[key][i] = Object.assign(Object.assign({}, s), { style: Object.assign(Object.assign({}, s === null || s === void 0 ? void 0 : s.style), { visible: (_c = (_b = (_a = s === null || s === void 0 ? void 0 : s.style) === null || _a === void 0 ? void 0 : _a.visible) !== null && _b !== void 0 ? _b : s === null || s === void 0 ? void 0 : s.visible) !== null && _c !== void 0 ? _c : true }) });
@@ -590,13 +590,13 @@
             (_a = this.nameLabelTextMeasure) === null || _a === void 0 ? void 0 : _a.release();
             (_b = this.valueLabelTextMeasure) === null || _b === void 0 ? void 0 : _b.release();
             (_c = this.orderLabelTextMeasure) === null || _c === void 0 ? void 0 : _c.release();
-            this.nameLabelTextMeasure = new vutils.TextMeasure({
+            this.nameLabelTextMeasure = new vchart.TextMeasure({
                 defaultFontParams: (_e = (_d = spec.nameLabel) === null || _d === void 0 ? void 0 : _d.style) !== null && _e !== void 0 ? _e : {}
             });
-            this.valueLabelTextMeasure = new vutils.TextMeasure({
+            this.valueLabelTextMeasure = new vchart.TextMeasure({
                 defaultFontParams: (_g = (_f = spec.valueLabel) === null || _f === void 0 ? void 0 : _f.style) !== null && _g !== void 0 ? _g : {}
             });
-            this.orderLabelTextMeasure = new vutils.TextMeasure({
+            this.orderLabelTextMeasure = new vchart.TextMeasure({
                 defaultFontParams: (_j = (_h = spec.orderLabel) === null || _h === void 0 ? void 0 : _h.style) !== null && _j !== void 0 ? _j : {}
             });
         }
@@ -609,7 +609,7 @@
             var _a;
             if (!((_a = spec.data[0]) === null || _a === void 0 ? void 0 : _a.values)) {
                 this.originalData = spec.data;
-                this.originalSpec = vutils.cloneDeep(spec);
+                this.originalSpec = vchart.cloneDeep(spec);
                 this.dataSpecs = this.processRankingData(spec);
                 spec.data = this.dataSpecs[0].data;
             }
@@ -1177,7 +1177,7 @@
                     var _a, _b, _c, _d, _e, _f, _g;
                     const { text: textContent } = arrow;
                     let displayTextContent = textContent;
-                    if (vutils.isFunction(formatMethod)) {
+                    if (vchart.isFunction(formatMethod)) {
                         const { vchart } = ctx;
                         const { from, to } = arrow;
                         const { field } = arrow.context;
@@ -1296,7 +1296,7 @@
     };
     function parseArrow(arrows, categoryField) {
         return arrows
-            .filter(arrow => vutils.isValidNumber(arrow.from * arrow.to))
+            .filter(arrow => vchart.isValidNumber(arrow.from * arrow.to))
             .map((arrow, index) => {
             const { from, to, position = 'right' } = arrow;
             return Object.assign(Object.assign({}, arrow), { position, distance: arrow.distance || 40, from: Math.min(from, to), to: Math.max(from, to), span: Math.abs(from - to), isLayout: false, context: {
@@ -1313,7 +1313,7 @@
         const nodeDegreeMap = new Map();
         arrows.forEach(arrow => {
             const fromNodeDegree = nodeDegreeMap.get(arrow.from);
-            if (vutils.isValid(fromNodeDegree)) {
+            if (vchart.isValid(fromNodeDegree)) {
                 const firstNodeWidthSameFromTo = fromNodeDegree.fromArrows.find(node => isSameArrow(node, arrow));
                 if (!firstNodeWidthSameFromTo) {
                     fromNodeDegree.degree += 1;
@@ -1332,7 +1332,7 @@
                 });
             }
             const toNodeDegree = nodeDegreeMap.get(arrow.to);
-            if (vutils.isValid(toNodeDegree)) {
+            if (vchart.isValid(toNodeDegree)) {
                 const firstNodeWidthSameFromTo = toNodeDegree.toArrows.find(node => isSameArrow(node, arrow));
                 if (!firstNodeWidthSameFromTo) {
                     toNodeDegree.degree += 1;
@@ -1361,7 +1361,7 @@
             .forEach(arrow => {
             var _a;
             const arrowsIsLayout = arrows.filter(arrow => arrow.layout.isLayout);
-            const maxLevelArrow = vutils.maxInArray(arrowsIsLayout, (cur, curMax) => cur.layout.level - curMax.layout.level);
+            const maxLevelArrow = vchart.maxInArray(arrowsIsLayout, (cur, curMax) => cur.layout.level - curMax.layout.level);
             let level = (_a = maxLevelArrow === null || maxLevelArrow === void 0 ? void 0 : maxLevelArrow.layout.level) !== null && _a !== void 0 ? _a : 0;
             while (level >= 0) {
                 if (arrowsIsLayout.some(arr => arr.layout.level === level && isArrowCross(arr, arrow))) {
@@ -1417,7 +1417,7 @@
             super.initData();
             const { conversionArrow } = this._spec;
             if (conversionArrow && ((_a = conversionArrow.arrows) === null || _a === void 0 ? void 0 : _a.length)) {
-                this._arrowData = new vdataset.DataView(this._dataSet, { name: `${vchart.PREFIX}_series_${this.id}_arrowData` });
+                this._arrowData = new vchart.DataView(this._dataSet, { name: `${vchart.PREFIX}_series_${this.id}_arrowData` });
                 if (!this._dataSet.getTransform('conversionArrow')) {
                     this._dataSet.registerTransform('conversionArrow', conversionArrowTransform);
                 }
@@ -2375,9 +2375,9 @@
     VChart3dPlugin.type = 'VChart3dPlugin';
     const register3DPlugin = () => {
         vchart.registerChartPlugin(VChart3dPlugin);
-        vrenderCore.registerDirectionalLight();
-        vrenderCore.registerOrthoCamera();
-        vrenderCore.registerViewTransform3dPlugin();
+        vchart.registerDirectionalLight();
+        vchart.registerOrthoCamera();
+        vchart.registerViewTransform3dPlugin();
     };
 
     const bar3dSeriesMark = {
@@ -2423,10 +2423,10 @@
     Rect3dMark.type = "rect3d";
     const registerRect3dMark = () => {
         vchart.Factory.registerMark(Rect3dMark.type, Rect3dMark);
-        vrenderKits.registerShadowRoot();
-        vrenderKits.registerRect3d();
+        vchart.registerShadowRoot();
+        vchart.registerRect3d();
         vchart.registerRectAnimation();
-        vchart.Factory.registerGraphicComponent("rect3d", vrenderCore.createRect3d);
+        vchart.Factory.registerGraphicComponent("rect3d", vchart.createRect3d);
     };
 
     const bar3d = {
@@ -2629,10 +2629,10 @@
     Pyramid3dMark.type = "pyramid3d";
     const registerPyramid3dMark = () => {
         vchart.Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark);
-        vrenderKits.registerShadowRoot();
-        vrenderKits.registerPyramid3d();
+        vchart.registerShadowRoot();
+        vchart.registerPyramid3d();
         vchart.registerPolygonAnimation();
-        vchart.Factory.registerGraphicComponent("pyramid3d", vrenderCore.createPyramid3d);
+        vchart.Factory.registerGraphicComponent("pyramid3d", vchart.createPyramid3d);
     };
 
     const funnel3d = vchart.getFunnelTheme(true);
@@ -2800,9 +2800,9 @@
     Arc3dMark.type = "arc3d";
     const registerArc3dMark = () => {
         vchart.registerArcAnimation();
-        vrenderKits.registerShadowRoot();
-        vrenderKits.registerArc3d();
-        vchart.Factory.registerGraphicComponent("arc3d", vrenderCore.createArc3d);
+        vchart.registerShadowRoot();
+        vchart.registerArc3d();
+        vchart.Factory.registerGraphicComponent("arc3d", vchart.createArc3d);
         vchart.Factory.registerMark("arc3d", Arc3dMark);
     };
 
@@ -2980,10 +2980,10 @@
     CandlestickMark.type = CANDLESTICK_MARK_TYPE;
     const registerCandlestickMark = () => {
         vchart.registerGlyphMark();
-        vrenderKits.registerLine();
-        vrenderKits.registerRect();
-        vchart.Factory.registerGraphicComponent('line', (attrs) => vrenderCore.createLine(attrs));
-        vchart.Factory.registerGraphicComponent('rect', (attrs) => vrenderCore.createRect(attrs));
+        vchart.registerLine();
+        vchart.registerRect();
+        vchart.Factory.registerGraphicComponent('line', (attrs) => vchart.createLine(attrs));
+        vchart.Factory.registerGraphicComponent('rect', (attrs) => vchart.createRect(attrs));
         vchart.Factory.registerMark(CandlestickMark.type, CandlestickMark);
     };
 
@@ -2992,13 +2992,13 @@
             const finalAttribute = graphic.getFinalAttribute();
             const { x, y, open, high, low, close } = finalAttribute;
             const animateAttributes = { from: { x, y }, to: { x, y } };
-            if (vutils.isValidNumber(open) && vutils.isValidNumber(close)) {
+            if (vchart.isValidNumber(open) && vchart.isValidNumber(close)) {
                 if (open > close) {
                     animateAttributes.from.open = low;
                     animateAttributes.to.open = open;
                     animateAttributes.from.close = low;
                     animateAttributes.to.close = close;
-                    if (vutils.isValidNumber(high)) {
+                    if (vchart.isValidNumber(high)) {
                         animateAttributes.from.high = low;
                         animateAttributes.to.high = high;
                     }
@@ -3008,7 +3008,7 @@
                     animateAttributes.to.open = open;
                     animateAttributes.from.close = high;
                     animateAttributes.to.close = close;
-                    if (vutils.isValidNumber(low)) {
+                    if (vchart.isValidNumber(low)) {
                         animateAttributes.from.low = high;
                         animateAttributes.to.low = low;
                     }
@@ -3022,13 +3022,13 @@
             const finalAttribute = graphic.getFinalAttribute();
             const { x, y, open, high, low, close } = finalAttribute;
             const animateAttributes = { from: { x, y }, to: { x, y } };
-            if (vutils.isValidNumber(open) && vutils.isValidNumber(close)) {
+            if (vchart.isValidNumber(open) && vchart.isValidNumber(close)) {
                 if (open > close) {
                     animateAttributes.from.open = open;
                     animateAttributes.to.open = low;
                     animateAttributes.from.close = close;
                     animateAttributes.to.close = low;
-                    if (vutils.isValidNumber(high)) {
+                    if (vchart.isValidNumber(high)) {
                         animateAttributes.from.high = high;
                         animateAttributes.to.high = low;
                     }
@@ -3038,7 +3038,7 @@
                     animateAttributes.to.open = high;
                     animateAttributes.from.close = close;
                     animateAttributes.to.close = high;
-                    if (vutils.isValidNumber(low)) {
+                    if (vchart.isValidNumber(low)) {
                         animateAttributes.from.low = low;
                         animateAttributes.to.low = high;
                     }
@@ -3047,7 +3047,7 @@
             return animateAttributes;
         };
     };
-    class CandlestickScaleIn extends vrenderAnimate.ACustomAnimate {
+    class CandlestickScaleIn extends vchart.ACustomAnimate {
         constructor(from, to, duration, easing, params) {
             super(from, to, duration, easing, params);
         }
@@ -3076,7 +3076,7 @@
             this.target.setAttributes(attribute);
         }
     }
-    class CandlestickScaleOut extends vrenderAnimate.ACustomAnimate {
+    class CandlestickScaleOut extends vchart.ACustomAnimate {
         constructor(from, to, duration, easing, params) {
             super(from, to, duration, easing, params);
         }
@@ -3105,8 +3105,8 @@
         }
     }
     const registerCandlestickScaleAnimation = () => {
-        vrenderAnimate.AnimateExecutor.registerBuiltInAnimate('candlestickScaleIn', CandlestickScaleIn);
-        vrenderAnimate.AnimateExecutor.registerBuiltInAnimate('candlestickScaleOut', CandlestickScaleOut);
+        vchart.AnimateExecutor.registerBuiltInAnimate('candlestickScaleIn', CandlestickScaleIn);
+        vchart.AnimateExecutor.registerBuiltInAnimate('candlestickScaleOut', CandlestickScaleOut);
     };
 
     const CANDLESTICK_CHART_TYPE = 'candlestick';
@@ -3339,7 +3339,7 @@
             this.initCandlestickMarkStyle();
         }
         _initAnimationSpec(config = {}) {
-            const newConfig = vutils.merge({}, config);
+            const newConfig = vchart.merge({}, config);
             ['appear', 'enter', 'update', 'exit', 'disappear'].forEach(state => {
                 if (newConfig[state] && newConfig[state].type === 'scaleIn') {
                     newConfig[state].type = 'candlestickScaleIn';
@@ -3364,9 +3364,9 @@
             this._candlestickMark && this._tooltipHelper.activeTriggerSet.mark.add(this._candlestickMark);
         }
         _buildMergedStyles(baseStyle, risingStyle, fallingStyle, dojiStyle) {
-            this._mergedStyles.rising = vutils.merge({}, baseStyle, risingStyle);
-            this._mergedStyles.falling = vutils.merge({}, baseStyle, fallingStyle);
-            this._mergedStyles.doji = vutils.merge({}, baseStyle, dojiStyle);
+            this._mergedStyles.rising = vchart.merge({}, baseStyle, risingStyle);
+            this._mergedStyles.falling = vchart.merge({}, baseStyle, fallingStyle);
+            this._mergedStyles.doji = vchart.merge({}, baseStyle, dojiStyle);
         }
         mergeStyle(datum) {
             const open = this.getDatumPositionValues(datum, this._openField)[0];
@@ -3377,9 +3377,7 @@
             else if (open > close) {
                 return this._mergedStyles.falling;
             }
-            else {
-                return this._mergedStyles.doji;
-            }
+            return this._mergedStyles.doji;
         }
         _getMarkWidth() {
             if (this._autoBoxWidth) {
@@ -3467,7 +3465,7 @@
             const tempCandlestickSeries = spec.series.find(s => s.id === spec.candlestickSeries.id);
             let candlestickSpec;
             if (tempCandlestickSeries) {
-                vutils.merge(tempCandlestickSeries, spec.candlestickSeries);
+                vchart.merge(tempCandlestickSeries, spec.candlestickSeries);
                 candlestickSpec = tempCandlestickSeries;
             }
             else {
@@ -3478,11 +3476,11 @@
             this._transformSeriesData(spec, candlestickSpec);
             candlestickSpec.regionIndex = 0;
             if (spec.previewSeries) {
-                vutils.array(spec.previewSeries).forEach(previewSeries => {
+                vchart.array(spec.previewSeries).forEach(previewSeries => {
                     const tempPreviewSeries = spec.series.find(s => s.id === previewSeries.id);
                     let previewSeriesSpec;
                     if (tempPreviewSeries) {
-                        vutils.merge(tempPreviewSeries, previewSeries);
+                        vchart.merge(tempPreviewSeries, previewSeries);
                         previewSeriesSpec = tempPreviewSeries;
                     }
                     else {
@@ -3497,8 +3495,8 @@
         _transformSeriesData(spec, seriesSpec) {
             var _a;
             if (seriesSpec.data) {
-                spec.data = vutils.array((_a = spec.data) !== null && _a !== void 0 ? _a : []);
-                vutils.array(seriesSpec.data).forEach((d, index) => {
+                spec.data = vchart.array((_a = spec.data) !== null && _a !== void 0 ? _a : []);
+                vchart.array(seriesSpec.data).forEach((d, index) => {
                     spec.data.push(d);
                     if (index === 0) {
                         seriesSpec.dataIndex = spec.data.length - 1;
@@ -3538,7 +3536,7 @@
         }
         _transformDataZoomSpec(spec) {
             if (spec.dataZoom) {
-                vutils.array(spec.dataZoom).forEach(dataZoom => {
+                vchart.array(spec.dataZoom).forEach(dataZoom => {
                     if (dataZoom.orient === 'left' || dataZoom.orient === 'right') {
                         dataZoom.regionIndex = [0];
                     }
@@ -3561,7 +3559,7 @@
                 totalRow++;
             }
             if (spec.legends) {
-                const firstLegend = vutils.array(spec.legends)[0];
+                const firstLegend = vchart.array(spec.legends)[0];
                 if ((firstLegend === null || firstLegend === void 0 ? void 0 : firstLegend.visible) !== false) {
                     if (firstLegend.orient === 'top' || firstLegend.orient === 'bottom') {
                         totalRow++;
@@ -3572,7 +3570,7 @@
                 }
             }
             if (spec.dataZoom) {
-                vutils.array(spec.dataZoom).forEach(dataZoom => {
+                vchart.array(spec.dataZoom).forEach(dataZoom => {
                     if ((dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.visible) !== false) {
                         if (dataZoom.orient === 'top' || dataZoom.orient === 'bottom') {
                             totalRow++;
@@ -3591,7 +3589,7 @@
                     right: false,
                     z: false
                 };
-                vutils.array(spec.axes).forEach(axis => {
+                vchart.array(spec.axes).forEach(axis => {
                     if (hasLayout[axis.orient]) {
                         return;
                     }
@@ -3621,13 +3619,13 @@
                 this._layoutOrientItem(layout, spec.title, temp, { specKey: 'title', index: 0 }, 'total');
             }
             if (spec.legends) {
-                const firstLegend = vutils.array(spec.legends)[0];
+                const firstLegend = vchart.array(spec.legends)[0];
                 if ((firstLegend === null || firstLegend === void 0 ? void 0 : firstLegend.visible) !== false) {
                     this._layoutOrientItem(layout, firstLegend, temp, { specKey: 'legends', index: 0 }, 'less');
                 }
             }
             if (spec.dataZoom) {
-                vutils.array(spec.dataZoom).forEach((dataZoom, index) => {
+                vchart.array(spec.dataZoom).forEach((dataZoom, index) => {
                     if ((dataZoom === null || dataZoom === void 0 ? void 0 : dataZoom.visible) === false) {
                         return;
                     }
@@ -3697,7 +3695,7 @@
                     }
                 }
             });
-            vutils.array(spec.dataZoom).forEach((dataZoom, index) => {
+            vchart.array(spec.dataZoom).forEach((dataZoom, index) => {
                 const dataZoomLayout = layout.elements.find(item => 'modelKey' in item && item.modelKey === 'dataZoom' && item.modelIndex === index);
                 if (dataZoomLayout) {
                     if (dataZoom.orient === 'top' || dataZoom.orient === 'bottom') {
@@ -3782,7 +3780,7 @@
     }
     CombinationCandlestickChart.type = CombinationCandlestickChart_TYPE;
     CombinationCandlestickChart.transformerConstructor = CombinationCandlestickChartSpecTransformer;
-    vutils.mixin(CombinationCandlestickChart, vchart.StackChartMixin);
+    vchart.mixin(CombinationCandlestickChart, vchart.StackChartMixin);
     const registerCombinationCandlestickChart = () => {
         registerCandlestickSeries();
         vchart.Factory.registerChart(CombinationCandlestickChart.type, CombinationCandlestickChart);
@@ -3790,7 +3788,7 @@
 
     const WordCloud3dAnimation = (params) => {
         return {
-            custom: vrenderAnimate.RotateBySphereAnimate,
+            custom: vchart.RotateBySphereAnimate,
             customParameters: () => params,
             easing: 'linear',
             loop: Infinity,
@@ -4025,35 +4023,35 @@
         vchart.registerCartesianBandAxis();
         const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianBandAxis.type);
         AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, vchart.CartesianBandAxis.builtInTheme.axisX), axisZ) });
-        vutils.mixin(AxisCls, Axis3dMixin);
+        vchart.mixin(AxisCls, Axis3dMixin);
     };
 
     const registerCartesianLinearAxis3d = () => {
         vchart.registerCartesianLinearAxis();
         const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianLinearAxis.type);
         AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, vchart.CartesianLinearAxis.builtInTheme.axisX), axisZ) });
-        vutils.mixin(AxisCls, Axis3dMixin);
+        vchart.mixin(AxisCls, Axis3dMixin);
     };
 
     const registerCartesianLogAxis3d = () => {
         vchart.registerCartesianLogAxis();
         const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianLogAxis.type);
         AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, vchart.CartesianLogAxis.builtInTheme.axisX), axisZ) });
-        vutils.mixin(AxisCls, Axis3dMixin);
+        vchart.mixin(AxisCls, Axis3dMixin);
     };
 
     const registerCartesianSymlogAxis3d = () => {
         vchart.registerCartesianLogAxis();
         const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianSymlogAxis.type);
         AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, AxisCls.builtInTheme.axisX), axisZ) });
-        vutils.mixin(AxisCls, Axis3dMixin);
+        vchart.mixin(AxisCls, Axis3dMixin);
     };
 
     const registerCartesianTimeAxis3d = () => {
         vchart.registerCartesianTimeAxis();
         const AxisCls = vchart.Factory.getComponentInKey(vchart.CartesianTimeAxis.type);
         AxisCls.builtInTheme = Object.assign(Object.assign({}, AxisCls.builtInTheme), { axisZ: Object.assign(Object.assign({}, AxisCls.builtInTheme.axisX), axisZ) });
-        vutils.mixin(AxisCls, Axis3dMixin);
+        vchart.mixin(AxisCls, Axis3dMixin);
     };
 
     const registerAxis3dPlugin = () => {
@@ -4176,15 +4174,15 @@
         if (svgDataSet) {
             return;
         }
-        svgDataSet = new vdataset.DataSet();
-        vchart.registerDataSetInstanceParser(svgDataSet, 'svg', vdataset.svgParser);
+        svgDataSet = new vchart.DataSet();
+        vchart.registerDataSetInstanceParser(svgDataSet, 'svg', vchart.svgParser);
     }
     function registerSVGSource(key, source) {
         if (svgSourceMap.has(key)) {
             vchart.warn(`svg source key of '${key}' already exists, will be overwritten.`);
         }
         initSVGDataSet();
-        const dataView = new vdataset.DataView(svgDataSet);
+        const dataView = new vchart.DataView(svgDataSet);
         dataView.parse(source, {
             type: 'svg'
         });
@@ -4212,7 +4210,7 @@
             const svg = chartSpec.svg;
             const elements = (_c = (_b = svgSourceMap.get(svg)) === null || _b === void 0 ? void 0 : _b.latestData) === null || _c === void 0 ? void 0 : _c.elements;
             if (elements && elements.length) {
-                const names = elements.map(e => e.name).filter(n => vutils.isValid(n));
+                const names = elements.map(e => e.name).filter(n => vchart.isValid(n));
                 names.forEach(name => {
                     if (chartSpec[name]) {
                         spec[name] = chartSpec[name];
@@ -4273,7 +4271,7 @@
             return e.node.name;
         }
         start(itemKey) {
-            if (vutils.isNil(itemKey)) {
+            if (vchart.isNil(itemKey)) {
                 return;
             }
             const { interaction, highlightState, blurState } = this.options;
@@ -4328,7 +4326,7 @@
 
     function isValidStrokeOrFill(attr) {
         var _a;
-        return vutils.isValid(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
+        return vchart.isValid(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
     }
     const getLineWidth = (attributes) => {
         const strokeWidth = parseFloat(attributes.strokeWidth);
@@ -4409,10 +4407,10 @@
                     visible: el.attributes.visibility !== 'hidden' && el.attributes.visibility !== 'collapse'
                 };
                 if (el.graphicType === 'text') {
-                    vutils.merge(finalAttributes, el._inheritStyle, (_a = el.parent) === null || _a === void 0 ? void 0 : _a._textGroupStyle, el.attributes);
+                    vchart.merge(finalAttributes, el._inheritStyle, (_a = el.parent) === null || _a === void 0 ? void 0 : _a._textGroupStyle, el.attributes);
                 }
                 else if (el.graphicType !== 'group') {
-                    vutils.merge(finalAttributes, el._inheritStyle, el.attributes);
+                    vchart.merge(finalAttributes, el._inheritStyle, el.attributes);
                 }
                 if (graphicAttributeTransform[type]) {
                     el._finalAttributes = graphicAttributeTransform[type](finalAttributes, el.value);
@@ -4513,7 +4511,7 @@
         }
         _defaultSelectConfig(finalSelectSpec) {
             const isMultiple = finalSelectSpec.mode === 'multiple';
-            const triggerOff = vutils.isValid(finalSelectSpec.triggerOff)
+            const triggerOff = vchart.isValid(finalSelectSpec.triggerOff)
                 ? finalSelectSpec.triggerOff
                 : isMultiple
                     ? ['empty', 'self']
@@ -4611,7 +4609,7 @@
                 if (viewBoxRect) {
                     this._pictogramMark.setMarkConfig({
                         clip: true,
-                        clipPath: [vrenderCore.createRect(Object.assign(Object.assign({}, viewBoxRect), { fill: true }))]
+                        clipPath: [vchart.createRect(Object.assign(Object.assign({}, viewBoxRect), { fill: true }))]
                     });
                 }
             }
@@ -4622,10 +4620,10 @@
                 if (mark) {
                     this.setMarkStyle(mark, { keepStrokeScale: true }, 'normal', vchart.AttributeLevel.Built_In);
                     if (valid) {
-                        this.initMarkStyleWithSpec(mark, vutils.merge({}, this._spec.pictogram, this._spec[mark.name]));
+                        this.initMarkStyleWithSpec(mark, vchart.merge({}, this._spec.pictogram, this._spec[mark.name]));
                         this.setMarkStyle(mark, attributes, 'normal', vchart.AttributeLevel.Series);
                         mark.setPostProcess('fill', (result, datum) => {
-                            return vutils.isValid(result) ? result : this._spec.defaultFillColor;
+                            return vchart.isValid(result) ? result : this._spec.defaultFillColor;
                         });
                     }
                     else {
@@ -4659,7 +4657,7 @@
             if (!mark || mark.length === 0) {
                 return null;
             }
-            let bounds = new vutils.Bounds();
+            let bounds = new vchart.Bounds();
             if (global) {
                 mark.forEach(m => {
                     bounds = bounds.union(m.getGraphics()[0].globalAABBBounds);
@@ -4705,7 +4703,7 @@
             if (!parsedSvg) {
                 (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError('no valid svg found!');
             }
-            const svgData = new vdataset.DataView(this._dataSet, { name: `pictogram_${this.id}_data` });
+            const svgData = new vchart.DataView(this._dataSet, { name: `pictogram_${this.id}_data` });
             vchart.registerDataSetInstanceTransform(this._dataSet, 'pictogram', pictogram);
             vchart.registerDataSetInstanceTransform(this._dataSet, 'lookup', vchart.lookup);
             svgData
@@ -4784,7 +4782,7 @@
             if (root) {
                 if (!root.attribute.postMatrix) {
                     root.setAttributes({
-                        postMatrix: new vutils.Matrix()
+                        postMatrix: new vchart.Matrix()
                     });
                 }
                 root.scale(scale, scale, scaleCenter);
@@ -4799,7 +4797,7 @@
             if (root) {
                 if (!root.attribute.postMatrix) {
                     root.setAttributes({
-                        postMatrix: new vutils.Matrix()
+                        postMatrix: new vchart.Matrix()
                     });
                 }
                 root.translate(delta[0], delta[1]);
@@ -4895,7 +4893,7 @@
     })(ImageCloudMarkNameEnum || (ImageCloudMarkNameEnum = {}));
     const imageCloudSeriesMark = Object.assign(Object.assign({}, vchart.baseSeriesMark), { ["image"]: { name: "image", type: "image" }, ["imageMask"]: { name: "imageMask", type: "rect" } });
 
-    class AxialRotateAnimation extends vrenderAnimate.ACustomAnimate {
+    class AxialRotateAnimation extends vchart.ACustomAnimate {
         constructor(from, to, duration, easing, params) {
             var _a;
             super(from, to, duration, easing, params);
@@ -4903,7 +4901,7 @@
         }
         onBind() {
             this._scaleX = this.target.attribute.scaleX;
-            if (!vutils.isValidNumber(this._rotations)) {
+            if (!vchart.isValidNumber(this._rotations)) {
                 this.valid = false;
             }
         }
@@ -5019,7 +5017,7 @@
             this.type = IMAGE_CLOUD_SERIES_TYPE;
         }
         setValueField(field) {
-            if (vutils.isValid(field)) {
+            if (vchart.isValid(field)) {
                 this._valueField = field;
             }
         }
@@ -5128,7 +5126,7 @@
                 maskConfig: this._spec.imageMask,
                 layoutConfig: this._spec.layoutConfig,
                 createCanvas: vchart.vglobal.createCanvas.bind(vchart.vglobal),
-                createImage: vrenderCore.createImage,
+                createImage: vchart.createImage,
                 onUpdateMaskCanvas: ((inputImage, maskImage) => {
                     var _a;
                     if (inputImage && this._maskMark) {
@@ -5226,7 +5224,7 @@
         registerImageCloudAnimation();
         vchart.Factory.registerSeries(ImageCloudSeries.type, ImageCloudSeries);
         vchart.Factory.registerGrammarTransform('imagecloud', {
-            transform: vlayouts.imagecloudTransform
+            transform: vchart.imagecloudTransform
         });
     };
 
@@ -5274,7 +5272,7 @@
         const EPS = 1e-6;
         if (prevData.length) {
             prevData.forEach(prevEntry => {
-                if (vutils.isNumberClose(prevEntry.start[equalDim], start[equalDim])) {
+                if (vchart.isNumberClose(prevEntry.start[equalDim], start[equalDim])) {
                     const minDim = Math.min(start[diffDim], end[diffDim]);
                     const maxDim = Math.max(start[diffDim], end[diffDim]);
                     const prevMinDim = Math.min(prevEntry.start[diffDim], prevEntry.end[diffDim]);
@@ -5293,7 +5291,7 @@
             prevData.push(newEntry);
         }
     };
-    class SeriesBreakComponent extends vrenderComponents.AbstractComponent {
+    class SeriesBreakComponent extends vchart.AbstractComponent {
         constructor() {
             super(...arguments);
             this.name = SERIES_BREAK;
@@ -5301,7 +5299,7 @@
         render() {
             this.removeAllChild();
             const { data = [] } = this.attribute;
-            if (vutils.isEmpty(data)) {
+            if (vchart.isEmpty(data)) {
                 return;
             }
             const verticalData = [];
@@ -5314,7 +5312,7 @@
             [...verticalData, ...horizontalData].forEach((breakData, id) => {
                 var _a;
                 const { start, end, size = 4, gap = 5, style = {} } = breakData, rest = __rest(breakData, ["start", "end", "size", "gap", "style"]);
-                const breakGroup = vrenderCore.createGroup({});
+                const breakGroup = vchart.createGroup({});
                 const isVertical = start.x === end.x;
                 let startPathStart;
                 let startPathEnd;
@@ -5359,9 +5357,9 @@
                 const startPath = generateZigzagPath(startPathStart, startPathEnd, size, isVertical ? 75 : 15, isVertical);
                 const centerPath = generateZigzagPath(start, end, size, isVertical ? 75 : 15, isVertical);
                 const endPath = generateZigzagPath(endPathStart, endPathEnd, size, isVertical ? 75 : 15, isVertical);
-                breakGroup.add(vrenderCore.createPath(Object.assign(Object.assign({ path: startPath, stroke: '#000', lineWidth: 1 }, style), { pickable: false, zIndex: 1 })));
-                breakGroup.add(vrenderCore.createPath(Object.assign(Object.assign({ path: endPath, stroke: '#000', lineWidth: 1 }, style), { pickable: false, zIndex: 1 })));
-                breakGroup.add(vrenderCore.createPath({
+                breakGroup.add(vchart.createPath(Object.assign(Object.assign({ path: startPath, stroke: '#000', lineWidth: 1 }, style), { pickable: false, zIndex: 1 })));
+                breakGroup.add(vchart.createPath(Object.assign(Object.assign({ path: endPath, stroke: '#000', lineWidth: 1 }, style), { pickable: false, zIndex: 1 })));
+                breakGroup.add(vchart.createPath({
                     path: centerPath,
                     stroke: '#fff',
                     lineWidth: gap,
@@ -5370,7 +5368,7 @@
                 }));
                 breakGroup.name = 'series-break';
                 breakGroup.data = rest;
-                if (vutils.isValid(rest.axisId)) {
+                if (vchart.isValid(rest.axisId)) {
                     breakGroup.id = `${(_a = rest.axisId) !== null && _a !== void 0 ? _a : ''}_${id}`;
                 }
                 this.add(breakGroup);
@@ -5418,16 +5416,16 @@
             style: {
                 data: (datum, ctx) => {
                     const seriesBreakData = [];
-                    const vchart = ctx.vchart;
-                    const chart = vchart.getChart();
+                    const vchart$1 = ctx.vchart;
+                    const chart = vchart$1.getChart();
                     const series = chart.getAllSeries()[0];
                     const isHorizontal = series.direction === 'horizontal';
                     axesSpec.forEach((spec, index) => {
                         var _a, _b;
                         const axisId = spec.id;
-                        const axisModel = vutils.isValid(axisId)
+                        const axisModel = vchart.isValid(axisId)
                             ? chart.getComponentByUserId(axisId)
-                            : axesIndex && vutils.isValid(axesIndex[index])
+                            : axesIndex && vchart.isValid(axesIndex[index])
                                 ? chart.getComponentByIndex('axes', axesIndex[index])
                                 : (_a = chart.getComponentsByKey('axes').filter((axis) => {
                                     const axisInnerSpec = axis.getSpec();
@@ -5438,7 +5436,7 @@
                         }
                         const parsedAxisId = axisId !== null && axisId !== void 0 ? axisId : `${axisModel.type}-${axisModel.id}`;
                         const regionBounds = getAllRegionBounds(axisModel.getRegions());
-                        vutils.array((_b = axisModel._break) === null || _b === void 0 ? void 0 : _b.breaks).forEach((breakConfig) => {
+                        vchart.array((_b = axisModel._break) === null || _b === void 0 ? void 0 : _b.breaks).forEach((breakConfig) => {
                             const { range, breakSymbol, gap = 5 } = breakConfig;
                             const pos1 = axisModel.valueToPosition(range[0]);
                             const pos2 = axisModel.valueToPosition(range[1]);
@@ -5620,9 +5618,9 @@
     function getIntersectionsFromLineAndPolyline(line, points) {
         const intersections = [];
         for (let index = 1; index < points.length; index++) {
-            const intersection = vutils.getIntersectPoint([line.start.x, line.start.y], [line.end.x, line.end.y], [points[index].x, points[index].y], [points[index - 1].x, points[index - 1].y]);
+            const intersection = vchart.getIntersectPoint([line.start.x, line.start.y], [line.end.x, line.end.y], [points[index].x, points[index].y], [points[index - 1].x, points[index - 1].y]);
             if (intersection &&
-                !intersections.find(point => isNumberEqual(vutils.PointService.distancePP({ x: point[0], y: point[1] }, { x: intersection[0], y: intersection[1] }), 0))) {
+                !intersections.find(point => isNumberEqual(vchart.PointService.distancePP({ x: point[0], y: point[1] }, { x: intersection[0], y: intersection[1] }), 0))) {
                 intersections.push(intersection);
             }
         }
@@ -5699,7 +5697,7 @@
         if ((_a = rawSpec.axes) === null || _a === void 0 ? void 0 : _a.length) {
             const breakedAxes = rawSpec.axes.filter((axis) => axis.breaks && axis.breaks.length && axis.visible !== false);
             if (breakedAxes.length) {
-                rawSpec.customMark = vutils.array(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_BREAK);
+                rawSpec.customMark = vchart.array(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_BREAK);
                 rawSpec.customMark.push(getSeriesBreakConfig(breakedAxes, breakedAxes.map((axisSpec) => {
                     return rawSpec.axes.indexOf(axisSpec);
                 })));
@@ -5711,14 +5709,14 @@
 
     const BAR_LINK = 'barLink';
 
-    class BarLinkComponent extends vrenderComponents.AbstractComponent {
+    class BarLinkComponent extends vchart.AbstractComponent {
         constructor() {
             super(...arguments);
             this.name = BAR_LINK;
         }
         render() {
             const { data, linkStyle, areaStyle, styleMap, label, linkType = 'total' } = this.attribute;
-            if (vutils.isEmpty(data)) {
+            if (vchart.isEmpty(data)) {
                 return;
             }
             this.removeAllChild();
@@ -5726,7 +5724,7 @@
                 var _a, _b, _c, _d, _e;
                 const { linePoints, areaPoints, id = index, color, data: curData } = datum;
                 if (areaPoints && ((_a = styleMap === null || styleMap === void 0 ? void 0 : styleMap[`area-${id}`]) === null || _a === void 0 ? void 0 : _a.visible) !== false) {
-                    const area = vrenderCore.createArea(Object.assign(Object.assign({ points: areaPoints, fillOpacity: 0.3, fill: color, zIndex: 0 }, areaStyle), styleMap === null || styleMap === void 0 ? void 0 : styleMap[`area-${id}`]));
+                    const area = vchart.createArea(Object.assign(Object.assign({ points: areaPoints, fillOpacity: 0.3, fill: color, zIndex: 0 }, areaStyle), styleMap === null || styleMap === void 0 ? void 0 : styleMap[`area-${id}`]));
                     area.name = 'bar-link-area';
                     area.id = `area-${id}`;
                     this.add(area);
@@ -5736,8 +5734,8 @@
                     ((_c = linkStyle === null || linkStyle === void 0 ? void 0 : linkStyle.lineStyle) === null || _c === void 0 ? void 0 : _c.lineWidth) !== 0 &&
                     ((_d = styleMap === null || styleMap === void 0 ? void 0 : styleMap[`line-${id}`]) === null || _d === void 0 ? void 0 : _d.lineWidth) !== 0) {
                     const { startSymbol = {}, endSymbol = {}, lineStyle } = linkStyle || {};
-                    const startSymbolAttrs = vutils.cloneDeep(startSymbol);
-                    const endSymbolAttrs = vutils.cloneDeep(endSymbol);
+                    const startSymbolAttrs = vchart.cloneDeep(startSymbol);
+                    const endSymbolAttrs = vchart.cloneDeep(endSymbol);
                     if ((styleMap === null || styleMap === void 0 ? void 0 : styleMap[`line-${id}`]) && styleMap[`line-${id}`].stroke) {
                         startSymbolAttrs.style = Object.assign(Object.assign({}, startSymbolAttrs.style), { color: styleMap[`line-${id}`].stroke });
                         endSymbolAttrs.style = Object.assign(Object.assign({}, endSymbolAttrs.style), { color: styleMap[`line-${id}`].stroke });
@@ -5748,7 +5746,7 @@
                     if (!endSymbolAttrs.symbolType && !endSymbolAttrs.originSymbolType) {
                         endSymbolAttrs.originSymbolType = 'solidArrow';
                     }
-                    const line = new vrenderComponents.Segment({
+                    const line = new vchart.Segment({
                         points: linePoints,
                         startSymbol: Object.assign({ size: 8 }, startSymbolAttrs),
                         endSymbol: Object.assign({ size: 8 }, endSymbolAttrs),
@@ -5772,7 +5770,7 @@
                     }
                     const value = endValue - startValue;
                     const percentage = ((endValue - startValue) / startValue) * 100;
-                    const text = vrenderCore.createText(Object.assign(Object.assign({ x: (linePoints[0].x + linePoints[1].x) * 0.5, y: (linePoints[0].y + linePoints[1].y) * 0.5, text: formatMethod ? formatMethod(value, percentage, curData) : `${value} ${percentage}`, fontSize: 14, fill: '#000', stroke: '#fff', lineWidth: 1, textAlign: 'center', textBaseline: 'middle', background: '#fff', zIndex: 2 }, style), styleMap === null || styleMap === void 0 ? void 0 : styleMap[`label-${id}`]));
+                    const text = vchart.createText(Object.assign(Object.assign({ x: (linePoints[0].x + linePoints[1].x) * 0.5, y: (linePoints[0].y + linePoints[1].y) * 0.5, text: formatMethod ? formatMethod(value, percentage, curData) : `${value} ${percentage}`, fontSize: 14, fill: '#000', stroke: '#fff', lineWidth: 1, textAlign: 'center', textBaseline: 'middle', background: '#fff', zIndex: 2 }, style), styleMap === null || styleMap === void 0 ? void 0 : styleMap[`label-${id}`]));
                     text.name = 'bar-link-label';
                     text.id = `label-${id}`;
                     this.add(text);
@@ -6041,7 +6039,7 @@
         };
     }
     function appendBarLinkConfig(rawSpec, barLinkSpec) {
-        rawSpec.customMark = vutils.array(rawSpec.customMark).filter((obj) => obj.componentType !== BAR_LINK);
+        rawSpec.customMark = vchart.array(rawSpec.customMark).filter((obj) => obj.componentType !== BAR_LINK);
         rawSpec.customMark.push(getBarLinkConfig(barLinkSpec));
     }
 
@@ -6133,8 +6131,8 @@
                 },
                 data: (datum, ctx) => {
                     var _a;
-                    const vchart = ctx.vchart;
-                    const chart = vchart.getChart();
+                    const vchart$1 = ctx.vchart;
+                    const chart = vchart$1.getChart();
                     const series = chart.getAllSeries()[0];
                     const isTransposed = series.direction === 'horizontal';
                     const bandAxisHelper = (isTransposed ? series.getYAxisHelper() : series.getXAxisHelper());
@@ -6152,7 +6150,7 @@
                     if (seriesTypes.length === 1 && ['bar', 'area', 'line', 'waterfall'].includes(seriesTypes[0])) {
                         const positions = position === 'both-ends' ? ['start', 'end'] : [position];
                         positions.forEach(pos => {
-                            const targetValue = pos === 'end' ? vutils.last(bandAxisScale.domain()) : bandAxisScale.domain()[0];
+                            const targetValue = pos === 'end' ? vchart.last(bandAxisScale.domain()) : bandAxisScale.domain()[0];
                             const region = series.getRegion();
                             const { x: regionStartX, y: regionStartY } = region.getLayoutStartPoint();
                             let i = 0;
@@ -6239,9 +6237,9 @@
     }
     function appendSeriesLabelConfig(rawSpec, seriesLabelSpec) {
         var _a, _b, _c;
-        rawSpec.customMark = vutils.array(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_LABEL);
+        rawSpec.customMark = vchart.array(rawSpec.customMark).filter((obj) => obj.componentType !== SERIES_LABEL);
         if (!seriesLabelSpec) {
-            seriesLabelSpec = (_c = (_a = vutils.get(rawSpec, SERIES_LABEL)) !== null && _a !== void 0 ? _a : vutils.get((_b = rawSpec.series) === null || _b === void 0 ? void 0 : _b[0], SERIES_LABEL)) !== null && _c !== void 0 ? _c : {};
+            seriesLabelSpec = (_c = (_a = vchart.get(rawSpec, SERIES_LABEL)) !== null && _a !== void 0 ? _a : vchart.get((_b = rawSpec.series) === null || _b === void 0 ? void 0 : _b[0], SERIES_LABEL)) !== null && _c !== void 0 ? _c : {};
         }
         if (seriesLabelSpec.visible) {
             const { position = 'end' } = seriesLabelSpec, rest = __rest(seriesLabelSpec, ["position"]);
@@ -6249,7 +6247,7 @@
         }
     }
 
-    class SeriesLabelComponent extends vrenderComponents.AbstractComponent {
+    class SeriesLabelComponent extends vchart.AbstractComponent {
         constructor() {
             super(...arguments);
             this.name = SERIES_LABEL;
@@ -6258,7 +6256,7 @@
             var _a, _b, _c, _d;
             this.removeAllChild();
             const { data, layout, label, line = {} } = this.attribute;
-            if (vutils.isEmpty(data)) {
+            if (vchart.isEmpty(data)) {
                 return;
             }
             const labelStyleMap = (_a = label === null || label === void 0 ? void 0 : label.styleMap) !== null && _a !== void 0 ? _a : {};
@@ -6270,7 +6268,7 @@
                     var _a, _b, _c, _d, _e, _f, _g, _h;
                     const { label: text, color, textAlign, textBaseline, id } = datum;
                     const formatMethod = (_b = (_a = labelStyleMap[id]) === null || _a === void 0 ? void 0 : _a.formatMethod) !== null && _b !== void 0 ? _b : (_c = this.attribute.label) === null || _c === void 0 ? void 0 : _c.formatMethod;
-                    const textGraphic = vrenderCore.createText(Object.assign(Object.assign(Object.assign(Object.assign({ text: formatMethod
+                    const textGraphic = vchart.createText(Object.assign(Object.assign(Object.assign(Object.assign({ text: formatMethod
                             ? formatMethod(text, datum.datum, {
                                 series: datum.series
                             })
@@ -6307,7 +6305,7 @@
                         y: point.y
                     };
                     const formatMethod = (_b = (_a = labelStyleMap[id]) === null || _a === void 0 ? void 0 : _a.formatMethod) !== null && _b !== void 0 ? _b : label === null || label === void 0 ? void 0 : label.formatMethod;
-                    const textGraphic = vrenderCore.createText(Object.assign(Object.assign(Object.assign(Object.assign({ text: formatMethod
+                    const textGraphic = vchart.createText(Object.assign(Object.assign(Object.assign(Object.assign({ text: formatMethod
                             ? formatMethod(text, datum.datum, {
                                 series: datum.series
                             })
@@ -6345,13 +6343,13 @@
                     };
                     if (line.autoVisible !== false) {
                         if ((layout === 'vertical' && start.y !== end.y) || (layout === 'horizontal' && start.x !== end.x)) {
-                            const lineShape = vrenderCore.createLine(Object.assign({ points: [start, end], lineWidth: 1, stroke: color }, line.style));
+                            const lineShape = vchart.createLine(Object.assign({ points: [start, end], lineWidth: 1, stroke: color }, line.style));
                             lineShape.name = 'series-label-line';
                             this.add(lineShape);
                         }
                     }
                     else {
-                        const lineShape = vrenderCore.createLine(Object.assign({ points: [start, end], lineWidth: 1, stroke: color }, line.style));
+                        const lineShape = vchart.createLine(Object.assign({ points: [start, end], lineWidth: 1, stroke: color }, line.style));
                         lineShape.name = 'series-label-line';
                         this.add(lineShape);
                     }
@@ -6431,7 +6429,7 @@
     }
     function layoutOuter(pairs, features, dataToPosition) {
         const _points = pairs.map(rect => rect.pointCoord);
-        const { x1, x2, y1, y2 } = vutils.getAABBFromPoints(_points);
+        const { x1, x2, y1, y2 } = vchart.getAABBFromPoints(_points);
         const geoCenter = [(x1 + x2) / 2, (y1 + y2) / 2];
         const centerPosition = dataToPosition(geoCenter);
         if (!centerPosition) {
@@ -6481,7 +6479,7 @@
         const count = 5621 / distance;
         let curOrigin = origin;
         for (let i = 1; i <= count; i++) {
-            const dest = vutils.destination(curOrigin, distance, bearing);
+            const dest = vchart.destination(curOrigin, distance, bearing);
             if (!isPointWithinFeatures(features, dest)) {
                 return [dest.x, dest.y];
             }
@@ -6491,7 +6489,7 @@
     }
     function isPointWithinFeatures(features, p) {
         for (let i = 0; i < features.length; i++) {
-            const inside = vutils.isPointInPolygon(p, features[i]);
+            const inside = vchart.isPointInPolygon(p, features[i]);
             if (inside) {
                 return true;
             }
@@ -6583,7 +6581,7 @@
         }
         static getSpecInfo(chartSpec) {
             return vchart.getSpecInfo(chartSpec, this.specKey, this.type, (s) => {
-                return s.visible && vutils.isValid(s.seriesId);
+                return s.visible && vchart.isValid(s.seriesId);
             });
         }
         setAttrFromSpec() {
@@ -6616,7 +6614,7 @@
             }
             const seriesData = series.getViewData();
             if (seriesData) {
-                const data = new vdataset.DataView(this._option.dataSet, { name: `${this.name}_data` });
+                const data = new vchart.DataView(this._option.dataSet, { name: `${this.name}_data` });
                 data.parse([seriesData], {
                     type: 'dataview'
                 });
@@ -6710,7 +6708,7 @@
             if (!this._markerComponents) {
                 this._markerComponents = (_a = this._data) === null || _a === void 0 ? void 0 : _a.getLatestData().map((data, index) => {
                     var _a;
-                    const cmp = new vrenderComponents.MarkPoint({
+                    const cmp = new vchart.MarkPoint({
                         position: undefined,
                         animation: false
                     });
@@ -6747,17 +6745,17 @@
             paddingHeight += ((padding === null || padding === void 0 ? void 0 : padding.top) || 0) + ((padding === null || padding === void 0 ? void 0 : padding.bottom) || 0);
             const contentMarks = {};
             const positionAttr = this.dataToPosition(data);
-            const container = vrenderCore.graphicCreator.group({});
+            const container = vchart.graphicCreator.group({});
             container.name = `${this.name}_marker_itemContainer_${index}`;
             contentMarks.container = container;
             if ((_b = this._spec.background) === null || _b === void 0 ? void 0 : _b.visible) {
-                const labelBackground = vrenderCore.graphicCreator.rect(vchart.transformToGraphic(Object.assign({}, this._spec.background.style)));
+                const labelBackground = vchart.graphicCreator.rect(vchart.transformToGraphic(Object.assign({}, this._spec.background.style)));
                 labelBackground.setAttributes(positionAttr);
                 contentMarks.labelBackground = labelBackground;
                 container.appendChild(labelBackground);
             }
             if ((_c = this._spec.icon) === null || _c === void 0 ? void 0 : _c.visible) {
-                const icon = vrenderCore.graphicCreator.symbol(vchart.transformToGraphic(Object.assign({}, this._spec.icon.style)));
+                const icon = vchart.graphicCreator.symbol(vchart.transformToGraphic(Object.assign({}, this._spec.icon.style)));
                 icon.setAttributes(positionAttr);
                 icon.setAttribute('symbolType', (_e = (_d = this._spec.icon.style) === null || _d === void 0 ? void 0 : _d.symbolType) !== null && _e !== void 0 ? _e : (_f = this._spec.icon.style) === null || _f === void 0 ? void 0 : _f.shape);
                 const iconBound = icon.AABBBounds;
@@ -6770,7 +6768,7 @@
                 contentItemCount++;
             }
             if ((_j = this._spec.nameLabel) === null || _j === void 0 ? void 0 : _j.visible) {
-                const nameLabel = vrenderCore.graphicCreator.text(vchart.transformToGraphic(Object.assign({}, this._spec.nameLabel.style)));
+                const nameLabel = vchart.graphicCreator.text(vchart.transformToGraphic(Object.assign({}, this._spec.nameLabel.style)));
                 nameLabel.setAttributes(positionAttr);
                 nameLabel.setAttribute('text', data[this.nameField]);
                 const nameLabelBound = nameLabel.AABBBounds;
@@ -6782,8 +6780,8 @@
                 contentWidth += nameLabelWidth;
                 contentItemCount++;
             }
-            if (((_m = this._spec.valueLabel) === null || _m === void 0 ? void 0 : _m.visible) && vutils.isValid(data[this.valueField])) {
-                const valueLabel = vrenderCore.graphicCreator.text(vchart.transformToGraphic(Object.assign({}, this._spec.valueLabel.style)));
+            if (((_m = this._spec.valueLabel) === null || _m === void 0 ? void 0 : _m.visible) && vchart.isValid(data[this.valueField])) {
+                const valueLabel = vchart.graphicCreator.text(vchart.transformToGraphic(Object.assign({}, this._spec.valueLabel.style)));
                 valueLabel.setAttributes(positionAttr);
                 valueLabel.setAttribute('text', data[this.valueField]);
                 const valueLabelBound = valueLabel.AABBBounds;
@@ -6937,7 +6935,7 @@
     };
 
     const REGRESSION_LINE = 'regressionLine';
-    class RegressionLine extends vrenderComponents.AbstractComponent {
+    class RegressionLine extends vchart.AbstractComponent {
         constructor() {
             super(...arguments);
             this.name = REGRESSION_LINE;
@@ -6945,24 +6943,24 @@
         render() {
             this.removeAllChild();
             const { data, line = {}, label, name = 'regression-line', confidenceInterval } = this.attribute;
-            if (vutils.isEmpty(data)) {
+            if (vchart.isEmpty(data)) {
                 return;
             }
             data.forEach(d => {
                 const { color } = d;
                 if (d.area && (confidenceInterval === null || confidenceInterval === void 0 ? void 0 : confidenceInterval.visible) !== false) {
-                    const areaShape = vrenderCore.createArea(Object.assign(Object.assign({ points: d.area }, (vutils.isValid(color) ? { fill: color, fillOpacity: 0.12 } : null)), confidenceInterval === null || confidenceInterval === void 0 ? void 0 : confidenceInterval.style));
+                    const areaShape = vchart.createArea(Object.assign(Object.assign({ points: d.area }, (vchart.isValid(color) ? { fill: color, fillOpacity: 0.12 } : null)), confidenceInterval === null || confidenceInterval === void 0 ? void 0 : confidenceInterval.style));
                     areaShape.name = 'scatter-regression-area';
                     this.add(areaShape);
                 }
                 if (d.line && (line === null || line === void 0 ? void 0 : line.visible) !== false) {
-                    const lineShape = vrenderCore.createLine(Object.assign(Object.assign({ points: d.line, lineWidth: 1 }, (vutils.isValid(color) ? { stroke: color } : null)), line === null || line === void 0 ? void 0 : line.style));
+                    const lineShape = vchart.createLine(Object.assign(Object.assign({ points: d.line, lineWidth: 1 }, (vchart.isValid(color) ? { stroke: color } : null)), line === null || line === void 0 ? void 0 : line.style));
                     lineShape.name = `${name}-curve`;
                     this.add(lineShape);
                 }
-                const lastPoint = vutils.last(d.line);
+                const lastPoint = vchart.last(d.line);
                 if (label && label.visible !== false && label.text && lastPoint) {
-                    const tag = vrenderCore.createText(Object.assign(Object.assign(Object.assign({}, lastPoint), { text: label.text, textAlign: 'end', textBaseline: 'middle' }), label.style));
+                    const tag = vchart.createText(Object.assign(Object.assign(Object.assign({}, lastPoint), { text: label.text, textAlign: 'end', textBaseline: 'middle' }), label.style));
                     tag.name = `${name}-label`;
                     this.add(tag);
                 }
@@ -6976,13 +6974,13 @@
     const getRegressionByType$1 = (type, data, x = d => d.x, y = d => d.y, degree) => {
         switch (type) {
             case 'logisitc':
-                return vutils.regressionLogistic(data, x, y);
+                return vchart.regressionLogistic(data, x, y);
             case 'lowess':
-                return vutils.regressionLowess(data, x, y);
+                return vchart.regressionLowess(data, x, y);
             case 'polynomial':
-                return vutils.regressionPolynomial(data, x, y, { degree });
+                return vchart.regressionPolynomial(data, x, y, { degree });
             default:
-                return vutils.regressionLinear(data, x, y);
+                return vchart.regressionLinear(data, x, y);
         }
     };
     function getScatterRegressionLineConfig(type, config) {
@@ -7002,7 +7000,7 @@
                             var _a, _b;
                             const start = s.getRegion().getLayoutStartPoint();
                             const rect = s.getRegion().getLayoutRect();
-                            const yClamper = vutils.clamper(start.y, start.y + rect.height);
+                            const yClamper = vchart.clamper(start.y, start.y + rect.height);
                             const colorAttrOptions = s.getColorAttribute();
                             const groups = s.getSeriesKeys();
                             const data = s.getViewData().latestData;
@@ -7054,9 +7052,9 @@
         var _a, _b;
         if (!spec) {
             spec =
-                (_a = vutils.get(chartSpec, REGRESSION_LINE)) !== null && _a !== void 0 ? _a : vutils.get((_b = chartSpec.series) === null || _b === void 0 ? void 0 : _b.find(s => s.type === vchart.SeriesTypeEnum.scatter), REGRESSION_LINE);
+                (_a = vchart.get(chartSpec, REGRESSION_LINE)) !== null && _a !== void 0 ? _a : vchart.get((_b = chartSpec.series) === null || _b === void 0 ? void 0 : _b.find(s => s.type === vchart.SeriesTypeEnum.scatter), REGRESSION_LINE);
         }
-        const specs = vutils.array(spec);
+        const specs = vchart.array(spec);
         specs.forEach((s) => {
             if (s.visible !== false) {
                 if (!chartSpec.customMark) {
@@ -7087,7 +7085,7 @@
                             const region = s.getRegion().getLayoutStartPoint();
                             const start = s.getRegion().getLayoutStartPoint();
                             const rect = s.getRegion().getLayoutRect();
-                            const yClamper = vutils.clamper(start.y, start.y + rect.height);
+                            const yClamper = vchart.clamper(start.y, start.y + rect.height);
                             const data = s.getViewData().latestData;
                             const fieldX = (_a = s.fieldX) === null || _a === void 0 ? void 0 : _a[0];
                             const fieldY = (_b = s.fieldY) === null || _b === void 0 ? void 0 : _b[0];
@@ -7096,7 +7094,7 @@
                             if (isHorizontal || !fieldX || !fieldY || !data || data.length <= 2 || groups.length <= 2) {
                                 return;
                             }
-                            const { evaluateGrid, confidenceInterval } = vutils.regressionPolynomial(data, (datum) => groups.indexOf(datum === null || datum === void 0 ? void 0 : datum[fieldX]), (datum) => datum === null || datum === void 0 ? void 0 : datum[fieldY], { degree: config.degree });
+                            const { evaluateGrid, confidenceInterval } = vchart.regressionPolynomial(data, (datum) => groups.indexOf(datum === null || datum === void 0 ? void 0 : datum[fieldX]), (datum) => datum === null || datum === void 0 ? void 0 : datum[fieldY], { degree: config.degree });
                             const N = groups.length;
                             const lineData = evaluateGrid(N);
                             const confidenceData = confidenceInterval(N);
@@ -7133,9 +7131,9 @@
         var _a, _b;
         if (!spec) {
             spec =
-                (_a = vutils.get(chartSpec, REGRESSION_LINE)) !== null && _a !== void 0 ? _a : vutils.get((_b = chartSpec.series) === null || _b === void 0 ? void 0 : _b.find(s => s.type === vchart.SeriesTypeEnum.bar), REGRESSION_LINE);
+                (_a = vchart.get(chartSpec, REGRESSION_LINE)) !== null && _a !== void 0 ? _a : vchart.get((_b = chartSpec.series) === null || _b === void 0 ? void 0 : _b.find(s => s.type === vchart.SeriesTypeEnum.bar), REGRESSION_LINE);
         }
-        const specs = vutils.array(spec);
+        const specs = vchart.array(spec);
         specs.forEach((s) => {
             if (s.visible !== false) {
                 if (!chartSpec.customMark) {
@@ -7150,9 +7148,9 @@
     const getRegressionByType = (type, data, kdeOptions) => {
         switch (type) {
             case 'kde':
-                return vutils.kde(data, kdeOptions);
+                return vchart.kde(data, kdeOptions);
             case 'ecdf':
-                return vutils.ecdf(data);
+                return vchart.ecdf(data);
         }
     };
     function getHistogramRegressionLineConfig(type, config) {
@@ -7192,7 +7190,7 @@
                             const lineData = res.evaluateGrid(N);
                             const yRange = scaleY.range();
                             const y0 = yRange[0];
-                            const y1 = vutils.last(yRange);
+                            const y1 = vchart.last(yRange);
                             const scaleR = type === 'kde'
                                 ? (k) => {
                                     return scaleY.scale(k * data.length * res.bandwidth);
@@ -7223,9 +7221,9 @@
         var _a, _b;
         if (!spec) {
             spec =
-                (_a = vutils.get(chartSpec, REGRESSION_LINE)) !== null && _a !== void 0 ? _a : vutils.get((_b = chartSpec.series) === null || _b === void 0 ? void 0 : _b.find(s => s.type === vchart.SeriesTypeEnum.bar), REGRESSION_LINE);
+                (_a = vchart.get(chartSpec, REGRESSION_LINE)) !== null && _a !== void 0 ? _a : vchart.get((_b = chartSpec.series) === null || _b === void 0 ? void 0 : _b.find(s => s.type === vchart.SeriesTypeEnum.bar), REGRESSION_LINE);
         }
-        const specs = vutils.array(spec);
+        const specs = vchart.array(spec);
         specs.forEach((s) => {
             if (s.visible !== false) {
                 if (!chartSpec.customMark) {