@visactor/vchart-aurora-theme 1.12.3-alpha.4 → 1.12.3-alpha.7

package/build/index.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["vchart-semi-theme"]={})}(this,(function(e){"use strict";const t=["#1443FF","#33CCB2","#FFD500","#FFAA33","#FF7733","#F65656","#E93DBD","#9933FF","#5533FF","#A3ABC2"],l={100:"#000",95:"#0D0D0D",85:"#262626",65:"#595959",45:"#8C8C8C",25:"#BFBFBF",15:"#D9D9D9",6:"#F0F0F0"},i={100:"#FFFFFF",95:"#F2F2F2",85:"#D9D9D9",65:"#A6A6A6",45:"#737373",25:"#404040",15:"#262626",6:"#0F0F0F"},o={};for(const e in l)o[`blackColors${e}`]=l[e];const s={};for(const e in i)s[`whiteColors${e}`]=i[e];const a={default:{dataScheme:t,palette:Object.assign(Object.assign({bandColor:t[0],backgroundColor:"transparent",axisDomainColor:"#DCDEE1",axisLabelFontColor:"#909199",axisGridColor:"#E1E2E5"},o),s)}},n={axisRadius:{domainLine:{},grid:{smooth:!1,visible:!0},subGrid:{smooth:!1}},axisAngle:{grid:{visible:!0,smooth:!1},label:{space:4}}},r={handlerText:{space:10,style:{fontSize:12,fill:"#2C3542"}},title:{space:5,style:{fontSize:12,fill:"#2C3542"}}},y={discreteLegend:{visible:!0,orient:"top",padding:[8,8,8,8],maxRow:1,title:{visible:!1,textStyle:{fill:{type:"palette",key:"blackColors45"},fontSize:12,lineHeight:21}},item:{visible:!0,spaceCol:24,spaceRow:12,padding:0,background:{visible:!1},shape:{space:4,style:{size:8,symbolType:"circle"},state:{unSelected:{fill:"#D8D8D8"}}},label:{space:100,style:{fill:"#85878A",fontSize:12,lineHeight:12,opacity:1,fontWeight:400},state:{unSelected:{fill:"#D8D8D8",opacity:1}}}},pager:{handler:{space:8,style:{size:10,fill:{type:"palette",key:"blackColors100"}}},textStyle:{fill:{type:"palette",key:"blackColors45"},fontSize:10}},allowAllCanceled:!1},colorLegend:{horizontal:Object.assign(Object.assign({},r),{handler:{style:{symbolType:"rectRound",size:16,scaleX:.5,fill:"#fff",lineWidth:1,stroke:"#99B0F3",radius:2,outerBorder:null}},rail:{height:4,width:100,style:{fill:"#DCDEE2"}}}),vertical:Object.assign(Object.assign({},r),{handler:{style:{symbolType:"rectRound",size:16,scaleY:.5,fill:"#fff",lineWidth:1,stroke:"#99B0F3",radius:2,outerBorder:null}},rail:{width:4,height:100,style:{fill:"#DCDEE2"}}})}},p={fontFamily:'"PingFang SC", "-apple-system", "Segoe UI", "Helvetica Neue", Arial,\n    Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',fontSize:12},d={bar:{barMaxWidth:8,barGapInGroup:4,label:{style:{fill:{type:"palette",key:"secondaryFontColor"}}}},bar_horizontal:{stackCornerRadius:[0,1,1,0],label:{position:"right",offset:4}},bar_vertical:{stackCornerRadius:[1,1,0,0],label:{position:"top",offset:4}}},c={middleHandler:{visible:!1},startHandler:{style:{size:22}},selectedBackground:{style:{fill:"#6699FF",fillOpacity:.2,opacity:1,stroke:"#6699FF",lineWidth:2,cornerRadius:4}},background:{style:{fill:"#F3F4F6",fillOpacity:.2,cornerRadius:4,stroke:"#EDEEF0",opacity:1,lineWidth:2}},endHandler:{style:{size:22}},backgroundChart:{area:{style:{fill:!1,stroke:"#6699FF"}},line:{style:{fill:!1,stroke:"#6699FF"}}},startText:{visible:!1},endText:{visible:!1}},b={horizontal:Object.assign(Object.assign({},c),{height:44}),vertical:Object.assign(Object.assign({},c),{width:44})},f={name:"aurora",type:"light",description:"light theme for ChartHub.",colorScheme:a,token:p,component:Object.assign(Object.assign(Object.assign(Object.assign({},{axis:{domainLine:{visible:!0,style:{lineWidth:1,stroke:{type:"palette",key:"axisDomainColor"}}},grid:{visible:!0,style:{lineWidth:1,stroke:{type:"palette",key:"axisGridColor"},lineDash:[4,4]}},subGrid:{visible:!1,style:{lineWidth:1,stroke:{type:"palette",key:"axisGridColor"},lineDash:[4,4]}},tick:{visible:!0,style:{lineWidth:1,stroke:{type:"palette",key:"blackColors25"}}},subTick:{visible:!1,tickSize:2,style:{lineWidth:1,stroke:{type:"palette",key:"blackColors15"}}},label:{visible:!0,space:8,style:{fontSize:12,fill:{type:"palette",key:"blackColors45"},fontWeight:400,fillOpacity:1}},title:{visible:!1,style:{fill:{type:"palette",key:"blackColors65"},fontSize:12,lineHeight:12}}}}),y),n),{tooltip:{offset:{x:16,y:16},panel:{padding:{top:12,left:12,right:12,bottom:12},backgroundColor:{type:"palette",key:"popupBackgroundColor"},border:{color:{type:"palette",key:"popupBackgroundColor"},width:0,radius:3},shadow:{x:0,y:0,blur:10,spread:0,color:"#aeaeae"}},spaceRow:12,titleLabel:{fontSize:12,lineHeight:12,fontColor:"#1D1D2E",fontWeight:"500",textAlign:"left",textBaseline:"middle",spacing:0},shape:{size:8,spacing:8},keyLabel:{fontSize:12,lineHeight:12,fontColor:{type:"palette",key:"blackColors65"},textAlign:"left",textBaseline:"middle",spacing:12},valueLabel:{fontSize:12,lineHeight:12,fontColor:{type:"palette",key:"blackColors65"},fontWeight:"normal",textBaseline:"middle",spacing:0}},crosshair:{trigger:"hover",bandField:{line:{type:"rect",visible:!0,style:{fill:"#CCD7EB",fillOpacity:.4,lineDash:[]}},label:{visible:!1}},linearField:{visible:!1,line:{type:"line",style:{stroke:"#CCD7EB",lineWidth:.4,lineDash:[]}},label:{visible:!1}}},indicator:{title:{visible:!0,style:{fill:"#12141A",fontWeight:500,fontSize:16}},content:{visible:!0,style:{fill:"#85878A",fontWeight:400,fontSize:12}}},markLine:{line:{style:{lineDash:[],lineWidth:1,stroke:{type:"palette",key:"blackColors25"}}},startSymbol:{visible:!1},endSymbol:{visible:!1},label:{position:"insideStartTop",refY:0,autoRotate:!0,style:{fontSize:{type:"token",key:"l5FontSize"},fill:{type:"palette",key:"blackColors65"}},labelBackground:{visible:!1}}},markArea:{area:{style:{fill:{type:"palette",key:"blackColors100",a:.06}}},label:{style:{fontSize:{type:"token",key:"l5FontSize"},fill:{type:"palette",key:"blackColors65"}},labelBackground:{visible:!1}}},markPoint:{itemContent:{autoRotate:!1,offsetY:-16,text:{style:{fontSize:{type:"token",key:"l5FontSize"},fill:{type:"palette",key:"blackColors65"}}}},itemLine:{decorativeLine:{visible:!1},startSymbol:{visible:!0,size:6,style:{fill:"#fff",stroke:{type:"palette",key:"bandColor"},lineWidth:2}},endSymbol:{visible:!1},line:{style:{lineWidth:1,stroke:{type:"palette",key:"blackColors25"}}}}},dataZoom:b,scrollBar:{horizontal:{height:12,slider:{style:{fill:"rgba(0,0,0,0.15)"}}},vertical:{width:12,slider:{style:{fill:"rgba(0,0,0,0.15)"}}}}}),series:Object.assign(Object.assign(Object.assign(Object.assign({},{area:{point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:{type:"palette",key:"whiteColors100"}}},line:{style:{curveType:"monotone",lineWidth:2}},area:{style:{fillOpacity:.25,lineWidth:2},state:{selected:{fillOpacity:.5}}}}}),d),{circularProgress:{progress:{style:{cornerRadius:100}},track:{interactive:!1,style:{cornerRadius:100,fill:"#DCDEE1",fillOpacity:1}}},gaugePointer:{pin:{visible:!1},pinBackground:{visible:!1},pointer:{visible:!1}}}),{line:{line:{style:{lineWidth:2,curveType:"monotone"}},point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:{type:"palette",key:"whiteColors100"}}},label:{position:"top",offset:4}},scatter:{point:{style:{symbolType:"circle",fillOpacity:.35,lineWidth:1,size:8,stroke:null}},label:{position:"top"}},pie:{outerRadius:.8,innerRadius:.54,pie:{style:{padAngle:0,stroke:"#fff",lineWidth:2},state:{hover:{lineWidth:0},selected:{lineWidth:0}}},label:{visible:!0,position:"outside",style:{fill:null}}},funnel:{funnel:{state:{selected:{fill:"#1966FF",stroke:"#3958E0",strokeOpacity:.2,lineWidth:4}}},outerLabel:{style:{fontSize:12},line:{style:{lineWidth:2}}},label:{style:{fill:{type:"palette",key:"whiteColors100"},fontSize:12}}},treemap:{gapWidth:0,leaf:{style:{lineWidth:2,stroke:{type:"palette",key:"whiteColors100"}},state:{hover:{fillOpacity:.8,lineWidth:0}}},label:{style:{fill:{type:"palette",key:"whiteColors100"}}}},heatmap:{cell:{style:{stroke:{type:"palette",key:"whiteColors100"},lineWidth:1},state:{hover:{zIndex:100,stroke:"#000"}}},label:{position:"inside",style:{fill:{type:"palette",key:"whiteColors100"},fontSize:12}}},radar:{line:{style:{lineWidth:1}},point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:{type:"palette",key:"whiteColors100"}}},area:{visible:!0},label:{position:"top",offset:4}}}),markByName:{label:{style:{fontSize:12,fill:{type:"palette",key:"blackColors65"},lineWidth:0}}}},h=new Map([[f.name,f]]);e.allThemeMap=h,e.chartAuroraTheme=f}));
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self)["vchart-aurora-theme"]={})}(this,(function(e){"use strict";const i=["#3377FF","#1FE7F9","#53F3B3","#FFCD50","#ADB8D6","#867AFF","#FAA64D","#FF8082","#B46FF4"],t={discreteLegend:{visible:!0,orient:"top",position:"middle",maxRow:1,title:{visible:!1},item:{visible:!0,background:{visible:!1},shape:{style:{size:[8,2],symbolType:"rect"}}},allowAllCanceled:!1}},o={bandField:{line:{type:"line",width:1,style:{lineWidth:1,stroke:"#DCDEE1",lineDash:[2,2]}}}},F={bar:{barMaxWidth:16,barGapInGroup:2,bar:{style:{visible:e=>e.value>0}}},bar_horizontal:{stackCornerRadius:[0,2,2,0],label:{position:"right",offset:4}},bar_vertical:{stackCornerRadius:[2,2,0,0],label:{position:"top",offset:4}}},l={outerRadius:.8,innerRadius:0,pie:{style:{padAngle:0,stroke:"#fff",lineWidth:2,lineJoin:"round",cornerRadius:2,visible:e=>e.value>0},state:{hover:{outerRadius:.85,lineWidth:2},selected:{outerRadius:.85,lineWidth:2}}},minAngle:3,label:{visible:!0,position:"outside",formatMethod:(e,i)=>{const t=i.__VCHART_ARC_MIDDLE_ANGLE,o=Math.cos(t);return{type:"rich",text:[{text:`${null==i?void 0:i.value}\n`,fill:"#111",fontSize:16,fontWeight:"500",fontFamily:"douyinNumber",stroke:!1,textAlign:o<0?"right":"left"},{text:null==i?void 0:i.type,fill:"#606165",fontSize:12,fontWeight:"400",stroke:!1,textAlign:o<0?"right":"left"}]}},line:{style:{lineWidth:2}},layout:{align:"labelLine"},style:{type:"rich",boundsPadding:[6,0,6,0]}}},s={name:"aurora",type:"light",description:"light theme for Aurora.",colorScheme:{default:{dataScheme:i,palette:{bandColor:i[0],backgroundColor:"transparent",primaryFontColor:"#17171A",secondaryFontColor:"#5E5F66",tertiaryFontColor:"#888888",axisDomainColor:"#DCDEE1",axisLabelFontColor:"#888888",axisGridColor:"#EFF0F2",popupBackgroundColor:"#ffffff"}}},component:Object.assign(Object.assign({},{discreteLegend:{visible:!0,orient:"top",position:"middle",maxRow:1,title:{visible:!1},item:{visible:!0,background:{visible:!1},shape:{style:{symbolType:"circle"}}},allowAllCanceled:!1}}),{tooltip:{panel:{border:{radius:8}},shape:{shapeType:"circle",size:8}}}),chart:{line:{component:Object.assign({crosshair:o},t)},area:{component:Object.assign({crosshair:o},t)},bar:{component:{crosshair:{xField:{line:{type:"rect",style:{fill:{gradient:"linear",x0:0,y0:0,x1:0,y1:1,stops:[{offset:0,color:"rgba(51, 119, 255, 0.1)"},{offset:1,color:"rgba(118, 164, 255, 0.1)"}]}}}}}},colorScheme:{default:{dataScheme:["#3377FF","#1FE7F9","#FFCD50","#53F3B3","#ADB8D6","#867AFF","#FAA64D","#FF8082","#B46FF4"]}}}},series:Object.assign(Object.assign(Object.assign({pie:l},F),{area:{seriesMark:"line",point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}},line:{style:{curveType:"monotone",lineWidth:2}},area:{style:{fill:{gradient:"linear",x0:0,y0:0,x1:0,y1:1,stops:[{offset:0,opacity:.7},{offset:1,opacity:0}]}}}}}),{line:{line:{style:{lineWidth:2,curveType:"monotone"}},point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}}}})},n=new Map([[s.name,s]]);e.allThemeMap=n,e.chartAuroraTheme=s,e.colorList=i,e.nestColorList=[["#3377FF","#5587FD","#76A4FF","#A0C0FF","#BFD4FF","#E5EEFF"],["#1FE7F9","#71F1FF","#A2F5FF","#BCF8FF","#D2FAFF","#E5FDFF"],["#53F3B3","#6BFFC4","#9FFFD9","#C1FFE6","#DCFFF1","#EBFFF7"],["#FFCD50","#FFD971","#FFE395","#FFEBB2","#FEF2D1","#FFF8E8"],["#ADB8D6","#BEC8E4","#CBD3ED","#D9E0F5","#E7ECFB","#F2F5FF"],["#867AFF","#9A8DFF","#ACA1FF","#C4BCFF","#DBD6FF","#EDEBFF"],["#FAA64D","#FFB96F","#FECB94","#FFD8AD","#FFE5C9","#FFF4E9"],["#FF8082","#FF99A0","#FFBBBF","#FFD4D7","#FFE8EA","#FFF7F8"],["#B46FF4","#BF80FF","#D1A4FD","#E0C1FF","#EDDAFF","#F5ECFF"]]}));

