@bixi/charts - npm Package Compare versions

Comparing version 0.0.31 to 0.0.32

dist/index.d.ts

@@ -1,4 +0,8 @@
-export { default as Line } from './line';
-export { default as Bar } from './bar';
-export { default as Pie } from './pie';
+export { default as Line } from './Line';
+export { default as Bar } from './Bar';
+export { default as Pie } from './Pie';
+export { default as Funnel } from './Funnel';
+export { default as Scatter } from './Scatter';
+export { default as Progress } from './Progress';
+export { default as Radar } from './Radar';
 export * from './model';

dist/index.esm.js

@@ -1,1 +0,1 @@
-import React,{useRef,useMemo,useEffect,memo}from"react";import*as echarts from"echarts/core";import{merge,cloneDeep,isArray,omit}from"lodash-es";import{TitleComponent,TooltipComponent,ToolboxComponent,LegendComponent,GraphicComponent,GridComponent,DataZoomComponent,CalendarComponent}from"echarts/components";import{CanvasRenderer}from"echarts/renderers";import{LineChart,BarChart,PieChart}from"echarts/charts";var MapShim=function(){return"undefined"!=typeof Map?Map:(Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){e=r(this.__entries__,e),e=this.__entries__[e];return e&&e[1]},e.prototype.set=function(e,t){var n=r(this.__entries__,e);~n?this.__entries__[n][1]=t:this.__entries__.push([e,t])},e.prototype.delete=function(e){var t=this.__entries__,e=r(t,e);~e&&t.splice(e,1)},e.prototype.has=function(e){return!!~r(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(e,t){void 0===t&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var o=r[n];e.call(t,o[1],o[0])}},e);function r(e,n){var r=-1;return e.some(function(e,t){return e[0]===n&&(r=t,!0)}),r}function e(){this.__entries__=[]}}(),isBrowser="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,global$1="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),requestAnimationFrame$1="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(global$1):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)},trailingTimeout=2;function throttle(e,t){var n=!1,r=!1,o=0;function i(){n&&(n=!1,e()),r&&a()}function s(){requestAnimationFrame$1(i)}function a(){var e=Date.now();if(n){if(e-o<trailingTimeout)return;r=!0}else r=!(n=!0),setTimeout(s,t);o=e}return a}var REFRESH_DELAY=20,transitionKeys=["top","right","bottom","left","width","height","size","weight"],mutationObserverSupported="undefined"!=typeof MutationObserver,ResizeObserverController=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=throttle(this.refresh.bind(this),REFRESH_DELAY)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,e=t.indexOf(e);~e&&t.splice(e,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),0<e.length},e.prototype.connect_=function(){isBrowser&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){isBrowser&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var e=e.propertyName,t=void 0===e?"":e;transitionKeys.some(function(e){return!!~t.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),defineConfigurable=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n];Object.defineProperty(e,o,{value:t[o],enumerable:!1,writable:!1,configurable:!0})}return e},getWindowOf=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||global$1},emptyRect=createRectInit(0,0,0,0);function toFloat(e){return parseFloat(e)||0}function getBordersSize(n){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];return e.reduce(function(e,t){return e+toFloat(n["border-"+t+"-width"])},0)}function getPaddings(e){for(var t={},n=0,r=["top","right","bottom","left"];n<r.length;n++){var o=r[n],i=e["padding-"+o];t[o]=toFloat(i)}return t}function getSVGContentRect(e){e=e.getBBox();return createRectInit(0,0,e.width,e.height)}function getHTMLElementContentRect(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return emptyRect;var r=getWindowOf(e).getComputedStyle(e),o=getPaddings(r),i=o.left+o.right,s=o.top+o.bottom,a=toFloat(r.width),c=toFloat(r.height);return"border-box"===r.boxSizing&&(Math.round(a+i)!==t&&(a-=getBordersSize(r,"left","right")+i),Math.round(c+s)!==n&&(c-=getBordersSize(r,"top","bottom")+s)),isDocumentElement(e)||(t=Math.round(a+i)-t,n=Math.round(c+s)-n,1!==Math.abs(t)&&(a-=t),1!==Math.abs(n)&&(c-=n)),createRectInit(o.left,o.top,a,c)}var isSVGGraphicsElement="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof getWindowOf(e).SVGGraphicsElement}:function(e){return e instanceof getWindowOf(e).SVGElement&&"function"==typeof e.getBBox};function isDocumentElement(e){return e===getWindowOf(e).document.documentElement}function getContentRect(e){return isBrowser?(isSVGGraphicsElement(e)?getSVGContentRect:getHTMLElementContentRect)(e):emptyRect}function createReadOnlyRect(e){var t=e.x,n=e.y,r=e.width,o=e.height,e="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,e=Object.create(e.prototype);return defineConfigurable(e,{x:t,y:n,width:r,height:o,top:n,right:t+r,bottom:o+n,left:t}),e}function createRectInit(e,t,n,r){return{x:e,y:t,width:n,height:r}}var ResizeObservation=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=createRectInit(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=getContentRect(this.target);return(this.contentRect_=e).width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),ResizeObserverEntry=function(e,t){t=createReadOnlyRect(t),defineConfigurable(this,{target:e,contentRect:t})},ResizeObserverSPI=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new MapShim,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof getWindowOf(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new ResizeObservation(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof getWindowOf(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(e){e.isActive()&&t.activeObservations_.push(e)})},e.prototype.broadcastActive=function(){var e,t;this.hasActive()&&(e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new ResizeObserverEntry(e.target,e.broadcastRect())}),this.callback_.call(e,t,e),this.clearActive())},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return 0<this.activeObservations_.length},e}(),observers=new("undefined"!=typeof WeakMap?WeakMap:MapShim),ResizeObserver=function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=ResizeObserverController.getInstance(),n=new ResizeObserverSPI(t,n,this);observers.set(this,n)};["observe","unobserve","disconnect"].forEach(function(t){ResizeObserver.prototype[t]=function(){var e;return(e=observers.get(this))[t].apply(e,arguments)}});var index$3=void 0!==global$1.ResizeObserver?global$1.ResizeObserver:ResizeObserver;const DEFAULT_LIGHT_COLORS=["#399DFA","#52CCA3","#9580FF","#A8BCDF","#D4E7FC","#F49800","#7B87D7","#A1E6CE","#BFB3FF","#CFDAE9"],DEFAULT_LIGHT_TOOLTIP={trigger:"axis",textStyle:{color:"#fff"},borderWidth:0,backgroundColor:"#242733"},DEFAULT_LIGHT_VALUE_AXIS={splitLine:{show:!0,lineStyle:{color:"#F2F2F2",type:"dashed"}},axisLabel:{color:"rgba(0, 0, 0, 0.45)"}},DEFAULT_LIGHT_COORDINATE_AXIS={axisLine:{lineStyle:{color:"#E3E7EE"}},axisLabel:{color:"rgba(0, 0, 0, 0.45)"}},DEFAULT_LIGHT_LEGEND={type:"scroll",top:"bottom",icon:"circle",itemHeight:"8",textStyle:{color:"rgba(0, 0, 0, 0.45)"}},combineOption=(e,t)=>{const n=cloneDeep(e);return n?.xAxis&&(n.xAxis=combineAxis(n.xAxis)),n?.yAxis&&(n.yAxis=combineAxis(n.yAxis)),merge({tooltip:DEFAULT_LIGHT_TOOLTIP,color:DEFAULT_LIGHT_COLORS,legend:DEFAULT_LIGHT_LEGEND},n)},mergeAxis=e=>merge("value"===e.type?cloneDeep(DEFAULT_LIGHT_VALUE_AXIS):cloneDeep(DEFAULT_LIGHT_COORDINATE_AXIS),e),combineAxis=e=>{const t=isArray(e)?e:[e];return t.map(e=>mergeAxis(e))};function Chart(t){var{height:e="350px"}=t;const n=useRef(null),r=useRef(null),o=useMemo(()=>{var e=merge({...t.option},omit(t,["option","height"]));return combineOption(e)},[t]);return useEffect(()=>{if(n.current){r.current=echarts.init(n.current);const e=new index$3(()=>{r.current?.resize()});return e.observe(n.current),()=>{e.disconnect(),r.current&&r.current.dispose()}}},[n,r]),useEffect(()=>(r.current&&r.current.setOption(o,!0),()=>{r.current&&!r.current.isDisposed()&&r.current.clear()}),[o]),React.createElement(React.Fragment,null,React.createElement("div",{ref:n,className:"bixi-chart-container",style:{height:e}}))}echarts.use([TitleComponent,TooltipComponent,CanvasRenderer,ToolboxComponent,LegendComponent,GraphicComponent]),echarts.use([GridComponent,DataZoomComponent,LineChart]);var index$2=memo(function(e){return React.createElement(Chart,{...e})});echarts.use([GridComponent,DataZoomComponent,BarChart]);var index$1=memo(function(e){return React.createElement(Chart,{...e})});echarts.use([PieChart,CalendarComponent]);var index=memo(function(e){return React.createElement(Chart,{...e})});export{index$1 as Bar,index$2 as Line,index as Pie};
+import React,{useRef,useMemo,useEffect,memo}from"react";import*as echarts from"echarts/core";import{merge,castArray,cloneDeep,isArray,omit}from"lodash-es";import{TitleComponent,TooltipComponent,ToolboxComponent,LegendComponent,GraphicComponent,GridComponent,DataZoomComponent,CalendarComponent}from"echarts/components";import{CanvasRenderer}from"echarts/renderers";import{LineChart,BarChart,PieChart,FunnelChart,ScatterChart,RadarChart}from"echarts/charts";var MapShim=function(){return"undefined"!=typeof Map?Map:(Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){e=r(this.__entries__,e),e=this.__entries__[e];return e&&e[1]},e.prototype.set=function(e,t){var n=r(this.__entries__,e);~n?this.__entries__[n][1]=t:this.__entries__.push([e,t])},e.prototype.delete=function(e){var t=this.__entries__,e=r(t,e);~e&&t.splice(e,1)},e.prototype.has=function(e){return!!~r(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(e,t){void 0===t&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var o=r[n];e.call(t,o[1],o[0])}},e);function r(e,n){var r=-1;return e.some(function(e,t){return e[0]===n&&(r=t,!0)}),r}function e(){this.__entries__=[]}}(),isBrowser="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,global$1="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),requestAnimationFrame$1="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(global$1):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)},trailingTimeout=2;function throttle(e,t){var n=!1,r=!1,o=0;function i(){n&&(n=!1,e()),r&&a()}function s(){requestAnimationFrame$1(i)}function a(){var e=Date.now();if(n){if(e-o<trailingTimeout)return;r=!0}else r=!(n=!0),setTimeout(s,t);o=e}return a}var REFRESH_DELAY=20,transitionKeys=["top","right","bottom","left","width","height","size","weight"],mutationObserverSupported="undefined"!=typeof MutationObserver,ResizeObserverController=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=throttle(this.refresh.bind(this),REFRESH_DELAY)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,e=t.indexOf(e);~e&&t.splice(e,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),0<e.length},e.prototype.connect_=function(){isBrowser&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){isBrowser&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var e=e.propertyName,t=void 0===e?"":e;transitionKeys.some(function(e){return!!~t.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),defineConfigurable=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n];Object.defineProperty(e,o,{value:t[o],enumerable:!1,writable:!1,configurable:!0})}return e},getWindowOf=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||global$1},emptyRect=createRectInit(0,0,0,0);function toFloat(e){return parseFloat(e)||0}function getBordersSize(n){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];return e.reduce(function(e,t){return e+toFloat(n["border-"+t+"-width"])},0)}function getPaddings(e){for(var t={},n=0,r=["top","right","bottom","left"];n<r.length;n++){var o=r[n],i=e["padding-"+o];t[o]=toFloat(i)}return t}function getSVGContentRect(e){e=e.getBBox();return createRectInit(0,0,e.width,e.height)}function getHTMLElementContentRect(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return emptyRect;var r=getWindowOf(e).getComputedStyle(e),o=getPaddings(r),i=o.left+o.right,s=o.top+o.bottom,a=toFloat(r.width),c=toFloat(r.height);return"border-box"===r.boxSizing&&(Math.round(a+i)!==t&&(a-=getBordersSize(r,"left","right")+i),Math.round(c+s)!==n&&(c-=getBordersSize(r,"top","bottom")+s)),isDocumentElement(e)||(t=Math.round(a+i)-t,n=Math.round(c+s)-n,1!==Math.abs(t)&&(a-=t),1!==Math.abs(n)&&(c-=n)),createRectInit(o.left,o.top,a,c)}var isSVGGraphicsElement="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof getWindowOf(e).SVGGraphicsElement}:function(e){return e instanceof getWindowOf(e).SVGElement&&"function"==typeof e.getBBox};function isDocumentElement(e){return e===getWindowOf(e).document.documentElement}function getContentRect(e){return isBrowser?(isSVGGraphicsElement(e)?getSVGContentRect:getHTMLElementContentRect)(e):emptyRect}function createReadOnlyRect(e){var t=e.x,n=e.y,r=e.width,o=e.height,e="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,e=Object.create(e.prototype);return defineConfigurable(e,{x:t,y:n,width:r,height:o,top:n,right:t+r,bottom:o+n,left:t}),e}function createRectInit(e,t,n,r){return{x:e,y:t,width:n,height:r}}var ResizeObservation=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=createRectInit(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=getContentRect(this.target);return(this.contentRect_=e).width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),ResizeObserverEntry=function(e,t){t=createReadOnlyRect(t),defineConfigurable(this,{target:e,contentRect:t})},ResizeObserverSPI=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new MapShim,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof getWindowOf(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new ResizeObservation(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof getWindowOf(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(e){e.isActive()&&t.activeObservations_.push(e)})},e.prototype.broadcastActive=function(){var e,t;this.hasActive()&&(e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new ResizeObserverEntry(e.target,e.broadcastRect())}),this.callback_.call(e,t,e),this.clearActive())},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return 0<this.activeObservations_.length},e}(),observers=new("undefined"!=typeof WeakMap?WeakMap:MapShim),ResizeObserver=function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=ResizeObserverController.getInstance(),n=new ResizeObserverSPI(t,n,this);observers.set(this,n)};["observe","unobserve","disconnect"].forEach(function(t){ResizeObserver.prototype[t]=function(){var e;return(e=observers.get(this))[t].apply(e,arguments)}});var index$7=void 0!==global$1.ResizeObserver?global$1.ResizeObserver:ResizeObserver;const DEFAULT_LIGHT_COLORS=["#399DFA","#52CCA3","#9580FF","#A8BCDF","#D4E7FC","#F49800","#7B87D7","#A1E6CE","#BFB3FF","#CFDAE9"],DEFAULT_LIGHT_TOOLTIP={trigger:"axis",textStyle:{color:"#fff"},borderWidth:0,backgroundColor:"#242733"},DEFAULT_LIGHT_VALUE_AXIS={splitLine:{show:!0,lineStyle:{color:"#F2F2F2",type:"dashed"}},axisLabel:{color:"rgba(0, 0, 0, 0.45)"}},DEFAULT_LIGHT_COORDINATE_AXIS={axisLine:{lineStyle:{color:"#E3E7EE"}},axisLabel:{color:"rgba(0, 0, 0, 0.45)"}},DEFAULT_LIGHT_LEGEND={type:"scroll",top:"bottom",icon:"circle",itemHeight:"8",textStyle:{color:"rgba(0, 0, 0, 0.45)"}},combineOption=(e,t)=>{const n=cloneDeep(e);return n?.xAxis&&(n.xAxis=combineAxis(n.xAxis)),n?.yAxis&&(n.yAxis=combineAxis(n.yAxis)),merge({tooltip:cloneDeep(DEFAULT_LIGHT_TOOLTIP),color:cloneDeep(DEFAULT_LIGHT_COLORS),legend:cloneDeep(DEFAULT_LIGHT_LEGEND)},n)},mergeAxis=e=>merge("value"===e.type?cloneDeep(DEFAULT_LIGHT_VALUE_AXIS):cloneDeep(DEFAULT_LIGHT_COORDINATE_AXIS),e),combineAxis=e=>{const t=isArray(e)?e:[e];return t.map(e=>mergeAxis(e))},pickSeries=e=>{e=cloneDeep(e);return merge(castArray(e.option?.series),castArray(e.series))};function Chart(t){var{height:e="350px"}=t;const n=useRef(null),r=useRef(null),o=useMemo(()=>{var e=merge({...t.option||{}},omit(t,["option","height"]));return combineOption(e)},[t]);return useEffect(()=>{if(n.current){r.current=echarts.init(n.current);const e=new index$7(()=>{r.current?.resize()});return e.observe(n.current),()=>{e.disconnect(),r.current&&r.current.dispose()}}},[n,r]),useEffect(()=>(r.current&&r.current.setOption(o,!0),()=>{r.current&&!r.current.isDisposed()&&r.current.clear()}),[o]),React.createElement(React.Fragment,null,React.createElement("div",{ref:n,className:"bixi-chart-container",style:{height:e}}))}echarts.use([TitleComponent,TooltipComponent,CanvasRenderer,ToolboxComponent,LegendComponent,GraphicComponent]),echarts.use([GridComponent,DataZoomComponent,LineChart]);const areaStyle={shadowColor:"rgba(57, 157, 250, 0.08)",shadowBlur:10,shadowOffsetY:10,shadowOffsetX:10,opacity:.1},lineStyle={width:3,shadowColor:"rgba(57, 157, 250, 0.1)",shadowBlur:12,shadowOffsetY:6},smooth=!0,showSymbol=!1,type$5="line";var index$6=memo(function(e){const t=pickSeries(e);var n=t?.map(e=>({type:type$5,smooth:smooth,showSymbol:showSymbol,areaStyle:areaStyle,lineStyle:lineStyle,...e}));return React.createElement(Chart,{...e,series:n})});echarts.use([GridComponent,DataZoomComponent,BarChart]);const type$4="bar";var index$5=memo(function(e){const t=pickSeries(e);var n=t?.map(e=>({type:type$4,...e}));return React.createElement(Chart,{...e,series:n})});echarts.use([PieChart,CalendarComponent]);const type$3="pie",tooltip$1={trigger:"item"},label={show:!1},labelLine={show:!1};var index$4=memo(function(e){const t=pickSeries(e);var n=t?.map(e=>({type:type$3,label:label,labelLine:labelLine,...e}));return React.createElement(Chart,{...e,series:n,tooltip:tooltip$1})});echarts.use([GridComponent,DataZoomComponent,FunnelChart]);const type$2="funnel",sort="descending",tooltip={trigger:"item",formatter:"{b} : {c}%"};var index$3=memo(function(e){const t=pickSeries(e);var n=t?.map(e=>({type:type$2,sort:sort,...e}));return React.createElement(Chart,{...e,series:n,tooltip:tooltip})});echarts.use([GridComponent,DataZoomComponent,ScatterChart]);const type$1="scatter";var index$2=memo(function(e){const t=pickSeries(e);var n=t?.map(e=>({type:type$1,...e}));return React.createElement(Chart,{...e,series:n})});echarts.use([GridComponent,DataZoomComponent,PieChart]);var index$1=memo(function(e){return React.createElement(Chart,{...e})});echarts.use([GridComponent,DataZoomComponent,RadarChart]);const type="radar";var index=memo(function(e){const t=pickSeries(e);var n=t?.map(e=>({type:type,...e}));return React.createElement(Chart,{...e,series:n})});export{index$5 as Bar,index$3 as Funnel,index$6 as Line,index$4 as Pie,index$1 as Progress,index as Radar,index$2 as Scatter};

dist/line/index.d.ts

 import React from 'react';
 import { ILineProps } from '../model';
-declare const _default: React.NamedExoticComponent<ILineProps>;
+declare const _default: React.NamedExoticComponent<Partial<ILineProps>>;
 export default _default;

dist/model.d.ts

 import * as echarts from 'echarts/core';
-import { LineSeriesOption, BarSeriesOption, PieSeriesOption } from 'echarts/charts';
+import { LineSeriesOption, BarSeriesOption, PieSeriesOption, FunnelSeriesOption, ScatterSeriesOption, RadarSeriesOption } from 'echarts/charts';
 import { ToolboxComponentOption, TitleComponentOption, TooltipComponentOption, DataZoomComponentOption, LegendComponentOption, CalendarComponentOption, GridComponentOption, GraphicComponentOption } from 'echarts/components';
-import { SeriesOption, XAXisOption, YAXisOption } from 'echarts/types/dist/shared';
+import { SeriesOption, XAXisOption, YAXisOption, RadarOption } from 'echarts/types/dist/shared';
 export declare type EBaseOption = TitleComponentOption | ToolboxComponentOption | TooltipComponentOption | GraphicComponentOption | LegendComponentOption;
 export interface IBaseProps<O> {
+    /**
+     * @description      数据集合
+     * @default
+     */
+    option?: O;
+    /**
+     * @description      图表工具栏
+     * @default
+     */
     toolbox?: ToolboxComponentOption;
+    /**
+     * @description      图表 title
+     * @default
+     */
     title?: TitleComponentOption;
+    /**
+     * @description      提示框组件
+     * @default
+     */
     tooltip?: TooltipComponentOption;
+    /**
+     * @description      图例组件
+     * @default
+     */
     legend?: LegendComponentOption;
-    option?: O;
+    /**
+     * @description      图表高度
+     * @default          auto
+     */
     height?: string;
+    /**
+     * @description      调色盘
+     * @default
+     */
     color?: string[];
-    series?: SeriesOption[];
+    /**
+     * @description      图表配置项和数据
+     * @default
+     */
+    series?: SeriesOption[] | SeriesOption;
 }
@@ -19,17 +51,51 @@ export declare type ELineOption = echarts.ComposeOption<LineSeriesOption | GridComponentOption | DataZoomComponentOption | EBaseOption>;
 export declare type EPieOption = echarts.ComposeOption<PieSeriesOption | CalendarComponentOption | EBaseOption>;
+export declare type EFunnelOption = echarts.ComposeOption<FunnelSeriesOption | GridComponentOption | DataZoomComponentOption | EBaseOption>;
+export declare type EScatterOption = echarts.ComposeOption<ScatterSeriesOption | GridComponentOption | DataZoomComponentOption | EBaseOption>;
+export declare type EProgressOption = echarts.ComposeOption<PieSeriesOption | GridComponentOption | DataZoomComponentOption | EBaseOption>;
+export declare type ERadarOption = echarts.ComposeOption<RadarSeriesOption | GridComponentOption | DataZoomComponentOption | RadarOption | EBaseOption>;
 export interface ILineProps extends IBaseProps<ELineOption> {
+    /**
+     * @description      直角坐标系 grid 中的 x 轴
+     * @default
+     */
     xAxis?: XAXisOption | XAXisOption[];
+    /**
+     * @description      直角坐标系 grid 中的 y 轴
+     * @default
+     */
     yAxis?: YAXisOption | YAXisOption[];
-    dataZoom?: DataZoomComponentOption;
 }
 export interface IBarProps extends IBaseProps<EBarOption> {
+    /**
+     * @description      直角坐标系 grid 中的 x 轴
+     * @default
+     */
     xAxis?: XAXisOption | XAXisOption[];
+    /**
+     * @description      直角坐标系 grid 中的 y 轴
+     * @default
+     */
     yAxis?: YAXisOption | YAXisOption[];
-    dataZoom?: DataZoomComponentOption;
 }
 export interface IPieProps extends IBaseProps<EPieOption> {
-    calendar?: CalendarComponentOption;
 }
+export interface IFunnelProps extends IBaseProps<EFunnelOption> {
+}
+export interface IScatterProps extends IBaseProps<EScatterOption> {
+    /**
+     * @description      直角坐标系 grid 中的 x 轴
+     * @default
+     */
+    xAxis?: XAXisOption | XAXisOption[];
+    /**
+     * @description      直角坐标系 grid 中的 y 轴
+     * @default
+     */
+    yAxis?: YAXisOption | YAXisOption[];
+}
+export interface IProgressProps extends IBaseProps<EProgressOption> {
+}
+export declare type IRadarProps = IBaseProps<ERadarOption>;
 export declare type IAxis = XAXisOption | YAXisOption;
-export declare type IBaseChartProps = ILineProps | IBarProps | IPieProps;
-export declare type EBaseChartOption = ELineOption | EBarOption | EPieOption;
+export declare type IBaseChartProps = ILineProps | IBarProps | IPieProps | IScatterProps | IFunnelProps | IProgressProps | IRadarProps;
+export declare type EBaseChartOption = ELineOption | EBarOption | EPieOption | EScatterOption | EFunnelOption | EProgressOption | ERadarOption;

dist/utils.d.ts

@@ -1,2 +0,2 @@
-import { EBaseChartOption, IAxis } from './model';
+import { EBaseChartOption, IAxis, IBaseChartProps } from './model';
 export declare const DEFAULT_LIGHT_COLORS: string[];
@@ -104,1 +104,2 @@ export declare const DEFAULT_LIGHT_TOOLTIP: {
 }) & IAxis)[];
+export declare const pickSeries: (props: IBaseChartProps) => any[];

package.json

 {
   "name": "@bixi/charts",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "React Chart",
@@ -30,3 +30,3 @@ "main": "dist/index.esm.js",
   },
-  "gitHead": "2aa390330077a7109d4c8814e8d3a10502c35304"
+  "gitHead": "7289d8c7486d48d7158f1ba0d002451ccc5d5a62"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

23071

increased by31.24%

Number of package files

30

increased by100%

Lines of code

329

increased by55.92%

No dependency changes