@visactor/vchart 1.6.7 → 1.7.0-alpha.1

package/cjs/theme/builtin/common-mobile/constants.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.THEME_CONSTANTS = void 0, exports.THEME_CONSTANTS = {
+    defaultFontFamily: "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol",
+    defaultFontSize: 12,
+    l1FontSize: 30,
+    l1LineHeight: "150%",
+    l2FontSize: 18,
+    l2LineHeight: "140%",
+    l3FontSize: 14,
+    l3LineHeight: "150%",
+    l4FontSize: 12,
+    l4LineHeight: "150%",
+    l5FontSize: 10,
+    l5LineHeight: "130%",
+    l6FontSize: 8,
+    l6LineHeight: "120%",
+    axisTickSize: 0,
+    areaOpacity: .2
+};
+//# sourceMappingURL=constants.js.map

package/cjs/theme/builtin/common-mobile/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/builtin/common-mobile/constants.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAoB;IAC9C,iBAAiB,EAEf,gKAAgK;IAClK,eAAe,EAAE,EAAE;IAEnB,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,MAAM;IAEpB,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,MAAM;IAEpB,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,MAAM;IAEpB,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,MAAM;IAEpB,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,MAAM;IAEpB,UAAU,EAAE,CAAC;IACb,YAAY,EAAE,MAAM;IAEpB,YAAY,EAAE,CAAC;IAEf,WAAW,EAAE,GAAG;CACjB,CAAC","file":"constants.js","sourcesContent":["import type { IThemeConstants } from '../../interface';\n\nexport const THEME_CONSTANTS: IThemeConstants = {\n  defaultFontFamily:\n    // eslint-disable-next-line max-len\n    'PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol',\n  defaultFontSize: 12,\n\n  l1FontSize: 30,\n  l1LineHeight: '150%',\n\n  l2FontSize: 18,\n  l2LineHeight: '140%',\n\n  l3FontSize: 14,\n  l3LineHeight: '150%',\n\n  l4FontSize: 12,\n  l4LineHeight: '150%',\n\n  l5FontSize: 10,\n  l5LineHeight: '130%',\n\n  l6FontSize: 8,\n  l6LineHeight: '120%',\n\n  axisTickSize: 0,\n\n  areaOpacity: 0.2\n};\n"]}

package/cjs/theme/builtin/common-mobile/mark.d.ts

@@ -0,0 +1,3 @@
+import type { IGlobalMarkThemeByName, IGlobalMarkThemeByType } from '../../interface';
+export declare const markByType: IGlobalMarkThemeByType;
+export declare const markByName: IGlobalMarkThemeByName;

package/cjs/theme/builtin/common-mobile/mark.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.markByName = exports.markByType = void 0;
+
+const constants_1 = require("./constants");
+
+exports.markByType = {
+    text: {
+        style: {
+            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l4LineHeight,
+            fontWeight: "normal",
+            fillOpacity: 1
+        }
+    }
+}, exports.markByName = {
+    label: {
+        style: {
+            fontSize: constants_1.THEME_CONSTANTS.l4FontSize
+        }
+    },
+    line: {
+        style: {
+            lineWidth: 2
+        }
+    },
+    point: {
+        style: {
+            size: 8
+        }
+    }
+};
+//# sourceMappingURL=mark.js.map

package/cjs/theme/builtin/common-mobile/mark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/builtin/common-mobile/mark.ts"],"names":[],"mappings":";;;AACA,2CAA8C;AAEjC,QAAA,UAAU,GAA2B;IAChD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YAExC,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAA2B;IAChD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;SAErC;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;SACb;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;KACF;CACF,CAAC","file":"mark.js","sourcesContent":["import type { IGlobalMarkThemeByName, IGlobalMarkThemeByType } from '../../interface';\nimport { THEME_CONSTANTS } from './constants';\n\nexport const markByType: IGlobalMarkThemeByType = {\n  text: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      lineHeight: THEME_CONSTANTS.l4LineHeight,\n\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  }\n};\n\nexport const markByName: IGlobalMarkThemeByName = {\n  label: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize\n      // lineHeight: THEME_CONSTANTS.l4LineHeight,\n    }\n  },\n  line: {\n    style: {\n      lineWidth: 2\n    }\n  },\n  point: {\n    style: {\n      size: 8\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/dark/color-scheme.js

@@ -12,22 +12,31 @@ exports.colorScheme = {
         palette: {
             backgroundColor: "#202226",
             borderColor: "#404349",
-            shadowColor: "#000000",
+            shadowColor: "rgba(0,0,0,0.1)",
+            hoverBackgroundColor: "#404349",
+            sliderRailColor: "#404349",
+            sliderHandleColor: "#202226",
+            sliderTrackColor: "#4284FF",
+            popupBackgroundColor: "#404349",
             primaryFontColor: "#fdfdfd",
-            secondaryFontColor: "#888c93",
-            axisFontColor: "#bbbdc3",
+            secondaryFontColor: "#bbbdc3",
+            tertiaryFontColor: "#888c93",
+            axisLabelFontColor: "#888c93",
             disableFontColor: "#55595f",
-            labelReverseFontColor: "#202226",
+            axisMarkerFontColor: "#202226",
             axisGridColor: "#404349",
             axisDomainColor: "#4b4f54",
-            dataZoomHandlerStrokeColor: "#888c93",
-            dataZoomHandlerFillColor: "#202226",
-            dataZoomBackgroundColor: "#404349",
+            dataZoomHandleStrokeColor: "#bbbdc3",
             dataZoomChartColor: "#55595F",
-            dataZoomSelectedColor: "#4284FF",
-            scrollBarSliderColor: "#ffffff",
-            tooltipBackgroundColor: "#404349",
-            markLabelBackgroundColor: "#f0bd30"
+            playerControllerColor: "#4284FF",
+            scrollBarSliderColor: "rgba(255,255,255,0.3)",
+            axisMarkerBackgroundColor: "#fdfdfd",
+            markLabelBackgroundColor: "#404349",
+            markLineStrokeColor: "#bbbdc3",
+            dangerColor: "#eb4b4b",
+            warningColor: "#f0bd30",
+            successColor: "#14b267",
+            infoColor: "#4284ff"
         }
     }
 };

package/cjs/theme/builtin/dark/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/dark/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAGnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAEtB,WAAW,EAAE,SAAS;YAGtB,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,aAAa,EAAE,SAAS;YAExB,gBAAgB,EAAE,SAAS;YAE3B,qBAAqB,EAAE,SAAS;YAGhC,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAG1B,0BAA0B,EAAE,SAAS;YAErC,wBAAwB,EAAE,SAAS;YAEnC,uBAAuB,EAAE,SAAS;YAElC,kBAAkB,EAAE,SAAS;YAE7B,qBAAqB,EAAE,SAAS;YAGhC,oBAAoB,EAAE,SAAS;YAG/B,sBAAsB,EAAE,SAAS;YAGjC,wBAAwB,EAAE,SAAS;SACb;KACzB;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\nimport type { BuiltinColorPalette } from '../../color-scheme/builtin/interface';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#202226',\n      /** 图表边框色 */\n      borderColor: '#404349',\n      /** 默认阴影颜色 */\n      shadowColor: '#000000',\n\n      /** 主要字色 */\n      primaryFontColor: '#fdfdfd',\n      /** 次要字色 */\n      secondaryFontColor: '#888c93',\n      /** 轴字色 */\n      axisFontColor: '#bbbdc3',\n      /** 禁用字色 */\n      disableFontColor: '#55595f',\n      /** 标签反转字色 */\n      labelReverseFontColor: '#202226',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#404349',\n      /** 轴线颜色 */\n      axisDomainColor: '#4b4f54',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandlerStrokeColor: '#888c93',\n      /** 缩略轴滑块填充颜色 */\n      dataZoomHandlerFillColor: '#202226',\n      /** 缩略轴背景区域颜色 */\n      dataZoomBackgroundColor: '#404349',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#55595F',\n      /** 缩略轴选择区域颜色 */\n      dataZoomSelectedColor: '#4284FF',\n\n      /** 滚动条滑块颜色 */\n      scrollBarSliderColor: '#ffffff',\n\n      /** 提示信息背景区域颜色 */\n      tooltipBackgroundColor: '#404349',\n\n      /** 标注标签背景颜色 */\n      markLabelBackgroundColor: '#f0bd30'\n    } as BuiltinColorPalette\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/dark/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAGnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAEtB,WAAW,EAAE,iBAAiB;YAE9B,oBAAoB,EAAE,SAAS;YAE/B,eAAe,EAAE,SAAS;YAE1B,iBAAiB,EAAE,SAAS;YAE5B,gBAAgB,EAAE,SAAS;YAE3B,oBAAoB,EAAE,SAAS;YAG/B,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,iBAAiB,EAAE,SAAS;YAE5B,kBAAkB,EAAE,SAAS;YAE7B,gBAAgB,EAAE,SAAS;YAE3B,mBAAmB,EAAE,SAAS;YAG9B,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAG1B,yBAAyB,EAAE,SAAS;YAEpC,kBAAkB,EAAE,SAAS;YAG7B,qBAAqB,EAAE,SAAS;YAGhC,oBAAoB,EAAE,uBAAuB;YAG7C,yBAAyB,EAAE,SAAS;YAEpC,wBAAwB,EAAE,SAAS;YAEnC,mBAAmB,EAAE,SAAS;YAG9B,WAAW,EAAE,SAAS;YAEtB,YAAY,EAAE,SAAS;YAEvB,YAAY,EAAE,SAAS;YAEvB,SAAS,EAAE,SAAS;SACE;KACzB;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\nimport type { BuiltinColorPalette } from '../../color-scheme/builtin/interface';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#202226',\n      /** 图表边框色 */\n      borderColor: '#404349',\n      /** 默认阴影颜色 */\n      shadowColor: 'rgba(0,0,0,0.1)',\n      /** 鼠标 hover 项背景颜色 */\n      hoverBackgroundColor: '#404349',\n      /** 滑块类组件背景条填充颜色 */\n      sliderRailColor: '#404349',\n      /** 滑块类组件滑块填充颜色 */\n      sliderHandleColor: '#202226',\n      /** 滑块类组件已选范围填充颜色 */\n      sliderTrackColor: '#4284FF',\n      /** 浮层背景区域颜色 */\n      popupBackgroundColor: '#404349',\n\n      /** 主要字色 */\n      primaryFontColor: '#fdfdfd',\n      /** 次要字色 */\n      secondaryFontColor: '#bbbdc3',\n      /** 第三字色 */\n      tertiaryFontColor: '#888c93',\n      /** 轴标签字色 */\n      axisLabelFontColor: '#888c93',\n      /** 禁用字色 */\n      disableFontColor: '#55595f',\n      /** 轴高亮标记字色 */\n      axisMarkerFontColor: '#202226',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#404349',\n      /** 轴线颜色 */\n      axisDomainColor: '#4b4f54',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandleStrokeColor: '#bbbdc3',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#55595F',\n\n      /** 播放器控制器填充颜色 */\n      playerControllerColor: '#4284FF',\n\n      /** 滚动条滑块颜色 */\n      scrollBarSliderColor: 'rgba(255,255,255,0.3)',\n\n      /** 轴高亮标记背景色 */\n      axisMarkerBackgroundColor: '#fdfdfd',\n      /** 标注标签背景颜色 */\n      markLabelBackgroundColor: '#404349',\n      /** 标注线颜色 */\n      markLineStrokeColor: '#bbbdc3',\n\n      /** 危险色 */\n      dangerColor: '#eb4b4b',\n      /** 警告色 */\n      warningColor: '#f0bd30',\n      /** 成功色 */\n      successColor: '#14b267',\n      /** 信息色 */\n      infoColor: '#4284ff'\n    } as BuiltinColorPalette\n  }\n};\n"]}

