@visactor/react-vchart 2.0.14 → 2.0.16-alpha.0

package/build/index.js

@@ -31323,7 +31323,7 @@
         let parsedFromProps = null,
           props = params.to,
           from = params.from;
-        props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
+        props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), parsedFromProps.attrOutChannel && graphic.setAttributes(parsedFromProps.attrOutChannel), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
         let totalDelay = 0;
         oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
         const delayAfterValue = isFunction$1(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
@@ -31386,7 +31386,7 @@
           let parsedFromProps = null,
             props = effect.to,
             from = effect.from;
-          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
+          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), parsedFromProps.attrOutChannel && graphic.setAttributes(parsedFromProps.attrOutChannel);
           const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
             customType = effect.custom ? effect.customType : getCustomType(custom);
           this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
@@ -31405,22 +31405,31 @@
         animate.play(customAnimate);
       }
       createPropsFromChannel(channel, graphic) {
+        var _a;
         const props = {};
         let from = null;
-        return channel ? (Array.isArray(channel) ? channel.forEach(key => {
-          var _a, _b;
-          const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
-          void 0 !== value && (props[key] = value);
-        }) : Object.keys(channel).forEach(key => {
+        if (!channel) return {
+          from: from,
+          props: props,
+          attrOutChannel: null
+        };
+        const attrOutChannel = {};
+        let hasAttrs = !1;
+        const diffAttrs = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs;
+        if (Array.isArray(channel) && (channel = channel.reduce((res, key) => (void 0 === diffAttrs[key] || (res[key] = {
+          to: diffAttrs[key]
+        }), res), {})), Object.keys(channel).forEach(key => {
           var _a, _b, _c, _d;
           const config = channel[key];
           void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : props[key] = config.to), void 0 !== config.from && (from || (from = {}), "function" == typeof config.from ? from[key] = config.from(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : from[key] = config.from);
-        }), {
-          from: from,
-          props: props
-        }) : {
+        }), diffAttrs) for (const key in diffAttrs) {
+          const value = diffAttrs[key];
+          void 0 !== value && (props.hasOwnProperty(key) || (attrOutChannel[key] = value, hasAttrs = !0));
+        }
+        return {
           from: from,
-          props: props
+          props: props,
+          attrOutChannel: hasAttrs ? attrOutChannel : null
         };
       }
       resolveValue(value, graphic, defaultValue) {
@@ -47489,7 +47498,7 @@
           const raf = vglobal.getSpecifiedRequestAnimationFrame(10);
           this._progressiveRafId = raf(this.handleProgressiveFrame);
         } else this._progressiveMarks && this._progressiveMarks.every(mark => mark.canAnimateAfterProgressive()) ? this._progressiveMarks.forEach(mark => {
-          mark.runAnimation();
+          mark.runAnimation(), mark.clearExitGraphics();
         }) : this._progressiveMarks && (this._progressiveMarks = null);
       }
       clearProgressive() {
@@ -49718,7 +49727,7 @@
         });
       }
       _computeGradientAttr(gradientStyle) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         const {
             gradient: gradient,
             scale: scale,
@@ -49734,7 +49743,7 @@
           } = this.model.getColorAttribute();
           scale || (colorScale = globalColorScale), colorField || (colorField = globalField);
         }
-        const themeColor = computeActualDataScheme(getDataScheme(this.model.getColorScheme(), "series" === this.model.modelType ? null === (_b = (_a = this.model).getSpec) || void 0 === _b ? void 0 : _b.call(_a) : void 0), this.model.getDefaultColorDomain()),
+        const themeColor = computeActualDataScheme(getDataScheme(this.model.getColorScheme(), "series" === this.model.modelType ? null === (_b = (_a = this.model).getSpec) || void 0 === _b ? void 0 : _b.call(_a) : void 0), null !== (_e = null === (_d = null === (_c = this.model) || void 0 === _c ? void 0 : _c.getDefaultColorDomain) || void 0 === _d ? void 0 : _d.call(_c)) && void 0 !== _e ? _e : []),
           mergedStyle = Object.assign(Object.assign({}, DEFAULT_GRADIENT_CONFIG[gradient]), rest);
         return data => {
           const computeStyle = {},
@@ -66344,7 +66353,9 @@
         padding: 1,
         style: {
           textAlign: "center",
-          textBaseline: "alphabetic"
+          textBaseline: "alphabetic",
+          scaleX: 1,
+          scaleY: 1
         }
       }
     };
