@tipp/ui 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/atoms/index.js +48 -48
  2. package/dist/chart/chart.cjs +9 -1
  3. package/dist/chart/chart.cjs.map +1 -1
  4. package/dist/chart/chart.d.cts +4 -1
  5. package/dist/chart/chart.d.ts +4 -1
  6. package/dist/chart/chart.js +9 -1
  7. package/dist/chart/chart.js.map +1 -1
  8. package/dist/index.js +68 -68
  9. package/dist/molecules/expand-table/index.js +24 -24
  10. package/dist/molecules/expand-table/row.js +21 -21
  11. package/dist/molecules/index.js +24 -24
  12. package/package.json +3 -1
  13. package/src/chart/chart.tsx +9 -2
package/dist/atoms/index.js CHANGED
@@ -2,27 +2,9 @@ import "../chunk-MASTHXWN.js";
2
2
  import {
3
3
  DatePicker
4
4
  } from "../chunk-IIBITN2G.js";
5
- import {
6
- TabNav
7
- } from "../chunk-YJ7ZFOYL.js";
8
- import {
9
- Tabs
10
- } from "../chunk-5ZITU5L7.js";
11
- import {
12
- TextArea
13
- } from "../chunk-ILRUXI2E.js";
14
5
  import {
15
6
  TextField
16
7
  } from "../chunk-JPIZP2PZ.js";
17
- import {
18
- Section
19
- } from "../chunk-MUNMDHRF.js";
20
- import {
21
- SegmentedControl
22
- } from "../chunk-TVDKGMBI.js";
23
- import {
24
- Select
25
- } from "../chunk-355MU6BH.js";
26
8
  import {
27
9
  Separator
28
10
  } from "../chunk-HYITAA4J.js";
@@ -39,14 +21,14 @@ import {
39
21
  Switch
40
22
  } from "../chunk-OYM4XCHQ.js";
41
23
  import {
42
- Pagination
43
- } from "../chunk-OZLC6KYP.js";
24
+ TabNav
25
+ } from "../chunk-YJ7ZFOYL.js";
44
26
  import {
45
- Popover
46
- } from "../chunk-5AVBYDPB.js";
27
+ Tabs
28
+ } from "../chunk-5ZITU5L7.js";
47
29
  import {
48
- Progress
49
- } from "../chunk-365QMK4D.js";
30
+ TextArea
31
+ } from "../chunk-ILRUXI2E.js";
50
32
  import {
51
33
  Quote
52
34
  } from "../chunk-YO3BQW6S.js";
@@ -63,17 +45,14 @@ import {
63
45
  ScrollArea
64
46
  } from "../chunk-ZKZDVS7G.js";
65
47
  import {
66
- Grid
67
- } from "../chunk-EGEQY3KT.js";
68
- import {
69
- Heading
70
- } from "../chunk-HLOY6BIP.js";
48
+ Section
49
+ } from "../chunk-MUNMDHRF.js";
71
50
  import {
72
- HoverCard
73
- } from "../chunk-O3T3TM3V.js";
51
+ SegmentedControl
52
+ } from "../chunk-TVDKGMBI.js";
74
53
  import {
75
- IconButton
76
- } from "../chunk-O3DNDMV3.js";
54
+ Select
55
+ } from "../chunk-355MU6BH.js";
77
56
  import {
78
57
  Inset
79
58
  } from "../chunk-XQOL7UBI.js";
@@ -84,14 +63,17 @@ import {
84
63
  Link
85
64
  } from "../chunk-XQOZWYUA.js";
86
65
  import {
87
- Container
88
- } from "../chunk-Q37G2GS6.js";
66
+ Pagination
67
+ } from "../chunk-OZLC6KYP.js";
89
68
  import {
90
- DataList
91
- } from "../chunk-VTJZMOSP.js";
69
+ IconButton
70
+ } from "../chunk-O3DNDMV3.js";
92
71
  import {
93
- Dialog
94
- } from "../chunk-P6B2PNYI.js";
72
+ Popover
73
+ } from "../chunk-5AVBYDPB.js";
74
+ import {
75
+ Progress
76
+ } from "../chunk-365QMK4D.js";
95
77
  import {
96
78
  DropdownMenu
97
79
  } from "../chunk-YTZSKMX3.js";
@@ -114,14 +96,14 @@ import {
114
96
  Flex
115
97
  } from "../chunk-25HMMI7R.js";
116
98
  import {
117
- Button
118
- } from "../chunk-RET725VL.js";
99
+ Grid
100
+ } from "../chunk-EGEQY3KT.js";
119
101
  import {
120
- Callout
121
- } from "../chunk-B6XJN6EC.js";
102
+ Heading
103
+ } from "../chunk-HLOY6BIP.js";
122
104
  import {
123
- Card
124
- } from "../chunk-FYEASFUU.js";
105
+ HoverCard
106
+ } from "../chunk-O3T3TM3V.js";
125
107
  import {
126
108
  CheckboxCards
127
109
  } from "../chunk-MIMJ7LON.js";
