@visactor/vchart 1.12.0 → 1.12.1

package/build/index.js

@@ -591,7 +591,7 @@
           const length = objValue.length;
           for (; ++index < length;) newValue[index] = objValue[index];
         }
-      } else isPlainObject$1(srcValue) ? (newValue = objValue, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+      } else isPlainObject$1(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
       isCommon && baseMerge(newValue, srcValue, shallowArray, skipTargetArray), assignMergeValue(target, key, newValue);
     }
     function assignMergeValue(target, key, value) {
@@ -55135,7 +55135,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if (_deep) {
             return cloneDeep(d.latestData);
         }
-        return d.latestData.slice();
+        return d.latestData && d.latestData.slice();
     }
     const copyDataView = (data, options) => {
         if (data.length === 0) {
@@ -60732,11 +60732,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.0";
+    const version = "1.12.1";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
-        data.forEach((d, i) => op.call(d, i, context));
+        data && data.forEach((d, i) => op.call(d, i, context));
         if (context.keyMap) {
             context.keyMap.clear();
             context.keyMap = null;
@@ -61028,11 +61028,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const isNumberField = operations.some(op => op === 'min' || op === 'max' || op === 'allValid');
             let allValid = true;
             fValues.length = 0;
-            latestData.forEach((d) => {
-                if (d) {
-                    fValues.push(d[key]);
-                }
-            });
+            latestData &&
+                latestData.forEach((d) => {
+                    if (d) {
+                        fValues.push(d[key]);
+                    }
+                });
             const len = fValues.length;
             if (isNumberField) {
                 nextFValues.length = 0;
@@ -67413,11 +67414,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         updateComponentSpec(result) {
             const componentCache = {};
+            const checkVisibleComponents = {
+                [ComponentTypeEnum.title]: true,
+                [ComponentTypeEnum.brush]: true,
+                [ComponentTypeEnum.mapLabel]: true
+            };
             this._components.forEach(c => {
                 var _a, _b;
                 if (c.type === ComponentTypeEnum.label || c.type === ComponentTypeEnum.totalLabel) {
                     return;
                 }
+                if (checkVisibleComponents[c.type]) {
+                    checkVisibleComponents[c.type] = false;
+                }
                 const compSpecKey = c.specKey || c.type;
                 const cmpSpec = (_a = this._spec[compSpecKey]) !== null && _a !== void 0 ? _a : {};
                 if (isArray$1(cmpSpec)) {
@@ -67440,6 +67449,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
             }
+            Object.keys(checkVisibleComponents).forEach(type => {
+                if (checkVisibleComponents[type]) {
+                    const compSpec = this._spec[type];
+                    const switchToVisible = isArray$1(compSpec) ? compSpec.some(entry => entry === null || entry === void 0 ? void 0 : entry.visible) : compSpec === null || compSpec === void 0 ? void 0 : compSpec.visible;
+                    if (switchToVisible) {
+                        result.reMake = true;
+                    }
+                }
+            });
         }
         updateSeriesSpec(result) {
             if (this._spec.series.length !== this._series.length) {
@@ -67843,7 +67861,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 transform = (constructor, specInfo, chartSpecInfo) => {
                     const { spec, specPath, specInfoPath, type } = specInfo;
                     const transformer = new constructor.transformerConstructor(Object.assign(Object.assign({}, this._option), { type }));
-                    setProperty(chartSpecInfo, specInfoPath !== null && specInfoPath !== void 0 ? specInfoPath : specPath, Object.assign(Object.assign({}, specInfo), { theme: transformer.getTheme(spec, chartSpec) }));
+                    const transformResult = transformer.transformSpec(spec, chartSpec, chartSpecInfo);
+                    setProperty(chartSpecInfo, specInfoPath !== null && specInfoPath !== void 0 ? specInfoPath : specPath, Object.assign(Object.assign(Object.assign({}, specInfo), transformResult), { theme: transformer.getTheme(spec, chartSpec) }));
                 };
             }
             const currentChartSpecInfo = {};
@@ -68195,33 +68214,34 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         let nextNode;
         let leaf;
         data.forEach(dv => {
-            dv.latestData.forEach((d) => {
-                temp = result;
-                for (let i = 0; i < fields.length; i++) {
-                    const f = fields[i];
-                    const fV = d[f];
-                    if (isNil$1(fV)) {
-                        break;
-                    }
-                    temp.groupField = f;
-                    if (!temp.nodes[fV]) {
+            dv.latestData &&
+                dv.latestData.forEach((d) => {
+                    temp = result;
+                    for (let i = 0; i < fields.length; i++) {
+                        const f = fields[i];
+                        const fV = d[f];
+                        if (isNil$1(fV)) {
+                            break;
+                        }
+                        temp.groupField = f;
+                        if (!temp.nodes[fV]) {
+                            if (i === lastFieldIndex) {
+                                temp.nodes[fV] = { values: [] };
+                            }
+                            else {
+                                nextNode = { nodes: {} };
+                                temp.nodes[fV] = nextNode;
+                            }
+                        }
                         if (i === lastFieldIndex) {
-                            temp.nodes[fV] = { values: [] };
+                            leaf = temp.nodes[fV];
+                            leaf.values.push(d);
                         }
                         else {
-                            nextNode = { nodes: {} };
-                            temp.nodes[fV] = nextNode;
+                            temp = temp.nodes[fV];
                         }
                     }
-                    if (i === lastFieldIndex) {
-                        leaf = temp.nodes[fV];
-                        leaf.values.push(d);
-                    }
-                    else {
-                        temp = temp.nodes[fV];
-                    }
-                }
-            });
+                });
         });
         return result;
     };
@@ -73831,7 +73851,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             layoutRadius: chartSpec.layoutRadius
         };
     };
-    const computeLayoutRadius = (layoutRadius, getLayoutRect, getCenter, startAngle = 0, endAngle = 0 * Math.PI) => {
+    const computeLayoutRadius = (getLayoutRadius, getLayoutRect, getCenter, getAngles) => {
+        const layoutRadius = getLayoutRadius();
         if (isNumber$1(layoutRadius)) {
             return layoutRadius;
         }
@@ -73840,6 +73861,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         const rect = getLayoutRect();
         if (layoutRadius === 'auto' && rect.width > 0 && rect.height > 0) {
+            const { startAngle = 0, endAngle = 2 * Math.PI } = getAngles();
             return calculateMaxRadius(rect, getCenter(), startAngle, endAngle);
         }
         return Math.min(rect.width / 2, rect.height / 2);
@@ -73962,7 +73984,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return field$2(ARC_END_ANGLE)(datum);
         }
         _computeLayoutRadius() {
-            return computeLayoutRadius(this._spec.layoutRadius, this.getLayoutRect, this.getCenter, this._startAngle, this._endAngle);
+            return computeLayoutRadius(() => this._spec.layoutRadius, this.getLayoutRect, this.getCenter, () => ({ startAngle: this._startAngle, endAngle: this._endAngle }));
         }
         initMarkStyle() {
             const initialStyle = {
@@ -74511,6 +74533,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const region = (_a = this.getRegions()) === null || _a === void 0 ? void 0 : _a[0];
                 return region ? region.getLayoutStartPoint() : pos;
             };
+            this.getCenter = () => {
+                var _a, _b;
+                const layoutRect = this.getRefLayoutRect();
+                const { width, height } = layoutRect;
+                return {
+                    x: calcLayoutNumber((_a = this._center) === null || _a === void 0 ? void 0 : _a.x, width, layoutRect, width / 2),
+                    y: calcLayoutNumber((_b = this._center) === null || _b === void 0 ? void 0 : _b.y, height, layoutRect, height / 2)
+                };
+            };
             this.getRefLayoutRect = () => {
                 return this.getRegions()[0].getLayoutRect();
             };
@@ -74653,15 +74684,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 angle: radian
             };
         }
-        getCenter() {
-            var _a, _b;
-            const layoutRect = this.getRefLayoutRect();
-            const { width, height } = layoutRect;
-            return {
-                x: calcLayoutNumber((_a = this._center) === null || _a === void 0 ? void 0 : _a.x, width, layoutRect, width / 2),
-                y: calcLayoutNumber((_b = this._center) === null || _b === void 0 ? void 0 : _b.y, height, layoutRect, height / 2)
-            };
-        }
         getOuterRadius() {
             return this.computeLayoutOuterRadius();
         }
@@ -74745,7 +74767,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return undefined;
         }
         _computeLayoutRadius() {
-            return computeLayoutRadius(this._spec.layoutRadius, this.getRefLayoutRect, this.getCenter, this._startAngle, this._endAngle);
+            return computeLayoutRadius(() => this._spec.layoutRadius, this.getRefLayoutRect, this.getCenter, () => ({ startAngle: this._startAngle, endAngle: this._endAngle }));
         }
         computeLayoutOuterRadius() {
             var _a;
@@ -76661,7 +76683,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._progressMark = null;
             this._trackMark = null;
             this._defaultProgressCustomShape = (datum, attrs, path) => {
-                const cornerRadius = this._spec.cornerRadius;
+                var _a, _b;
+                const cornerRadius = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.cornerRadius;
                 const width = isValid$1(attrs.width) ? attrs.width : attrs.x1 - attrs.x;
                 const height = isValid$1(attrs.height) ? attrs.height : attrs.y1 - attrs.y;
                 const x0 = Math.min(0, width);
@@ -76670,7 +76693,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const y1 = Math.max(0, height);
                 if (cornerRadius > 0) {
                     let realCornerRadius = cornerRadius;
-                    if (this._spec.direction === 'vertical') {
+                    if (((_b = this._spec) === null || _b === void 0 ? void 0 : _b.direction) === 'vertical') {
                         realCornerRadius = Math.min(Math.abs(width / 2), cornerRadius);
                         if (2 * realCornerRadius > Math.abs(height)) {
                             const angle = Math.acos((realCornerRadius - Math.abs(height) / 2) / realCornerRadius);
@@ -94817,7 +94840,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _compareSpec(spec, prevSpec) {
             const result = super._compareSpec(spec, prevSpec);
-            if ((prevSpec === null || prevSpec === void 0 ? void 0 : prevSpec.orient) !== (spec === null || spec === void 0 ? void 0 : spec.orient)) {
+            if ((prevSpec === null || prevSpec === void 0 ? void 0 : prevSpec.orient) !== (spec === null || spec === void 0 ? void 0 : spec.orient) || (prevSpec === null || prevSpec === void 0 ? void 0 : prevSpec.visible) !== spec.visible) {
                 result.reMake = true;
             }
             result.change = true;
@@ -94869,6 +94892,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _getTitleAttrs() {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             const realWidth = Math.max(0, (_a = this._spec.width) !== null && _a !== void 0 ? _a : this.getLayoutRect().width);
+            if (this._spec.visible === false) {
+                return { visible: false };
+            }
             return Object.assign(Object.assign({}, pickWithout(this._spec, ['padding'])), { textType: (_b = this._spec.textType) !== null && _b !== void 0 ? _b : 'text', text: (_c = this._spec.text) !== null && _c !== void 0 ? _c : '', subtextType: (_d = this._spec.subtextType) !== null && _d !== void 0 ? _d : 'text', subtext: (_e = this._spec.subtext) !== null && _e !== void 0 ? _e : '', x: (_f = this._spec.x) !== null && _f !== void 0 ? _f : 0, y: (_g = this._spec.y) !== null && _g !== void 0 ? _g : 0, width: realWidth, height: this._spec.height, minWidth: this._spec.minWidth, maxWidth: this._spec.maxWidth, minHeight: this._spec.minHeight, maxHeight: this._spec.maxHeight, padding: this._spec.innerPadding, align: (_h = this._spec.align) !== null && _h !== void 0 ? _h : 'left', verticalAlign: (_j = this._spec.verticalAlign) !== null && _j !== void 0 ? _j : 'top', textStyle: Object.assign({ width: realWidth }, this._spec.textStyle), subtextStyle: Object.assign({ width: realWidth }, this._spec.subtextStyle) });
         }
         _createOrUpdateTitleComponent(attrs) {
@@ -95360,19 +95386,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
                 this._playerComponent.addEventListener(PlayerEventEnum.change, (e) => {
                     const { index } = e.detail;
-                    const spec = this._specs[index];
-                    array(spec.data).forEach(data => {
-                        var _a, _b;
-                        (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance) === null || _b === void 0 ? void 0 : _b.updateData(data.id, data.values);
-                    });
-                    this.event.emit(ChartEvent.playerChange, {
-                        model: this,
-                        value: {
-                            spec: spec,
-                            index: index,
-                            specs: this._specs
-                        }
-                    });
+                    this.changePlayerIndex(index);
                 });
                 this._playerComponent.addEventListener(PlayerEventEnum.backward, (e) => {
                     const { index } = e.detail;
@@ -95546,6 +95560,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return rect.height - this._height;
         }
+        changePlayerIndex(index) {
+            const spec = this._specs[index];
+            array(spec.data).forEach(data => {
+                var _a, _b;
+                (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance) === null || _b === void 0 ? void 0 : _b.updateData(data.id, data.values);
+            });
+            this.event.emit(ChartEvent.playerChange, {
+                model: this,
+                value: {
+                    spec: spec,
+                    index: index,
+                    specs: this._specs
+                }
+            });
+        }
     }
     Player.specKey = 'player';
     Player.type = ComponentTypeEnum.player;
@@ -96723,7 +96752,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         const endPercent = dataZoom.dataToStatePoint(endValue);
                         const newStartPercent = this._stateClamp(startPercent - axisRangeExpand);
                         const newEndPercent = this._stateClamp(endPercent + axisRangeExpand);
-                        dataZoom.setStartAndEnd(newStartPercent, newEndPercent, ['percent', 'percent']);
+                        dataZoom.setStartAndEnd(Math.min(newStartPercent, newEndPercent), Math.max(newStartPercent, newEndPercent), [
+                            'percent',
+                            'percent'
+                        ]);
                         this._zoomRecord.push({
                             operateComponent: dataZoom,
                             start: newStartPercent,
@@ -98473,7 +98505,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return 0;
             };
             this._getActualTooltipPosition = (actualTooltip, params, tooltipBoxSize) => {
-                var _a, _b, _c, _d, _e, _f, _g;
+                var _a, _b, _c, _d, _e, _f, _g, _h;
                 const event = params.event;
                 const { tooltipSpec } = params;
                 const firstDimensionInfo = (_a = params.dimensionInfo) === null || _a === void 0 ? void 0 : _a[0];
@@ -98509,8 +98541,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     containerSize.width = window.innerWidth;
                     containerSize.height = window.innerHeight;
                     if (!isCanvas) {
-                        tooltipParentElementRect = (_f = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect()) !== null && _f !== void 0 ? _f : invalidPosition;
-                        const chartElement = ((_g = this._compiler.getCanvas()) !== null && _g !== void 0 ? _g : this._chartContainer);
+                        tooltipParentElementRect = (_g = (_f = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect) === null || _f === void 0 ? void 0 : _f.call(tooltipParentElement)) !== null && _g !== void 0 ? _g : invalidPosition;
+                        const chartElement = ((_h = this._compiler.getCanvas()) !== null && _h !== void 0 ? _h : this._chartContainer);
                         const chartElementRect = chartElement === null || chartElement === void 0 ? void 0 : chartElement.getBoundingClientRect();
                         relativePosOffset = {
                             x: chartElementRect.x - tooltipParentElementRect.x,
@@ -99845,7 +99877,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initEl() {
             const tooltipSpec = this._component.getSpec();
             const parentElement = tooltipSpec.parentElement;
-            if (domDocument && parentElement) {
+            if (domDocument && parentElement && parentElement.children && parentElement.children.length) {
                 for (let i = 0; i < parentElement.children.length; i++) {
                     if (parentElement.children[i].classList.contains(TOOLTIP_CONTAINER_EL_CLASS_NAME)) {
                         this._container = parentElement.children[i];
@@ -100615,9 +100647,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const infoList = array((_f = (_e = chartSpecInfo.component) === null || _e === void 0 ? void 0 : _e[specKey]) !== null && _f !== void 0 ? _f : []);
             (_h = array((_g = chartSpec[specKey]) !== null && _g !== void 0 ? _g : [])) === null || _h === void 0 ? void 0 : _h.forEach((componentSpec, i) => {
                 const specInfo = infoList[i];
-                if (specInfo.type === filterType) {
+                if (specInfo && specInfo.type === filterType) {
                     result.modelInfo.push(Object.assign(Object.assign({}, specInfo), { spec: componentSpec }));
                 }
+                else if (componentSpec && componentSpec.visible === false) {
+                    result.modelInfo.push({
+                        type: filterType,
+                        spec: componentSpec
+                    });
+                }
             });
         }
         else {