@vef-framework/components 2.0.4 → 2.0.5

package/dist/cjs/charts/hooks/use-chart.cjs

@@ -1,176 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const echarts = require('echarts');
-const react = require('react');
-require('../../_base/index.cjs');
-require('../../config-provider/index.cjs');
-require('../themes/index.cjs');
-const wonderland = require('../themes/wonderland.cjs');
-const wonderlandDark = require('../themes/wonderland-dark.cjs');
-const walden = require('../themes/walden.cjs');
-const waldenDark = require('../themes/walden-dark.cjs');
-const useThemeTokens = require('../../_base/hooks/use-theme-tokens.cjs');
-const darkModeContext = require('../../config-provider/dark-mode-context.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
-
-wonderland.registerWonderlandTheme();
-wonderlandDark.registerWonderlandDarkTheme();
-walden.registerWaldenTheme();
-waldenDark.registerWaldenDarkTheme();
-function useChart({
-  option,
-  theme = "walden",
-  loading = false,
-  group,
-  onReady,
-  onBeforeDispose,
-  notMerge,
-  replaceMerge,
-  lazyUpdate = true,
-  silent,
-  transition,
-  renderer = "svg",
-  devicePixelRatio,
-  width,
-  height,
-  ssr,
-  useCoarsePointer,
-  useDirtyRect,
-  pointerSize,
-  locale
-}) {
-  const {
-    colorPrimary,
-    colorBgMask,
-    fontSize,
-    colorTextDescription
-  } = useThemeTokens.useThemeTokens();
-  const isDarkMode = darkModeContext.useIsDarkMode();
-  const containerRef = react.useRef(null);
-  const chartRef = react.useRef(null);
-  const resizeObserverRef = react.useRef(null);
-  const effectiveTheme = shared.isString(theme) ? isDarkMode ? `${theme}-dark` : theme : theme;
-  const onReadyFn = react.useEffectEvent((chart) => {
-    onReady?.(chart);
-  });
-  const onBeforeDisposeFn = react.useEffectEvent((chart) => {
-    onBeforeDispose?.(chart);
-  });
-  react.useEffect(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const chart = echarts__namespace.init(containerRef.current, effectiveTheme, {
-      renderer,
-      devicePixelRatio,
-      width,
-      height,
-      ssr,
-      useCoarsePointer,
-      useDirtyRect,
-      pointerSize,
-      locale
-    });
-    chartRef.current = chart;
-    if (shared.isNullish(width) || shared.isNullish(height) || width === "auto" || height === "auto") {
-      resizeObserverRef.current = new ResizeObserver(() => {
-        chart.resize({
-          animation: {
-            duration: 300,
-            easing: "elasticOut"
-          }
-        });
-      });
-      resizeObserverRef.current.observe(containerRef.current);
-    }
-    onReadyFn?.(chart);
-    return () => {
-      onBeforeDisposeFn?.(chart);
-      resizeObserverRef.current?.disconnect();
-      chart.dispose();
-    };
-  }, [renderer, devicePixelRatio, ssr, useCoarsePointer, useDirtyRect, pointerSize, locale]);
-  react.useEffect(() => {
-    if (!chartRef.current) {
-      return;
-    }
-    chartRef.current.group = group || "";
-  }, [group]);
-  hooks.useDidUpdate(() => {
-    if (!chartRef.current) {
-      return;
-    }
-    chartRef.current.setTheme(effectiveTheme);
-  }, [effectiveTheme]);
-  hooks.useDidUpdate(() => {
-    if (!chartRef.current) {
-      return;
-    }
-    chartRef.current.resize({
-      width,
-      height,
-      animation: {
-        duration: 300,
-        easing: "elasticOut"
-      }
-    });
-  }, [width, height]);
-  react.useEffect(() => {
-    if (!chartRef.current) {
-      return;
-    }
-    chartRef.current.setOption(option, {
-      notMerge,
-      replaceMerge,
-      lazyUpdate,
-      silent,
-      transition
-    });
-  }, [option, notMerge, lazyUpdate, replaceMerge, silent, transition]);
-  react.useEffect(() => {
-    if (!chartRef.current) {
-      return;
-    }
-    if (loading) {
-      chartRef.current.showLoading("default", {
-        text: "加载中...",
-        textColor: colorTextDescription,
-        fontSize,
-        color: colorPrimary,
-        maskColor: colorBgMask,
-        zlevel: 0,
-        showSpinner: true,
-        spinnerRadius: fontSize,
-        lineWidth: 6
-      });
-    } else {
-      chartRef.current.hideLoading();
-    }
-  }, [loading, colorBgMask, colorPrimary, colorTextDescription, fontSize]);
-  return containerRef;
-}
-
-exports.useChart = useChart;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@vef-framework/hooks"),k=require("@vef-framework/shared"),N=require("echarts"),n=require("react");require("../../_base/index.cjs");require("../../config-provider/index.cjs");require("../themes/index.cjs");const _=require("../themes/wonderland.cjs"),B=require("../themes/wonderland-dark.cjs"),F=require("../themes/walden.cjs"),L=require("../themes/walden-dark.cjs"),P=require("../../_base/hooks/use-theme-tokens.cjs"),I=require("../../config-provider/dark-mode-context.cjs");function U(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const u in t)if(u!=="default"){const o=Object.getOwnPropertyDescriptor(t,u);Object.defineProperty(s,u,o.get?o:{enumerable:!0,get:()=>t[u]})}}return s.default=t,Object.freeze(s)}const $=U(N);_.registerWonderlandTheme();B.registerWonderlandDarkTheme();F.registerWaldenTheme();L.registerWaldenDarkTheme();function A({option:t,theme:s="walden",loading:u=!1,group:o,onReady:z,onBeforeDispose:W,notMerge:m,replaceMerge:q,lazyUpdate:T=!0,silent:b,transition:g,renderer:p="svg",devicePixelRatio:D,width:c,height:i,ssr:O,useCoarsePointer:v,useDirtyRect:E,pointerSize:h,locale:R}){const{colorPrimary:S,colorBgMask:j,fontSize:f,colorTextDescription:w}=P.useThemeTokens(),C=I.useIsDarkMode(),a=n.useRef(null),e=n.useRef(null),l=n.useRef(null),d=k.isString(s)&&C?`${s}-dark`:s,M=n.useEffectEvent(r=>{z?.(r)}),x=n.useEffectEvent(r=>{W?.(r)});return n.useEffect(()=>{if(!a.current)return;const r=$.init(a.current,d,{renderer:p,devicePixelRatio:D,width:c,height:i,ssr:O,useCoarsePointer:v,useDirtyRect:E,pointerSize:h,locale:R});return e.current=r,(k.isNullish(c)||k.isNullish(i)||c==="auto"||i==="auto")&&(l.current=new ResizeObserver(()=>{r.resize({animation:{duration:300,easing:"elasticOut"}})}),l.current.observe(a.current)),M?.(r),()=>{x?.(r),l.current?.disconnect(),r.dispose()}},[p,D,O,v,E,h,R]),n.useEffect(()=>{e.current&&(e.current.group=o||"")},[o]),y.useDidUpdate(()=>{e.current&&e.current.setTheme(d)},[d]),y.useDidUpdate(()=>{e.current&&e.current.resize({width:c,height:i,animation:{duration:300,easing:"elasticOut"}})},[c,i]),n.useEffect(()=>{e.current&&e.current.setOption(t,{notMerge:m,replaceMerge:q,lazyUpdate:T,silent:b,transition:g})},[t,m,T,q,b,g]),n.useEffect(()=>{e.current&&(u?e.current.showLoading("default",{text:"加载中...",textColor:w,fontSize:f,color:S,maskColor:j,zlevel:0,showSpinner:!0,spinnerRadius:f,lineWidth:6}):e.current.hideLoading())},[u,j,S,w,f]),a}exports.useChart=A;

