@tipp/ui 1.0.7 → 1.0.9

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 (56) hide show
  1. package/dist/atoms/field-error-wrapper.js +2 -2
  2. package/dist/atoms/index.js +45 -45
  3. package/dist/atoms/pagination.js +2 -2
  4. package/dist/charts/chart.cjs +227 -0
  5. package/dist/charts/chart.cjs.map +1 -0
  6. package/dist/charts/chart.d.cts +179 -0
  7. package/dist/charts/chart.d.ts +179 -0
  8. package/dist/charts/chart.js +10 -0
  9. package/dist/charts/chart.js.map +1 -0
  10. package/dist/charts/horizontal-bar-chart.cjs +51 -0
  11. package/dist/charts/horizontal-bar-chart.cjs.map +1 -0
  12. package/dist/charts/horizontal-bar-chart.d.cts +17 -0
  13. package/dist/charts/horizontal-bar-chart.d.ts +17 -0
  14. package/dist/charts/horizontal-bar-chart.js +8 -0
  15. package/dist/charts/horizontal-bar-chart.js.map +1 -0
  16. package/dist/charts/index.cjs +254 -0
  17. package/dist/charts/index.cjs.map +1 -0
  18. package/dist/charts/index.d.cts +5 -0
  19. package/dist/charts/index.d.ts +5 -0
  20. package/dist/charts/index.js +14 -0
  21. package/dist/charts/index.js.map +1 -0
  22. package/dist/charts/vertical-bar-chart.cjs +48 -0
  23. package/dist/charts/vertical-bar-chart.cjs.map +1 -0
  24. package/dist/charts/vertical-bar-chart.d.cts +17 -0
  25. package/dist/charts/vertical-bar-chart.d.ts +17 -0
  26. package/dist/charts/vertical-bar-chart.js +8 -0
  27. package/dist/charts/vertical-bar-chart.js.map +1 -0
  28. package/dist/chunk-7QVMAHXH.js +24 -0
  29. package/dist/chunk-7QVMAHXH.js.map +1 -0
  30. package/dist/chunk-EUS56L3L.js +180 -0
  31. package/dist/chunk-EUS56L3L.js.map +1 -0
  32. package/dist/chunk-GKHTWD7W.js +24 -0
  33. package/dist/chunk-GKHTWD7W.js.map +1 -0
  34. package/dist/chunk-KD2BVMEX.js +119 -0
  35. package/dist/chunk-KD2BVMEX.js.map +1 -0
  36. package/dist/chunk-QOY42XM2.js +59 -0
  37. package/dist/chunk-QOY42XM2.js.map +1 -0
  38. package/dist/chunk-R6PYUH56.js +104 -0
  39. package/dist/chunk-R6PYUH56.js.map +1 -0
  40. package/dist/chunk-SDAJ6NLJ.js +24 -0
  41. package/dist/chunk-SDAJ6NLJ.js.map +1 -0
  42. package/dist/chunk-SGMO4KBC.js +27 -0
  43. package/dist/chunk-SGMO4KBC.js.map +1 -0
  44. package/dist/chunk-TG7PURWS.js +18 -0
  45. package/dist/chunk-TG7PURWS.js.map +1 -0
  46. package/dist/index.css +27 -0
  47. package/dist/index.js +51 -51
  48. package/dist/molecules/expand-table/index.js +21 -21
  49. package/dist/molecules/expand-table/row.js +19 -19
  50. package/dist/molecules/index.js +22 -22
  51. package/dist/molecules/navigation.js +20 -20
  52. package/package.json +18 -18
  53. package/src/charts/horizontal-bar-chart.tsx +35 -0
  54. package/src/charts/index.ts +2 -0
  55. /package/src/{chart → charts}/chart-theme.json +0 -0
  56. /package/src/{chart → charts}/chart.tsx +0 -0
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  FieldErrorWrapper
3
- } from "../chunk-CNQ7RNNY.js";
4
- import "../chunk-O3XTRD7R.js";
3
+ } from "../chunk-CHHLIPDN.js";
5
4
  import "../chunk-25HMMI7R.js";
5
+ import "../chunk-O3XTRD7R.js";
6
6
  import "../chunk-N552FDTV.js";