package/cjs/common/color-scheme.d.ts

@@ -1,2 +1,5 @@
 import type { IThemeColorScheme } from '@visactor/vchart';
+export declare const colorList: string[];
+export declare const barColorList: string[];
+export declare const nestColorList: string[][];
 export declare const colorScheme: IThemeColorScheme;

package/cjs/common/color-scheme.js

@@ -2,44 +2,24 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.colorScheme = void 0;
-
-const defaultColor = [ "#1443FF", "#33CCB2", "#FFD500", "#FFAA33", "#FF7733", "#F65656", "#E93DBD", "#9933FF", "#5533FF", "#A3ABC2" ], BLACK_COLORS = {
-    100: "#000",
-    95: "#0D0D0D",
-    85: "#262626",
-    65: "#595959",
-    45: "#8C8C8C",
-    25: "#BFBFBF",
-    15: "#D9D9D9",
-    6: "#F0F0F0"
-}, WHITE_COLORS = {
-    100: "#FFFFFF",
-    95: "#F2F2F2",
-    85: "#D9D9D9",
-    65: "#A6A6A6",
-    45: "#737373",
-    25: "#404040",
-    15: "#262626",
-    6: "#0F0F0F"
-}, blackColorPalettes = {};
-
-for (const key in BLACK_COLORS) blackColorPalettes[`blackColors${key}`] = BLACK_COLORS[key];
-
-const whiteColorPalettes = {};
-
-for (const key in WHITE_COLORS) whiteColorPalettes[`whiteColors${key}`] = WHITE_COLORS[key];
-
+}), exports.colorScheme = exports.nestColorList = exports.barColorList = exports.colorList = void 0, 
+exports.colorList = [ "#3377FF", "#1FE7F9", "#53F3B3", "#FFCD50", "#ADB8D6", "#867AFF", "#FAA64D", "#FF8082", "#B46FF4" ], 
+exports.barColorList = [ "#3377FF", "#1FE7F9", "#FFCD50", "#53F3B3", "#ADB8D6", "#867AFF", "#FAA64D", "#FF8082", "#B46FF4" ], 
+exports.nestColorList = [ [ "#3377FF", "#5587FD", "#76A4FF", "#A0C0FF", "#BFD4FF", "#E5EEFF" ], [ "#1FE7F9", "#71F1FF", "#A2F5FF", "#BCF8FF", "#D2FAFF", "#E5FDFF" ], [ "#53F3B3", "#6BFFC4", "#9FFFD9", "#C1FFE6", "#DCFFF1", "#EBFFF7" ], [ "#FFCD50", "#FFD971", "#FFE395", "#FFEBB2", "#FEF2D1", "#FFF8E8" ], [ "#ADB8D6", "#BEC8E4", "#CBD3ED", "#D9E0F5", "#E7ECFB", "#F2F5FF" ], [ "#867AFF", "#9A8DFF", "#ACA1FF", "#C4BCFF", "#DBD6FF", "#EDEBFF" ], [ "#FAA64D", "#FFB96F", "#FECB94", "#FFD8AD", "#FFE5C9", "#FFF4E9" ], [ "#FF8082", "#FF99A0", "#FFBBBF", "#FFD4D7", "#FFE8EA", "#FFF7F8" ], [ "#B46FF4", "#BF80FF", "#D1A4FD", "#E0C1FF", "#EDDAFF", "#F5ECFF" ] ], 
 exports.colorScheme = {
     default: {
-        dataScheme: defaultColor,
-        palette: Object.assign(Object.assign({
-            bandColor: defaultColor[0],
+        dataScheme: exports.colorList,
+        palette: {
+            bandColor: exports.colorList[0],
             backgroundColor: "transparent",
+            primaryFontColor: "#17171A",
+            secondaryFontColor: "#5E5F66",
+            tertiaryFontColor: "#888888",
             axisDomainColor: "#DCDEE1",
-            axisLabelFontColor: "#909199",
-            axisGridColor: "#E1E2E5"
-        }, blackColorPalettes), whiteColorPalettes)
+            axisLabelFontColor: "#888888",
+            axisGridColor: "#EFF0F2",
+            popupBackgroundColor: "#ffffff"
+        }
     }
 };
 //# sourceMappingURL=color-scheme.js.map