package/dist/cjs/charts/index.cjs

@@ -1,12 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const chart = require('./chart.cjs');
-require('./helpers/index.cjs');
-require('./hooks/index.cjs');
-
-
-
-exports.Chart = chart.Chart;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chart.cjs");require("./helpers/index.cjs");require("./hooks/index.cjs");exports.Chart=e.Chart;

package/dist/cjs/charts/themes/index.cjs

@@ -1,16 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const walden = require('./walden.cjs');
-const waldenDark = require('./walden-dark.cjs');
-const wonderland = require('./wonderland.cjs');
-const wonderlandDark = require('./wonderland-dark.cjs');
-
-
-
-exports.registerWaldenTheme = walden.registerWaldenTheme;
-exports.registerWaldenDarkTheme = waldenDark.registerWaldenDarkTheme;
-exports.registerWonderlandTheme = wonderland.registerWonderlandTheme;
-exports.registerWonderlandDarkTheme = wonderlandDark.registerWonderlandDarkTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./walden.cjs"),r=require("./walden-dark.cjs"),n=require("./wonderland.cjs"),a=require("./wonderland-dark.cjs");exports.registerWaldenTheme=e.registerWaldenTheme;exports.registerWaldenDarkTheme=r.registerWaldenDarkTheme;exports.registerWonderlandTheme=n.registerWonderlandTheme;exports.registerWonderlandDarkTheme=a.registerWonderlandDarkTheme;

