@tipp/ui 1.0.35 → 1.0.37
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.
- package/dist/charts/{chart.cjs → chart-default-props.cjs} +16 -83
- package/dist/charts/chart-default-props.cjs.map +1 -0
- package/dist/charts/chart-default-props.d.cts +85 -0
- package/dist/charts/chart-default-props.d.ts +85 -0
- package/dist/charts/chart-default-props.js +8 -0
- package/dist/charts/index.cjs +35 -104
- package/dist/charts/index.cjs.map +1 -1
- package/dist/charts/index.d.cts +1 -4
- package/dist/charts/index.d.ts +1 -4
- package/dist/charts/index.js +4 -8
- package/dist/{chunk-67K6SKIG.js → chunk-2QFSCWES.js} +12 -2
- package/dist/chunk-2QFSCWES.js.map +1 -0
- package/dist/{chunk-OCDOKW5S.js → chunk-KO2GTLZU.js} +7 -7
- package/dist/{chunk-6PO4YCXF.js → chunk-PMZKJZHU.js} +4 -4
- package/dist/chunk-PMZKJZHU.js.map +1 -0
- package/dist/chunk-PRQ7MDRT.js +119 -0
- package/dist/chunk-PRQ7MDRT.js.map +1 -0
- package/dist/chunk-REALQMTZ.js +117 -0
- package/dist/chunk-REALQMTZ.js.map +1 -0
- package/dist/index.cjs +33 -75
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -5
- package/dist/index.d.ts +2 -5
- package/dist/index.js +15 -19
- package/dist/molecules/expand-table/index.cjs.map +1 -1
- package/dist/molecules/expand-table/index.d.cts +1 -1
- package/dist/molecules/expand-table/index.d.ts +1 -1
- package/dist/molecules/expand-table/index.js +2 -2
- package/dist/molecules/index.cjs.map +1 -1
- package/dist/molecules/index.d.cts +1 -1
- package/dist/molecules/index.d.ts +1 -1
- package/dist/molecules/index.js +5 -5
- package/package.json +1 -6
- package/src/charts/chart-default-props.tsx +10 -0
- package/src/charts/index.ts +1 -1
- package/src/molecules/expand-table/index.tsx +7 -2
- package/dist/chart-theme-BLAIiQPs.d.cts +0 -170
- package/dist/chart-theme-BLAIiQPs.d.ts +0 -170
- package/dist/charts/chart-test.cjs +0 -245
- package/dist/charts/chart-test.cjs.map +0 -1
- package/dist/charts/chart-test.d.cts +0 -11
- package/dist/charts/chart-test.d.ts +0 -11
- package/dist/charts/chart-test.js +0 -68
- package/dist/charts/chart-test.js.map +0 -1
- package/dist/charts/chart.cjs.map +0 -1
- package/dist/charts/chart.d.cts +0 -11
- package/dist/charts/chart.d.ts +0 -11
- package/dist/charts/chart.js +0 -12
- package/dist/chunk-5XILGULJ.js +0 -38
- package/dist/chunk-5XILGULJ.js.map +0 -1
- package/dist/chunk-67K6SKIG.js.map +0 -1
- package/dist/chunk-HRSVVVYJ.js +0 -49
- package/dist/chunk-HRSVVVYJ.js.map +0 -1
- package/dist/chunk-KOKLC6X2.js +0 -49
- package/dist/chunk-KOKLC6X2.js.map +0 -1
- package/dist/chunk-OCDOKW5S.js.map +0 -1
- package/dist/chunk-UZUVEVLC.js +0 -68
- package/dist/chunk-UZUVEVLC.js.map +0 -1
- package/src/charts/chart-test.tsx +0 -90
- package/src/charts/chart.tsx +0 -90
- /package/dist/charts/{chart.js.map → chart-default-props.js.map} +0 -0
- /package/dist/{chunk-6PO4YCXF.js.map → chunk-KO2GTLZU.js.map} +0 -0
|
@@ -1,27 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
10
5
|
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
6
|
var __export = (target, all) => {
|
|
26
7
|
for (var name in all)
|
|
27
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -34,31 +15,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
34
15
|
}
|
|
35
16
|
return to;
|
|
36
17
|
};
|
|
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
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
46
19
|
|
|
47
|
-
// src/charts/chart.tsx
|
|
48
|
-
var
|
|
49
|
-
__export(
|
|
50
|
-
|
|
51
|
-
chartTheme: () => chart_theme_default
|
|
20
|
+
// src/charts/chart-default-props.tsx
|
|
21
|
+
var chart_default_props_exports = {};
|
|
22
|
+
__export(chart_default_props_exports, {
|
|
23
|
+
EchartDefaultProps: () => EchartDefaultProps
|
|
52
24
|
});
|
|
53
|
-
module.exports = __toCommonJS(
|
|
54
|
-
var import_react = require("react");
|
|
55
|
-
var import_react_resize_detector = require("react-resize-detector");
|
|
56
|
-
var import_lodash_es = require("lodash-es");
|
|
57
|
-
var echarts = __toESM(require("echarts/core"), 1);
|
|
58
|
-
var import_core = __toESM(require("echarts-for-react/lib/core"), 1);
|
|
59
|
-
var import_charts = require("echarts/charts");
|
|
60
|
-
var import_renderers = require("echarts/renderers");
|
|
61
|
-
var import_components = require("echarts/components");
|
|
25
|
+
module.exports = __toCommonJS(chart_default_props_exports);
|
|
62
26
|
|
|
63
27
|
// src/charts/chart-theme.json
|
|
64
28
|
var chart_theme_default = {
|
|
@@ -198,48 +162,17 @@ var chart_theme_default = {
|
|
|
198
162
|
}
|
|
199
163
|
};
|
|
200
164
|
|
|
201
|
-
// src/charts/chart.tsx
|
|
202
|
-
var
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
import_components.ToolboxComponent,
|
|
211
|
-
import_components.AriaComponent,
|
|
212
|
-
import_components.AxisPointerComponent,
|
|
213
|
-
import_components.GridSimpleComponent
|
|
214
|
-
]);
|
|
215
|
-
function Chart(props) {
|
|
216
|
-
const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
|
|
217
|
-
handleHeight: false,
|
|
218
|
-
refreshMode: "debounce",
|
|
219
|
-
refreshRate: 100
|
|
220
|
-
});
|
|
221
|
-
const option = (0, import_react.useMemo)(() => {
|
|
222
|
-
const baseOption = {
|
|
223
|
-
textStyle: { fontFamily: "Noto Sans KR" },
|
|
224
|
-
tooltip: { textStyle: { fontSize: 16 } }
|
|
225
|
-
};
|
|
226
|
-
return (0, import_lodash_es.merge)(baseOption, props.option);
|
|
227
|
-
}, [props.option]);
|
|
228
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
229
|
-
import_core.default,
|
|
230
|
-
__spreadProps(__spreadValues({
|
|
231
|
-
echarts,
|
|
232
|
-
opts: { renderer: "svg" },
|
|
233
|
-
style: { height, width },
|
|
234
|
-
theme: chart_theme_default
|
|
235
|
-
}, props), {
|
|
236
|
-
option
|
|
237
|
-
})
|
|
238
|
-
) });
|
|
239
|
-
}
|
|
165
|
+
// src/charts/chart-default-props.tsx
|
|
166
|
+
var EchartDefaultProps = {
|
|
167
|
+
opts: { renderer: "svg" },
|
|
168
|
+
theme: chart_theme_default,
|
|
169
|
+
option: {
|
|
170
|
+
textStyle: { fontFamily: "Noto Sans KR" },
|
|
171
|
+
tooltip: { textStyle: { fontSize: 16 } }
|
|
172
|
+
}
|
|
173
|
+
};
|
|
240
174
|
// Annotate the CommonJS export names for ESM import in node:
|
|
241
175
|
0 && (module.exports = {
|
|
242
|
-
|
|
243
|
-
chartTheme
|
|
176
|
+
EchartDefaultProps
|
|
244
177
|
});
|
|
245
|
-
//# sourceMappingURL=chart.cjs.map
|
|
178
|
+
//# sourceMappingURL=chart-default-props.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/charts/chart-default-props.tsx","../../src/charts/chart-theme.json"],"sourcesContent":["import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n opts: { renderer: 'svg' as const },\n theme: chartTheme,\n option: {\n textStyle: { fontFamily: 'Noto Sans KR' },\n tooltip: { textStyle: { fontSize: 16 } },\n },\n} as const;\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":[]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
declare const EchartDefaultProps: {
|
|
2
|
+
readonly opts: {
|
|
3
|
+
readonly renderer: "svg";
|
|
4
|
+
};
|
|
5
|
+
readonly theme: {
|
|
6
|
+
version: number;
|
|
7
|
+
themeName: string;
|
|
8
|
+
theme: {
|
|
9
|
+
seriesCnt: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
titleColor: string;
|
|
12
|
+
subtitleColor: string;
|
|
13
|
+
textColorShow: boolean;
|
|
14
|
+
textColor: string;
|
|
15
|
+
markTextColor: string;
|
|
16
|
+
color: string[];
|
|
17
|
+
borderColor: string;
|
|
18
|
+
borderWidth: number;
|
|
19
|
+
visualMapColor: string[];
|
|
20
|
+
legendTextColor: string;
|
|
21
|
+
kColor: string;
|
|
22
|
+
kColor0: string;
|
|
23
|
+
kBorderColor: string;
|
|
24
|
+
kBorderColor0: string;
|
|
25
|
+
kBorderWidth: number;
|
|
26
|
+
lineWidth: number;
|
|
27
|
+
symbolSize: number;
|
|
28
|
+
symbol: string;
|
|
29
|
+
symbolBorderWidth: number;
|
|
30
|
+
lineSmooth: boolean;
|
|
31
|
+
graphLineWidth: number;
|
|
32
|
+
graphLineColor: string;
|
|
33
|
+
mapLabelColor: string;
|
|
34
|
+
mapLabelColorE: string;
|
|
35
|
+
mapBorderColor: string;
|
|
36
|
+
mapBorderColorE: string;
|
|
37
|
+
mapBorderWidth: number;
|
|
38
|
+
mapBorderWidthE: number;
|
|
39
|
+
mapAreaColor: string;
|
|
40
|
+
mapAreaColorE: string;
|
|
41
|
+
axes: {
|
|
42
|
+
type: string;
|
|
43
|
+
name: string;
|
|
44
|
+
axisLineShow: boolean;
|
|
45
|
+
axisLineColor: string;
|
|
46
|
+
axisTickShow: boolean;
|
|
47
|
+
axisTickColor: string;
|
|
48
|
+
axisLabelShow: boolean;
|
|
49
|
+
axisLabelColor: string;
|
|
50
|
+
splitLineShow: boolean;
|
|
51
|
+
splitLineColor: string[];
|
|
52
|
+
splitAreaShow: boolean;
|
|
53
|
+
splitAreaColor: string[];
|
|
54
|
+
}[];
|
|
55
|
+
axisSeperateSetting: boolean;
|
|
56
|
+
toolboxColor: string;
|
|
57
|
+
toolboxEmphasisColor: string;
|
|
58
|
+
tooltipAxisColor: string;
|
|
59
|
+
tooltipAxisWidth: number;
|
|
60
|
+
timelineLineColor: string;
|
|
61
|
+
timelineLineWidth: number;
|
|
62
|
+
timelineItemColor: string;
|
|
63
|
+
timelineItemColorE: string;
|
|
64
|
+
timelineCheckColor: string;
|
|
65
|
+
timelineCheckBorderColor: string;
|
|
66
|
+
timelineItemBorderWidth: number;
|
|
67
|
+
timelineControlColor: string;
|
|
68
|
+
timelineControlBorderColor: string;
|
|
69
|
+
timelineControlBorderWidth: number;
|
|
70
|
+
timelineLabelColor: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
readonly option: {
|
|
74
|
+
readonly textStyle: {
|
|
75
|
+
readonly fontFamily: "Noto Sans KR";
|
|
76
|
+
};
|
|
77
|
+
readonly tooltip: {
|
|
78
|
+
readonly textStyle: {
|
|
79
|
+
readonly fontSize: 16;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export { EchartDefaultProps };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
declare const EchartDefaultProps: {
|
|
2
|
+
readonly opts: {
|
|
3
|
+
readonly renderer: "svg";
|
|
4
|
+
};
|
|
5
|
+
readonly theme: {
|
|
6
|
+
version: number;
|
|
7
|
+
themeName: string;
|
|
8
|
+
theme: {
|
|
9
|
+
seriesCnt: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
titleColor: string;
|
|
12
|
+
subtitleColor: string;
|
|
13
|
+
textColorShow: boolean;
|
|
14
|
+
textColor: string;
|
|
15
|
+
markTextColor: string;
|
|
16
|
+
color: string[];
|
|
17
|
+
borderColor: string;
|
|
18
|
+
borderWidth: number;
|
|
19
|
+
visualMapColor: string[];
|
|
20
|
+
legendTextColor: string;
|
|
21
|
+
kColor: string;
|
|
22
|
+
kColor0: string;
|
|
23
|
+
kBorderColor: string;
|
|
24
|
+
kBorderColor0: string;
|
|
25
|
+
kBorderWidth: number;
|
|
26
|
+
lineWidth: number;
|
|
27
|
+
symbolSize: number;
|
|
28
|
+
symbol: string;
|
|
29
|
+
symbolBorderWidth: number;
|
|
30
|
+
lineSmooth: boolean;
|
|
31
|
+
graphLineWidth: number;
|
|
32
|
+
graphLineColor: string;
|
|
33
|
+
mapLabelColor: string;
|
|
34
|
+
mapLabelColorE: string;
|
|
35
|
+
mapBorderColor: string;
|
|
36
|
+
mapBorderColorE: string;
|
|
37
|
+
mapBorderWidth: number;
|
|
38
|
+
mapBorderWidthE: number;
|
|
39
|
+
mapAreaColor: string;
|
|
40
|
+
mapAreaColorE: string;
|
|
41
|
+
axes: {
|
|
42
|
+
type: string;
|
|
43
|
+
name: string;
|
|
44
|
+
axisLineShow: boolean;
|
|
45
|
+
axisLineColor: string;
|
|
46
|
+
axisTickShow: boolean;
|
|
47
|
+
axisTickColor: string;
|
|
48
|
+
axisLabelShow: boolean;
|
|
49
|
+
axisLabelColor: string;
|
|
50
|
+
splitLineShow: boolean;
|
|
51
|
+
splitLineColor: string[];
|
|
52
|
+
splitAreaShow: boolean;
|
|
53
|
+
splitAreaColor: string[];
|
|
54
|
+
}[];
|
|
55
|
+
axisSeperateSetting: boolean;
|
|
56
|
+
toolboxColor: string;
|
|
57
|
+
toolboxEmphasisColor: string;
|
|
58
|
+
tooltipAxisColor: string;
|
|
59
|
+
tooltipAxisWidth: number;
|
|
60
|
+
timelineLineColor: string;
|
|
61
|
+
timelineLineWidth: number;
|
|
62
|
+
timelineItemColor: string;
|
|
63
|
+
timelineItemColorE: string;
|
|
64
|
+
timelineCheckColor: string;
|
|
65
|
+
timelineCheckBorderColor: string;
|
|
66
|
+
timelineItemBorderWidth: number;
|
|
67
|
+
timelineControlColor: string;
|
|
68
|
+
timelineControlBorderColor: string;
|
|
69
|
+
timelineControlBorderWidth: number;
|
|
70
|
+
timelineLabelColor: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
readonly option: {
|
|
74
|
+
readonly textStyle: {
|
|
75
|
+
readonly fontFamily: "Noto Sans KR";
|
|
76
|
+
};
|
|
77
|
+
readonly tooltip: {
|
|
78
|
+
readonly textStyle: {
|
|
79
|
+
readonly fontSize: 16;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export { EchartDefaultProps };
|
package/dist/charts/index.cjs
CHANGED
|
@@ -1,27 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
|
-
var __defProps = Object.defineProperties;
|
|
5
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
10
5
|
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
6
|
var __export = (target, all) => {
|
|
26
7
|
for (var name in all)
|
|
27
8
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -34,34 +15,38 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
34
15
|
}
|
|
35
16
|
return to;
|
|
36
17
|
};
|
|
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
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
46
19
|
|
|
47
20
|
// src/charts/index.ts
|
|
48
21
|
var charts_exports = {};
|
|
49
22
|
__export(charts_exports, {
|
|
50
|
-
|
|
51
|
-
HorizontalBarChart: () => HorizontalBarChart
|
|
52
|
-
chartTheme: () => chart_theme_default
|
|
23
|
+
EchartDefaultProps: () => EchartDefaultProps,
|
|
24
|
+
HorizontalBarChart: () => HorizontalBarChart
|
|
53
25
|
});
|
|
54
26
|
module.exports = __toCommonJS(charts_exports);
|
|
55
27
|
|
|
56
|
-
// src/charts/chart.tsx
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
28
|
+
// src/charts/horizontal-bar-chart.tsx
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
+
function HorizontalBarChart(props) {
|
|
31
|
+
const { total, value, backgroundColor, barColor, height } = props;
|
|
32
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
33
|
+
"div",
|
|
34
|
+
{
|
|
35
|
+
className: "tipp_horizontal-bar-chart bar-wrapper",
|
|
36
|
+
style: { height, backgroundColor },
|
|
37
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
38
|
+
"div",
|
|
39
|
+
{
|
|
40
|
+
style: {
|
|
41
|
+
width: `${Math.round(value / total * 100)}%`,
|
|
42
|
+
height: "100%"
|
|
43
|
+
},
|
|
44
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bar", style: { backgroundColor: barColor } })
|
|
45
|
+
}
|
|
46
|
+
)
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
}
|
|
65
50
|
|
|
66
51
|
// src/charts/chart-theme.json
|
|
67
52
|
var chart_theme_default = {
|
|
@@ -201,72 +186,18 @@ var chart_theme_default = {
|
|
|
201
186
|
}
|
|
202
187
|
};
|
|
203
188
|
|
|
204
|
-
// src/charts/chart.tsx
|
|
205
|
-
var
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
import_components.ToolboxComponent,
|
|
214
|
-
import_components.AriaComponent,
|
|
215
|
-
import_components.AxisPointerComponent,
|
|
216
|
-
import_components.GridSimpleComponent
|
|
217
|
-
]);
|
|
218
|
-
function Chart(props) {
|
|
219
|
-
const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
|
|
220
|
-
handleHeight: false,
|
|
221
|
-
refreshMode: "debounce",
|
|
222
|
-
refreshRate: 100
|
|
223
|
-
});
|
|
224
|
-
const option = (0, import_react.useMemo)(() => {
|
|
225
|
-
const baseOption = {
|
|
226
|
-
textStyle: { fontFamily: "Noto Sans KR" },
|
|
227
|
-
tooltip: { textStyle: { fontSize: 16 } }
|
|
228
|
-
};
|
|
229
|
-
return (0, import_lodash_es.merge)(baseOption, props.option);
|
|
230
|
-
}, [props.option]);
|
|
231
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
232
|
-
import_core.default,
|
|
233
|
-
__spreadProps(__spreadValues({
|
|
234
|
-
echarts,
|
|
235
|
-
opts: { renderer: "svg" },
|
|
236
|
-
style: { height, width },
|
|
237
|
-
theme: chart_theme_default
|
|
238
|
-
}, props), {
|
|
239
|
-
option
|
|
240
|
-
})
|
|
241
|
-
) });
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
// src/charts/horizontal-bar-chart.tsx
|
|
245
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
246
|
-
function HorizontalBarChart(props) {
|
|
247
|
-
const { total, value, backgroundColor, barColor, height } = props;
|
|
248
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
249
|
-
"div",
|
|
250
|
-
{
|
|
251
|
-
className: "tipp_horizontal-bar-chart bar-wrapper",
|
|
252
|
-
style: { height, backgroundColor },
|
|
253
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
254
|
-
"div",
|
|
255
|
-
{
|
|
256
|
-
style: {
|
|
257
|
-
width: `${Math.round(value / total * 100)}%`,
|
|
258
|
-
height: "100%"
|
|
259
|
-
},
|
|
260
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "bar", style: { backgroundColor: barColor } })
|
|
261
|
-
}
|
|
262
|
-
)
|
|
263
|
-
}
|
|
264
|
-
);
|
|
265
|
-
}
|
|
189
|
+
// src/charts/chart-default-props.tsx
|
|
190
|
+
var EchartDefaultProps = {
|
|
191
|
+
opts: { renderer: "svg" },
|
|
192
|
+
theme: chart_theme_default,
|
|
193
|
+
option: {
|
|
194
|
+
textStyle: { fontFamily: "Noto Sans KR" },
|
|
195
|
+
tooltip: { textStyle: { fontSize: 16 } }
|
|
196
|
+
}
|
|
197
|
+
};
|
|
266
198
|
// Annotate the CommonJS export names for ESM import in node:
|
|
267
199
|
0 && (module.exports = {
|
|
268
|
-
|
|
269
|
-
HorizontalBarChart
|
|
270
|
-
chartTheme
|
|
200
|
+
EchartDefaultProps,
|
|
201
|
+
HorizontalBarChart
|
|
271
202
|
});
|
|
272
203
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/charts/index.ts","../../src/charts/chart.tsx","../../src/charts/chart-theme.json","../../src/charts/horizontal-bar-chart.tsx"],"sourcesContent":["export * from './chart';\nexport * from './horizontal-bar-chart';\n","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 ReactEChartsCore 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 ReactEChartsCore>,\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 <ReactEChartsCore\n echarts={echarts}\n opts={{ renderer: 'svg' }}\n style={{ height, width }}\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","import React from 'react';\n\nexport interface HorizontalBarChartProps {\n /** 100% 바가 뜻하는 전체 값 */\n total: number;\n /** 화면에 채워져보이는 값 */\n value: number;\n /** 배경 색상 */\n backgroundColor?: string;\n /** 바의 색상 */\n barColor?: string;\n /** 바의 높이 */\n height?: number;\n}\n\nexport function HorizontalBarChart(\n props: HorizontalBarChartProps\n): React.ReactNode {\n const { total, value, backgroundColor, barColor, height } = props;\n return (\n <div\n className=\"tipp_horizontal-bar-chart bar-wrapper\"\n style={{ height, backgroundColor }}\n >\n <div\n style={{\n width: `${Math.round((value / total) * 100)}%`,\n height: '100%',\n }}\n >\n <div className=\"bar\" style={{ backgroundColor: barColor }} />\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA+B;AAC/B,mCAAkC;AAClC,uBAAsB;AAEtB,cAAyB;AACzB,kBAA6B;AAC7B,oBAAoC;AACpC,uBAA4B;AAC5B,wBA6BO;;;ACrCP;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;;;AD1DM;AArCE,YAAI;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AASM,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,QAAI,gDAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,aAA4B;AAAA,MAChC,WAAW,EAAE,YAAY,eAAe;AAAA,MACxC,SAAS,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE;AAAA,IACzC;AACA,eAAO,wBAAM,YAAY,MAAM,MAAM;AAAA,EACvC,GAAG,CAAC,MAAM,MAAM,CAAC;AAEjB,SACE,4CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAM,EAAE,UAAU,MAAM;AAAA,MACxB,OAAO,EAAE,QAAQ,MAAM;AAAA,MACvB,OAAO;AAAA,OACH,QALL;AAAA,MAMC;AAAA;AAAA,EACF,GACF;AAEJ;;;AEzDQ,IAAAC,sBAAA;AAfD,SAAS,mBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,OAAO,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAEjC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAO,GAAG,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC;AAAA,YAC3C,QAAQ;AAAA,UACV;AAAA,UAEA,uDAAC,SAAI,WAAU,OAAM,OAAO,EAAE,iBAAiB,SAAS,GAAG;AAAA;AAAA,MAC7D;AAAA;AAAA,EACF;AAEJ;","names":["ReactEChartsCore","import_jsx_runtime"]}
|
|
1
|
+
{"version":3,"sources":["../../src/charts/index.ts","../../src/charts/horizontal-bar-chart.tsx","../../src/charts/chart-theme.json","../../src/charts/chart-default-props.tsx"],"sourcesContent":["export * from './horizontal-bar-chart';\nexport * from './chart-default-props';\n","import React from 'react';\n\nexport interface HorizontalBarChartProps {\n /** 100% 바가 뜻하는 전체 값 */\n total: number;\n /** 화면에 채워져보이는 값 */\n value: number;\n /** 배경 색상 */\n backgroundColor?: string;\n /** 바의 색상 */\n barColor?: string;\n /** 바의 높이 */\n height?: number;\n}\n\nexport function HorizontalBarChart(\n props: HorizontalBarChartProps\n): React.ReactNode {\n const { total, value, backgroundColor, barColor, height } = props;\n return (\n <div\n className=\"tipp_horizontal-bar-chart bar-wrapper\"\n style={{ height, backgroundColor }}\n >\n <div\n style={{\n width: `${Math.round((value / total) * 100)}%`,\n height: '100%',\n }}\n >\n <div className=\"bar\" style={{ backgroundColor: barColor }} />\n </div>\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","import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n opts: { renderer: 'svg' as const },\n theme: chartTheme,\n option: {\n textStyle: { fontFamily: 'Noto Sans KR' },\n tooltip: { textStyle: { fontSize: 16 } },\n },\n} as const;\n"],"mappings":"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","names":[]}
|
package/dist/charts/index.d.cts
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
export { Chart, ChartProps } from './chart.cjs';
|
|
2
1
|
export { HorizontalBarChart, HorizontalBarChartProps } from './horizontal-bar-chart.cjs';
|
|
3
|
-
export {
|
|
2
|
+
export { EchartDefaultProps } from './chart-default-props.cjs';
|
|
4
3
|
import 'react';
|
|
5
|
-
import 'echarts';
|
|
6
|
-
import 'echarts-for-react/lib/core';
|
package/dist/charts/index.d.ts
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
export { Chart, ChartProps } from './chart.js';
|
|
2
1
|
export { HorizontalBarChart, HorizontalBarChartProps } from './horizontal-bar-chart.js';
|
|
3
|
-
export {
|
|
2
|
+
export { EchartDefaultProps } from './chart-default-props.js';
|
|
4
3
|
import 'react';
|
|
5
|
-
import 'echarts';
|
|
6
|
-
import 'echarts-for-react/lib/core';
|
package/dist/charts/index.js
CHANGED
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import "../chunk-PSINRHYW.js";
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import {
|
|
6
|
-
chart_theme_default
|
|
7
|
-
} from "../chunk-67K6SKIG.js";
|
|
3
|
+
EchartDefaultProps
|
|
4
|
+
} from "../chunk-2QFSCWES.js";
|
|
8
5
|
import {
|
|
9
6
|
HorizontalBarChart
|
|
10
7
|
} from "../chunk-SGMO4KBC.js";
|
|
11
8
|
import "../chunk-N552FDTV.js";
|
|
12
9
|
export {
|
|
13
|
-
|
|
14
|
-
HorizontalBarChart
|
|
15
|
-
chart_theme_default as chartTheme
|
|
10
|
+
EchartDefaultProps,
|
|
11
|
+
HorizontalBarChart
|
|
16
12
|
};
|
|
17
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -136,7 +136,17 @@ var chart_theme_default = {
|
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
|
|
139
|
+
// src/charts/chart-default-props.tsx
|
|
140
|
+
var EchartDefaultProps = {
|
|
141
|
+
opts: { renderer: "svg" },
|
|
142
|
+
theme: chart_theme_default,
|
|
143
|
+
option: {
|
|
144
|
+
textStyle: { fontFamily: "Noto Sans KR" },
|
|
145
|
+
tooltip: { textStyle: { fontSize: 16 } }
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
|
|
139
149
|
export {
|
|
140
|
-
|
|
150
|
+
EchartDefaultProps
|
|
141
151
|
};
|
|
142
|
-
//# sourceMappingURL=chunk-
|
|
152
|
+
//# sourceMappingURL=chunk-2QFSCWES.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/chart-theme.json","../src/charts/chart-default-props.tsx"],"sourcesContent":["{\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","import chartTheme from './chart-theme.json';\n\nexport const EchartDefaultProps = {\n opts: { renderer: 'svg' as const },\n theme: chartTheme,\n option: {\n textStyle: { fontFamily: 'Noto Sans KR' },\n tooltip: { textStyle: { fontSize: 16 } },\n },\n} as const;\n"],"mappings":"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","names":[]}
|