deepsea-components 5.1.1 → 5.2.0

package/dist/cjs/components/Echart.d.ts

@@ -0,0 +1,15 @@
+import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from "echarts";
+import { ComponentProps, ForwardedRef, ForwardRefExoticComponent, 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<ComponentProps<"div">, "children"> {
+    width: number;
+    height: number;
+    option: T;
+    chart?: ForwardedRef<ECharts>;
+}
+export type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<Omit<EchartProps<T>, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Pie: EchartComponent<PieOption>;
+export declare const Bar: EchartComponent<BarOption>;
+export declare const Line: EchartComponent<LineOption>;

package/dist/cjs/components/Echart.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Echart.tsx
+var Echart_exports = {};
+__export(Echart_exports, {
+  Bar: () => Bar,
+  Line: () => Line,
+  Pie: () => Pie
+});
+module.exports = __toCommonJS(Echart_exports);
+var import_echarts = require("echarts");
+var import_react = require("react");
+var Echart = (0, import_react.forwardRef)((props, ref) => {
+  const { width, height, option, chart, ...rest } = props;
+  const container = (0, import_react.useRef)(null);
+  const chartRef = (0, import_react.useRef)(null);
+  (0, import_react.useLayoutEffect)(() => {
+    const ele = container.current;
+    chartRef.current = (0, import_echarts.init)(ele, option, { width, height });
+    return () => chartRef.current?.dispose();
+  }, []);
+  (0, import_react.useImperativeHandle)(ref, () => container.current, []);
+  (0, import_react.useImperativeHandle)(chart, () => chartRef.current, []);
+  (0, import_react.useEffect)(() => {
+    chartRef.current?.setOption(option);
+    chartRef.current?.resize({ width, height });
+  });
+  return /* @__PURE__ */ React.createElement("div", { ref: container, ...rest });
+});
+var Pie = Echart;
+var Bar = Echart;
+var Line = Echart;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Bar,
+  Line,
+  Pie
+});
+//# sourceMappingURL=Echart.js.map

package/dist/cjs/components/Echart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Echart.tsx"],
+  "sourcesContent": ["import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, init, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from \"echarts\"\r\nimport { ComponentProps, ForwardedRef, forwardRef, ForwardRefExoticComponent, RefAttributes, useEffect, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\r\n\r\nexport type PieOption = ComposeOption<PieSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\r\n\r\nexport type BarOption = ComposeOption<BarSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\r\n\r\nexport type LineOption = ComposeOption<LineSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\r\n\r\nexport interface EchartProps<T extends any = any> extends Omit<ComponentProps<\"div\">, \"children\"> {\r\n    width: number\r\n    height: number\r\n    option: T\r\n    chart?: ForwardedRef<ECharts>\r\n}\r\n\r\nexport type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<Omit<EchartProps<T>, \"ref\"> & RefAttributes<HTMLDivElement>>\r\n\r\nconst Echart = forwardRef<HTMLDivElement, EchartProps>((props, ref) => {\r\n    const { width, height, option, chart, ...rest } = props\r\n    const container = useRef<HTMLDivElement>(null)\r\n    const chartRef = useRef<ECharts | null>(null)\r\n\r\n    useLayoutEffect(() => {\r\n        const ele = container.current!\r\n        chartRef.current = init(ele, option, { width, height })\r\n        return () => chartRef.current?.dispose()\r\n    }, [])\r\n\r\n    useImperativeHandle(ref, () => container.current!, [])\r\n\r\n    useImperativeHandle(chart, () => chartRef.current!, [])\r\n\r\n    useEffect(() => {\r\n        chartRef.current?.setOption(option)\r\n        chartRef.current?.resize({ width, height })\r\n    })\r\n\r\n    return <div ref={container} {...rest} />\r\n})\r\n\r\nexport const Pie = Echart as EchartComponent<PieOption>\r\nexport const Bar = Echart as EchartComponent<BarOption>\r\nexport const Line = Echart as EchartComponent<LineOption>\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4L;AAC5L,mBAA4J;AAiB5J,IAAM,aAAS,yBAAwC,CAAC,OAAO,QAAQ;AACnE,QAAM,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG,KAAK,IAAI;AAClD,QAAM,gBAAY,qBAAuB,IAAI;AAC7C,QAAM,eAAW,qBAAuB,IAAI;AAE5C,oCAAgB,MAAM;AAClB,UAAM,MAAM,UAAU;AACtB,aAAS,cAAU,qBAAK,KAAK,QAAQ,EAAE,OAAO,OAAO,CAAC;AACtD,WAAO,MAAM,SAAS,SAAS,QAAQ;AAAA,EAC3C,GAAG,CAAC,CAAC;AAEL,wCAAoB,KAAK,MAAM,UAAU,SAAU,CAAC,CAAC;AAErD,wCAAoB,OAAO,MAAM,SAAS,SAAU,CAAC,CAAC;AAEtD,8BAAU,MAAM;AACZ,aAAS,SAAS,UAAU,MAAM;AAClC,aAAS,SAAS,OAAO,EAAE,OAAO,OAAO,CAAC;AAAA,EAC9C,CAAC;AAED,SAAO,oCAAC,SAAI,KAAK,WAAY,GAAG,MAAM;AAC1C,CAAC;AAEM,IAAM,MAAM;AACZ,IAAM,MAAM;AACZ,IAAM,OAAO;",
+  "names": []
+}