package/dist/cjs/charts/themes/walden-dark.cjs

@@ -1,400 +1 @@
-/*! @vef-framework/components v2.0.2 made with ❤️ by Venus | 2025-11-25T15:03:17.303Z */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const echarts = require('echarts');
-
-function registerWaldenDarkTheme() {
-  echarts.registerTheme("walden-dark", {
-    color: ["#5ec4f5", "#7df5d5", "#7a85b3", "#b5bdf2", "#d8f5c4", "#aee8f0"],
-    backgroundColor: "rgba(0,0,0,0)",
-    textStyle: {
-      color: "#b9b8ce"
-    },
-    title: {
-      textStyle: {
-        color: "#eef1fa"
-      },
-      subtextStyle: {
-        color: "#b9b8ce"
-      }
-    },
-    line: {
-      itemStyle: {
-        borderWidth: "2"
-      },
-      lineStyle: {
-        width: "3"
-      },
-      symbolSize: "8",
-      symbol: "emptyCircle",
-      smooth: false
-    },
-    radar: {
-      itemStyle: {
-        borderWidth: "2"
-      },
-      lineStyle: {
-        width: "3"
-      },
-      symbolSize: "8",
-      symbol: "emptyCircle",
-      smooth: false
-    },
-    bar: {
-      itemStyle: {
-        barBorderWidth: 0,
-        barBorderColor: "#484753"
-      }
-    },
-    pie: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      }
-    },
-    scatter: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      }
-    },
-    boxplot: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      }
-    },
-    parallel: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      }
-    },
-    sankey: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      }
-    },
-    funnel: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      }
-    },
-    gauge: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      },
-      title: {
-        color: "#b9b8ce"
-      },
-      detail: {
-        color: "#eef1fa"
-      },
-      axisLine: {
-        lineStyle: {
-          color: [[1, "#484753"]]
-        }
-      },
-      axisTick: {
-        lineStyle: {
-          color: "#484753"
-        }
-      },
-      splitLine: {
-        lineStyle: {
-          color: "#484753"
-        }
-      },
-      axisLabel: {
-        color: "#b9b8ce"
-      }
-    },
-    candlestick: {
-      itemStyle: {
-        color: "#f78fb3",
-        color0: "transparent",
-        borderColor: "#f78fb3",
-        borderColor0: "#5ec4f5",
-        borderWidth: "2"
-      }
-    },
-    graph: {
-      itemStyle: {
-        borderWidth: 0,
-        borderColor: "#484753"
-      },
-      lineStyle: {
-        width: "1",
-        color: "#484753"
-      },
-      symbolSize: "8",
-      symbol: "emptyCircle",
-      smooth: false,
-      color: ["#5ec4f5", "#7df5d5", "#7a85b3", "#b5bdf2", "#d8f5c4", "#aee8f0"],
-      label: {
-        color: "#eef1fa"
-      }
-    },
-    map: {
-      itemStyle: {
-        areaColor: "#2a2a3c",
-        borderColor: "#484753",
-        borderWidth: 0.5
-      },
-      label: {
-        color: "#eef1fa"
-      },
-      emphasis: {
-        itemStyle: {
-          areaColor: "rgba(94,196,245,0.25)",
-          borderColor: "#5ec4f5",
-          borderWidth: 1
-        },
-        label: {
-          color: "#5ec4f5"
-        }
-      }
-    },
-    geo: {
-      itemStyle: {
-        areaColor: "#2a2a3c",
-        borderColor: "#484753",
-        borderWidth: 0.5
-      },
-      label: {
-        color: "#eef1fa"
-      },
-      emphasis: {
-        itemStyle: {
-          areaColor: "rgba(94,196,245,0.25)",
-          borderColor: "#5ec4f5",
-          borderWidth: 1
-        },
-        label: {
-          color: "#5ec4f5"
-        }
-      }
-    },
-    categoryAxis: {
-      axisLine: {
-        show: true,
-        lineStyle: {
-          color: "#484753"
-        }
-      },
-      axisTick: {
-        show: false,
-        lineStyle: {
-          color: "#b9b8ce"
-        }
-      },
-      axisLabel: {
-        show: true,
-        color: "#b9b8ce"
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: ["#2a2a3c"]
-        }
-      },
-      splitArea: {
-        show: false,
-        areaStyle: {
-          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
-        }
-      }
-    },
-    valueAxis: {
-      axisLine: {
-        show: true,
-        lineStyle: {
-          color: "#484753"
-        }
-      },
-      axisTick: {
-        show: false,
-        lineStyle: {
-          color: "#b9b8ce"
-        }
-      },
-      axisLabel: {
-        show: true,
-        color: "#b9b8ce"
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: ["#2a2a3c"]
-        }
-      },
-      splitArea: {
-        show: false,
-        areaStyle: {
-          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
-        }
-      }
-    },
-    logAxis: {
-      axisLine: {
-        show: true,
-        lineStyle: {
-          color: "#484753"
-        }
-      },
-      axisTick: {
-        show: false,
-        lineStyle: {
-          color: "#b9b8ce"
-        }
-      },
-      axisLabel: {
-        show: true,
-        color: "#b9b8ce"
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: ["#2a2a3c"]
-        }
-      },
-      splitArea: {
-        show: false,
-        areaStyle: {
-          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
-        }
-      }
-    },
-    timeAxis: {
-      axisLine: {
-        show: true,
-        lineStyle: {
-          color: "#484753"
-        }
-      },
-      axisTick: {
-        show: false,
-        lineStyle: {
-          color: "#b9b8ce"
-        }
-      },
-      axisLabel: {
-        show: true,
-        color: "#b9b8ce"
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: ["#2a2a3c"]
-        }
-      },
-      splitArea: {
-        show: false,
-        areaStyle: {
-          color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"]
-        }
-      }
-    },
-    toolbox: {
-      iconStyle: {
-        borderColor: "#b9b8ce"
-      },
-      emphasis: {
-        iconStyle: {
-          borderColor: "#eef1fa"
-        }
-      }
-    },
-    legend: {
-      textStyle: {
-        color: "#b9b8ce"
-      },
-      left: "center",
-      right: "auto",
-      top: "auto",
-      bottom: 15
-    },
-    tooltip: {
-      backgroundColor: "rgba(16,12,42,0.9)",
-      borderColor: "#484753",
-      borderWidth: 1,
-      textStyle: {
-        color: "#eef1fa"
-      },
-      axisPointer: {
-        lineStyle: {
-          color: "#484753",
-          width: 1
-        },
-        crossStyle: {
-          color: "#484753",
-          width: 1
-        }
-      }
-    },
-    timeline: {
-      lineStyle: {
-        color: "#7a85b3",
-        width: 1
-      },
-      itemStyle: {
-        color: "#7a85b3",
-        borderWidth: 1
-      },
-      controlStyle: {
-        color: "#7a85b3",
-        borderColor: "#7a85b3",
-        borderWidth: 0.5
-      },
-      checkpointStyle: {
-        color: "#5ec4f5",
-        borderColor: "rgba(94,196,245,0.25)"
-      },
-      label: {
-        color: "#7a85b3"
-      },
-      emphasis: {
-        itemStyle: {
-          color: "#7a85b3"
-        },
-        controlStyle: {
-          color: "#7a85b3",
-          borderColor: "#7a85b3",
-          borderWidth: 0.5
-        },
-        label: {
-          color: "#7a85b3"
-        }
-      }
-    },
-    visualMap: {
-      textStyle: {
-        color: "#b9b8ce"
-      },
-      color: ["#4a8cc7", "#7df5d5"]
-    },
-    markPoint: {
-      label: {
-        color: "#eef1fa"
-      },
-      emphasis: {
-        label: {
-          color: "#eef1fa"
-        }
-      }
-    },
-    grid: {
-      left: "15%",
-      right: "10%",
-      top: 65,
-      bottom: 80
-    }
-  });
-}
-
-exports.registerWaldenDarkTheme = registerWaldenDarkTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("echarts");function o(){e.registerTheme("walden-dark",{color:["#5ec4f5","#7df5d5","#7a85b3","#b5bdf2","#d8f5c4","#aee8f0"],backgroundColor:"rgba(0,0,0,0)",textStyle:{color:"#b9b8ce"},title:{textStyle:{color:"#eef1fa"},subtextStyle:{color:"#b9b8ce"}},line:{itemStyle:{borderWidth:"2"},lineStyle:{width:"3"},symbolSize:"8",symbol:"emptyCircle",smooth:!1},radar:{itemStyle:{borderWidth:"2"},lineStyle:{width:"3"},symbolSize:"8",symbol:"emptyCircle",smooth:!1},bar:{itemStyle:{barBorderWidth:0,barBorderColor:"#484753"}},pie:{itemStyle:{borderWidth:0,borderColor:"#484753"}},scatter:{itemStyle:{borderWidth:0,borderColor:"#484753"}},boxplot:{itemStyle:{borderWidth:0,borderColor:"#484753"}},parallel:{itemStyle:{borderWidth:0,borderColor:"#484753"}},sankey:{itemStyle:{borderWidth:0,borderColor:"#484753"}},funnel:{itemStyle:{borderWidth:0,borderColor:"#484753"}},gauge:{itemStyle:{borderWidth:0,borderColor:"#484753"},title:{color:"#b9b8ce"},detail:{color:"#eef1fa"},axisLine:{lineStyle:{color:[[1,"#484753"]]}},axisTick:{lineStyle:{color:"#484753"}},splitLine:{lineStyle:{color:"#484753"}},axisLabel:{color:"#b9b8ce"}},candlestick:{itemStyle:{color:"#f78fb3",color0:"transparent",borderColor:"#f78fb3",borderColor0:"#5ec4f5",borderWidth:"2"}},graph:{itemStyle:{borderWidth:0,borderColor:"#484753"},lineStyle:{width:"1",color:"#484753"},symbolSize:"8",symbol:"emptyCircle",smooth:!1,color:["#5ec4f5","#7df5d5","#7a85b3","#b5bdf2","#d8f5c4","#aee8f0"],label:{color:"#eef1fa"}},map:{itemStyle:{areaColor:"#2a2a3c",borderColor:"#484753",borderWidth:.5},label:{color:"#eef1fa"},emphasis:{itemStyle:{areaColor:"rgba(94,196,245,0.25)",borderColor:"#5ec4f5",borderWidth:1},label:{color:"#5ec4f5"}}},geo:{itemStyle:{areaColor:"#2a2a3c",borderColor:"#484753",borderWidth:.5},label:{color:"#eef1fa"},emphasis:{itemStyle:{areaColor:"rgba(94,196,245,0.25)",borderColor:"#5ec4f5",borderWidth:1},label:{color:"#5ec4f5"}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:"#484753"}},axisTick:{show:!1,lineStyle:{color:"#b9b8ce"}},axisLabel:{show:!0,color:"#b9b8ce"},splitLine:{show:!0,lineStyle:{color:["#2a2a3c"]}},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.02)","rgba(255,255,255,0.05)"]}}},valueAxis:{axisLine:{show:!0,lineStyle:{color:"#484753"}},axisTick:{show:!1,lineStyle:{color:"#b9b8ce"}},axisLabel:{show:!0,color:"#b9b8ce"},splitLine:{show:!0,lineStyle:{color:["#2a2a3c"]}},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.02)","rgba(255,255,255,0.05)"]}}},logAxis:{axisLine:{show:!0,lineStyle:{color:"#484753"}},axisTick:{show:!1,lineStyle:{color:"#b9b8ce"}},axisLabel:{show:!0,color:"#b9b8ce"},splitLine:{show:!0,lineStyle:{color:["#2a2a3c"]}},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.02)","rgba(255,255,255,0.05)"]}}},timeAxis:{axisLine:{show:!0,lineStyle:{color:"#484753"}},axisTick:{show:!1,lineStyle:{color:"#b9b8ce"}},axisLabel:{show:!0,color:"#b9b8ce"},splitLine:{show:!0,lineStyle:{color:["#2a2a3c"]}},splitArea:{show:!1,areaStyle:{color:["rgba(255,255,255,0.02)","rgba(255,255,255,0.05)"]}}},toolbox:{iconStyle:{borderColor:"#b9b8ce"},emphasis:{iconStyle:{borderColor:"#eef1fa"}}},legend:{textStyle:{color:"#b9b8ce"},left:"center",right:"auto",top:"auto",bottom:15},tooltip:{backgroundColor:"rgba(16,12,42,0.9)",borderColor:"#484753",borderWidth:1,textStyle:{color:"#eef1fa"},axisPointer:{lineStyle:{color:"#484753",width:1},crossStyle:{color:"#484753",width:1}}},timeline:{lineStyle:{color:"#7a85b3",width:1},itemStyle:{color:"#7a85b3",borderWidth:1},controlStyle:{color:"#7a85b3",borderColor:"#7a85b3",borderWidth:.5},checkpointStyle:{color:"#5ec4f5",borderColor:"rgba(94,196,245,0.25)"},label:{color:"#7a85b3"},emphasis:{itemStyle:{color:"#7a85b3"},controlStyle:{color:"#7a85b3",borderColor:"#7a85b3",borderWidth:.5},label:{color:"#7a85b3"}}},visualMap:{textStyle:{color:"#b9b8ce"},color:["#4a8cc7","#7df5d5"]},markPoint:{label:{color:"#eef1fa"},emphasis:{label:{color:"#eef1fa"}}},grid:{left:"15%",right:"10%",top:65,bottom:80}})}exports.registerWaldenDarkTheme=o;