package/cjs/common/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/color-scheme.ts"],"names":[],"mappings":";;;AAEA,MAAM,YAAY,GAAG;IAEnB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;IAC9B,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;CAC7D;AAED,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;IAC9B,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;CAC7D;AAEY,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,8BACP,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,EAG1B,eAAe,EAAE,aAAa,EAG9B,eAAe,EAAE,SAAS,EAE1B,kBAAkB,EAAE,SAAS,EAE7B,aAAa,EAAE,SAAS,IAErB,kBAAkB,GAClB,kBAAkB,CACU;KAClC;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart';\n\nconst defaultColor = [\n  // 定义分类主题色\n  '#1443FF',\n  '#33CCB2',\n  '#FFD500',\n  '#FFAA33',\n  '#FF7733',\n  '#F65656',\n  '#E93DBD',\n  '#9933FF',\n  '#5533FF',\n  '#A3ABC2'\n];\n\nconst BLACK_COLORS = {\n  100: '#000',\n  95: '#0D0D0D',\n  85: '#262626',\n  65: '#595959',\n  45: '#8C8C8C',\n  25: '#BFBFBF',\n  15: '#D9D9D9',\n  6: '#F0F0F0'\n};\n\nconst WHITE_COLORS = {\n  100: '#FFFFFF',\n  95: '#F2F2F2',\n  85: '#D9D9D9',\n  65: '#A6A6A6',\n  45: '#737373',\n  25: '#404040',\n  15: '#262626',\n  6: '#0F0F0F'\n};\n\nconst blackColorPalettes = {};\nfor (const key in BLACK_COLORS) {\n  blackColorPalettes[`blackColors${key}`] = BLACK_COLORS[key];\n}\n\nconst whiteColorPalettes = {};\nfor (const key in WHITE_COLORS) {\n  whiteColorPalettes[`whiteColors${key}`] = WHITE_COLORS[key];\n}\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme: defaultColor,\n    palette: {\n      bandColor: defaultColor[0],\n\n      /** 背景色 */\n      backgroundColor: 'transparent',\n\n      /** 轴线颜色 */\n      axisDomainColor: '#DCDEE1',\n      /** 轴标签字色 */\n      axisLabelFontColor: '#909199',\n      /** 轴网格线颜色 */\n      axisGridColor: '#E1E2E5',\n\n      ...blackColorPalettes,\n      ...whiteColorPalettes\n    } as Partial<BuiltinColorPalette>\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/color-scheme.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAG;IAEvB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEW,QAAA,YAAY,GAAG;IAE1B,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEW,QAAA,aAAa,GAAG;IAC3B,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACnE,CAAC;AAEW,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAE,iBAAS;QACrB,OAAO,EAAE;YACP,SAAS,EAAE,iBAAS,CAAC,CAAC,CAAC;YAEvB,eAAe,EAAE,aAAa;YAG9B,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,iBAAiB,EAAE,SAAS;YAG5B,eAAe,EAAE,SAAS;YAE1B,kBAAkB,EAAE,SAAS;YAE7B,aAAa,EAAE,SAAS;YAExB,oBAAoB,EAAE,SAAS;SACE;KACpC;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart';\n\nexport const colorList = [\n  // 定义分类主题色\n  '#3377FF',\n  '#1FE7F9',\n  '#53F3B3',\n  '#FFCD50',\n  '#ADB8D6',\n  '#867AFF',\n  '#FAA64D',\n  '#FF8082',\n  '#B46FF4'\n];\n\nexport const barColorList = [\n  // 定义分类主题色\n  '#3377FF',\n  '#1FE7F9',\n  '#FFCD50',\n  '#53F3B3',\n  '#ADB8D6',\n  '#867AFF',\n  '#FAA64D',\n  '#FF8082',\n  '#B46FF4'\n];\n\nexport const nestColorList = [\n  ['#3377FF', '#5587FD', '#76A4FF', '#A0C0FF', '#BFD4FF', '#E5EEFF'],\n  ['#1FE7F9', '#71F1FF', '#A2F5FF', '#BCF8FF', '#D2FAFF', '#E5FDFF'],\n  ['#53F3B3', '#6BFFC4', '#9FFFD9', '#C1FFE6', '#DCFFF1', '#EBFFF7'],\n  ['#FFCD50', '#FFD971', '#FFE395', '#FFEBB2', '#FEF2D1', '#FFF8E8'],\n  ['#ADB8D6', '#BEC8E4', '#CBD3ED', '#D9E0F5', '#E7ECFB', '#F2F5FF'],\n  ['#867AFF', '#9A8DFF', '#ACA1FF', '#C4BCFF', '#DBD6FF', '#EDEBFF'],\n  ['#FAA64D', '#FFB96F', '#FECB94', '#FFD8AD', '#FFE5C9', '#FFF4E9'],\n  ['#FF8082', '#FF99A0', '#FFBBBF', '#FFD4D7', '#FFE8EA', '#FFF7F8'],\n  ['#B46FF4', '#BF80FF', '#D1A4FD', '#E0C1FF', '#EDDAFF', '#F5ECFF']\n];\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme: colorList,\n    palette: {\n      bandColor: colorList[0],\n      /** 背景色 */\n      backgroundColor: 'transparent',\n\n      /** 主要字色 */\n      primaryFontColor: '#17171A',\n      /** 次要字色 */\n      secondaryFontColor: '#5E5F66',\n      /** 第三字色 */\n      tertiaryFontColor: '#888888',\n\n      /** 轴线颜色 */\n      axisDomainColor: '#DCDEE1',\n      /** 轴标签字色 */\n      axisLabelFontColor: '#888888',\n      /** 轴网格线颜色 */\n      axisGridColor: '#EFF0F2',\n      /** 浮层背景区域颜色 */\n      popupBackgroundColor: '#ffffff'\n    } as unknown as BuiltinColorPalette\n  }\n};\n"]}