package/dist/cjs/index.d.ts

@@ -14,3 +14,4 @@ export * from "./components/Skeleton";
 export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
+export * from "./components/Echart";

package/dist/cjs/index.js

@@ -32,6 +32,7 @@ __reExport(src_exports, require("./components/Skeleton"), module.exports);
 __reExport(src_exports, require("./components/TransitionBox"), module.exports);
 __reExport(src_exports, require("./components/TransitionNum"), module.exports);
 __reExport(src_exports, require("./components/Trapezium"), module.exports);
+__reExport(src_exports, require("./components/Echart"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./components/AutoFit"),
@@ -49,6 +50,7 @@ __reExport(src_exports, require("./components/Trapezium"), module.exports);
   ...require("./components/Skeleton"),
   ...require("./components/TransitionBox"),
   ...require("./components/TransitionNum"),
-  ...require("./components/Trapezium")
+  ...require("./components/Trapezium"),
+  ...require("./components/Echart")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export * from \"./components/AutoFit\"\r\nexport * from \"./components/AutoScroll\"\r\nexport * from \"./components/AutoSizeTextarea\"\r\nexport * from \"./components/CircleText\"\r\nexport * from \"./components/Flow\"\r\nexport * from \"./components/HlsPlayer\"\r\nexport * from \"./components/InfiniteScroll\"\r\nexport * from \"./components/InputFile\"\r\nexport * from \"./components/LoopSwiper\"\r\nexport * from \"./components/Ring\"\r\nexport * from \"./components/Scroll\"\r\nexport * from \"./components/SectionRing\"\r\nexport * from \"./components/Skeleton\"\r\nexport * from \"./components/TransitionBox\"\r\nexport * from \"./components/TransitionNum\"\r\nexport * from \"./components/Trapezium\"\r\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,8BAJd;AAKA,wBAAc,mCALd;AAMA,wBAAc,wCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,oCARd;AASA,wBAAc,8BATd;AAUA,wBAAc,gCAVd;AAWA,wBAAc,qCAXd;AAYA,wBAAc,kCAZd;AAaA,wBAAc,uCAbd;AAcA,wBAAc,uCAdd;AAeA,wBAAc,mCAfd;",
+  "sourcesContent": ["export * from \"./components/AutoFit\"\r\nexport * from \"./components/AutoScroll\"\r\nexport * from \"./components/AutoSizeTextarea\"\r\nexport * from \"./components/CircleText\"\r\nexport * from \"./components/Flow\"\r\nexport * from \"./components/HlsPlayer\"\r\nexport * from \"./components/InfiniteScroll\"\r\nexport * from \"./components/InputFile\"\r\nexport * from \"./components/LoopSwiper\"\r\nexport * from \"./components/Ring\"\r\nexport * from \"./components/Scroll\"\r\nexport * from \"./components/SectionRing\"\r\nexport * from \"./components/Skeleton\"\r\nexport * from \"./components/TransitionBox\"\r\nexport * from \"./components/TransitionNum\"\r\nexport * from \"./components/Trapezium\"\r\nexport * from \"./components/Echart\""],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,iCAAd;AACA,wBAAc,oCADd;AAEA,wBAAc,0CAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,8BAJd;AAKA,wBAAc,mCALd;AAMA,wBAAc,wCANd;AAOA,wBAAc,mCAPd;AAQA,wBAAc,oCARd;AASA,wBAAc,8BATd;AAUA,wBAAc,gCAVd;AAWA,wBAAc,qCAXd;AAYA,wBAAc,kCAZd;AAaA,wBAAc,uCAbd;AAcA,wBAAc,uCAdd;AAeA,wBAAc,mCAfd;AAgBA,wBAAc,gCAhBd;",
   "names": []
 }

package/dist/esm/components/Echart.d.ts

@@ -0,0 +1,15 @@
+import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from "echarts";
+import { ComponentProps, ForwardedRef, ForwardRefExoticComponent, 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<ComponentProps<"div">, "children"> {
+    width: number;
+    height: number;
+    option: T;
+    chart?: ForwardedRef<ECharts>;
+}
+export type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<Omit<EchartProps<T>, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Pie: EchartComponent<PieOption>;
+export declare const Bar: EchartComponent<BarOption>;
+export declare const Line: EchartComponent<LineOption>;

package/dist/esm/components/Echart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Echart.d.ts","sourceRoot":"","sources":["Echart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,EAAE,OAAO,EAAE,mBAAmB,EAAQ,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AACrM,OAAO,EAAE,cAAc,EAAE,YAAY,EAAc,yBAAyB,EAAE,aAAa,EAA2D,MAAM,OAAO,CAAA;AAEnK,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,mBAAmB,GAAG,sBAAsB,CAAC,CAAA;AAErJ,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,mBAAmB,GAAG,sBAAsB,CAAC,CAAA;AAErJ,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,gBAAgB,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,mBAAmB,GAAG,sBAAsB,CAAC,CAAA;AAEvJ,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7F,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,CAAC,CAAA;IACT,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CAChC;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,GAAG,UAAU,IAAI,yBAAyB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAA;AAyBlK,eAAO,MAAM,GAAG,4BAAuC,CAAA;AACvD,eAAO,MAAM,GAAG,4BAAuC,CAAA;AACvD,eAAO,MAAM,IAAI,6BAAwC,CAAA"}

package/dist/esm/components/Echart.js

@@ -0,0 +1,39 @@
+import { init } from "echarts";
+import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Echart = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    width,
+    height,
+    option,
+    chart,
+    ...rest
+  } = props;
+  const container = useRef(null);
+  const chartRef = useRef(null);
+  useLayoutEffect(() => {
+    const ele = container.current;
+    chartRef.current = init(ele, option, {
+      width,
+      height
+    });
+    return () => chartRef.current?.dispose();
+  }, []);
+  useImperativeHandle(ref, () => container.current, []);
+  useImperativeHandle(chart, () => chartRef.current, []);
+  useEffect(() => {
+    chartRef.current?.setOption(option);
+    chartRef.current?.resize({
+      width,
+      height
+    });
+  });
+  return /*#__PURE__*/_jsx("div", {
+    ref: container,
+    ...rest
+  });
+});
+export const Pie = Echart;
+export const Bar = Echart;
+export const Line = Echart;
+//# sourceMappingURL=Echart.js.map

