@visactor/vchart 1.8.3 → 1.8.5

package/esm/{plugin/chart/media-query/interface/spec.d.ts → typings/spec/media-query.d.ts}

@@ -1,8 +1,11 @@
-import type { ComponentTypeEnum } from '../../../../component/interface';
-import type { IChartSpec, IVChart } from '../../../../core';
-import type { IModelSpecInfo } from '../../../../model/interface';
-import type { SeriesTypeEnum } from '../../../../series';
-import type { IMediaInfo } from './common';
+import type { ComponentTypeEnum } from '../../component/interface';
+import type { IChartSpec, IVChart } from '../../core';
+import type { IModelSpecInfo } from '../../model/interface';
+import type { SeriesTypeEnum } from '../../series';
+export interface IMediaInfo {
+    width: number;
+    height: number;
+}
 export type IMediaQuerySpec = IMediaQueryItem[];
 export interface IMediaQueryItem {
     query: IMediaQueryCondition;

package/esm/typings/spec/media-query.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=media-query.js.map

package/esm/typings/spec/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/typings/spec/media-query.ts"],"names":[],"mappings":"","file":"media-query.js","sourcesContent":["import type { ComponentTypeEnum } from '../../component/interface';\nimport type { IChartSpec, IVChart } from '../../core';\nimport type { IModelSpecInfo } from '../../model/interface';\nimport type { SeriesTypeEnum } from '../../series';\n\nexport interface IMediaInfo {\n  /** 图表宽度 */\n  width: number;\n  /** 图表高度 */\n  height: number;\n}\n\n/**\n * 媒体查询配置（包含多项查询）\n * @since 1.8.0\n */\nexport type IMediaQuerySpec = IMediaQueryItem[];\n\n/** 媒体查询配置（表示一项查询）*/\nexport interface IMediaQueryItem {\n  /** 媒体查询条件 */\n  query: IMediaQueryCondition;\n  /** 命中媒体查询条件之后的动作 */\n  action: IMediaQueryAction | IMediaQueryAction[];\n}\n\n/** 媒体查询条件，多个属性之间为“且”关系 */\nexport interface IMediaQueryCondition {\n  /** 最小图表宽度 */\n  minWidth?: number;\n  /** 最大图表宽度 */\n  maxWidth?: number;\n  /** 最小图表高度 */\n  minHeight?: number;\n  /** 最大图表高度 */\n  maxHeight?: number;\n  /** 当图表宽度或高度发生变化时触发的回调，由回调指定是否命中查询条件 */\n  onResize?: (info: IMediaInfo, vchart: IVChart) => boolean;\n}\n\n/** 命中媒体查询条件之后的动作 */\nexport interface IMediaQueryAction<T extends Record<string, unknown> = any> {\n  /**\n   * 需要应用的新 spec\n   * - 如果元素过滤器匹配到了某些图表元素，新 spec 将依次合并到这些元素\n   * - 如果元素过滤器没有匹配到任何图表元素，新 spec 可能会作为新的图表元素添加到图表（forceAppend 为 true 的情况）。\n   *\n   * 有两种配置类型：\n   * - 直接指定新 spec\n   * - 使用回调的方式返回新 spec\n   */\n  spec:\n    | Partial<T>\n    | ((\n        /** filter 匹配到的图表元素信息 */\n        filteredModelInfo: IModelSpecInfo<T>[],\n        /** 当前 action 对象 */\n        action: IMediaQueryAction<T>,\n        /** 当前媒体查询条件 */\n        query: IMediaQueryCondition\n      ) => Partial<T>);\n  /**\n   * 元素过滤器类型\n   * （规定 filter 需要过滤的元素类型，以及新 spec 对应的元素类型）\n   * @default 'chart'\n   */\n  filterType?: MediaQueryActionFilterType;\n  /**\n   * 元素过滤器\n   * （如果不配置，则匹配 filterType 对应的所有元素）\n   *\n   * 有两种配置类型：\n   * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n   * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n   */\n  filter?: MediaQueryActionFilter<T> | Array<MediaQueryActionFilter<T>>;\n  /**\n   * 元素过滤器匹配不到图表元素时，是否将新 spec 作为新的图表元素添加到图表\n   * （filterType 为 'chart' 时该配置失效）\n   * @default false\n   */\n  forceAppend?: boolean;\n}\n\n/**\n * 元素过滤器类型\n */\nexport type MediaQueryActionFilterType =\n  | 'region'\n  | 'series'\n  | 'chart'\n  | `${SeriesTypeEnum}` // 具体 series 类型，如 'bar'、'line'\n  | `${ComponentTypeEnum}` // 具体 component 类型，如 'cartesianAxis-band'\n  | keyof IChartSpec; // 组件 spec key，可视为简化版 component 类型，如 'axes'、'legends'、'crosshair'\n\n/**\n * 元素过滤器\n *\n * 有两种配置类型：\n * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n */\nexport type MediaQueryActionFilter<T extends Record<string, unknown> = any> =\n  | Partial<T>\n  | ((\n      /** 当前图表元素信息 */\n      modelInfo: IModelSpecInfo<T>,\n      /** 当前 action 对象 */\n      action: IMediaQueryAction<T>,\n      /** 当前媒体查询条件 */\n      query: IMediaQueryCondition\n    ) => boolean);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vchart",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "description": "charts lib based @visactor/VGrammar",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -76,25 +76,25 @@
     "size-limit": "9.0.0",
     "@size-limit/file": "9.0.0",
     "@internal/typescript-json-schema": "0.0.1",
-    "@internal/bundler": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/ts-config": "0.0.1",
+    "@internal/bundler": "0.0.1"
   },
   "dependencies": {
     "@visactor/vutils": "~0.17.3",
     "@visactor/vdataset": "~0.17.3",
     "@visactor/vscale": "~0.17.3",
-    "@visactor/vrender-core": "~0.17.9",
-    "@visactor/vrender-kits": "~0.17.9",
-    "@visactor/vrender-components": "~0.17.9",
-    "@visactor/vgrammar-core": "~0.10.5",
-    "@visactor/vgrammar-projection": "~0.10.5",
-    "@visactor/vgrammar-wordcloud": "~0.10.5",
-    "@visactor/vgrammar-wordcloud-shape": "~0.10.5",
-    "@visactor/vgrammar-hierarchy": "~0.10.5",
-    "@visactor/vgrammar-sankey": "~0.10.5",
-    "@visactor/vgrammar-util": "~0.10.5",
-    "@visactor/vutils-extension": "1.8.3"
+    "@visactor/vrender-core": "~0.17.10",
+    "@visactor/vrender-kits": "~0.17.10",
+    "@visactor/vrender-components": "~0.17.10",
+    "@visactor/vgrammar-core": "~0.10.6",
+    "@visactor/vgrammar-projection": "~0.10.6",
+    "@visactor/vgrammar-wordcloud": "~0.10.6",
+    "@visactor/vgrammar-wordcloud-shape": "~0.10.6",
+    "@visactor/vgrammar-hierarchy": "~0.10.6",
+    "@visactor/vgrammar-sankey": "~0.10.6",
+    "@visactor/vgrammar-util": "~0.10.6",
+    "@visactor/vutils-extension": "1.8.5"
   },
   "publishConfig": {
     "access": "public",

package/cjs/plugin/chart/media-query/interface/spec.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/chart/media-query/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { ComponentTypeEnum } from '../../../../component/interface';\nimport type { IChartSpec, IVChart } from '../../../../core';\nimport type { IModelSpecInfo } from '../../../../model/interface';\nimport type { SeriesTypeEnum } from '../../../../series';\nimport type { IMediaInfo } from './common';\n\n/**\n * 媒体查询配置（包含多项查询）\n * @since 1.8.0\n */\nexport type IMediaQuerySpec = IMediaQueryItem[];\n\n/** 媒体查询配置（表示一项查询）*/\nexport interface IMediaQueryItem {\n  /** 媒体查询条件 */\n  query: IMediaQueryCondition;\n  /** 命中媒体查询条件之后的动作 */\n  action: IMediaQueryAction | IMediaQueryAction[];\n}\n\n/** 媒体查询条件，多个属性之间为“且”关系 */\nexport interface IMediaQueryCondition {\n  /** 最小图表宽度 */\n  minWidth?: number;\n  /** 最大图表宽度 */\n  maxWidth?: number;\n  /** 最小图表高度 */\n  minHeight?: number;\n  /** 最大图表高度 */\n  maxHeight?: number;\n  /** 当图表宽度或高度发生变化时触发的回调，由回调指定是否命中查询条件 */\n  onResize?: (info: IMediaInfo, vchart: IVChart) => boolean;\n}\n\n/** 命中媒体查询条件之后的动作 */\nexport interface IMediaQueryAction<T extends Record<string, unknown> = any> {\n  /**\n   * 需要应用的新 spec\n   * - 如果元素过滤器匹配到了某些图表元素，新 spec 将依次合并到这些元素\n   * - 如果元素过滤器没有匹配到任何图表元素，新 spec 可能会作为新的图表元素添加到图表（forceAppend 为 true 的情况）。\n   *\n   * 有两种配置类型：\n   * - 直接指定新 spec\n   * - 使用回调的方式返回新 spec\n   */\n  spec:\n    | Partial<T>\n    | ((\n        /** filter 匹配到的图表元素信息 */\n        filteredModelInfo: IModelSpecInfo<T>[],\n        /** 当前 action 对象 */\n        action: IMediaQueryAction<T>,\n        /** 当前媒体查询条件 */\n        query: IMediaQueryCondition\n      ) => Partial<T>);\n  /**\n   * 元素过滤器类型\n   * （规定 filter 需要过滤的元素类型，以及新 spec 对应的元素类型）\n   * @default 'chart'\n   */\n  filterType?: MediaQueryActionFilterType;\n  /**\n   * 元素过滤器\n   * （如果不配置，则匹配 filterType 对应的所有元素）\n   *\n   * 有两种配置类型：\n   * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n   * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n   */\n  filter?: MediaQueryActionFilter<T> | Array<MediaQueryActionFilter<T>>;\n  /**\n   * 元素过滤器匹配不到图表元素时，是否将新 spec 作为新的图表元素添加到图表\n   * （filterType 为 'chart' 时该配置失效）\n   * @default false\n   */\n  forceAppend?: boolean;\n}\n\n/**\n * 元素过滤器类型\n */\nexport type MediaQueryActionFilterType =\n  | 'region'\n  | 'series'\n  | 'chart'\n  | `${SeriesTypeEnum}` // 具体 series 类型，如 'bar'、'line'\n  | `${ComponentTypeEnum}` // 具体 component 类型，如 'cartesianAxis-band'\n  | keyof IChartSpec; // 组件 spec key，可视为简化版 component 类型，如 'axes'、'legends'、'crosshair'\n\n/**\n * 元素过滤器\n *\n * 有两种配置类型：\n * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n */\nexport type MediaQueryActionFilter<T extends Record<string, unknown> = any> =\n  | Partial<T>\n  | ((\n      /** 当前图表元素信息 */\n      modelInfo: IModelSpecInfo<T>,\n      /** 当前 action 对象 */\n      action: IMediaQueryAction<T>,\n      /** 当前媒体查询条件 */\n      query: IMediaQueryCondition\n    ) => boolean);\n"]}

package/esm/plugin/chart/media-query/interface/spec.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=spec.js.map

package/esm/plugin/chart/media-query/interface/spec.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugin/chart/media-query/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { ComponentTypeEnum } from '../../../../component/interface';\nimport type { IChartSpec, IVChart } from '../../../../core';\nimport type { IModelSpecInfo } from '../../../../model/interface';\nimport type { SeriesTypeEnum } from '../../../../series';\nimport type { IMediaInfo } from './common';\n\n/**\n * 媒体查询配置（包含多项查询）\n * @since 1.8.0\n */\nexport type IMediaQuerySpec = IMediaQueryItem[];\n\n/** 媒体查询配置（表示一项查询）*/\nexport interface IMediaQueryItem {\n  /** 媒体查询条件 */\n  query: IMediaQueryCondition;\n  /** 命中媒体查询条件之后的动作 */\n  action: IMediaQueryAction | IMediaQueryAction[];\n}\n\n/** 媒体查询条件，多个属性之间为“且”关系 */\nexport interface IMediaQueryCondition {\n  /** 最小图表宽度 */\n  minWidth?: number;\n  /** 最大图表宽度 */\n  maxWidth?: number;\n  /** 最小图表高度 */\n  minHeight?: number;\n  /** 最大图表高度 */\n  maxHeight?: number;\n  /** 当图表宽度或高度发生变化时触发的回调，由回调指定是否命中查询条件 */\n  onResize?: (info: IMediaInfo, vchart: IVChart) => boolean;\n}\n\n/** 命中媒体查询条件之后的动作 */\nexport interface IMediaQueryAction<T extends Record<string, unknown> = any> {\n  /**\n   * 需要应用的新 spec\n   * - 如果元素过滤器匹配到了某些图表元素，新 spec 将依次合并到这些元素\n   * - 如果元素过滤器没有匹配到任何图表元素，新 spec 可能会作为新的图表元素添加到图表（forceAppend 为 true 的情况）。\n   *\n   * 有两种配置类型：\n   * - 直接指定新 spec\n   * - 使用回调的方式返回新 spec\n   */\n  spec:\n    | Partial<T>\n    | ((\n        /** filter 匹配到的图表元素信息 */\n        filteredModelInfo: IModelSpecInfo<T>[],\n        /** 当前 action 对象 */\n        action: IMediaQueryAction<T>,\n        /** 当前媒体查询条件 */\n        query: IMediaQueryCondition\n      ) => Partial<T>);\n  /**\n   * 元素过滤器类型\n   * （规定 filter 需要过滤的元素类型，以及新 spec 对应的元素类型）\n   * @default 'chart'\n   */\n  filterType?: MediaQueryActionFilterType;\n  /**\n   * 元素过滤器\n   * （如果不配置，则匹配 filterType 对应的所有元素）\n   *\n   * 有两种配置类型：\n   * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n   * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n   */\n  filter?: MediaQueryActionFilter<T> | Array<MediaQueryActionFilter<T>>;\n  /**\n   * 元素过滤器匹配不到图表元素时，是否将新 spec 作为新的图表元素添加到图表\n   * （filterType 为 'chart' 时该配置失效）\n   * @default false\n   */\n  forceAppend?: boolean;\n}\n\n/**\n * 元素过滤器类型\n */\nexport type MediaQueryActionFilterType =\n  | 'region'\n  | 'series'\n  | 'chart'\n  | `${SeriesTypeEnum}` // 具体 series 类型，如 'bar'、'line'\n  | `${ComponentTypeEnum}` // 具体 component 类型，如 'cartesianAxis-band'\n  | keyof IChartSpec; // 组件 spec key，可视为简化版 component 类型，如 'axes'、'legends'、'crosshair'\n\n/**\n * 元素过滤器\n *\n * 有两种配置类型：\n * - 配置为元素 spec 的一部分，在过滤图表元素时基于此 spec 进行模糊匹配\n * - 配置为函数回调，依次决定当前 filterType 类型下的每个元素实例是否被匹配\n */\nexport type MediaQueryActionFilter<T extends Record<string, unknown> = any> =\n  | Partial<T>\n  | ((\n      /** 当前图表元素信息 */\n      modelInfo: IModelSpecInfo<T>,\n      /** 当前 action 对象 */\n      action: IMediaQueryAction<T>,\n      /** 当前媒体查询条件 */\n      query: IMediaQueryCondition\n    ) => boolean);\n"]}