package/cjs/common/component/crosshair.d.ts

@@ -1,2 +1,3 @@
 import type { ICrosshairTheme } from '@visactor/vchart';
-export declare const crosshair: ICrosshairTheme;
+export declare const barCrosshair: ICrosshairTheme;
+export declare const lineCrosshair: ICrosshairTheme;

package/cjs/common/component/crosshair.js

@@ -2,34 +2,38 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.crosshair = void 0, exports.crosshair = {
-    trigger: "hover",
-    bandField: {
+}), exports.lineCrosshair = exports.barCrosshair = void 0, exports.barCrosshair = {
+    xField: {
         line: {
             type: "rect",
-            visible: !0,
             style: {
-                fill: "#CCD7EB",
-                fillOpacity: .4,
-                lineDash: []
+                fill: {
+                    gradient: "linear",
+                    x0: 0,
+                    y0: 0,
+                    x1: 0,
+                    y1: 1,
+                    stops: [ {
+                        offset: 0,
+                        color: "rgba(51, 119, 255, 0.1)"
+                    }, {
+                        offset: 1,
+                        color: "rgba(118, 164, 255, 0.1)"
+                    } ]
+                }
             }
-        },
-        label: {
-            visible: !1
         }
-    },
-    linearField: {
-        visible: !1,
+    }
+}, exports.lineCrosshair = {
+    bandField: {
         line: {
             type: "line",
+            width: 1,
             style: {
-                stroke: "#CCD7EB",
-                lineWidth: .4,
-                lineDash: []
+                lineWidth: 1,
+                stroke: "#DCDEE1",
+                lineDash: [ 2, 2 ]
             }
-        },
-        label: {
-            visible: !1
         }
     }
 };