package/dist/esm/components/Echart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["init","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","jsx","_jsx","Echart","props","ref","width","height","option","chart","rest","container","chartRef","ele","current","dispose","setOption","resize","Pie","Bar","Line"],"sources":["../../../src/components/Echart.tsx"],"sourcesContent":["import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, init, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from \"echarts\"\r\nimport { ComponentProps, ForwardedRef, forwardRef, ForwardRefExoticComponent, RefAttributes, useEffect, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\r\n\r\nexport type PieOption = ComposeOption<PieSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\r\n\r\nexport type BarOption = ComposeOption<BarSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\r\n\r\nexport type LineOption = ComposeOption<LineSeriesOption | TitleComponentOption | DatasetComponentOption | GridComponentOption | TooltipComponentOption>\r\n\r\nexport interface EchartProps<T extends any = any> extends Omit<ComponentProps<\"div\">, \"children\"> {\r\n    width: number\r\n    height: number\r\n    option: T\r\n    chart?: ForwardedRef<ECharts>\r\n}\r\n\r\nexport type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<Omit<EchartProps<T>, \"ref\"> & RefAttributes<HTMLDivElement>>\r\n\r\nconst Echart = forwardRef<HTMLDivElement, EchartProps>((props, ref) => {\r\n    const { width, height, option, chart, ...rest } = props\r\n    const container = useRef<HTMLDivElement>(null)\r\n    const chartRef = useRef<ECharts | null>(null)\r\n\r\n    useLayoutEffect(() => {\r\n        const ele = container.current!\r\n        chartRef.current = init(ele, option, { width, height })\r\n        return () => chartRef.current?.dispose()\r\n    }, [])\r\n\r\n    useImperativeHandle(ref, () => container.current!, [])\r\n\r\n    useImperativeHandle(chart, () => chartRef.current!, [])\r\n\r\n    useEffect(() => {\r\n        chartRef.current?.setOption(option)\r\n        chartRef.current?.resize({ width, height })\r\n    })\r\n\r\n    return <div ref={container} {...rest} />\r\n})\r\n\r\nexport const Pie = Echart as EchartComponent<PieOption>\r\nexport const Bar = Echart as EchartComponent<BarOption>\r\nexport const Line = Echart as EchartComponent<LineOption>\r\n"],"mappings":"AAAA,SAA+FA,IAAI,QAAyF,SAAS;AACrM,SAAuCC,UAAU,EAA4CC,SAAS,EAAEC,mBAAmB,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAiBnK,MAAMC,MAAM,gBAAGP,UAAU,CAA8B,CAACQ,KAAK,EAAEC,GAAG,KAAK;EACnE,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EACvD,MAAMO,SAAS,GAAGX,MAAM,CAAiB,IAAI,CAAC;EAC9C,MAAMY,QAAQ,GAAGZ,MAAM,CAAiB,IAAI,CAAC;EAE7CD,eAAe,CAAC,MAAM;IAClB,MAAMc,GAAG,GAAGF,SAAS,CAACG,OAAQ;IAC9BF,QAAQ,CAACE,OAAO,GAAGnB,IAAI,CAACkB,GAAG,EAAEL,MAAM,EAAE;MAAEF,KAAK;MAAEC;IAAO,CAAC,CAAC;IACvD,OAAO,MAAMK,QAAQ,CAACE,OAAO,EAAEC,OAAO,CAAC,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAENjB,mBAAmB,CAACO,GAAG,EAAE,MAAMM,SAAS,CAACG,OAAQ,EAAE,EAAE,CAAC;EAEtDhB,mBAAmB,CAACW,KAAK,EAAE,MAAMG,QAAQ,CAACE,OAAQ,EAAE,EAAE,CAAC;EAEvDjB,SAAS,CAAC,MAAM;IACZe,QAAQ,CAACE,OAAO,EAAEE,SAAS,CAACR,MAAM,CAAC;IACnCI,QAAQ,CAACE,OAAO,EAAEG,MAAM,CAAC;MAAEX,KAAK;MAAEC;IAAO,CAAC,CAAC;EAC/C,CAAC,CAAC;EAEF,oBAAOL,IAAA;IAAKG,GAAG,EAAEM,SAAU;IAAA,GAAKD;EAAI,CAAG,CAAC;AAC5C,CAAC,CAAC;AAEF,OAAO,MAAMQ,GAAG,GAAGf,MAAoC;AACvD,OAAO,MAAMgB,GAAG,GAAGhB,MAAoC;AACvD,OAAO,MAAMiB,IAAI,GAAGjB,MAAqC"}

