@visactor/vseed 0.1.7 → 0.1.9

package/dist/esm/types/chartType/rose/rose.d.ts

@@ -0,0 +1,99 @@
+import { type Locale } from '../../i18n';
+import type { MeasureTree } from '../../properties';
+import { type BackgroundColor, type Color, type Dataset, type Dimensions, type Label, type Legend, type Theme, type Tooltip } from '../../properties';
+/**
+ * @description 堆叠玫瑰图，适用于多维度数据对比场景，通过极坐标系下的扇形弧度和半径展示数据大小
+ * 适用场景:
+ * - 多维度数据的分布对比
+ * - 周期性数据的强弱比较
+ * - 分类数据的数值与占比同时展示
+ * @encoding
+ * 堆叠玫瑰图支持以下视觉通道:
+ * `angle`  : 角度通道, 支持`多个维度`, 按维度值映射至角度轴
+ * `radius` : 半径通道, 支持`多个指标`, 按指标值映射至半径轴
+ * `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
+ * `color`  : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
+ * `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
+ * `label`  : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
+ * @warning
+ * 数据要求:
+ * - 至少1个数值字段（度量）
+ * - 第一个维度会放至角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示
+ * - 所有指标会自动合并为一个指标
+ * 默认开启的功能:
+ * - 默认开启图例、极坐标系、数据标签、提示信息、数值缩放
+ * @recommend
+ * - 推荐字段配置: `1`个指标, `1`个维度
+ * - 支持数据重塑: 至少`1`个指标, `0`个维度
+ */
+export interface Rose {
+    /**
+     * 堆叠玫瑰图
+     * @description 堆叠玫瑰图，通过极坐标系展示多维度数据对比关系
+     * @type {'rose'}
+     * @example 'rose'
+     */
+    chartType: 'rose';
+    /**
+     * 数据集
+     * @description 符合TidyData规范的且已经聚合的数据集，用于定义图表的数据来源和结构, 用户输入的数据集并不需要进行任何处理, VSeed带有强大的数据重塑功能, 会自行进行数据重塑, 玫瑰图的数据最终会被转换为2个维度, 1个指标.
+     * @type {Array<Record<string|number, any>>}
+     * @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
+     */
+    dataset: Dataset;
+    /**
+     * 维度
+     * @description 玫瑰图的第一个维度被映射到角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
+     * @type {Dimensions}
+     * @example [{id: 'category', alias: '类别'}]
+     */
+    dimensions?: Dimensions;
+    /**
+     * 指标
+     * @description 玫瑰图的指标会自动合并为一个指标, 映射到半径轴, 存在多个指标时, 指标名称会与其余维度合并, 作为图例项展示.
+     * @type {Measures}
+     * @example [{id: 'value', alias: '数值'}]
+     */
+    measures?: MeasureTree;
+    /**
+     * 图表的背景颜色
+     * @default transparent 默认为透明背景
+     * @description 背景颜色可以是颜色字符串, 例如'red', 'blue', 也可以是hex, rgb或rgba'#ff0000', 'rgba(255,0,0,0.5)'
+     */
+    backgroundColor?: BackgroundColor;
+    /**
+     * 颜色
+     * @description 颜色配置, 用于定义图表的颜色方案, 包括颜色列表, 颜色映射, 颜色渐变等.
+     */
+    color?: Color;
+    /**
+     * 标签
+     * @description 标签配置, 用于定义图表的数据标签, 包括数据标签的位置, 格式, 样式等.
+     */
+    label?: Label;
+    /**
+     * 图例
+     * @description 图例配置, 用于定义图表的图例, 包括图例的位置, 格式, 样式等.
+     */
+    legend?: Legend;
+    /**
+     * 提示信息
+     * @description 提示信息配置, 用于定义图表的提示信息, 包括提示信息的位置, 格式, 样式等.
+     */
+    tooltip?: Tooltip;
+    /**
+     * 图表的主题, 主题是优先级较低的功能配置, 包含所有图表类型共用的通用配置, 与单类图表类型共用的图表配置
+     * @default light 默认为亮色主题
+     * @description 内置light与dark两种主题, 用户可以通过Builder自定义主题
+     * @example 'dark'
+     * @example 'light'
+     * @example 'customThemeName'
+     */
+    theme?: Theme;
+    /**
+     * 语言
+     * @description 图表语言配置, 支持'zh-CN'与'en-US'两种语言, 另外可以调用 intl.setLocale('zh-CN') 方法设置语言
+     * @default 'zh-CN'
+     */
+    locale?: Locale;
+}

package/dist/esm/types/chartType/rose/zRose.js

@@ -0,0 +1,20 @@
+import { z } from "zod";
+import { zLocale } from "../../i18n/index.js";
+import { zBackgroundColor, zColor, zDataset, zDimensions, zEncoding, zLabel, zLegend, zMeasureTree, zTheme, zTooltip } from "../../properties/index.js";
+const zRose = z.object({
+    chartType: z.literal('rose'),
+    dataset: zDataset.nullish(),
+    encoding: zEncoding.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
+});
+export { zRose };
+
+//# sourceMappingURL=zRose.js.map

