@idux/charts-core 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @idux/charts-core
 
+## 1.2.0
+
+### Minor Changes
+
+- 879376a: Add CHART_THEME_TOKEN for reactive application-wide chart themes, with explicit per-chart themes taking precedence.
+
+  Use a dark loading mask for dark chart themes while retaining explicit loading overrides.
+
+  Let chart tooltips inherit theme surfaces, retaining the light Seer background.
+
 ## 1.1.0
 
 ### Minor Changes

package/README.md

@@ -0,0 +1,84 @@
+# @idux/charts-core
+
+English | [简体中文](README.zh.md)
+
+The foundation of iDux Charts: the generic `IxChart` component, chart lifecycle composables, themes, types, and utilities. Use it for direct ECharts options or custom chart components.
+
+For the unified entry point and shared tooltip styles, use [`@idux/charts`](https://github.com/IDuxFE/idux-charts/blob/main/packages/charts/README.md).
+
+## Installation
+
+```bash
+npm install @idux/charts-core echarts
+```
+
+Supports Vue 2 (including Vue 2.6) and Vue 3. Use in an existing Vue project with peer dependencies Vue `^2.6.0 || ^3.2.5` and ECharts `^5.4.3 || ^6.0.0`. Vue 2.6 also requires `@vue/composition-api >=1.6.2` and plugin registration before creating the application.
+
+```bash
+npm install @vue/composition-api
+```
+
+```ts
+// Vue 2.6
+import Vue from 'vue'
+import VueCompositionAPI from '@vue/composition-api'
+
+Vue.use(VueCompositionAPI)
+```
+
+## Quick start
+
+This example uses Vue 3 `<script setup>` with a locally imported component. The container must have a nonzero width and height.
+
+```vue
+<script setup lang="ts">
+import { use } from 'echarts/core'
+import { LineChart } from 'echarts/charts'
+import { IxChart, type ChartProps } from '@idux/charts-core'
+
+use([LineChart])
+
+const option: ChartProps = {
+  xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'] },
+  yAxis: { type: 'value' },
+  series: [{ type: 'line', data: [123, 324, 156, 244, 188] }],
+}
+</script>
+
+<template>
+  <div style="height: 320px">
+    <IxChart v-bind="option" />
+  </div>
+</template>
+```
+
+`IxChart` takes ECharts options directly through `v-bind`, rather than a separate `option` prop. It registers the SVG renderer, Grid, Legend, Tooltip, Title, DataZoom, LabelLayout, and UniversalTransition. Register custom series or additional components with `use` from `echarts/core`. For Canvas, also register `CanvasRenderer` and pass `initOption: { renderer: 'canvas' }`.
+
+## Core API
+
+- `IxChart`: supports `autoResize` (enabled by default), `loading`, `theme`, `group`, `initOption`, `setOptionOpts`, and `onReady`.
+- `useChart(options, listeners?)`: manages initialization, reactive updates, events, resizing, and disposal. Call it in component `setup`; it returns `containerRef` and `chartRef`.
+- `seerTheme`: the built-in theme, registered as the default theme `seer`.
+- `useTooltipsFormatter`, `useReactiveAttrs`, `createInstall`, and `withChartProps`: helpers for custom charts.
+- `ChartProps`, `ChartPublicProps`, and `ChartOption`: public configuration types.
+
+This package does not ship a separate CSS file. Shared HTML tooltip styles are provided by `@idux/charts/dist/style.css`.
+
+## Application themes
+
+Use `CHART_THEME_TOKEN` to provide an application-wide theme name/object or a reactive ref. Explicit `theme` props override it; otherwise charts fall back to `seer`. Changing the inherited theme recreates the chart, following the existing theme lifecycle. For generated plot labels and graphics, also configure `PLOT_THEME_TOKEN` from `@idux/charts-plots` (or `@idux/charts`).
+
+## TypeScript
+
+`*ChartProps` types describe chart configuration and allow extension fields. `*ChartPublicProps` expose named public properties while preserving their types and optionality for component type adapters. See the [repository README](https://github.com/IDuxFE/idux-charts/blob/main/README.md#typescript-prop-types) for adapter details.
+
+## Documentation
+
+- [iDux Charts](https://charts.idux.site)
+- [Configuration guide](https://github.com/IDuxFE/idux-charts/blob/main/packages/site/src/0-guide/GettingStarted.page.md)
+- [Vue 2 / Vue 3 playgrounds](https://github.com/IDuxFE/idux-charts/blob/main/playgrounds/README.md)
+- [Repository and development](https://github.com/IDuxFE/idux-charts/blob/main/README.md)
+
+## License
+
+MIT © 2023-present IDuxFE

package/README.zh.md

@@ -0,0 +1,84 @@
+# @idux/charts-core
+
+[English](README.md) | 简体中文
+
+iDux Charts 的基础层，提供通用 `IxChart`、图表生命周期组合式函数、主题、类型及工具，适合直接使用 ECharts 配置或开发自定义图表组件。
+
+如需统一入口及共享提示框样式，可使用 [`@idux/charts`](https://github.com/IDuxFE/idux-charts/blob/main/packages/charts/README.zh.md)。
+
+## 安装
+
+```bash
+npm install @idux/charts-core echarts
+```
+
+支持 Vue 2（含 Vue 2.6）和 Vue 3。在已有 Vue 项目中使用，依赖版本为 Vue `^2.6.0 || ^3.2.5` 和 ECharts `^5.4.3 || ^6.0.0`。Vue 2.6 还需安装 `@vue/composition-api >=1.6.2`，并在创建应用前注册插件。
+
+```bash
+npm install @vue/composition-api
+```
+
+```ts
+// Vue 2.6
+import Vue from 'vue'
+import VueCompositionAPI from '@vue/composition-api'
+
+Vue.use(VueCompositionAPI)
+```
+
+## 快速上手
+
+以下示例使用 Vue 3 的 `<script setup>`，局部导入组件即可使用。容器必须具有有效的宽度和高度。
+
+```vue
+<script setup lang="ts">
+import { use } from 'echarts/core'
+import { LineChart } from 'echarts/charts'
+import { IxChart, type ChartProps } from '@idux/charts-core'
+
+use([LineChart])
+
+const option: ChartProps = {
+  xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'] },
+  yAxis: { type: 'value' },
+  series: [{ type: 'line', data: [123, 324, 156, 244, 188] }],
+}
+</script>
+
+<template>
+  <div style="height: 320px">
+    <IxChart v-bind="option" />
+  </div>
+</template>
+```
+
+`IxChart` 的 ECharts 配置通过 `v-bind` 直接传入，不使用单独的 `option` 属性。默认注册 SVG 渲染器、Grid、Legend、Tooltip、Title、DataZoom，以及 LabelLayout、UniversalTransition。自定义系列或额外组件需要通过 `echarts/core` 的 `use` 注册；使用 Canvas 时也需注册 `CanvasRenderer`，并传入 `initOption: { renderer: 'canvas' }`。
+
+## 核心 API
+
+- `IxChart`：支持 `autoResize`（默认开启）、`loading`、`theme`、`group`、`initOption`、`setOptionOpts` 和 `onReady`。
+- `useChart(options, listeners?)`：管理初始化、响应式更新、事件、尺寸变化和销毁，返回 `containerRef` 与 `chartRef`；在组件 `setup` 中调用。
+- `seerTheme`：内置主题，默认主题名称为 `seer`。
+- `useTooltipsFormatter`、`useReactiveAttrs`、`createInstall`、`withChartProps`：自定义图表开发工具。
+- `ChartProps`、`ChartPublicProps`、`ChartOption`：公开配置类型。
+
+此包不提供独立 CSS 文件；共享 HTML 提示框样式由 `@idux/charts/dist/style.css` 提供。
+
+## 应用级主题
+
+可用 `CHART_THEME_TOKEN` 提供应用级主题名称、对象或响应式 ref。显式 `theme` 属性优先，未配置时回退到 `seer`。注入主题变化沿用已有主题生命周期，重新创建图表实例。对于配置生成器绘制的文字和辅助图形，还需配置 `@idux/charts-plots`（或 `@idux/charts`）导出的 `PLOT_THEME_TOKEN`。
+
+## TypeScript
+
+`*ChartProps` 用于图表配置，允许扩展字段；`*ChartPublicProps` 提供具名公开属性类型，保留属性的类型及可选性，便于编写组件类型适配。具体适配说明见[仓库 README](https://github.com/IDuxFE/idux-charts/blob/main/README.zh.md#typescript-属性类型)。
+
+## 文档
+
+- [iDux Charts](https://charts.idux.site)
+- [配置指南](https://github.com/IDuxFE/idux-charts/blob/main/packages/site/src/0-guide/GettingStarted.page.md)
+- [Vue 2 / Vue 3 示例项目](https://github.com/IDuxFE/idux-charts/blob/main/playgrounds/README.zh.md)
+- [仓库与开发指南](https://github.com/IDuxFE/idux-charts/blob/main/README.zh.md)
+
+## 许可证
+
+MIT © 2023-present IDuxFE

package/dist/index.js

@@ -1,10 +1,10 @@
 import { DataZoomComponent as e, GridComponent as t, LegendComponent as n, TitleComponent as r, TooltipComponent as i } from "echarts/components";
 import { LabelLayout as a, UniversalTransition as o } from "echarts/features";
 import { SVGRenderer as s } from "echarts/renderers";
-import { computed as c, defineComponent as l, getCurrentInstance as u, h as d, isVue2 as f, onBeforeUnmount as p, onBeforeUpdate as m, onMounted as ee, onUpdated as te, shallowRef as h, unref as g, watch as _, watchEffect as v } from "vue-demi";
+import { computed as c, defineComponent as l, getCurrentInstance as u, h as d, inject as f, isVue2 as p, onBeforeUnmount as ee, onBeforeUpdate as m, onMounted as te, onUpdated as ne, shallowRef as h, unref as g, watch as _, watchEffect as v } from "vue-demi";
 import { PictorialBarChart as y } from "echarts/charts";
-import { init as ne, registerTheme as b, use as x } from "echarts/core";
-import { cloneDeep as S, isBoolean as re, isEqual as C, isNil as ie } from "lodash-es";
+import { init as re, registerTheme as b, use as x } from "echarts/core";
+import { cloneDeep as S, isBoolean as ie, isEqual as C, isNil as w } from "lodash-es";
 // composables/useResizeObserver.ts
 function ae(e, t, n) {
 	_([
@@ -23,15 +23,15 @@ function ae(e, t, n) {
 		});
 	});
 }
-var w = /* @__PURE__ */ new Map();
+var T = /* @__PURE__ */ new Map();
 function oe(e, t, n) {
 	if (e && t) {
-		if (w.has(e)) w.get(e).listeners.push(t);
+		if (T.has(e)) T.get(e).listeners.push(t);
 		else {
 			let r = [t], i = new ResizeObserver((e) => {
 				e.forEach((e) => r.forEach((t) => t(e)));
 			});
-			i.observe(e, n), w.set(e, {
+			i.observe(e, n), T.set(e, {
 				listeners: r,
 				ro: i
 			});
@@ -39,49 +39,51 @@ function oe(e, t, n) {
 	}
 }
 function se(e, t) {
-	if (!e || !t || !w.has(e)) return;
-	let { listeners: n, ro: r } = w.get(e), i = n.indexOf(t);
-	i > -1 && (n.splice(i, 1), n.length === 0 && (r.disconnect(), w.delete(e)));
+	if (!e || !t || !T.has(e)) return;
+	let { listeners: n, ro: r } = T.get(e), i = n.indexOf(t);
+	i > -1 && (n.splice(i, 1), n.length === 0 && (r.disconnect(), T.delete(e)));
 }
+// themes/token.ts
+var E = Symbol("CHART_THEME_TOKEN");
 // composables/useChart.ts
 x([y]);
-var T = { text: "加载中..." };
-function E(e, t) {
-	let n = () => typeof t == "function" ? t() : t, r = h(), i = h(), a = h(), o = c(() => g(e).autoResize ?? !0), s = c(() => g(e).group), l = c(() => g(e).initOption), u = c(() => g(e).loading), d = c(() => g(e).setOptionOpts), f = c(() => g(e).theme ?? "seer"), m = [], y = (e, t) => {
-		m = m.filter((n) => {
+var D = { text: "加载中..." };
+function O(e, t) {
+	let n = () => typeof t == "function" ? t() : t, r = h(), i = h(), a = h(), o = c(() => g(e).autoResize ?? !0), s = c(() => g(e).group), l = c(() => g(e).initOption), u = c(() => g(e).loading), d = c(() => g(e).setOptionOpts), p = f(E, void 0), m = c(() => g(e).theme ?? g(p) ?? "seer"), y = [], b = (e, t) => {
+		y = y.filter((n) => {
 			let r = t.some(([e, t, r]) => e === n.name && t === n.handler && r === n.once);
 			return r || e.off(n.name, n.wrapped), r;
 		}), t.forEach(([t, n, r]) => {
-			if (m.some((e) => e.name === t && e.handler === n && e.once === r)) return;
+			if (y.some((e) => e.name === t && e.handler === n && e.once === r)) return;
 			let i = (...a) => {
 				r && e.off(t, i), n(...a);
 			};
-			m.push({
+			y.push({
 				name: t,
 				handler: n,
 				once: r,
 				wrapped: i
 			}), e.on(t, i);
 		});
-	}, b = () => {
+	}, x = () => {
 		let t = r.value;
 		if (!t) return;
-		let o = ne(t, f.value, l.value), s = g(e), { restOptions: c, events: u } = D(s, n(), !1);
-		o.setOption(c, d.value), a.value = S(c), y(o, u);
-		let p = s.onReady || n()?.ready;
-		p && p(o), i.value = o;
-	}, x = () => {
-		i.value && (i.value.dispose(), i.value = void 0, m = []);
+		let o = re(t, m.value, l.value), s = g(e), { restOptions: c, events: u } = k(s, n(), !1);
+		o.setOption(c, d.value), a.value = S(c), b(o, u);
+		let f = s.onReady || n()?.ready;
+		f && f(o), i.value = o;
+	}, w = () => {
+		i.value && (i.value.dispose(), i.value = void 0, y = []);
 	};
-	return ee(() => b()), p(() => x()), te(() => {
-		i.value && y(i.value, D(g(e), n(), !1).events);
+	return te(() => x()), ee(() => w()), ne(() => {
+		i.value && b(i.value, k(g(e), n(), !1).events);
 	}), _(() => g(e), (e) => {
 		let t = i.value;
 		if (!t) return;
-		let { restOptions: r, events: o } = D(e, n(), !1);
-		y(t, o), C(r, a.value) || (t.setOption(r, d.value), a.value = S(r));
-	}, { deep: !0 }), _([() => S(f.value), () => S(l.value)], ([e, t], [n, r]) => {
-		C(e, n) && C(t, r) || (x(), b());
+		let { restOptions: r, events: o } = k(e, n(), !1);
+		b(t, o), C(r, a.value) || (t.setOption(r, d.value), a.value = S(r));
+	}, { deep: !0 }), _([() => S(m.value), () => S(l.value)], ([e, t], [n, r]) => {
+		C(e, n) && C(t, r) || (w(), x());
 	}), v(() => {
 		let e = s.value;
 		i.value && (i.value.group = e ?? "");
@@ -89,10 +91,17 @@ function E(e, t) {
 		let e = i.value;
 		if (!e) return;
 		let t = u.value;
-		t ? e.showLoading(re(t) ? T : {
-			...T,
-			...t
-		}) : e.hideLoading();
+		if (t) {
+			let n = e.getOption().darkMode === !0 ? {
+				...D,
+				textColor: "#F4F8FF",
+				maskColor: "rgba(10, 12, 15, 0.8)"
+			} : D;
+			e.showLoading(ie(t) ? n : {
+				...n,
+				...t
+			});
+		} else e.hideLoading();
 	}), ae(r, i, o), {
 		containerRef: r,
 		chartRef: i
@@ -112,7 +121,7 @@ var le = [
 	"theme",
 	"onReady"
 ];
-function D(e, t = {}, n = !0) {
+function k(e, t = {}, n = !0) {
 	let r = {}, i = [];
 	return Object.keys(e).forEach((t) => {
 		if (!le.includes(t)) {
@@ -129,7 +138,7 @@ function D(e, t = {}, n = !0) {
 				}
 			} else r[t] = e[t];
 		}
-	}), f && !n && Object.keys(t).forEach((e) => {
+	}), p && !n && Object.keys(t).forEach((e) => {
 		if (e === "ready" || e === "~ready") return;
 		let n = t[e];
 		if (n) {
@@ -146,7 +155,7 @@ function D(e, t = {}, n = !0) {
 	};
 }
 // composables/useTooltips.ts
-function O(e, t) {
+function A(e, t) {
 	return `
     <div class="charts-tooltips">
 			<div class="charts-tooltips-title">${e}</div>
@@ -159,7 +168,7 @@ function O(e, t) {
 		</div>`;
 }
 // composables/useStripe.ts
-function k({ data: e = [], color: t = "", offset: n = [0, 0], rotate: r = -20, size: i = [2, 8] }) {
+function j({ data: e = [], color: t = "", offset: n = [0, 0], rotate: r = -20, size: i = [2, 8] }) {
 	return {
 		name: "",
 		data: e,
@@ -188,7 +197,7 @@ function ue(e) {
 		formatter: function(t) {
 			if (!t?.length) return "";
 			let n = t[0].name;
-			return O(n, t.filter((e) => !!e.seriesName).map((t) => ({
+			return A(n, t.filter((e) => !!e.seriesName).map((t) => ({
 				name: t.seriesName,
 				value: `${t.value} ${e}`,
 				color: t.color
@@ -201,7 +210,7 @@ function de({ series: e, color: t, offset: n = [0, 0], rotate: r, size: i }) {
 		type: "bar",
 		z: 0,
 		...e
-	}, k({
+	}, j({
 		data: e.data,
 		offset: n,
 		color: t,
@@ -230,9 +239,9 @@ var pe = {
 	"init-option": "initOption",
 	"set-option-opts": "setOptionOpts"
 };
-function A(e) {
-	let t = u()?.proxy, n = () => Object.fromEntries(Object.entries(f && t ? t.$attrs : e).map(([e, t]) => [pe[e] ?? e, t]));
-	if (f && t) return c(n);
+function M(e) {
+	let t = u()?.proxy, n = () => Object.fromEntries(Object.entries(p && t ? t.$attrs : e).map(([e, t]) => [pe[e] ?? e, t]));
+	if (p && t) return c(n);
 	let r = h(n());
 	return m(() => {
 		let e = n(), t = r.value;
@@ -240,15 +249,15 @@ function A(e) {
 	}), r;
 }
 // utils/withChartProps.ts
-function j() {
+function N() {
 	return (e) => e;
 }
 // components/Chart.ts
-var me = j()(l({
+var me = N()(l({
 	name: "IxChart",
 	inheritAttrs: !1,
 	setup(e, t) {
-		let { containerRef: n } = E(A(t.attrs), () => t.listeners ?? {});
+		let { containerRef: n } = O(M(t.attrs), () => t.listeners ?? {});
 		return { containerRef: n };
 	},
 	render() {
@@ -265,27 +274,27 @@ var me = j()(l({
 	}
 }));
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/util.js
-function M(e, t) {
+function P(e, t) {
 	he(e) && (e = "100%");
-	let n = P(e);
+	let n = I(e);
 	return e = t === 360 ? parseFloat(e) : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (e = t === 360 ? (e < 0 ? e % t + t : e % t) / t : e % t / t, e);
 }
-function N(e) {
+function F(e) {
 	return Math.min(1, Math.max(0, e));
 }
 function he(e) {
-	return typeof e == "string" && e.indexOf(".") !== -1 && !P(e) && parseFloat(e) === 1;
+	return typeof e == "string" && e.indexOf(".") !== -1 && !I(e) && parseFloat(e) === 1;
 }
-function P(e) {
+function I(e) {
 	return typeof e == "string" && e.indexOf("%") !== -1;
 }
-function F(e) {
+function L(e) {
 	return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
 function ge(e) {
 	return Number(e) <= 1 ? `${Number(e) * 100}%` : e;
 }
-function I(e) {
+function R(e) {
 	if (typeof e != "number" || !(e <= 1)) return ge(e);
 	let t = Math.min(100, Math.max(0, e * 100)) * 100;
 	return (t >= 1e-6 ? Math.trunc(t) : parseInt(String(t), 10)) / 100;
@@ -296,13 +305,13 @@ function _e(e) {
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/conversion.js
 function ve(e, t, n) {
 	return {
-		r: M(e, 255) * 255,
-		g: M(t, 255) * 255,
-		b: M(n, 255) * 255
+		r: P(e, 255) * 255,
+		g: P(t, 255) * 255,
+		b: P(n, 255) * 255
 	};
 }
-function L(e, t, n) {
-	e = M(e, 255), t = M(t, 255), n = M(n, 255);
+function z(e, t, n) {
+	e = P(e, 255), t = P(t, 255), n = P(n, 255);
 	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = 0, o, s = (r + i) / 2;
 	if (r === i) o = 0, a = 0;
 	else {
@@ -324,15 +333,15 @@ function L(e, t, n) {
 		l: s
 	};
 }
-function R(e, t, n) {
+function B(e, t, n) {
 	return n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
 function ye(e, t, n) {
 	let r, i, a;
-	if (e = M(e, 360), t = M(t, 100), n = M(n, 100), t === 0) i = n, a = n, r = n;
+	if (e = P(e, 360), t = P(t, 100), n = P(n, 100), t === 0) i = n, a = n, r = n;
 	else {
 		let o = n < .5 ? n * (1 + t) : n + t - n * t, s = 2 * n - o;
-		r = R(s, o, e + 1 / 3), i = R(s, o, e), a = R(s, o, e - 1 / 3);
+		r = B(s, o, e + 1 / 3), i = B(s, o, e), a = B(s, o, e - 1 / 3);
 	}
 	return {
 		r: r * 255,
@@ -340,8 +349,8 @@ function ye(e, t, n) {
 		b: a * 255
 	};
 }
-function z(e, t, n) {
-	e = M(e, 255), t = M(t, 255), n = M(n, 255);
+function V(e, t, n) {
+	e = P(e, 255), t = P(t, 255), n = P(n, 255);
 	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = 0, o = r, s = r - i, c = r === 0 ? 0 : s / r;
 	if (r === i) a = 0;
 	else {
@@ -363,7 +372,7 @@ function z(e, t, n) {
 	};
 }
 function be(e, t, n) {
-	e = M(e, 360) * 6, t = M(t, 100), n = M(n, 100);
+	e = P(e, 360) * 6, t = P(t, 100), n = P(n, 100);
 	let r = Math.floor(e), i = e - r, a = n * (1 - t), o = n * (1 - i * t), s = n * (1 - (1 - i) * t), c = r % 6, l = [
 		n,
 		o,
@@ -392,22 +401,22 @@ function be(e, t, n) {
 		b: d * 255
 	};
 }
-function B(e) {
+function H(e) {
 	return e < 10 ? 48 + e : 87 + e;
 }
-function V(e) {
+function U(e) {
 	let t = Math.round(e);
-	return t >= 0 && t <= 255 ? String.fromCharCode(B(t >> 4), B(t & 15)) : _e(t.toString(16));
+	return t >= 0 && t <= 255 ? String.fromCharCode(H(t >> 4), H(t & 15)) : _e(t.toString(16));
 }
 function xe(e) {
-	return V(parseFloat(e) * 255);
+	return U(parseFloat(e) * 255);
 }
-function H(e, t, n, r) {
-	let i = V(e), a = V(t), o = V(n);
+function W(e, t, n, r) {
+	let i = U(e), a = U(t), o = U(n);
 	return r && i.startsWith(i.charAt(1)) && a.startsWith(a.charAt(1)) && o.startsWith(o.charAt(1)) ? i.charAt(0) + a.charAt(0) + o.charAt(0) : i + a + o;
 }
 function Se(e, t, n, r, i) {
-	let a = V(e), o = V(t), s = V(n), c = xe(r);
+	let a = U(e), o = U(t), s = U(n), c = xe(r);
 	return i && a.startsWith(a.charAt(1)) && o.startsWith(o.charAt(1)) && s.startsWith(s.charAt(1)) && c.startsWith(c.charAt(1)) ? a.charAt(0) + o.charAt(0) + s.charAt(0) + c.charAt(0) : a + o + s + c;
 }
 function Ce(e, t, n, r) {
@@ -418,7 +427,7 @@ function Ce(e, t, n, r) {
 		b: 255 * (1 - o) * (1 - s)
 	};
 }
-function U(e, t, n) {
+function G(e, t, n) {
 	let r = 1 - e / 255, i = 1 - t / 255, a = 1 - n / 255, o = Math.min(r, i, a);
 	return o === 1 ? (r = 0, i = 0, a = 0) : (r = (r - o) / (1 - o) * 100, i = (i - o) / (1 - o) * 100, a = (a - o) / (1 - o) * 100), o *= 100, {
 		c: Math.round(r),
@@ -435,7 +444,7 @@ function we(e) {
 	};
 }
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/css-color-names.js
-var W = {
+var K = {
 	aliceblue: "#f0f8ff",
 	antiquewhite: "#faebd7",
 	aqua: "#00ffff",
@@ -593,20 +602,20 @@ function Te(e) {
 		b: 0
 	}, n = 1, r = !1, i = !1;
 	if (typeof e == "string" && (e = Ee(e)), typeof e == "object") {
-		if (X(e.r) && X(e.g) && X(e.b)) {
+		if (Q(e.r) && Q(e.g) && Q(e.b)) {
 			t = ve(e.r, e.g, e.b), r = !0;
 			let { r: n } = e;
 			i = typeof n != "number" && String(n).endsWith("%") ? "prgb" : "rgb";
-		} else if (X(e.h) && X(e.s) && X(e.v)) {
-			let n = I(e.s), a = I(e.v);
+		} else if (Q(e.h) && Q(e.s) && Q(e.v)) {
+			let n = R(e.s), a = R(e.v);
 			t = be(e.h, n, a), r = !0, i = "hsv";
-		} else if (X(e.h) && X(e.s) && X(e.l)) {
-			let n = I(e.s), a = I(e.l);
+		} else if (Q(e.h) && Q(e.s) && Q(e.l)) {
+			let n = R(e.s), a = R(e.l);
 			t = ye(e.h, n, a), r = !0, i = "hsl";
-		} else X(e.c) && X(e.m) && X(e.y) && X(e.k) && (t = Ce(e.c, e.m, e.y, e.k), r = !0, i = "cmyk");
+		} else Q(e.c) && Q(e.m) && Q(e.y) && Q(e.k) && (t = Ce(e.c, e.m, e.y, e.k), r = !0, i = "cmyk");
 		Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a);
 	}
-	return n = F(n), {
+	return n = L(n), {
 		ok: r,
 		format: e.format || i,
 		r: Math.min(255, Math.max(t.r, 0)),
@@ -615,20 +624,20 @@ function Te(e) {
 		a: n
 	};
 }
-var G = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)", K = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?", q = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?", J = {
-	CSS_UNIT: new RegExp(G),
-	rgb: RegExp("rgb" + K),
-	rgba: RegExp("rgba" + q),
-	hsl: RegExp("hsl" + K),
-	hsla: RegExp("hsla" + q),
-	hsv: RegExp("hsv" + K),
-	hsva: RegExp("hsva" + q),
-	cmyk: RegExp("cmyk" + q)
+var q = "(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)", J = "[\\s|\\(]+(" + q + ")[,|\\s]+(" + q + ")[,|\\s]+(" + q + ")\\s*\\)?", Y = "[\\s|\\(]+(" + q + ")[,|\\s]+(" + q + ")[,|\\s]+(" + q + ")[,|\\s]+(" + q + ")\\s*\\)?", X = {
+	CSS_UNIT: new RegExp(q),
+	rgb: RegExp("rgb" + J),
+	rgba: RegExp("rgba" + Y),
+	hsl: RegExp("hsl" + J),
+	hsla: RegExp("hsla" + Y),
+	hsv: RegExp("hsv" + J),
+	hsva: RegExp("hsva" + Y),
+	cmyk: RegExp("cmyk" + Y)
 };
 function Ee(e) {
 	if (e = e.trim().toLowerCase(), e.length === 0) return !1;
 	let t = !1;
-	if (W[e]) e = W[e], t = !0;
+	if (K[e]) e = K[e], t = !0;
 	else if (e === "transparent") return {
 		r: 0,
 		g: 0,
@@ -640,35 +649,35 @@ function Ee(e) {
 		let n = De(e, t);
 		if (n) return n;
 	}
-	let n = J.rgb.exec(e);
+	let n = X.rgb.exec(e);
 	return n ? {
 		r: n[1],
 		g: n[2],
 		b: n[3]
-	} : (n = J.rgba.exec(e), n ? {
+	} : (n = X.rgba.exec(e), n ? {
 		r: n[1],
 		g: n[2],
 		b: n[3],
 		a: n[4]
-	} : (n = J.hsl.exec(e), n ? {
+	} : (n = X.hsl.exec(e), n ? {
 		h: n[1],
 		s: n[2],
 		l: n[3]
-	} : (n = J.hsla.exec(e), n ? {
+	} : (n = X.hsla.exec(e), n ? {
 		h: n[1],
 		s: n[2],
 		l: n[3],
 		a: n[4]
-	} : (n = J.hsv.exec(e), n ? {
+	} : (n = X.hsv.exec(e), n ? {
 		h: n[1],
 		s: n[2],
 		v: n[3]
-	} : (n = J.hsva.exec(e), n ? {
+	} : (n = X.hsva.exec(e), n ? {
 		h: n[1],
 		s: n[2],
 		v: n[3],
 		a: n[4]
-	} : (n = J.cmyk.exec(e), n ? {
+	} : (n = X.cmyk.exec(e), n ? {
 		c: n[1],
 		m: n[2],
 		y: n[3],
@@ -678,14 +687,14 @@ function Ee(e) {
 function De(e, t) {
 	let n = +!!e.startsWith("#"), r = e.length - n;
 	if (r === 6 || r === 8) {
-		let i = Y(e, n) * 16 + Y(e, n + 1), a = Y(e, n + 2) * 16 + Y(e, n + 3), o = Y(e, n + 4) * 16 + Y(e, n + 5);
+		let i = Z(e, n) * 16 + Z(e, n + 1), a = Z(e, n + 2) * 16 + Z(e, n + 3), o = Z(e, n + 4) * 16 + Z(e, n + 5);
 		if (r === 6) return Number.isNaN(i + a + o) ? void 0 : {
 			r: i,
 			g: a,
 			b: o,
 			format: t ? "name" : "hex"
 		};
-		let s = Y(e, n + 6) * 16 + Y(e, n + 7);
+		let s = Z(e, n + 6) * 16 + Z(e, n + 7);
 		return Number.isNaN(i + a + o + s) ? void 0 : {
 			r: i,
 			g: a,
@@ -695,14 +704,14 @@ function De(e, t) {
 		};
 	}
 	if (r === 3 || r === 4) {
-		let i = Y(e, n) * 17, a = Y(e, n + 1) * 17, o = Y(e, n + 2) * 17;
+		let i = Z(e, n) * 17, a = Z(e, n + 1) * 17, o = Z(e, n + 2) * 17;
 		if (r === 3) return Number.isNaN(i + a + o) ? void 0 : {
 			r: i,
 			g: a,
 			b: o,
 			format: t ? "name" : "hex"
 		};
-		let s = Y(e, n + 3) * 17;
+		let s = Z(e, n + 3) * 17;
 		return Number.isNaN(i + a + o + s) ? void 0 : {
 			r: i,
 			g: a,
@@ -712,12 +721,12 @@ function De(e, t) {
 		};
 	}
 }
-function Y(e, t) {
+function Z(e, t) {
 	let n = e.charCodeAt(t);
 	return n >= 48 && n <= 57 ? n - 48 : n >= 97 && n <= 102 ? n - 87 : n >= 65 && n <= 70 ? n - 55 : NaN;
 }
-function X(e) {
-	return typeof e == "number" ? !Number.isNaN(e) : e !== void 0 && J.CSS_UNIT.test(e);
+function Q(e) {
+	return typeof e == "number" ? !Number.isNaN(e) : e !== void 0 && X.CSS_UNIT.test(e);
 }
 // ../../node_modules/.pnpm/@ctrl+tinycolor@4.2.2/node_modules/@ctrl/tinycolor/dist/module/index.js
 var Oe = class e {
@@ -745,14 +754,14 @@ var Oe = class e {
 		return this.a;
 	}
 	setAlpha(e) {
-		return this.a = F(e), this.roundA = Math.round(100 * this.a) / 100, this;
+		return this.a = L(e), this.roundA = Math.round(100 * this.a) / 100, this;
 	}
 	isMonochrome() {
 		let { s: e } = this.toHsl();
 		return e === 0;
 	}
 	toHsv() {
-		let e = z(this.r, this.g, this.b);
+		let e = V(this.r, this.g, this.b);
 		return {
 			h: e.h * 360,
 			s: e.s,
@@ -761,11 +770,11 @@ var Oe = class e {
 		};
 	}
 	toHsvString() {
-		let e = z(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.v * 100);
+		let e = V(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.v * 100);
 		return this.a === 1 ? `hsv(${t}, ${n}%, ${r}%)` : `hsva(${t}, ${n}%, ${r}%, ${this.roundA})`;
 	}
 	toHsl() {
-		let e = L(this.r, this.g, this.b);
+		let e = z(this.r, this.g, this.b);
 		return {
 			h: e.h * 360,
 			s: e.s,
@@ -774,11 +783,11 @@ var Oe = class e {
 		};
 	}
 	toHslString() {
-		let e = L(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.l * 100);
+		let e = z(this.r, this.g, this.b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.l * 100);
 		return this.a === 1 ? `hsl(${t}, ${n}%, ${r}%)` : `hsla(${t}, ${n}%, ${r}%, ${this.roundA})`;
 	}
 	toHex(e = !1) {
-		return H(this.r, this.g, this.b, e);
+		return W(this.r, this.g, this.b, e);
 	}
 	toHexString(e = !1) {
 		return "#" + this.toHex(e);
@@ -805,7 +814,7 @@ var Oe = class e {
 		return this.a === 1 ? `rgb(${e}, ${t}, ${n})` : `rgba(${e}, ${t}, ${n}, ${this.roundA})`;
 	}
 	toPercentageRgb() {
-		let e = (e) => `${Math.round(M(e, 255) * 100)}%`;
+		let e = (e) => `${Math.round(P(e, 255) * 100)}%`;
 		return {
 			r: e(this.r),
 			g: e(this.g),
@@ -814,20 +823,20 @@ var Oe = class e {
 		};
 	}
 	toPercentageRgbString() {
-		let e = (e) => Math.round(M(e, 255) * 100);
+		let e = (e) => Math.round(P(e, 255) * 100);
 		return this.a === 1 ? `rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)` : `rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`;
 	}
 	toCmyk() {
-		return { ...U(this.r, this.g, this.b) };
+		return { ...G(this.r, this.g, this.b) };
 	}
 	toCmykString() {
-		let { c: e, m: t, y: n, k: r } = U(this.r, this.g, this.b);
+		let { c: e, m: t, y: n, k: r } = G(this.r, this.g, this.b);
 		return `cmyk(${e}, ${t}, ${n}, ${r})`;
 	}
 	toName() {
 		if (this.a === 0) return "transparent";
 		if (this.a < 1) return !1;
-		let e = "#" + H(this.r, this.g, this.b, !1), t = W;
+		let e = "#" + W(this.r, this.g, this.b, !1), t = K;
 		for (let n in t) if (Object.prototype.hasOwnProperty.call(t, n) && t[n] === e) return n;
 		return !1;
 	}
@@ -845,7 +854,7 @@ var Oe = class e {
 	}
 	lighten(t = 10) {
 		let n = this.toHsl();
-		return n.l += t / 100, n.l = N(n.l), new e(n);
+		return n.l += t / 100, n.l = F(n.l), new e(n);
 	}
 	brighten(t = 10) {
 		let n = this.toRgb();
@@ -853,7 +862,7 @@ var Oe = class e {
 	}
 	darken(t = 10) {
 		let n = this.toHsl();
-		return n.l -= t / 100, n.l = N(n.l), new e(n);
+		return n.l -= t / 100, n.l = F(n.l), new e(n);
 	}
 	tint(e = 10) {
 		return this.mix("white", e);
@@ -863,11 +872,11 @@ var Oe = class e {
 	}
 	desaturate(t = 10) {
 		let n = this.toHsl();
-		return n.s -= t / 100, n.s = N(n.s), new e(n);
+		return n.s -= t / 100, n.s = F(n.s), new e(n);
 	}
 	saturate(t = 10) {
 		let n = this.toHsl();
-		return n.s += t / 100, n.s = N(n.s), new e(n);
+		return n.s += t / 100, n.s = F(n.s), new e(n);
 	}
 	greyscale() {
 		return this.desaturate(100);
@@ -947,7 +956,7 @@ var Oe = class e {
 		let n = new e(t);
 		return this.format === "cmyk" || n.format === "cmyk" ? this.toCmykString() === n.toCmykString() : this.toRgbString() === n.toRgbString();
 	}
-}, Z = [
+}, $ = [
 	"#458FFF",
 	"#45D9A3",
 	"#FFC145",
@@ -990,8 +999,8 @@ var Oe = class e {
 	"#689FFF",
 	"#45D9A3",
 	"#99ACD1"
-], Q = {
-	color: Z,
+], je = {
+	color: $,
 	textStyle: {
 		color: "#6F7785",
 		fontSize: "12px"
@@ -1044,6 +1053,7 @@ var Oe = class e {
 		}
 	},
 	tooltip: {
+		backgroundColor: "rgba(251, 253, 255, 0.88)",
 		borderWidth: 0,
 		padding: 12,
 		textStyle: { color: "#2F3540" },
@@ -1088,29 +1098,29 @@ var Oe = class e {
 	dataZoom: { height: 16 }
 };
 // utils/index.ts
-function je(e) {
+function Me(e) {
 	return !!(e && e.xAxis && e.xAxis.data);
 }
-function Me(e, t) {
-	return f ? {
+function Ne(e, t) {
+	return p ? {
 		attrs: { ...e },
 		on: { ...t }
 	} : { ...e };
 }
-function Ne(e) {
+function Pe(e) {
 	return Object.entries(e).reduce((e, [t, n]) => (n !== void 0 && (e[t] = n), e), {});
 }
-function Pe(e) {
-	return ie(e) ? [] : Array.isArray(e) ? e : [e];
+function Fe(e) {
+	return w(e) ? [] : Array.isArray(e) ? e : [e];
 }
-var Fe = (e, t) => new Oe(e).setAlpha(t).toRgbString();
-function $(e, t) {
-	return x(t), b("seer", Q), e.install = (t) => {
+var Ie = (e, t) => new Oe(e).setAlpha(t).toRgbString();
+function Le(e, t) {
+	return x(t), b("seer", je), e.install = (t) => {
 		t.component(e.name, e);
 	}, e;
 }
 // components/index.ts
-var Ie = $(me, [
+var Re = Le(me, [
 	e,
 	n,
 	t,
@@ -1120,4 +1130,4 @@ var Ie = $(me, [
 	o,
 	s
 ]);
-export { Ie as IxChart, Pe as convertArray, $ as createInstall, Ne as filterEmptyProps, Fe as getAlphaColor, je as isVertical, Me as mergeAttrs, Z as seerColors, ke as seerColorsForMore, Ae as seerColorsForRisk, Q as seerTheme, E as useChart, A as useReactiveAttrs, k as useStripe, fe as useStripeArea, de as useStripeBarSeries, ue as useStripeBarTooltip, O as useTooltipsFormatter, j as withChartProps };
+export { E as CHART_THEME_TOKEN, Re as IxChart, Fe as convertArray, Le as createInstall, Pe as filterEmptyProps, Ie as getAlphaColor, Me as isVertical, Ne as mergeAttrs, $ as seerColors, ke as seerColorsForMore, Ae as seerColorsForRisk, je as seerTheme, O as useChart, M as useReactiveAttrs, j as useStripe, fe as useStripeArea, de as useStripeBarSeries, ue as useStripeBarTooltip, A as useTooltipsFormatter, N as withChartProps };

package/dist/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/charts"),require("echarts/core"),require("lodash-es")):typeof define==`function`&&define.amd?define([`exports`,`echarts/components`,`echarts/features`,`echarts/renderers`,`vue-demi`,`echarts/charts`,`echarts/core`,`lodash-es`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.IduxChartsCore={},e.echarts,e.echarts,e.echarts,e.VueDemi,e.echarts,e.echarts,e._))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function c(e,t,n){(0,i.watch)([e,t,n],([e,n,r],i,a)=>{if(!e||!n||!r)return;let o,s=()=>{o===void 0&&(o=requestAnimationFrame(()=>{o=void 0,t.value===n&&n.resize()}))};u(e,s),a(()=>{d(e,s),o!==void 0&&cancelAnimationFrame(o)})})}var l=new Map;function u(e,t,n){if(e&&t){if(l.has(e))l.get(e).listeners.push(t);else{let r=[t],i=new ResizeObserver(e=>{e.forEach(e=>r.forEach(t=>t(e)))});i.observe(e,n),l.set(e,{listeners:r,ro:i})}}}function d(e,t){if(!e||!t||!l.has(e))return;let{listeners:n,ro:r}=l.get(e),i=n.indexOf(t);i>-1&&(n.splice(i,1),n.length===0&&(r.disconnect(),l.delete(e)))}(0,o.use)([a.PictorialBarChart]);var f={text:`加载中...`};function p(e,t){let n=()=>typeof t==`function`?t():t,r=(0,i.shallowRef)(),a=(0,i.shallowRef)(),l=(0,i.shallowRef)(),u=(0,i.computed)(()=>(0,i.unref)(e).autoResize??!0),d=(0,i.computed)(()=>(0,i.unref)(e).group),p=(0,i.computed)(()=>(0,i.unref)(e).initOption),m=(0,i.computed)(()=>(0,i.unref)(e).loading),h=(0,i.computed)(()=>(0,i.unref)(e).setOptionOpts),_=(0,i.computed)(()=>(0,i.unref)(e).theme??`seer`),v=[],y=(e,t)=>{v=v.filter(n=>{let r=t.some(([e,t,r])=>e===n.name&&t===n.handler&&r===n.once);return r||e.off(n.name,n.wrapped),r}),t.forEach(([t,n,r])=>{if(v.some(e=>e.name===t&&e.handler===n&&e.once===r))return;let i=(...a)=>{r&&e.off(t,i),n(...a)};v.push({name:t,handler:n,once:r,wrapped:i}),e.on(t,i)})},b=()=>{let t=r.value;if(!t)return;let c=(0,o.init)(t,_.value,p.value),u=(0,i.unref)(e),{restOptions:d,events:f}=g(u,n(),!1);c.setOption(d,h.value),l.value=(0,s.cloneDeep)(d),y(c,f);let m=u.onReady||n()?.ready;m&&m(c),a.value=c},x=()=>{a.value&&(a.value.dispose(),a.value=void 0,v=[])};return(0,i.onMounted)(()=>b()),(0,i.onBeforeUnmount)(()=>x()),(0,i.onUpdated)(()=>{a.value&&y(a.value,g((0,i.unref)(e),n(),!1).events)}),(0,i.watch)(()=>(0,i.unref)(e),e=>{let t=a.value;if(!t)return;let{restOptions:r,events:i}=g(e,n(),!1);y(t,i),(0,s.isEqual)(r,l.value)||(t.setOption(r,h.value),l.value=(0,s.cloneDeep)(r))},{deep:!0}),(0,i.watch)([()=>(0,s.cloneDeep)(_.value),()=>(0,s.cloneDeep)(p.value)],([e,t],[n,r])=>{(0,s.isEqual)(e,n)&&(0,s.isEqual)(t,r)||(x(),b())}),(0,i.watchEffect)(()=>{let e=d.value;a.value&&(a.value.group=e??``)}),(0,i.watchEffect)(()=>{let e=a.value;if(!e)return;let t=m.value;t?e.showLoading((0,s.isBoolean)(t)?f:{...f,...t}):e.hideLoading()}),c(r,a,u),{containerRef:r,chartRef:a}}function m(e){return/^on[^a-z]/.test(e)}var h=[`class`,`style`,`autoResize`,`initOption`,`group`,`loading`,`setOptionOpts`,`theme`,`onReady`];function g(e,t={},n=!0){let r={},a=[];return Object.keys(e).forEach(t=>{if(!h.includes(t)){if(m(t)){if(n)return;let r=e[t];if(r){let e=t.endsWith(`Once`),n=e?t.length-4:void 0,i=t.charAt(2).toLowerCase()+t.substring(3,n);a.push([i,r,e])}}else r[t]=e[t]}}),i.isVue2&&!n&&Object.keys(t).forEach(e=>{if(e===`ready`||e===`~ready`)return;let n=t[e];if(n){let t=e.startsWith(`~`),r=+!!t,i=e.substring(r);a.push([i,n,t])}}),{restOptions:r,events:a}}function _(e,t){return`
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("echarts/components"),require("echarts/features"),require("echarts/renderers"),require("vue-demi"),require("echarts/charts"),require("echarts/core"),require("lodash-es")):typeof define==`function`&&define.amd?define([`exports`,`echarts/components`,`echarts/features`,`echarts/renderers`,`vue-demi`,`echarts/charts`,`echarts/core`,`lodash-es`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.IduxChartsCore={},e.echarts,e.echarts,e.echarts,e.VueDemi,e.echarts,e.echarts,e._))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function c(e,t,n){(0,i.watch)([e,t,n],([e,n,r],i,a)=>{if(!e||!n||!r)return;let o,s=()=>{o===void 0&&(o=requestAnimationFrame(()=>{o=void 0,t.value===n&&n.resize()}))};u(e,s),a(()=>{d(e,s),o!==void 0&&cancelAnimationFrame(o)})})}var l=new Map;function u(e,t,n){if(e&&t){if(l.has(e))l.get(e).listeners.push(t);else{let r=[t],i=new ResizeObserver(e=>{e.forEach(e=>r.forEach(t=>t(e)))});i.observe(e,n),l.set(e,{listeners:r,ro:i})}}}function d(e,t){if(!e||!t||!l.has(e))return;let{listeners:n,ro:r}=l.get(e),i=n.indexOf(t);i>-1&&(n.splice(i,1),n.length===0&&(r.disconnect(),l.delete(e)))}var f=Symbol(`CHART_THEME_TOKEN`);(0,o.use)([a.PictorialBarChart]);var p={text:`加载中...`};function m(e,t){let n=()=>typeof t==`function`?t():t,r=(0,i.shallowRef)(),a=(0,i.shallowRef)(),l=(0,i.shallowRef)(),u=(0,i.computed)(()=>(0,i.unref)(e).autoResize??!0),d=(0,i.computed)(()=>(0,i.unref)(e).group),m=(0,i.computed)(()=>(0,i.unref)(e).initOption),h=(0,i.computed)(()=>(0,i.unref)(e).loading),g=(0,i.computed)(()=>(0,i.unref)(e).setOptionOpts),v=(0,i.inject)(f,void 0),y=(0,i.computed)(()=>(0,i.unref)(e).theme??(0,i.unref)(v)??`seer`),b=[],x=(e,t)=>{b=b.filter(n=>{let r=t.some(([e,t,r])=>e===n.name&&t===n.handler&&r===n.once);return r||e.off(n.name,n.wrapped),r}),t.forEach(([t,n,r])=>{if(b.some(e=>e.name===t&&e.handler===n&&e.once===r))return;let i=(...a)=>{r&&e.off(t,i),n(...a)};b.push({name:t,handler:n,once:r,wrapped:i}),e.on(t,i)})},S=()=>{let t=r.value;if(!t)return;let c=(0,o.init)(t,y.value,m.value),u=(0,i.unref)(e),{restOptions:d,events:f}=_(u,n(),!1);c.setOption(d,g.value),l.value=(0,s.cloneDeep)(d),x(c,f);let p=u.onReady||n()?.ready;p&&p(c),a.value=c},C=()=>{a.value&&(a.value.dispose(),a.value=void 0,b=[])};return(0,i.onMounted)(()=>S()),(0,i.onBeforeUnmount)(()=>C()),(0,i.onUpdated)(()=>{a.value&&x(a.value,_((0,i.unref)(e),n(),!1).events)}),(0,i.watch)(()=>(0,i.unref)(e),e=>{let t=a.value;if(!t)return;let{restOptions:r,events:i}=_(e,n(),!1);x(t,i),(0,s.isEqual)(r,l.value)||(t.setOption(r,g.value),l.value=(0,s.cloneDeep)(r))},{deep:!0}),(0,i.watch)([()=>(0,s.cloneDeep)(y.value),()=>(0,s.cloneDeep)(m.value)],([e,t],[n,r])=>{(0,s.isEqual)(e,n)&&(0,s.isEqual)(t,r)||(C(),S())}),(0,i.watchEffect)(()=>{let e=d.value;a.value&&(a.value.group=e??``)}),(0,i.watchEffect)(()=>{let e=a.value;if(!e)return;let t=h.value;if(t){let n=e.getOption().darkMode===!0?{...p,textColor:`#F4F8FF`,maskColor:`rgba(10, 12, 15, 0.8)`}:p;e.showLoading((0,s.isBoolean)(t)?n:{...n,...t})}else e.hideLoading()}),c(r,a,u),{containerRef:r,chartRef:a}}function h(e){return/^on[^a-z]/.test(e)}var g=[`class`,`style`,`autoResize`,`initOption`,`group`,`loading`,`setOptionOpts`,`theme`,`onReady`];function _(e,t={},n=!0){let r={},a=[];return Object.keys(e).forEach(t=>{if(!g.includes(t)){if(h(t)){if(n)return;let r=e[t];if(r){let e=t.endsWith(`Once`),n=e?t.length-4:void 0,i=t.charAt(2).toLowerCase()+t.substring(3,n);a.push([i,r,e])}}else r[t]=e[t]}}),i.isVue2&&!n&&Object.keys(t).forEach(e=>{if(e===`ready`||e===`~ready`)return;let n=t[e];if(n){let t=e.startsWith(`~`),r=+!!t,i=e.substring(r);a.push([i,n,t])}}),{restOptions:r,events:a}}function v(e,t){return`
     <div class="charts-tooltips">
 			<div class="charts-tooltips-title">${e}</div>
 			${t.map(e=>`
@@ -7,4 +7,4 @@
 						<span class="charts-tooltips-item-name">${e.name}</span>
 						<span class="charts-tooltips-item-value">${e.value}</span>
 					</div>`).join(``)}
-		</div>`}function v({data:e=[],color:t=``,offset:n=[0,0],rotate:r=-20,size:i=[2,8]}){return{name:``,data:e,type:`pictorialBar`,symbolRotate:r,silent:!0,itemStyle:{color:t,opacity:0},emphasis:{itemStyle:{opacity:1}},symbolRepeat:`fixed`,symbolMargin:2,symbol:`rect`,symbolClip:!0,symbolSize:i,symbolPosition:`start`,symbolOffset:n,z:1,animationEasing:`elasticOut`}}function y(e){return{axisPointer:{lineStyle:{opacity:.6}},formatter:function(t){if(!t?.length)return``;let n=t[0].name;return _(n,t.filter(e=>!!e.seriesName).map(t=>({name:t.seriesName,value:`${t.value} ${e}`,color:t.color})))}}}function b({series:e,color:t,offset:n=[0,0],rotate:r,size:i}){return[{type:`bar`,z:0,...e},v({data:e.data,offset:n,color:t,rotate:r,size:i})]}function x(){return{aria:{enabled:!0,decal:{show:!0,decals:[{color:`white`,dashArrayX:[1,0],dashArrayY:[6,0],symbolSize:.5,rotation:Math.PI/2}]}}}}var S={"auto-resize":`autoResize`,"init-option":`initOption`,"set-option-opts":`setOptionOpts`};function C(e){let t=(0,i.getCurrentInstance)()?.proxy,n=()=>Object.fromEntries(Object.entries(i.isVue2&&t?t.$attrs:e).map(([e,t])=>[S[e]??e,t]));if(i.isVue2&&t)return(0,i.computed)(n);let r=(0,i.shallowRef)(n());return(0,i.onBeforeUpdate)(()=>{let e=n(),t=r.value;(Object.keys(t).length!==Object.keys(e).length||Object.keys(e).some(n=>!Object.is(t[n],e[n])))&&(r.value=e)}),r}function w(){return e=>e}var ee=w()((0,i.defineComponent)({name:`IxChart`,inheritAttrs:!1,setup(e,t){let{containerRef:n}=p(C(t.attrs),()=>t.listeners??{});return{containerRef:n}},render(){let{class:e,style:t}=this.$attrs;return(0,i.h)(`div`,{ref:`containerRef`,class:e,style:{width:`100%`,height:`100%`,...t}})}}));function T(e,t){D(e)&&(e=`100%`);let n=O(e);return e=t===360?parseFloat(e):Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(e=t===360?(e<0?e%t+t:e%t)/t:e%t/t,e)}function E(e){return Math.min(1,Math.max(0,e))}function D(e){return typeof e==`string`&&e.indexOf(`.`)!==-1&&!O(e)&&parseFloat(e)===1}function O(e){return typeof e==`string`&&e.indexOf(`%`)!==-1}function k(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function A(e){return Number(e)<=1?`${Number(e)*100}%`:e}function j(e){if(typeof e!=`number`||!(e<=1))return A(e);let t=Math.min(100,Math.max(0,e*100))*100;return(t>=1e-6?Math.trunc(t):parseInt(String(t),10))/100}function M(e){return e.length===1?`0`+e:String(e)}function te(e,t,n){return{r:T(e,255)*255,g:T(t,255)*255,b:T(n,255)*255}}function N(e,t,n){e=T(e,255),t=T(t,255),n=T(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o,s=(r+i)/2;if(r===i)o=0,a=0;else{let c=r-i;switch(o=s>.5?c/(2-r-i):c/(r+i),r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4}a/=6}return{h:a,s:o,l:s}}function P(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*(6*n):n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function ne(e,t,n){let r,i,a;if(e=T(e,360),t=T(t,100),n=T(n,100),t===0)i=n,a=n,r=n;else{let o=n<.5?n*(1+t):n+t-n*t,s=2*n-o;r=P(s,o,e+1/3),i=P(s,o,e),a=P(s,o,e-1/3)}return{r:r*255,g:i*255,b:a*255}}function F(e,t,n){e=T(e,255),t=T(t,255),n=T(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=r,s=r-i,c=r===0?0:s/r;if(r===i)a=0;else{switch(r){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4}a/=6}return{h:a,s:c,v:o}}function I(e,t,n){e=T(e,360)*6,t=T(t,100),n=T(n,100);let r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6,l=[n,o,a,a,s,n][c],u=[s,n,n,o,a,a][c],d=[a,a,s,n,n,o][c];return{r:l*255,g:u*255,b:d*255}}function L(e){return e<10?48+e:87+e}function R(e){let t=Math.round(e);return t>=0&&t<=255?String.fromCharCode(L(t>>4),L(t&15)):M(t.toString(16))}function z(e){return R(parseFloat(e)*255)}function B(e,t,n,r){let i=R(e),a=R(t),o=R(n);return r&&i.startsWith(i.charAt(1))&&a.startsWith(a.charAt(1))&&o.startsWith(o.charAt(1))?i.charAt(0)+a.charAt(0)+o.charAt(0):i+a+o}function re(e,t,n,r,i){let a=R(e),o=R(t),s=R(n),c=z(r);return i&&a.startsWith(a.charAt(1))&&o.startsWith(o.charAt(1))&&s.startsWith(s.charAt(1))&&c.startsWith(c.charAt(1))?a.charAt(0)+o.charAt(0)+s.charAt(0)+c.charAt(0):a+o+s+c}function ie(e,t,n,r){let i=e/100,a=t/100,o=n/100,s=r/100;return{r:255*(1-i)*(1-s),g:255*(1-a)*(1-s),b:255*(1-o)*(1-s)}}function V(e,t,n){let r=1-e/255,i=1-t/255,a=1-n/255,o=Math.min(r,i,a);return o===1?(r=0,i=0,a=0):(r=(r-o)/(1-o)*100,i=(i-o)/(1-o)*100,a=(a-o)/(1-o)*100),o*=100,{c:Math.round(r),m:Math.round(i),y:Math.round(a),k:Math.round(o)}}function H(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var U={aliceblue:`#f0f8ff`,antiquewhite:`#faebd7`,aqua:`#00ffff`,aquamarine:`#7fffd4`,azure:`#f0ffff`,beige:`#f5f5dc`,bisque:`#ffe4c4`,black:`#000000`,blanchedalmond:`#ffebcd`,blue:`#0000ff`,blueviolet:`#8a2be2`,brown:`#a52a2a`,burlywood:`#deb887`,cadetblue:`#5f9ea0`,chartreuse:`#7fff00`,chocolate:`#d2691e`,coral:`#ff7f50`,cornflowerblue:`#6495ed`,cornsilk:`#fff8dc`,crimson:`#dc143c`,cyan:`#00ffff`,darkblue:`#00008b`,darkcyan:`#008b8b`,darkgoldenrod:`#b8860b`,darkgray:`#a9a9a9`,darkgreen:`#006400`,darkgrey:`#a9a9a9`,darkkhaki:`#bdb76b`,darkmagenta:`#8b008b`,darkolivegreen:`#556b2f`,darkorange:`#ff8c00`,darkorchid:`#9932cc`,darkred:`#8b0000`,darksalmon:`#e9967a`,darkseagreen:`#8fbc8f`,darkslateblue:`#483d8b`,darkslategray:`#2f4f4f`,darkslategrey:`#2f4f4f`,darkturquoise:`#00ced1`,darkviolet:`#9400d3`,deeppink:`#ff1493`,deepskyblue:`#00bfff`,dimgray:`#696969`,dimgrey:`#696969`,dodgerblue:`#1e90ff`,firebrick:`#b22222`,floralwhite:`#fffaf0`,forestgreen:`#228b22`,fuchsia:`#ff00ff`,gainsboro:`#dcdcdc`,ghostwhite:`#f8f8ff`,goldenrod:`#daa520`,gold:`#ffd700`,gray:`#808080`,green:`#008000`,greenyellow:`#adff2f`,grey:`#808080`,honeydew:`#f0fff0`,hotpink:`#ff69b4`,indianred:`#cd5c5c`,indigo:`#4b0082`,ivory:`#fffff0`,khaki:`#f0e68c`,lavenderblush:`#fff0f5`,lavender:`#e6e6fa`,lawngreen:`#7cfc00`,lemonchiffon:`#fffacd`,lightblue:`#add8e6`,lightcoral:`#f08080`,lightcyan:`#e0ffff`,lightgoldenrodyellow:`#fafad2`,lightgray:`#d3d3d3`,lightgreen:`#90ee90`,lightgrey:`#d3d3d3`,lightpink:`#ffb6c1`,lightsalmon:`#ffa07a`,lightseagreen:`#20b2aa`,lightskyblue:`#87cefa`,lightslategray:`#778899`,lightslategrey:`#778899`,lightsteelblue:`#b0c4de`,lightyellow:`#ffffe0`,lime:`#00ff00`,limegreen:`#32cd32`,linen:`#faf0e6`,magenta:`#ff00ff`,maroon:`#800000`,mediumaquamarine:`#66cdaa`,mediumblue:`#0000cd`,mediumorchid:`#ba55d3`,mediumpurple:`#9370db`,mediumseagreen:`#3cb371`,mediumslateblue:`#7b68ee`,mediumspringgreen:`#00fa9a`,mediumturquoise:`#48d1cc`,mediumvioletred:`#c71585`,midnightblue:`#191970`,mintcream:`#f5fffa`,mistyrose:`#ffe4e1`,moccasin:`#ffe4b5`,navajowhite:`#ffdead`,navy:`#000080`,oldlace:`#fdf5e6`,olive:`#808000`,olivedrab:`#6b8e23`,orange:`#ffa500`,orangered:`#ff4500`,orchid:`#da70d6`,palegoldenrod:`#eee8aa`,palegreen:`#98fb98`,paleturquoise:`#afeeee`,palevioletred:`#db7093`,papayawhip:`#ffefd5`,peachpuff:`#ffdab9`,peru:`#cd853f`,pink:`#ffc0cb`,plum:`#dda0dd`,powderblue:`#b0e0e6`,purple:`#800080`,rebeccapurple:`#663399`,red:`#ff0000`,rosybrown:`#bc8f8f`,royalblue:`#4169e1`,saddlebrown:`#8b4513`,salmon:`#fa8072`,sandybrown:`#f4a460`,seagreen:`#2e8b57`,seashell:`#fff5ee`,sienna:`#a0522d`,silver:`#c0c0c0`,skyblue:`#87ceeb`,slateblue:`#6a5acd`,slategray:`#708090`,slategrey:`#708090`,snow:`#fffafa`,springgreen:`#00ff7f`,steelblue:`#4682b4`,tan:`#d2b48c`,teal:`#008080`,thistle:`#d8bfd8`,tomato:`#ff6347`,turquoise:`#40e0d0`,violet:`#ee82ee`,wheat:`#f5deb3`,white:`#ffffff`,whitesmoke:`#f5f5f5`,yellow:`#ffff00`,yellowgreen:`#9acd32`};function W(e){let t={r:0,g:0,b:0},n=1,r=!1,i=!1;if(typeof e==`string`&&(e=ae(e)),typeof e==`object`){if(X(e.r)&&X(e.g)&&X(e.b)){t=te(e.r,e.g,e.b),r=!0;let{r:n}=e;i=typeof n!=`number`&&String(n).endsWith(`%`)?`prgb`:`rgb`}else if(X(e.h)&&X(e.s)&&X(e.v)){let n=j(e.s),a=j(e.v);t=I(e.h,n,a),r=!0,i=`hsv`}else if(X(e.h)&&X(e.s)&&X(e.l)){let n=j(e.s),a=j(e.l);t=ne(e.h,n,a),r=!0,i=`hsl`}else X(e.c)&&X(e.m)&&X(e.y)&&X(e.k)&&(t=ie(e.c,e.m,e.y,e.k),r=!0,i=`cmyk`);Object.prototype.hasOwnProperty.call(e,`a`)&&(n=e.a)}return n=k(n),{ok:r,format:e.format||i,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var G=`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`,K=`[\\s|\\(]+(`+G+`)[,|\\s]+(`+G+`)[,|\\s]+(`+G+`)\\s*\\)?`,q=`[\\s|\\(]+(`+G+`)[,|\\s]+(`+G+`)[,|\\s]+(`+G+`)[,|\\s]+(`+G+`)\\s*\\)?`,J={CSS_UNIT:new RegExp(G),rgb:RegExp(`rgb`+K),rgba:RegExp(`rgba`+q),hsl:RegExp(`hsl`+K),hsla:RegExp(`hsla`+q),hsv:RegExp(`hsv`+K),hsva:RegExp(`hsva`+q),cmyk:RegExp(`cmyk`+q)};function ae(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;let t=!1;if(U[e])e=U[e],t=!0;else if(e===`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};if(typeof e==`string`&&e.length<=9){let n=oe(e,t);if(n)return n}let n=J.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=J.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=J.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=J.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=J.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=J.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=J.cmyk.exec(e),n?{c:n[1],m:n[2],y:n[3],k:n[4]}:!1))))))}function oe(e,t){let n=+!!e.startsWith(`#`),r=e.length-n;if(r===6||r===8){let i=Y(e,n)*16+Y(e,n+1),a=Y(e,n+2)*16+Y(e,n+3),o=Y(e,n+4)*16+Y(e,n+5);if(r===6)return Number.isNaN(i+a+o)?void 0:{r:i,g:a,b:o,format:t?`name`:`hex`};let s=Y(e,n+6)*16+Y(e,n+7);return Number.isNaN(i+a+o+s)?void 0:{r:i,g:a,b:o,a:s/255,format:t?`name`:`hex8`}}if(r===3||r===4){let i=Y(e,n)*17,a=Y(e,n+1)*17,o=Y(e,n+2)*17;if(r===3)return Number.isNaN(i+a+o)?void 0:{r:i,g:a,b:o,format:t?`name`:`hex`};let s=Y(e,n+3)*17;return Number.isNaN(i+a+o+s)?void 0:{r:i,g:a,b:o,a:s/255,format:t?`name`:`hex8`}}}function Y(e,t){let n=e.charCodeAt(t);return n>=48&&n<=57?n-48:n>=97&&n<=102?n-87:n>=65&&n<=70?n-55:NaN}function X(e){return typeof e==`number`?!Number.isNaN(e):e!==void 0&&J.CSS_UNIT.test(e)}var se=class e{constructor(t=``,n={}){if(t instanceof e)return t;typeof t==`number`&&(t=H(t)),this.originalInput=t;let r=W(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format??r.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){let e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){let e=this.toRgb(),t,n,r,i=e.r/255,a=e.g/255,o=e.b/255;return t=i<=.03928?i/12.92:((i+.055)/1.055)**2.4,n=a<=.03928?a/12.92:((a+.055)/1.055)**2.4,r=o<=.03928?o/12.92:((o+.055)/1.055)**2.4,.2126*t+.7152*n+.0722*r}getAlpha(){return this.a}setAlpha(e){return this.a=k(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){let{s:e}=this.toHsl();return e===0}toHsv(){let e=F(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){let e=F(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${n}%, ${r}%)`:`hsva(${t}, ${n}%, ${r}%, ${this.roundA})`}toHsl(){let e=N(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){let e=N(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${n}%, ${r}%)`:`hsla(${t}, ${n}%, ${r}%, ${this.roundA})`}toHex(e=!1){return B(this.r,this.g,this.b,e)}toHexString(e=!1){return`#`+this.toHex(e)}toHex8(e=!1){return re(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return`#`+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){let e=Math.round(this.r),t=Math.round(this.g),n=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${n})`:`rgba(${e}, ${t}, ${n}, ${this.roundA})`}toPercentageRgb(){let e=e=>`${Math.round(T(e,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){let e=e=>Math.round(T(e,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return{...V(this.r,this.g,this.b)}}toCmykString(){let{c:e,m:t,y:n,k:r}=V(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${n}, ${r})`}toName(){if(this.a===0)return`transparent`;if(this.a<1)return!1;let e=`#`+B(this.r,this.g,this.b,!1),t=U;for(let n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&t[n]===e)return n;return!1}toString(e){let t=!!e;e??=this.format;let n=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith(`hex`)||e===`name`)?e===`name`&&this.a===0?this.toName():this.toRgbString():(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),(e===`hex`||e===`hex6`)&&(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),e===`cmyk`&&(n=this.toCmykString()),n||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new e(this.toString())}lighten(t=10){let n=this.toHsl();return n.l+=t/100,n.l=E(n.l),new e(n)}brighten(t=10){let n=this.toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),new e(n)}darken(t=10){let n=this.toHsl();return n.l-=t/100,n.l=E(n.l),new e(n)}tint(e=10){return this.mix(`white`,e)}shade(e=10){return this.mix(`black`,e)}desaturate(t=10){let n=this.toHsl();return n.s-=t/100,n.s=E(n.s),new e(n)}saturate(t=10){let n=this.toHsl();return n.s+=t/100,n.s=E(n.s),new e(n)}greyscale(){return this.desaturate(100)}spin(t){let n=this.toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,new e(n)}mix(t,n=50){let r=this.toRgb(),i=new e(t).toRgb(),a=n/100,o={r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a};return new e(o)}analogous(t=6,n=30){let r=this.toHsl(),i=360/n,a=[this];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(new e(r));return a}complement(){let t=this.toHsl();return t.h=(t.h+180)%360,new e(t)}monochromatic(t=6){let n=this.toHsv(),{h:r}=n,{s:i}=n,{v:a}=n,o=[],s=1/t;for(;t--;)o.push(new e({h:r,s:i,v:a})),a=(a+s)%1;return o}splitcomplement(){let t=this.toHsl(),{h:n}=t;return[this,new e({h:(n+72)%360,s:t.s,l:t.l}),new e({h:(n+216)%360,s:t.s,l:t.l})]}onBackground(t){let n=this.toRgb(),r=new e(t).toRgb(),i=n.a+r.a*(1-n.a);return new e({r:(n.r*n.a+r.r*r.a*(1-n.a))/i,g:(n.g*n.a+r.g*r.a*(1-n.a))/i,b:(n.b*n.a+r.b*r.a*(1-n.a))/i,a:i})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(t){let n=this.toHsl(),{h:r}=n,i=[this],a=360/t;for(let o=1;o<t;o++)i.push(new e({h:(r+o*a)%360,s:n.s,l:n.l}));return i}equals(t){let n=new e(t);return this.format===`cmyk`||n.format===`cmyk`?this.toCmykString()===n.toCmykString():this.toRgbString()===n.toRgbString()}},Z=[`#458FFF`,`#45D9A3`,`#FFC145`,`#F5654F`,`#6A6AFD`,`#6ED1FF`,`#008787`,`#FF9245`,`#F587B3`,`#8352CC`,`#65779B`],ce=[`#458FFF`,`#C8DEFF`,`#45D9A3`,`#C8F4E4`,`#FFC145`,`#FFEDC8`,`#F5654F`,`#FCD1CB`,`#6A6AFD`,`#D3D3FE`,`#6ED1FF`,`#D3D3FE`,`#008787`,`#B3DBDB`,`#FF9245`,`#FFDFC8`,`#F587B3`,`#FCDBE8`,`#8352CC`,`#FCDBE8`,`#65779B`,`#65779B`],le=[`#8C1604`,`#DB4C35`,`#FF9245`,`#FFC145`,`#689FFF`,`#45D9A3`,`#99ACD1`],Q={color:Z,textStyle:{color:`#6F7785`,fontSize:`12px`},bar:{barGap:.2,barWidth:10,label:{color:`#6F7785`,position:`top`}},line:{label:{color:`#6F7785`,position:`top`}},pie:{avoidLabelOverlap:!1,radius:[`70%`,`80%`],itemStyle:{borderWidth:1,borderColor:`#fff`},label:{show:!1,color:`#2F3540`,formatter:`{c}`,position:`inside`}},legend:{itemWidth:12,itemHeight:12,inactiveColor:`#BEC3CC`,textStyle:{color:`#6F7785`,fontSize:`12px`}},title:{itemGap:4,textStyle:{color:`#2F3540`,fontSize:`12px`,fontWeight:500},subtextStyle:{color:`#6F7785`,fontSize:`12px`}},tooltip:{borderWidth:0,padding:12,textStyle:{color:`#2F3540`},axisPointer:{z:1,lineStyle:{type:`solid`,color:`#E1E5EB`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#EDF1F7`}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:`#EDF1F7`}},axisLabel:{color:`#6F7785`},splitLine:{show:!1},splitArea:{show:!1}},valueAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:`#6F7785`},splitLine:{lineStyle:{color:`#EDF1F7`}},splitArea:{show:!1},nameTextStyle:{color:`#6F7785`,padding:[0,30,-4,0]}},dataZoom:{height:16}};function ue(e){return!!(e&&e.xAxis&&e.xAxis.data)}function de(e,t){return i.isVue2?{attrs:{...e},on:{...t}}:{...e}}function fe(e){return Object.entries(e).reduce((e,[t,n])=>(n!==void 0&&(e[t]=n),e),{})}function pe(e){return(0,s.isNil)(e)?[]:Array.isArray(e)?e:[e]}var me=(e,t)=>new se(e).setAlpha(t).toRgbString();function $(e,t){return(0,o.use)(t),(0,o.registerTheme)(`seer`,Q),e.install=t=>{t.component(e.name,e)},e}e.IxChart=$(ee,[t.DataZoomComponent,t.LegendComponent,t.GridComponent,t.TitleComponent,t.TooltipComponent,n.LabelLayout,n.UniversalTransition,r.SVGRenderer]),e.convertArray=pe,e.createInstall=$,e.filterEmptyProps=fe,e.getAlphaColor=me,e.isVertical=ue,e.mergeAttrs=de,e.seerColors=Z,e.seerColorsForMore=ce,e.seerColorsForRisk=le,e.seerTheme=Q,e.useChart=p,e.useReactiveAttrs=C,e.useStripe=v,e.useStripeArea=x,e.useStripeBarSeries=b,e.useStripeBarTooltip=y,e.useTooltipsFormatter=_,e.withChartProps=w});
+		</div>`}function y({data:e=[],color:t=``,offset:n=[0,0],rotate:r=-20,size:i=[2,8]}){return{name:``,data:e,type:`pictorialBar`,symbolRotate:r,silent:!0,itemStyle:{color:t,opacity:0},emphasis:{itemStyle:{opacity:1}},symbolRepeat:`fixed`,symbolMargin:2,symbol:`rect`,symbolClip:!0,symbolSize:i,symbolPosition:`start`,symbolOffset:n,z:1,animationEasing:`elasticOut`}}function b(e){return{axisPointer:{lineStyle:{opacity:.6}},formatter:function(t){if(!t?.length)return``;let n=t[0].name;return v(n,t.filter(e=>!!e.seriesName).map(t=>({name:t.seriesName,value:`${t.value} ${e}`,color:t.color})))}}}function x({series:e,color:t,offset:n=[0,0],rotate:r,size:i}){return[{type:`bar`,z:0,...e},y({data:e.data,offset:n,color:t,rotate:r,size:i})]}function S(){return{aria:{enabled:!0,decal:{show:!0,decals:[{color:`white`,dashArrayX:[1,0],dashArrayY:[6,0],symbolSize:.5,rotation:Math.PI/2}]}}}}var C={"auto-resize":`autoResize`,"init-option":`initOption`,"set-option-opts":`setOptionOpts`};function w(e){let t=(0,i.getCurrentInstance)()?.proxy,n=()=>Object.fromEntries(Object.entries(i.isVue2&&t?t.$attrs:e).map(([e,t])=>[C[e]??e,t]));if(i.isVue2&&t)return(0,i.computed)(n);let r=(0,i.shallowRef)(n());return(0,i.onBeforeUpdate)(()=>{let e=n(),t=r.value;(Object.keys(t).length!==Object.keys(e).length||Object.keys(e).some(n=>!Object.is(t[n],e[n])))&&(r.value=e)}),r}function T(){return e=>e}var E=T()((0,i.defineComponent)({name:`IxChart`,inheritAttrs:!1,setup(e,t){let{containerRef:n}=m(w(t.attrs),()=>t.listeners??{});return{containerRef:n}},render(){let{class:e,style:t}=this.$attrs;return(0,i.h)(`div`,{ref:`containerRef`,class:e,style:{width:`100%`,height:`100%`,...t}})}}));function D(e,t){k(e)&&(e=`100%`);let n=A(e);return e=t===360?parseFloat(e):Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(String(e*t),10)/100),Math.abs(e-t)<1e-6?1:(e=t===360?(e<0?e%t+t:e%t)/t:e%t/t,e)}function O(e){return Math.min(1,Math.max(0,e))}function k(e){return typeof e==`string`&&e.indexOf(`.`)!==-1&&!A(e)&&parseFloat(e)===1}function A(e){return typeof e==`string`&&e.indexOf(`%`)!==-1}function j(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function ee(e){return Number(e)<=1?`${Number(e)*100}%`:e}function M(e){if(typeof e!=`number`||!(e<=1))return ee(e);let t=Math.min(100,Math.max(0,e*100))*100;return(t>=1e-6?Math.trunc(t):parseInt(String(t),10))/100}function te(e){return e.length===1?`0`+e:String(e)}function ne(e,t,n){return{r:D(e,255)*255,g:D(t,255)*255,b:D(n,255)*255}}function N(e,t,n){e=D(e,255),t=D(t,255),n=D(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o,s=(r+i)/2;if(r===i)o=0,a=0;else{let c=r-i;switch(o=s>.5?c/(2-r-i):c/(r+i),r){case e:a=(t-n)/c+(t<n?6:0);break;case t:a=(n-e)/c+2;break;case n:a=(e-t)/c+4}a/=6}return{h:a,s:o,l:s}}function P(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*(6*n):n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function F(e,t,n){let r,i,a;if(e=D(e,360),t=D(t,100),n=D(n,100),t===0)i=n,a=n,r=n;else{let o=n<.5?n*(1+t):n+t-n*t,s=2*n-o;r=P(s,o,e+1/3),i=P(s,o,e),a=P(s,o,e-1/3)}return{r:r*255,g:i*255,b:a*255}}function I(e,t,n){e=D(e,255),t=D(t,255),n=D(n,255);let r=Math.max(e,t,n),i=Math.min(e,t,n),a=0,o=r,s=r-i,c=r===0?0:s/r;if(r===i)a=0;else{switch(r){case e:a=(t-n)/s+(t<n?6:0);break;case t:a=(n-e)/s+2;break;case n:a=(e-t)/s+4}a/=6}return{h:a,s:c,v:o}}function re(e,t,n){e=D(e,360)*6,t=D(t,100),n=D(n,100);let r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6,l=[n,o,a,a,s,n][c],u=[s,n,n,o,a,a][c],d=[a,a,s,n,n,o][c];return{r:l*255,g:u*255,b:d*255}}function L(e){return e<10?48+e:87+e}function R(e){let t=Math.round(e);return t>=0&&t<=255?String.fromCharCode(L(t>>4),L(t&15)):te(t.toString(16))}function z(e){return R(parseFloat(e)*255)}function B(e,t,n,r){let i=R(e),a=R(t),o=R(n);return r&&i.startsWith(i.charAt(1))&&a.startsWith(a.charAt(1))&&o.startsWith(o.charAt(1))?i.charAt(0)+a.charAt(0)+o.charAt(0):i+a+o}function V(e,t,n,r,i){let a=R(e),o=R(t),s=R(n),c=z(r);return i&&a.startsWith(a.charAt(1))&&o.startsWith(o.charAt(1))&&s.startsWith(s.charAt(1))&&c.startsWith(c.charAt(1))?a.charAt(0)+o.charAt(0)+s.charAt(0)+c.charAt(0):a+o+s+c}function ie(e,t,n,r){let i=e/100,a=t/100,o=n/100,s=r/100;return{r:255*(1-i)*(1-s),g:255*(1-a)*(1-s),b:255*(1-o)*(1-s)}}function H(e,t,n){let r=1-e/255,i=1-t/255,a=1-n/255,o=Math.min(r,i,a);return o===1?(r=0,i=0,a=0):(r=(r-o)/(1-o)*100,i=(i-o)/(1-o)*100,a=(a-o)/(1-o)*100),o*=100,{c:Math.round(r),m:Math.round(i),y:Math.round(a),k:Math.round(o)}}function ae(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var U={aliceblue:`#f0f8ff`,antiquewhite:`#faebd7`,aqua:`#00ffff`,aquamarine:`#7fffd4`,azure:`#f0ffff`,beige:`#f5f5dc`,bisque:`#ffe4c4`,black:`#000000`,blanchedalmond:`#ffebcd`,blue:`#0000ff`,blueviolet:`#8a2be2`,brown:`#a52a2a`,burlywood:`#deb887`,cadetblue:`#5f9ea0`,chartreuse:`#7fff00`,chocolate:`#d2691e`,coral:`#ff7f50`,cornflowerblue:`#6495ed`,cornsilk:`#fff8dc`,crimson:`#dc143c`,cyan:`#00ffff`,darkblue:`#00008b`,darkcyan:`#008b8b`,darkgoldenrod:`#b8860b`,darkgray:`#a9a9a9`,darkgreen:`#006400`,darkgrey:`#a9a9a9`,darkkhaki:`#bdb76b`,darkmagenta:`#8b008b`,darkolivegreen:`#556b2f`,darkorange:`#ff8c00`,darkorchid:`#9932cc`,darkred:`#8b0000`,darksalmon:`#e9967a`,darkseagreen:`#8fbc8f`,darkslateblue:`#483d8b`,darkslategray:`#2f4f4f`,darkslategrey:`#2f4f4f`,darkturquoise:`#00ced1`,darkviolet:`#9400d3`,deeppink:`#ff1493`,deepskyblue:`#00bfff`,dimgray:`#696969`,dimgrey:`#696969`,dodgerblue:`#1e90ff`,firebrick:`#b22222`,floralwhite:`#fffaf0`,forestgreen:`#228b22`,fuchsia:`#ff00ff`,gainsboro:`#dcdcdc`,ghostwhite:`#f8f8ff`,goldenrod:`#daa520`,gold:`#ffd700`,gray:`#808080`,green:`#008000`,greenyellow:`#adff2f`,grey:`#808080`,honeydew:`#f0fff0`,hotpink:`#ff69b4`,indianred:`#cd5c5c`,indigo:`#4b0082`,ivory:`#fffff0`,khaki:`#f0e68c`,lavenderblush:`#fff0f5`,lavender:`#e6e6fa`,lawngreen:`#7cfc00`,lemonchiffon:`#fffacd`,lightblue:`#add8e6`,lightcoral:`#f08080`,lightcyan:`#e0ffff`,lightgoldenrodyellow:`#fafad2`,lightgray:`#d3d3d3`,lightgreen:`#90ee90`,lightgrey:`#d3d3d3`,lightpink:`#ffb6c1`,lightsalmon:`#ffa07a`,lightseagreen:`#20b2aa`,lightskyblue:`#87cefa`,lightslategray:`#778899`,lightslategrey:`#778899`,lightsteelblue:`#b0c4de`,lightyellow:`#ffffe0`,lime:`#00ff00`,limegreen:`#32cd32`,linen:`#faf0e6`,magenta:`#ff00ff`,maroon:`#800000`,mediumaquamarine:`#66cdaa`,mediumblue:`#0000cd`,mediumorchid:`#ba55d3`,mediumpurple:`#9370db`,mediumseagreen:`#3cb371`,mediumslateblue:`#7b68ee`,mediumspringgreen:`#00fa9a`,mediumturquoise:`#48d1cc`,mediumvioletred:`#c71585`,midnightblue:`#191970`,mintcream:`#f5fffa`,mistyrose:`#ffe4e1`,moccasin:`#ffe4b5`,navajowhite:`#ffdead`,navy:`#000080`,oldlace:`#fdf5e6`,olive:`#808000`,olivedrab:`#6b8e23`,orange:`#ffa500`,orangered:`#ff4500`,orchid:`#da70d6`,palegoldenrod:`#eee8aa`,palegreen:`#98fb98`,paleturquoise:`#afeeee`,palevioletred:`#db7093`,papayawhip:`#ffefd5`,peachpuff:`#ffdab9`,peru:`#cd853f`,pink:`#ffc0cb`,plum:`#dda0dd`,powderblue:`#b0e0e6`,purple:`#800080`,rebeccapurple:`#663399`,red:`#ff0000`,rosybrown:`#bc8f8f`,royalblue:`#4169e1`,saddlebrown:`#8b4513`,salmon:`#fa8072`,sandybrown:`#f4a460`,seagreen:`#2e8b57`,seashell:`#fff5ee`,sienna:`#a0522d`,silver:`#c0c0c0`,skyblue:`#87ceeb`,slateblue:`#6a5acd`,slategray:`#708090`,slategrey:`#708090`,snow:`#fffafa`,springgreen:`#00ff7f`,steelblue:`#4682b4`,tan:`#d2b48c`,teal:`#008080`,thistle:`#d8bfd8`,tomato:`#ff6347`,turquoise:`#40e0d0`,violet:`#ee82ee`,wheat:`#f5deb3`,white:`#ffffff`,whitesmoke:`#f5f5f5`,yellow:`#ffff00`,yellowgreen:`#9acd32`};function W(e){let t={r:0,g:0,b:0},n=1,r=!1,i=!1;if(typeof e==`string`&&(e=oe(e)),typeof e==`object`){if(X(e.r)&&X(e.g)&&X(e.b)){t=ne(e.r,e.g,e.b),r=!0;let{r:n}=e;i=typeof n!=`number`&&String(n).endsWith(`%`)?`prgb`:`rgb`}else if(X(e.h)&&X(e.s)&&X(e.v)){let n=M(e.s),a=M(e.v);t=re(e.h,n,a),r=!0,i=`hsv`}else if(X(e.h)&&X(e.s)&&X(e.l)){let n=M(e.s),a=M(e.l);t=F(e.h,n,a),r=!0,i=`hsl`}else X(e.c)&&X(e.m)&&X(e.y)&&X(e.k)&&(t=ie(e.c,e.m,e.y,e.k),r=!0,i=`cmyk`);Object.prototype.hasOwnProperty.call(e,`a`)&&(n=e.a)}return n=j(n),{ok:r,format:e.format||i,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var G=`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`,K=`[\\s|\\(]+(`+G+`)[,|\\s]+(`+G+`)[,|\\s]+(`+G+`)\\s*\\)?`,q=`[\\s|\\(]+(`+G+`)[,|\\s]+(`+G+`)[,|\\s]+(`+G+`)[,|\\s]+(`+G+`)\\s*\\)?`,J={CSS_UNIT:new RegExp(G),rgb:RegExp(`rgb`+K),rgba:RegExp(`rgba`+q),hsl:RegExp(`hsl`+K),hsla:RegExp(`hsla`+q),hsv:RegExp(`hsv`+K),hsva:RegExp(`hsva`+q),cmyk:RegExp(`cmyk`+q)};function oe(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;let t=!1;if(U[e])e=U[e],t=!0;else if(e===`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};if(typeof e==`string`&&e.length<=9){let n=se(e,t);if(n)return n}let n=J.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=J.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=J.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=J.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=J.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=J.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=J.cmyk.exec(e),n?{c:n[1],m:n[2],y:n[3],k:n[4]}:!1))))))}function se(e,t){let n=+!!e.startsWith(`#`),r=e.length-n;if(r===6||r===8){let i=Y(e,n)*16+Y(e,n+1),a=Y(e,n+2)*16+Y(e,n+3),o=Y(e,n+4)*16+Y(e,n+5);if(r===6)return Number.isNaN(i+a+o)?void 0:{r:i,g:a,b:o,format:t?`name`:`hex`};let s=Y(e,n+6)*16+Y(e,n+7);return Number.isNaN(i+a+o+s)?void 0:{r:i,g:a,b:o,a:s/255,format:t?`name`:`hex8`}}if(r===3||r===4){let i=Y(e,n)*17,a=Y(e,n+1)*17,o=Y(e,n+2)*17;if(r===3)return Number.isNaN(i+a+o)?void 0:{r:i,g:a,b:o,format:t?`name`:`hex`};let s=Y(e,n+3)*17;return Number.isNaN(i+a+o+s)?void 0:{r:i,g:a,b:o,a:s/255,format:t?`name`:`hex8`}}}function Y(e,t){let n=e.charCodeAt(t);return n>=48&&n<=57?n-48:n>=97&&n<=102?n-87:n>=65&&n<=70?n-55:NaN}function X(e){return typeof e==`number`?!Number.isNaN(e):e!==void 0&&J.CSS_UNIT.test(e)}var ce=class e{constructor(t=``,n={}){if(t instanceof e)return t;typeof t==`number`&&(t=ae(t)),this.originalInput=t;let r=W(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=n.format??r.format,this.gradientType=n.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=r.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){let e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){let e=this.toRgb(),t,n,r,i=e.r/255,a=e.g/255,o=e.b/255;return t=i<=.03928?i/12.92:((i+.055)/1.055)**2.4,n=a<=.03928?a/12.92:((a+.055)/1.055)**2.4,r=o<=.03928?o/12.92:((o+.055)/1.055)**2.4,.2126*t+.7152*n+.0722*r}getAlpha(){return this.a}setAlpha(e){return this.a=j(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){let{s:e}=this.toHsl();return e===0}toHsv(){let e=I(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){let e=I(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${n}%, ${r}%)`:`hsva(${t}, ${n}%, ${r}%, ${this.roundA})`}toHsl(){let e=N(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){let e=N(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),r=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${n}%, ${r}%)`:`hsla(${t}, ${n}%, ${r}%, ${this.roundA})`}toHex(e=!1){return B(this.r,this.g,this.b,e)}toHexString(e=!1){return`#`+this.toHex(e)}toHex8(e=!1){return V(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return`#`+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){let e=Math.round(this.r),t=Math.round(this.g),n=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${n})`:`rgba(${e}, ${t}, ${n}, ${this.roundA})`}toPercentageRgb(){let e=e=>`${Math.round(D(e,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){let e=e=>Math.round(D(e,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return{...H(this.r,this.g,this.b)}}toCmykString(){let{c:e,m:t,y:n,k:r}=H(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${n}, ${r})`}toName(){if(this.a===0)return`transparent`;if(this.a<1)return!1;let e=`#`+B(this.r,this.g,this.b,!1),t=U;for(let n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&t[n]===e)return n;return!1}toString(e){let t=!!e;e??=this.format;let n=!1,r=this.a<1&&this.a>=0;return!t&&r&&(e.startsWith(`hex`)||e===`name`)?e===`name`&&this.a===0?this.toName():this.toRgbString():(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),(e===`hex`||e===`hex6`)&&(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),e===`cmyk`&&(n=this.toCmykString()),n||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new e(this.toString())}lighten(t=10){let n=this.toHsl();return n.l+=t/100,n.l=O(n.l),new e(n)}brighten(t=10){let n=this.toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(t/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(t/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(t/100)))),new e(n)}darken(t=10){let n=this.toHsl();return n.l-=t/100,n.l=O(n.l),new e(n)}tint(e=10){return this.mix(`white`,e)}shade(e=10){return this.mix(`black`,e)}desaturate(t=10){let n=this.toHsl();return n.s-=t/100,n.s=O(n.s),new e(n)}saturate(t=10){let n=this.toHsl();return n.s+=t/100,n.s=O(n.s),new e(n)}greyscale(){return this.desaturate(100)}spin(t){let n=this.toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,new e(n)}mix(t,n=50){let r=this.toRgb(),i=new e(t).toRgb(),a=n/100,o={r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a};return new e(o)}analogous(t=6,n=30){let r=this.toHsl(),i=360/n,a=[this];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(new e(r));return a}complement(){let t=this.toHsl();return t.h=(t.h+180)%360,new e(t)}monochromatic(t=6){let n=this.toHsv(),{h:r}=n,{s:i}=n,{v:a}=n,o=[],s=1/t;for(;t--;)o.push(new e({h:r,s:i,v:a})),a=(a+s)%1;return o}splitcomplement(){let t=this.toHsl(),{h:n}=t;return[this,new e({h:(n+72)%360,s:t.s,l:t.l}),new e({h:(n+216)%360,s:t.s,l:t.l})]}onBackground(t){let n=this.toRgb(),r=new e(t).toRgb(),i=n.a+r.a*(1-n.a);return new e({r:(n.r*n.a+r.r*r.a*(1-n.a))/i,g:(n.g*n.a+r.g*r.a*(1-n.a))/i,b:(n.b*n.a+r.b*r.a*(1-n.a))/i,a:i})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(t){let n=this.toHsl(),{h:r}=n,i=[this],a=360/t;for(let o=1;o<t;o++)i.push(new e({h:(r+o*a)%360,s:n.s,l:n.l}));return i}equals(t){let n=new e(t);return this.format===`cmyk`||n.format===`cmyk`?this.toCmykString()===n.toCmykString():this.toRgbString()===n.toRgbString()}},Z=[`#458FFF`,`#45D9A3`,`#FFC145`,`#F5654F`,`#6A6AFD`,`#6ED1FF`,`#008787`,`#FF9245`,`#F587B3`,`#8352CC`,`#65779B`],le=[`#458FFF`,`#C8DEFF`,`#45D9A3`,`#C8F4E4`,`#FFC145`,`#FFEDC8`,`#F5654F`,`#FCD1CB`,`#6A6AFD`,`#D3D3FE`,`#6ED1FF`,`#D3D3FE`,`#008787`,`#B3DBDB`,`#FF9245`,`#FFDFC8`,`#F587B3`,`#FCDBE8`,`#8352CC`,`#FCDBE8`,`#65779B`,`#65779B`],ue=[`#8C1604`,`#DB4C35`,`#FF9245`,`#FFC145`,`#689FFF`,`#45D9A3`,`#99ACD1`],Q={color:Z,textStyle:{color:`#6F7785`,fontSize:`12px`},bar:{barGap:.2,barWidth:10,label:{color:`#6F7785`,position:`top`}},line:{label:{color:`#6F7785`,position:`top`}},pie:{avoidLabelOverlap:!1,radius:[`70%`,`80%`],itemStyle:{borderWidth:1,borderColor:`#fff`},label:{show:!1,color:`#2F3540`,formatter:`{c}`,position:`inside`}},legend:{itemWidth:12,itemHeight:12,inactiveColor:`#BEC3CC`,textStyle:{color:`#6F7785`,fontSize:`12px`}},title:{itemGap:4,textStyle:{color:`#2F3540`,fontSize:`12px`,fontWeight:500},subtextStyle:{color:`#6F7785`,fontSize:`12px`}},tooltip:{backgroundColor:`rgba(251, 253, 255, 0.88)`,borderWidth:0,padding:12,textStyle:{color:`#2F3540`},axisPointer:{z:1,lineStyle:{type:`solid`,color:`#E1E5EB`}}},categoryAxis:{axisLine:{show:!0,lineStyle:{color:`#EDF1F7`}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:`#EDF1F7`}},axisLabel:{color:`#6F7785`},splitLine:{show:!1},splitArea:{show:!1}},valueAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:`#6F7785`},splitLine:{lineStyle:{color:`#EDF1F7`}},splitArea:{show:!1},nameTextStyle:{color:`#6F7785`,padding:[0,30,-4,0]}},dataZoom:{height:16}};function de(e){return!!(e&&e.xAxis&&e.xAxis.data)}function fe(e,t){return i.isVue2?{attrs:{...e},on:{...t}}:{...e}}function pe(e){return Object.entries(e).reduce((e,[t,n])=>(n!==void 0&&(e[t]=n),e),{})}function me(e){return(0,s.isNil)(e)?[]:Array.isArray(e)?e:[e]}var he=(e,t)=>new ce(e).setAlpha(t).toRgbString();function $(e,t){return(0,o.use)(t),(0,o.registerTheme)(`seer`,Q),e.install=t=>{t.component(e.name,e)},e}var ge=$(E,[t.DataZoomComponent,t.LegendComponent,t.GridComponent,t.TitleComponent,t.TooltipComponent,n.LabelLayout,n.UniversalTransition,r.SVGRenderer]);e.CHART_THEME_TOKEN=f,e.IxChart=ge,e.convertArray=me,e.createInstall=$,e.filterEmptyProps=pe,e.getAlphaColor=he,e.isVertical=de,e.mergeAttrs=fe,e.seerColors=Z,e.seerColorsForMore=le,e.seerColorsForRisk=ue,e.seerTheme=Q,e.useChart=m,e.useReactiveAttrs=w,e.useStripe=y,e.useStripeArea=S,e.useStripeBarSeries=x,e.useStripeBarTooltip=b,e.useTooltipsFormatter=v,e.withChartProps=T});

package/dist/themes/index.d.ts

@@ -1 +1,2 @@
 export * from './seer';
+export * from './token';

package/dist/themes/seer.d.ts

@@ -57,6 +57,7 @@ export declare const seerTheme: {
         };
     };
     tooltip: {
+        backgroundColor: string;
         borderWidth: number;
         padding: number;
         textStyle: {

package/dist/themes/token.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue-demi';
+import { ChartTheme } from '../types';
+/** Reactive application default; an explicit chart theme takes precedence. */
+export declare const CHART_THEME_TOKEN: InjectionKey<ChartTheme | Ref<ChartTheme>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idux/charts-core",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A chart component library for Vue 2 & 3",
   "keywords": [
     "vue",