package/cjs/common/component/crosshair.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAoB;IACxC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,GAAG;gBAChB,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,GAAG;gBACd,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const crosshair: ICrosshairTheme = {\n  trigger: 'hover',\n  bandField: {\n    line: {\n      type: 'rect',\n      visible: true,\n      style: {\n        fill: '#CCD7EB',\n        fillOpacity: 0.4,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false\n    }\n  },\n  linearField: {\n    visible: false,\n    line: {\n      type: 'line',\n      style: {\n        stroke: '#CCD7EB',\n        lineWidth: 0.4,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":";;;AAEa,QAAA,YAAY,GAAoB;IAC3C,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE;wBAC/C,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE;qBACjD;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEW,QAAA,aAAa,GAAoB;IAC5C,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const barCrosshair: ICrosshairTheme = {\n  xField: {\n    line: {\n      type: 'rect', // 设置为矩形类型\n      style: {\n        fill: {\n          gradient: 'linear', // 线性渐变\n          x0: 0,\n          y0: 0,\n          x1: 0,\n          y1: 1,\n          stops: [\n            { offset: 0, color: 'rgba(51, 119, 255, 0.1)' },\n            { offset: 1, color: 'rgba(118, 164, 255, 0.1)' }\n          ]\n        }\n      }\n    }\n  }\n};\n\nexport const lineCrosshair: ICrosshairTheme = {\n  bandField: {\n    line: {\n      type: 'line',\n      width: 1,\n      style: {\n        lineWidth: 1,\n        stroke: '#DCDEE1',\n        lineDash: [2, 2]\n      }\n    }\n  }\n};\n"]}

package/cjs/common/component/legend.d.ts

@@ -1,2 +1,3 @@
 import type { IComponentTheme } from '@visactor/vchart';
 export declare const legend: Partial<IComponentTheme>;
+export declare const lineLegend: Partial<IComponentTheme>;

package/cjs/common/component/legend.js

@@ -2,143 +2,50 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.legend = void 0;
-
-const commonColorLegendTheme = {
-    handlerText: {
-        space: 10,
-        style: {
-            fontSize: 12,
-            fill: "#2C3542"
-        }
-    },
-    title: {
-        space: 5,
-        style: {
-            fontSize: 12,
-            fill: "#2C3542"
-        }
-    }
-};
-
-exports.legend = {
+}), exports.lineLegend = exports.legend = void 0, exports.legend = {
     discreteLegend: {
         visible: !0,
         orient: "top",
-        padding: [ 8, 8, 8, 8 ],
+        position: "middle",
         maxRow: 1,
         title: {
-            visible: !1,
-            textStyle: {
-                fill: {
-                    type: "palette",
-                    key: "blackColors45"
-                },
-                fontSize: 12,
-                lineHeight: 21
-            }
+            visible: !1
         },
         item: {
             visible: !0,
-            spaceCol: 24,
-            spaceRow: 12,
-            padding: 0,
             background: {
                 visible: !1
             },
             shape: {
-                space: 4,
                 style: {
-                    size: 8,
                     symbolType: "circle"
-                },
-                state: {
-                    unSelected: {
-                        fill: "#D8D8D8"
-                    }
-                }
-            },
-            label: {
-                space: 100,
-                style: {
-                    fill: "#85878A",
-                    fontSize: 12,
-                    lineHeight: 12,
-                    opacity: 1,
-                    fontWeight: 400
-                },
-                state: {
-                    unSelected: {
-                        fill: "#D8D8D8",
-                        opacity: 1
-                    }
-                }
-            }
-        },
-        pager: {
-            handler: {
-                space: 8,
-                style: {
-                    size: 10,
-                    fill: {
-                        type: "palette",
-                        key: "blackColors100"
-                    }
                 }
-            },
-            textStyle: {
-                fill: {
-                    type: "palette",
-                    key: "blackColors45"
-                },
-                fontSize: 10
             }
         },
         allowAllCanceled: !1
-    },
-    colorLegend: {
-        horizontal: Object.assign(Object.assign({}, commonColorLegendTheme), {
-            handler: {
-                style: {
-                    symbolType: "rectRound",
-                    size: 16,
-                    scaleX: .5,
-                    fill: "#fff",
-                    lineWidth: 1,
-                    stroke: "#99B0F3",
-                    radius: 2,
-                    outerBorder: null
-                }
-            },
-            rail: {
-                height: 4,
-                width: 100,
-                style: {
-                    fill: "#DCDEE2"
-                }
-            }
-        }),
-        vertical: Object.assign(Object.assign({}, commonColorLegendTheme), {
-            handler: {
-                style: {
-                    symbolType: "rectRound",
-                    size: 16,
-                    scaleY: .5,
-                    fill: "#fff",
-                    lineWidth: 1,
-                    stroke: "#99B0F3",
-                    radius: 2,
-                    outerBorder: null
-                }
+    }
+}, exports.lineLegend = {
+    discreteLegend: {
+        visible: !0,
+        orient: "top",
+        position: "middle",
+        maxRow: 1,
+        title: {
+            visible: !1
+        },
+        item: {
+            visible: !0,
+            background: {
+                visible: !1
             },
-            rail: {
-                width: 4,
-                height: 100,
+            shape: {
                 style: {
-                    fill: "#DCDEE2"
+                    size: [ 8, 2 ],
+                    symbolType: "rect"
                 }
             }
-        })
+        },
+        allowAllCanceled: !1
     }
 };
 //# sourceMappingURL=legend.js.map

package/cjs/common/component/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nconst commonColorLegendTheme = {\n  handlerText: {\n    space: 10,\n    style: {\n      fontSize: 12,\n      fill: '#2C3542'\n    }\n  },\n  title: {\n    space: 5,\n    style: {\n      fontSize: 12,\n      fill: '#2C3542'\n    }\n  }\n};\n\nexport const legend: Partial<IComponentTheme> = {\n  discreteLegend: {\n    visible: true,\n    orient: 'top',\n    padding: [8, 8, 8, 8],\n    maxRow: 1,\n    title: {\n      visible: false,\n      textStyle: {\n        fill: { type: 'palette', key: 'blackColors45' },\n        fontSize: 12,\n        lineHeight: 21\n      }\n    },\n    item: {\n      visible: true,\n      spaceCol: 24,\n      spaceRow: 12,\n      padding: 0,\n      background: {\n        visible: false\n      },\n      shape: {\n        space: 4,\n        style: {\n          size: 8,\n          symbolType: 'circle'\n        },\n        state: { unSelected: { fill: '#D8D8D8' } }\n      },\n      label: {\n        space: 100,\n        style: {\n          fill: '#85878A',\n          fontSize: 12,\n          lineHeight: 12,\n          opacity: 1,\n          fontWeight: 400\n        },\n        state: {\n          unSelected: {\n            fill: '#D8D8D8',\n            opacity: 1\n          }\n        }\n      }\n    },\n    pager: {\n      handler: {\n        space: 8,\n        style: {\n          size: 10,\n          fill: {\n            type: 'palette',\n            key: 'blackColors100'\n          }\n        }\n      },\n      textStyle: {\n        fill: { type: 'palette', key: 'blackColors45' },\n        fontSize: 10\n      }\n    },\n    allowAllCanceled: false\n  },\n  colorLegend: {\n    horizontal: {\n      ...commonColorLegendTheme,\n      handler: {\n        style: {\n          symbolType: 'rectRound',\n          size: 16,\n          scaleX: 0.5,\n          fill: '#fff',\n          lineWidth: 1,\n          stroke: '#99B0F3',\n          radius: 2,\n          outerBorder: null\n        }\n      },\n      rail: {\n        height: 4,\n        width: 100,\n        style: {\n          fill: '#DCDEE2'\n        }\n      }\n    },\n    vertical: {\n      ...commonColorLegendTheme,\n      handler: {\n        style: {\n          symbolType: 'rectRound',\n          size: 16,\n          scaleY: 0.5,\n          fill: '#fff',\n          lineWidth: 1,\n          stroke: '#99B0F3',\n          radius: 2,\n          outerBorder: null\n        }\n      },\n      rail: {\n        width: 4,\n        height: 100,\n        style: {\n          fill: '#DCDEE2'\n        }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAA6B;IAC9C,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC;AAEW,QAAA,UAAU,GAA6B;IAClD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBACZ,UAAU,EAAE,MAAM;iBACnB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const legend: Partial<IComponentTheme> = {\n  discreteLegend: {\n    visible: true,\n    orient: 'top',\n    position: 'middle',\n    maxRow: 1,\n    title: {\n      visible: false\n    },\n    item: {\n      visible: true,\n      background: {\n        visible: false\n      },\n      shape: {\n        style: {\n          symbolType: 'circle'\n        }\n      }\n    },\n    allowAllCanceled: false\n  }\n};\n\nexport const lineLegend: Partial<IComponentTheme> = {\n  discreteLegend: {\n    visible: true,\n    orient: 'top',\n    position: 'middle',\n    maxRow: 1,\n    title: {\n      visible: false\n    },\n    item: {\n      visible: true,\n      background: {\n        visible: false\n      },\n      shape: {\n        style: {\n          size: [8, 2],\n          symbolType: 'rect'\n        }\n      }\n    },\n    allowAllCanceled: false\n  }\n};\n"]}

package/cjs/common/component/tooltip.js

@@ -3,72 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.tooltip = void 0, exports.tooltip = {
-    offset: {
-        x: 16,
-        y: 16
-    },
     panel: {
-        padding: {
-            top: 12,
-            left: 12,
-            right: 12,
-            bottom: 12
-        },
-        backgroundColor: {
-            type: "palette",
-            key: "popupBackgroundColor"
-        },
         border: {
-            color: {
-                type: "palette",
-                key: "popupBackgroundColor"
-            },
-            width: 0,
-            radius: 3
-        },
-        shadow: {
-            x: 0,
-            y: 0,
-            blur: 10,
-            spread: 0,
-            color: "#aeaeae"
+            radius: 8
         }
     },
-    spaceRow: 12,
-    titleLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: "#1D1D2E",
-        fontWeight: "500",
-        textAlign: "left",
-        textBaseline: "middle",
-        spacing: 0
-    },
     shape: {
-        size: 8,
-        spacing: 8
-    },
-    keyLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: {
-            type: "palette",
-            key: "blackColors65"
-        },
-        textAlign: "left",
-        textBaseline: "middle",
-        spacing: 12
-    },
-    valueLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: {
-            type: "palette",
-            key: "blackColors65"
-        },
-        fontWeight: "normal",
-        textBaseline: "middle",
-        spacing: 0
+        shapeType: "circle",
+        size: 8
     }
 };
 //# sourceMappingURL=tooltip.js.map

package/cjs/common/component/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAkB;IACpC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QACrD,eAAe,EAAE;YACf,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,sBAAsB;SACrB;QACR,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,sBAAsB;aACrB;YACR,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,MAAM,EAAE;YACN,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,SAAS;SACjB;KACF;IACD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;IAC9B,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,eAAe;SACd;QACR,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,eAAe;SACd;QACR,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '@visactor/vchart';\n\nexport const tooltip: ITooltipTheme = {\n  offset: { x: 16, y: 16 },\n  panel: {\n    padding: { top: 12, left: 12, right: 12, bottom: 12 },\n    backgroundColor: {\n      type: 'palette',\n      key: 'popupBackgroundColor'\n    } as any,\n    border: {\n      color: {\n        type: 'palette',\n        key: 'popupBackgroundColor'\n      } as any,\n      width: 0,\n      radius: 3\n    },\n    shadow: {\n      x: 0,\n      y: 0,\n      blur: 10,\n      spread: 0,\n      color: '#aeaeae'\n    }\n  },\n  spaceRow: 12,\n  titleLabel: {\n    fontSize: 12,\n    lineHeight: 12,\n    fontColor: '#1D1D2E',\n    fontWeight: '500',\n    textAlign: 'left',\n    textBaseline: 'middle',\n    spacing: 0\n  },\n  shape: { size: 8, spacing: 8 },\n  keyLabel: {\n    fontSize: 12,\n    lineHeight: 12,\n    fontColor: {\n      type: 'palette',\n      key: 'blackColors65'\n    } as any,\n    textAlign: 'left',\n    textBaseline: 'middle',\n    spacing: 12\n  },\n  valueLabel: {\n    fontSize: 12,\n    lineHeight: 12,\n    fontColor: {\n      type: 'palette',\n      key: 'blackColors65'\n    } as any,\n    fontWeight: 'normal',\n    textBaseline: 'middle',\n    spacing: 0\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAkB;IACpC,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE,CAAC;SACV;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,IAAI,EAAE,CAAC;KACR;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '@visactor/vchart';\n\nexport const tooltip: ITooltipTheme = {\n  panel: {\n    border: {\n      radius: 8\n    }\n  },\n  shape: {\n    shapeType: 'circle',\n    size: 8\n  }\n};\n"]}

package/cjs/common/series/area.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.area = void 0, exports.area = {
     area: {
+        seriesMark: "line",
         point: {
             style: {
                 visible: !1,
@@ -11,9 +12,11 @@ Object.defineProperty(exports, "__esModule", {
                 lineWidth: 2,
                 shadowColor: "rgba(0, 0, 0, 0.1)",
                 shadowBlur: 3,
-                stroke: {
-                    type: "palette",
-                    key: "whiteColors100"
+                stroke: "#fff"
+            },
+            state: {
+                dimension_hover: {
+                    visible: !0
                 }
             }
         },
@@ -25,12 +28,19 @@ Object.defineProperty(exports, "__esModule", {
         },
         area: {
             style: {
-                fillOpacity: .25,
-                lineWidth: 2
-            },
-            state: {
-                selected: {
-                    fillOpacity: .5
+                fill: {
+                    gradient: "linear",
+                    x0: 0,
+                    y0: 0,
+                    x1: 0,
+                    y1: 1,
+                    stops: [ {
+                        offset: 0,
+                        opacity: .7
+                    }, {
+                        offset: 1,
+                        opacity: 0
+                    } ]
                 }
             }
         }

package/cjs/common/series/area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/area.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,oBAAoB;gBACjC,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;aACnD;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,CAAC;aACb;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE;oBACR,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;KACF;CACF,CAAC","file":"area.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nexport const area: Pick<\n  ISeriesTheme,\n  SeriesTypeEnum.area | SeriesTypeForThemeEnum.area_vertical | SeriesTypeForThemeEnum.area_horizontal\n> = {\n  area: {\n    point: {\n      style: {\n        visible: false,\n        size: 12,\n        lineWidth: 2,\n        shadowColor: 'rgba(0, 0, 0, 0.1)',\n        shadowBlur: 3,\n        stroke: { type: 'palette', key: 'whiteColors100' }\n      }\n    },\n    line: {\n      style: {\n        curveType: 'monotone',\n        lineWidth: 2\n      }\n    },\n    area: {\n      style: {\n        fillOpacity: 0.25,\n        lineWidth: 2\n      },\n      state: {\n        selected: {\n          fillOpacity: 0.5\n        }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/series/area.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,oBAAoB;gBACjC,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,MAAM;aACf;YACD,KAAK,EAAE;gBACL,eAAe,EAAE;oBACf,OAAO,EAAE,IAAI;iBACd;aACF;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,CAAC;aACb;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL;4BACE,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG;yBACb;wBACD;4BACE,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,CAAC;yBACX;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC","file":"area.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nexport const area: Pick<\n  ISeriesTheme,\n  SeriesTypeEnum.area | SeriesTypeForThemeEnum.area_vertical | SeriesTypeForThemeEnum.area_horizontal\n> = {\n  area: {\n    seriesMark: 'line',\n    point: {\n      style: {\n        visible: false,\n        size: 12,\n        lineWidth: 2,\n        shadowColor: 'rgba(0, 0, 0, 0.1)',\n        shadowBlur: 3,\n        stroke: '#fff'\n      },\n      state: {\n        dimension_hover: {\n          visible: true\n        }\n      }\n    },\n    line: {\n      style: {\n        curveType: 'monotone',\n        lineWidth: 2\n      }\n    },\n    area: {\n      style: {\n        fill: {\n          gradient: 'linear',\n          x0: 0,\n          y0: 0,\n          x1: 0,\n          y1: 1,\n          stops: [\n            {\n              offset: 0,\n              opacity: 0.7\n            },\n            {\n              offset: 1,\n              opacity: 0\n            }\n          ]\n        }\n      }\n    }\n  }\n};\n"]}

package/cjs/common/series/bar.js

@@ -5,24 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.barTheme = void 0;
 
 const bar = {
-    barMaxWidth: 8,
-    barGapInGroup: 4,
-    label: {
+    barMaxWidth: 16,
+    barGapInGroup: 2,
+    bar: {
         style: {
-            fill: {
-                type: "palette",
-                key: "secondaryFontColor"
-            }
+            visible: datum => datum.value > 0
         }
     }
 }, bar_horizontal = {
-    stackCornerRadius: [ 0, 1, 1, 0 ],
+    stackCornerRadius: [ 0, 2, 2, 0 ],
     label: {
         position: "right",
         offset: 4
     }
 }, bar_vertical = {
-    stackCornerRadius: [ 1, 1, 0, 0 ],
+    stackCornerRadius: [ 2, 2, 0, 0 ],
     label: {
         position: "top",
         offset: 4
@@ -33,4 +30,5 @@ exports.barTheme = {
     bar: bar,
     bar_horizontal: bar_horizontal,
     bar_vertical: bar_vertical
-};
+};
+//# sourceMappingURL=bar.js.map

package/cjs/common/series/bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":";;;AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,CAAC;IAEd,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAwB;IAE1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,YAAY,GAAwB;IAExC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAGjB;IACF,GAAG;IACH,cAAc;IACd,YAAY;CACb,CAAC","file":"bar.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nconst bar: ISeriesTheme['bar'] = {\n  barMaxWidth: 8,\n  // @ts-ignore\n  barGapInGroup: 4, // FIXME: typeError\n  label: {\n    style: {\n      fill: { type: 'palette', key: 'secondaryFontColor' }\n    }\n  }\n};\n\nconst bar_horizontal: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [0, 1, 1, 0], // FIXME: typeError\n  label: {\n    position: 'right',\n    offset: 4\n  }\n};\n\nconst bar_vertical: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [1, 1, 0, 0], // FIXME: typeError\n  label: {\n    position: 'top',\n    offset: 4\n  }\n};\n\nexport const barTheme: Pick<\n  ISeriesTheme,\n  SeriesTypeEnum.bar | SeriesTypeForThemeEnum.bar_horizontal | SeriesTypeForThemeEnum.bar_vertical\n> = {\n  bar,\n  bar_horizontal,\n  bar_vertical\n};\n"]}
+{"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":";;;AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,CAAC;IAEhB,GAAG,EAAE;QACH,KAAK,EAAE;YAEL,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAwB;IAE1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,YAAY,GAAwB;IAExC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAGjB;IACF,GAAG;IACH,cAAc;IACd,YAAY;CACb,CAAC","file":"bar.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nconst bar: ISeriesTheme['bar'] = {\n  barMaxWidth: 16,\n  barGapInGroup: 2,\n  // barMinHeight: 2,\n  bar: {\n    style: {\n      // @ts-ignore\n      visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n    }\n  }\n};\n\nconst bar_horizontal: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [0, 2, 2, 0], // FIXME: typeError\n  label: {\n    position: 'right',\n    offset: 4\n  }\n};\n\nconst bar_vertical: ISeriesTheme['bar'] = {\n  // @ts-ignore\n  stackCornerRadius: [2, 2, 0, 0], // FIXME: typeError,\n  label: {\n    position: 'top',\n    offset: 4\n  }\n};\n\nexport const barTheme: Pick<\n  ISeriesTheme,\n  SeriesTypeEnum.bar | SeriesTypeForThemeEnum.bar_horizontal | SeriesTypeForThemeEnum.bar_vertical\n> = {\n  bar,\n  bar_horizontal,\n  bar_vertical\n};\n"]}

package/cjs/common/series/line.js

@@ -16,15 +16,13 @@ Object.defineProperty(exports, "__esModule", {
             lineWidth: 2,
             shadowColor: "rgba(0, 0, 0, 0.1)",
             shadowBlur: 3,
-            stroke: {
-                type: "palette",
-                key: "whiteColors100"
+            stroke: "#fff"
+        },
+        state: {
+            dimension_hover: {
+                visible: !0
             }
         }
-    },
-    label: {
-        position: "top",
-        offset: 4
     }
 };
 //# sourceMappingURL=line.js.map