7
7
  export {
8
8
  FieldErrorWrapper
@@ -2,6 +2,15 @@ import "../chunk-MASTHXWN.js";
2
2
  import {
3
3
  DatePicker
4
4
  } from "../chunk-IIBITN2G.js";
5
+ import {
6
+ Spinner
7
+ } from "../chunk-FR2GDOU2.js";
8
+ import {
9
+ Strong
10
+ } from "../chunk-74DX4CU7.js";
11
+ import {
12
+ Switch
13
+ } from "../chunk-OYM4XCHQ.js";
5
14
  import {
6
15
  TabNav
7
16
  } from "../chunk-YJ7ZFOYL.js";
@@ -14,6 +23,15 @@ import {
14
23
  import {
15
24
  TextField
16
25
  } from "../chunk-JPIZP2PZ.js";
26
+ import {
27
+ RadioGroup
28
+ } from "../chunk-6DJOIRMF.js";
29
+ import {
30
+ Radio
31
+ } from "../chunk-FPD73OHW.js";
32
+ import {
33
+ ScrollArea
34
+ } from "../chunk-ZKZDVS7G.js";
17
35
  import {
18
36
  Section
19
37
  } from "../chunk-MUNMDHRF.js";
@@ -30,17 +48,17 @@ import {
30
48
  Skeleton
31
49
  } from "../chunk-5H3YPCZK.js";
32
50
  import {
33
- Spinner
34
- } from "../chunk-FR2GDOU2.js";
51
+ Inset
52
+ } from "../chunk-XQOL7UBI.js";
35
53
  import {
36
- Strong
37
- } from "../chunk-74DX4CU7.js";
54
+ Kbd
55
+ } from "../chunk-TULWX7D6.js";
38
56
  import {
39
- Switch
40
- } from "../chunk-OYM4XCHQ.js";
57
+ Link
58
+ } from "../chunk-XQOZWYUA.js";
41
59
  import {
42
60
  Pagination
43
- } from "../chunk-LPUSIN3M.js";
61
+ } from "../chunk-R6PYUH56.js";
44
62
  import {
45
63
  Popover
46
64
  } from "../chunk-5AVBYDPB.js";
@@ -54,14 +72,14 @@ import {
54
72
  RadioCards
55
73
  } from "../chunk-6IVCARWS.js";
56
74
  import {
57
- RadioGroup
58
- } from "../chunk-6DJOIRMF.js";
75
+ Em
76
+ } from "../chunk-2DZ2Y3JI.js";
59
77
  import {
60
- Radio
61
- } from "../chunk-FPD73OHW.js";
78
+ FieldErrorWrapper
79
+ } from "../chunk-CHHLIPDN.js";
62
80
  import {
63
- ScrollArea
64
- } from "../chunk-ZKZDVS7G.js";
81
+ Flex
82
+ } from "../chunk-25HMMI7R.js";
65
83
  import {
66
84
  Grid
67
85
  } from "../chunk-EGEQY3KT.js";
@@ -75,14 +93,14 @@ import {
75
93
  IconButton
76
94
  } from "../chunk-O3DNDMV3.js";
77
95
  import {
78
- Inset
79
- } from "../chunk-XQOL7UBI.js";
96
+ Checkbox
97
+ } from "../chunk-JEHDCZQU.js";
80
98
  import {
81
- Kbd
82
- } from "../chunk-TULWX7D6.js";
99
+ Code
100
+ } from "../chunk-OHMOP5PV.js";
83
101
  import {
84
- Link
85
- } from "../chunk-XQOZWYUA.js";
102
+ Collapse
103
+ } from "../chunk-OCJNQGHN.js";
86
104
  import {
87
105
  Container
88
106
  } from "../chunk-Q37G2GS6.js";