package/dist/esm/index.d.ts

@@ -14,3 +14,4 @@ export * from "./components/Skeleton";
 export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
+export * from "./components/Echart";

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA"}

package/dist/esm/index.js

@@ -14,4 +14,5 @@ export * from "./components/Skeleton";
 export * from "./components/TransitionBox";
 export * from "./components/TransitionNum";
 export * from "./components/Trapezium";
+export * from "./components/Echart";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./components/AutoFit\"\r\nexport * from \"./components/AutoScroll\"\r\nexport * from \"./components/AutoSizeTextarea\"\r\nexport * from \"./components/CircleText\"\r\nexport * from \"./components/Flow\"\r\nexport * from \"./components/HlsPlayer\"\r\nexport * from \"./components/InfiniteScroll\"\r\nexport * from \"./components/InputFile\"\r\nexport * from \"./components/LoopSwiper\"\r\nexport * from \"./components/Ring\"\r\nexport * from \"./components/Scroll\"\r\nexport * from \"./components/SectionRing\"\r\nexport * from \"./components/Skeleton\"\r\nexport * from \"./components/TransitionBox\"\r\nexport * from \"./components/TransitionNum\"\r\nexport * from \"./components/Trapezium\"\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./components/AutoFit\"\r\nexport * from \"./components/AutoScroll\"\r\nexport * from \"./components/AutoSizeTextarea\"\r\nexport * from \"./components/CircleText\"\r\nexport * from \"./components/Flow\"\r\nexport * from \"./components/HlsPlayer\"\r\nexport * from \"./components/InfiniteScroll\"\r\nexport * from \"./components/InputFile\"\r\nexport * from \"./components/LoopSwiper\"\r\nexport * from \"./components/Ring\"\r\nexport * from \"./components/Scroll\"\r\nexport * from \"./components/SectionRing\"\r\nexport * from \"./components/Skeleton\"\r\nexport * from \"./components/TransitionBox\"\r\nexport * from \"./components/TransitionNum\"\r\nexport * from \"./components/Trapezium\"\r\nexport * from \"./components/Echart\""],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deepsea-components",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "description": "格数科技自用组件库",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -26,6 +26,7 @@
   "dependencies": {
     "@emotion/css": "^11.11.2",
     "ahooks": "^3.7.11",
+    "echarts": "^5.5.0",
     "hls.js": "^1.5.8",
     "smooth-scrollbar": "^8.8.4",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz",

package/src/components/Echart.tsx

@@ -0,0 +1,44 @@
+import { BarSeriesOption, ComposeOption, DatasetComponentOption, ECharts, GridComponentOption, init, LineSeriesOption, PieSeriesOption, TitleComponentOption, TooltipComponentOption } from "echarts"
+import { ComponentProps, ForwardedRef, forwardRef, ForwardRefExoticComponent, RefAttributes, useEffect, useImperativeHandle, useLayoutEffect, useRef } 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<ComponentProps<"div">, "children"> {
+    width: number
+    height: number
+    option: T
+    chart?: ForwardedRef<ECharts>
+}
+
+export type EchartComponent<T extends PieOption | BarOption | LineOption> = ForwardRefExoticComponent<Omit<EchartProps<T>, "ref"> & RefAttributes<HTMLDivElement>>
+
+const Echart = forwardRef<HTMLDivElement, EchartProps>((props, ref) => {
+    const { width, height, option, chart, ...rest } = props
+    const container = useRef<HTMLDivElement>(null)
+    const chartRef = useRef<ECharts | null>(null)
+
+    useLayoutEffect(() => {
+        const ele = container.current!
+        chartRef.current = init(ele, option, { width, height })
+        return () => chartRef.current?.dispose()
+    }, [])
+
+    useImperativeHandle(ref, () => container.current!, [])
+
+    useImperativeHandle(chart, () => chartRef.current!, [])
+
+    useEffect(() => {
+        chartRef.current?.setOption(option)
+        chartRef.current?.resize({ width, height })
+    })
+
+    return <div ref={container} {...rest} />
+})
+
+export const Pie = Echart as EchartComponent<PieOption>
+export const Bar = Echart as EchartComponent<BarOption>
+export const Line = Echart as EchartComponent<LineOption>

package/src/index.tsx

@@ -14,3 +14,4 @@ export * from "./components/Skeleton"
 export * from "./components/TransitionBox"
 export * from "./components/TransitionNum"
 export * from "./components/Trapezium"
+export * from "./components/Echart"