package/dist/esm/types/chartType/rose/zRose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types/chartType/rose/zRose.js","sources":["webpack://@visactor/vseed/./src/types/chartType/rose/zRose.ts"],"sourcesContent":["import { z } from 'zod'\nimport { zLocale } from '../../i18n'\n\nimport {\n  zBackgroundColor,\n  zColor,\n  zDataset,\n  zDimensions,\n  zEncoding,\n  zLabel,\n  zLegend,\n  zMeasureTree,\n  zTheme,\n  zTooltip,\n} from '../../properties'\n\nexport const zRose = z.object({\n  chartType: z.literal('rose'),\n  dataset: zDataset.nullish(),\n  encoding: zEncoding.nullish(),\n  dimensions: zDimensions.nullish(),\n  measures: zMeasureTree.nullish(),\n  backgroundColor: zBackgroundColor.nullish(),\n  color: zColor.nullish(),\n  label: zLabel.nullish(),\n  legend: zLegend.nullish(),\n  tooltip: zTooltip.nullish(),\n  theme: zTheme.nullish(),\n  locale: zLocale.nullish(),\n})\n"],"names":["zRose","z","zDataset","zEncoding","zDimensions","zMeasureTree","zBackgroundColor","zColor","zLabel","zLegend","zTooltip","zTheme","zLocale"],"mappings":";;;AAgBO,MAAMA,QAAQC,EAAE,MAAM,CAAC;IAC5B,WAAWA,EAAE,OAAO,CAAC;IACrB,SAASC,SAAS,OAAO;IACzB,UAAUC,UAAU,OAAO;IAC3B,YAAYC,YAAY,OAAO;IAC/B,UAAUC,aAAa,OAAO;IAC9B,iBAAiBC,iBAAiB,OAAO;IACzC,OAAOC,OAAO,OAAO;IACrB,OAAOC,OAAO,OAAO;IACrB,QAAQC,QAAQ,OAAO;IACvB,SAASC,SAAS,OAAO;IACzB,OAAOC,OAAO,OAAO;IACrB,QAAQC,QAAQ,OAAO;AACzB"}

package/dist/esm/types/chartType/roseParallel/index.js

@@ -0,0 +1 @@
+export * from "./zRoseParallel.js";

package/dist/esm/types/chartType/roseParallel/roseParallel.d.ts

@@ -0,0 +1,99 @@
+import { type Locale } from '../../i18n';
+import type { MeasureTree } from '../../properties';
+import { type BackgroundColor, type Color, type Dataset, type Dimensions, type Label, type Legend, type Theme, type Tooltip } from '../../properties';
+/**
+ * @description 分组玫瑰图，适用于多维度数据对比场景，通过极坐标系下的扇形弧度和半径展示数据大小
+ * 适用场景:
+ * - 多维度数据的分布对比
+ * - 周期性数据的强弱比较
+ * - 分类数据的数值与占比同时展示
+ * @encoding
+ * 分组玫瑰图支持以下视觉通道:
+ * `angle`  : 角度通道, 支持`多个维度`, 按维度值映射至角度轴
+ * `radius` : 半径通道, 支持`多个指标`, 按指标值映射至半径轴
+ * `detail` : 细分通道, 支持`多个维度`, 在同一个颜色系列下展示更细粒度的数据时使用
+ * `color`  : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
+ * `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
+ * `label`  : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
+ * @warning
+ * 数据要求:
+ * - 至少1个数值字段（度量）
+ * - 第一个维度会放至角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示
+ * - 所有指标会自动合并为一个指标
+ * 默认开启的功能:
+ * - 默认开启图例、极坐标系、数据标签、提示信息、数值缩放
+ * @recommend
+ * - 推荐字段配置: `1`个指标, `1`个维度
+ * - 支持数据重塑: 至少`1`个指标, `0`个维度
+ */
+export interface RoseParallel {
+    /**
+     * 分组玫瑰图
+     * @description 分组玫瑰图，通过极坐标系展示多维度数据对比关系
+     * @type {'roseParallel'}
+     * @example 'roseParallel'
+     */
+    chartType: 'roseParallel';
+    /**
+     * 数据集
+     * @description 符合TidyData规范的且已经聚合的数据集，用于定义图表的数据来源和结构, 用户输入的数据集并不需要进行任何处理, VSeed带有强大的数据重塑功能, 会自行进行数据重塑, 玫瑰图的数据最终会被转换为2个维度, 1个指标.
+     * @type {Array<Record<string|number, any>>}
+     * @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
+     */
+    dataset: Dataset;
+    /**
+     * 维度
+     * @description 玫瑰图的第一个维度被映射到角度轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示.
+     * @type {Dimensions}
+     * @example [{id: 'category', alias: '类别'}]
+     */
+    dimensions?: Dimensions;
+    /**
+     * 指标
+     * @description 玫瑰图的指标会自动合并为一个指标, 映射到半径轴, 存在多个指标时, 指标名称会与其余维度合并, 作为图例项展示.
+     * @type {MeasureTree}
+     * @example [{id: 'value', alias: '数值'}]
+     */
+    measures?: MeasureTree;
+    /**
+     * 图表的背景颜色
+     * @default transparent 默认为透明背景
+     * @description 背景颜色可以是颜色字符串, 例如'red', 'blue', 也可以是hex, rgb或rgba'#ff0000', 'rgba(255,0,0,0.5)'
+     */
+    backgroundColor?: BackgroundColor;
+    /**
+     * 颜色
+     * @description 颜色配置, 用于定义图表的颜色方案, 包括颜色列表, 颜色映射, 颜色渐变等.
+     */
+    color?: Color;
+    /**
+     * 标签
+     * @description 标签配置, 用于定义图表的数据标签, 包括数据标签的位置, 格式, 样式等.
+     */
+    label?: Label;
+    /**
+     * 图例
+     * @description 图例配置, 用于定义图表的图例, 包括图例的位置, 格式, 样式等.
+     */
+    legend?: Legend;
+    /**
+     * 提示信息
+     * @description 提示信息配置, 用于定义图表的提示信息, 包括提示信息的位置, 格式, 样式等.
+     */
+    tooltip?: Tooltip;
+    /**
+     * 图表的主题, 主题是优先级较低的功能配置, 包含所有图表类型共用的通用配置, 与单类图表类型共用的图表配置
+     * @default light 默认为亮色主题
+     * @description 内置light与dark两种主题, 用户可以通过Builder自定义主题
+     * @example 'dark'
+     * @example 'light'
+     * @example 'customThemeName'
+     */
+    theme?: Theme;
+    /**
+     * 语言
+     * @description 图表语言配置, 支持'zh-CN'与'en-US'两种语言, 另外可以调用 intl.setLocale('zh-CN') 方法设置语言
+     * @default 'zh-CN'
+     */
+    locale?: Locale;
+}

