@visactor/vchart 1.11.8 → 1.11.9

package/cjs/component/tooltip/interface/theme.d.ts

@@ -47,5 +47,6 @@ export interface ITooltipTheme<ColorType = string> {
         x?: number;
         y?: number;
     };
+    transitionDuration?: number;
     align?: 'left' | 'right';
 }

package/cjs/component/tooltip/interface/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { RichTextWordBreak } from '@visactor/vrender-core';\nimport type { ITooltipShapePattern, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';\nimport type { Padding } from '@visactor/vrender-components';\nimport type { ITokenKey } from '../../../theme/token';\n\nexport interface ITooltipTextTheme<ColorType = string> {\n  /** 字体 */\n  fontFamily?: string;\n  /** 字体大小 */\n  fontSize?: number | ITokenKey;\n  /** 字体颜色 */\n  fill?: ColorType;\n  /** @deprecated 字体颜色（兼容旧版本） */\n  fontColor?: ColorType;\n  /** 字重 */\n  fontWeight?: StringOrNumber;\n  /** 对齐方式 */\n  textAlign?: TextAlign;\n  /** 字体基线 */\n  textBaseline?: TextBaseLine;\n  /** 行高 */\n  lineHeight?: number | string | ITokenKey;\n  /** 与相邻元素的水平间距 */\n  spacing?: number;\n  /** 是否支持换行 */\n  multiLine?: boolean;\n  /** 最大宽度 */\n  maxWidth?: number;\n  /** 换行模式，默认为'break-word' */\n  wordBreak?: RichTextWordBreak;\n  /**\n   * 是否开启自动宽度。效果分为以下几种情况：\n   * - tooltip 标题：`autoWidth` 默认为 `false`。如果配置为 `true`，则 tooltip 标题会保持和 tooltip 内容一致的宽度\n   * - tooltip key 标签：`autoWidth` 不适用\n   * - tooltip value 标签：`autoWidth` 默认为 `true`。如果配置为 `true`，则 tooltip value 标签会自动占满 tooltip 整体宽度的剩余部分\n   * @since 1.4.2\n   */\n  autoWidth?: boolean;\n}\n\nexport interface ITooltipTheme<ColorType = string> {\n  /** 容器样式配置 */\n  panel?: {\n    /** tooltip 容器内边距 */\n    padding?: Padding;\n    /** 背景色 */\n    backgroundColor?: ColorType;\n    /** tooltip边框 */\n    border?: {\n      color?: ColorType;\n      width?: number;\n      /** 圆角 */\n      radius?: number;\n    };\n    /** tooltip阴影 */\n    shadow?: {\n      x: number;\n      y: number;\n      blur: number;\n      spread: number;\n      color: ColorType;\n    };\n  };\n  shape?: {\n    /** 标记大小 */\n    size?: number;\n    /** shape 与相邻元素的水平间距 */\n    spacing?: number;\n  } & Omit<ITooltipShapePattern, 'seriesId'>;\n  /** tooltip标题 */\n  titleLabel?: ITooltipTextTheme<ColorType>;\n  /** tooltip内容，key字段 */\n  keyLabel?: Omit<ITooltipTextTheme<ColorType>, 'autoWidth'>;\n  /** tooltip内容，value字段 */\n  valueLabel?: ITooltipTextTheme<ColorType>;\n  /** 内容项行间距 */\n  spaceRow?: number;\n  /**\n   * 最大内容区高度，内容区若超过该高度将显示局部滚动条（适用于 dom tooltip）\n   * @since 1.9.0\n   */\n  maxContentHeight?: number;\n  /** 偏移量 */\n  offset?: {\n    x?: number;\n    y?: number;\n  };\n  /**\n   * @since 1.11.5\n   *\n   * shape、key、value的对齐方式，可选项如下：\n   * 'left': 从左到右对齐\n   * 'right': 从右到左对齐\n   */\n  align?: 'left' | 'right';\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { RichTextWordBreak } from '@visactor/vrender-core';\nimport type { ITooltipShapePattern, StringOrNumber, TextAlign, TextBaseLine } from '../../../typings';\nimport type { Padding } from '@visactor/vrender-components';\nimport type { ITokenKey } from '../../../theme/token';\n\nexport interface ITooltipTextTheme<ColorType = string> {\n  /** 字体 */\n  fontFamily?: string;\n  /** 字体大小 */\n  fontSize?: number | ITokenKey;\n  /** 字体颜色 */\n  fill?: ColorType;\n  /** @deprecated 字体颜色（兼容旧版本） */\n  fontColor?: ColorType;\n  /** 字重 */\n  fontWeight?: StringOrNumber;\n  /** 对齐方式 */\n  textAlign?: TextAlign;\n  /** 字体基线 */\n  textBaseline?: TextBaseLine;\n  /** 行高 */\n  lineHeight?: number | string | ITokenKey;\n  /** 与相邻元素的水平间距 */\n  spacing?: number;\n  /** 是否支持换行 */\n  multiLine?: boolean;\n  /** 最大宽度 */\n  maxWidth?: number;\n  /** 换行模式，默认为'break-word' */\n  wordBreak?: RichTextWordBreak;\n  /**\n   * 是否开启自动宽度。效果分为以下几种情况：\n   * - tooltip 标题：`autoWidth` 默认为 `false`。如果配置为 `true`，则 tooltip 标题会保持和 tooltip 内容一致的宽度\n   * - tooltip key 标签：`autoWidth` 不适用\n   * - tooltip value 标签：`autoWidth` 默认为 `true`。如果配置为 `true`，则 tooltip value 标签会自动占满 tooltip 整体宽度的剩余部分\n   * @since 1.4.2\n   */\n  autoWidth?: boolean;\n}\n\nexport interface ITooltipTheme<ColorType = string> {\n  /** 容器样式配置 */\n  panel?: {\n    /** tooltip 容器内边距 */\n    padding?: Padding;\n    /** 背景色 */\n    backgroundColor?: ColorType;\n    /** tooltip边框 */\n    border?: {\n      color?: ColorType;\n      width?: number;\n      /** 圆角 */\n      radius?: number;\n    };\n    /** tooltip阴影 */\n    shadow?: {\n      x: number;\n      y: number;\n      blur: number;\n      spread: number;\n      color: ColorType;\n    };\n  };\n  shape?: {\n    /** 标记大小 */\n    size?: number;\n    /** shape 与相邻元素的水平间距 */\n    spacing?: number;\n  } & Omit<ITooltipShapePattern, 'seriesId'>;\n  /** tooltip标题 */\n  titleLabel?: ITooltipTextTheme<ColorType>;\n  /** tooltip内容，key字段 */\n  keyLabel?: Omit<ITooltipTextTheme<ColorType>, 'autoWidth'>;\n  /** tooltip内容，value字段 */\n  valueLabel?: ITooltipTextTheme<ColorType>;\n  /** 内容项行间距 */\n  spaceRow?: number;\n  /**\n   * 最大内容区高度，内容区若超过该高度将显示局部滚动条（适用于 dom tooltip）\n   * @since 1.9.0\n   */\n  maxContentHeight?: number;\n  /** 偏移量 */\n  offset?: {\n    x?: number;\n    y?: number;\n  };\n  /**\n   * 浮层移动动画过渡时间，单位是 ms，设置为 0 的时候会紧跟着鼠标移动（目前仅影响 dom tooltip）\n   * @since 1.11.9\n   */\n  transitionDuration?: number;\n  /**\n   * @since 1.11.5\n   *\n   * shape、key、value的对齐方式，可选项如下：\n   * 'left': 从左到右对齐\n   * 'right': 从右到左对齐\n   */\n  align?: 'left' | 'right';\n}\n"]}

package/cjs/component/tooltip/tooltip-transformer.js

@@ -11,8 +11,11 @@ class TooltipSpecTransformer extends base_1.BaseComponentSpecTransformer {
         return !1;
     }
     _initTheme(spec, chartSpec) {
+        var _a;
         const {spec: newSpec, theme: theme} = super._initTheme(spec, chartSpec);
         return newSpec.style = (0, vutils_extension_1.mergeSpec)({}, this._theme, newSpec.style), 
+        newSpec.offset = (0, vutils_extension_1.mergeSpec)({}, theme.offset, spec.offset), 
+        newSpec.transitionDuration = null !== (_a = spec.transitionDuration) && void 0 !== _a ? _a : theme.transitionDuration, 
         {
             spec: newSpec,
             theme: theme

package/cjs/component/tooltip/tooltip-transformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/tooltip/tooltip-transformer.ts"],"names":[],"mappings":";;;AACA,qCAA8F;AAC9F,kCAAuD;AACvD,yCAAmD;AACnD,mCAAqD;AACrD,iEAAuD;AAEvD,MAAa,sBAAuB,SAAQ,mCAAiC;IACjE,uBAAuB;QAC/B,OAAO,KAAK,CAAC;IACf,CAAC;IAES,UAAU,CAAC,IAAS,EAAE,SAAc;QAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACnE,OAAO,CAAC,KAAK,GAAG,IAAA,4BAAS,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1D,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAES,+BAA+B,CAAC,IAAS,EAAE,SAAc,EAAE,aAA8B;;QACjG,KAAK,CAAC,+BAA+B,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAEtE,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,IAAA,kCAA0B,EAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,UAAU;YACb,MAAA,IAAI,CAAC,UAAU,mCAEf,CAAC,IAAA,wBAAiB,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAA,oBAAa,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAClG,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,gCAAqB,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,KAAK,CAAC;QACzC,IAAI,CAAC,kBAAkB,GAAG,MAAA,IAAI,CAAC,kBAAkB,mCAAI,GAAG,CAAC;QACzD,IAAI,CAAC,UAAU,GAAG,MAAA,IAAI,CAAC,UAAU,mCAAI,IAAI,CAAC,OAAO,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,mCAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE5D,IAAI,IAAA,cAAO,EAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;SAC/B;QACD,IAAI,IAAA,cAAO,EAAC,IAAI,CAAC,SAAS,CAAC,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,WAAW,CAAC;SACzC;QAED,IAAI,IAAA,cAAO,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;YAC/B,IAAI,IAAA,eAAQ,EAAC,IAAI,CAAC,aAAa,CAAC,EAAE;gBAChC,IAAI,CAAC,aAAa,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aAC/E;SACF;aAAM,IAAI,IAAA,oBAAa,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC3C,IAAI,CAAC,aAAa,GAAG,kBAAW,aAAX,kBAAW,uBAAX,kBAAW,CAAE,IAAI,CAAC;SACxC;IACH,CAAC;CACF;AA1CD,wDA0CC","file":"tooltip-transformer.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport { domDocument, isMiniAppLikeMode, isString, isTrueBrowser, isValid } from '../../util';\nimport { BaseComponentSpecTransformer } from '../base';\nimport { TOOLTIP_EL_CLASS_NAME } from './constant';\nimport { getTooltipActualActiveType } from './utils';\nimport { mergeSpec } from '@visactor/vutils-extension';\n\nexport class TooltipSpecTransformer extends BaseComponentSpecTransformer<any> {\n  protected _shouldMergeThemeToSpec() {\n    return false;\n  }\n\n  protected _initTheme(spec: any, chartSpec: any): { spec: any; theme: any } {\n    const { spec: newSpec, theme } = super._initTheme(spec, chartSpec);\n    newSpec.style = mergeSpec({}, this._theme, newSpec.style);\n    return { spec: newSpec, theme };\n  }\n\n  protected _transformSpecAfterMergingTheme(spec: any, chartSpec: any, chartSpecInfo?: IChartSpecInfo) {\n    super._transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo);\n\n    spec.visible = spec.visible ?? true;\n    spec.activeType = getTooltipActualActiveType(spec);\n    spec.renderMode =\n      spec.renderMode ??\n      // 小程序或非浏览器环境下，默认使用canvas渲染\n      (isMiniAppLikeMode(this._option.mode) || !isTrueBrowser(this._option.mode) ? 'canvas' : 'html');\n    spec.trigger = spec.trigger ?? 'hover';\n    spec.className = spec.className ?? TOOLTIP_EL_CLASS_NAME;\n    spec.enterable = spec.enterable ?? false;\n    spec.transitionDuration = spec.transitionDuration ?? 150;\n    spec.triggerOff = spec.triggerOff ?? spec.trigger;\n    spec.confine = spec.confine ?? spec.renderMode === 'canvas';\n\n    if (isValid(spec.mark)) {\n      spec.mark.activeType = 'mark';\n    }\n    if (isValid(spec.dimension)) {\n      spec.dimension.activeType = 'dimension';\n    }\n\n    if (isValid(spec.parentElement)) {\n      if (isString(spec.parentElement)) {\n        spec.parentElement = globalThis?.document?.getElementById(spec.parentElement);\n      }\n    } else if (isTrueBrowser(this._option.mode)) {\n      spec.parentElement = domDocument?.body;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/tooltip/tooltip-transformer.ts"],"names":[],"mappings":"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","file":"tooltip-transformer.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport { domDocument, isMiniAppLikeMode, isString, isTrueBrowser, isValid } from '../../util';\nimport { BaseComponentSpecTransformer } from '../base';\nimport { TOOLTIP_EL_CLASS_NAME } from './constant';\nimport { getTooltipActualActiveType } from './utils';\nimport { mergeSpec } from '@visactor/vutils-extension';\n\nexport class TooltipSpecTransformer extends BaseComponentSpecTransformer<any> {\n  protected _shouldMergeThemeToSpec() {\n    return false;\n  }\n\n  protected _initTheme(spec: any, chartSpec: any): { spec: any; theme: any } {\n    const { spec: newSpec, theme } = super._initTheme(spec, chartSpec);\n    newSpec.style = mergeSpec({}, this._theme, newSpec.style);\n    newSpec.offset = mergeSpec({}, theme.offset, spec.offset);\n    newSpec.transitionDuration = spec.transitionDuration ?? theme.transitionDuration;\n    return { spec: newSpec, theme };\n  }\n\n  protected _transformSpecAfterMergingTheme(spec: any, chartSpec: any, chartSpecInfo?: IChartSpecInfo) {\n    super._transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo);\n\n    spec.visible = spec.visible ?? true;\n    spec.activeType = getTooltipActualActiveType(spec);\n    spec.renderMode =\n      spec.renderMode ??\n      // 小程序或非浏览器环境下，默认使用canvas渲染\n      (isMiniAppLikeMode(this._option.mode) || !isTrueBrowser(this._option.mode) ? 'canvas' : 'html');\n    spec.trigger = spec.trigger ?? 'hover';\n    spec.className = spec.className ?? TOOLTIP_EL_CLASS_NAME;\n    spec.enterable = spec.enterable ?? false;\n    spec.transitionDuration = spec.transitionDuration ?? 150;\n    spec.triggerOff = spec.triggerOff ?? spec.trigger;\n    spec.confine = spec.confine ?? spec.renderMode === 'canvas';\n\n    if (isValid(spec.mark)) {\n      spec.mark.activeType = 'mark';\n    }\n    if (isValid(spec.dimension)) {\n      spec.dimension.activeType = 'dimension';\n    }\n\n    if (isValid(spec.parentElement)) {\n      if (isString(spec.parentElement)) {\n        spec.parentElement = globalThis?.document?.getElementById(spec.parentElement);\n      }\n    } else if (isTrueBrowser(this._option.mode)) {\n      spec.parentElement = domDocument?.body;\n    }\n  }\n}\n"]}

package/cjs/core/index.d.ts

@@ -1,7 +1,7 @@
 import { VChart } from './vchart';
 import { Factory } from './factory';
 export { VChart, Factory };
-export declare const version = "1.11.8";
+export declare const version = "1.11.9";
 export type { IVChart } from './interface';
 export type { IStateSpec, StateValueType } from '../compile/mark';
 export * from '../typings/spec/common';

package/cjs/core/index.js

@@ -35,7 +35,7 @@ Object.defineProperty(exports, "Factory", {
     get: function() {
         return factory_1.Factory;
     }
-}), exports.version = "1.11.8", __exportStar(require("../typings/spec/common"), exports), 
+}), exports.version = "1.11.9", __exportStar(require("../typings/spec/common"), exports), 
 __exportStar(require("../event/interface"), exports), __exportStar(require("../theme/interface"), exports), 
 __exportStar(require("../constant"), exports), __exportStar(require("./interface"), exports), 
 __exportStar(require("../typings/spec/index"), exports), __exportStar(require("../typings/tooltip"), exports), 

package/cjs/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,qCAAkC;AAGzB,uFAHA,eAAM,OAGA;AAFf,uCAAoC;AAEnB,wFAFR,iBAAO,OAEQ;AAGX,QAAA,OAAO,GAAG,QAAQ,CAAC;AAMhC,yDAAuC;AACvC,qDAAmC;AACnC,qDAAmC;AACnC,8CAA4B;AAC5B,8CAA4B;AAK5B,wDAAsC;AAGtC,qDAAmC;AAGnC,iDAA+B;AAG/B,uDAAiD;AAAxC,uGAAA,OAAO,OAAA;AAGhB,4CAA0B","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.11.8\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\n\nexport * from '../typings/spec/common';\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from '../constant';\nexport * from './interface';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport { vglobal } from '@visactor/vrender-core';\n\n// plugin\nexport * from '../plugin';\n"]}
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,qCAAkC;AAGzB,uFAHA,eAAM,OAGA;AAFf,uCAAoC;AAEnB,wFAFR,iBAAO,OAEQ;AAGX,QAAA,OAAO,GAAG,QAAQ,CAAC;AAMhC,yDAAuC;AACvC,qDAAmC;AACnC,qDAAmC;AACnC,8CAA4B;AAC5B,8CAA4B;AAK5B,wDAAsC;AAGtC,qDAAmC;AAGnC,iDAA+B;AAG/B,uDAAiD;AAAxC,uGAAA,OAAO,OAAA;AAGhB,4CAA0B","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.11.9\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\n\nexport * from '../typings/spec/common';\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from '../constant';\nexport * from './interface';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport { vglobal } from '@visactor/vrender-core';\n\n// plugin\nexport * from '../plugin';\n"]}

package/cjs/core/vchart.d.ts

@@ -147,6 +147,7 @@ export declare class VChart implements IVChart {
     setCurrentTheme(name: string): Promise<IVChart>;
     setCurrentThemeSync(name: string): IVChart;
     protected _setCurrentTheme(name?: string): IUpdateSpecResult;
+    private _setFontFamilyTheme;
     private _getTooltipComponent;
     setTooltipHandler(tooltipHandler: ITooltipHandler): void;
     getTooltipHandlerByUser(): ITooltipHandler | undefined;

package/cjs/core/vchart.js

@@ -109,7 +109,7 @@ class VChart {
         return this._dataSet;
     }
     constructor(spec, options) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         this.id = (0, id_1.createID)(), this._userEvents = [], this._autoSize = !0, this._option = {
             mode: common_1.RenderModeEnum["desktop-browser"],
             onError: msg => {
@@ -123,7 +123,7 @@ class VChart {
         }), 100), this._option = (0, vutils_1.merge)(this._option, {
             animation: !1 !== spec.animation
         }, options), this._onError = null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError;
-        const _h = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _h, restOptions = __rest(_h, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = (0, 
+        const _g = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _g, restOptions = __rest(_g, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = (0, 
         env_1.isTrueBrowser)(mode);
         isTrueBrowseEnv && dom && (this._container = (0, util_1.isString)(dom) ? null === document || void 0 === document ? void 0 : document.getElementById(dom) : dom), 
         renderCanvas && (this._canvas = renderCanvas), stage && (this._stage = stage), "node" === mode || this._container || this._canvas || this._stage ? (isTrueBrowseEnv ? (0, 
@@ -142,11 +142,8 @@ class VChart {
         })), this._compiler.setSize(this._currentSize.width, this._currentSize.height), 
         this._eventDispatcher = new event_dispatcher_1.EventDispatcher(this, this._compiler), 
         this._event = new event_1.Event(this._eventDispatcher, mode), this._compiler.initView(), 
-        null === (_d = this.getStage()) || void 0 === _d || _d.setTheme({
-            text: {
-                fontFamily: null === (_e = this._currentTheme) || void 0 === _e ? void 0 : _e.fontFamily
-            }
-        }), this._initDataSet(this._option.dataSet), this._autoSize = !!isTrueBrowseEnv && (null === (_g = null !== (_f = spec.autoFit) && void 0 !== _f ? _f : this._option.autoFit) || void 0 === _g || _g), 
+        this._setFontFamilyTheme(null === (_d = this._currentTheme) || void 0 === _d ? void 0 : _d.fontFamily), 
+        this._initDataSet(this._option.dataSet), this._autoSize = !!isTrueBrowseEnv && (null === (_f = null !== (_e = spec.autoFit) && void 0 !== _e ? _e : this._option.autoFit) || void 0 === _f || _f), 
         this._bindResizeEvent(), this._bindVGrammarViewEvent(), this._initChartPlugin(), 
         instance_manager_1.InstanceManager.registerInstance(this)) : null === (_b = this._option) || void 0 === _b || _b.onError("please specify container or renderCanvas!");
     }
@@ -255,11 +252,12 @@ class VChart {
         var _a, _b, _c, _d, _e, _f;
         if (updateResult.reMake) this._releaseData(), this._initDataSet(), this._chartSpecTransformer = null, 
         null === (_a = this._chart) || void 0 === _a || _a.release(), this._chart = null, 
-        null === (_b = this._compiler) || void 0 === _b || _b.releaseGrammar(!1 === (null === (_c = this._option) || void 0 === _c ? void 0 : _c.animation) || !1 === (null === (_d = this._spec) || void 0 === _d ? void 0 : _d.animation)), 
+        updateResult.changeTheme && this._setCurrentTheme(), null === (_b = this._compiler) || void 0 === _b || _b.releaseGrammar(!1 === (null === (_c = this._option) || void 0 === _c ? void 0 : _c.animation) || !1 === (null === (_d = this._spec) || void 0 === _d ? void 0 : _d.animation)), 
         this._userEvents.forEach((e => {
             var _a;
             return null === (_a = this._event) || void 0 === _a ? void 0 : _a.on(e.eType, e.query, e.handler);
-        })), updateResult.reSize && this._doResize(); else if (updateResult.reCompile && (null === (_e = this._compiler) || void 0 === _e || _e.clear({
+        })), updateResult.reSize && this._doResize(); else if (updateResult.changeTheme && this._setCurrentTheme(), 
+        updateResult.reCompile && (null === (_e = this._compiler) || void 0 === _e || _e.clear({
             chart: this._chart,
             vChart: this
         }, !this._option.animation || !this._spec.animation), null === (_f = this._compiler) || void 0 === _f || _f.compile({
@@ -424,26 +422,22 @@ class VChart {
     }
     _updateSpec(spec, forceMerge = !1, userUpdateOptions) {
         var _a, _b;
-        const lastSpec = this._spec;
-        if (!this._setNewSpec(spec, forceMerge)) return;
-        (0, vutils_1.isEqual)(lastSpec.theme, this._spec.theme) || this._setCurrentTheme();
-        const reSize = this._shouldChartResize(lastSpec);
-        if (null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
-        this._spec.type !== lastSpec.type) return {
-            reTransformSpec: !0,
-            change: !0,
-            reMake: !0,
-            reCompile: !1,
-            reSize: reSize
-        };
-        this._initChartSpec(this._spec, "render");
-        const res = (0, util_2.mergeUpdateResult)(this._chart.updateSpec(this._spec), {
+        const lastSpec = this._spec, result = {
             reTransformSpec: !1,
-            change: reSize,
+            change: !1,
             reMake: !1,
             reCompile: !1,
-            reSize: reSize
-        });
+            reSize: !1,
+            changeTheme: !1
+        };
+        if (!this._setNewSpec(spec, forceMerge)) return;
+        (0, vutils_1.isEqual)(lastSpec.theme, this._spec.theme) || (result.changeTheme = !0);
+        const reSize = this._shouldChartResize(lastSpec);
+        if (result.reSize = reSize, null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
+        this._spec.type !== lastSpec.type) return result.reMake = !0, result.reTransformSpec = !0, 
+        result.change = !0, result;
+        this._initChartSpec(this._spec, "render");
+        const res = (0, util_2.mergeUpdateResult)(this._chart.updateSpec(this._spec), result);
         return userUpdateOptions ? Object.assign(Object.assign({}, res), userUpdateOptions) : res;
     }
     updateModelSpec(filter, spec, forceMerge = !1, morphConfig) {
@@ -578,19 +572,23 @@ class VChart {
         return this._currentThemeName;
     }
     setCurrentTheme(name) {
+        var _a;
         return __awaiter(this, void 0, void 0, (function*() {
             if (!theme_manager_1.ThemeManager.themeExist(name)) return this;
             const result = this._setCurrentTheme(name);
-            return yield this.updateCustomConfigAndRerender(result, !1, {
+            return this._setFontFamilyTheme(null === (_a = this._currentTheme) || void 0 === _a ? void 0 : _a.fontFamily), 
+            yield this.updateCustomConfigAndRerender(result, !1, {
                 transformSpec: !1,
                 actionSource: "setCurrentTheme"
             }), this;
         }));
     }
     setCurrentThemeSync(name) {
+        var _a;
         if (!theme_manager_1.ThemeManager.themeExist(name)) return this;
         const result = this._setCurrentTheme(name);
-        return this.updateCustomConfigAndRerender(result, !0, {
+        return this._setFontFamilyTheme(null === (_a = this._currentTheme) || void 0 === _a ? void 0 : _a.fontFamily), 
+        this.updateCustomConfigAndRerender(result, !0, {
             transformSpec: !1,
             actionSource: "setCurrentTheme"
         }), this;
@@ -603,6 +601,14 @@ class VChart {
             reMake: !1
         };
     }
+    _setFontFamilyTheme(fontFamily) {
+        var _a;
+        fontFamily && (null === (_a = this.getStage()) || void 0 === _a || _a.setTheme({
+            text: {
+                fontFamily: fontFamily
+            }
+        }));
+    }
     _getTooltipComponent() {
         var _a;
         return null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentsByType(type_1.ComponentTypeEnum.tooltip)[0];