deepsea-components 5.17.4 → 5.17.6

package/dist/components/AutoFit.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     AutoFit: ()=>AutoFit
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const AutoFit = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     var _ele_current;

package/dist/components/AutoFit.js

@@ -1,8 +1,8 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { css } from "@emotion/css";
 import { clsx } from "deepsea-tools";
-import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { px, transformCSSVariable } from "../utils/index.js";
 const AutoFit = /*#__PURE__*/ forwardRef((props, ref)=>{
     var _ele_current;

package/dist/components/AutoScroll.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     AutoScroll: ()=>AutoScroll
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const external_Scroll_cjs_namespaceObject = require("./Scroll.cjs");

package/dist/components/AutoScroll.js

@@ -1,8 +1,8 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { css } from "@emotion/css";
 import { clsx, getArray } from "deepsea-tools";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { useSize } from "soda-hooks";
 import { px, transformCSSVariable } from "../utils/index.js";
 import { Scroll } from "./Scroll.js";

package/dist/components/AutoSizeTextarea.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     AutoSizeTextArea: ()=>AutoSizeTextArea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const AutoSizeTextArea = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { className, style, ...rest } = props;

package/dist/components/AutoSizeTextarea.js

@@ -1,8 +1,8 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { css } from "@emotion/css";
 import { clsx } from "deepsea-tools";
-import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { px, transformCSSVariable } from "../utils/index.js";
 const AutoSizeTextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { className, style, ...rest } = props;

package/dist/components/CopyButton.cjs

@@ -38,9 +38,9 @@ __webpack_require__.d(__webpack_exports__, {
     Event: ()=>external_clipboard_namespaceObject.Event
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const external_clipboard_namespaceObject = require("clipboard");
 var external_clipboard_default = /*#__PURE__*/ __webpack_require__.n(external_clipboard_namespaceObject);
-const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const CopyButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props;

package/dist/components/CopyButton.d.ts

@@ -1,5 +1,5 @@
-import { Event } from "clipboard";
 import { ComponentPropsWithoutRef } from "react";
+import { Event } from "clipboard";
 export { Event } from "clipboard";
 export type CopyButtonProps = ComponentPropsWithoutRef<"button"> & {
     text?: string;

package/dist/components/CopyButton.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import clipboard_0, { Event } from "clipboard";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import clipboard_0, { Event } from "clipboard";
 import { useLatest } from "soda-hooks";
 const CopyButton = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { text, onCopySuccess: _onCoptSuccess, onCopyError: _onCopyError, ...rest } = props;

package/dist/components/DraggableGrid.cjs

@@ -36,8 +36,8 @@ __webpack_require__.d(__webpack_exports__, {
     DraggableGrid: ()=>DraggableGrid
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const external_DraggableGrid_module_cjs_namespaceObject = require("./DraggableGrid.module.cjs");
 var external_DraggableGrid_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_DraggableGrid_module_cjs_namespaceObject);

package/dist/components/DraggableGrid.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { clsx, getArray, isNullable } from "deepsea-tools";
 import { useEffect, useMemo, useRef, useState } from "react";
+import { clsx, getArray, isNullable } from "deepsea-tools";
 import { useDragMove } from "soda-hooks";
 import DraggableGrid_module from "./DraggableGrid.module.js";
 function isTheSameArray(a, b) {

package/dist/components/Echart.cjs

@@ -1,6 +1,15 @@
 "use client"
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -25,53 +34,155 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    Candlestick: ()=>Candlestick,
     Pie: ()=>Pie,
+    Gauge: ()=>Gauge,
     Line: ()=>Line,
-    Bar: ()=>Bar
+    Parallel: ()=>Parallel,
+    Bar: ()=>Bar,
+    Scatter: ()=>Scatter,
+    Custom: ()=>Custom,
+    EffectScatter: ()=>EffectScatter,
+    Radar: ()=>Radar,
+    Sunburst: ()=>Sunburst,
+    ThemeRiver: ()=>ThemeRiver,
+    Chord: ()=>Chord,
+    Heatmap: ()=>Heatmap,
+    Echart: ()=>Echart,
+    Map: ()=>Map,
+    Tree: ()=>Tree,
+    Treemap: ()=>Treemap,
+    PictorialBar: ()=>PictorialBar,
+    Sankey: ()=>Sankey,
+    Lines: ()=>Lines,
+    Funnel: ()=>Funnel,
+    Graph: ()=>Graph,
+    Boxplot: ()=>Boxplot
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_echarts_namespaceObject = require("echarts");
 const external_react_namespaceObject = require("react");
-const Echart = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const { width, height, option, chart, ...rest } = props;
+const external_echarts_namespaceObject = require("echarts");
+const external_stable_hash_namespaceObject = require("stable-hash");
+var external_stable_hash_default = /*#__PURE__*/ __webpack_require__.n(external_stable_hash_namespaceObject);
+function Echart({ ref, width, height, locale, init: initOption, option, chart, ...rest }) {
     const container = (0, external_react_namespaceObject.useRef)(null);
     const chartRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useLayoutEffect)(()=>{
         const ele = container.current;
         chartRef.current = (0, external_echarts_namespaceObject.init)(ele, option, {
+            ...initOption,
             width,
-            height
+            height,
+            locale
         });
         return ()=>{
             var _chartRef_current;
             return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.dispose();
         };
     }, []);
-    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>container.current, []);
-    (0, external_react_namespaceObject.useImperativeHandle)(chart, ()=>chartRef.current, []);
+    (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>container.current);
+    (0, external_react_namespaceObject.useImperativeHandle)(chart, ()=>chartRef.current);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        var _chartRef_current, _chartRef_current1;
-        null == (_chartRef_current = chartRef.current) || _chartRef_current.setOption(option);
-        null == (_chartRef_current1 = chartRef.current) || _chartRef_current1.resize({
+        var _chartRef_current;
+        return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.setOption(option);
+    }, [
+        external_stable_hash_default()(option)
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        var _chartRef_current;
+        return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.resize({
             width,
             height
         });
-    });
+    }, [
+        width,
+        height
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        var _chartRef_current;
+        return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.setOption({
+            locale
+        });
+    }, [
+        locale
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: container,
         ...rest
     });
-});
-const Pie = Echart;
+}
 const Bar = Echart;
+const Boxplot = Echart;
+const Candlestick = Echart;
+const Chord = Echart;
+const Custom = Echart;
+const EffectScatter = Echart;
+const Funnel = Echart;
+const Gauge = Echart;
+const Graph = Echart;
+const Heatmap = Echart;
 const Line = Echart;
+const Lines = Echart;
+const Map = Echart;
+const Parallel = Echart;
+const PictorialBar = Echart;
+const Pie = Echart;
+const Radar = Echart;
+const Sankey = Echart;
+const Scatter = Echart;
+const Sunburst = Echart;
+const ThemeRiver = Echart;
+const Tree = Echart;
+const Treemap = Echart;
 exports.Bar = __webpack_exports__.Bar;
+exports.Boxplot = __webpack_exports__.Boxplot;
+exports.Candlestick = __webpack_exports__.Candlestick;
+exports.Chord = __webpack_exports__.Chord;
+exports.Custom = __webpack_exports__.Custom;
+exports.Echart = __webpack_exports__.Echart;
+exports.EffectScatter = __webpack_exports__.EffectScatter;
+exports.Funnel = __webpack_exports__.Funnel;
+exports.Gauge = __webpack_exports__.Gauge;
+exports.Graph = __webpack_exports__.Graph;
+exports.Heatmap = __webpack_exports__.Heatmap;
 exports.Line = __webpack_exports__.Line;
+exports.Lines = __webpack_exports__.Lines;
+exports.Map = __webpack_exports__.Map;
+exports.Parallel = __webpack_exports__.Parallel;
+exports.PictorialBar = __webpack_exports__.PictorialBar;
 exports.Pie = __webpack_exports__.Pie;
+exports.Radar = __webpack_exports__.Radar;
+exports.Sankey = __webpack_exports__.Sankey;
+exports.Scatter = __webpack_exports__.Scatter;
+exports.Sunburst = __webpack_exports__.Sunburst;
+exports.ThemeRiver = __webpack_exports__.ThemeRiver;
+exports.Tree = __webpack_exports__.Tree;
+exports.Treemap = __webpack_exports__.Treemap;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "Bar",
+    "Boxplot",
+    "Candlestick",
+    "Chord",
+    "Custom",
+    "Echart",
+    "EffectScatter",
+    "Funnel",
+    "Gauge",
+    "Graph",
+    "Heatmap",
     "Line",
-    "Pie"
+    "Lines",
+    "Map",
+    "Parallel",
+    "PictorialBar",
+    "Pie",
+    "Radar",
+    "Sankey",
+    "Scatter",
+    "Sunburst",
+    "ThemeRiver",
+    "Tree",
+    "Treemap"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/components/Echart.d.ts

@@ -1,15 +1,60 @@
-import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from "echarts";
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ForwardedRef, RefAttributes } from "react";
-export type PieOption = ComposeOption<PieSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>;
-export type BarOption = ComposeOption<BarSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>;
-export type LineOption = ComposeOption<LineSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>;
-export interface EchartProps<T extends any = any> extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-    width: number;
-    height: number;
+import { ComponentProps, FC, ReactNode, Ref } from "react";
+import { AngleAxisComponentOption, AriaComponentOption, AxisPointerComponentOption, BarSeriesOption, BoxplotSeriesOption, BrushComponentOption, CalendarComponentOption, CandlestickSeriesOption, ChordSeriesOption, ComposeOption, ContinousVisualMapComponentOption, CustomSeriesOption, DataZoomComponentOption, DatasetComponentOption, ECharts, EChartsInitOpts, EffectScatterSeriesOption, FunnelSeriesOption, GaugeSeriesOption, GeoComponentOption, GraphSeriesOption, GraphicComponentOption, GridComponentOption, HeatmapSeriesOption, InsideDataZoomComponentOption, LegendComponentOption, LineSeriesOption, LinesSeriesOption, MapSeriesOption, MarkAreaComponentOption, MarkLineComponentOption, MarkPointComponentOption, MatrixComponentOption, ParallelSeriesOption, PictorialBarSeriesOption, PieSeriesOption, PiecewiseVisualMapComponentOption, PlainLegendComponentOption, PolarComponentOption, RadarComponentOption, RadarSeriesOption, RadiusAxisComponentOption, SankeySeriesOption, ScatterSeriesOption, ScrollableLegendComponentOption, SeriesOption, SingleAxisComponentOption, SliderDataZoomComponentOption, SunburstSeriesOption, ThemeRiverSeriesOption, ThumbnailComponentOption, TimelineComponentOption, TitleComponentOption, ToolboxComponentOption, TooltipComponentOption, TreeSeriesOption, TreemapSeriesOption, VisualMapComponentOption, XAXisComponentOption, YAXisComponentOption } from "echarts";
+import { ECBasicOption } from "echarts/types/src/util/types.js";
+export type ChartOption<T extends SeriesOption = never> = ComposeOption<T | DatasetComponentOption | GridComponentOption | LegendComponentOption | TitleComponentOption | TooltipComponentOption | AxisPointerComponentOption | GeoComponentOption | MarkLineComponentOption | MarkPointComponentOption | MarkAreaComponentOption | DataZoomComponentOption | AriaComponentOption | BrushComponentOption | PolarComponentOption | RadarComponentOption | XAXisComponentOption | YAXisComponentOption | MatrixComponentOption | GraphicComponentOption | ToolboxComponentOption | CalendarComponentOption | TimelineComponentOption | AngleAxisComponentOption | RadiusAxisComponentOption | SingleAxisComponentOption | VisualMapComponentOption | ThumbnailComponentOption | PlainLegendComponentOption | InsideDataZoomComponentOption | SliderDataZoomComponentOption | PiecewiseVisualMapComponentOption | ContinousVisualMapComponentOption | ScrollableLegendComponentOption>;
+export type BarOption = ChartOption<BarSeriesOption>;
+export type BoxplotOption = ChartOption<BoxplotSeriesOption>;
+export type CandlestickOption = ChartOption<CandlestickSeriesOption>;
+export type ChordOption = ChartOption<ChordSeriesOption>;
+export type CustomOption = ChartOption<CustomSeriesOption>;
+export type EffectScatterOption = ChartOption<EffectScatterSeriesOption>;
+export type FunnelOption = ChartOption<FunnelSeriesOption>;
+export type GaugeOption = ChartOption<GaugeSeriesOption>;
+export type GraphOption = ChartOption<GraphSeriesOption>;
+export type HeatmapOption = ChartOption<HeatmapSeriesOption>;
+export type LineOption = ChartOption<LineSeriesOption>;
+export type LinesOption = ChartOption<LinesSeriesOption>;
+export type MapOption = ChartOption<MapSeriesOption>;
+export type ParallelOption = ChartOption<ParallelSeriesOption>;
+export type PictorialBarOption = ChartOption<PictorialBarSeriesOption>;
+export type PieOption = ChartOption<PieSeriesOption>;
+export type RadarOption = ChartOption<RadarSeriesOption>;
+export type SankeyOption = ChartOption<SankeySeriesOption>;
+export type ScatterOption = ChartOption<ScatterSeriesOption>;
+export type SunburstOption = ChartOption<SunburstSeriesOption>;
+export type ThemeRiverOption = ChartOption<ThemeRiverSeriesOption>;
+export type TreeOption = ChartOption<TreeSeriesOption>;
+export type TreemapOption = ChartOption<TreemapSeriesOption>;
+export type ModifiableEChartsInitOpts = Pick<EChartsInitOpts, "width" | "height" | "locale">;
+export interface EChartInitOption extends Omit<EChartsInitOpts, keyof ModifiableEChartsInitOpts> {
+}
+export interface EchartProps<T extends ECBasicOption = ECBasicOption> extends Omit<ComponentProps<"div">, "children">, ModifiableEChartsInitOpts {
+    init?: EChartInitOption;
     option: T;
-    chart?: ForwardedRef<ECharts>;
+    chart?: Ref<ECharts>;
 }