package/dist/esm/types/chartType/roseParallel/zRoseParallel.js

@@ -0,0 +1,20 @@
+import { z } from "zod";
+import { zLocale } from "../../i18n/index.js";
+import { zBackgroundColor, zColor, zDataset, zDimensions, zEncoding, zLabel, zLegend, zMeasureTree, zTheme, zTooltip } from "../../properties/index.js";
+const zRoseParallel = z.object({
+    chartType: z.literal('roseParallel'),
+    dataset: zDataset.nullish(),
+    encoding: zEncoding.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
+});
+export { zRoseParallel };
+
+//# sourceMappingURL=zRoseParallel.js.map

package/dist/esm/types/chartType/roseParallel/zRoseParallel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types/chartType/roseParallel/zRoseParallel.js","sources":["webpack://@visactor/vseed/./src/types/chartType/roseParallel/zRoseParallel.ts"],"sourcesContent":["import { z } from 'zod'\nimport { zLocale } from '../../i18n'\nimport {\n  zBackgroundColor,\n  zColor,\n  zDataset,\n  zDimensions,\n  zEncoding,\n  zLabel,\n  zLegend,\n  zMeasureTree,\n  zTheme,\n  zTooltip,\n} from '../../properties'\n\nexport const zRoseParallel = z.object({\n  chartType: z.literal('roseParallel'),\n  dataset: zDataset.nullish(),\n  encoding: zEncoding.nullish(),\n  dimensions: zDimensions.nullish(),\n  measures: zMeasureTree.nullish(),\n  backgroundColor: zBackgroundColor.nullish(),\n  color: zColor.nullish(),\n  label: zLabel.nullish(),\n  legend: zLegend.nullish(),\n  tooltip: zTooltip.nullish(),\n  theme: zTheme.nullish(),\n  locale: zLocale.nullish(),\n})\n"],"names":["zRoseParallel","z","zDataset","zEncoding","zDimensions","zMeasureTree","zBackgroundColor","zColor","zLabel","zLegend","zTooltip","zTheme","zLocale"],"mappings":";;;AAeO,MAAMA,gBAAgBC,EAAE,MAAM,CAAC;IACpC,WAAWA,EAAE,OAAO,CAAC;IACrB,SAASC,SAAS,OAAO;IACzB,UAAUC,UAAU,OAAO;IAC3B,YAAYC,YAAY,OAAO;IAC/B,UAAUC,aAAa,OAAO;IAC9B,iBAAiBC,iBAAiB,OAAO;IACzC,OAAOC,OAAO,OAAO;IACrB,OAAOC,OAAO,OAAO;IACrB,QAAQC,QAAQ,OAAO;IACvB,SAASC,SAAS,OAAO;IACzB,OAAOC,OAAO,OAAO;IACrB,QAAQC,QAAQ,OAAO;AACzB"}

package/dist/esm/types/chartType/scatter/index.js

@@ -0,0 +1 @@
+export * from "./zScatter.js";

package/dist/esm/types/chartType/scatter/scatter.d.ts