package/cjs/theme/builtin/dark-mobile/index.d.ts

@@ -0,0 +1,2 @@
+import type { ITheme } from '../../interface';
+export declare const darkMobileTheme: ITheme;

package/cjs/theme/builtin/dark-mobile/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.darkMobileTheme = void 0;
+
+const component_1 = require("../common-mobile/component"), mark_1 = require("../common-mobile/mark"), color_scheme_1 = require("../dark/color-scheme");
+
+exports.darkMobileTheme = {
+    name: "dark-mobile",
+    type: "dark",
+    padding: 12,
+    colorScheme: color_scheme_1.colorScheme,
+    component: component_1.component,
+    mark: mark_1.markByType,
+    markByName: mark_1.markByName
+};
+//# sourceMappingURL=index.js.map

package/cjs/theme/builtin/dark-mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/builtin/dark-mobile/index.ts"],"names":[],"mappings":";;;AAQA,0DAAuD;AACvD,gDAA+D;AAC/D,uDAAmD;AAEtC,QAAA,eAAe,GAAW;IACrC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,EAAE;IACX,WAAW,EAAX,0BAAW;IACX,SAAS,EAAT,qBAAS;IACT,IAAI,EAAE,iBAAU;IAChB,UAAU,EAAV,iBAAU;CACX,CAAC","file":"index.js","sourcesContent":["/**\n * 主题的命名，不要使用类似 arco，default 等字段，应该要以主题的特征来，颜色/场景特征（light, dark）\n *\n * 1. 对除了 color 外的一些主题设置，应该要有专门的设计，**不要直接复制**\n * 2. 原则上来讲，默认值尽量都放主题中，但是也可根据情况自行判断\n * 3. 目前主题只到系列，不到系列的 mark，对于这个分界没有太清楚，后续根据需求再做开放\n */\nimport type { ITheme } from '../../interface';\nimport { component } from '../common-mobile/component';\nimport { markByName, markByType } from '../common-mobile/mark';\nimport { colorScheme } from '../dark/color-scheme';\n\nexport const darkMobileTheme: ITheme = {\n  name: 'dark-mobile',\n  type: 'dark',\n  padding: 12,\n  colorScheme,\n  component,\n  mark: markByType,\n  markByName\n};\n"]}

package/cjs/theme/builtin/index.d.ts

@@ -1,15 +1,13 @@
 export * from './light';
+export * from './dark';
 export * from './common/legacy';
-import type { IChartLevelTheme } from '../../core/interface';
 import type { ITheme } from '../interface';
 export declare const builtinThemes: Record<string, ITheme>;
-export declare const getDefaultThemeName: (type?: ITheme['type']) => string;
 export declare const defaultThemeName: string;
 export declare const themes: Map<string, ITheme>;
 export declare const hasThemeMerged: Map<string, boolean>;
 export declare const registerTheme: (name: string, theme: Partial<ITheme>) => void;
-export declare const getTheme: (name: string) => ITheme;
+export declare const getTheme: (name?: string, transformed?: boolean) => ITheme;
 export declare const removeTheme: (name: string) => boolean;
 export declare const themeExist: (name: any) => boolean;
 export declare const getMergedTheme: (theme: Partial<ITheme>) => ITheme;
-export declare const defaultChartLevelTheme: IChartLevelTheme;

package/cjs/theme/builtin/index.js

@@ -17,34 +17,36 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.defaultChartLevelTheme = exports.getMergedTheme = exports.themeExist = exports.removeTheme = exports.getTheme = exports.registerTheme = exports.hasThemeMerged = exports.themes = exports.defaultThemeName = exports.getDefaultThemeName = exports.builtinThemes = void 0, 
-__exportStar(require("./light"), exports), __exportStar(require("./common/legacy"), exports);
+}), exports.getMergedTheme = exports.themeExist = exports.removeTheme = exports.getTheme = exports.registerTheme = exports.hasThemeMerged = exports.themes = exports.defaultThemeName = exports.builtinThemes = void 0, 
+__exportStar(require("./light"), exports), __exportStar(require("./dark"), exports), 
+__exportStar(require("./common/legacy"), exports);
 
-const vutils_1 = require("@visactor/vutils"), merge_theme_1 = require("../../util/spec/merge-theme"), util_1 = require("../color-scheme/util"), dark_1 = require("./dark"), light_1 = require("./light");
+const vutils_1 = require("@visactor/vutils"), merge_theme_1 = require("../../util/spec/merge-theme"), light_1 = require("./light"), preprocess_1 = require("../../util/spec/preprocess");
 
 exports.builtinThemes = {
-    [light_1.lightTheme.name]: light_1.lightTheme,
-    [dark_1.darkTheme.name]: dark_1.darkTheme
-};
+    [light_1.lightTheme.name]: light_1.lightTheme
+}, exports.defaultThemeName = light_1.lightTheme.name, exports.themes = new Map(Object.keys(exports.builtinThemes).map((key => [ key, exports.builtinThemes[key] ])));
 
-const getDefaultThemeName = type => "dark" === type ? dark_1.darkTheme.name : light_1.lightTheme.name;
+const transformedThemes = new Map(Object.keys(exports.builtinThemes).map((key => [ key, (0, 
+preprocess_1.preprocessTheme)(exports.builtinThemes[key], exports.builtinThemes[key].colorScheme) ])));
 
-exports.getDefaultThemeName = getDefaultThemeName, exports.defaultThemeName = (0, 
-exports.getDefaultThemeName)(), exports.themes = new Map(Object.keys(exports.builtinThemes).map((key => [ key, exports.builtinThemes[key] ]))), 
 exports.hasThemeMerged = new Map(Object.keys(exports.builtinThemes).map((key => [ key, key === exports.defaultThemeName ])));
 
 const registerTheme = (name, theme) => {
-    name && (exports.themes.set(name, (0, exports.getMergedTheme)(theme)), exports.hasThemeMerged.set(name, !0));
+    if (!name) return;
+    const mergedTheme = (0, exports.getMergedTheme)(theme);
+    exports.themes.set(name, mergedTheme), transformedThemes.set(name, (0, preprocess_1.preprocessTheme)(mergedTheme, mergedTheme.colorScheme)), 
+    exports.hasThemeMerged.set(name, !0);
 };
 
 exports.registerTheme = registerTheme;
 
-const getTheme = name => (exports.hasThemeMerged.has(name) && !exports.hasThemeMerged.get(name) && (0, 
-exports.registerTheme)(name, exports.themes.get(name)), exports.themes.get(name) || exports.themes.get(exports.defaultThemeName));
+const getTheme = (name = exports.defaultThemeName, transformed = !1) => (exports.hasThemeMerged.has(name) && !exports.hasThemeMerged.get(name) && (0, 
+exports.registerTheme)(name, exports.themes.get(name)), transformed ? transformedThemes.get(name) : exports.themes.get(name));
 
 exports.getTheme = getTheme;
 
