@visactor/vchart-extension 0.0.2-alpha.2 → 0.0.3-vstory.1

package/build/index.js

@@ -2,12 +2,12 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@visactor/vchart'), require('@visactor/vutils')) :
     typeof define === 'function' && define.amd ? define(['exports', '@visactor/vchart', '@visactor/vutils'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.VChartExtension = {}, global.VChart, global.VUtils));
-})(this, (function (exports, vchart, vutils) { 'use strict';
+})(this, (function (exports, VChart, vutils) { 'use strict';
 
-    class RankingBarChartSpecTransformer extends vchart.BaseChartSpecTransformer {
+    class RankingBarChartSpecTransformer extends VChart.BaseChartSpecTransformer {
         transformSpec(spec) {
             const { timeData, timeNodes } = processData(spec);
-            const { interval: userInterval, xField, yField, color, icon, iconPosition, iconShape, timeLabel, label, nameLabel, xAxis, yAxis } = spec;
+            const { interval: userInterval, xField, yField, color, icon, iconPosition, iconShape, timeLabel, label, nameLabel, xAxis, yAxis, animationAppear, animationDisappear, animationEnter, animationExit, animationNormal, animationUpdate, player } = spec;
             const interval = userInterval ? userInterval : 1000;
             const exchangeDuration = Math.min(interval, 500);
             spec.type = 'common';
@@ -39,7 +39,7 @@
                 }
             ];
             spec.axes = axisSpec(xAxis, yAxis);
-            spec.player = {
+            spec.player = vutils.merge({
                 type: 'continuous',
                 auto: true,
                 loop: false,
@@ -50,10 +50,28 @@
                         { id: 'time', values: [{ time }] }
                     ]
                 }))
-            };
+            }, player || {});
             spec.tooltip = { visible: false };
             spec.customMark = [];
             transformAnimationSpec(spec, { interval, exchangeDuration });
+            if (animationAppear === false) {
+                spec.animationAppear = animationAppear;
+            }
+            if (animationDisappear === false) {
+                spec.animationDisappear = animationDisappear;
+            }
+            if (animationEnter === false) {
+                spec.animationEnter = animationEnter;
+            }
+            if (animationExit === false) {
+                spec.animationExit = animationExit;
+            }
+            if (animationNormal === false) {
+                spec.animationNormal = animationNormal;
+            }
+            if (animationUpdate === false) {
+                spec.animationUpdate = animationUpdate;
+            }
             if (!timeLabel || timeLabel.visible !== false) {
                 spec.customMark.push(timeLabelSpec(timeLabel.style));
             }
@@ -198,12 +216,12 @@
         return {
             type: 'text',
             dataId: 'time',
-            style: Object.assign({ textBaseline: 'bottom', fontSize: 200, textAlign: 'end', fontWeight: 600, text: (datum) => datum.time, x: (datum, ctx) => {
+            style: Object.assign({ textBaseline: 'alphabetic', fontSize: 200, textAlign: 'end', fontWeight: 600, text: (datum) => datum.time, x: (datum, ctx) => {
                     var _a;
-                    return ((_a = ctx.vchart.getChart().getCanvasRect()) === null || _a === void 0 ? void 0 : _a.width) - 50;
+                    return (_a = ctx.vchart.getChart().getLayoutRect()) === null || _a === void 0 ? void 0 : _a.width;
                 }, y: (datum, ctx) => {
-                    var _a;
-                    return ((_a = ctx.vchart.getChart().getCanvasRect()) === null || _a === void 0 ? void 0 : _a.height) - 80;
+                    var _a, _b;
+                    return (_b = (_a = ctx.vchart.getChart().getAllRegions()[0]) === null || _a === void 0 ? void 0 : _a.getLayoutRect()) === null || _b === void 0 ? void 0 : _b.height;
                 }, fill: 'grey', fillOpacity: 0.5 }, textStyle)
         };
     }
@@ -302,7 +320,7 @@
         ];
     }
 
-    class RankingBar extends vchart.BaseChart {
+    class RankingBar extends VChart.BaseChart {
         constructor() {
             super(...arguments);
             this.type = 'rankingBar';
@@ -331,8 +349,11 @@
     RankingBar.type = 'rankingBar';
     RankingBar.view = 'singleDefault';
     RankingBar.transformerConstructor = RankingBarChartSpecTransformer;
-    const registerRankingBarChart = () => {
-        vchart.VChart.useChart([RankingBar]);
+    const registerRankingBarChart = (option) => {
+        const vchartConstructor = (option === null || option === void 0 ? void 0 : option.VChart) || VChart;
+        if (vchartConstructor) {
+            vchartConstructor.useChart([RankingBar]);
+        }
     };
 
     exports.RankingBar = RankingBar;

package/build/index.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@visactor/vchart"),require("@visactor/vutils")):"function"==typeof define&&define.amd?define(["exports","@visactor/vchart","@visactor/vutils"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VChartExtension={},e.VChart,e.VUtils)}(this,(function(e,t,i){"use strict";class n extends t.BaseChartSpecTransformer{transformSpec(e){const{timeData:t,timeNodes:n}=function(e){const{xField:t,yField:n,timeField:a,data:r,topN:o=10,icon:s}=e,l=new Set,d=new Map;return r.sort(((e,i)=>Number(i[t])-Number(e[t]))),r.forEach((e=>{const t=e[a];i.isValid(t)&&l.add(t),d.has(t)||d.set(t,[]);const r=d.get(t);if(r.length<o){const t=Object.assign({},e);s&&s[t[n]]&&(t.icon=s[t[n]]),r.push(t)}})),{timeData:d,timeNodes:Array.from(l).sort()}}(e),{interval:o,xField:s,yField:l,color:d,icon:u,iconPosition:c,iconShape:g,timeLabel:v,label:p,nameLabel:h,xAxis:y,yAxis:m}=e,b=o||1e3,f=Math.min(b,500);if(e.type="common",e.data=[{id:"timeData",values:t.get(n[0])},{id:"time",values:[{time:n[0]}]}],e.color={specified:Object.assign({},d)},e.region=[{clip:!0}],e.series=[{type:"bar",id:"ranking-bar",dataId:"timeData",direction:"horizontal",yField:l,xField:s,seriesField:l,extensionMark:[],label:a(p,Object.assign(Object.assign({},h),{yField:l}))}],e.axes=function(e={},t={}){const i={orient:"left",type:"band",inverse:!0,label:{style:t.label},domainLine:{style:t.domainLine},grid:{style:t.grid}},n={orient:"bottom",type:"linear",nice:!1,animation:!0,label:{style:e.label},domainLine:{style:e.domainLine},grid:{style:e.grid},innerOffset:{right:"10%"}};e.label&&(n.label=e.label);return[i,n]}(y,m),e.player={type:"continuous",auto:!0,loop:!1,interval:b,specs:n.map((e=>({data:[{id:"timeData",values:t.get(e)},{id:"time",values:[{time:e}]}]})))},e.tooltip={visible:!1},e.customMark=[],function(e,{interval:t,exchangeDuration:i}){e.animationAppear=!1,e.animationUpdate={bar:[{type:"update",options:{excludeChannels:["y"]},easing:"linear",duration:t},{channel:["y"],easing:"circInOut",duration:i}],axis:{duration:t,easing:"linear"}},e.animationEnter={bar:[{type:"moveIn",duration:i,easing:"cubicInOut",options:{direction:"y",orient:"negative",point:(e,t,i)=>({y:i.groupHeight+t.getBounds().height()})}}]},e.animationExit={bar:[{type:"moveOut",duration:i,easing:"cubicInOut",options:{direction:"y",orient:"negative"}}]}}(e,{interval:b,exchangeDuration:f}),v&&!1===v.visible||e.customMark.push(function(e={}){return{type:"text",dataId:"time",style:Object.assign({textBaseline:"bottom",fontSize:200,textAlign:"end",fontWeight:600,text:e=>e.time,x:(e,t)=>{var i;return(null===(i=t.vchart.getChart().getCanvasRect())||void 0===i?void 0:i.width)-50},y:(e,t)=>{var i;return(null===(i=t.vchart.getChart().getCanvasRect())||void 0===i?void 0:i.height)-80},fill:"grey",fillOpacity:.5},e)}}(v.style)),u){const t=function(e="bar-end",t="circle",{interval:i,exchangeDuration:n}){return{type:"symbol",dataId:"timeData",style:{symbolType:t,stroke:"white",lineWidth:1,size:(e,t)=>{var i,n;const a=t.vchart,r=null===(i=a.getChart())||void 0===i?void 0:i.getSeriesInIndex(0)[0];if(a&&r){const e=null!==(n=r.getYAxisHelper().getBandwidth(0))&&void 0!==n?n:0;return Math.max(e-4,0)}return 10},background:e=>e.icon,x:(t,i)=>{var n,a;const r=i.vchart,o=null===(n=r.getChart())||void 0===n?void 0:n.getSeriesInIndex(0)[0];if(r&&o){const i=null!==(a=o.getYAxisHelper().getBandwidth(0))&&void 0!==a?a:0;return"bar-start"===e?i/2:"axis"===e?-i/2:o.dataToPositionX(t)-i/2}},y:(e,t)=>{var i,n;const a=t.vchart,r=null===(i=a.getChart())||void 0===i?void 0:i.getSeriesInIndex(0)[0];if(a&&r){const t=null!==(n=r.getYAxisHelper().getBandwidth(0))&&void 0!==n?n:0;return r.dataToPositionY(e)+t/2}},scaleY:"rect"===t?1.2:1},animationUpdate:r(i,n),animationEnter:[{type:"moveIn",duration:n,easing:"cubicInOut",options:{direction:"y",orient:"negative",point:(e,t,i)=>({y:i.groupHeight+t.getBounds().height()})}}],animationExit:[{type:"moveOut",duration:n,easing:"cubicInOut",options:{direction:"y",orient:"negative"}}]}}(c,g,{interval:b,exchangeDuration:f});e.series[0].extensionMark.push(t)}super.transformSpec(e)}}function a(e={},t){var i,n,a,r;const o=[];return!1!==e.visible&&o.push({visible:!0,overlap:!1,style:Object.assign({fill:"rgb(64, 64, 64)"},e.style),smartInvert:{fillStrategy:(null===(i=e.style)||void 0===i?void 0:i.fill)?"null":void 0,strokeStrategy:(null===(n=e.style)||void 0===n?void 0:n.stroke)?"null":void 0}}),t.visible&&o.push({visible:!0,overlap:!1,style:Object.assign({},t.style),smartInvert:{fillStrategy:(null===(a=t.style)||void 0===a?void 0:a.fill)?"null":void 0,strokeStrategy:(null===(r=t.style)||void 0===r?void 0:r.stroke)?"null":void 0},position:"bar-end"===t.position?"inside-right":"inside-left",formatter:`{${t.yField}}`}),o}function r(e,t){return[{duration:t,easing:"cubicInOut",channel:["y"]},{options:{excludeChannels:["y"]},channel:["x","x2","x1"],easing:"linear",duration:e}]}class o extends t.BaseChart{constructor(){super(...arguments),this.type="rankingBar",this.transformerConstructor=n}init(){this.isValid()&&super.init()}isValid(){var e,t,i,n;const{xField:a,yField:r,timeField:o,data:s}=this._spec;return a&&r&&o?!!s||(null===(n=(i=this._option).onError)||void 0===n||n.call(i,"Data is required"),!1):(null===(t=(e=this._option).onError)||void 0===t||t.call(e,"Missing Required Config: `xField`, `yField`, `timeField` "),!1)}}o.type="rankingBar",o.view="singleDefault",o.transformerConstructor=n;e.RankingBar=o,e.registerRankingBarChart=()=>{t.VChart.useChart([o])}}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@visactor/vchart"),require("@visactor/vutils")):"function"==typeof define&&define.amd?define(["exports","@visactor/vchart","@visactor/vutils"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).VChartExtension={},t.VChart,t.VUtils)}(this,(function(t,e,i){"use strict";class n extends e.BaseChartSpecTransformer{transformSpec(t){const{timeData:e,timeNodes:n}=function(t){const{xField:e,yField:n,timeField:a,data:o,topN:r=10,icon:s}=t,l=new Set,d=new Map;return o.sort(((t,i)=>Number(i[e])-Number(t[e]))),o.forEach((t=>{const e=t[a];i.isValid(e)&&l.add(e),d.has(e)||d.set(e,[]);const o=d.get(e);if(o.length<r){const e=Object.assign({},t);s&&s[e[n]]&&(e.icon=s[e[n]]),o.push(e)}})),{timeData:d,timeNodes:Array.from(l).sort()}}(t),{interval:r,xField:s,yField:l,color:d,icon:u,iconPosition:c,iconShape:g,timeLabel:p,label:v,nameLabel:m,xAxis:y,yAxis:h,animationAppear:b,animationDisappear:f,animationEnter:x,animationExit:I,animationNormal:C,animationUpdate:O,player:F}=t,k=r||1e3,D=Math.min(k,500);if(t.type="common",t.data=[{id:"timeData",values:e.get(n[0])},{id:"time",values:[{time:n[0]}]}],t.color={specified:Object.assign({},d)},t.region=[{clip:!0}],t.series=[{type:"bar",id:"ranking-bar",dataId:"timeData",direction:"horizontal",yField:l,xField:s,seriesField:l,extensionMark:[],label:a(v,Object.assign(Object.assign({},m),{yField:l}))}],t.axes=function(t={},e={}){const i={orient:"left",type:"band",inverse:!0,label:{style:e.label},domainLine:{style:e.domainLine},grid:{style:e.grid}},n={orient:"bottom",type:"linear",nice:!1,animation:!0,label:{style:t.label},domainLine:{style:t.domainLine},grid:{style:t.grid},innerOffset:{right:"10%"}};t.label&&(n.label=t.label);return[i,n]}(y,h),t.player=i.merge({type:"continuous",auto:!0,loop:!1,interval:k,specs:n.map((t=>({data:[{id:"timeData",values:e.get(t)},{id:"time",values:[{time:t}]}]})))},F||{}),t.tooltip={visible:!1},t.customMark=[],function(t,{interval:e,exchangeDuration:i}){t.animationAppear=!1,t.animationUpdate={bar:[{type:"update",options:{excludeChannels:["y"]},easing:"linear",duration:e},{channel:["y"],easing:"circInOut",duration:i}],axis:{duration:e,easing:"linear"}},t.animationEnter={bar:[{type:"moveIn",duration:i,easing:"cubicInOut",options:{direction:"y",orient:"negative",point:(t,e,i)=>({y:i.groupHeight+e.getBounds().height()})}}]},t.animationExit={bar:[{type:"moveOut",duration:i,easing:"cubicInOut",options:{direction:"y",orient:"negative"}}]}}(t,{interval:k,exchangeDuration:D}),!1===b&&(t.animationAppear=b),!1===f&&(t.animationDisappear=f),!1===x&&(t.animationEnter=x),!1===I&&(t.animationExit=I),!1===C&&(t.animationNormal=C),!1===O&&(t.animationUpdate=O),p&&!1===p.visible||t.customMark.push(function(t={}){return{type:"text",dataId:"time",style:Object.assign({textBaseline:"alphabetic",fontSize:200,textAlign:"end",fontWeight:600,text:t=>t.time,x:(t,e)=>{var i;return null===(i=e.vchart.getChart().getLayoutRect())||void 0===i?void 0:i.width},y:(t,e)=>{var i,n;return null===(n=null===(i=e.vchart.getChart().getAllRegions()[0])||void 0===i?void 0:i.getLayoutRect())||void 0===n?void 0:n.height},fill:"grey",fillOpacity:.5},t)}}(p.style)),u){const e=function(t="bar-end",e="circle",{interval:i,exchangeDuration:n}){return{type:"symbol",dataId:"timeData",style:{symbolType:e,stroke:"white",lineWidth:1,size:(t,e)=>{var i,n;const a=e.vchart,o=null===(i=a.getChart())||void 0===i?void 0:i.getSeriesInIndex(0)[0];if(a&&o){const t=null!==(n=o.getYAxisHelper().getBandwidth(0))&&void 0!==n?n:0;return Math.max(t-4,0)}return 10},background:t=>t.icon,x:(e,i)=>{var n,a;const o=i.vchart,r=null===(n=o.getChart())||void 0===n?void 0:n.getSeriesInIndex(0)[0];if(o&&r){const i=null!==(a=r.getYAxisHelper().getBandwidth(0))&&void 0!==a?a:0;return"bar-start"===t?i/2:"axis"===t?-i/2:r.dataToPositionX(e)-i/2}},y:(t,e)=>{var i,n;const a=e.vchart,o=null===(i=a.getChart())||void 0===i?void 0:i.getSeriesInIndex(0)[0];if(a&&o){const e=null!==(n=o.getYAxisHelper().getBandwidth(0))&&void 0!==n?n:0;return o.dataToPositionY(t)+e/2}},scaleY:"rect"===e?1.2:1},animationUpdate:o(i,n),animationEnter:[{type:"moveIn",duration:n,easing:"cubicInOut",options:{direction:"y",orient:"negative",point:(t,e,i)=>({y:i.groupHeight+e.getBounds().height()})}}],animationExit:[{type:"moveOut",duration:n,easing:"cubicInOut",options:{direction:"y",orient:"negative"}}]}}(c,g,{interval:k,exchangeDuration:D});t.series[0].extensionMark.push(e)}super.transformSpec(t)}}function a(t={},e){var i,n,a,o;const r=[];return!1!==t.visible&&r.push({visible:!0,overlap:!1,style:Object.assign({fill:"rgb(64, 64, 64)"},t.style),smartInvert:{fillStrategy:(null===(i=t.style)||void 0===i?void 0:i.fill)?"null":void 0,strokeStrategy:(null===(n=t.style)||void 0===n?void 0:n.stroke)?"null":void 0}}),e.visible&&r.push({visible:!0,overlap:!1,style:Object.assign({},e.style),smartInvert:{fillStrategy:(null===(a=e.style)||void 0===a?void 0:a.fill)?"null":void 0,strokeStrategy:(null===(o=e.style)||void 0===o?void 0:o.stroke)?"null":void 0},position:"bar-end"===e.position?"inside-right":"inside-left",formatter:`{${e.yField}}`}),r}function o(t,e){return[{duration:e,easing:"cubicInOut",channel:["y"]},{options:{excludeChannels:["y"]},channel:["x","x2","x1"],easing:"linear",duration:t}]}class r extends e.BaseChart{constructor(){super(...arguments),this.type="rankingBar",this.transformerConstructor=n}init(){this.isValid()&&super.init()}isValid(){var t,e,i,n;const{xField:a,yField:o,timeField:r,data:s}=this._spec;return a&&o&&r?!!s||(null===(n=(i=this._option).onError)||void 0===n||n.call(i,"Data is required"),!1):(null===(e=(t=this._option).onError)||void 0===e||e.call(t,"Missing Required Config: `xField`, `yField`, `timeField` "),!1)}}r.type="rankingBar",r.view="singleDefault",r.transformerConstructor=n;t.RankingBar=r,t.registerRankingBarChart=t=>{const i=(null==t?void 0:t.VChart)||e;i&&i.useChart([r])}}));

package/cjs/ranking-bar/interface.d.ts

@@ -42,4 +42,11 @@ export interface IRankingBarSpec extends IPlayConfig {
         domainLine?: ILineGraphicAttribute;
         grid?: ILineGraphicAttribute;
     };
+    animationAppear?: boolean | any;
+    animationEnter?: boolean | any;
+    animationUpdate?: boolean | any;
+    animationExit?: boolean | any;
+    animationDisappear?: boolean | any;
+    animationNormal?: boolean | any;
+    player?: any;
 }

package/cjs/ranking-bar/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n  interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n  type: string;\n  data: IRankingBarData;\n\n  timeField: string;\n  xField: string;\n  yField: string;\n\n  topN?: number;\n\n  bar?: {\n    padding?: number;\n    cornerRadius?: number;\n  };\n\n  color?: Record<string, string>;\n\n  icon?: Record<string, string>;\n\n  iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n  iconShape?: 'circle' | 'rect';\n\n  background?: string;\n\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  nameLabel?: ITextGraphicAttribute & {\n    visible?: boolean;\n    position?: 'bar-end' | 'bar-start';\n    style?: ITextGraphicAttribute;\n  };\n\n  timeLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  xAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  yAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n}\n"]}
+{"version":3,"sources":["ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n  interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n  type: string;\n  data: IRankingBarData;\n\n  timeField: string;\n  xField: string;\n  yField: string;\n\n  topN?: number;\n\n  bar?: {\n    padding?: number;\n    cornerRadius?: number;\n  };\n\n  color?: Record<string, string>;\n\n  icon?: Record<string, string>;\n\n  iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n  iconShape?: 'circle' | 'rect';\n\n  background?: string;\n\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  nameLabel?: ITextGraphicAttribute & {\n    visible?: boolean;\n    position?: 'bar-end' | 'bar-start';\n    style?: ITextGraphicAttribute;\n  };\n\n  timeLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  xAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  yAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  animationAppear?: boolean | any;\n  animationEnter?: boolean | any;\n  animationUpdate?: boolean | any;\n  animationExit?: boolean | any;\n  animationDisappear?: boolean | any;\n  animationNormal?: boolean | any;\n  player?: any;\n}\n"]}