-export type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<Omit<EchartProps<T>, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare const Pie: EchartComponent<PieOption>;
+export type EchartComponent<T extends ECBasicOption = ECBasicOption> = FC<EchartProps<T>>;
+export declare function Echart<T extends ECBasicOption = ECBasicOption>({ ref, width, height, locale, init: initOption, option, chart, ...rest }: EchartProps<T>): ReactNode;
 export declare const Bar: EchartComponent<BarOption>;
+export declare const Boxplot: EchartComponent<BoxplotOption>;
+export declare const Candlestick: EchartComponent<CandlestickOption>;
+export declare const Chord: EchartComponent<ChordOption>;
+export declare const Custom: EchartComponent<CustomOption>;
+export declare const EffectScatter: EchartComponent<EffectScatterOption>;
+export declare const Funnel: EchartComponent<FunnelOption>;
+export declare const Gauge: EchartComponent<GaugeOption>;
+export declare const Graph: EchartComponent<GraphOption>;
+export declare const Heatmap: EchartComponent<HeatmapOption>;
 export declare const Line: EchartComponent<LineOption>;
+export declare const Lines: EchartComponent<LinesOption>;
+export declare const Map: EchartComponent<MapOption>;
+export declare const Parallel: EchartComponent<ParallelOption>;
+export declare const PictorialBar: EchartComponent<PictorialBarOption>;
+export declare const Pie: EchartComponent<PieOption>;
+export declare const Radar: EchartComponent<RadarOption>;
+export declare const Sankey: EchartComponent<SankeyOption>;
+export declare const Scatter: EchartComponent<ScatterOption>;
+export declare const Sunburst: EchartComponent<SunburstOption>;
+export declare const ThemeRiver: EchartComponent<ThemeRiverOption>;
+export declare const Tree: EchartComponent<TreeOption>;
+export declare const Treemap: EchartComponent<TreemapOption>;