@@ -0,0 +1,214 @@
+import type { Locale } from '../../i18n';
+import type { AnnotationArea, AnnotationHorizontalLine, AnnotationPoint, AnnotationVerticalLine, BackgroundColor, Color, Dataset, Dimensions, Label, Legend, PointStyle, Theme, Tooltip, CrosshairLine, YLinearAxis, XLinearAxis, MeasureTree, ScatterMeasures } from '../../properties';
+/**
+ * @description 散点图，适用于展示数据的分布情况，通过点的位置表示数据的数值
+ * 适用场景:
+ * - 分析数据的分布特征, 如数据的中心趋势, 分布范围, 异常值等
+ * @encoding
+ * 散点图支持以下视觉通道:
+ * `xAxis`  : x轴通道, 支持`多个指标`, 按指标值映射至x轴
+ * `yAxis`  : y轴通道, 支持`多个指标`, 按指标值映射至y轴
+ * `color`  : 颜色通道, 支持`多个维度`或 `一个指标`, 维度颜色用于区分不同的数据系列, 指标颜色用于线性映射指标值到图形颜色
+ * `tooltip`: 提示通道, 支持`多个维度`与 `多个指标`, 会在鼠标悬停在数据点上时展示
+ * `label`  : 标签通道, 支持`多个维度`与 `多个指标`, 会在数据点上展示数据标签
+ * @warning
+ * 数据要求:
+ * - 至少2个数值字段（度量）
+ * - 第一个指标字段会放至X轴, 其余指标会进行合并, 映射至Y轴
+ * - 指标名称和维度名称会合并, 作为图例项展示
+ * 默认开启的功能:
+ * - 默认开启图例、坐标轴、数据点标记、提示信息、趋势线
+ * @recommend
+ * - 推荐字段配置: `2`个指标, `1`个维度
+ * - 支持数据重塑: 至少`1`个指标, `0`个维度
+ */
+export interface Scatter {
+    /**
+     * 散点图
+     * @description 散点图，适用于展示数据的分布情况，通过点的位置表示数据的数值
+     * @type {'scatter'}
+     * @example 'scatter'
+     */
+    chartType: 'scatter';
+    /**
+     * 数据集
+     * @description 符合TidyData规范的且已经聚合的数据集，用于定义图表的数据来源和结构, 用户输入的数据集并不需要进行任何处理, VSeed带有强大的数据重塑功能, 会自行进行数据重塑, 折线图的数据最终会被转换为2个维度, 1个指标.
+     * @type {Array<Record<string|number, any>>}
+     * @example [{month:'1月', value:100}, {month:'2月', value:150}, {month:'3月', value:120}]
+     */
+    dataset: Dataset;
+    /**
+     * 维度
+     * @description 散点图的第一个维度被映射到X轴, 其余维度会与指标名称(存在多个指标时)合并, 作为图例项展示
+     * @type {Dimensions}
+     * @example [{id: "month", alias: "月份"}]
+     */
+    dimensions?: Dimensions;
+    /**
+     * @description 散点图指标
+     * measures可以使用2个指标组, 代表普通散点图的X轴和Y轴指标, 每个指标组内的指标会自动合并为一个指标.
+     * measures可以使用1个指标组, 再嵌套2个指标组, 绘制组合散点图. 最外层的每一个组, 代表一个散点图, 它们会纵向排列.
+     * @example
+     * 普通散点图
+     * [
+     *   {
+     *     id: "xAxis",
+     *     alias: '主轴',
+     *     children: [{id: 'profit', alias: '利润'}, {id: 'sales', alias: '销售额'}]
+     *   },
+     *   {
+     *     id: "y",
+     *     alias: '次轴',
+     *     children: [{id: 'growth', alias: '增长率'}, {id: 'returnRatio', alias: '回报率'}]
+     *   }
+     * ]
+     * 组合散点图
+     * [
+     *   {
+     *     id: "first",
+     *     alias: "第一个散点图",
+     *     children: [
+     *      {
+     *        id: "xAxis",
+     *        alias: '主轴',
+     *        children: [{id: 'profit', alias: '利润'}, {id: 'sales', alias: '销售额'}]
+     *      },
+     *      {
+     *        id: "y",
+     *        alias: '次轴',
+     *        children: [{id: 'growth', alias: '增长率'}, {id: 'returnRatio', alias: '回报率'}]
+     *      },
+     *     ]
+     *   },
+     *   {
+     *     id: "second",
+     *     alias: "第二个散点图",
+     *     children: [
+     *      {
+     *        id: "xAxis2",
+     *        alias: '主轴',
+     *        children: [{id: 'profit2', alias: '利润'}, {id: 'sales2', alias: '销售额'}]
+     *      },
+     *      {
+     *        id: "y2",
+     *        alias: '次轴',
+     *        children: [{id: 'growth2', alias: '增长率'}, {id: 'returnRatio2', alias: '回报率'}]
+     *      },
+     *     ]
+     *   },
+     * ]
+     */
+    measures?: MeasureTree;
+    /**
+     * @description 散点图指标, 是measures的简化形式
+     * 组合的散点图指标配置, 每个对象都代表一个散点图, 散点图之间纵向排列, 必须是数组.
+     * 每个配置对象内, xMeasures代表所有的X轴指标, yMeasures代表所有的Y轴指标, xMeasures和yMeasures可配置为数组或一个对象
+     * xMeasures 如果是多个指标, 则会自动合并, 映射至X轴
+     * yMeasures 如果是多个指标, 则会自动合并, 映射至Y轴
+     * @example
+     * 如下示例配置了一个双轴图, 主轴有1个value指标, 次轴有1个growth指标
+     * [
+     *   {
+     *     xMeasures:   {id: 'value', alias: '数值'}
+     *     yMeasures: {id: 'growth', alias: '增长率'}
+     *   }
+     * ]
+     * 如下示例配置了2个纵向排列的双轴图, 第一个双轴图, 主轴有1个value指标, 次轴有一个growth指标, 第二个双轴图, 主轴有2个指标: profit与sales, 次轴有一个returnRatio指标
+     * [
+     *   {
+     *     xMeasures:  {id: 'value', alias: '数值'}
+     *     yMeasures: {id: 'growth', alias: '增长率'}
+     *   },
+     *   {
+     *     xMeasures:   [{id: 'profit', alias: '利润'}, {id: 'sales', alias: '销售额'}],
+     *     yMeasures: [{id: 'returnRatio', alias: '回报率'}]
+     *   }
+     * ]
+     */
+    scatterMeasures?: ScatterMeasures;
+    /**
+     * 图表的背景颜色
+     * @default transparent 默认为透明背景
+     * @description 背景颜色可以是颜色字符串, 例如'red', 'blue', 也可以是hex, rgb或rgba'#ff0000', 'rgba(255,0,0,0.5)'
+     */
+    backgroundColor?: BackgroundColor;
+    /**
+     * 颜色
+     * @description 颜色配置, 用于定义图表的颜色方案, 包括颜色列表, 颜色映射, 颜色渐变等.
+     */
+    color?: Color;
+    /**
+     * 标签
+     * @description 标签配置, 用于定义图表的数据标签, 包括数据标签的位置, 格式, 样式等.
+     */
+    label?: Label;
+    /**
+     * 图例
+     * @description 图例配置, 用于定义图表的图例, 包括图例的位置, 格式, 样式等.
+     */
+    legend?: Legend;
+    /**
+     * 提示信息
+     * @description 提示信息配置, 用于定义图表的提示信息, 包括提示信息的位置, 格式, 样式等.
+     */
+    tooltip?: Tooltip;
+    /**
+     * x轴
+     * @description 数值轴, x轴配置, 用于定义图表的x轴, 包括x轴的位置, 格式, 样式等.
+     */
+    xAxis?: XLinearAxis;
+    /**
+     * y轴
+     * @description 数值轴, y轴配置, 用于定义图表的y轴, 包括y轴的位置, 格式, 样式等.
+     */
+    yAxis?: YLinearAxis;
+    /**
+     * 垂直提示线
+     * @description  鼠标移动到图表上时, 显示的垂直提示线
+     */
+    crosshairLine?: CrosshairLine;
+    /**
+     * 图表的主题, 主题是优先级较低的功能配置, 包含所有图表类型共用的通用配置, 与单类图表类型共用的图表配置
+     * @default light 默认为亮色主题
+     * @description 内置light与dark两种主题, 用户可以通过Builder自定义主题
+     * @example 'dark'
+     * @example 'light'
+     * @example 'customThemeName'
+     */
+    theme?: Theme;
+    /**
+     * 点图元样式
+     * @description 点图元样式配置, 用于定义图表的点图元样式, 包括点图元的颜色, 边框等.
+     * 支持全局样式或条件样式配置
+     * 数据筛选器
+     * 若配置selector, 提供数值 selector, 局部数据 selector, 条件维度 selector, 条件指标 selector 共四类数据匹配能力
+     * 若未配置selector, 则样式全局生效.
+     */
+    pointStyle?: PointStyle | PointStyle[];
+    /**
+     * 标注点
+     * @description 标注点配置, 根据选择的数据, 定义图表的标注点, 包括标注点的位置, 格式, 样式等.
+     */
+    annotationPoint?: AnnotationPoint | AnnotationPoint[];
+    /**
+     * 标注垂直线
+     * @description 标注垂直线配置, 根据选择的数据, 定义图表的标注垂直线, 包括标注垂直线的位置, 样式等.
+     */
+    annotationVerticalLine?: AnnotationVerticalLine | AnnotationVerticalLine[];
+    /**
+     * 标注水平线
+     * @description 标注水平线配置, 根据选择的数据, 定义图表的标注水平线, 包括标注水平线的位置, 样式等.
+     */
+    annotationHorizontalLine?: AnnotationHorizontalLine | AnnotationHorizontalLine[];
+    /**
+     * 标注区域
+     * @description 标注区域配置, 根据选择的数据, 定义图表的标注区域, 包括标注区域的位置, 样式等.
+     */
+    annotationArea?: AnnotationArea | AnnotationArea[];
+    /**
+     * 语言
+     * @description 图表语言配置, 支持'zh-CN'与'en-US'两种语言, 另外可以调用 intl.setLocale('zh-CN') 方法设置语言
+     * @default 'zh-CN'
+     */
+    locale?: Locale;
+}