@@ -101,18 +119,18 @@ import {
101
119
  import {
102
120
  Tooltip
103
121
  } from "../chunk-ACVANQJ4.js";
104
- import {
105
- Em
106
- } from "../chunk-2DZ2Y3JI.js";
107
- import {
108
- FieldErrorWrapper
109
- } from "../chunk-CNQ7RNNY.js";
110
122
  import {
111
123
  Typo
112
124
  } from "../chunk-O3XTRD7R.js";
113
125
  import {
114
- Flex
115
- } from "../chunk-25HMMI7R.js";
126
+ Badge
127
+ } from "../chunk-ALOPZ54P.js";
128
+ import {
129
+ Blockquote
130
+ } from "../chunk-YGL6SWKN.js";
131
+ import {
132
+ Box
133
+ } from "../chunk-4Y5BEXVN.js";
116
134
  import {
117
135
  Button
118
136
  } from "../chunk-AQX7DQLI.js";
@@ -128,15 +146,6 @@ import {
128
146
  import {
129
147
  CheckboxGroup
130
148
  } from "../chunk-IQEEPHOY.js";
131
- import {
132
- Checkbox
133
- } from "../chunk-JEHDCZQU.js";
134
- import {
135
- Code
136
- } from "../chunk-OHMOP5PV.js";
137
- import {
138
- Collapse
139
- } from "../chunk-OCJNQGHN.js";
140
149
  import "../chunk-EK4ZFDYD.js";
141
150
  import {
142
151
  AlertDialog
@@ -147,15 +156,6 @@ import {
147
156
  import {
148
157
  Avatar
149
158
  } from "../chunk-CZEGRZBK.js";
150
- import {
151
- Badge
152
- } from "../chunk-ALOPZ54P.js";
153
- import {
154
- Blockquote
155
- } from "../chunk-YGL6SWKN.js";
156
- import {
157
- Box
158
- } from "../chunk-4Y5BEXVN.js";
159
159
  import "../chunk-N552FDTV.js";
160
160
  export {
161
161
  AlertDialog,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Pagination
3
- } from "../chunk-LPUSIN3M.js";
3
+ } from "../chunk-R6PYUH56.js";
4
+ import "../chunk-25HMMI7R.js";
4
5
  import "../chunk-O3DNDMV3.js";
5
6
  import "../chunk-O3XTRD7R.js";
6
- import "../chunk-25HMMI7R.js";
7
7
  import "../chunk-EK4ZFDYD.js";
8
8
  import "../chunk-N552FDTV.js";
9
9
  export {
@@ -0,0 +1,227 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __defProps = Object.defineProperties;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
+ var __getProtoOf = Object.getPrototypeOf;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
+ var __export = (target, all) => {
26
+ for (var name in all)
27
+ __defProp(target, name, { get: all[name], enumerable: true });
28
+ };
29
+ var __copyProps = (to, from, except, desc) => {
30
+ if (from && typeof from === "object" || typeof from === "function") {
31
+ for (let key of __getOwnPropNames(from))
32
+ if (!__hasOwnProp.call(to, key) && key !== except)
33
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
34
+ }
35
+ return to;
36
+ };
37
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
38
+ // If the importer is in node compatibility mode or this is not an ESM
39
+ // file that has been converted to a CommonJS file using a Babel-
40
+ // compatible transform (i.e. "__esModule" has not been set), then set
41
+ // "default" to the CommonJS "module.exports" for node compatibility.
42
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
43
+ mod
44
+ ));
45
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
46
+
47
+ // src/charts/chart.tsx
48
+ var chart_exports = {};
49
+ __export(chart_exports, {
50
+ Chart: () => Chart,
51
+ chartTheme: () => chart_theme_default
52
+ });
53
+ module.exports = __toCommonJS(chart_exports);
54
+ var import_react = require("react");
55
+ var import_react_resize_detector = require("react-resize-detector");
56
+ var import_echarts_for_react = __toESM(require("echarts-for-react"), 1);
57
+ var import_lodash_es = require("lodash-es");
58
+
59
+ // src/charts/chart-theme.json
60
+ var chart_theme_default = {
61
+ version: 1,
62
+ themeName: "customed",
63
+ theme: {
64
+ seriesCnt: "5",
65
+ backgroundColor: "rgba(0,0,0,0)",
66
+ titleColor: "#1c2024",
67
+ subtitleColor: "#8d8d8d",
68
+ textColorShow: false,
69
+ textColor: "#333",
70
+ markTextColor: "#ffffff",
71
+ color: [
72
+ "#ffe629",
73
+ "#3e63dd",
74
+ "#ec9455",
75
+ "#5bb98b",
76
+ "#cb1d63",
77
+ "#3ba272",
78
+ "#fc8452",
79
+ "#9a60b4",
80
+ "#ea7ccc"
81
+ ],
82
+ borderColor: "#8d8d8d",
83
+ borderWidth: 0,
84
+ visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
85
+ legendTextColor: "#1c2024",
86
+ kColor: "#eb5454",
87
+ kColor0: "#47b262",
88
+ kBorderColor: "#eb5454",
89
+ kBorderColor0: "#47b262",
90
+ kBorderWidth: 1,
91
+ lineWidth: 2,
92
+ symbolSize: 4,
93
+ symbol: "emptyCircle",
94
+ symbolBorderWidth: 1,
95
+ lineSmooth: false,
96
+ graphLineWidth: 1,
97
+ graphLineColor: "#aaa",
98
+ mapLabelColor: "#000",
99
+ mapLabelColorE: "rgb(100,0,0)",
100
+ mapBorderColor: "#444",
101
+ mapBorderColorE: "#444",
102
+ mapBorderWidth: 0.5,
103
+ mapBorderWidthE: 1,
104
+ mapAreaColor: "#eee",
105
+ mapAreaColorE: "rgba(255,215,0,0.8)",
106
+ axes: [
107
+ {
108
+ type: "all",
109
+ name: "\u901A\u7528\u5750\u6807\u8F74",
110
+ axisLineShow: true,
111
+ axisLineColor: "#6E7079",
112
+ axisTickShow: true,
113
+ axisTickColor: "#6E7079",
114
+ axisLabelShow: true,
115
+ axisLabelColor: "#6E7079",
116
+ splitLineShow: true,
117
+ splitLineColor: ["#E0E6F1"],
118
+ splitAreaShow: false,
119
+ splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
120
+ },
121
+ {
122
+ type: "category",
123
+ name: "\u7C7B\u76EE\u5750\u6807\u8F74",
124
+ axisLineShow: true,
125
+ axisLineColor: "#6E7079",
126
+ axisTickShow: true,
127
+ axisTickColor: "#6E7079",
128
+ axisLabelShow: true,
129
+ axisLabelColor: "#6E7079",
130
+ splitLineShow: false,
131
+ splitLineColor: ["#E0E6F1"],
132
+ splitAreaShow: false,
133
+ splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
134
+ },
135
+ {
136
+ type: "value",
137
+ name: "\u6570\u503C\u5750\u6807\u8F74",
138
+ axisLineShow: false,
139
+ axisLineColor: "#6E7079",
140
+ axisTickShow: false,
141
+ axisTickColor: "#6E7079",
142
+ axisLabelShow: true,
143
+ axisLabelColor: "#6E7079",
144
+ splitLineShow: true,
145
+ splitLineColor: ["#E0E6F1"],
146
+ splitAreaShow: false,
147
+ splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
148
+ },
149
+ {
150
+ type: "log",
151
+ name: "\u5BF9\u6570\u5750\u6807\u8F74",
152
+ axisLineShow: false,
153
+ axisLineColor: "#6E7079",
154
+ axisTickShow: false,
155
+ axisTickColor: "#6E7079",
156
+ axisLabelShow: true,
157
+ axisLabelColor: "#6E7079",
158
+ splitLineShow: true,
159
+ splitLineColor: ["#E0E6F1"],
160
+ splitAreaShow: false,
161
+ splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
162
+ },
163
+ {
164
+ type: "time",
165
+ name: "\u65F6\u95F4\u5750\u6807\u8F74",
166
+ axisLineShow: true,
167
+ axisLineColor: "#6E7079",
168
+ axisTickShow: true,
169
+ axisTickColor: "#6E7079",
170
+ axisLabelShow: true,
171
+ axisLabelColor: "#6E7079",
172
+ splitLineShow: false,
173
+ splitLineColor: ["#E0E6F1"],
174
+ splitAreaShow: false,
175
+ splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
176
+ }
177
+ ],
178
+ axisSeperateSetting: true,
179
+ toolboxColor: "#8d8d8d",
180
+ toolboxEmphasisColor: "#1c2024",
181
+ tooltipAxisColor: "#cccccc",
182
+ tooltipAxisWidth: 1,
183
+ timelineLineColor: "#dae1f5",
184
+ timelineLineWidth: 2,
185
+ timelineItemColor: "#a4b1d7",
186
+ timelineItemColorE: "#ffffff",
187
+ timelineCheckColor: "#316bf3",
188
+ timelineCheckBorderColor: "#ffffff",
189
+ timelineItemBorderWidth: 1,
190
+ timelineControlColor: "#a4b1d7",
191
+ timelineControlBorderColor: "#a4b1d7",
192
+ timelineControlBorderWidth: 1,
193
+ timelineLabelColor: "#a4b1d7"
194
+ }
195
+ };
196
+
197
+ // src/charts/chart.tsx
198
+ var import_jsx_runtime = require("react/jsx-runtime");
199
+ function Chart(props) {
200
+ const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
201
+ handleHeight: false,
202
+ refreshMode: "debounce",
203
+ refreshRate: 100
204
+ });
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]);
212
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
213
+ import_echarts_for_react.default,
214
+ __spreadProps(__spreadValues({
215
+ style: { width, height },
216
+ theme: chart_theme_default
217
+ }, props), {
218
+ option
219
+ })
220
+ ) });
221
+ }
222
+ // Annotate the CommonJS export names for ESM import in node:
223
+ 0 && (module.exports = {
224
+ Chart,
225
+ chartTheme
226
+ });
227
+ //# sourceMappingURL=chart.cjs.map
@@ -0,0 +1 @@
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 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"]}
@@ -0,0 +1,179 @@
1
+ import React__default from 'react';
2
+ import ReactECharts from 'echarts-for-react';
3
+ import { EChartOption } from 'echarts';
4
+
5
+ var version = 1;
6
+ var themeName = "customed";
7
+ var theme = {
8
+ seriesCnt: "5",
9
+ backgroundColor: "rgba(0,0,0,0)",
10
+ titleColor: "#1c2024",
11
+ subtitleColor: "#8d8d8d",
12
+ textColorShow: false,
13
+ textColor: "#333",
14
+ markTextColor: "#ffffff",
15
+ color: [
16
+ "#ffe629",
17
+ "#3e63dd",
18
+ "#ec9455",
19
+ "#5bb98b",
20
+ "#cb1d63",
21
+ "#3ba272",
22
+ "#fc8452",
23
+ "#9a60b4",
24
+ "#ea7ccc"
25
+ ],
26
+ borderColor: "#8d8d8d",
27
+ borderWidth: 0,
28
+ visualMapColor: [
29
+ "#bf444c",
30
+ "#d88273",
31
+ "#f6efa6"
32
+ ],
33
+ legendTextColor: "#1c2024",
34
+ kColor: "#eb5454",
35
+ kColor0: "#47b262",
36
+ kBorderColor: "#eb5454",
37
+ kBorderColor0: "#47b262",
38
+ kBorderWidth: 1,
39
+ lineWidth: 2,
40
+ symbolSize: 4,
41
+ symbol: "emptyCircle",
42
+ symbolBorderWidth: 1,
43
+ lineSmooth: false,
44
+ graphLineWidth: 1,
45
+ graphLineColor: "#aaa",
46
+ mapLabelColor: "#000",
47
+ mapLabelColorE: "rgb(100,0,0)",
48
+ mapBorderColor: "#444",
49
+ mapBorderColorE: "#444",
50
+ mapBorderWidth: 0.5,
51
+ mapBorderWidthE: 1,
52
+ mapAreaColor: "#eee",
53
+ mapAreaColorE: "rgba(255,215,0,0.8)",
54
+ axes: [
55
+ {
56
+ type: "all",
57
+ name: "通用坐标轴",
58
+ axisLineShow: true,
59
+ axisLineColor: "#6E7079",
60
+ axisTickShow: true,
61
+ axisTickColor: "#6E7079",
62
+ axisLabelShow: true,
63
+ axisLabelColor: "#6E7079",
64
+ splitLineShow: true,
65
+ splitLineColor: [
66
+ "#E0E6F1"
67
+ ],
68
+ splitAreaShow: false,
69
+ splitAreaColor: [
70
+ "rgba(250,250,250,0.2)",
71
+ "rgba(210,219,238,0.2)"
72
+ ]
73
+ },
74
+ {
75
+ type: "category",
76
+ name: "类目坐标轴",
77
+ axisLineShow: true,
78
+ axisLineColor: "#6E7079",
79
+ axisTickShow: true,
80
+ axisTickColor: "#6E7079",
81
+ axisLabelShow: true,
82
+ axisLabelColor: "#6E7079",
83
+ splitLineShow: false,
84
+ splitLineColor: [
85
+ "#E0E6F1"
86
+ ],
87
+ splitAreaShow: false,
88
+ splitAreaColor: [
89
+ "rgba(250,250,250,0.2)",
90
+ "rgba(210,219,238,0.2)"
91
+ ]
92
+ },
93
+ {
94
+ type: "value",
95
+ name: "数值坐标轴",
96
+ axisLineShow: false,
97
+ axisLineColor: "#6E7079",
98
+ axisTickShow: false,
99
+ axisTickColor: "#6E7079",
100
+ axisLabelShow: true,
101
+ axisLabelColor: "#6E7079",
102
+ splitLineShow: true,
103
+ splitLineColor: [
104
+ "#E0E6F1"
105
+ ],
106
+ splitAreaShow: false,
107
+ splitAreaColor: [
108
+ "rgba(250,250,250,0.2)",
109
+ "rgba(210,219,238,0.2)"
110
+ ]
111
+ },
112
+ {
113
+ type: "log",
114
+ name: "对数坐标轴",
115
+ axisLineShow: false,
116
+ axisLineColor: "#6E7079",
117
+ axisTickShow: false,
118
+ axisTickColor: "#6E7079",
119
+ axisLabelShow: true,
120
+ axisLabelColor: "#6E7079",
121
+ splitLineShow: true,
122
+ splitLineColor: [
123
+ "#E0E6F1"
124
+ ],
125
+ splitAreaShow: false,
126
+ splitAreaColor: [
127
+ "rgba(250,250,250,0.2)",
128
+ "rgba(210,219,238,0.2)"
129
+ ]
130
+ },
131
+ {
132
+ type: "time",
133
+ name: "时间坐标轴",
134
+ axisLineShow: true,
135
+ axisLineColor: "#6E7079",
136
+ axisTickShow: true,
137
+ axisTickColor: "#6E7079",
138
+ axisLabelShow: true,
139
+ axisLabelColor: "#6E7079",
140
+ splitLineShow: false,
141
+ splitLineColor: [
142
+ "#E0E6F1"
143
+ ],
144
+ splitAreaShow: false,
145
+ splitAreaColor: [
146
+ "rgba(250,250,250,0.2)",
147
+ "rgba(210,219,238,0.2)"
148
+ ]
149
+ }
150
+ ],
151
+ axisSeperateSetting: true,
152
+ toolboxColor: "#8d8d8d",
153
+ toolboxEmphasisColor: "#1c2024",
154
+ tooltipAxisColor: "#cccccc",
155
+ tooltipAxisWidth: 1,
156
+ timelineLineColor: "#dae1f5",
157
+ timelineLineWidth: 2,
158
+ timelineItemColor: "#a4b1d7",
159
+ timelineItemColorE: "#ffffff",
160
+ timelineCheckColor: "#316bf3",
161
+ timelineCheckBorderColor: "#ffffff",
162
+ timelineItemBorderWidth: 1,
163
+ timelineControlColor: "#a4b1d7",
164
+ timelineControlBorderColor: "#a4b1d7",
165
+ timelineControlBorderWidth: 1,
166
+ timelineLabelColor: "#a4b1d7"
167
+ };
168
+ var chartTheme = {
169
+ version: version,
170
+ themeName: themeName,
171
+ theme: theme
172
+ };
173
+
174
+ type ChartProps = Omit<React__default.ComponentProps<typeof ReactECharts>, 'option'> & {
175
+ option: EChartOption;
176
+ };
177
+ declare function Chart(props: ChartProps): JSX.Element;
178
+
179
+ export { Chart, type ChartProps, chartTheme };