package/dist/components/Echart.js

@@ -1,38 +1,76 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react";
 import { init } from "echarts";
-import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react";
-const Echart = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { width, height, option, chart, ...rest } = props;
+import stable_hash from "stable-hash";
+function Echart({ ref, width, height, locale, init: initOption, option, chart, ...rest }) {
     const container = useRef(null);
     const chartRef = useRef(null);
     useLayoutEffect(()=>{
         const ele = container.current;
         chartRef.current = init(ele, option, {
+            ...initOption,
             width,
-            height
+            height,
+            locale
         });
         return ()=>{
             var _chartRef_current;
             return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.dispose();
         };
     }, []);
-    useImperativeHandle(ref, ()=>container.current, []);
-    useImperativeHandle(chart, ()=>chartRef.current, []);
+    useImperativeHandle(ref, ()=>container.current);
+    useImperativeHandle(chart, ()=>chartRef.current);
+    useEffect(()=>{
+        var _chartRef_current;
+        return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.setOption(option);
+    }, [
+        stable_hash(option)
+    ]);
     useEffect(()=>{
-        var _chartRef_current, _chartRef_current1;
-        null == (_chartRef_current = chartRef.current) || _chartRef_current.setOption(option);
-        null == (_chartRef_current1 = chartRef.current) || _chartRef_current1.resize({
+        var _chartRef_current;
+        return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.resize({
             width,
             height
         });
-    });
+    }, [
+        width,
+        height
+    ]);
+    useEffect(()=>{
+        var _chartRef_current;
+        return null == (_chartRef_current = chartRef.current) ? void 0 : _chartRef_current.setOption({
+            locale
+        });
+    }, [
+        locale
+    ]);
     return /*#__PURE__*/ jsx("div", {
         ref: container,
         ...rest
     });
-});
-const Pie = Echart;
+}
 const Bar = Echart;
