@vef-framework/components 2.0.10 → 2.1.0

package/dist/es/charts/chart.js

@@ -1,19 +1,20 @@
-import { jsx as f } from "@emotion/react/jsx-runtime";
-import { useMergedRef as n } from "@vef-framework/hooks";
-import { isDeepEqual as p, isShallowEqual as u } from "@vef-framework/shared";
-import { memo as a } from "react";
-import "./hooks/index.js";
-import { useChart as d } from "./hooks/use-chart.js";
-const q = a(({
-  className: o,
-  style: e,
-  ref: r,
-  deepMemo: c,
-  ...t
-}) => {
-  const m = d(t), i = n(m, r);
-  return /* @__PURE__ */ f("div", { ref: i, className: o, style: e });
-}, (o, e) => e.deepMemo || o.deepMemo ? p(o.option, e.option) : u(o.option, e.option));
-export {
-  q as Chart
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useChart as e } from "./hooks/use-chart.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { isDeepEqual as n, isShallowEqual as r } from "@vef-framework/shared";
+import { memo as i } from "react";
+import { useMergedRef as a } from "@vef-framework/hooks";
+//#region src/charts/chart.tsx
+function o({ className: n, style: r, ref: i, deepMemo: o, ...s }) {
+	return /* @__PURE__ */ t("div", {
+		ref: a(e(s), i),
+		className: n,
+		style: r
+	});
+}
+function s(e, t) {
+	return (e.deepMemo || t.deepMemo ? n : r)(e.option, t.option) ? e.className === t.className && e.style === t.style && e.theme === t.theme && e.loading === t.loading && e.group === t.group && e.width === t.width && e.height === t.height && e.renderer === t.renderer : !1;
+}
+var c = i(o, s);
+//#endregion
+export { c as Chart };

package/dist/es/charts/helpers/group.js