package/dist/esm/types/chartType/scatter/zScatter.js

@@ -0,0 +1,29 @@
+import { z } from "zod";
+import { zLocale } from "../../i18n/index.js";
+import { zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zBackgroundColor, zColor, zCrosshairLine, zDataset, zDimensions, zEncoding, zLabel, zLegend, zMeasureTree, zPointStyle, zScatterMeasures, zTheme, zTooltip, zXLinearAxis, zYLinearAxis } from "../../properties/index.js";
+const zScatter = z.object({
+    chartType: z.literal('scatter'),
+    dataset: zDataset.nullish(),
+    encoding: zEncoding.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    scatterMeasures: zScatterMeasures.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish(),
+    theme: zTheme.nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
+});
+export { zScatter };
+
+//# sourceMappingURL=zScatter.js.map

package/dist/esm/types/chartType/scatter/zScatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types/chartType/scatter/zScatter.js","sources":["webpack://@visactor/vseed/./src/types/chartType/scatter/zScatter.ts"],"sourcesContent":["import { z } from 'zod'\nimport { zLocale } from '../../i18n'\nimport {\n  zAnnotationArea,\n  zAnnotationHorizontalLine,\n  zAnnotationPoint,\n  zAnnotationVerticalLine,\n  zBackgroundColor,\n  zColor,\n  zCrosshairLine,\n  zDataset,\n  zDimensions,\n  zEncoding,\n  zLabel,\n  zLegend,\n  zMeasureTree,\n  zPointStyle,\n  zScatterMeasures,\n  zTheme,\n  zTooltip,\n  zXLinearAxis,\n  zYLinearAxis,\n} from '../../properties'\n\nexport const zScatter = z.object({\n  chartType: z.literal('scatter'),\n  dataset: zDataset.nullish(),\n  encoding: zEncoding.nullish(),\n  dimensions: zDimensions.nullish(),\n  measures: zMeasureTree.nullish(),\n  scatterMeasures: zScatterMeasures.nullish(),\n  backgroundColor: zBackgroundColor.nullish(),\n  color: zColor.nullish(),\n  label: zLabel.nullish(),\n  legend: zLegend.nullish(),\n  tooltip: zTooltip.nullish(),\n  xAxis: zXLinearAxis.nullish(),\n  yAxis: zYLinearAxis.nullish(),\n  crosshairLine: zCrosshairLine.nullish(),\n  theme: zTheme.nullish(),\n  pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),\n  annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),\n  annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),\n  annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),\n  annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),\n  locale: zLocale.nullish(),\n})\n"],"names":["zScatter","z","zDataset","zEncoding","zDimensions","zMeasureTree","zScatterMeasures","zBackgroundColor","zColor","zLabel","zLegend","zTooltip","zXLinearAxis","zYLinearAxis","zCrosshairLine","zTheme","zPointStyle","zAnnotationPoint","zAnnotationVerticalLine","zAnnotationHorizontalLine","zAnnotationArea","zLocale"],"mappings":";;;AAwBO,MAAMA,WAAWC,EAAE,MAAM,CAAC;IAC/B,WAAWA,EAAE,OAAO,CAAC;IACrB,SAASC,SAAS,OAAO;IACzB,UAAUC,UAAU,OAAO;IAC3B,YAAYC,YAAY,OAAO;IAC/B,UAAUC,aAAa,OAAO;IAC9B,iBAAiBC,iBAAiB,OAAO;IACzC,iBAAiBC,iBAAiB,OAAO;IACzC,OAAOC,OAAO,OAAO;IACrB,OAAOC,OAAO,OAAO;IACrB,QAAQC,QAAQ,OAAO;IACvB,SAASC,SAAS,OAAO;IACzB,OAAOC,aAAa,OAAO;IAC3B,OAAOC,aAAa,OAAO;IAC3B,eAAeC,eAAe,OAAO;IACrC,OAAOC,OAAO,OAAO;IACrB,YAAYd,EAAE,KAAK,CAACe,aAAa,EAAE,CAACA,aAAa,OAAO;IACxD,iBAAiBf,EAAE,KAAK,CAACgB,kBAAkB,EAAE,CAACA,kBAAkB,OAAO;IACvE,wBAAwBhB,EAAE,KAAK,CAACiB,yBAAyB,EAAE,CAACA,yBAAyB,OAAO;IAC5F,0BAA0BjB,EAAE,KAAK,CAACkB,2BAA2B,EAAE,CAACA,2BAA2B,OAAO;IAClG,gBAAgBlB,EAAE,KAAK,CAACmB,iBAAiB,EAAE,CAACA,iBAAiB,OAAO;IACpE,QAAQC,QAAQ,OAAO;AACzB"}