@@ -137,10 +119,15 @@ import {
137
119
  import {
138
120
  Collapse
139
121
  } from "../chunk-OCJNQGHN.js";
140
- import "../chunk-MMAV5BRZ.js";
141
122
  import {
142
- AlertDialog
143
- } from "../chunk-J242TTFH.js";
123
+ Container
124
+ } from "../chunk-Q37G2GS6.js";
125
+ import {
126
+ DataList
127
+ } from "../chunk-VTJZMOSP.js";
128
+ import {
129
+ Dialog
130
+ } from "../chunk-P6B2PNYI.js";
144
131
  import {
145
132
  AspectRatio
146
133
  } from "../chunk-EAXUQEO5.js";
@@ -156,6 +143,19 @@ import {
156
143
  import {
157
144
  Box
158
145
  } from "../chunk-4Y5BEXVN.js";
146
+ import {
147
+ Button
148
+ } from "../chunk-RET725VL.js";
149
+ import {
150
+ Callout
151
+ } from "../chunk-B6XJN6EC.js";
152
+ import {
153
+ Card
154
+ } from "../chunk-FYEASFUU.js";
155
+ import "../chunk-MMAV5BRZ.js";
156
+ import {
157
+ AlertDialog
158
+ } from "../chunk-J242TTFH.js";
159
159
  import "../chunk-N552FDTV.js";
160
160
  export {
161
161
  AlertDialog,
package/dist/chart/chart.cjs CHANGED
@@ -51,8 +51,10 @@ __export(chart_exports, {
51
51
  chartTheme: () => chart_theme_default
52
52
  });
53
53
  module.exports = __toCommonJS(chart_exports);
54
+ var import_react = require("react");
54
55
  var import_react_resize_detector = require("react-resize-detector");
55
56
  var import_echarts_for_react = __toESM(require("echarts-for-react"), 1);
57
+ var import_lodash_es = require("lodash-es");
56
58
 
57
59
  // src/chart/chart-theme.json
58
60
  var chart_theme_default = {
@@ -200,7 +202,13 @@ function Chart(props) {
200
202
  refreshMode: "debounce",
201
203
  refreshRate: 100
202
204
  });
203
- const option = __spreadProps(__spreadValues({}, props.option), { textStyle: { fontFamily: "Noto Sans KR" } });
205
+ const option = (0, import_react.useMemo)(() => {
206
+ const baseOption = {
207
+ textStyle: { fontFamily: "Noto Sans KR" },
208
+ tooltip: { textStyle: { fontSize: 16 } }
209
+ };
210
+ return (0, import_lodash_es.merge)(baseOption, props.option);
211
+ }, [props.option]);
204
212
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
205
213
  import_echarts_for_react.default,
206
214
  __spreadProps(__spreadValues({
package/dist/chart/chart.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport type { EChartOption } from 'echarts';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = Omit<\n React.ComponentProps<typeof ReactECharts>,\n 'option'\n> & {\n option: EChartOption;\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 = { ...props.option, textStyle: { fontFamily: 'Noto Sans KR' } };\n\n return (\n <div ref={ref} style={{ width: '100%', height: '100%' }}>\n <ReactECharts\n style={{ width, height }}\n theme={chartTheme}\n {...props}\n option={option}\n />\n </div>\n );\n}\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":["ReactECharts"]}
1
+ {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport type { EChartOption } from 'echarts';\nimport { merge } from 'lodash-es';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = Omit<\n React.ComponentProps<typeof ReactECharts>,\n 'option'\n> & {\n option: EChartOption;\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: EChartOption = {\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 <ReactECharts\n style={{ width, height }}\n theme={chartTheme}\n {...props}\n option={option}\n />\n </div>\n );\n}\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":["ReactECharts"]}
package/dist/chart/chart.d.cts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import ReactECharts from 'echarts-for-react';
3
+ import { EChartOption } from 'echarts';
3
4
 
4
5
  var version = 1;
5
6
  var themeName = "customed";
@@ -170,7 +171,9 @@ var chartTheme = {
170
171
  theme: theme
171
172
  };
172
173
 
173
- type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
174
+ type ChartProps = Omit<React__default.ComponentProps<typeof ReactECharts>, 'option'> & {
175
+ option: EChartOption;
176
+ };
174
177
  declare function Chart(props: ChartProps): JSX.Element;
175
178
 
176
179
  export { Chart, type ChartProps, chartTheme };
package/dist/chart/chart.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import ReactECharts from 'echarts-for-react';
3
+ import { EChartOption } from 'echarts';
3
4
 
4
5
  var version = 1;
5
6
  var themeName = "customed";
@@ -170,7 +171,9 @@ var chartTheme = {
170
171
  theme: theme
171
172
  };
172
173
 
173
- type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
174
+ type ChartProps = Omit<React__default.ComponentProps<typeof ReactECharts>, 'option'> & {
175
+ option: EChartOption;
176
+ };
174
177
  declare function Chart(props: ChartProps): JSX.Element;
175
178
 
176
179
  export { Chart, type ChartProps, chartTheme };
package/dist/chart/chart.js CHANGED
@@ -4,8 +4,10 @@ import {
4
4
  } from "../chunk-N552FDTV.js";
5
5
 
6
6
  // src/chart/chart.tsx
7
+ import { useMemo } from "react";
7
8
  import { useResizeDetector } from "react-resize-detector";
8
9
  import ReactECharts from "echarts-for-react";
10
+ import { merge } from "lodash-es";
9
11
 
10
12
  // src/chart/chart-theme.json
11
13
  var chart_theme_default = {
@@ -153,7 +155,13 @@ function Chart(props) {
153
155
  refreshMode: "debounce",
154
156
  refreshRate: 100
155
157
  });
156
- const option = __spreadProps(__spreadValues({}, props.option), { textStyle: { fontFamily: "Noto Sans KR" } });
158
+ const option = useMemo(() => {
159
+ const baseOption = {
160
+ textStyle: { fontFamily: "Noto Sans KR" },
161
+ tooltip: { textStyle: { fontSize: 16 } }
162
+ };
163
+ return merge(baseOption, props.option);
164
+ }, [props.option]);
157
165
  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
158
166
  ReactECharts,
159
167
  __spreadProps(__spreadValues({
package/dist/chart/chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport type { EChartOption } from 'echarts';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = Omit<\n React.ComponentProps<typeof ReactECharts>,\n 'option'\n> & {\n option: EChartOption;\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 = { ...props.option, textStyle: { fontFamily: 'Noto Sans KR' } };\n\n return (\n <div ref={ref} style={{ width: '100%', height: '100%' }}>\n <ReactECharts\n style={{ width, height }}\n theme={chartTheme}\n {...props}\n option={option}\n />\n </div>\n );\n}\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":[]}
1
+ {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport type { EChartOption } from 'echarts';\nimport { merge } from 'lodash-es';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = Omit<\n React.ComponentProps<typeof ReactECharts>,\n 'option'\n> & {\n option: EChartOption;\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: EChartOption = {\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 <ReactECharts\n style={{ width, height }}\n theme={chartTheme}\n {...props}\n option={option}\n />\n </div>\n );\n}\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":";;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,yBAAyB;AAClC,OAAO,kBAAkB;AAEzB,SAAS,aAAa;;;ACJtB;AAAA,EACE,SAAW;AAAA,EACX,WAAa;AAAA,EACb,OAAS;AAAA,IACP,WAAa;AAAA,IACb,iBAAmB;AAAA,IACnB,YAAc;AAAA,IACd,eAAiB;AAAA,IACjB,eAAiB;AAAA,IACjB,WAAa;AAAA,IACb,eAAiB;AAAA,IACjB,OAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,aAAe;AAAA,IACf,aAAe;AAAA,IACf,gBAAkB,CAAC,WAAW,WAAW,SAAS;AAAA,IAClD,iBAAmB;AAAA,IACnB,QAAU;AAAA,IACV,SAAW;AAAA,IACX,cAAgB;AAAA,IAChB,eAAiB;AAAA,IACjB,cAAgB;AAAA,IAChB,WAAa;AAAA,IACb,YAAc;AAAA,IACd,QAAU;AAAA,IACV,mBAAqB;AAAA,IACrB,YAAc;AAAA,IACd,gBAAkB;AAAA,IAClB,gBAAkB;AAAA,IAClB,eAAiB;AAAA,IACjB,gBAAkB;AAAA,IAClB,gBAAkB;AAAA,IAClB,iBAAmB;AAAA,IACnB,gBAAkB;AAAA,IAClB,iBAAmB;AAAA,IACnB,cAAgB;AAAA,IAChB,eAAiB;AAAA,IACjB,MAAQ;AAAA,MACN;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAQ;AAAA,QACR,MAAQ;AAAA,QACR,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,cAAgB;AAAA,QAChB,eAAiB;AAAA,QACjB,eAAiB;AAAA,QACjB,gBAAkB;AAAA,QAClB,eAAiB;AAAA,QACjB,gBAAkB,CAAC,SAAS;AAAA,QAC5B,eAAiB;AAAA,QACjB,gBAAkB,CAAC,yBAAyB,uBAAuB;AAAA,MACrE;AAAA,IACF;AAAA,IACA,qBAAuB;AAAA,IACvB,cAAgB;AAAA,IAChB,sBAAwB;AAAA,IACxB,kBAAoB;AAAA,IACpB,kBAAoB;AAAA,IACpB,mBAAqB;AAAA,IACrB,mBAAqB;AAAA,IACrB,mBAAqB;AAAA,IACrB,oBAAsB;AAAA,IACtB,oBAAsB;AAAA,IACtB,0BAA4B;AAAA,IAC5B,yBAA2B;AAAA,IAC3B,sBAAwB;AAAA,IACxB,4BAA8B;AAAA,IAC9B,4BAA8B;AAAA,IAC9B,oBAAsB;AAAA,EACxB;AACF;;;ADtGM;AAjBC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,aAA2B;AAAA,MAC/B,WAAW,EAAE,YAAY,eAAe;AAAA,MACxC,SAAS,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE;AAAA,IACzC;AACA,WAAO,MAAM,YAAY,MAAM,MAAM;AAAA,EACvC,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,SACE,oBAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,OAAO;AAAA,OACH,QAHL;AAAA,MAIC;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
package/dist/index.js CHANGED
@@ -1,10 +1,3 @@
1
- import "./chunk-WWCWPFEJ.js";
2
- import {
3
- ExpandTable,
4
- createColumnHelper
5
- } from "./chunk-K66WIGIV.js";
6
- import "./chunk-PBPRWY2V.js";
7
- import "./chunk-NDUKDKGB.js";
8
1
  import {
9
2
  ThemeProvider
10
3
  } from "./chunk-PL3Q4UVY.js";
@@ -14,32 +7,19 @@ import {
14
7
  import {
15
8
  uiProps
16
9
  } from "./chunk-NVKNDAIN.js";
17
- import "./chunk-BSTJBBEX.js";
10
+ import "./chunk-WWCWPFEJ.js";
11
+ import {
12
+ ExpandTable,
13
+ createColumnHelper
14
+ } from "./chunk-JJ5IIAB2.js";
15
+ import "./chunk-PBPRWY2V.js";
18
16
  import "./chunk-MASTHXWN.js";
19
17
  import {
20
18
  DatePicker
21
19
  } from "./chunk-IIBITN2G.js";
22
- import {
23
- TabNav
24
- } from "./chunk-YJ7ZFOYL.js";
25
- import {
26
- Tabs
27
- } from "./chunk-5ZITU5L7.js";
28
- import {
29
- TextArea
30
- } from "./chunk-ILRUXI2E.js";
31
20
  import {
32
21
  TextField
33
22
  } from "./chunk-JPIZP2PZ.js";
34
- import {
35
- Section
36
- } from "./chunk-MUNMDHRF.js";
37
- import {
38
- SegmentedControl
39
- } from "./chunk-TVDKGMBI.js";
40
- import {
41
- Select
42
- } from "./chunk-355MU6BH.js";
43
23
  import {
44
24
  Separator
45
25
  } from "./chunk-HYITAA4J.js";
@@ -56,14 +36,14 @@ import {
56
36
  Switch
57
37
  } from "./chunk-OYM4XCHQ.js";
58
38
  import {
59
- Pagination
60
- } from "./chunk-OZLC6KYP.js";
39
+ TabNav
40
+ } from "./chunk-YJ7ZFOYL.js";
61
41
  import {
62
- Popover
63
- } from "./chunk-5AVBYDPB.js";
42
+ Tabs
43
+ } from "./chunk-5ZITU5L7.js";
64
44
  import {
65
- Progress
66
- } from "./chunk-365QMK4D.js";
45
+ TextArea
46
+ } from "./chunk-ILRUXI2E.js";
67
47
  import {
68
48
  Quote
69
49
  } from "./chunk-YO3BQW6S.js";
@@ -80,17 +60,14 @@ import {
80
60
  ScrollArea
81
61
  } from "./chunk-ZKZDVS7G.js";
82
62
  import {
83
- Grid
84
- } from "./chunk-EGEQY3KT.js";
85
- import {
86
- Heading
87
- } from "./chunk-HLOY6BIP.js";
63
+ Section
64
+ } from "./chunk-MUNMDHRF.js";
88
65
  import {
89
- HoverCard
90
- } from "./chunk-O3T3TM3V.js";
66
+ SegmentedControl
67
+ } from "./chunk-TVDKGMBI.js";
91
68
  import {
92
- IconButton
93
- } from "./chunk-O3DNDMV3.js";
69
+ Select
70
+ } from "./chunk-355MU6BH.js";
94
71
  import {
95
72
  Inset
96
73
  } from "./chunk-XQOL7UBI.js";
@@ -101,14 +78,17 @@ import {
101
78
  Link
102
79
  } from "./chunk-XQOZWYUA.js";
103
80
  import {
104
- Container
105
- } from "./chunk-Q37G2GS6.js";
81
+ Pagination
82
+ } from "./chunk-OZLC6KYP.js";
106
83
  import {
107
- DataList
108
- } from "./chunk-VTJZMOSP.js";
84
+ IconButton
85
+ } from "./chunk-O3DNDMV3.js";
109
86
  import {
110
- Dialog
111
- } from "./chunk-P6B2PNYI.js";
87
+ Popover
88
+ } from "./chunk-5AVBYDPB.js";
89
+ import {
90
+ Progress
91
+ } from "./chunk-365QMK4D.js";
112
92
  import {
113
93
  DropdownMenu
114
94
  } from "./chunk-YTZSKMX3.js";
@@ -131,14 +111,14 @@ import {
131
111
  Flex
132
112
  } from "./chunk-25HMMI7R.js";
133
113
  import {
134
- Button
135
- } from "./chunk-RET725VL.js";
114
+ Grid
115
+ } from "./chunk-EGEQY3KT.js";
136
116
  import {
137
- Callout
138
- } from "./chunk-B6XJN6EC.js";
117
+ Heading
118
+ } from "./chunk-HLOY6BIP.js";
139
119
  import {
140
- Card
141
- } from "./chunk-FYEASFUU.js";
120
+ HoverCard
121
+ } from "./chunk-O3T3TM3V.js";
142
122
  import {
143
123
  CheckboxCards
144
124
  } from "./chunk-MIMJ7LON.js";