@@ -1,11 +1,11 @@
-import * as c from "echarts";
-function t(n) {
-  c.connect(n);
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import * as e from "echarts";
+//#region src/charts/helpers/group.ts
+function t(t) {
+	e.connect(t);
 }
-function o(n) {
-  c.disconnect(n);
+function n(t) {
+	e.disconnect(t);
 }
-export {
-  t as connectCharts,
-  o as disconnectCharts
-};
+//#endregion
+export { t as connectCharts, n as disconnectCharts };

package/dist/es/charts/helpers/index.js

@@ -1,5 +1,2 @@
-import { connectCharts as n, disconnectCharts as o } from "./group.js";
-export {
-  n as connectCharts,
-  o as disconnectCharts
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import "./group.js";

package/dist/es/charts/hooks/index.js

@@ -1,4 +1,2 @@
-import { useChart as o } from "./use-chart.js";
-export {
-  o as useChart
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import "./use-chart.js";

package/dist/es/charts/hooks/use-chart.js

@@ -1,111 +1,109 @@
-import { useDidUpdate as F } from "@vef-framework/hooks";
-import { isString as j, isNullish as L } from "@vef-framework/shared";
-import * as q from "echarts";
-import { useRef as m, useEffectEvent as S, useEffect as i } from "react";
-import "../../_base/index.js";
-import "../../config-provider/index.js";
-import "../themes/index.js";
-import { registerWonderlandTheme as w } from "../themes/wonderland.js";
-import { registerWonderlandDarkTheme as y } from "../themes/wonderland-dark.js";
-import { registerWaldenTheme as A } from "../themes/walden.js";
-import { registerWaldenDarkTheme as G } from "../themes/walden-dark.js";
-import { useThemeTokens as H } from "../../_base/hooks/use-theme-tokens.js";
-import { useIsDarkMode as J } from "../../config-provider/dark-mode-context.js";
-w();
-y();
-A();
-G();
-function tr({
-  option: a,
-  theme: o = "walden",
-  loading: l = !1,
-  group: p,
-  onReady: h,
-  onBeforeDispose: I,
-  notMerge: d,
-  replaceMerge: T,
-  lazyUpdate: k = !0,
-  silent: v,
-  transition: D,
-  renderer: O = "svg",
-  devicePixelRatio: R,
-  width: n,
-  height: t,
-  ssr: W,
-  useCoarsePointer: g,
-  useDirtyRect: z,
-  pointerSize: b,
-  locale: x
-}) {
-  const {
-    colorPrimary: E,
-    colorBgMask: B,
-    fontSize: u,
-    colorTextDescription: C
-  } = H(), M = J(), s = m(null), r = m(null), c = m(null), f = j(o) && M ? `${o}-dark` : o, N = S((e) => {
-    h?.(e);
-  }), $ = S((e) => {
-    I?.(e);
-  });
-  return i(() => {
-    if (!s.current)
-      return;
-    const e = q.init(s.current, f, {
-      renderer: O,
-      devicePixelRatio: R,
-      width: n,
-      height: t,
-      ssr: W,
-      useCoarsePointer: g,
-      useDirtyRect: z,
-      pointerSize: b,
-      locale: x
-    });
-    return r.current = e, (L(n) || L(t) || n === "auto" || t === "auto") && (c.current = new ResizeObserver(() => {
-      e.resize({
-        animation: {
-          duration: 300,
-          easing: "elasticOut"
-        }
-      });
-    }), c.current.observe(s.current)), N?.(e), () => {
-      $?.(e), c.current?.disconnect(), e.dispose();
-    };
-  }, [O, R, W, g, z, b, x]), i(() => {
-    r.current && (r.current.group = p || "");
-  }, [p]), F(() => {
-    r.current && r.current.setTheme(f);
-  }, [f]), F(() => {
-    r.current && r.current.resize({
-      width: n,
-      height: t,
-      animation: {
-        duration: 300,
-        easing: "elasticOut"
-      }
-    });
-  }, [n, t]), i(() => {
-    r.current && r.current.setOption(a, {
-      notMerge: d,
-      replaceMerge: T,
-      lazyUpdate: k,
-      silent: v,
-      transition: D
-    });
-  }, [a, d, k, T, v, D]), i(() => {
-    r.current && (l ? r.current.showLoading("default", {
-      text: "加载中...",
-      textColor: C,
-      fontSize: u,
-      color: E,
-      maskColor: B,
-      zlevel: 0,
-      showSpinner: !0,
-      spinnerRadius: u,
-      lineWidth: 6
-    }) : r.current.hideLoading());
-  }, [l, B, E, C, u]), s;
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useThemeTokens as e } from "../../_base/hooks/use-theme-tokens.js";
+import { useIsDarkMode as t } from "../../config-provider/dark-mode-context.js";
+import { registerWaldenTheme as n } from "../themes/walden.js";
+import { registerWaldenDarkTheme as r } from "../themes/walden-dark.js";
+import { registerWonderlandTheme as i } from "../themes/wonderland.js";
+import { registerWonderlandDarkTheme as a } from "../themes/wonderland-dark.js";
+import { isNullish as o, isString as s } from "@vef-framework/shared";
+import { useEffect as c, useEffectEvent as l, useRef as u } from "react";
+import { useDidUpdate as d } from "@vef-framework/hooks";
+import * as f from "echarts";
+//#region src/charts/hooks/use-chart.ts
+var p = !1;
+function m() {
+	p ||= (i(), a(), n(), r(), !0);
 }
-export {
-  tr as useChart
+function h(e, t) {
+	return s(e) && t ? `${e}-dark` : e;
+}
+var g = {
+	duration: 300,
+	easing: "elasticOut"
 };
+function _({ option: n, theme: r = "walden", loading: i = !1, group: a, onReady: s, onBeforeDispose: p, notMerge: _, replaceMerge: v, lazyUpdate: y = !0, silent: b, transition: x, renderer: S = "svg", devicePixelRatio: C, width: w, height: T, ssr: E, useCoarsePointer: D, useDirtyRect: O, pointerSize: k, locale: A }) {
+	m();
+	let { colorPrimary: j, colorBgMask: M, fontSize: N, colorTextDescription: P } = e(), F = t(), I = u(null), L = u(null), R = u(null), z = h(r, F), B = l((e) => {
+		s?.(e);
+	}), V = l((e) => {
+		p?.(e);
+	});
+	return c(() => {
+		let e = I.current;
+		if (!e) return;
+		let t = f.init(e, z, {
+			renderer: S,
+			devicePixelRatio: C,
+			width: w,
+			height: T,
+			ssr: E,
+			useCoarsePointer: D,
+			useDirtyRect: O,
+			pointerSize: k,
+			locale: A
+		});
+		return L.current = t, (o(w) || o(T) || w === "auto" || T === "auto") && (R.current = new ResizeObserver(() => {
+			t.resize({ animation: g });
+		}), R.current.observe(e)), B(t), () => {
+			V(t), R.current?.disconnect(), t.dispose();
+		};
+	}, [
+		S,
+		C,
+		E,
+		D,
+		O,
+		k,
+		A
+	]), c(() => {
+		let e = L.current;
+		e && (e.group = a ?? "");
+	}, [a]), d(() => {
+		let e = L.current;
+		e && e.setTheme(z);
+	}, [z]), d(() => {
+		let e = L.current;
+		e && e.resize({
+			width: w,
+			height: T,
+			animation: g
+		});
+	}, [w, T]), c(() => {
+		let e = L.current;
+		e && e.setOption(n, {
+			notMerge: _,
+			replaceMerge: v,
+			lazyUpdate: y,
+			silent: b,
+			transition: x
+		});
+	}, [
+		n,
+		_,
+		y,
+		v,
+		b,
+		x
+	]), c(() => {
+		let e = L.current;
+		e && (i ? e.showLoading("default", {
+			text: "加载中...",
+			textColor: P,
+			fontSize: N,
+			color: j,
+			maskColor: M,
+			zlevel: 0,
+			showSpinner: !0,
+			spinnerRadius: N,
+			lineWidth: 6
+		}) : e.hideLoading());
+	}, [
+		i,
+		M,
+		j,
+		P,
+		N
+	]), I;
+}
+//#endregion
+export { _ as useChart };

package/dist/es/charts/index.js

@@ -1,6 +1,4 @@
-import { Chart as p } from "./chart.js";
-import "./helpers/index.js";
-import "./hooks/index.js";
-export {
-  p as Chart
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import "./hooks/use-chart.js";
+import "./chart.js";
+import "./helpers/group.js";

package/dist/es/charts/themes/index.js

@@ -1,10 +1,5 @@
-import { registerWaldenTheme as o } from "./walden.js";
-import { registerWaldenDarkTheme as t } from "./walden-dark.js";
-import { registerWonderlandTheme as d } from "./wonderland.js";
-import { registerWonderlandDarkTheme as f } from "./wonderland-dark.js";
-export {
-  t as registerWaldenDarkTheme,
-  o as registerWaldenTheme,
-  f as registerWonderlandDarkTheme,
-  d as registerWonderlandTheme
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import "./walden.js";
+import "./walden-dark.js";
+import "./wonderland.js";
+import "./wonderland-dark.js";