-const removeTheme = name => exports.themes.delete(name) && exports.hasThemeMerged.delete(name);
+const removeTheme = name => exports.themes.delete(name) && transformedThemes.delete(name) && exports.hasThemeMerged.delete(name);
 
 exports.removeTheme = removeTheme;
 
@@ -53,14 +55,9 @@ const themeExist = name => !!(0, vutils_1.isString)(name) && exports.themes.has(
 exports.themeExist = themeExist;
 
 const getMergedTheme = theme => {
-    const baseThemeName = (0, exports.getDefaultThemeName)(theme.type), baseTheme = (0, 
-    exports.getTheme)(baseThemeName);
+    const baseTheme = (0, exports.getTheme)(exports.defaultThemeName);
     return (0, merge_theme_1.mergeTheme)({}, baseTheme, theme);
 };
 
-exports.getMergedTheme = getMergedTheme, exports.defaultChartLevelTheme = {
-    background: (0, util_1.getActualColor)(exports.builtinThemes[exports.defaultThemeName].background, exports.builtinThemes[exports.defaultThemeName].colorScheme),
-    fontFamily: exports.builtinThemes[exports.defaultThemeName].fontFamily,
-    colorScheme: exports.builtinThemes[exports.defaultThemeName].colorScheme
-};
+exports.getMergedTheme = getMergedTheme;
 //# sourceMappingURL=index.js.map

package/cjs/theme/builtin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export * from './light';\n/** 历史弃用主题 */\nexport * from './common/legacy';\n\nimport { isString } from '@visactor/vutils';\nimport type { IChartLevelTheme } from '../../core/interface';\nimport { mergeTheme } from '../../util/spec/merge-theme';\nimport { getActualColor } from '../color-scheme/util';\nimport type { ITheme } from '../interface';\nimport { darkTheme } from './dark';\nimport { lightTheme } from './light';\n\n/** 声明内置主题 */\nexport const builtinThemes: Record<string, ITheme> = {\n  [lightTheme.name]: lightTheme,\n  [darkTheme.name]: darkTheme\n};\n\n/** 获取默认主题 */\nexport const getDefaultThemeName = (type?: ITheme['type']) => (type === 'dark' ? darkTheme.name : lightTheme.name);\nexport const defaultThemeName = getDefaultThemeName();\n\n/** 全局主题 map (包含用户新注册的主题) */\nexport const themes: Map<string, ITheme> = new Map(Object.keys(builtinThemes).map(key => [key, builtinThemes[key]]));\n/** 主题 map 中的元素是否 merge 过默认主题 (非默认主题的其他内置主题没有 merge 过默认主题) */\nexport const hasThemeMerged: Map<string, boolean> = new Map(\n  Object.keys(builtinThemes).map(key => [key, key === defaultThemeName])\n);\n\n/** 注册主题 */\nexport const registerTheme = (name: string, theme: Partial<ITheme>) => {\n  if (!name) {\n    return;\n  }\n  // 所有主题基于默认主题扩展，保证基础值\n  themes.set(name, getMergedTheme(theme));\n  hasThemeMerged.set(name, true);\n};\n\n/** 获取注册过的主题 */\nexport const getTheme = (name: string) => {\n  if (hasThemeMerged.has(name) && !hasThemeMerged.get(name)) {\n    // 重新 merge 默认主题\n    registerTheme(name, themes.get(name));\n  }\n  return themes.get(name) || themes.get(defaultThemeName);\n};\n\n/** 删除主题 */\nexport const removeTheme = (name: string): boolean => {\n  return themes.delete(name) && hasThemeMerged.delete(name);\n};\n\n/** 主题是否存在 */\nexport const themeExist = (name: any) => {\n  if (!isString(name)) {\n    return false;\n  }\n  return themes.has(name);\n};\n\n/** 使新主题基于默认主题扩展，保证基础值 */\nexport const getMergedTheme = (theme: Partial<ITheme>): ITheme => {\n  const baseThemeName = getDefaultThemeName(theme.type);\n  const baseTheme = getTheme(baseThemeName);\n  return mergeTheme({}, baseTheme, theme);\n};\n\nexport const defaultChartLevelTheme: IChartLevelTheme = {\n  background: getActualColor(builtinThemes[defaultThemeName].background, builtinThemes[defaultThemeName].colorScheme),\n  fontFamily: builtinThemes[defaultThemeName].fontFamily,\n  colorScheme: builtinThemes[defaultThemeName].colorScheme\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export * from './light';\nexport * from './dark';\n/** 历史弃用主题 */\nexport * from './common/legacy';\n\nimport { isString } from '@visactor/vutils';\nimport { mergeTheme } from '../../util/spec/merge-theme';\nimport type { ITheme } from '../interface';\nimport { lightTheme } from './light';\n// import { darkTheme } from './dark';\nimport { preprocessTheme } from '../../util/spec/preprocess';\n\n/** 声明内置主题(含 token 未转换) */\nexport const builtinThemes: Record<string, ITheme> = {\n  [lightTheme.name]: lightTheme\n  // [darkTheme.name]: darkTheme\n};\n/** 默认主题名称 */\nexport const defaultThemeName = lightTheme.name;\n\n/** 全局主题 map (包含用户新注册的主题)(含 token 未转换) */\nexport const themes: Map<string, ITheme> = new Map(Object.keys(builtinThemes).map(key => [key, builtinThemes[key]]));\n\n/** 全局已将 token 转换的主题 map (包含用户新注册的主题) */\nconst transformedThemes: Map<string, ITheme> = new Map(\n  Object.keys(builtinThemes).map(key => [key, preprocessTheme(builtinThemes[key], builtinThemes[key].colorScheme)])\n);\n\n/** 主题 map 中的元素是否 merge 过默认主题 (非默认主题的其他内置主题没有 merge 过默认主题) */\nexport const hasThemeMerged: Map<string, boolean> = new Map(\n  Object.keys(builtinThemes).map(key => [key, key === defaultThemeName])\n);\n\n/** 注册主题 */\nexport const registerTheme = (name: string, theme: Partial<ITheme>) => {\n  if (!name) {\n    return;\n  }\n  // 所有主题基于默认主题扩展，保证基础值\n  const mergedTheme = getMergedTheme(theme);\n  themes.set(name, mergedTheme);\n  transformedThemes.set(name, preprocessTheme(mergedTheme, mergedTheme.colorScheme));\n  hasThemeMerged.set(name, true);\n};\n/**\n * 获取注册过的主题\n * @param name 主题名称\n * @param transformed 是否获取 token 转换后的主题\n * @returns 返回主题\n */\nexport const getTheme = (name: string = defaultThemeName, transformed: boolean = false) => {\n  if (hasThemeMerged.has(name) && !hasThemeMerged.get(name)) {\n    // 重新 merge 默认主题\n    registerTheme(name, themes.get(name));\n  }\n\n  if (transformed) {\n    return transformedThemes.get(name);\n  }\n\n  return themes.get(name);\n};\n\n/** 删除主题 */\nexport const removeTheme = (name: string): boolean => {\n  return themes.delete(name) && transformedThemes.delete(name) && hasThemeMerged.delete(name);\n};\n\n/** 主题是否存在 */\nexport const themeExist = (name: any) => {\n  if (!isString(name)) {\n    return false;\n  }\n  return themes.has(name);\n};\n\n/** 使新主题基于默认主题扩展，保证基础值 */\nexport const getMergedTheme = (theme: Partial<ITheme>): ITheme => {\n  const baseTheme = getTheme(defaultThemeName);\n  return mergeTheme({}, baseTheme, theme);\n};\n"]}

package/cjs/theme/builtin/light/color-scheme.js

@@ -12,22 +12,31 @@ exports.colorScheme = {
         palette: {
             backgroundColor: "#ffffff",
             borderColor: "#e3e5e8",
-            shadowColor: "#21252c",
+            shadowColor: "rgba(33,37,44,0.1)",
+            hoverBackgroundColor: "#f1f2f5",
+            sliderRailColor: "#f1f3f4",
+            sliderHandleColor: "#ffffff",
+            sliderTrackColor: "#0040ff",
+            popupBackgroundColor: "#ffffff",
             primaryFontColor: "#21252c",
             secondaryFontColor: "#606773",
-            axisFontColor: "#89909d",
+            tertiaryFontColor: "#89909d",
+            axisLabelFontColor: "#89909d",
             disableFontColor: "#bcc1cb",
-            labelReverseFontColor: "#ffffff",
+            axisMarkerFontColor: "#ffffff",
             axisGridColor: "#f1f2f5",
             axisDomainColor: "#d9dde4",
-            dataZoomHandlerStrokeColor: "#aeb5be",
-            dataZoomHandlerFillColor: "#ffffff",
-            dataZoomBackgroundColor: "#f1f3f4",
+            dataZoomHandleStrokeColor: "#aeb5be",
             dataZoomChartColor: "#c9ced8",
-            dataZoomSelectedColor: "#0040ff",
-            scrollBarSliderColor: "#000000",
-            tooltipBackgroundColor: "#ffffff",
-            markLabelBackgroundColor: "#ffc528"
+            playerControllerColor: "#0040ff",
+            scrollBarSliderColor: "rgba(0,0,0,0.3)",
+            axisMarkerBackgroundColor: "#21252c",
+            markLabelBackgroundColor: "#f1f2f5",
+            markLineStrokeColor: "#606773",
+            dangerColor: "#e33232",
+            warningColor: "#ffc528",
+            successColor: "#07a35a",
+            infoColor: "#3073f2"
         }
     }
 };

package/cjs/theme/builtin/light/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/light/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAGnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAEtB,WAAW,EAAE,SAAS;YAGtB,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,aAAa,EAAE,SAAS;YAExB,gBAAgB,EAAE,SAAS;YAE3B,qBAAqB,EAAE,SAAS;YAGhC,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAG1B,0BAA0B,EAAE,SAAS;YAErC,wBAAwB,EAAE,SAAS;YAEnC,uBAAuB,EAAE,SAAS;YAElC,kBAAkB,EAAE,SAAS;YAE7B,qBAAqB,EAAE,SAAS;YAGhC,oBAAoB,EAAE,SAAS;YAG/B,sBAAsB,EAAE,SAAS;YAGjC,wBAAwB,EAAE,SAAS;SACb;KACzB;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\nimport type { BuiltinColorPalette } from '../../color-scheme/builtin/interface';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#ffffff',\n      /** 图表边框色 */\n      borderColor: '#e3e5e8',\n      /** 默认阴影颜色 */\n      shadowColor: '#21252c',\n\n      /** 主要字色 */\n      primaryFontColor: '#21252c',\n      /** 次要字色 */\n      secondaryFontColor: '#606773',\n      /** 轴字色 */\n      axisFontColor: '#89909d',\n      /** 禁用字色 */\n      disableFontColor: '#bcc1cb',\n      /** 标签反转字色 */\n      labelReverseFontColor: '#ffffff',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#f1f2f5',\n      /** 轴线颜色 */\n      axisDomainColor: '#d9dde4',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandlerStrokeColor: '#aeb5be',\n      /** 缩略轴滑块填充颜色 */\n      dataZoomHandlerFillColor: '#ffffff',\n      /** 缩略轴背景区域颜色 */\n      dataZoomBackgroundColor: '#f1f3f4',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#c9ced8',\n      /** 缩略轴选择区域颜色 */\n      dataZoomSelectedColor: '#0040ff',\n\n      /** 滚动条滑块颜色 */\n      scrollBarSliderColor: '#000000',\n\n      /** 提示信息背景区域颜色 */\n      tooltipBackgroundColor: '#ffffff',\n\n      /** 标注标签背景颜色 */\n      markLabelBackgroundColor: '#ffc528'\n    } as BuiltinColorPalette\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/light/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAGnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAEtB,WAAW,EAAE,oBAAoB;YAEjC,oBAAoB,EAAE,SAAS;YAE/B,eAAe,EAAE,SAAS;YAE1B,iBAAiB,EAAE,SAAS;YAE5B,gBAAgB,EAAE,SAAS;YAE3B,oBAAoB,EAAE,SAAS;YAG/B,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,iBAAiB,EAAE,SAAS;YAE5B,kBAAkB,EAAE,SAAS;YAE7B,gBAAgB,EAAE,SAAS;YAE3B,mBAAmB,EAAE,SAAS;YAG9B,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAG1B,yBAAyB,EAAE,SAAS;YAEpC,kBAAkB,EAAE,SAAS;YAG7B,qBAAqB,EAAE,SAAS;YAGhC,oBAAoB,EAAE,iBAAiB;YAGvC,yBAAyB,EAAE,SAAS;YAEpC,wBAAwB,EAAE,SAAS;YAEnC,mBAAmB,EAAE,SAAS;YAG9B,WAAW,EAAE,SAAS;YAEtB,YAAY,EAAE,SAAS;YAEvB,YAAY,EAAE,SAAS;YAEvB,SAAS,EAAE,SAAS;SACE;KACzB;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\nimport type { BuiltinColorPalette } from '../../color-scheme/builtin/interface';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#ffffff',\n      /** 图表边框色 */\n      borderColor: '#e3e5e8',\n      /** 默认阴影颜色 */\n      shadowColor: 'rgba(33,37,44,0.1)',\n      /** 鼠标 hover 项背景颜色 */\n      hoverBackgroundColor: '#f1f2f5',\n      /** 滑块类组件背景条填充颜色 */\n      sliderRailColor: '#f1f3f4',\n      /** 滑块类组件滑块填充颜色 */\n      sliderHandleColor: '#ffffff',\n      /** 滑块类组件已选范围填充颜色 */\n      sliderTrackColor: '#0040ff',\n      /** 浮层背景区域颜色 */\n      popupBackgroundColor: '#ffffff',\n\n      /** 主要字色 */\n      primaryFontColor: '#21252c',\n      /** 次要字色 */\n      secondaryFontColor: '#606773',\n      /** 第三字色 */\n      tertiaryFontColor: '#89909d',\n      /** 轴标签字色 */\n      axisLabelFontColor: '#89909d',\n      /** 禁用字色 */\n      disableFontColor: '#bcc1cb',\n      /** 轴高亮标记字色 */\n      axisMarkerFontColor: '#ffffff',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#f1f2f5',\n      /** 轴线颜色 */\n      axisDomainColor: '#d9dde4',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandleStrokeColor: '#aeb5be',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#c9ced8',\n\n      /** 播放器控制器填充颜色 */\n      playerControllerColor: '#0040ff',\n\n      /** 滚动条滑块颜色 */\n      scrollBarSliderColor: 'rgba(0,0,0,0.3)',\n\n      /** 轴高亮标记背景色 */\n      axisMarkerBackgroundColor: '#21252c',\n      /** 标注标签背景颜色 */\n      markLabelBackgroundColor: '#f1f2f5',\n      /** 标注线颜色 */\n      markLineStrokeColor: '#606773',\n\n      /** 危险色 */\n      dangerColor: '#e33232',\n      /** 警告色 */\n      warningColor: '#ffc528',\n      /** 成功色 */\n      successColor: '#07a35a',\n      /** 信息色 */\n      infoColor: '#3073f2'\n    } as BuiltinColorPalette\n  }\n};\n"]}

package/cjs/theme/builtin/light-mobile/index.d.ts

@@ -0,0 +1,2 @@
+import type { ITheme } from '../../interface';
+export declare const lightMobileTheme: ITheme;

package/cjs/theme/builtin/light-mobile/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.lightMobileTheme = void 0;
+
+const component_1 = require("../common-mobile/component"), mark_1 = require("../common-mobile/mark"), color_scheme_1 = require("../light/color-scheme");
+
+exports.lightMobileTheme = {
+    name: "light-mobile",
+    type: "light",
+    padding: 12,
+    colorScheme: color_scheme_1.colorScheme,
+    component: component_1.component,
+    mark: mark_1.markByType,
+    markByName: mark_1.markByName
+};
+//# sourceMappingURL=index.js.map

package/cjs/theme/builtin/light-mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/builtin/light-mobile/index.ts"],"names":[],"mappings":";;;AAQA,0DAAuD;AACvD,gDAA+D;AAC/D,wDAAoD;AAEvC,QAAA,gBAAgB,GAAW;IACtC,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,EAAE;IACX,WAAW,EAAX,0BAAW;IACX,SAAS,EAAT,qBAAS;IACT,IAAI,EAAE,iBAAU;IAChB,UAAU,EAAV,iBAAU;CACX,CAAC","file":"index.js","sourcesContent":["/**\n * 主题的命名，不要使用类似 arco，default 等字段，应该要以主题的特征来，颜色/场景特征（light, dark）\n *\n * 1. 对除了 color 外的一些主题设置，应该要有专门的设计，**不要直接复制**\n * 2. 原则上来讲，默认值尽量都放主题中，但是也可根据情况自行判断\n * 3. 目前主题只到系列，不到系列的 mark，对于这个分界没有太清楚，后续根据需求再做开放\n */\nimport type { ITheme } from '../../interface';\nimport { component } from '../common-mobile/component';\nimport { markByName, markByType } from '../common-mobile/mark';\nimport { colorScheme } from '../light/color-scheme';\n\nexport const lightMobileTheme: ITheme = {\n  name: 'light-mobile',\n  type: 'light',\n  padding: 12,\n  colorScheme,\n  component,\n  mark: markByType,\n  markByName\n};\n"]}

package/cjs/theme/color-scheme/builtin/interface.d.ts

@@ -3,19 +3,28 @@ export type BuiltinColorPalette = IColorSchemeStruct['palette'] & {
     backgroundColor: string;
     borderColor: string;
     shadowColor: string;
+    hoverBackgroundColor: string;
+    sliderRailColor: string;
+    sliderHandleColor: string;
+    sliderTrackColor: string;
+    popupBackgroundColor: string;
     primaryFontColor: string;
     secondaryFontColor: string;
-    axisFontColor: string;
+    tertiaryFontColor: string;
+    axisLabelFontColor: string;
     disableFontColor: string;
-    labelReverseFontColor: string;
+    axisMarkerFontColor: string;
     axisGridColor: string;
     axisDomainColor: string;
-    dataZoomHandlerStrokeColor: string;
-    dataZoomHandlerFillColor: string;
-    dataZoomBackgroundColor: string;
+    dataZoomHandleStrokeColor: string;
     dataZoomChartColor: string;
-    dataZoomSelectedColor: string;
+    playerControllerColor: string;
     scrollBarSliderColor: string;
-    tooltipBackgroundColor: string;
+    axisMarkerBackgroundColor: string;
     markLabelBackgroundColor: string;
+    markLineStrokeColor: string;
+    dangerColor: string;
+    warningColor: string;
+    successColor: string;
+    infoColor: string;
 };

package/cjs/theme/color-scheme/builtin/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/color-scheme/builtin/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IColorSchemeStruct } from '../interface';\n\nexport type BuiltinColorPalette = IColorSchemeStruct['palette'] & {\n  /** 背景色 */\n  backgroundColor: string;\n  /** 图表边框色 */\n  borderColor: string;\n  /** 默认阴影颜色 */\n  shadowColor: string;\n\n  /** 主要字色（图表标题、大数字） */\n  primaryFontColor: string;\n  /** 次要字色（图例、tooltip、数据标签） */\n  secondaryFontColor: string;\n  /** 轴字色 */\n  axisFontColor: string;\n  /** 禁用字色（非激活态字色） */\n  disableFontColor: string;\n  /** 标签反转字色 */\n  labelReverseFontColor: string;\n\n  /** 轴网格线颜色 */\n  axisGridColor: string;\n  /** 轴线颜色 */\n  axisDomainColor: string;\n\n  /** 缩略轴滑块描边颜色 */\n  dataZoomHandlerStrokeColor: string;\n  /** 缩略轴滑块填充颜色 */\n  dataZoomHandlerFillColor: string;\n  /** 缩略轴背景区域颜色 */\n  dataZoomBackgroundColor: string;\n  /** 缩略轴图表区域颜色 */\n  dataZoomChartColor: string;\n  /** 缩略轴选择区域颜色 */\n  dataZoomSelectedColor: string;\n\n  /** 滚动条滑块颜色 */\n  scrollBarSliderColor: string;\n\n  /** 提示信息背景区域颜色 */\n  tooltipBackgroundColor: string;\n\n  /** 标注标签背景颜色 */\n  markLabelBackgroundColor: string;\n};\n"]}
+{"version":3,"sources":["../src/theme/color-scheme/builtin/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IColorSchemeStruct } from '../interface';\n\nexport type BuiltinColorPalette = IColorSchemeStruct['palette'] & {\n  /** 背景色 */\n  backgroundColor: string;\n  /** 图表边框色 */\n  borderColor: string;\n  /** 默认阴影颜色 */\n  shadowColor: string;\n  /** 鼠标 hover 项背景颜色 */\n  hoverBackgroundColor: string;\n  /** 滑块类组件背景条填充颜色 */\n  sliderRailColor: string;\n  /** 滑块类组件滑块填充颜色 */\n  sliderHandleColor: string;\n  /** 滑块类组件已选范围填充颜色 */\n  sliderTrackColor: string;\n  /** 浮层背景区域颜色 */\n  popupBackgroundColor: string;\n\n  /** 主要字色（图表标题、大数字） */\n  primaryFontColor: string;\n  /** 次要字色（图例、tooltip、数据标签） */\n  secondaryFontColor: string;\n  /** 第三字色（图表副标题） */\n  tertiaryFontColor: string;\n  /** 轴标签字色 */\n  axisLabelFontColor: string;\n  /** 禁用字色（非激活态字色） */\n  disableFontColor: string;\n  /** 轴高亮标记字色（crosshair 标签字色） */\n  axisMarkerFontColor: string;\n\n  /** 轴网格线颜色 */\n  axisGridColor: string;\n  /** 轴线颜色 */\n  axisDomainColor: string;\n\n  /** 缩略轴滑块描边颜色 */\n  dataZoomHandleStrokeColor: string;\n  /** 缩略轴图表区域颜色 */\n  dataZoomChartColor: string;\n\n  /** 播放器控制器填充颜色 */\n  playerControllerColor: string;\n\n  /** 滚动条滑块颜色 */\n  scrollBarSliderColor: string;\n\n  /** 轴高亮标记背景色（crosshair 标签背景色） */\n  axisMarkerBackgroundColor: string;\n  /** 标注标签背景颜色 */\n  markLabelBackgroundColor: string;\n  /** 标注线颜色 */\n  markLineStrokeColor: string;\n\n  /** 危险色 */\n  dangerColor: string;\n  /** 警告色 */\n  warningColor: string;\n  /** 成功色 */\n  successColor: string;\n  /** 信息色 */\n  infoColor: string;\n};\n"]}