package/cjs/ranking-bar/ranking-bar-transformer.js

@@ -8,7 +8,7 @@ const vchart_1 = require("@visactor/vchart"), vutils_1 = require("@visactor/vuti
 
 class RankingBarChartSpecTransformer extends vchart_1.BaseChartSpecTransformer {
     transformSpec(spec) {
-        const {timeData: timeData, timeNodes: timeNodes} = processData(spec), {interval: userInterval, xField: xField, yField: yField, color: color, icon: icon, iconPosition: iconPosition, iconShape: iconShape, timeLabel: timeLabel, label: label, nameLabel: nameLabel, xAxis: xAxis, yAxis: yAxis} = spec, interval = userInterval || 1e3, exchangeDuration = Math.min(interval, 500);
+        const {timeData: timeData, timeNodes: timeNodes} = processData(spec), {interval: userInterval, xField: xField, yField: yField, color: color, icon: icon, iconPosition: iconPosition, iconShape: iconShape, timeLabel: timeLabel, label: label, nameLabel: nameLabel, xAxis: xAxis, yAxis: yAxis, animationAppear: animationAppear, animationDisappear: animationDisappear, animationEnter: animationEnter, animationExit: animationExit, animationNormal: animationNormal, animationUpdate: animationUpdate, player: player} = spec, interval = userInterval || 1e3, exchangeDuration = Math.min(interval, 500);
         if (spec.type = "common", spec.data = [ {
             id: "timeData",
             values: timeData.get(timeNodes[0])
@@ -33,7 +33,7 @@ class RankingBarChartSpecTransformer extends vchart_1.BaseChartSpecTransformer {
             label: labelSpec(label, Object.assign(Object.assign({}, nameLabel), {
                 yField: yField
             }))
-        } ], spec.axes = axisSpec(xAxis, yAxis), spec.player = {
+        } ], spec.axes = axisSpec(xAxis, yAxis), spec.player = (0, vutils_1.merge)({
             type: "continuous",
             auto: !0,
             loop: !1,
@@ -49,12 +49,15 @@ class RankingBarChartSpecTransformer extends vchart_1.BaseChartSpecTransformer {
                     } ]
                 } ]
             })))