@@ -155,22 +135,14 @@ import {
155
135
  Collapse
156
136
  } from "./chunk-OCJNQGHN.js";
157
137
  import {
158
- BookmarkFilledIcon,
159
- BookmarkIcon,
160
- ChatBubbleIcon,
161
- ChevronLeftIcon,
162
- ChevronRightIcon,
163
- DotsHorizontalIcon,
164
- ExclamationTriangleIcon,
165
- ExitIcon,
166
- InfoCircledIcon,
167
- MagnifyingGlassIcon,
168
- MixerHorizontalIcon,
169
- PlusIcon
170
- } from "./chunk-MMAV5BRZ.js";
138
+ Container
139
+ } from "./chunk-Q37G2GS6.js";
171
140
  import {
172
- AlertDialog
173
- } from "./chunk-J242TTFH.js";
141
+ DataList
142
+ } from "./chunk-VTJZMOSP.js";
143
+ import {
144
+ Dialog
145
+ } from "./chunk-P6B2PNYI.js";
174
146
  import {
175
147
  AspectRatio
176
148
  } from "./chunk-EAXUQEO5.js";
@@ -186,6 +158,34 @@ import {
186
158
  import {
187
159
  Box
188
160
  } from "./chunk-4Y5BEXVN.js";
161
+ import {
162
+ Button
163
+ } from "./chunk-RET725VL.js";
164
+ import {
165
+ Callout
166
+ } from "./chunk-B6XJN6EC.js";
167
+ import {
168
+ Card
169
+ } from "./chunk-FYEASFUU.js";
170
+ import {
171
+ BookmarkFilledIcon,
172
+ BookmarkIcon,
173
+ ChatBubbleIcon,
174
+ ChevronLeftIcon,
175
+ ChevronRightIcon,
176
+ DotsHorizontalIcon,
177
+ ExclamationTriangleIcon,
178
+ ExitIcon,
179
+ InfoCircledIcon,
180
+ MagnifyingGlassIcon,
181
+ MixerHorizontalIcon,
182
+ PlusIcon
183
+ } from "./chunk-MMAV5BRZ.js";
184
+ import "./chunk-BSTJBBEX.js";
185
+ import "./chunk-NDUKDKGB.js";
186
+ import {
187
+ AlertDialog
188
+ } from "./chunk-J242TTFH.js";
189
189
  import "./chunk-N552FDTV.js";
190
190
  export {
191
191
  AlertDialog,
package/dist/molecules/expand-table/index.js CHANGED
@@ -1,42 +1,34 @@
1
1
  import {
2
2
  ExpandTable,
3
3
  createColumnHelper
4
- } from "../../chunk-K66WIGIV.js";
4
+ } from "../../chunk-JJ5IIAB2.js";
5
5
  import "../../chunk-PBPRWY2V.js";
6
- import "../../chunk-NDUKDKGB.js";
7
- import "../../chunk-BSTJBBEX.js";
8
6
  import "../../chunk-MASTHXWN.js";
9
7
  import "../../chunk-IIBITN2G.js";
10
- import "../../chunk-YJ7ZFOYL.js";
11
- import "../../chunk-5ZITU5L7.js";
12
- import "../../chunk-ILRUXI2E.js";
13
8
  import "../../chunk-JPIZP2PZ.js";
14
- import "../../chunk-MUNMDHRF.js";
15
- import "../../chunk-TVDKGMBI.js";
16
- import "../../chunk-355MU6BH.js";
17
9
  import "../../chunk-HYITAA4J.js";
18
10
  import "../../chunk-5H3YPCZK.js";
19
11
  import "../../chunk-FR2GDOU2.js";
20
12
  import "../../chunk-74DX4CU7.js";
21
13
  import "../../chunk-OYM4XCHQ.js";
22
- import "../../chunk-OZLC6KYP.js";
23
- import "../../chunk-5AVBYDPB.js";
24
- import "../../chunk-365QMK4D.js";
14
+ import "../../chunk-YJ7ZFOYL.js";
15
+ import "../../chunk-5ZITU5L7.js";
16
+ import "../../chunk-ILRUXI2E.js";
25
17
  import "../../chunk-YO3BQW6S.js";
26
18
  import "../../chunk-6IVCARWS.js";
27
19
  import "../../chunk-6DJOIRMF.js";
28
20
  import "../../chunk-FPD73OHW.js";
29
21
  import "../../chunk-ZKZDVS7G.js";
30
- import "../../chunk-EGEQY3KT.js";
31
- import "../../chunk-HLOY6BIP.js";
32
- import "../../chunk-O3T3TM3V.js";
33
- import "../../chunk-O3DNDMV3.js";
22
+ import "../../chunk-MUNMDHRF.js";
23
+ import "../../chunk-TVDKGMBI.js";
24
+ import "../../chunk-355MU6BH.js";
34
25
  import "../../chunk-XQOL7UBI.js";
35
26
  import "../../chunk-TULWX7D6.js";
36
27
  import "../../chunk-XQOZWYUA.js";
37
- import "../../chunk-Q37G2GS6.js";
38
- import "../../chunk-VTJZMOSP.js";
39
- import "../../chunk-P6B2PNYI.js";
28
+ import "../../chunk-OZLC6KYP.js";
29
+ import "../../chunk-O3DNDMV3.js";
30
+ import "../../chunk-5AVBYDPB.js";
31
+ import "../../chunk-365QMK4D.js";
40
32
  import "../../chunk-YTZSKMX3.js";
41
33
  import "../../chunk-4IKPNQV5.js";
42
34
  import "../../chunk-ACVANQJ4.js";
@@ -44,21 +36,29 @@ import "../../chunk-2DZ2Y3JI.js";
44
36
  import "../../chunk-CNQ7RNNY.js";
45
37
  import "../../chunk-O3XTRD7R.js";
46
38
  import "../../chunk-25HMMI7R.js";
47
- import "../../chunk-RET725VL.js";
48
- import "../../chunk-B6XJN6EC.js";
49
- import "../../chunk-FYEASFUU.js";
39
+ import "../../chunk-EGEQY3KT.js";
40
+ import "../../chunk-HLOY6BIP.js";
41
+ import "../../chunk-O3T3TM3V.js";
50
42
  import "../../chunk-MIMJ7LON.js";
51
43
  import "../../chunk-IQEEPHOY.js";
52
44
  import "../../chunk-JEHDCZQU.js";
53
45
  import "../../chunk-OHMOP5PV.js";
54
46
  import "../../chunk-OCJNQGHN.js";
55
- import "../../chunk-MMAV5BRZ.js";
56
- import "../../chunk-J242TTFH.js";
47
+ import "../../chunk-Q37G2GS6.js";
48
+ import "../../chunk-VTJZMOSP.js";
49
+ import "../../chunk-P6B2PNYI.js";
57
50
  import "../../chunk-EAXUQEO5.js";
58
51
  import "../../chunk-CZEGRZBK.js";
59
52
  import "../../chunk-ALOPZ54P.js";
60
53
  import "../../chunk-YGL6SWKN.js";
61
54
  import "../../chunk-4Y5BEXVN.js";
55
+ import "../../chunk-RET725VL.js";
56
+ import "../../chunk-B6XJN6EC.js";
57
+ import "../../chunk-FYEASFUU.js";
58
+ import "../../chunk-MMAV5BRZ.js";
59
+ import "../../chunk-BSTJBBEX.js";
60
+ import "../../chunk-NDUKDKGB.js";
61
+ import "../../chunk-J242TTFH.js";
62
62
  import "../../chunk-N552FDTV.js";
63
63
  export {
64
64
  ExpandTable,
package/dist/molecules/expand-table/row.js CHANGED
@@ -3,36 +3,30 @@ import {
3
3
  } from "../../chunk-PBPRWY2V.js";
4
4
  import "../../chunk-MASTHXWN.js";
5
5
  import "../../chunk-IIBITN2G.js";
6
- import "../../chunk-YJ7ZFOYL.js";
7
- import "../../chunk-5ZITU5L7.js";
8
- import "../../chunk-ILRUXI2E.js";
9
6
  import "../../chunk-JPIZP2PZ.js";
10
- import "../../chunk-MUNMDHRF.js";
11
- import "../../chunk-TVDKGMBI.js";
12
- import "../../chunk-355MU6BH.js";
13
7
  import "../../chunk-HYITAA4J.js";
14
8
  import "../../chunk-5H3YPCZK.js";
15
9
  import "../../chunk-FR2GDOU2.js";
16
10
  import "../../chunk-74DX4CU7.js";
17
11
  import "../../chunk-OYM4XCHQ.js";
18
- import "../../chunk-OZLC6KYP.js";
19
- import "../../chunk-5AVBYDPB.js";
20
- import "../../chunk-365QMK4D.js";
12
+ import "../../chunk-YJ7ZFOYL.js";
13
+ import "../../chunk-5ZITU5L7.js";
14
+ import "../../chunk-ILRUXI2E.js";
21
15
  import "../../chunk-YO3BQW6S.js";
22
16
  import "../../chunk-6IVCARWS.js";
23
17
  import "../../chunk-6DJOIRMF.js";
24
18
  import "../../chunk-FPD73OHW.js";
25
19
  import "../../chunk-ZKZDVS7G.js";
26
- import "../../chunk-EGEQY3KT.js";
27
- import "../../chunk-HLOY6BIP.js";
28
- import "../../chunk-O3T3TM3V.js";
29
- import "../../chunk-O3DNDMV3.js";
20
+ import "../../chunk-MUNMDHRF.js";
21
+ import "../../chunk-TVDKGMBI.js";
22
+ import "../../chunk-355MU6BH.js";
30
23
  import "../../chunk-XQOL7UBI.js";
31
24
  import "../../chunk-TULWX7D6.js";
32
25
  import "../../chunk-XQOZWYUA.js";
33
- import "../../chunk-Q37G2GS6.js";
34
- import "../../chunk-VTJZMOSP.js";
35
- import "../../chunk-P6B2PNYI.js";
26
+ import "../../chunk-OZLC6KYP.js";
27
+ import "../../chunk-O3DNDMV3.js";
28
+ import "../../chunk-5AVBYDPB.js";
29
+ import "../../chunk-365QMK4D.js";
36
30
  import "../../chunk-YTZSKMX3.js";
37
31
  import "../../chunk-4IKPNQV5.js";
38
32
  import "../../chunk-ACVANQJ4.js";
@@ -40,21 +34,27 @@ import "../../chunk-2DZ2Y3JI.js";
40
34
  import "../../chunk-CNQ7RNNY.js";
41
35
  import "../../chunk-O3XTRD7R.js";
42
36
  import "../../chunk-25HMMI7R.js";
43
- import "../../chunk-RET725VL.js";
44
- import "../../chunk-B6XJN6EC.js";
45
- import "../../chunk-FYEASFUU.js";
37
+ import "../../chunk-EGEQY3KT.js";
38
+ import "../../chunk-HLOY6BIP.js";
39
+ import "../../chunk-O3T3TM3V.js";
46
40
  import "../../chunk-MIMJ7LON.js";
47
41
  import "../../chunk-IQEEPHOY.js";
48
42
  import "../../chunk-JEHDCZQU.js";
49
43
  import "../../chunk-OHMOP5PV.js";
50
44
  import "../../chunk-OCJNQGHN.js";
51
- import "../../chunk-MMAV5BRZ.js";
52
- import "../../chunk-J242TTFH.js";
45
+ import "../../chunk-Q37G2GS6.js";
46
+ import "../../chunk-VTJZMOSP.js";
47
+ import "../../chunk-P6B2PNYI.js";
53
48
  import "../../chunk-EAXUQEO5.js";
54
49
  import "../../chunk-CZEGRZBK.js";
55
50
  import "../../chunk-ALOPZ54P.js";
56
51
  import "../../chunk-YGL6SWKN.js";
57
52
  import "../../chunk-4Y5BEXVN.js";
53
+ import "../../chunk-RET725VL.js";
54
+ import "../../chunk-B6XJN6EC.js";
55
+ import "../../chunk-FYEASFUU.js";
56
+ import "../../chunk-MMAV5BRZ.js";
57
+ import "../../chunk-J242TTFH.js";
58
58
  import "../../chunk-N552FDTV.js";
59
59
  export {
60
60
  Row
package/dist/molecules/index.js CHANGED
@@ -2,42 +2,34 @@ import "../chunk-WWCWPFEJ.js";
2
2
  import {
3
3
  ExpandTable,
4
4
  createColumnHelper
5
- } from "../chunk-K66WIGIV.js";
5
+ } from "../chunk-JJ5IIAB2.js";
6
6
  import "../chunk-PBPRWY2V.js";
7
- import "../chunk-NDUKDKGB.js";
8
- import "../chunk-BSTJBBEX.js";
9
7
  import "../chunk-MASTHXWN.js";
10
8
  import "../chunk-IIBITN2G.js";
11
- import "../chunk-YJ7ZFOYL.js";
12
- import "../chunk-5ZITU5L7.js";
13
- import "../chunk-ILRUXI2E.js";
14
9
  import "../chunk-JPIZP2PZ.js";
15
- import "../chunk-MUNMDHRF.js";
16
- import "../chunk-TVDKGMBI.js";
17
- import "../chunk-355MU6BH.js";
18
10
  import "../chunk-HYITAA4J.js";
19
11
  import "../chunk-5H3YPCZK.js";
20
12
  import "../chunk-FR2GDOU2.js";
21
13
  import "../chunk-74DX4CU7.js";
22
14
  import "../chunk-OYM4XCHQ.js";
23
- import "../chunk-OZLC6KYP.js";
24
- import "../chunk-5AVBYDPB.js";
25
- import "../chunk-365QMK4D.js";
15
+ import "../chunk-YJ7ZFOYL.js";
16
+ import "../chunk-5ZITU5L7.js";
17
+ import "../chunk-ILRUXI2E.js";
26
18
  import "../chunk-YO3BQW6S.js";
27
19
  import "../chunk-6IVCARWS.js";
28
20
  import "../chunk-6DJOIRMF.js";
29
21
  import "../chunk-FPD73OHW.js";
30
22
  import "../chunk-ZKZDVS7G.js";
31
- import "../chunk-EGEQY3KT.js";
32
- import "../chunk-HLOY6BIP.js";
33
- import "../chunk-O3T3TM3V.js";
34
- import "../chunk-O3DNDMV3.js";
23
+ import "../chunk-MUNMDHRF.js";
24
+ import "../chunk-TVDKGMBI.js";
25
+ import "../chunk-355MU6BH.js";
35
26
  import "../chunk-XQOL7UBI.js";
36
27
  import "../chunk-TULWX7D6.js";
37
28
  import "../chunk-XQOZWYUA.js";
38
- import "../chunk-Q37G2GS6.js";
39
- import "../chunk-VTJZMOSP.js";
40
- import "../chunk-P6B2PNYI.js";
29
+ import "../chunk-OZLC6KYP.js";
30
+ import "../chunk-O3DNDMV3.js";
31
+ import "../chunk-5AVBYDPB.js";
32
+ import "../chunk-365QMK4D.js";
41
33
  import "../chunk-YTZSKMX3.js";
42
34
  import "../chunk-4IKPNQV5.js";
43
35
  import "../chunk-ACVANQJ4.js";
@@ -45,21 +37,29 @@ import "../chunk-2DZ2Y3JI.js";
45
37
  import "../chunk-CNQ7RNNY.js";
46
38
  import "../chunk-O3XTRD7R.js";
47
39
  import "../chunk-25HMMI7R.js";
48
- import "../chunk-RET725VL.js";
49
- import "../chunk-B6XJN6EC.js";
50
- import "../chunk-FYEASFUU.js";
40
+ import "../chunk-EGEQY3KT.js";
41
+ import "../chunk-HLOY6BIP.js";
42
+ import "../chunk-O3T3TM3V.js";
51
43
  import "../chunk-MIMJ7LON.js";
52
44
  import "../chunk-IQEEPHOY.js";
53
45
  import "../chunk-JEHDCZQU.js";
54
46
  import "../chunk-OHMOP5PV.js";
55
47
  import "../chunk-OCJNQGHN.js";
56
- import "../chunk-MMAV5BRZ.js";
57
- import "../chunk-J242TTFH.js";
48
+ import "../chunk-Q37G2GS6.js";
49
+ import "../chunk-VTJZMOSP.js";
50
+ import "../chunk-P6B2PNYI.js";
58
51
  import "../chunk-EAXUQEO5.js";
59
52
  import "../chunk-CZEGRZBK.js";
60
53
  import "../chunk-ALOPZ54P.js";
61
54
  import "../chunk-YGL6SWKN.js";
62
55
  import "../chunk-4Y5BEXVN.js";
56
+ import "../chunk-RET725VL.js";
57
+ import "../chunk-B6XJN6EC.js";
58
+ import "../chunk-FYEASFUU.js";
59
+ import "../chunk-MMAV5BRZ.js";
60
+ import "../chunk-BSTJBBEX.js";
61
+ import "../chunk-NDUKDKGB.js";
62
+ import "../chunk-J242TTFH.js";
63
63
  import "../chunk-N552FDTV.js";
64
64
  export {
65
65
  ExpandTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {
@@ -59,6 +59,7 @@
59
59
  "@tanstack/react-table": "^8.19.3",
60
60
  "echarts-for-react": "^3.0.2",
61
61
  "i": "^0.3.7",
62
+ "lodash-es": "^4.17.21",
62
63
  "npm": "^10.8.2",
63
64
  "postcss-scss": "^4.0.9",
64
65
  "react": "^18.3.1",
@@ -68,6 +69,7 @@
68
69
  },
69
70
  "devDependencies": {
70
71
  "@types/echarts": "^4.9.22",
72
+ "@types/lodash-es": "^4.17.12",
71
73
  "@types/react": "^18.2.61",
72
74
  "@types/react-dom": "^18.2.19",
73
75
  "autoprefixer": "10.4.19",
package/src/chart/chart.tsx CHANGED
@@ -1,7 +1,8 @@
1
- import React from 'react';
1
+ import React, { useMemo } from 'react';
2
2
  import { useResizeDetector } from 'react-resize-detector';
3
3
  import ReactECharts from 'echarts-for-react';
4
4
  import type { EChartOption } from 'echarts';
5
+ import { merge } from 'lodash-es';
5
6
  import chartTheme from './chart-theme.json';
6
7
 
7
8
  export { chartTheme };
@@ -20,7 +21,13 @@ export function Chart(props: ChartProps): JSX.Element {
20
21
  refreshRate: 100,
21
22
  });
22
23
 
23
- const option = { ...props.option, textStyle: { fontFamily: 'Noto Sans KR' } };
24
+ const option = useMemo(() => {
25
+ const baseOption: EChartOption = {
26
+ textStyle: { fontFamily: 'Noto Sans KR' },
27
+ tooltip: { textStyle: { fontSize: 16 } },
28
+ };
29
+ return merge(baseOption, props.option);
30
+ }, [props.option]);
24
31
 
25
32
  return (
26
33
  <div ref={ref} style={{ width: '100%', height: '100%' }}>