@tipp/ui 1.0.29 → 1.0.30

package/dist/chunk-RRKJ5G7Y.js

@@ -0,0 +1,199 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/charts/chart.tsx
+import { useMemo } from "react";
+import { useResizeDetector } from "react-resize-detector";
+import { merge } from "lodash-es";
+import * as echarts from "echarts/core";
+import EChartsReactCore from "echarts-for-react/lib/core";
+import { PieChart, LineChart } from "echarts/charts";
+import { SVGRenderer } from "echarts/renderers";
+import {
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  ToolboxComponent
+} from "echarts/components";
+
+// src/charts/chart-theme.json
+var chart_theme_default = {
+  version: 1,
+  themeName: "customed",
+  theme: {
+    seriesCnt: "5",
+    backgroundColor: "rgba(0,0,0,0)",
+    titleColor: "#1c2024",
+    subtitleColor: "#8d8d8d",
+    textColorShow: false,
+    textColor: "#333",
+    markTextColor: "#ffffff",
+    color: [
+      "#ffe629",
+      "#3e63dd",
+      "#ec9455",
+      "#5bb98b",
+      "#cb1d63",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#ea7ccc"
+    ],
+    borderColor: "#8d8d8d",
+    borderWidth: 0,
+    visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
+    legendTextColor: "#1c2024",
+    kColor: "#eb5454",
+    kColor0: "#47b262",
+    kBorderColor: "#eb5454",
+    kBorderColor0: "#47b262",
+    kBorderWidth: 1,
+    lineWidth: 2,
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    symbolBorderWidth: 1,
+    lineSmooth: false,
+    graphLineWidth: 1,
+    graphLineColor: "#aaa",
+    mapLabelColor: "#000",
+    mapLabelColorE: "rgb(100,0,0)",
+    mapBorderColor: "#444",
+    mapBorderColorE: "#444",
+    mapBorderWidth: 0.5,
+    mapBorderWidthE: 1,
+    mapAreaColor: "#eee",
+    mapAreaColorE: "rgba(255,215,0,0.8)",
+    axes: [
+      {
+        type: "all",
+        name: "\u901A\u7528\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "category",
+        name: "\u7C7B\u76EE\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "value",
+        name: "\u6570\u503C\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "log",
+        name: "\u5BF9\u6570\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "time",
+        name: "\u65F6\u95F4\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      }
+    ],
+    axisSeperateSetting: true,
+    toolboxColor: "#8d8d8d",
+    toolboxEmphasisColor: "#1c2024",
+    tooltipAxisColor: "#cccccc",
+    tooltipAxisWidth: 1,
+    timelineLineColor: "#dae1f5",
+    timelineLineWidth: 2,
+    timelineItemColor: "#a4b1d7",
+    timelineItemColorE: "#ffffff",
+    timelineCheckColor: "#316bf3",
+    timelineCheckBorderColor: "#ffffff",
+    timelineItemBorderWidth: 1,
+    timelineControlColor: "#a4b1d7",
+    timelineControlBorderColor: "#a4b1d7",
+    timelineControlBorderWidth: 1,
+    timelineLabelColor: "#a4b1d7"
+  }
+};
+
+// src/charts/chart.tsx
+import { jsx } from "react/jsx-runtime";
+echarts.use([
+  SVGRenderer,
+  PieChart,
+  LineChart,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  ToolboxComponent
+]);
+function Chart(props) {
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: false,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  const option = useMemo(() => {
+    const baseOption = {
+      textStyle: { fontFamily: "Noto Sans KR" },
+      tooltip: { textStyle: { fontSize: 16 } }
+    };
+    return merge(baseOption, props.option);
+  }, [props.option]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
+    EChartsReactCore,
+    __spreadProps(__spreadValues({
+      opts: { renderer: "svg" },
+      style: { width, height },
+      theme: chart_theme_default
+    }, props), {
+      option
+    })
+  ) });
+}
+
+export {
+  chart_theme_default,
+  Chart
+};
+//# sourceMappingURL=chunk-RRKJ5G7Y.js.map