package/cjs/theme/color-scheme/legacy.js

@@ -13,9 +13,25 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.getUpgradedTokenValue = exports.legacyTokenToNewToken = exports.newTokenToLegacyToken = void 0, 
 exports.newTokenToLegacyToken = {
     primaryFontColor: "titleFontColor",
-    secondaryFontColor: "labelFontColor"
+    secondaryFontColor: "labelFontColor",
+    axisLabelFontColor: "axisFontColor",
+    axisMarkerFontColor: "labelReverseFontColor",
+    dataZoomHandleStrokeColor: "dataZoomHandlerStrokeColor",
+    sliderHandleColor: "dataZoomHandlerFillColor",
+    sliderRailColor: "dataZoomBackgroundColor",
+    sliderTrackColor: "dataZoomSelectedColor",
+    playerControllerColor: "dataZoomSelectedColor",
+    popupBackgroundColor: "tooltipBackgroundColor",
+    hoverBackgroundColor: "axisGridColor"
 }, exports.legacyTokenToNewToken = {
     titleFontColor: "primaryFontColor",
-    labelFontColor: "secondaryFontColor"
+    labelFontColor: "secondaryFontColor",
+    axisFontColor: "axisLabelFontColor",
+    labelReverseFontColor: "axisMarkerFontColor",
+    dataZoomHandlerStrokeColor: "dataZoomHandleStrokeColor",
+    dataZoomHandlerFillColor: "sliderHandleColor",
+    dataZoomBackgroundColor: "sliderRailColor",
+    dataZoomSelectedColor: "sliderTrackColor",
+    tooltipBackgroundColor: "popupBackgroundColor"
 }, exports.getUpgradedTokenValue = getUpgradedTokenValue;
 //# sourceMappingURL=legacy.js.map