package/dist/esm/types/chartType/table/index.js

@@ -0,0 +1 @@
+export * from "./zTable.js";

package/dist/esm/types/chartType/table/zTable.js

@@ -0,0 +1,28 @@
+import { z } from "zod";
+import { zLocale } from "../../i18n/index.js";
+import { zBackgroundColor, zDataset, zDimensions, zMeasureTree, zTheme } from "../../properties/index.js";
+const zTable = z.object({
+    chartType: z.literal('table'),
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    borderColor: z.string().nullish(),
+    bodyFontSize: z.number().nullish(),
+    bodyFontColor: z.string().nullish(),
+    bodyBackgroundColor: z.string().nullish(),
+    hoverBodyBackgroundColor: z.string().nullish(),
+    hoverBodyInlineBackgroundColor: z.string().nullish(),
+    headerFontSize: z.number().nullish(),
+    headerFontColor: z.string().nullish(),
+    headerBackgroundColor: z.string().nullish(),
+    hoverHeaderBackgroundColor: z.string().nullish(),
+    hoverHeaderInlineBackgroundColor: z.string().nullish(),
+    selectedBorderColor: z.string().nullish(),
+    selectedBackgroundColor: z.string().nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
+});
+export { zTable };
+
+//# sourceMappingURL=zTable.js.map

package/dist/esm/types/chartType/table/zTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types/chartType/table/zTable.js","sources":["webpack://@visactor/vseed/./src/types/chartType/table/zTable.ts"],"sourcesContent":["import { z } from 'zod'\nimport { zLocale } from '../../i18n'\nimport { zBackgroundColor, zDataset, zDimensions, zMeasureTree, zTheme } from '../../properties'\n\nexport const zTable = z.object({\n  chartType: z.literal('table'),\n  dataset: zDataset.nullish(),\n  dimensions: zDimensions.nullish(),\n  measures: zMeasureTree.nullish(),\n\n  backgroundColor: zBackgroundColor.nullish(),\n  borderColor: z.string().nullish(),\n  bodyFontSize: z.number().nullish(),\n  bodyFontColor: z.string().nullish(),\n  bodyBackgroundColor: z.string().nullish(),\n  hoverBodyBackgroundColor: z.string().nullish(),\n  hoverBodyInlineBackgroundColor: z.string().nullish(),\n  headerFontSize: z.number().nullish(),\n  headerFontColor: z.string().nullish(),\n  headerBackgroundColor: z.string().nullish(),\n  hoverHeaderBackgroundColor: z.string().nullish(),\n  hoverHeaderInlineBackgroundColor: z.string().nullish(),\n  selectedBorderColor: z.string().nullish(),\n  selectedBackgroundColor: z.string().nullish(),\n\n  theme: zTheme.nullish(),\n  locale: zLocale.nullish(),\n})\n"],"names":["zTable","z","zDataset","zDimensions","zMeasureTree","zBackgroundColor","zTheme","zLocale"],"mappings":";;;AAIO,MAAMA,SAASC,EAAE,MAAM,CAAC;IAC7B,WAAWA,EAAE,OAAO,CAAC;IACrB,SAASC,SAAS,OAAO;IACzB,YAAYC,YAAY,OAAO;IAC/B,UAAUC,aAAa,OAAO;IAE9B,iBAAiBC,iBAAiB,OAAO;IACzC,aAAaJ,EAAE,MAAM,GAAG,OAAO;IAC/B,cAAcA,EAAE,MAAM,GAAG,OAAO;IAChC,eAAeA,EAAE,MAAM,GAAG,OAAO;IACjC,qBAAqBA,EAAE,MAAM,GAAG,OAAO;IACvC,0BAA0BA,EAAE,MAAM,GAAG,OAAO;IAC5C,gCAAgCA,EAAE,MAAM,GAAG,OAAO;IAClD,gBAAgBA,EAAE,MAAM,GAAG,OAAO;IAClC,iBAAiBA,EAAE,MAAM,GAAG,OAAO;IACnC,uBAAuBA,EAAE,MAAM,GAAG,OAAO;IACzC,4BAA4BA,EAAE,MAAM,GAAG,OAAO;IAC9C,kCAAkCA,EAAE,MAAM,GAAG,OAAO;IACpD,qBAAqBA,EAAE,MAAM,GAAG,OAAO;IACvC,yBAAyBA,EAAE,MAAM,GAAG,OAAO;IAE3C,OAAOK,OAAO,OAAO;IACrB,QAAQC,QAAQ,OAAO;AACzB"}