@@ -84562,7 +84573,7 @@
       const {
         radius: radius
       } = null != border ? border : {};
-      return isValid$1(radius) && (panelStyle.borderRadius = isValidNumber$1(radius) ? `${radius}px` : `${radius}`), padding && (panelPadding = normalizePadding(padding), panelStyle.padding = getPixelPropertyStr(panelPadding)), {
+      return isValid$1(radius) && (panelStyle.borderRadius = isValidNumber$1(radius) ? `${radius}px` : `${radius}`), isValid$1(padding) && (panelPadding = normalizePadding(padding), panelStyle.padding = getPixelPropertyStr(panelPadding)), {
         panelStyle: panelStyle,
         panelPadding: panelPadding
       };
@@ -86056,10 +86067,12 @@
     const REACT_TOOLTIP_ClASS_NAME = `${PREFIX}_REACT_TOOLTIP`;
 
     const initCustomTooltip = (setTooltipNode, props, spec) => {
+        var _a, _b, _c;
+        const nextSpec = Object.assign({}, (spec !== null && spec !== void 0 ? spec : {}));
         let render;
         if (spec === null || spec === void 0 ? void 0 : spec.tooltipRender) {
             render = spec.tooltipRender;
-            delete spec.tooltipRender;
+            delete nextSpec.tooltipRender;
         }
         else if (props.tooltipRender) {
             render = props.tooltipRender;
@@ -86068,12 +86081,19 @@
             let reserve;
             if (spec === null || spec === void 0 ? void 0 : spec.reserveDefaultTooltip) {
                 reserve = spec.reserveDefaultTooltip;
-                delete spec.reserveDefaultTooltip;
+                delete nextSpec.reserveDefaultTooltip;
             }
             else {
                 reserve = props.reserveDefaultTooltip;
             }
-            return Object.assign(Object.assign({}, spec), { updateElement: (el, actualTooltip, params) => {
+            if (!reserve) {
+                const panelStyle = Object.assign({}, ((_b = (_a = nextSpec.style) === null || _a === void 0 ? void 0 : _a.panel) !== null && _b !== void 0 ? _b : {}));
+                panelStyle.padding = 0;
+                panelStyle.border = Object.assign(Object.assign({}, panelStyle.border), { radius: 0 });
+                panelStyle.backgroundColor = 'unset';
+                nextSpec.style = Object.assign(Object.assign({}, ((_c = nextSpec.style) !== null && _c !== void 0 ? _c : {})), { panel: panelStyle });
+            }
+            return Object.assign(Object.assign({}, nextSpec), { updateElement: (el, actualTooltip, params) => {
                     const { changePositionOnly } = params;
                     if (changePositionOnly) {
                         return;
@@ -86082,7 +86102,6 @@
                         el.style.width = 'auto';
                         el.style.height = 'auto';
                         el.style.minHeight = 'auto';
-                        el.style.padding = '0px';
                         for (let i = 0; i < el.children.length; i++) {
                             const childNode = el.children[i];
                             if (childNode.className !== REACT_TOOLTIP_ClASS_NAME && childNode.style.display !== 'none') {
@@ -88684,7 +88703,7 @@
 
     const VChartSimple = createChart('VChartSimple');
 
-    const version = "2.0.14";
+    const version = "2.0.15";
 
     exports.Area = Area;
     exports.AreaChart = AreaChart;