@visactor/vchart-aurora-theme 1.12.3-alpha.5 → 1.13.0

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-aurora-theme"]={})}(this,(function(e){"use strict";const t=["#3377FF","#1FE7F9","#53F3B3","#FFCD50","#ADB8D6","#B46FF4","#867AFF","#FAA64D","#F25E68"],l={};Object.entries({100:"#000",95:"#0D0D0D",85:"#262626",65:"#595959",45:"#8C8C8C",25:"#BFBFBF",15:"#D9D9D9",6:"#F0F0F0"}).forEach((([e,t])=>{l[`blackColors${e}`]=t}));const i={};Object.entries({100:"#FFFFFF",95:"#F2F2F2",85:"#D9D9D9",65:"#A6A6A6",45:"#737373",25:"#404040",15:"#262626",6:"#0F0F0F"}).forEach((([e,t])=>{i[`whiteColors${e}`]=t}));const o={default:{dataScheme:t,palette:Object.assign(Object.assign({bandColor:t[0],backgroundColor:"transparent",axisDomainColor:"#DCDEE1",axisLabelFontColor:"#909199",axisGridColor:"#E1E2E5"},l),i)}},s={axisRadius:{domainLine:{},grid:{smooth:!1,visible:!0},subGrid:{smooth:!1}},axisAngle:{grid:{visible:!0,smooth:!1},label:{space:4}}},a={handlerText:{space:10,style:{fontSize:12,fill:"#2C3542"}},title:{space:5,style:{fontSize:12,fill:"#2C3542"}}},n={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({},a),{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({},a),{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"}}})}},r={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},y={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}}},p={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}},d={horizontal:Object.assign(Object.assign({},p),{height:44}),vertical:Object.assign(Object.assign({},p),{width:44})},c={name:"aurora",type:"light",description:"light theme for ChartHub.",colorScheme:o,token:r,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}}}}),n),s),{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:d,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}}}}}),y),{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:0,pie:{style:{padAngle:0,stroke:"#fff",lineWidth:2,lineJoin:"round"},state:{hover:{outerRadius:.85,lineWidth:2},selected:{outerRadius:.85,lineWidth:2}}},label:{visible:!0,position:"outside"}},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}}}},b=new Map([[c.name,c]]);e.allThemeMap=b,e.chartAuroraTheme=c}));
+!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]}}}},l={bar:{barMaxWidth:16,barGapInGroup:2,barMinHeight: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}}},s={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:"Douyin Number ABC",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]},legend:{visible:!0,orient:"bottom"}}},n={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(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},mark:{visible:!1},dimension:{visible:!0}}}),{axisRadius:{domainLine:{visible:!1},grid:{smooth:!1,style:{lineDash:[4,4]}}},axisAngle:{domainLine:{visible:!0},tick:{visible:!1},grid:{style:{lineDash:[0]}}}}),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"]}}},radar:{component:{crosshair:{categoryField:{line:{style:{lineDash:[0],lineWidth:1}}}}}}},series:Object.assign(Object.assign(Object.assign({pie:s},l),{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}}}},radar:{point:{style:{visible:!1,size:12,lineWidth:2,shadowColor:"rgba(0, 0, 0, 0.1)",shadowBlur:3,stroke:"#fff"},state:{dimension_hover:{visible:!0}}},area:{visible:!0,style:{fillOpacity:.1,lineDash:[2,2]}},line:{style:{lineWidth:2},state:{dimension_hover:{lineDash:[0],lineWidth:2}}},outerRadius:.8},scatter:{point:{style:{symbolType:"circle",fillOpacity:.35,lineWidth:1,size:8,stroke:null}},label:{position:"top"}}})},F=new Map([[n.name,n]]);e.allThemeMap=F,e.chartAuroraTheme=n,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,46 +2,24 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.colorScheme = void 0;
-
-const defaultColor = [ "#3377FF", "#1FE7F9", "#53F3B3", "#FFCD50", "#ADB8D6", "#B46FF4", "#867AFF", "#FAA64D", "#F25E68" ], 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 = {};
-
-Object.entries(BLACK_COLORS).forEach((([key, value]) => {
-    blackColorPalettes[`blackColors${key}`] = value;
-}));
-
-const whiteColorPalettes = {};
-
-Object.entries(WHITE_COLORS).forEach((([key, value]) => {
-    whiteColorPalettes[`whiteColors${key}`] = value;
-})), exports.colorScheme = {
+}), 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;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,GAA2B,EAAE,CAAC;AACtD,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACpD,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;AAClD,CAAC,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAA2B,EAAE,CAAC;AACtD,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACpD,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;AAClD,CAAC,CAAC,CAAC;AAEU,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,CACY;KACpC;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart';\n\nconst defaultColor = [\n  // 定义分类主题色\n  '#3377FF',\n  '#1FE7F9',\n  '#53F3B3',\n  '#FFCD50',\n  '#ADB8D6',\n  '#B46FF4',\n  '#867AFF',\n  '#FAA64D',\n  '#F25E68'\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: Record<string, string> = {};\nObject.entries(BLACK_COLORS).forEach(([key, value]) => {\n  blackColorPalettes[`blackColors${key}`] = value;\n});\n\nconst whiteColorPalettes: Record<string, string> = {};\nObject.entries(WHITE_COLORS).forEach(([key, value]) => {\n  whiteColorPalettes[`whiteColors${key}`] = value;\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 unknown as 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/axis.d.ts