package/cjs/theme/color-scheme/legacy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/color-scheme/legacy.ts"],"names":[],"mappings":";;;AAQa,QAAA,qBAAqB,GAA8C;IAC9E,gBAAgB,EAAE,gBAAgB;IAClC,kBAAkB,EAAE,gBAAgB;CACrC,CAAC;AAEW,QAAA,qBAAqB,GAA8C;IAC9E,cAAc,EAAE,kBAAkB;IAClC,cAAc,EAAE,oBAAoB;CACrC,CAAC;AAEF,SAAgB,qBAAqB,CAAC,OAAsC,EAAE,GAAW;IAEvF,MAAM,SAAS,GAAG,6BAAqB,CAAC,GAAG,CAAC,CAAC;IAC7C,IAAI,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;QACnC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;KAC3B;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;QAChB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;KACrB;IAED,MAAM,MAAM,GAAG,6BAAqB,CAAC,GAAG,CAAC,CAAC;IAC1C,IAAI,MAAM,EAAE;QACV,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;KACxB;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAjBD,sDAiBC","file":"legacy.js","sourcesContent":["// FIXME: token 兼容策略，照目前的设计不应该硬编码。\n// 后续需要二选一：\n// - 主题模块指定唯一一套支持的 token（可以保留这段硬编码）\n// - 在默认主题中做声明式的兼容（需要删除这段硬编码，并在 IColorKey 中支持新属性）\n\nimport type { BuiltinColorPalette } from './builtin';\nimport type { ColorSchemeItem, IColorSchemeStruct } from './interface';\n\nexport const newTokenToLegacyToken: Record<keyof BuiltinColorPalette, string> = {\n  primaryFontColor: 'titleFontColor',\n  secondaryFontColor: 'labelFontColor'\n};\n\nexport const legacyTokenToNewToken: Record<string, keyof BuiltinColorPalette> = {\n  titleFontColor: 'primaryFontColor',\n  labelFontColor: 'secondaryFontColor'\n};\n\nexport function getUpgradedTokenValue(palette: IColorSchemeStruct['palette'], key: string): ColorSchemeItem {\n  // 情况一：用户定义了包含旧 token 的新色板\n  const legacyKey = newTokenToLegacyToken[key];\n  if (legacyKey && palette[legacyKey]) {\n    return palette[legacyKey];\n  }\n  // 情况二：默认情况，用户尝试取色（大部分情况下在此退出）\n  if (palette[key]) {\n    return palette[key];\n  }\n  // 情况三：用户没有取到颜色，判断用户是否在尝试用旧 token 取色\n  const newKey = legacyTokenToNewToken[key];\n  if (newKey) {\n    return palette[newKey];\n  }\n  // 情况四：真的取不到颜色\n  return undefined;\n}\n"]}
+{"version":3,"sources":["../src/theme/color-scheme/legacy.ts"],"names":[],"mappings":";;;AAQa,QAAA,qBAAqB,GAA8C;IAC9E,gBAAgB,EAAE,gBAAgB;IAClC,kBAAkB,EAAE,gBAAgB;IACpC,kBAAkB,EAAE,eAAe;IACnC,mBAAmB,EAAE,uBAAuB;IAC5C,yBAAyB,EAAE,4BAA4B;IACvD,iBAAiB,EAAE,0BAA0B;IAC7C,eAAe,EAAE,yBAAyB;IAC1C,gBAAgB,EAAE,uBAAuB;IACzC,qBAAqB,EAAE,uBAAuB;IAC9C,oBAAoB,EAAE,wBAAwB;IAC9C,oBAAoB,EAAE,eAAe;CAItC,CAAC;AAEW,QAAA,qBAAqB,GAA8C;IAC9E,cAAc,EAAE,kBAAkB;IAClC,cAAc,EAAE,oBAAoB;IACpC,aAAa,EAAE,oBAAoB;IACnC,qBAAqB,EAAE,qBAAqB;IAC5C,0BAA0B,EAAE,2BAA2B;IACvD,wBAAwB,EAAE,mBAAmB;IAC7C,uBAAuB,EAAE,iBAAiB;IAC1C,qBAAqB,EAAE,kBAAkB;IACzC,sBAAsB,EAAE,sBAAsB;CAC/C,CAAC;AAEF,SAAgB,qBAAqB,CAAC,OAAsC,EAAE,GAAW;IAEvF,MAAM,SAAS,GAAG,6BAAqB,CAAC,GAAG,CAAC,CAAC;IAC7C,IAAI,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;QACnC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;KAC3B;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;QAChB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC;KACrB;IAED,MAAM,MAAM,GAAG,6BAAqB,CAAC,GAAG,CAAC,CAAC;IAC1C,IAAI,MAAM,EAAE;QACV,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;KACxB;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAjBD,sDAiBC","file":"legacy.js","sourcesContent":["// FIXME: token 兼容策略，照目前的设计不应该硬编码。\n// 后续需要二选一：\n// - 主题模块指定唯一一套支持的 token（可以保留这段硬编码）\n// - 在默认主题中做声明式的兼容（需要删除这段硬编码，并在 IColorKey 中支持新属性）\n\nimport type { BuiltinColorPalette } from './builtin';\nimport type { ColorSchemeItem, IColorSchemeStruct } from './interface';\n\nexport const newTokenToLegacyToken: Record<keyof BuiltinColorPalette, string> = {\n  primaryFontColor: 'titleFontColor',\n  secondaryFontColor: 'labelFontColor',\n  axisLabelFontColor: 'axisFontColor',\n  axisMarkerFontColor: 'labelReverseFontColor',\n  dataZoomHandleStrokeColor: 'dataZoomHandlerStrokeColor',\n  sliderHandleColor: 'dataZoomHandlerFillColor',\n  sliderRailColor: 'dataZoomBackgroundColor',\n  sliderTrackColor: 'dataZoomSelectedColor',\n  playerControllerColor: 'dataZoomSelectedColor',\n  popupBackgroundColor: 'tooltipBackgroundColor',\n  hoverBackgroundColor: 'axisGridColor'\n  // 以下两个新 token 不做兼容策略，因为其对应的 legacy token 仍在使用\n  // axisMarkerBackgroundColor: 'primaryFontColor',\n  // markLineStrokeColor: 'primaryFontColor',\n};\n\nexport const legacyTokenToNewToken: Record<string, keyof BuiltinColorPalette> = {\n  titleFontColor: 'primaryFontColor',\n  labelFontColor: 'secondaryFontColor',\n  axisFontColor: 'axisLabelFontColor',\n  labelReverseFontColor: 'axisMarkerFontColor',\n  dataZoomHandlerStrokeColor: 'dataZoomHandleStrokeColor',\n  dataZoomHandlerFillColor: 'sliderHandleColor',\n  dataZoomBackgroundColor: 'sliderRailColor',\n  dataZoomSelectedColor: 'sliderTrackColor',\n  tooltipBackgroundColor: 'popupBackgroundColor'\n};\n\nexport function getUpgradedTokenValue(palette: IColorSchemeStruct['palette'], key: string): ColorSchemeItem {\n  // 情况一：用户定义了包含旧 token 的新色板\n  const legacyKey = newTokenToLegacyToken[key];\n  if (legacyKey && palette[legacyKey]) {\n    return palette[legacyKey];\n  }\n  // 情况二：默认情况，用户尝试取色（大部分情况下在此退出）\n  if (palette[key]) {\n    return palette[key];\n  }\n  // 情况三：用户没有取到颜色，判断用户是否在尝试用旧 token 取色\n  const newKey = legacyTokenToNewToken[key];\n  if (newKey) {\n    return palette[newKey];\n  }\n  // 情况四：真的取不到颜色\n  return undefined;\n}\n"]}

