@visactor/vchart 2.0.14 → 2.0.15

package/build/index.es.js

@@ -35301,7 +35301,7 @@ class AnimateExecutor {
     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;
@@ -35364,7 +35364,7 @@ class AnimateExecutor {
       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);
@@ -35383,22 +35383,31 @@ class AnimateExecutor {
     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) {
@@ -55479,6 +55488,7 @@ class Compiler {
         else if (this._progressiveMarks && this._progressiveMarks.every(mark => mark.canAnimateAfterProgressive())) {
             this._progressiveMarks.forEach(mark => {
                 mark.runAnimation();
+                mark.clearExitGraphics();
             });
         }
         else if (this._progressiveMarks) {
@@ -58549,7 +58559,7 @@ class BaseMark extends GrammarItem {
         }
     }
     _computeGradientAttr(gradientStyle) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         const { gradient, scale, field } = gradientStyle, rest = __rest$e(gradientStyle, ["gradient", "scale", "field"]);
         let colorScale = scale;
         let colorField = field;
@@ -58562,7 +58572,7 @@ class BaseMark extends GrammarItem {
                 colorField = globalField;
             }
         }
-        const themeColor = computeActualDataScheme(getDataScheme(this.model.getColorScheme(), this.model.modelType === 'series' ? (_b = (_a = this.model).getSpec) === null || _b === void 0 ? void 0 : _b.call(_a) : undefined), this.model.getDefaultColorDomain());
+        const themeColor = computeActualDataScheme(getDataScheme(this.model.getColorScheme(), this.model.modelType === 'series' ? (_b = (_a = this.model).getSpec) === null || _b === void 0 ? void 0 : _b.call(_a) : undefined), (_e = (_d = (_c = this.model) === null || _c === void 0 ? void 0 : _c.getDefaultColorDomain) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : []);
         const mergedStyle = Object.assign(Object.assign({}, DEFAULT_GRADIENT_CONFIG[gradient]), rest);
         return (data) => {
             const computeStyle = {};
@@ -61790,7 +61800,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.14";
+const version = "2.0.15";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -81368,7 +81378,9 @@ const getWordCloudTheme = () => {
             padding: 1,
             style: {
                 textAlign: 'center',
-                textBaseline: 'alphabetic'
+                textBaseline: 'alphabetic',
+                scaleX: 1,
+                scaleY: 1
             }
         }
     };
@@ -104758,7 +104770,7 @@ const getPanelStyle = (style) => {
     if (isValid$1(radius)) {
         panelStyle.borderRadius = isValidNumber$1(radius) ? `${radius}px` : `${radius}`;
     }
-    if (padding) {
+    if (isValid$1(padding)) {
         panelPadding = normalizePadding(padding);
         panelStyle.padding = getPixelPropertyStr(panelPadding);
     }

package/build/index.js

@@ -35307,7 +35307,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;
@@ -35370,7 +35370,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);
@@ -35389,22 +35389,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) {
@@ -55485,6 +55494,7 @@
             else if (this._progressiveMarks && this._progressiveMarks.every(mark => mark.canAnimateAfterProgressive())) {
                 this._progressiveMarks.forEach(mark => {
                     mark.runAnimation();
+                    mark.clearExitGraphics();
                 });
             }
             else if (this._progressiveMarks) {
@@ -58555,7 +58565,7 @@
             }
         }
         _computeGradientAttr(gradientStyle) {
-            var _a, _b;
+            var _a, _b, _c, _d, _e;
             const { gradient, scale, field } = gradientStyle, rest = __rest$e(gradientStyle, ["gradient", "scale", "field"]);
             let colorScale = scale;
             let colorField = field;
@@ -58568,7 +58578,7 @@
                     colorField = globalField;
                 }
             }
-            const themeColor = computeActualDataScheme(getDataScheme(this.model.getColorScheme(), this.model.modelType === 'series' ? (_b = (_a = this.model).getSpec) === null || _b === void 0 ? void 0 : _b.call(_a) : undefined), this.model.getDefaultColorDomain());
+            const themeColor = computeActualDataScheme(getDataScheme(this.model.getColorScheme(), this.model.modelType === 'series' ? (_b = (_a = this.model).getSpec) === null || _b === void 0 ? void 0 : _b.call(_a) : undefined), (_e = (_d = (_c = this.model) === null || _c === void 0 ? void 0 : _c.getDefaultColorDomain) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : []);
             const mergedStyle = Object.assign(Object.assign({}, DEFAULT_GRADIENT_CONFIG[gradient]), rest);
             return (data) => {
                 const computeStyle = {};
@@ -61796,7 +61806,7 @@
         });
     };
 
-    const version = "2.0.14";
+    const version = "2.0.15";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -81374,7 +81384,9 @@
                 padding: 1,
                 style: {
                     textAlign: 'center',
-                    textBaseline: 'alphabetic'
+                    textBaseline: 'alphabetic',
+                    scaleX: 1,
+                    scaleY: 1
                 }
             }
         };
@@ -104764,7 +104776,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if (isValid$1(radius)) {
             panelStyle.borderRadius = isValidNumber$1(radius) ? `${radius}px` : `${radius}`;
         }
-        if (padding) {
+        if (isValid$1(padding)) {
             panelPadding = normalizePadding(padding);
             panelStyle.padding = getPixelPropertyStr(panelPadding);
         }