-        }, spec.tooltip = {
+        }, player || {}), spec.tooltip = {
             visible: !1
         }, spec.customMark = [], transformAnimationSpec(spec, {
             interval: interval,
             exchangeDuration: exchangeDuration
-        }), timeLabel && !1 === timeLabel.visible || spec.customMark.push(timeLabelSpec(timeLabel.style)), 
+        }), !1 === animationAppear && (spec.animationAppear = animationAppear), !1 === animationDisappear && (spec.animationDisappear = animationDisappear), 
+        !1 === animationEnter && (spec.animationEnter = animationEnter), !1 === animationExit && (spec.animationExit = animationExit), 
+        !1 === animationNormal && (spec.animationNormal = animationNormal), !1 === animationUpdate && (spec.animationUpdate = animationUpdate), 
+        timeLabel && !1 === timeLabel.visible || spec.customMark.push(timeLabelSpec(timeLabel.style)), 
         icon) {
             const icon = iconSpec(iconPosition, iconShape, {
                 interval: interval,
@@ -192,18 +195,18 @@ function timeLabelSpec(textStyle = {}) {
         type: "text",
         dataId: "time",
         style: Object.assign({
-            textBaseline: "bottom",
+            textBaseline: "alphabetic",
             fontSize: 200,
             textAlign: "end",
             fontWeight: 600,
             text: datum => datum.time,
             x: (datum, ctx) => {
                 var _a;
-                return (null === (_a = ctx.vchart.getChart().getCanvasRect()) || void 0 === _a ? void 0 : _a.width) - 50;
+                return null === (_a = ctx.vchart.getChart().getLayoutRect()) || void 0 === _a ? void 0 : _a.width;
             },
             y: (datum, ctx) => {
-                var _a;
-                return (null === (_a = ctx.vchart.getChart().getCanvasRect()) || void 0 === _a ? void 0 : _a.height) - 80;
+                var _a, _b;
+                return null === (_b = null === (_a = ctx.vchart.getChart().getAllRegions()[0]) || void 0 === _a ? void 0 : _a.getLayoutRect()) || void 0 === _b ? void 0 : _b.height;
             },
             fill: "grey",
             fillOpacity: .5

package/cjs/ranking-bar/ranking-bar-transformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ranking-bar/ranking-bar-transformer.ts"],"names":[],"mappings":"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","file":"ranking-bar-transformer.js","sourcesContent":["import type { IRankingBarSpec } from './interface';\nimport type { ICartesianAxisSpec, ICommonChartSpec, ILabelSpec } from '@visactor/vchart';\nimport type { ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { BaseChartSpecTransformer } from '@visactor/vchart';\nimport { isValid } from '@visactor/vutils';\n\nexport class RankingBarChartSpecTransformer<T extends ICommonChartSpec> extends BaseChartSpecTransformer<any> {\n  transformSpec(spec: T): void {\n    const { timeData, timeNodes } = processData(spec as unknown as IRankingBarSpec);\n    const {\n      interval: userInterval,\n      xField,\n      yField,\n      color,\n      icon,\n      iconPosition,\n      iconShape,\n      timeLabel,\n      label,\n      nameLabel,\n      xAxis,\n      yAxis\n    } = spec as unknown as IRankingBarSpec;\n\n    const interval = userInterval ? userInterval : 1000;\n    const exchangeDuration = Math.min(interval, 500);\n\n    spec.type = 'common';\n    spec.data = [\n      {\n        id: 'timeData',\n        values: timeData.get(timeNodes[0])\n      },\n      {\n        id: 'time',\n        values: [{ time: timeNodes[0] }]\n      }\n    ];\n\n    // @ts-ignore FIXME: type definition\n    spec.color = {\n      specified: {\n        ...color\n      }\n    };\n    spec.region = [{ clip: true }];\n    spec.series = [\n      {\n        type: 'bar',\n        id: 'ranking-bar',\n        dataId: 'timeData',\n        direction: 'horizontal',\n        yField,\n        xField,\n        seriesField: yField,\n        extensionMark: [],\n        label: labelSpec(label, { ...nameLabel, yField }) as any\n      }\n    ];\n    spec.axes = axisSpec(xAxis, yAxis);\n    spec.player = {\n      type: 'continuous',\n      auto: true,\n      loop: false,\n      interval,\n      specs: timeNodes.map(time => ({\n        data: [\n          { id: 'timeData', values: timeData.get(time) },\n          { id: 'time', values: [{ time }] }\n        ]\n      }))\n    };\n    spec.tooltip = { visible: false };\n    spec.customMark = [];\n\n    transformAnimationSpec(spec, { interval, exchangeDuration });\n\n    if (!timeLabel || timeLabel.visible !== false) {\n      spec.customMark.push(timeLabelSpec(timeLabel.style) as any);\n    }\n    if (icon) {\n      const icon = iconSpec(iconPosition, iconShape, { interval, exchangeDuration });\n      spec.series[0].extensionMark.push(icon as any);\n    }\n\n    super.transformSpec(spec);\n  }\n}\n\nexport function processData(spec: IRankingBarSpec) {\n  const { xField, yField, timeField, data, topN = 10, icon } = spec;\n\n  // 数据处理\n  const timeNodes = new Set<string>();\n  const timeData = new Map();\n\n  data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));\n\n  data.forEach(d => {\n    const time = d[timeField];\n    if (isValid(time)) {\n      timeNodes.add(time);\n    }\n    if (!timeData.has(time)) {\n      timeData.set(time, []);\n    }\n    const currentData = timeData.get(time);\n    if (currentData.length < topN) {\n      const _d = { ...d };\n      if (icon && icon[_d[yField]]) {\n        _d['icon'] = icon[_d[yField]];\n      }\n      currentData.push(_d);\n    }\n  });\n\n  return { timeData, timeNodes: Array.from(timeNodes).sort() };\n}\n\nfunction transformAnimationSpec(\n  spec: ICommonChartSpec,\n  { interval, exchangeDuration }: { interval: number; exchangeDuration: number }\n) {\n  (spec as any).animationAppear = false;\n  (spec as any).animationUpdate = {\n    bar: [\n      {\n        type: 'update',\n        options: { excludeChannels: ['y'] },\n        easing: 'linear',\n        duration: interval\n      },\n      {\n        channel: ['y'],\n        easing: 'circInOut',\n        duration: exchangeDuration\n      }\n    ],\n    axis: {\n      duration: interval,\n      easing: 'linear'\n    }\n  };\n  (spec as any).animationEnter = {\n    bar: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ]\n  };\n  (spec as any).animationExit = {\n    bar: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction labelSpec(label: IRankingBarSpec['label'] = {}, nameLabel: IRankingBarSpec['nameLabel'] & { yField: string }) {\n  const spec: ILabelSpec[] = [];\n\n  if (label.visible !== false) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      style: {\n        // @ts-ignore\n        fill: `rgb(64, 64, 64)`,\n        ...label.style\n      },\n      smartInvert: {\n        fillStrategy: label.style?.fill ? 'null' : undefined,\n        strokeStrategy: label.style?.stroke ? 'null' : undefined\n      }\n    });\n  }\n\n  if (nameLabel.visible) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      // @ts-ignore\n      style: {\n        ...nameLabel.style\n      },\n      smartInvert: {\n        fillStrategy: nameLabel.style?.fill ? 'null' : undefined,\n        strokeStrategy: nameLabel.style?.stroke ? 'null' : undefined\n      },\n      position: nameLabel.position === 'bar-end' ? 'inside-right' : 'inside-left',\n      formatter: `{${nameLabel.yField}}`\n    });\n  }\n\n  return spec;\n}\n\nfunction axisSpec(xAxis: IRankingBarSpec['xAxis'] = {}, yAxis: IRankingBarSpec['yAxis'] = {}) {\n  const leftAxis: ICartesianAxisSpec = {\n    orient: 'left',\n    type: 'band',\n    inverse: true,\n    label: { style: yAxis.label },\n    domainLine: { style: yAxis.domainLine },\n    grid: { style: yAxis.grid }\n  };\n  const bottomAxis: ICartesianAxisSpec = {\n    orient: 'bottom',\n    type: 'linear',\n    nice: false,\n    animation: true,\n    label: { style: xAxis.label },\n    domainLine: { style: xAxis.domainLine },\n    grid: { style: xAxis.grid },\n    innerOffset: { right: '10%' }\n  };\n\n  if (xAxis.label) {\n    bottomAxis.label = xAxis.label;\n  }\n  return [leftAxis, bottomAxis];\n}\n\nfunction timeLabelSpec(textStyle: ITextGraphicAttribute = {}) {\n  return {\n    type: 'text',\n    dataId: 'time',\n    style: {\n      textBaseline: 'bottom',\n      fontSize: 200,\n      textAlign: 'end',\n      fontWeight: 600,\n      text: (datum: any) => datum.time,\n      x: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getCanvasRect()?.width - 50;\n      },\n      y: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getCanvasRect()?.height - 80;\n      },\n      fill: 'grey',\n      fillOpacity: 0.5,\n      ...textStyle\n    }\n  };\n}\n\nfunction iconSpec(\n  iconPosition: IRankingBarSpec['iconPosition'] = 'bar-end',\n  iconShape: IRankingBarSpec['iconShape'] = 'circle',\n  { interval, exchangeDuration }: any\n) {\n  return {\n    type: 'symbol',\n    dataId: 'timeData',\n    style: {\n      symbolType: iconShape,\n      stroke: 'white',\n      lineWidth: 1,\n      size: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return Math.max(bandwidth - 4, 0);\n        }\n        return 10;\n      },\n      background: (data: any) => data.icon,\n      // globalZIndex 有bug，会有动画闪烁和报错\n      // globalZIndex: 1, // 否则会被 region 区域 clip\n      x: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          if (iconPosition === 'bar-start') {\n            return bandwidth / 2;\n          } else if (iconPosition === 'axis') {\n            return -bandwidth / 2;\n          } else {\n            return series.dataToPositionX(data) - bandwidth / 2;\n          }\n        }\n        return undefined;\n      },\n      y: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return series.dataToPositionY(data) + bandwidth / 2;\n        }\n        return undefined;\n      },\n      scaleY: iconShape === 'rect' ? 1.2 : 1\n    },\n    animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration),\n    animationEnter: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ],\n    animationExit: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction customMarkUpdateAnimation(duration: number, exchangeDuration: number) {\n  return [\n    {\n      duration: exchangeDuration,\n      easing: 'cubicInOut',\n      channel: ['y']\n    },\n    {\n      options: { excludeChannels: ['y'] },\n      channel: ['x', 'x2', 'x1'],\n      easing: 'linear',\n      duration\n    }\n  ];\n}\n"]}
+{"version":3,"sources":["ranking-bar/ranking-bar-transformer.ts"],"names":[],"mappings":"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","file":"ranking-bar-transformer.js","sourcesContent":["import type { IRankingBarSpec } from './interface';\nimport type { ICartesianAxisSpec, ICommonChartSpec, ILabelSpec } from '@visactor/vchart';\nimport type { ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { BaseChartSpecTransformer } from '@visactor/vchart';\nimport { isValid, merge } from '@visactor/vutils';\n\nexport class RankingBarChartSpecTransformer<T extends ICommonChartSpec> extends BaseChartSpecTransformer<any> {\n  transformSpec(spec: T): void {\n    const { timeData, timeNodes } = processData(spec as unknown as IRankingBarSpec);\n    const {\n      interval: userInterval,\n      xField,\n      yField,\n      color,\n      icon,\n      iconPosition,\n      iconShape,\n      timeLabel,\n      label,\n      nameLabel,\n      xAxis,\n      yAxis,\n      animationAppear,\n      animationDisappear,\n      animationEnter,\n      animationExit,\n      animationNormal,\n      animationUpdate,\n      player\n    } = spec as unknown as IRankingBarSpec;\n\n    const interval = userInterval ? userInterval : 1000;\n    const exchangeDuration = Math.min(interval, 500);\n\n    spec.type = 'common';\n    spec.data = [\n      {\n        id: 'timeData',\n        values: timeData.get(timeNodes[0])\n      },\n      {\n        id: 'time',\n        values: [{ time: timeNodes[0] }]\n      }\n    ];\n\n    // @ts-ignore FIXME: type definition\n    spec.color = {\n      specified: {\n        ...color\n      }\n    };\n    spec.region = [{ clip: true }];\n    spec.series = [\n      {\n        type: 'bar',\n        id: 'ranking-bar',\n        dataId: 'timeData',\n        direction: 'horizontal',\n        yField,\n        xField,\n        seriesField: yField,\n        extensionMark: [],\n        label: labelSpec(label, { ...nameLabel, yField }) as any\n      }\n    ];\n    spec.axes = axisSpec(xAxis, yAxis);\n    spec.player = merge(\n      {\n        type: 'continuous',\n        auto: true,\n        loop: false,\n        interval,\n        specs: timeNodes.map(time => ({\n          data: [\n            { id: 'timeData', values: timeData.get(time) },\n            { id: 'time', values: [{ time }] }\n          ]\n        }))\n      },\n      player || {}\n    );\n    spec.tooltip = { visible: false };\n    spec.customMark = [];\n\n    transformAnimationSpec(spec, { interval, exchangeDuration });\n    // 支持外部关闭animate\n    if (animationAppear === false) {\n      (spec as any).animationAppear = animationAppear;\n    }\n    if (animationDisappear === false) {\n      (spec as any).animationDisappear = animationDisappear;\n    }\n    if (animationEnter === false) {\n      (spec as any).animationEnter = animationEnter;\n    }\n    if (animationExit === false) {\n      (spec as any).animationExit = animationExit;\n    }\n    if (animationNormal === false) {\n      (spec as any).animationNormal = animationNormal;\n    }\n    if (animationUpdate === false) {\n      (spec as any).animationUpdate = animationUpdate;\n    }\n\n    if (!timeLabel || timeLabel.visible !== false) {\n      spec.customMark.push(timeLabelSpec(timeLabel.style) as any);\n    }\n    if (icon) {\n      const icon = iconSpec(iconPosition, iconShape, { interval, exchangeDuration });\n      spec.series[0].extensionMark.push(icon as any);\n    }\n\n    super.transformSpec(spec);\n  }\n}\n\nexport function processData(spec: IRankingBarSpec) {\n  const { xField, yField, timeField, data, topN = 10, icon } = spec;\n\n  // 数据处理\n  const timeNodes = new Set<string>();\n  const timeData = new Map();\n\n  data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));\n\n  data.forEach(d => {\n    const time = d[timeField];\n    if (isValid(time)) {\n      timeNodes.add(time);\n    }\n    if (!timeData.has(time)) {\n      timeData.set(time, []);\n    }\n    const currentData = timeData.get(time);\n    if (currentData.length < topN) {\n      const _d = { ...d };\n      if (icon && icon[_d[yField]]) {\n        _d['icon'] = icon[_d[yField]];\n      }\n      currentData.push(_d);\n    }\n  });\n\n  return { timeData, timeNodes: Array.from(timeNodes).sort() };\n}\n\nfunction transformAnimationSpec(\n  spec: ICommonChartSpec,\n  { interval, exchangeDuration }: { interval: number; exchangeDuration: number }\n) {\n  (spec as any).animationAppear = false;\n  (spec as any).animationUpdate = {\n    bar: [\n      {\n        type: 'update',\n        options: { excludeChannels: ['y'] },\n        easing: 'linear',\n        duration: interval\n      },\n      {\n        channel: ['y'],\n        easing: 'circInOut',\n        duration: exchangeDuration\n      }\n    ],\n    axis: {\n      duration: interval,\n      easing: 'linear'\n    }\n  };\n  (spec as any).animationEnter = {\n    bar: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ]\n  };\n  (spec as any).animationExit = {\n    bar: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction labelSpec(label: IRankingBarSpec['label'] = {}, nameLabel: IRankingBarSpec['nameLabel'] & { yField: string }) {\n  const spec: ILabelSpec[] = [];\n\n  if (label.visible !== false) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      style: {\n        // @ts-ignore\n        fill: `rgb(64, 64, 64)`,\n        ...label.style\n      },\n      smartInvert: {\n        fillStrategy: label.style?.fill ? 'null' : undefined,\n        strokeStrategy: label.style?.stroke ? 'null' : undefined\n      }\n    });\n  }\n\n  if (nameLabel.visible) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      // @ts-ignore\n      style: {\n        ...nameLabel.style\n      },\n      smartInvert: {\n        fillStrategy: nameLabel.style?.fill ? 'null' : undefined,\n        strokeStrategy: nameLabel.style?.stroke ? 'null' : undefined\n      },\n      position: nameLabel.position === 'bar-end' ? 'inside-right' : 'inside-left',\n      formatter: `{${nameLabel.yField}}`\n    });\n  }\n\n  return spec;\n}\n\nfunction axisSpec(xAxis: IRankingBarSpec['xAxis'] = {}, yAxis: IRankingBarSpec['yAxis'] = {}) {\n  const leftAxis: ICartesianAxisSpec = {\n    orient: 'left',\n    type: 'band',\n    inverse: true,\n    label: { style: yAxis.label },\n    domainLine: { style: yAxis.domainLine },\n    grid: { style: yAxis.grid }\n  } as any;\n  const bottomAxis: ICartesianAxisSpec = {\n    orient: 'bottom',\n    type: 'linear',\n    nice: false,\n    animation: true,\n    label: { style: xAxis.label },\n    domainLine: { style: xAxis.domainLine },\n    grid: { style: xAxis.grid },\n    innerOffset: { right: '10%' }\n  } as any;\n\n  if (xAxis.label) {\n    bottomAxis.label = xAxis.label;\n  }\n  return [leftAxis, bottomAxis];\n}\n\nfunction timeLabelSpec(textStyle: ITextGraphicAttribute = {}) {\n  return {\n    type: 'text',\n    dataId: 'time',\n    style: {\n      textBaseline: 'alphabetic',\n      fontSize: 200,\n      textAlign: 'end',\n      fontWeight: 600,\n      text: (datum: any) => datum.time,\n      x: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getLayoutRect()?.width;\n      },\n      y: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getAllRegions()[0]?.getLayoutRect()?.height;\n      },\n      fill: 'grey',\n      fillOpacity: 0.5,\n      ...textStyle\n    }\n  };\n}\n\nfunction iconSpec(\n  iconPosition: IRankingBarSpec['iconPosition'] = 'bar-end',\n  iconShape: IRankingBarSpec['iconShape'] = 'circle',\n  { interval, exchangeDuration }: any\n) {\n  return {\n    type: 'symbol',\n    dataId: 'timeData',\n    style: {\n      symbolType: iconShape,\n      stroke: 'white',\n      lineWidth: 1,\n      size: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return Math.max(bandwidth - 4, 0);\n        }\n        return 10;\n      },\n      background: (data: any) => data.icon,\n      // globalZIndex 有bug，会有动画闪烁和报错\n      // globalZIndex: 1, // 否则会被 region 区域 clip\n      x: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          if (iconPosition === 'bar-start') {\n            return bandwidth / 2;\n          } else if (iconPosition === 'axis') {\n            return -bandwidth / 2;\n          } else {\n            return series.dataToPositionX(data) - bandwidth / 2;\n          }\n        }\n        return undefined;\n      },\n      y: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return series.dataToPositionY(data) + bandwidth / 2;\n        }\n        return undefined;\n      },\n      scaleY: iconShape === 'rect' ? 1.2 : 1\n    },\n    animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration),\n    animationEnter: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ],\n    animationExit: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction customMarkUpdateAnimation(duration: number, exchangeDuration: number) {\n  return [\n    {\n      duration: exchangeDuration,\n      easing: 'cubicInOut',\n      channel: ['y']\n    },\n    {\n      options: { excludeChannels: ['y'] },\n      channel: ['x', 'x2', 'x1'],\n      easing: 'linear',\n      duration\n    }\n  ];\n}\n"]}

package/cjs/ranking-bar/ranking-bar.d.ts

@@ -1,5 +1,5 @@
 import { IRankingBarSpec } from './interface';
-import { BaseChart } from '@visactor/vchart';
+import VChart, { BaseChart } from '@visactor/vchart';
 import { RankingBarChartSpecTransformer } from './ranking-bar-transformer';
 export declare class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {
     type: string;
@@ -11,4 +11,6 @@ export declare class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>
     init(): void;
     protected isValid(): boolean;
 }
-export declare const registerRankingBarChart: () => void;
+export declare const registerRankingBarChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;

package/cjs/ranking-bar/ranking-bar.js

@@ -1,10 +1,35 @@
 "use strict";
 
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerRankingBarChart = exports.RankingBar = void 0;
 
-const vchart_1 = require("@visactor/vchart"), ranking_bar_transformer_1 = require("./ranking-bar-transformer");
+const vchart_1 = __importStar(require("@visactor/vchart")), ranking_bar_transformer_1 = require("./ranking-bar-transformer");
 
 class RankingBar extends vchart_1.BaseChart {
     constructor() {
@@ -25,8 +50,9 @@ class RankingBar extends vchart_1.BaseChart {
 exports.RankingBar = RankingBar, RankingBar.type = "rankingBar", RankingBar.view = "singleDefault", 
 RankingBar.transformerConstructor = ranking_bar_transformer_1.RankingBarChartSpecTransformer;
 
-const registerRankingBarChart = () => {
-    vchart_1.VChart.useChart([ RankingBar ]);
+const registerRankingBarChart = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || vchart_1.default;
+    vchartConstructor && vchartConstructor.useChart([ RankingBar ]);
 };
 
 exports.registerRankingBarChart = registerRankingBarChart;

package/cjs/ranking-bar/ranking-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ranking-bar/ranking-bar.ts"],"names":[],"mappings":";;;AACA,6CAAqD;AACrD,uEAA2E;AAE3E,MAAa,UAAW,SAAQ,kBAAyC;IAAzE;;QACE,SAAI,GAAG,YAAY,CAAC;QAOX,2BAAsB,GAAG,wDAA8B,CAAC;IAqBnE,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACpC,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,2DAA2D,CAAC,CAAC;YACpF,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA5BH,gCA6BC;AA3BQ,eAAI,GAAG,YAAY,CAAC;AACX,eAAI,GAAW,eAAe,CAAC;AAI/B,iCAAsB,GAAG,wDAA8B,CAAC;AAwBnE,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,eAAM,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAFW,QAAA,uBAAuB,2BAElC","file":"ranking-bar.js","sourcesContent":["import { IRankingBarSpec } from './interface';\nimport { BaseChart, VChart } from '@visactor/vchart';\nimport { RankingBarChartSpecTransformer } from './ranking-bar-transformer';\n\nexport class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {\n  type = 'rankingBar';\n  static type = 'rankingBar';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: IRankingBarSpec;\n\n  static readonly transformerConstructor = RankingBarChartSpecTransformer;\n  readonly transformerConstructor = RankingBarChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, timeField, data } = this._spec;\n    if (!xField || !yField || !timeField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField`, `timeField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerRankingBarChart = () => {\n  VChart.useChart([RankingBar]);\n};\n"]}
+{"version":3,"sources":["ranking-bar/ranking-bar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAqD;AACrD,uEAA2E;AAE3E,MAAa,UAAW,SAAQ,kBAAyC;IAAzE;;QACE,SAAI,GAAG,YAAY,CAAC;QAOX,2BAAsB,GAAG,wDAA8B,CAAC;IAqBnE,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACpC,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,2DAA2D,CAAC,CAAC;YACpF,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA5BH,gCA6BC;AA3BQ,eAAI,GAAG,YAAY,CAAC;AACX,eAAI,GAAW,eAAe,CAAC;AAI/B,iCAAsB,GAAG,wDAA8B,CAAC;AAwBnE,MAAM,uBAAuB,GAAG,CAAC,MAAmC,EAAE,EAAE;IAC7E,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,gBAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;KAC1C;AACH,CAAC,CAAC;AALW,QAAA,uBAAuB,2BAKlC","file":"ranking-bar.js","sourcesContent":["import { IRankingBarSpec } from './interface';\nimport VChart, { BaseChart } from '@visactor/vchart';\nimport { RankingBarChartSpecTransformer } from './ranking-bar-transformer';\n\nexport class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {\n  type = 'rankingBar';\n  static type = 'rankingBar';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: IRankingBarSpec;\n\n  static readonly transformerConstructor = RankingBarChartSpecTransformer;\n  readonly transformerConstructor = RankingBarChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, timeField, data } = this._spec;\n    if (!xField || !yField || !timeField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField`, `timeField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerRankingBarChart = (option?: { VChart?: typeof VChart }) => {\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([RankingBar]);\n  }\n};\n"]}

package/esm/ranking-bar/interface.d.ts

@@ -42,4 +42,11 @@ export interface IRankingBarSpec extends IPlayConfig {
         domainLine?: ILineGraphicAttribute;
         grid?: ILineGraphicAttribute;
     };
+    animationAppear?: boolean | any;
+    animationEnter?: boolean | any;
+    animationUpdate?: boolean | any;
+    animationExit?: boolean | any;
+    animationDisappear?: boolean | any;
+    animationNormal?: boolean | any;
+    player?: any;
 }

package/esm/ranking-bar/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n  interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n  type: string;\n  data: IRankingBarData;\n\n  timeField: string;\n  xField: string;\n  yField: string;\n\n  topN?: number;\n\n  bar?: {\n    padding?: number;\n    cornerRadius?: number;\n  };\n\n  color?: Record<string, string>;\n\n  icon?: Record<string, string>;\n\n  iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n  iconShape?: 'circle' | 'rect';\n\n  background?: string;\n\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  nameLabel?: ITextGraphicAttribute & {\n    visible?: boolean;\n    position?: 'bar-end' | 'bar-start';\n    style?: ITextGraphicAttribute;\n  };\n\n  timeLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  xAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  yAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n}\n"]}
+{"version":3,"sources":["ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n  interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n  type: string;\n  data: IRankingBarData;\n\n  timeField: string;\n  xField: string;\n  yField: string;\n\n  topN?: number;\n\n  bar?: {\n    padding?: number;\n    cornerRadius?: number;\n  };\n\n  color?: Record<string, string>;\n\n  icon?: Record<string, string>;\n\n  iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n  iconShape?: 'circle' | 'rect';\n\n  background?: string;\n\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  nameLabel?: ITextGraphicAttribute & {\n    visible?: boolean;\n    position?: 'bar-end' | 'bar-start';\n    style?: ITextGraphicAttribute;\n  };\n\n  timeLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  xAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  yAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  animationAppear?: boolean | any;\n  animationEnter?: boolean | any;\n  animationUpdate?: boolean | any;\n  animationExit?: boolean | any;\n  animationDisappear?: boolean | any;\n  animationNormal?: boolean | any;\n  player?: any;\n}\n"]}

package/esm/ranking-bar/ranking-bar-transformer.js

@@ -1,10 +1,10 @@
 import { BaseChartSpecTransformer } from "@visactor/vchart";
 
-import { isValid } from "@visactor/vutils";
+import { isValid, merge } from "@visactor/vutils";
 
 export class RankingBarChartSpecTransformer extends BaseChartSpecTransformer {
     transformSpec(spec) {
-        const {timeData: timeData, timeNodes: timeNodes} = processData(spec), {interval: userInterval, xField: xField, yField: yField, color: color, icon: icon, iconPosition: iconPosition, iconShape: iconShape, timeLabel: timeLabel, label: label, nameLabel: nameLabel, xAxis: xAxis, yAxis: yAxis} = spec, interval = userInterval || 1e3, exchangeDuration = Math.min(interval, 500);
+        const {timeData: timeData, timeNodes: timeNodes} = processData(spec), {interval: userInterval, xField: xField, yField: yField, color: color, icon: icon, iconPosition: iconPosition, iconShape: iconShape, timeLabel: timeLabel, label: label, nameLabel: nameLabel, xAxis: xAxis, yAxis: yAxis, animationAppear: animationAppear, animationDisappear: animationDisappear, animationEnter: animationEnter, animationExit: animationExit, animationNormal: animationNormal, animationUpdate: animationUpdate, player: player} = spec, interval = userInterval || 1e3, exchangeDuration = Math.min(interval, 500);
         if (spec.type = "common", spec.data = [ {
             id: "timeData",
             values: timeData.get(timeNodes[0])
@@ -29,7 +29,7 @@ export class RankingBarChartSpecTransformer extends BaseChartSpecTransformer {
             label: labelSpec(label, Object.assign(Object.assign({}, nameLabel), {
                 yField: yField
             }))
-        } ], spec.axes = axisSpec(xAxis, yAxis), spec.player = {
+        } ], spec.axes = axisSpec(xAxis, yAxis), spec.player = merge({
             type: "continuous",
             auto: !0,
             loop: !1,
@@ -45,12 +45,15 @@ export class RankingBarChartSpecTransformer extends BaseChartSpecTransformer {
                     } ]
                 } ]
             })))
-        }, spec.tooltip = {
+        }, player || {}), spec.tooltip = {
             visible: !1
         }, spec.customMark = [], transformAnimationSpec(spec, {
             interval: interval,
             exchangeDuration: exchangeDuration
-        }), timeLabel && !1 === timeLabel.visible || spec.customMark.push(timeLabelSpec(timeLabel.style)), 
+        }), !1 === animationAppear && (spec.animationAppear = animationAppear), !1 === animationDisappear && (spec.animationDisappear = animationDisappear), 
+        !1 === animationEnter && (spec.animationEnter = animationEnter), !1 === animationExit && (spec.animationExit = animationExit), 
+        !1 === animationNormal && (spec.animationNormal = animationNormal), !1 === animationUpdate && (spec.animationUpdate = animationUpdate), 
+        timeLabel && !1 === timeLabel.visible || spec.customMark.push(timeLabelSpec(timeLabel.style)), 
         icon) {
             const icon = iconSpec(iconPosition, iconShape, {
                 interval: interval,
@@ -188,18 +191,18 @@ function timeLabelSpec(textStyle = {}) {
         type: "text",
         dataId: "time",
         style: Object.assign({
-            textBaseline: "bottom",
+            textBaseline: "alphabetic",
             fontSize: 200,
             textAlign: "end",
             fontWeight: 600,
             text: datum => datum.time,
             x: (datum, ctx) => {
                 var _a;
-                return (null === (_a = ctx.vchart.getChart().getCanvasRect()) || void 0 === _a ? void 0 : _a.width) - 50;
+                return null === (_a = ctx.vchart.getChart().getLayoutRect()) || void 0 === _a ? void 0 : _a.width;
             },
             y: (datum, ctx) => {
-                var _a;
-                return (null === (_a = ctx.vchart.getChart().getCanvasRect()) || void 0 === _a ? void 0 : _a.height) - 80;
+                var _a, _b;
+                return null === (_b = null === (_a = ctx.vchart.getChart().getAllRegions()[0]) || void 0 === _a ? void 0 : _a.getLayoutRect()) || void 0 === _b ? void 0 : _b.height;
             },
             fill: "grey",
             fillOpacity: .5

package/esm/ranking-bar/ranking-bar-transformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ranking-bar/ranking-bar-transformer.ts"],"names":[],"mappings":"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","file":"ranking-bar-transformer.js","sourcesContent":["import type { IRankingBarSpec } from './interface';\nimport type { ICartesianAxisSpec, ICommonChartSpec, ILabelSpec } from '@visactor/vchart';\nimport type { ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { BaseChartSpecTransformer } from '@visactor/vchart';\nimport { isValid } from '@visactor/vutils';\n\nexport class RankingBarChartSpecTransformer<T extends ICommonChartSpec> extends BaseChartSpecTransformer<any> {\n  transformSpec(spec: T): void {\n    const { timeData, timeNodes } = processData(spec as unknown as IRankingBarSpec);\n    const {\n      interval: userInterval,\n      xField,\n      yField,\n      color,\n      icon,\n      iconPosition,\n      iconShape,\n      timeLabel,\n      label,\n      nameLabel,\n      xAxis,\n      yAxis\n    } = spec as unknown as IRankingBarSpec;\n\n    const interval = userInterval ? userInterval : 1000;\n    const exchangeDuration = Math.min(interval, 500);\n\n    spec.type = 'common';\n    spec.data = [\n      {\n        id: 'timeData',\n        values: timeData.get(timeNodes[0])\n      },\n      {\n        id: 'time',\n        values: [{ time: timeNodes[0] }]\n      }\n    ];\n\n    // @ts-ignore FIXME: type definition\n    spec.color = {\n      specified: {\n        ...color\n      }\n    };\n    spec.region = [{ clip: true }];\n    spec.series = [\n      {\n        type: 'bar',\n        id: 'ranking-bar',\n        dataId: 'timeData',\n        direction: 'horizontal',\n        yField,\n        xField,\n        seriesField: yField,\n        extensionMark: [],\n        label: labelSpec(label, { ...nameLabel, yField }) as any\n      }\n    ];\n    spec.axes = axisSpec(xAxis, yAxis);\n    spec.player = {\n      type: 'continuous',\n      auto: true,\n      loop: false,\n      interval,\n      specs: timeNodes.map(time => ({\n        data: [\n          { id: 'timeData', values: timeData.get(time) },\n          { id: 'time', values: [{ time }] }\n        ]\n      }))\n    };\n    spec.tooltip = { visible: false };\n    spec.customMark = [];\n\n    transformAnimationSpec(spec, { interval, exchangeDuration });\n\n    if (!timeLabel || timeLabel.visible !== false) {\n      spec.customMark.push(timeLabelSpec(timeLabel.style) as any);\n    }\n    if (icon) {\n      const icon = iconSpec(iconPosition, iconShape, { interval, exchangeDuration });\n      spec.series[0].extensionMark.push(icon as any);\n    }\n\n    super.transformSpec(spec);\n  }\n}\n\nexport function processData(spec: IRankingBarSpec) {\n  const { xField, yField, timeField, data, topN = 10, icon } = spec;\n\n  // 数据处理\n  const timeNodes = new Set<string>();\n  const timeData = new Map();\n\n  data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));\n\n  data.forEach(d => {\n    const time = d[timeField];\n    if (isValid(time)) {\n      timeNodes.add(time);\n    }\n    if (!timeData.has(time)) {\n      timeData.set(time, []);\n    }\n    const currentData = timeData.get(time);\n    if (currentData.length < topN) {\n      const _d = { ...d };\n      if (icon && icon[_d[yField]]) {\n        _d['icon'] = icon[_d[yField]];\n      }\n      currentData.push(_d);\n    }\n  });\n\n  return { timeData, timeNodes: Array.from(timeNodes).sort() };\n}\n\nfunction transformAnimationSpec(\n  spec: ICommonChartSpec,\n  { interval, exchangeDuration }: { interval: number; exchangeDuration: number }\n) {\n  (spec as any).animationAppear = false;\n  (spec as any).animationUpdate = {\n    bar: [\n      {\n        type: 'update',\n        options: { excludeChannels: ['y'] },\n        easing: 'linear',\n        duration: interval\n      },\n      {\n        channel: ['y'],\n        easing: 'circInOut',\n        duration: exchangeDuration\n      }\n    ],\n    axis: {\n      duration: interval,\n      easing: 'linear'\n    }\n  };\n  (spec as any).animationEnter = {\n    bar: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ]\n  };\n  (spec as any).animationExit = {\n    bar: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction labelSpec(label: IRankingBarSpec['label'] = {}, nameLabel: IRankingBarSpec['nameLabel'] & { yField: string }) {\n  const spec: ILabelSpec[] = [];\n\n  if (label.visible !== false) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      style: {\n        // @ts-ignore\n        fill: `rgb(64, 64, 64)`,\n        ...label.style\n      },\n      smartInvert: {\n        fillStrategy: label.style?.fill ? 'null' : undefined,\n        strokeStrategy: label.style?.stroke ? 'null' : undefined\n      }\n    });\n  }\n\n  if (nameLabel.visible) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      // @ts-ignore\n      style: {\n        ...nameLabel.style\n      },\n      smartInvert: {\n        fillStrategy: nameLabel.style?.fill ? 'null' : undefined,\n        strokeStrategy: nameLabel.style?.stroke ? 'null' : undefined\n      },\n      position: nameLabel.position === 'bar-end' ? 'inside-right' : 'inside-left',\n      formatter: `{${nameLabel.yField}}`\n    });\n  }\n\n  return spec;\n}\n\nfunction axisSpec(xAxis: IRankingBarSpec['xAxis'] = {}, yAxis: IRankingBarSpec['yAxis'] = {}) {\n  const leftAxis: ICartesianAxisSpec = {\n    orient: 'left',\n    type: 'band',\n    inverse: true,\n    label: { style: yAxis.label },\n    domainLine: { style: yAxis.domainLine },\n    grid: { style: yAxis.grid }\n  };\n  const bottomAxis: ICartesianAxisSpec = {\n    orient: 'bottom',\n    type: 'linear',\n    nice: false,\n    animation: true,\n    label: { style: xAxis.label },\n    domainLine: { style: xAxis.domainLine },\n    grid: { style: xAxis.grid },\n    innerOffset: { right: '10%' }\n  };\n\n  if (xAxis.label) {\n    bottomAxis.label = xAxis.label;\n  }\n  return [leftAxis, bottomAxis];\n}\n\nfunction timeLabelSpec(textStyle: ITextGraphicAttribute = {}) {\n  return {\n    type: 'text',\n    dataId: 'time',\n    style: {\n      textBaseline: 'bottom',\n      fontSize: 200,\n      textAlign: 'end',\n      fontWeight: 600,\n      text: (datum: any) => datum.time,\n      x: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getCanvasRect()?.width - 50;\n      },\n      y: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getCanvasRect()?.height - 80;\n      },\n      fill: 'grey',\n      fillOpacity: 0.5,\n      ...textStyle\n    }\n  };\n}\n\nfunction iconSpec(\n  iconPosition: IRankingBarSpec['iconPosition'] = 'bar-end',\n  iconShape: IRankingBarSpec['iconShape'] = 'circle',\n  { interval, exchangeDuration }: any\n) {\n  return {\n    type: 'symbol',\n    dataId: 'timeData',\n    style: {\n      symbolType: iconShape,\n      stroke: 'white',\n      lineWidth: 1,\n      size: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return Math.max(bandwidth - 4, 0);\n        }\n        return 10;\n      },\n      background: (data: any) => data.icon,\n      // globalZIndex 有bug，会有动画闪烁和报错\n      // globalZIndex: 1, // 否则会被 region 区域 clip\n      x: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          if (iconPosition === 'bar-start') {\n            return bandwidth / 2;\n          } else if (iconPosition === 'axis') {\n            return -bandwidth / 2;\n          } else {\n            return series.dataToPositionX(data) - bandwidth / 2;\n          }\n        }\n        return undefined;\n      },\n      y: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return series.dataToPositionY(data) + bandwidth / 2;\n        }\n        return undefined;\n      },\n      scaleY: iconShape === 'rect' ? 1.2 : 1\n    },\n    animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration),\n    animationEnter: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ],\n    animationExit: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction customMarkUpdateAnimation(duration: number, exchangeDuration: number) {\n  return [\n    {\n      duration: exchangeDuration,\n      easing: 'cubicInOut',\n      channel: ['y']\n    },\n    {\n      options: { excludeChannels: ['y'] },\n      channel: ['x', 'x2', 'x1'],\n      easing: 'linear',\n      duration\n    }\n  ];\n}\n"]}
+{"version":3,"sources":["ranking-bar/ranking-bar-transformer.ts"],"names":[],"mappings":"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","file":"ranking-bar-transformer.js","sourcesContent":["import type { IRankingBarSpec } from './interface';\nimport type { ICartesianAxisSpec, ICommonChartSpec, ILabelSpec } from '@visactor/vchart';\nimport type { ITextGraphicAttribute } from '@visactor/vrender-core';\nimport { BaseChartSpecTransformer } from '@visactor/vchart';\nimport { isValid, merge } from '@visactor/vutils';\n\nexport class RankingBarChartSpecTransformer<T extends ICommonChartSpec> extends BaseChartSpecTransformer<any> {\n  transformSpec(spec: T): void {\n    const { timeData, timeNodes } = processData(spec as unknown as IRankingBarSpec);\n    const {\n      interval: userInterval,\n      xField,\n      yField,\n      color,\n      icon,\n      iconPosition,\n      iconShape,\n      timeLabel,\n      label,\n      nameLabel,\n      xAxis,\n      yAxis,\n      animationAppear,\n      animationDisappear,\n      animationEnter,\n      animationExit,\n      animationNormal,\n      animationUpdate,\n      player\n    } = spec as unknown as IRankingBarSpec;\n\n    const interval = userInterval ? userInterval : 1000;\n    const exchangeDuration = Math.min(interval, 500);\n\n    spec.type = 'common';\n    spec.data = [\n      {\n        id: 'timeData',\n        values: timeData.get(timeNodes[0])\n      },\n      {\n        id: 'time',\n        values: [{ time: timeNodes[0] }]\n      }\n    ];\n\n    // @ts-ignore FIXME: type definition\n    spec.color = {\n      specified: {\n        ...color\n      }\n    };\n    spec.region = [{ clip: true }];\n    spec.series = [\n      {\n        type: 'bar',\n        id: 'ranking-bar',\n        dataId: 'timeData',\n        direction: 'horizontal',\n        yField,\n        xField,\n        seriesField: yField,\n        extensionMark: [],\n        label: labelSpec(label, { ...nameLabel, yField }) as any\n      }\n    ];\n    spec.axes = axisSpec(xAxis, yAxis);\n    spec.player = merge(\n      {\n        type: 'continuous',\n        auto: true,\n        loop: false,\n        interval,\n        specs: timeNodes.map(time => ({\n          data: [\n            { id: 'timeData', values: timeData.get(time) },\n            { id: 'time', values: [{ time }] }\n          ]\n        }))\n      },\n      player || {}\n    );\n    spec.tooltip = { visible: false };\n    spec.customMark = [];\n\n    transformAnimationSpec(spec, { interval, exchangeDuration });\n    // 支持外部关闭animate\n    if (animationAppear === false) {\n      (spec as any).animationAppear = animationAppear;\n    }\n    if (animationDisappear === false) {\n      (spec as any).animationDisappear = animationDisappear;\n    }\n    if (animationEnter === false) {\n      (spec as any).animationEnter = animationEnter;\n    }\n    if (animationExit === false) {\n      (spec as any).animationExit = animationExit;\n    }\n    if (animationNormal === false) {\n      (spec as any).animationNormal = animationNormal;\n    }\n    if (animationUpdate === false) {\n      (spec as any).animationUpdate = animationUpdate;\n    }\n\n    if (!timeLabel || timeLabel.visible !== false) {\n      spec.customMark.push(timeLabelSpec(timeLabel.style) as any);\n    }\n    if (icon) {\n      const icon = iconSpec(iconPosition, iconShape, { interval, exchangeDuration });\n      spec.series[0].extensionMark.push(icon as any);\n    }\n\n    super.transformSpec(spec);\n  }\n}\n\nexport function processData(spec: IRankingBarSpec) {\n  const { xField, yField, timeField, data, topN = 10, icon } = spec;\n\n  // 数据处理\n  const timeNodes = new Set<string>();\n  const timeData = new Map();\n\n  data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));\n\n  data.forEach(d => {\n    const time = d[timeField];\n    if (isValid(time)) {\n      timeNodes.add(time);\n    }\n    if (!timeData.has(time)) {\n      timeData.set(time, []);\n    }\n    const currentData = timeData.get(time);\n    if (currentData.length < topN) {\n      const _d = { ...d };\n      if (icon && icon[_d[yField]]) {\n        _d['icon'] = icon[_d[yField]];\n      }\n      currentData.push(_d);\n    }\n  });\n\n  return { timeData, timeNodes: Array.from(timeNodes).sort() };\n}\n\nfunction transformAnimationSpec(\n  spec: ICommonChartSpec,\n  { interval, exchangeDuration }: { interval: number; exchangeDuration: number }\n) {\n  (spec as any).animationAppear = false;\n  (spec as any).animationUpdate = {\n    bar: [\n      {\n        type: 'update',\n        options: { excludeChannels: ['y'] },\n        easing: 'linear',\n        duration: interval\n      },\n      {\n        channel: ['y'],\n        easing: 'circInOut',\n        duration: exchangeDuration\n      }\n    ],\n    axis: {\n      duration: interval,\n      easing: 'linear'\n    }\n  };\n  (spec as any).animationEnter = {\n    bar: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ]\n  };\n  (spec as any).animationExit = {\n    bar: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction labelSpec(label: IRankingBarSpec['label'] = {}, nameLabel: IRankingBarSpec['nameLabel'] & { yField: string }) {\n  const spec: ILabelSpec[] = [];\n\n  if (label.visible !== false) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      style: {\n        // @ts-ignore\n        fill: `rgb(64, 64, 64)`,\n        ...label.style\n      },\n      smartInvert: {\n        fillStrategy: label.style?.fill ? 'null' : undefined,\n        strokeStrategy: label.style?.stroke ? 'null' : undefined\n      }\n    });\n  }\n\n  if (nameLabel.visible) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      // @ts-ignore\n      style: {\n        ...nameLabel.style\n      },\n      smartInvert: {\n        fillStrategy: nameLabel.style?.fill ? 'null' : undefined,\n        strokeStrategy: nameLabel.style?.stroke ? 'null' : undefined\n      },\n      position: nameLabel.position === 'bar-end' ? 'inside-right' : 'inside-left',\n      formatter: `{${nameLabel.yField}}`\n    });\n  }\n\n  return spec;\n}\n\nfunction axisSpec(xAxis: IRankingBarSpec['xAxis'] = {}, yAxis: IRankingBarSpec['yAxis'] = {}) {\n  const leftAxis: ICartesianAxisSpec = {\n    orient: 'left',\n    type: 'band',\n    inverse: true,\n    label: { style: yAxis.label },\n    domainLine: { style: yAxis.domainLine },\n    grid: { style: yAxis.grid }\n  } as any;\n  const bottomAxis: ICartesianAxisSpec = {\n    orient: 'bottom',\n    type: 'linear',\n    nice: false,\n    animation: true,\n    label: { style: xAxis.label },\n    domainLine: { style: xAxis.domainLine },\n    grid: { style: xAxis.grid },\n    innerOffset: { right: '10%' }\n  } as any;\n\n  if (xAxis.label) {\n    bottomAxis.label = xAxis.label;\n  }\n  return [leftAxis, bottomAxis];\n}\n\nfunction timeLabelSpec(textStyle: ITextGraphicAttribute = {}) {\n  return {\n    type: 'text',\n    dataId: 'time',\n    style: {\n      textBaseline: 'alphabetic',\n      fontSize: 200,\n      textAlign: 'end',\n      fontWeight: 600,\n      text: (datum: any) => datum.time,\n      x: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getLayoutRect()?.width;\n      },\n      y: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getAllRegions()[0]?.getLayoutRect()?.height;\n      },\n      fill: 'grey',\n      fillOpacity: 0.5,\n      ...textStyle\n    }\n  };\n}\n\nfunction iconSpec(\n  iconPosition: IRankingBarSpec['iconPosition'] = 'bar-end',\n  iconShape: IRankingBarSpec['iconShape'] = 'circle',\n  { interval, exchangeDuration }: any\n) {\n  return {\n    type: 'symbol',\n    dataId: 'timeData',\n    style: {\n      symbolType: iconShape,\n      stroke: 'white',\n      lineWidth: 1,\n      size: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return Math.max(bandwidth - 4, 0);\n        }\n        return 10;\n      },\n      background: (data: any) => data.icon,\n      // globalZIndex 有bug，会有动画闪烁和报错\n      // globalZIndex: 1, // 否则会被 region 区域 clip\n      x: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          if (iconPosition === 'bar-start') {\n            return bandwidth / 2;\n          } else if (iconPosition === 'axis') {\n            return -bandwidth / 2;\n          } else {\n            return series.dataToPositionX(data) - bandwidth / 2;\n          }\n        }\n        return undefined;\n      },\n      y: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return series.dataToPositionY(data) + bandwidth / 2;\n        }\n        return undefined;\n      },\n      scaleY: iconShape === 'rect' ? 1.2 : 1\n    },\n    animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration),\n    animationEnter: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ],\n    animationExit: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction customMarkUpdateAnimation(duration: number, exchangeDuration: number) {\n  return [\n    {\n      duration: exchangeDuration,\n      easing: 'cubicInOut',\n      channel: ['y']\n    },\n    {\n      options: { excludeChannels: ['y'] },\n      channel: ['x', 'x2', 'x1'],\n      easing: 'linear',\n      duration\n    }\n  ];\n}\n"]}

package/esm/ranking-bar/ranking-bar.d.ts

@@ -1,5 +1,5 @@
 import { IRankingBarSpec } from './interface';
-import { BaseChart } from '@visactor/vchart';
+import VChart, { BaseChart } from '@visactor/vchart';
 import { RankingBarChartSpecTransformer } from './ranking-bar-transformer';
 export declare class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {
     type: string;
@@ -11,4 +11,6 @@ export declare class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>
     init(): void;
     protected isValid(): boolean;
 }
-export declare const registerRankingBarChart: () => void;
+export declare const registerRankingBarChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;

package/esm/ranking-bar/ranking-bar.js

@@ -1,4 +1,4 @@
-import { BaseChart, VChart } from "@visactor/vchart";
+import VChart, { BaseChart } from "@visactor/vchart";
 
 import { RankingBarChartSpecTransformer } from "./ranking-bar-transformer";
 
@@ -20,7 +20,8 @@ export class RankingBar extends BaseChart {
 
 RankingBar.type = "rankingBar", RankingBar.view = "singleDefault", RankingBar.transformerConstructor = RankingBarChartSpecTransformer;
 
-export const registerRankingBarChart = () => {
-    VChart.useChart([ RankingBar ]);
+export const registerRankingBarChart = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && vchartConstructor.useChart([ RankingBar ]);
 };
 //# sourceMappingURL=ranking-bar.js.map

package/esm/ranking-bar/ranking-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ranking-bar/ranking-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E,MAAM,OAAO,UAAW,SAAQ,SAAyC;IAAzE;;QACE,SAAI,GAAG,YAAY,CAAC;QAOX,2BAAsB,GAAG,8BAA8B,CAAC;IAqBnE,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACpC,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,2DAA2D,CAAC,CAAC;YACpF,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA1BM,eAAI,GAAG,YAAY,CAAC;AACX,eAAI,GAAW,eAAe,CAAC;AAI/B,iCAAsB,GAAG,8BAA8B,CAAC;AAwB1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC","file":"ranking-bar.js","sourcesContent":["import { IRankingBarSpec } from './interface';\nimport { BaseChart, VChart } from '@visactor/vchart';\nimport { RankingBarChartSpecTransformer } from './ranking-bar-transformer';\n\nexport class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {\n  type = 'rankingBar';\n  static type = 'rankingBar';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: IRankingBarSpec;\n\n  static readonly transformerConstructor = RankingBarChartSpecTransformer;\n  readonly transformerConstructor = RankingBarChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, timeField, data } = this._spec;\n    if (!xField || !yField || !timeField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField`, `timeField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerRankingBarChart = () => {\n  VChart.useChart([RankingBar]);\n};\n"]}
+{"version":3,"sources":["ranking-bar/ranking-bar.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E,MAAM,OAAO,UAAW,SAAQ,SAAyC;IAAzE;;QACE,SAAI,GAAG,YAAY,CAAC;QAOX,2BAAsB,GAAG,8BAA8B,CAAC;IAqBnE,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACpC,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,2DAA2D,CAAC,CAAC;YACpF,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA1BM,eAAI,GAAG,YAAY,CAAC;AACX,eAAI,GAAW,eAAe,CAAC;AAI/B,iCAAsB,GAAG,8BAA8B,CAAC;AAwB1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAmC,EAAE,EAAE;IAC7E,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;KAC1C;AACH,CAAC,CAAC","file":"ranking-bar.js","sourcesContent":["import { IRankingBarSpec } from './interface';\nimport VChart, { BaseChart } from '@visactor/vchart';\nimport { RankingBarChartSpecTransformer } from './ranking-bar-transformer';\n\nexport class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {\n  type = 'rankingBar';\n  static type = 'rankingBar';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: IRankingBarSpec;\n\n  static readonly transformerConstructor = RankingBarChartSpecTransformer;\n  readonly transformerConstructor = RankingBarChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, timeField, data } = this._spec;\n    if (!xField || !yField || !timeField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField`, `timeField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerRankingBarChart = (option?: { VChart?: typeof VChart }) => {\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([RankingBar]);\n  }\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vchart-extension",
-  "version": "0.0.2-alpha.2",
+  "version": "0.0.3-vstory.1",
   "description": "",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -19,17 +19,17 @@
     "start": "ts-node __tests__/runtime/browser/scripts/initVite.ts && vite serve __tests__/runtime/browser"
   },
   "pearDependencies": {
-    "@visactor/vchart": "1.11.11"
+    "@visactor/vchart": "^1.11.11"
   },
   "dependencies": {
-    "@visactor/vrender-core": "0.19.24",
-    "@visactor/vrender-kits": "0.19.24",
-    "@visactor/vutils": "~0.18.10"
+    "@visactor/vrender-core": "0.21.0-vstory.1",
+    "@visactor/vrender-kits": "0.21.0-vstory.1",
+    "@visactor/vutils": "~0.18.18"
   },
   "devDependencies": {
-    "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1",
+    "@internal/bundler": "workspace:*",
+    "@internal/eslint-config": "workspace:*",
+    "@internal/ts-config": "workspace:*",
     "@rushstack/eslint-patch": "~1.1.4",
     "@types/node": "*",
     "@types/offscreencanvas": "2019.6.4",
@@ -51,10 +51,11 @@
     "rollup-plugin-bundle-size": "1.0.3",
     "rollup-plugin-sizes": "1.0.5",
     "rollup": "3.20.5",
-    "@visactor/vchart": "1.11.11"
+    "@visactor/vchart": "workspace:1.12.10"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  }
-}
+  },
+  "license": "MIT"
+}