package/dist/esm/types/dataSelector/index.js

@@ -0,0 +1 @@
+export * from "./selector.js";

package/dist/esm/types/dataSelector/selector.js

@@ -0,0 +1,59 @@
+import { z } from "zod";
+const zSelector = z.union([
+    z.string(),
+    z.number(),
+    z.object({
+        field: z.string(),
+        operator: z["enum"]([
+            '=',
+            '==',
+            '!=',
+            '>',
+            '<',
+            '>=',
+            '<=',
+            'between'
+        ]).nullish(),
+        op: z["enum"]([
+            '=',
+            '==',
+            '!=',
+            '>',
+            '<',
+            '>=',
+            '<=',
+            'between'
+        ]).nullish(),
+        value: z.union([
+            z.string(),
+            z.number(),
+            z.array(z.union([
+                z.string(),
+                z.number()
+            ]))
+        ])
+    }),
+    z.object({
+        field: z.string(),
+        operator: z["enum"]([
+            'in',
+            'not in'
+        ]).nullish(),
+        op: z["enum"]([
+            'in',
+            'not in'
+        ]).nullish(),
+        value: z.union([
+            z.string(),
+            z.number(),
+            z.array(z.union([
+                z.string(),
+                z.number()
+            ]))
+        ])
+    })
+]);
+const zSelectors = z.array(zSelector);
+export { zSelector, zSelectors };
+
+//# sourceMappingURL=selector.js.map