@@ -1,2 +1,2 @@
 import type { IComponentTheme } from '@visactor/vchart';
-export declare const axis: Pick<IComponentTheme, 'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY'>;
+export declare const axis: IComponentTheme;

package/cjs/common/component/axis.js

@@ -3,82 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.axis = void 0, exports.axis = {
-    axis: {
+    axisRadius: {
         domainLine: {
-            visible: !0,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "axisDomainColor"
-                }
-            }
+            visible: !1
         },
         grid: {
-            visible: !0,
+            smooth: !1,
             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 ]
             }
+        }
+    },
+    axisAngle: {
+        domainLine: {
+            visible: !0
         },
         tick: {
-            visible: !0,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "blackColors25"
-                }
-            }
-        },
-        subTick: {
-            visible: !1,
-            tickSize: 2,
-            style: {
-                lineWidth: 1,
-                stroke: {
-                    type: "palette",
-                    key: "blackColors15"
-                }
-            }
+            visible: !1
         },
-        label: {
-            visible: !0,
-            space: 8,
-            style: {
-                fontSize: 12,
-                fill: {
-                    type: "palette",
-                    key: "blackColors45"
-                },
-                fontWeight: 400,
-                fillOpacity: 1
-            }
-        },
-        title: {
-            visible: !1,
+        grid: {
             style: {
-                fill: {
-                    type: "palette",
-                    key: "blackColors65"
-                },
-                fontSize: 12,
-                lineHeight: 12
+                lineDash: [ 0 ]
             }
         }
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBAC/C,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,CAAC;aACf;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBAC/C,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,EAAE;aACf;SACF;KACF;CACF,CAAC","file":"axis.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const axis: Pick<\n  IComponentTheme,\n  'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY'\n> = {\n  axis: {\n    domainLine: {\n      visible: true,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'axisDomainColor' }\n      }\n    },\n    grid: {\n      visible: true,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'axisGridColor' },\n        lineDash: [4, 4]\n      }\n    },\n    subGrid: {\n      visible: false,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'axisGridColor' },\n        lineDash: [4, 4]\n      }\n    },\n    tick: {\n      visible: true,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'blackColors25' }\n      }\n    },\n    subTick: {\n      visible: false,\n      tickSize: 2,\n      style: {\n        lineWidth: 1,\n        stroke: { type: 'palette', key: 'blackColors15' }\n      }\n    },\n    label: {\n      visible: true,\n      space: 8,\n      style: {\n        fontSize: 12,\n        fill: { type: 'palette', key: 'blackColors45' },\n        fontWeight: 400,\n        fillOpacity: 1\n      }\n    },\n    title: {\n      visible: false,\n      style: {\n        fill: { type: 'palette', key: 'blackColors65' },\n        fontSize: 12,\n        lineHeight: 12\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAAoB;IACnC,UAAU,EAAE;QACV,UAAU,EAAE;YACV,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;IACD,SAAS,EAAE;QACT,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;SACd;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,CAAC;aACd;SACF;KACF;CACF,CAAC","file":"axis.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const axis: IComponentTheme = {\n  axisRadius: {\n    domainLine: {\n      visible: false\n    },\n    grid: {\n      smooth: false,\n      style: {\n        lineDash: [4, 4]\n      }\n    }\n  },\n  axisAngle: {\n    domainLine: {\n      visible: true\n    },\n    tick: {\n      visible: false\n    },\n    grid: {\n      style: {\n        lineDash: [0]\n      }\n    }\n  }\n};\n"]}

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

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

package/cjs/common/component/crosshair.js

@@ -2,34 +2,48 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.crosshair = void 0, exports.crosshair = {
-    trigger: "hover",
-    bandField: {
+}), exports.radarCrosshair = 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: {
+                lineWidth: 1,
+                stroke: "#DCDEE1",
+                lineDash: [ 2, 2 ]
+            }
+        }
+    }
+}, exports.radarCrosshair = {
+    categoryField: {
+        line: {
             style: {
-                stroke: "#CCD7EB",
-                lineWidth: .4,
-                lineDash: []
+                lineDash: [ 0 ],
+                lineWidth: 1
             }
-        },
-        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;AAEW,QAAA,cAAc,GAAoB;IAC7C,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACb,SAAS,EAAE,CAAC;aACb;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\nexport const radarCrosshair: ICrosshairTheme = {\n  categoryField: {\n    line: {\n      style: {\n        lineDash: [0],\n        lineWidth: 1\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.d.ts

@@ -1,2 +1,2 @@
-import type { ITooltipTheme } from '@visactor/vchart';
-export declare const tooltip: ITooltipTheme;
+import type { IComponentTheme } from '@visactor/vchart';
+export declare const tooltip: IComponentTheme['tooltip'];

package/cjs/common/component/tooltip.js

@@ -3,72 +3,20 @@
 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
+        shapeType: "circle",
+        size: 8
     },
-    keyLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: {
-            type: "palette",
-            key: "blackColors65"
-        },
-        textAlign: "left",
-        textBaseline: "middle",
-        spacing: 12
+    mark: {
+        visible: !1
     },
-    valueLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: {
-            type: "palette",
-            key: "blackColors65"
-        },
-        fontWeight: "normal",
-        textBaseline: "middle",
-        spacing: 0
+    dimension: {
+        visible: !0
     }
 };
 //# sourceMappingURL=tooltip.js.map