+const Boxplot = Echart;
+const Candlestick = Echart;
+const Chord = Echart;
+const Custom = Echart;
+const EffectScatter = Echart;
+const Funnel = Echart;
+const Gauge = Echart;
+const Graph = Echart;
+const Heatmap = Echart;
 const Line = Echart;
-export { Bar, Line, Pie };
+const Lines = Echart;
+const Map = Echart;
+const Parallel = Echart;
+const PictorialBar = Echart;
+const Pie = Echart;
+const Radar = Echart;
+const Sankey = Echart;
+const Scatter = Echart;
+const Sunburst = Echart;
+const ThemeRiver = Echart;
+const Tree = Echart;
+const Treemap = Echart;
+export { Bar, Boxplot, Candlestick, Chord, Custom, Echart, EffectScatter, Funnel, Gauge, Graph, Heatmap, Line, Lines, Map, Parallel, PictorialBar, Pie, Radar, Sankey, Scatter, Sunburst, ThemeRiver, Tree, Treemap };

package/dist/components/Flow.cjs

@@ -31,9 +31,9 @@ __webpack_require__.d(__webpack_exports__, {
     Flow: ()=>Flow
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 function getGapRange(gap) {

package/dist/components/Flow.js

@@ -1,8 +1,8 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { css } from "@emotion/css";
 import { clsx } from "deepsea-tools";
-import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { useSize } from "soda-hooks";
 import { px, transformCSSVariable } from "../utils/index.js";
 function getGapRange(gap) {

package/dist/components/HlsPlayer.cjs

@@ -37,9 +37,9 @@ __webpack_require__.d(__webpack_exports__, {
     HlsPlayer: ()=>HlsPlayer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const external_hls_js_namespaceObject = require("hls.js");
 var external_hls_js_default = /*#__PURE__*/ __webpack_require__.n(external_hls_js_namespaceObject);
-const external_react_namespaceObject = require("react");
 const HlsPlayer = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { src, ...rest } = props;
     const video = (0, external_react_namespaceObject.useRef)(null);

package/dist/components/HlsPlayer.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import hls_0 from "hls.js";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import hls_0 from "hls.js";
 const HlsPlayer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { src, ...rest } = props;
     const video = useRef(null);

package/dist/components/InfiniteScroll.cjs

@@ -28,9 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     InfiniteScroll: ()=>InfiniteScroll
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
     const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;

package/dist/components/InfiniteScroll.js

@@ -1,8 +1,8 @@
 "use client"
 import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { css } from "@emotion/css";
 import { clsx } from "deepsea-tools";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { useSize } from "soda-hooks";
 const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;

package/dist/components/LoopSwiper.cjs

@@ -31,7 +31,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
-const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, container: containerClassName, mirror: mirrorClassName } = {}, children, direction, period, reverse, gap = 0, ...rest })=>{
+const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, container: containerClassName, mirror: mirrorClassName } = {}, children, direction, period, reverse, pauseOnHover = true, gap = 0, ...rest })=>{
     const wrapper = (0, external_react_namespaceObject.useRef)(null);
     const container = (0, external_react_namespaceObject.useRef)(null);
     const [swiper, setSwiper] = (0, external_react_namespaceObject.useState)(false);
@@ -78,7 +78,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
                             transform: translateX(0);
                         }
                         to {
-                            transform: translateX(-100%);
+                            transform: translateX(calc(-100% - ${gap}px));
                         }
                     }
 
@@ -87,7 +87,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
                             transform: translateX(0);
                         }
                         to {
-                            transform: translateX(100%);
+                            transform: translateX(calc(100% + ${gap}px));
                         }
                     }
 
@@ -96,7 +96,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
                             transform: translateY(0);
                         }
                         to {
-                            transform: translateY(-100%);
+                            transform: translateY(calc(-100% - ${gap}px));
                         }
                     }
 
@@ -105,9 +105,13 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
                             transform: translateY(0);
                         }
                         to {
-                            transform: translateY(100%);
+                            transform: translateY(calc(100% + ${gap}px));
                         }
                     }
+
+                    ${pauseOnHover ? `&:hover > * {
+                        animation-play-state: paused;
+                    }` : ""}
                 `, className, rootClassName),
         ...rest,
         children: [

package/dist/components/LoopSwiper.d.ts

@@ -9,6 +9,7 @@ export interface LoopSwiperProps extends ComponentProps<"div"> {
     direction?: "horizontal" | "vertical";
     reverse?: boolean;
     period: number;
+    pauseOnHover?: boolean;
     gap?: number;
 }
 /** 循环播放组件 */