package/dist/esm/types/dataSelector/selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types/dataSelector/selector.js","sources":["webpack://@visactor/vseed/./src/types/dataSelector/selector.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { Datum } from '../properties'\n\nexport type ValueSelector = string | number\n\nexport type PartialDatumSelector = Datum\n\n/**\n * @description 指标选择器, 用于选择数据项中指标字段的值\n */\nexport type MeasureSelector = {\n  /**\n   * @description 指标字段, measures 某一项的 id\n   */\n  field: string\n  /**\n   * @description 操作符\n   * - =: 选择数据项中指标字段的值等于 value 的数据项\n   * - ==: 选择数据项中指标字段的值等于 value 的数据项\n   * - !=: 选择数据项中指标字段的值不等于 value 的数据项\n   * - >: 选择数据项中指标字段的值大于 value 的数据项\n   * - <: 选择数据项中指标字段的值小于 value 的数据项\n   * - >=: 选择数据项中指标字段的值大于等于 value 的数据项\n   * - <=: 选择数据项中指标字段的值小于等于 value 的数据项\n   * - between: 选择数据项中指标字段的值在 value 之间的 data item\n   */\n  operator?: '=' | '==' | '!=' | '>' | '<' | '>=' | '<=' | 'between'\n  /**\n   * @description 操作符\n   * - =: 选择数据项中指标字段的值等于 value 的数据项\n   * - ==: 选择数据项中指标字段的值等于 value 的数据项\n   * - !=: 选择数据项中指标字段的值不等于 value 的数据项\n   * - >: 选择数据项中指标字段的值大于 value 的数据项\n   * - <: 选择数据项中指标字段的值小于 value 的数据项\n   * - >=: 选择数据项中指标字段的值大于等于 value 的数据项\n   * - <=: 选择数据项中指标字段的值小于等于 value 的数据项\n   * - between: 选择数据项中指标字段的值在 value 之间的 data item\n   * same as operator\n   */\n  op?: '=' | '==' | '!=' | '>' | '<' | '>=' | '<=' | 'between'\n  /**\n   * @description 选择数据项中指标字段的值\n   * - 仅 op 为 between 时, value 为长度为2的数组, 数组中的元素为指标字段的最小值和最大值\n   * - 其他情况, value 为指标字段的单个值\n   */\n  value: string | number | Array<string | number>\n  // /**\n  //  * @description 是否使用原始数据进行数据匹配, 开启后会有更多的数据被匹配到\n  //  * 若下述数据, measures 仅设置了 value, field 为 isHigh 或 isLow, op 为 =, value 为 1,\n  //  * 关闭useOrigin时, 数据项并不会考虑measures之外的字段, 因此field为isHigh或isLow的字段会被忽略\n  //  * 开启useOrigin时, 会直接使用整个数据项进行匹配\n  //  * [\n  //  *  {value: 100, isHigh: 1, isLow: 0},\n  //  *  {value: 200, isHigh: 0, isLow: 1},\n  //  *  {value: 300, isHigh: 1, isLow: 0},\n  //  * ]\n  //  * @default false\n  //  */\n  // useOrigin?: boolean\n}\n\n/**\n * @description 维度选择器, 用于选择数据项中维度字段的值\n */\nexport type DimensionSelector = {\n  /**\n   * @description 维度字段, dimensions 某一项的 id\n   */\n  field: string\n  /**\n   * @description 操作符\n   * - in: 选择数据项中维度字段的值在 value 中的数据项\n   * - not in: 选择数据项中维度字段的值不在 value 中的数据项\n   */\n  operator?: 'in' | 'not in'\n  /**\n   * @description 操作符\n   * - in: 选择数据项中维度字段的值在 value 中的数据项\n   * - not in: 选择数据项中维度字段的值不在 value 中的数据项\n   * same as operator\n   */\n  op?: 'in' | 'not in'\n  /**\n   * @description 选择数据项中维度字段的值, 支持数组\n   */\n  value: string | number | Array<string | number>\n  // /**\n  //  * @description 是否使用原始数据进行数据匹配, 开启后会有更多的数据被匹配到\n  //  * 若下述数据, dimensions 仅设置了 name, field 为 name, op 为 =, value 为 \"high\",\n  //  * 关闭useOrigin时, 数据项并不会考虑dimensions之外的字段, 因此field为name的字段会被忽略\n  //  * 开启useOrigin时, 会直接使用整个数据项进行匹配\n  //  * [\n  //  *  {name: \"low\", isHigh: \"false\", isLow: \"true\"},\n  //  *  {name: \"low\", isHigh: \"false\", isLow: \"true\"},\n  //  *  {name: \"high\", isHigh: \"true\", isLow: \"false\"},\n  //  * ]\n  //  * @default false\n  //  */\n  // useOrigin?: boolean\n}\n\nexport type Selector = ValueSelector | PartialDatumSelector | MeasureSelector | DimensionSelector\n\nexport type Selectors = Array<Selector>\n\nexport const zSelector = z.union([\n  z.string(),\n  z.number(),\n  z.object({\n    field: z.string(),\n    operator: z.enum(['=', '==', '!=', '>', '<', '>=', '<=', 'between']).nullish(),\n    op: z.enum(['=', '==', '!=', '>', '<', '>=', '<=', 'between']).nullish(),\n    value: z.union([z.string(), z.number(), z.array(z.union([z.string(), z.number()]))]),\n  }),\n  z.object({\n    field: z.string(),\n    operator: z.enum(['in', 'not in']).nullish(),\n    op: z.enum(['in', 'not in']).nullish(),\n    value: z.union([z.string(), z.number(), z.array(z.union([z.string(), z.number()]))]),\n  }),\n])\n\nexport const zSelectors = z.array(zSelector)\n"],"names":["zSelector","z","zSelectors"],"mappings":";AAyGO,MAAMA,YAAYC,EAAE,KAAK,CAAC;IAC/BA,EAAE,MAAM;IACRA,EAAE,MAAM;IACRA,EAAE,MAAM,CAAC;QACP,OAAOA,EAAE,MAAM;QACf,UAAUA,CAAC,CAADA,OAAM,CAAC;YAAC;YAAK;YAAM;YAAM;YAAK;YAAK;YAAM;YAAM;SAAU,EAAE,OAAO;QAC5E,IAAIA,CAAC,CAADA,OAAM,CAAC;YAAC;YAAK;YAAM;YAAM;YAAK;YAAK;YAAM;YAAM;SAAU,EAAE,OAAO;QACtE,OAAOA,EAAE,KAAK,CAAC;YAACA,EAAE,MAAM;YAAIA,EAAE,MAAM;YAAIA,EAAE,KAAK,CAACA,EAAE,KAAK,CAAC;gBAACA,EAAE,MAAM;gBAAIA,EAAE,MAAM;aAAG;SAAG;IACrF;IACAA,EAAE,MAAM,CAAC;QACP,OAAOA,EAAE,MAAM;QACf,UAAUA,CAAC,CAADA,OAAM,CAAC;YAAC;YAAM;SAAS,EAAE,OAAO;QAC1C,IAAIA,CAAC,CAADA,OAAM,CAAC;YAAC;YAAM;SAAS,EAAE,OAAO;QACpC,OAAOA,EAAE,KAAK,CAAC;YAACA,EAAE,MAAM;YAAIA,EAAE,MAAM;YAAIA,EAAE,KAAK,CAACA,EAAE,KAAK,CAAC;gBAACA,EAAE,MAAM;gBAAIA,EAAE,MAAM;aAAG;SAAG;IACrF;CACD;AAEM,MAAMC,aAAaD,EAAE,KAAK,CAACD"}

package/dist/esm/types/i18n/i18n.js

@@ -0,0 +1,8 @@
+import { z } from "zod";
+const zLocale = z["enum"]([
+    'zh-CN',
+    'en-US'
+]).default('zh-CN');
+export { zLocale };
+
+//# sourceMappingURL=i18n.js.map

package/dist/esm/types/i18n/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types/i18n/i18n.js","sources":["webpack://@visactor/vseed/./src/types/i18n/i18n.ts"],"sourcesContent":["import { z } from 'zod'\n\nexport type Locale = 'zh-CN' | 'en-US'\n\nexport type TranslateRecordType = Record<string, { [local in Locale]: string }>\n\nexport const zLocale = z.enum(['zh-CN', 'en-US']).default('zh-CN')\n"],"names":["zLocale","z"],"mappings":";AAMO,MAAMA,UAAUC,CAAC,CAADA,OAAM,CAAC;IAAC;IAAS;CAAQ,EAAE,OAAO,CAAC"}