package/cjs/theme/color-scheme/util.js

@@ -48,7 +48,7 @@ exports.getDataScheme = getDataScheme, exports.computeActualDataScheme = compute
 exports.queryColorFromColorScheme = queryColorFromColorScheme;
 
 const getActualColor = (value, colorScheme, seriesSpec) => {
-    if (isColorKey(value) && colorScheme) {
+    if (colorScheme && isColorKey(value)) {
         const color = queryColorFromColorScheme(colorScheme, value, seriesSpec);
         if (color) return color;
     }
@@ -56,7 +56,7 @@ const getActualColor = (value, colorScheme, seriesSpec) => {
 };
 
 function isColorKey(obj) {
-    return (0, vutils_1.isObject)(obj) && "palette" === obj.type && !!obj.key;
+    return obj && "palette" === obj.type && !!obj.key;
 }
 
 function isProgressiveDataColorScheme(obj) {

package/cjs/theme/color-scheme/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/color-scheme/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { isArray, isFunction, isObject, isString, isValid, ColorUtil, isNil } from '@visactor/vutils';\nimport { Color } from '../../util/color';\nimport type {\n  ColorScheme,\n  ColorSchemeItem,\n  IColorKey,\n  IColorSchemeStruct,\n  IProgressiveDataSchemeCase,\n  IThemeColorScheme,\n  ProgressiveDataScheme\n} from './interface';\nimport type { ISeriesSpec } from '../../typings';\nimport { getDirectionFromSeriesSpec } from '../../series/util/spec';\nimport { getUpgradedTokenValue } from './legacy';\n\n/**\n * 从色板中获取数据色板（在此步骤中替换语义色值）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function getDataScheme(\n  colorScheme?: IThemeColorScheme,\n  seriesSpec?: ISeriesSpec\n): Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem> {\n  if (!colorScheme) {\n    return [];\n  }\n  const scheme = getColorSchemeBySeries(colorScheme, seriesSpec);\n  if (!scheme || isArray(scheme)) {\n    // 不带语义色板，直接输出\n    return (scheme as Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>) ?? [];\n  } else if (isObject(scheme)) {\n    // 带语义色板，转换颜色后输出\n    const { dataScheme } = scheme as IColorSchemeStruct;\n    if (!dataScheme) {\n      return [];\n    }\n    // 渐进式色板的情况\n    if (isProgressiveDataColorScheme(dataScheme)) {\n      return dataScheme.map(item => ({\n        ...item,\n        scheme: item.scheme\n          .map(color => {\n            if (isColorKey(color)) {\n              return queryColorFromColorScheme(colorScheme, color, seriesSpec);\n            }\n            return color;\n          })\n          .filter(isValid)\n      }));\n    }\n    // 普通色板的情况\n    return dataScheme\n      .map(color => {\n        if (isColorKey(color)) {\n          return queryColorFromColorScheme(colorScheme, color, seriesSpec);\n        }\n        return color;\n      })\n      .filter(isValid);\n  }\n  return [];\n}\n\n/**\n * 计算最终数据色板（在此步骤中获得渐进式色板的最终色板）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function computeActualDataScheme(\n  dataScheme: Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>,\n  colorDomain: any[]\n): Array<ColorSchemeItem> {\n  if (isProgressiveDataColorScheme(dataScheme)) {\n    return (\n      dataScheme.find(item => {\n        if (isValid(item.isAvailable)) {\n          if (isFunction(item.isAvailable)) {\n            return item.isAvailable(colorDomain);\n          }\n          return !!item.isAvailable;\n        } else if (isValid(item.maxDomainLength)) {\n          return colorDomain?.length <= item.maxDomainLength;\n        }\n        return true;\n      })?.scheme ?? dataScheme[dataScheme.length - 1].scheme\n    );\n  }\n  return dataScheme;\n}\n\n/**\n * 根据色板和色值索引生成颜色\n * @param colorScheme\n * @param colorKey\n * @param seriesType\n * @returns\n */\nexport function queryColorFromColorScheme(\n  colorScheme: IThemeColorScheme,\n  colorKey: IColorKey,\n  seriesSpec?: ISeriesSpec\n): ColorSchemeItem | undefined {\n  const scheme = getColorSchemeBySeries(colorScheme, seriesSpec);\n  if (!scheme) {\n    return undefined;\n  }\n  let color;\n  const { palette } = scheme as IColorSchemeStruct;\n  if (isObject(palette)) {\n    color = getUpgradedTokenValue(palette, colorKey.key) ?? colorKey.default;\n  }\n  if (!color) {\n    return undefined;\n  }\n  if ((isNil(colorKey.a) && isNil(colorKey.l)) || !isString(color)) {\n    return color;\n  }\n  let c = new Color(color);\n  if (isValid(colorKey.l)) {\n    const { r, g, b } = c.color;\n    const { h, s } = ColorUtil.rgbToHsl(r, g, b);\n    const rgb = ColorUtil.hslToRgb(h, s, colorKey.l);\n    const newColor = new Color(`rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`);\n    newColor.setOpacity(c.color.opacity);\n    c = newColor;\n  }\n  if (isValid(colorKey.a)) {\n    c.setOpacity(colorKey.a);\n  }\n  return c.toRGBA();\n}\n\n/** 查询语义化颜色 */\nexport const getActualColor = (value: any, colorScheme?: IThemeColorScheme, seriesSpec?: ISeriesSpec) => {\n  if (isColorKey(value)) {\n    if (colorScheme) {\n      const color = queryColorFromColorScheme(colorScheme, value, seriesSpec);\n      if (color) {\n        return color;\n      }\n    }\n  }\n  return value;\n};\n\nexport function isColorKey(obj: any): obj is IColorKey {\n  return isObject(obj) && (obj as IColorKey).type === 'palette' && !!(obj as IColorKey).key;\n}\n\nexport function isProgressiveDataColorScheme<T>(obj: any): obj is ProgressiveDataScheme<T> {\n  if (!isArray(obj) || obj.length === 0) {\n    return false;\n  }\n  return obj.every(item => {\n    return isValid((item as IProgressiveDataSchemeCase<T>).scheme);\n  });\n}\n\n/** 将色板转化为标准形式 */\nexport function transformColorSchemeToStandardStruct(colorScheme: ColorScheme): IColorSchemeStruct {\n  if (isArray(colorScheme)) {\n    return {\n      dataScheme: colorScheme\n    };\n  }\n  return colorScheme;\n}\n\nexport function getColorSchemeBySeries(\n  colorScheme?: IThemeColorScheme,\n  seriesSpec?: ISeriesSpec\n): ColorScheme | undefined {\n  const { type: seriesType } = seriesSpec ?? {};\n  let scheme: ColorScheme | undefined;\n  if (!seriesSpec || isNil(seriesType)) {\n    scheme = colorScheme?.default;\n  } else {\n    const direction = getDirectionFromSeriesSpec(seriesSpec);\n    scheme = colorScheme?.[`${seriesType}_${direction}`] ?? colorScheme?.[seriesType] ?? colorScheme?.default;\n  }\n  return scheme;\n}\n"]}
+{"version":3,"sources":["../src/theme/color-scheme/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { isArray, isFunction, isObject, isString, isValid, ColorUtil, isNil } from '@visactor/vutils';\nimport { Color } from '../../util/color';\nimport type {\n  ColorScheme,\n  ColorSchemeItem,\n  IColorKey,\n  IColorSchemeStruct,\n  IProgressiveDataSchemeCase,\n  IThemeColorScheme,\n  ProgressiveDataScheme\n} from './interface';\nimport type { ISeriesSpec } from '../../typings';\nimport { getDirectionFromSeriesSpec } from '../../series/util/spec';\nimport { getUpgradedTokenValue } from './legacy';\n\n/**\n * 从色板中获取数据色板（在此步骤中替换语义色值）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function getDataScheme(\n  colorScheme?: IThemeColorScheme,\n  seriesSpec?: ISeriesSpec\n): Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem> {\n  if (!colorScheme) {\n    return [];\n  }\n  const scheme = getColorSchemeBySeries(colorScheme, seriesSpec);\n  if (!scheme || isArray(scheme)) {\n    // 不带语义色板，直接输出\n    return (scheme as Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>) ?? [];\n  } else if (isObject(scheme)) {\n    // 带语义色板，转换颜色后输出\n    const { dataScheme } = scheme as IColorSchemeStruct;\n    if (!dataScheme) {\n      return [];\n    }\n    // 渐进式色板的情况\n    if (isProgressiveDataColorScheme(dataScheme)) {\n      return dataScheme.map(item => ({\n        ...item,\n        scheme: item.scheme\n          .map(color => {\n            if (isColorKey(color)) {\n              return queryColorFromColorScheme(colorScheme, color, seriesSpec);\n            }\n            return color;\n          })\n          .filter(isValid)\n      }));\n    }\n    // 普通色板的情况\n    return dataScheme\n      .map(color => {\n        if (isColorKey(color)) {\n          return queryColorFromColorScheme(colorScheme, color, seriesSpec);\n        }\n        return color;\n      })\n      .filter(isValid);\n  }\n  return [];\n}\n\n/**\n * 计算最终数据色板（在此步骤中获得渐进式色板的最终色板）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function computeActualDataScheme(\n  dataScheme: Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>,\n  colorDomain: any[]\n): Array<ColorSchemeItem> {\n  if (isProgressiveDataColorScheme(dataScheme)) {\n    return (\n      dataScheme.find(item => {\n        if (isValid(item.isAvailable)) {\n          if (isFunction(item.isAvailable)) {\n            return item.isAvailable(colorDomain);\n          }\n          return !!item.isAvailable;\n        } else if (isValid(item.maxDomainLength)) {\n          return colorDomain?.length <= item.maxDomainLength;\n        }\n        return true;\n      })?.scheme ?? dataScheme[dataScheme.length - 1].scheme\n    );\n  }\n  return dataScheme;\n}\n\n/**\n * 根据色板和色值索引生成颜色\n * @param colorScheme\n * @param colorKey\n * @param seriesType\n * @returns\n */\nexport function queryColorFromColorScheme(\n  colorScheme: IThemeColorScheme,\n  colorKey: IColorKey,\n  seriesSpec?: ISeriesSpec\n): ColorSchemeItem | undefined {\n  const scheme = getColorSchemeBySeries(colorScheme, seriesSpec);\n  if (!scheme) {\n    return undefined;\n  }\n  let color;\n  const { palette } = scheme as IColorSchemeStruct;\n  if (isObject(palette)) {\n    color = getUpgradedTokenValue(palette, colorKey.key) ?? colorKey.default;\n  }\n  if (!color) {\n    return undefined;\n  }\n  if ((isNil(colorKey.a) && isNil(colorKey.l)) || !isString(color)) {\n    return color;\n  }\n  let c = new Color(color);\n  if (isValid(colorKey.l)) {\n    const { r, g, b } = c.color;\n    const { h, s } = ColorUtil.rgbToHsl(r, g, b);\n    const rgb = ColorUtil.hslToRgb(h, s, colorKey.l);\n    const newColor = new Color(`rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`);\n    newColor.setOpacity(c.color.opacity);\n    c = newColor;\n  }\n  if (isValid(colorKey.a)) {\n    c.setOpacity(colorKey.a);\n  }\n  return c.toRGBA();\n}\n\n/** 查询语义化颜色 */\nexport const getActualColor = (value: any, colorScheme?: IThemeColorScheme, seriesSpec?: ISeriesSpec) => {\n  if (colorScheme && isColorKey(value)) {\n    const color = queryColorFromColorScheme(colorScheme, value, seriesSpec);\n    if (color) {\n      return color;\n    }\n  }\n  return value;\n};\n\nexport function isColorKey(obj: any): obj is IColorKey {\n  return obj && (obj as IColorKey).type === 'palette' && !!(obj as IColorKey).key;\n}\n\nexport function isProgressiveDataColorScheme<T>(obj: any): obj is ProgressiveDataScheme<T> {\n  if (!isArray(obj) || obj.length === 0) {\n    return false;\n  }\n  return obj.every(item => {\n    return isValid((item as IProgressiveDataSchemeCase<T>).scheme);\n  });\n}\n\n/** 将色板转化为标准形式 */\nexport function transformColorSchemeToStandardStruct(colorScheme: ColorScheme): IColorSchemeStruct {\n  if (isArray(colorScheme)) {\n    return {\n      dataScheme: colorScheme\n    };\n  }\n  return colorScheme;\n}\n\nexport function getColorSchemeBySeries(\n  colorScheme?: IThemeColorScheme,\n  seriesSpec?: ISeriesSpec\n): ColorScheme | undefined {\n  const { type: seriesType } = seriesSpec ?? {};\n  let scheme: ColorScheme | undefined;\n  if (!seriesSpec || isNil(seriesType)) {\n    scheme = colorScheme?.default;\n  } else {\n    const direction = getDirectionFromSeriesSpec(seriesSpec);\n    scheme = colorScheme?.[`${seriesType}_${direction}`] ?? colorScheme?.[seriesType] ?? colorScheme?.default;\n  }\n  return scheme;\n}\n"]}

package/cjs/theme/interface.d.ts

@@ -1,7 +1,6 @@
-import type { ILayoutPaddingSpec } from '../model/interface';
 import type { ISeriesTheme } from '../series/interface';
 import type { IMarkTheme } from '../typings/spec';
-import type { IArcMarkSpec, IAreaMarkSpec, ILineMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, IPathMarkSpec } from '../typings';
+import type { IArcMarkSpec, IAreaMarkSpec, ILineMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, IPathMarkSpec, ILayoutPaddingSpec } from '../typings';
 import type { MarkTypeEnum } from '../mark/interface';
 import type { IColorKey, IThemeColorScheme } from './color-scheme/interface';
 import type { IGradientColor } from '@visactor/vrender-core';

package/cjs/theme/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILayoutPaddingSpec } from '../model/interface';\nimport type { ISeriesTheme } from '../series/interface';\nimport type { IMarkTheme } from '../typings/spec';\nimport type {\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IPathMarkSpec\n} from '../typings';\nimport type { MarkTypeEnum } from '../mark/interface';\nimport type { IColorKey, IThemeColorScheme } from './color-scheme/interface';\nimport type { IGradientColor } from '@visactor/vrender-core';\nimport type { IComponentTheme } from '../component/interface';\n\nexport interface ITheme {\n  /**\n   * 第 1 种配置：主题信息\n   */\n  /** 主题命名 */\n  name?: string;\n  /** 主题描述 */\n  description?: string;\n  /**\n   * 主题类别：亮色或者暗色\n   * 该配置用于指定该主题需要 merge 的是内置的亮色主题还是暗色主题\n   */\n  type?: 'light' | 'dark';\n\n  /**\n   * 第 2 种配置：图表层级的样式属性\n   */\n  /** 图表背景色 */\n  background?: string | IGradientColor | IColorKey;\n  /** 图表内边距 */\n  padding?: ILayoutPaddingSpec;\n  /** 图表字体配置 */\n  fontFamily?: string;\n\n  /**\n   * 第 3 种配置：色板\n   */\n  /** 全局色板 */\n  colorScheme?: IThemeColorScheme;\n\n  /**\n   * 第 4 种配置：全局 mark 属性配置\n   */\n  /** 全局 mark 样式属性，按 mark 类别索引 */\n  mark?: IGlobalMarkThemeByType;\n  /** 全局 mark 样式属性，按 mark 名称索引，优先级更高 */\n  markByName?: IGlobalMarkThemeByName;\n\n  /**\n   * 第 5 种配置：系列属性配置\n   */\n  /** 系列样式属性 */\n  series?: ISeriesTheme;\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   */\n  animationThreshold?: number;\n\n  /**\n   * 第 6 种配置：组件属性配置\n   */\n  /** 组件样式属性 */\n  component?: IComponentTheme;\n}\n\nexport interface IGlobalMarkThemeByType {\n  [MarkTypeEnum.line]?: Partial<IMarkTheme<ILineMarkSpec>>;\n  [MarkTypeEnum.symbol]?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  [MarkTypeEnum.area]?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  [MarkTypeEnum.rect]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  [MarkTypeEnum.arc]?: Partial<IMarkTheme<IArcMarkSpec>>;\n  [MarkTypeEnum.text]?: Partial<IMarkTheme<ITextMarkSpec>>;\n  [MarkTypeEnum.path]?: Partial<IMarkTheme<IPathMarkSpec>>;\n}\n\nexport interface IGlobalMarkThemeByName {\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  line?: Partial<IMarkTheme<ILineMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, scatterSeries etc. */\n  point?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  area?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  /** used in barSeries, rangeColumnSeries etc. */\n  bar?: Partial<IMarkTheme<IRectMarkSpec>>;\n  /** used in many series */\n  label?: Partial<IMarkTheme<ITextMarkSpec>>;\n\n  [markName: string]: Partial<IMarkTheme<any>>;\n}\n\nexport interface IThemeConstants {\n  /** 默认字体 */\n  defaultFontFamily: string;\n  /** 默认字号 */\n  defaultFontSize: number;\n\n  /** 1级字阶字号，用于：环形图中间数值 / 展示型数值 */\n  l1FontSize: number;\n  /** 1级字阶行高 */\n  l1LineHeight: number | string;\n\n  /** 2级字阶字号，用于：展示型文字 / 指标卡数值 */\n  l2FontSize: number;\n  /** 2级字阶行高 */\n  l2LineHeight: number | string;\n\n  /** 3级字阶字号，用于：图表标题 */\n  l3FontSize: number;\n  /** 3级字阶行高 */\n  l3LineHeight: number | string;\n\n  /** 4级字阶字号，用于：数据标签、tooltip */\n  l4FontSize: number;\n  /** 4级字阶行高 */\n  l4LineHeight: number | string;\n\n  /** 5级字阶字号，用于：坐标轴标题、轴标签、图例文字 */\n  l5FontSize: number;\n  /** 5级字阶行高 */\n  l5LineHeight: number | string;\n\n  /** 6级字阶字号，用于：地图标签 */\n  l6FontSize: number;\n  /** 6级字阶行高 */\n  l6LineHeight: number | string;\n\n  /** 轴 tick 长度 */\n  axisTickSize: number;\n\n  /** 面积图元透明度 */\n  areaOpacity: number;\n}\n"]}
+{"version":3,"sources":["../src/theme/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeriesTheme } from '../series/interface';\nimport type { IMarkTheme } from '../typings/spec';\nimport type {\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IPathMarkSpec,\n  ILayoutPaddingSpec\n} from '../typings';\nimport type { MarkTypeEnum } from '../mark/interface';\nimport type { IColorKey, IThemeColorScheme } from './color-scheme/interface';\nimport type { IGradientColor } from '@visactor/vrender-core';\nimport type { IComponentTheme } from '../component/interface';\n\nexport interface ITheme {\n  /**\n   * 第 1 种配置：主题信息\n   */\n  /** 主题命名 */\n  name?: string;\n  /** 主题描述 */\n  description?: string;\n  /**\n   * 主题类别：亮色或者暗色\n   * 该配置用于指定该主题需要 merge 的是内置的亮色主题还是暗色主题\n   */\n  type?: 'light' | 'dark';\n\n  /**\n   * 第 2 种配置：图表层级的样式属性\n   */\n  /** 图表背景色 */\n  background?: string | IGradientColor | IColorKey;\n  /** 图表内边距 */\n  padding?: ILayoutPaddingSpec;\n  /** 图表字体配置 */\n  fontFamily?: string;\n\n  /**\n   * 第 3 种配置：色板\n   */\n  /** 全局色板 */\n  colorScheme?: IThemeColorScheme;\n\n  /**\n   * 第 4 种配置：全局 mark 属性配置\n   */\n  /** 全局 mark 样式属性，按 mark 类别索引 */\n  mark?: IGlobalMarkThemeByType;\n  /** 全局 mark 样式属性，按 mark 名称索引，优先级更高 */\n  markByName?: IGlobalMarkThemeByName;\n\n  /**\n   * 第 5 种配置：系列属性配置\n   */\n  /** 系列样式属性 */\n  series?: ISeriesTheme;\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   */\n  animationThreshold?: number;\n\n  /**\n   * 第 6 种配置：组件属性配置\n   */\n  /** 组件样式属性 */\n  component?: IComponentTheme;\n}\n\nexport interface IGlobalMarkThemeByType {\n  [MarkTypeEnum.line]?: Partial<IMarkTheme<ILineMarkSpec>>;\n  [MarkTypeEnum.symbol]?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  [MarkTypeEnum.area]?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  [MarkTypeEnum.rect]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  [MarkTypeEnum.arc]?: Partial<IMarkTheme<IArcMarkSpec>>;\n  [MarkTypeEnum.text]?: Partial<IMarkTheme<ITextMarkSpec>>;\n  [MarkTypeEnum.path]?: Partial<IMarkTheme<IPathMarkSpec>>;\n}\n\nexport interface IGlobalMarkThemeByName {\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  line?: Partial<IMarkTheme<ILineMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, scatterSeries etc. */\n  point?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  area?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  /** used in barSeries, rangeColumnSeries etc. */\n  bar?: Partial<IMarkTheme<IRectMarkSpec>>;\n  /** used in many series */\n  label?: Partial<IMarkTheme<ITextMarkSpec>>;\n\n  [markName: string]: Partial<IMarkTheme<any>>;\n}\n\nexport interface IThemeConstants {\n  /** 默认字体 */\n  defaultFontFamily: string;\n  /** 默认字号 */\n  defaultFontSize: number;\n\n  /** 1级字阶字号，用于：环形图中间数值 / 展示型数值 */\n  l1FontSize: number;\n  /** 1级字阶行高 */\n  l1LineHeight: number | string;\n\n  /** 2级字阶字号，用于：展示型文字 / 指标卡数值 */\n  l2FontSize: number;\n  /** 2级字阶行高 */\n  l2LineHeight: number | string;\n\n  /** 3级字阶字号，用于：图表标题 */\n  l3FontSize: number;\n  /** 3级字阶行高 */\n  l3LineHeight: number | string;\n\n  /** 4级字阶字号，用于：数据标签、tooltip */\n  l4FontSize: number;\n  /** 4级字阶行高 */\n  l4LineHeight: number | string;\n\n  /** 5级字阶字号，用于：坐标轴标题、轴标签、图例文字 */\n  l5FontSize: number;\n  /** 5级字阶行高 */\n  l5LineHeight: number | string;\n\n  /** 6级字阶字号，用于：地图标签 */\n  l6FontSize: number;\n  /** 6级字阶行高 */\n  l6LineHeight: number | string;\n\n  /** 轴 tick 长度 */\n  axisTickSize: number;\n\n  /** 面积图元透明度 */\n  areaOpacity: number;\n}\n"]}

package/cjs/theme/theme-manager.d.ts

@@ -3,7 +3,7 @@ export declare class ThemeManager {
     static readonly themes: Map<string, ITheme>;
     private static _currentThemeName;
     static registerTheme(name: string, theme: Partial<ITheme>): void;
-    static getTheme(name: string): ITheme;
+    static getTheme(name: string, transformed?: boolean): ITheme;
     static removeTheme(name: string): boolean;
     static themeExist(name: any): boolean;
     static getDefaultTheme(): ITheme;

package/cjs/theme/theme-manager.js

@@ -10,8 +10,8 @@ class ThemeManager {
     static registerTheme(name, theme) {
         (0, builtin_1.registerTheme)(name, theme);
     }
-    static getTheme(name) {
-        return (0, builtin_1.getTheme)(name);
+    static getTheme(name, transformed = !1) {
+        return (0, builtin_1.getTheme)(name, transformed);
     }
     static removeTheme(name) {
         return (0, builtin_1.removeTheme)(name);