package/dist/chunk-RRKJ5G7Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/chart.tsx","../src/charts/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { merge } from 'lodash-es';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport EChartsReactCore from 'echarts-for-react/lib/core';\nimport { PieChart, LineChart } from 'echarts/charts';\nimport { SVGRenderer } from 'echarts/renderers';\nimport {\n  // GridSimpleComponent,\n  // PolarComponent,\n  // RadarComponent,\n  // GeoComponent,\n  // SingleAxisComponent,\n  // ParallelComponent,\n  // CalendarComponent,\n  // GraphicComponent,\n  // ToolboxComponent,\n  // AxisPointerComponent,\n  // BrushComponent,\n  // TimelineComponent,\n  // MarkPointComponent,\n  // MarkLineComponent,\n  // MarkAreaComponent,\n  // LegendComponent,\n  // LegendScrollComponent,\n  // LegendPlainComponent,\n  // DataZoomComponent,\n  // DataZoomInsideComponent,\n  // DataZoomSliderComponent,\n  // VisualMapComponent,\n  // VisualMapContinuousComponent,\n  // VisualMapPiecewiseComponent,\n  // AriaComponent,\n  // TransformComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  ToolboxComponent,\n} from 'echarts/components';\nimport chartTheme from './chart-theme.json';\n\necharts.use([\n  SVGRenderer,\n  PieChart,\n  LineChart,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  ToolboxComponent,\n]);\n\nexport type ChartProps = Omit<\n  React.ComponentProps<typeof EChartsReactCore>,\n  'option'\n> & {\n  option: EChartsOption;\n};\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  const option = useMemo(() => {\n    const baseOption: EChartsOption = {\n      textStyle: { fontFamily: 'Noto Sans KR' },\n      tooltip: { textStyle: { fontSize: 16 } },\n    };\n    return merge(baseOption, props.option);\n  }, [props.option]);\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <EChartsReactCore\n        opts={{ renderer: 'svg' }}\n        style={{ width, height }}\n        theme={chartTheme}\n        {...props}\n        option={option}\n      />\n    </div>\n  );\n}\n\nexport { chartTheme };\n","{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-XEQWFWBV.js

@@ -0,0 +1,203 @@
+import {
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/charts/chart.tsx
+import { useMemo } from "react";
+import { useResizeDetector } from "react-resize-detector";
+import { merge } from "lodash-es";
+import * as echarts from "echarts/core";
+import EChartsReactCore from "echarts-for-react/lib/core";
+import { PieChart, LineChart } from "echarts/charts";
+import { SVGRenderer } from "echarts/renderers";
+import {
+  GridSimpleComponent,
+  AxisPointerComponent,
+  AriaComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  ToolboxComponent
+} from "echarts/components";
+
+// src/charts/chart-theme.json
+var chart_theme_default = {
+  version: 1,
+  themeName: "customed",
+  theme: {
+    seriesCnt: "5",
+    backgroundColor: "rgba(0,0,0,0)",
+    titleColor: "#1c2024",
+    subtitleColor: "#8d8d8d",
+    textColorShow: false,
+    textColor: "#333",
+    markTextColor: "#ffffff",
+    color: [
+      "#ffe629",
+      "#3e63dd",
+      "#ec9455",
+      "#5bb98b",
+      "#cb1d63",
+      "#3ba272",
+      "#fc8452",
+      "#9a60b4",
+      "#ea7ccc"
+    ],
+    borderColor: "#8d8d8d",
+    borderWidth: 0,
+    visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
+    legendTextColor: "#1c2024",
+    kColor: "#eb5454",
+    kColor0: "#47b262",
+    kBorderColor: "#eb5454",
+    kBorderColor0: "#47b262",
+    kBorderWidth: 1,
+    lineWidth: 2,
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    symbolBorderWidth: 1,
+    lineSmooth: false,
+    graphLineWidth: 1,
+    graphLineColor: "#aaa",
+    mapLabelColor: "#000",
+    mapLabelColorE: "rgb(100,0,0)",
+    mapBorderColor: "#444",
+    mapBorderColorE: "#444",
+    mapBorderWidth: 0.5,
+    mapBorderWidthE: 1,
+    mapAreaColor: "#eee",
+    mapAreaColorE: "rgba(255,215,0,0.8)",
+    axes: [
+      {
+        type: "all",
+        name: "\u901A\u7528\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "category",
+        name: "\u7C7B\u76EE\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "value",
+        name: "\u6570\u503C\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "log",
+        name: "\u5BF9\u6570\u5750\u6807\u8F74",
+        axisLineShow: false,
+        axisLineColor: "#6E7079",
+        axisTickShow: false,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: true,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      },
+      {
+        type: "time",
+        name: "\u65F6\u95F4\u5750\u6807\u8F74",
+        axisLineShow: true,
+        axisLineColor: "#6E7079",
+        axisTickShow: true,
+        axisTickColor: "#6E7079",
+        axisLabelShow: true,
+        axisLabelColor: "#6E7079",
+        splitLineShow: false,
+        splitLineColor: ["#E0E6F1"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
+      }
+    ],
+    axisSeperateSetting: true,
+    toolboxColor: "#8d8d8d",
+    toolboxEmphasisColor: "#1c2024",
+    tooltipAxisColor: "#cccccc",
+    tooltipAxisWidth: 1,
+    timelineLineColor: "#dae1f5",
+    timelineLineWidth: 2,
+    timelineItemColor: "#a4b1d7",
+    timelineItemColorE: "#ffffff",
+    timelineCheckColor: "#316bf3",
+    timelineCheckBorderColor: "#ffffff",
+    timelineItemBorderWidth: 1,
+    timelineControlColor: "#a4b1d7",
+    timelineControlBorderColor: "#a4b1d7",
+    timelineControlBorderWidth: 1,
+    timelineLabelColor: "#a4b1d7"
+  }
+};
+
+// src/charts/chart.tsx
+import { jsx } from "react/jsx-runtime";
+echarts.use([
+  SVGRenderer,
+  PieChart,
+  LineChart,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  ToolboxComponent,
+  AriaComponent,
+  AxisPointerComponent,
+  GridSimpleComponent
+]);
+function Chart(props) {
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: false,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  const option = useMemo(() => {
+    const baseOption = {
+      textStyle: { fontFamily: "Noto Sans KR" },
+      tooltip: { textStyle: { fontSize: 16 } }
+    };
+    return merge(baseOption, props.option);
+  }, [props.option]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
+    EChartsReactCore,
+    __spreadValues({
+      echarts,
+      opts: { renderer: "svg" },
+      style: { width, height },
+      theme: chart_theme_default
+    }, props)
+  ) });
+}
+
+export {
+  chart_theme_default,
+  Chart
+};
+//# sourceMappingURL=chunk-XEQWFWBV.js.map

package/dist/chunk-XEQWFWBV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/chart.tsx","../src/charts/chart-theme.json"],"sourcesContent":["import ReactEChartsCore from 'echarts-for-react/lib/core';\n\nimport React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { merge } from 'lodash-es';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport EChartsReactCore from 'echarts-for-react/lib/core';\nimport { PieChart, LineChart } from 'echarts/charts';\nimport { SVGRenderer } from 'echarts/renderers';\nimport {\n  GridSimpleComponent,\n  // PolarComponent,\n  // RadarComponent,\n  // GeoComponent,\n  // SingleAxisComponent,\n  // ParallelComponent,\n  // CalendarComponent,\n  // GraphicComponent,\n  AxisPointerComponent,\n  // BrushComponent,\n  // TimelineComponent,\n  // MarkPointComponent,\n  // MarkLineComponent,\n  // MarkAreaComponent,\n  // LegendScrollComponent,\n  // LegendPlainComponent,\n  // DataZoomComponent,\n  // DataZoomInsideComponent,\n  // DataZoomSliderComponent,\n  // VisualMapComponent,\n  // VisualMapContinuousComponent,\n  // VisualMapPiecewiseComponent,\n  AriaComponent,\n  // TransformComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  ToolboxComponent,\n} from 'echarts/components';\nimport chartTheme from './chart-theme.json';\n\necharts.use([\n  SVGRenderer,\n  PieChart,\n  LineChart,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  ToolboxComponent,\n  AriaComponent,\n  AxisPointerComponent,\n  GridSimpleComponent,\n]);\n\nexport type ChartProps = Omit<\n  React.ComponentProps<typeof EChartsReactCore>,\n  'option'\n> & {\n  option: EChartsOption;\n};\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  const option = useMemo(() => {\n    const baseOption: EChartsOption = {\n      textStyle: { fontFamily: 'Noto Sans KR' },\n      tooltip: { textStyle: { fontSize: 16 } },\n    };\n    return merge(baseOption, props.option);\n  }, [props.option]);\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <EChartsReactCore\n        echarts={echarts}\n        opts={{ renderer: 'svg' }}\n        style={{ width, height }}\n        theme={chartTheme}\n        {...props}\n      />\n      {/* <ReactEChartsCore\n        echarts={echarts}\n        option={{}}\n        style={{ height: '100%', width: '100%' }}\n      ></ReactEChartsCore> */}\n    </div>\n  );\n}\n\nexport { chartTheme };\n","{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.cjs

@@ -1106,8 +1106,12 @@ var uiProps = __toESM(require("@radix-ui/themes/dist/cjs/props/index.js"), 1);
 // src/charts/chart.tsx
 var import_react16 = require("react");
 var import_react_resize_detector = require("react-resize-detector");
-var import_echarts_for_react = __toESM(require("echarts-for-react"), 1);
 var import_lodash_es = require("lodash-es");
+var echarts = __toESM(require("echarts/core"), 1);
+var import_core = __toESM(require("echarts-for-react/lib/core"), 1);
+var import_charts = require("echarts/charts");
+var import_renderers = require("echarts/renderers");
+var import_components = require("echarts/components");
 
 // src/charts/chart-theme.json
 var chart_theme_default = {
@@ -1249,6 +1253,18 @@ var chart_theme_default = {
 
 // src/charts/chart.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
+echarts.use([
+  import_renderers.SVGRenderer,
+  import_charts.PieChart,
+  import_charts.LineChart,
+  import_components.TooltipComponent,
+  import_components.GridComponent,
+  import_components.LegendComponent,
+  import_components.ToolboxComponent,
+  import_components.AriaComponent,
+  import_components.AxisPointerComponent,
+  import_components.GridSimpleComponent
+]);
 function Chart(props) {
   const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
     handleHeight: false,
@@ -1263,10 +1279,11 @@ function Chart(props) {
     return (0, import_lodash_es.merge)(baseOption, props.option);
   }, [props.option]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_echarts_for_react.default,
+    import_core.default,
     __spreadProps(__spreadValues({
+      echarts,
       opts: { renderer: "svg" },
-      style: { width, height },
+      style: { height, width },
       theme: chart_theme_default
     }, props), {
       option