@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,245 +0,0 @@
|
|
|
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-test.tsx
|
|
48
|
-
var chart_test_exports = {};
|
|
49
|
-
__export(chart_test_exports, {
|
|
50
|
-
Chart: () => Chart,
|
|
51
|
-
chartTheme: () => chart_theme_default
|
|
52
|
-
});
|
|
53
|
-
module.exports = __toCommonJS(chart_test_exports);
|
|
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");
|
|
62
|
-
|
|
63
|
-
// src/charts/chart-theme.json
|
|
64
|
-
var chart_theme_default = {
|
|
65
|
-
version: 1,
|
|
66
|
-
themeName: "customed",
|
|
67
|
-
theme: {
|
|
68
|
-
seriesCnt: "5",
|
|
69
|
-
backgroundColor: "rgba(0,0,0,0)",
|
|
70
|
-
titleColor: "#1c2024",
|
|
71
|
-
subtitleColor: "#8d8d8d",
|
|
72
|
-
textColorShow: false,
|
|
73
|
-
textColor: "#333",
|
|
74
|
-
markTextColor: "#ffffff",
|
|
75
|
-
color: [
|
|
76
|
-
"#ffe629",
|
|
77
|
-
"#3e63dd",
|
|
78
|
-
"#ec9455",
|
|
79
|
-
"#5bb98b",
|
|
80
|
-
"#cb1d63",
|
|
81
|
-
"#3ba272",
|
|
82
|
-
"#fc8452",
|
|
83
|
-
"#9a60b4",
|
|
84
|
-
"#ea7ccc"
|
|
85
|
-
],
|
|
86
|
-
borderColor: "#8d8d8d",
|
|
87
|
-
borderWidth: 0,
|
|
88
|
-
visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
|
|
89
|
-
legendTextColor: "#1c2024",
|
|
90
|
-
kColor: "#eb5454",
|
|
91
|
-
kColor0: "#47b262",
|
|
92
|
-
kBorderColor: "#eb5454",
|
|
93
|
-
kBorderColor0: "#47b262",
|
|
94
|
-
kBorderWidth: 1,
|
|
95
|
-
lineWidth: 2,
|
|
96
|
-
symbolSize: 4,
|
|
97
|
-
symbol: "emptyCircle",
|
|
98
|
-
symbolBorderWidth: 1,
|
|
99
|
-
lineSmooth: false,
|
|
100
|
-
graphLineWidth: 1,
|
|
101
|
-
graphLineColor: "#aaa",
|
|
102
|
-
mapLabelColor: "#000",
|
|
103
|
-
mapLabelColorE: "rgb(100,0,0)",
|
|
104
|
-
mapBorderColor: "#444",
|
|
105
|
-
mapBorderColorE: "#444",
|
|
106
|
-
mapBorderWidth: 0.5,
|
|
107
|
-
mapBorderWidthE: 1,
|
|
108
|
-
mapAreaColor: "#eee",
|
|
109
|
-
mapAreaColorE: "rgba(255,215,0,0.8)",
|
|
110
|
-
axes: [
|
|
111
|
-
{
|
|
112
|
-
type: "all",
|
|
113
|
-
name: "\u901A\u7528\u5750\u6807\u8F74",
|
|
114
|
-
axisLineShow: true,
|
|
115
|
-
axisLineColor: "#6E7079",
|
|
116
|
-
axisTickShow: true,
|
|
117
|
-
axisTickColor: "#6E7079",
|
|
118
|
-
axisLabelShow: true,
|
|
119
|
-
axisLabelColor: "#6E7079",
|
|
120
|
-
splitLineShow: true,
|
|
121
|
-
splitLineColor: ["#E0E6F1"],
|
|
122
|
-
splitAreaShow: false,
|
|
123
|
-
splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
type: "category",
|
|
127
|
-
name: "\u7C7B\u76EE\u5750\u6807\u8F74",
|
|
128
|
-
axisLineShow: true,
|
|
129
|
-
axisLineColor: "#6E7079",
|
|
130
|
-
axisTickShow: true,
|
|
131
|
-
axisTickColor: "#6E7079",
|
|
132
|
-
axisLabelShow: true,
|
|
133
|
-
axisLabelColor: "#6E7079",
|
|
134
|
-
splitLineShow: false,
|
|
135
|
-
splitLineColor: ["#E0E6F1"],
|
|
136
|
-
splitAreaShow: false,
|
|
137
|
-
splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
type: "value",
|
|
141
|
-
name: "\u6570\u503C\u5750\u6807\u8F74",
|
|
142
|
-
axisLineShow: false,
|
|
143
|
-
axisLineColor: "#6E7079",
|
|
144
|
-
axisTickShow: false,
|
|
145
|
-
axisTickColor: "#6E7079",
|
|
146
|
-
axisLabelShow: true,
|
|
147
|
-
axisLabelColor: "#6E7079",
|
|
148
|
-
splitLineShow: true,
|
|
149
|
-
splitLineColor: ["#E0E6F1"],
|
|
150
|
-
splitAreaShow: false,
|
|
151
|
-
splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
type: "log",
|
|
155
|
-
name: "\u5BF9\u6570\u5750\u6807\u8F74",
|
|
156
|
-
axisLineShow: false,
|
|
157
|
-
axisLineColor: "#6E7079",
|
|
158
|
-
axisTickShow: false,
|
|
159
|
-
axisTickColor: "#6E7079",
|
|
160
|
-
axisLabelShow: true,
|
|
161
|
-
axisLabelColor: "#6E7079",
|
|
162
|
-
splitLineShow: true,
|
|
163
|
-
splitLineColor: ["#E0E6F1"],
|
|
164
|
-
splitAreaShow: false,
|
|
165
|
-
splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
type: "time",
|
|
169
|
-
name: "\u65F6\u95F4\u5750\u6807\u8F74",
|
|
170
|
-
axisLineShow: true,
|
|
171
|
-
axisLineColor: "#6E7079",
|
|
172
|
-
axisTickShow: true,
|
|
173
|
-
axisTickColor: "#6E7079",
|
|
174
|
-
axisLabelShow: true,
|
|
175
|
-
axisLabelColor: "#6E7079",
|
|
176
|
-
splitLineShow: false,
|
|
177
|
-
splitLineColor: ["#E0E6F1"],
|
|
178
|
-
splitAreaShow: false,
|
|
179
|
-
splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
|
|
180
|
-
}
|
|
181
|
-
],
|
|
182
|
-
axisSeperateSetting: true,
|
|
183
|
-
toolboxColor: "#8d8d8d",
|
|
184
|
-
toolboxEmphasisColor: "#1c2024",
|
|
185
|
-
tooltipAxisColor: "#cccccc",
|
|
186
|
-
tooltipAxisWidth: 1,
|
|
187
|
-
timelineLineColor: "#dae1f5",
|
|
188
|
-
timelineLineWidth: 2,
|
|
189
|
-
timelineItemColor: "#a4b1d7",
|
|
190
|
-
timelineItemColorE: "#ffffff",
|
|
191
|
-
timelineCheckColor: "#316bf3",
|
|
192
|
-
timelineCheckBorderColor: "#ffffff",
|
|
193
|
-
timelineItemBorderWidth: 1,
|
|
194
|
-
timelineControlColor: "#a4b1d7",
|
|
195
|
-
timelineControlBorderColor: "#a4b1d7",
|
|
196
|
-
timelineControlBorderWidth: 1,
|
|
197
|
-
timelineLabelColor: "#a4b1d7"
|
|
198
|
-
}
|
|
199
|
-
};
|
|
200
|
-
|
|
201
|
-
// src/charts/chart-test.tsx
|
|
202
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
203
|
-
echarts.use([
|
|
204
|
-
import_renderers.SVGRenderer,
|
|
205
|
-
import_charts.PieChart,
|
|
206
|
-
import_charts.LineChart,
|
|
207
|
-
import_components.TooltipComponent,
|
|
208
|
-
import_components.GridComponent,
|
|
209
|
-
import_components.LegendComponent,
|
|
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
|
-
}
|
|
240
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
241
|
-
0 && (module.exports = {
|
|
242
|
-
Chart,
|
|
243
|
-
chartTheme
|
|
244
|
-
});
|
|
245
|
-
//# sourceMappingURL=chart-test.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/charts/chart-test.tsx","../../src/charts/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { merge } from 'lodash-es';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport 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"],"mappings":"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","names":["ReactEChartsCore"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { EChartsOption } from 'echarts';
|
|
3
|
-
import ReactEChartsCore from 'echarts-for-react/lib/core';
|
|
4
|
-
export { c as chartTheme } from '../chart-theme-BLAIiQPs.cjs';
|
|
5
|
-
|
|
6
|
-
type ChartProps = Omit<React__default.ComponentProps<typeof ReactEChartsCore>, 'option'> & {
|
|
7
|
-
option: EChartsOption;
|
|
8
|
-
};
|
|
9
|
-
declare function Chart(props: ChartProps): JSX.Element;
|
|
10
|
-
|
|
11
|
-
export { Chart, type ChartProps };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { EChartsOption } from 'echarts';
|
|
3
|
-
import ReactEChartsCore from 'echarts-for-react/lib/core';
|
|
4
|
-
export { c as chartTheme } from '../chart-theme-BLAIiQPs.js';
|
|
5
|
-
|
|
6
|
-
type ChartProps = Omit<React__default.ComponentProps<typeof ReactEChartsCore>, 'option'> & {
|
|
7
|
-
option: EChartsOption;
|
|
8
|
-
};
|
|
9
|
-
declare function Chart(props: ChartProps): JSX.Element;
|
|
10
|
-
|
|
11
|
-
export { Chart, type ChartProps };
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
chart_theme_default
|
|
3
|
-
} from "../chunk-67K6SKIG.js";
|
|
4
|
-
import {
|
|
5
|
-
__spreadProps,
|
|
6
|
-
__spreadValues
|
|
7
|
-
} from "../chunk-N552FDTV.js";
|
|
8
|
-
|
|
9
|
-
// src/charts/chart-test.tsx
|
|
10
|
-
import { useMemo } from "react";
|
|
11
|
-
import { useResizeDetector } from "react-resize-detector";
|
|
12
|
-
import { merge } from "lodash-es";
|
|
13
|
-
import * as echarts from "echarts/core";
|
|
14
|
-
import ReactEChartsCore from "echarts-for-react/lib/core";
|
|
15
|
-
import { PieChart, LineChart } from "echarts/charts";
|
|
16
|
-
import { SVGRenderer } from "echarts/renderers";
|
|
17
|
-
import {
|
|
18
|
-
GridSimpleComponent,
|
|
19
|
-
AxisPointerComponent,
|
|
20
|
-
AriaComponent,
|
|
21
|
-
TooltipComponent,
|
|
22
|
-
GridComponent,
|
|
23
|
-
LegendComponent,
|
|
24
|
-
ToolboxComponent
|
|
25
|
-
} from "echarts/components";
|
|
26
|
-
import { jsx } from "react/jsx-runtime";
|
|
27
|
-
echarts.use([
|
|
28
|
-
SVGRenderer,
|
|
29
|
-
PieChart,
|
|
30
|
-
LineChart,
|
|
31
|
-
TooltipComponent,
|
|
32
|
-
GridComponent,
|
|
33
|
-
LegendComponent,
|
|
34
|
-
ToolboxComponent,
|
|
35
|
-
AriaComponent,
|
|
36
|
-
AxisPointerComponent,
|
|
37
|
-
GridSimpleComponent
|
|
38
|
-
]);
|
|
39
|
-
function Chart(props) {
|
|
40
|
-
const { width, height, ref } = useResizeDetector({
|
|
41
|
-
handleHeight: false,
|
|
42
|
-
refreshMode: "debounce",
|
|
43
|
-
refreshRate: 100
|
|
44
|
-
});
|
|
45
|
-
const option = useMemo(() => {
|
|
46
|
-
const baseOption = {
|
|
47
|
-
textStyle: { fontFamily: "Noto Sans KR" },
|
|
48
|
-
tooltip: { textStyle: { fontSize: 16 } }
|
|
49
|
-
};
|
|
50
|
-
return merge(baseOption, props.option);
|
|
51
|
-
}, [props.option]);
|
|
52
|
-
return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
|
|
53
|
-
ReactEChartsCore,
|
|
54
|
-
__spreadProps(__spreadValues({
|
|
55
|
-
echarts,
|
|
56
|
-
opts: { renderer: "svg" },
|
|
57
|
-
style: { height, width },
|
|
58
|
-
theme: chart_theme_default
|
|
59
|
-
}, props), {
|
|
60
|
-
option
|
|
61
|
-
})
|
|
62
|
-
) });
|
|
63
|
-
}
|
|
64
|
-
export {
|
|
65
|
-
Chart,
|
|
66
|
-
chart_theme_default as chartTheme
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=chart-test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/charts/chart-test.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { merge } from 'lodash-es';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport 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"],"mappings":";;;;;;;;;AAAA,SAAgB,eAAe;AAC/B,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,YAAY,aAAa;AACzB,OAAO,sBAAsB;AAC7B,SAAS,UAAU,iBAAiB;AACpC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EAQA;AAAA,EAcA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwCD;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,IAAI,kBAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,aAA4B;AAAA,MAChC,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;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;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/charts/chart.tsx","../../src/charts/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport { merge } from 'lodash-es';\nimport type { EChartsOption } from 'echarts';\nimport * as echarts from 'echarts/core';\nimport 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"],"mappings":"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","names":["ReactEChartsCore"]}
|
package/dist/charts/chart.d.cts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { EChartsOption } from 'echarts';
|
|
3
|
-
import ReactEChartsCore from 'echarts-for-react/lib/core';
|
|
4
|
-
export { c as chartTheme } from '../chart-theme-BLAIiQPs.cjs';
|
|
5
|
-
|
|
6
|
-
type ChartProps = Omit<React__default.ComponentProps<typeof ReactEChartsCore>, 'option'> & {
|
|
7
|
-
option: EChartsOption;
|
|
8
|
-
};
|
|
9
|
-
declare function Chart(props: ChartProps): JSX.Element;
|
|
10
|
-
|
|
11
|
-
export { Chart, type ChartProps };
|
package/dist/charts/chart.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { EChartsOption } from 'echarts';
|
|
3
|
-
import ReactEChartsCore from 'echarts-for-react/lib/core';
|
|
4
|
-
export { c as chartTheme } from '../chart-theme-BLAIiQPs.js';
|
|
5
|
-
|
|
6
|
-
type ChartProps = Omit<React__default.ComponentProps<typeof ReactEChartsCore>, 'option'> & {
|
|
7
|
-
option: EChartsOption;
|
|
8
|
-
};
|
|
9
|
-
declare function Chart(props: ChartProps): JSX.Element;
|
|
10
|
-
|
|
11
|
-
export { Chart, type ChartProps };
|
package/dist/charts/chart.js
DELETED
package/dist/chunk-5XILGULJ.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
IconButton
|
|
3
|
-
} from "./chunk-O3DNDMV3.js";
|
|
4
|
-
import {
|
|
5
|
-
__spreadValues
|
|
6
|
-
} from "./chunk-N552FDTV.js";
|
|
7
|
-
|
|
8
|
-
// src/atoms/toast.tsx
|
|
9
|
-
import { Cross1Icon } from "@radix-ui/react-icons";
|
|
10
|
-
import { ToastContainer as ToastifyToastContainer } from "react-toastify";
|
|
11
|
-
import { toast } from "react-toastify";
|
|
12
|
-
import { jsx } from "react/jsx-runtime";
|
|
13
|
-
function CloseButton({ closeToast }) {
|
|
14
|
-
return /* @__PURE__ */ jsx(IconButton, { color: "gray", onClick: closeToast, variant: "ghost", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
|
|
15
|
-
}
|
|
16
|
-
function ToastContainer(props) {
|
|
17
|
-
return /* @__PURE__ */ jsx(
|
|
18
|
-
ToastifyToastContainer,
|
|
19
|
-
__spreadValues({
|
|
20
|
-
autoClose: 5e3,
|
|
21
|
-
closeButton: CloseButton,
|
|
22
|
-
closeOnClick: true,
|
|
23
|
-
draggable: true,
|
|
24
|
-
hideProgressBar: true,
|
|
25
|
-
newestOnTop: true,
|
|
26
|
-
pauseOnFocusLoss: true,
|
|
27
|
-
pauseOnHover: true,
|
|
28
|
-
position: "bottom-right",
|
|
29
|
-
rtl: false
|
|
30
|
-
}, props)
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export {
|
|
35
|
-
ToastContainer,
|
|
36
|
-
toast
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=chunk-5XILGULJ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/toast.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';\nimport { ToastContainer as ToastifyToastContainer } from 'react-toastify';\nimport { IconButton } from './icon-button';\n\nexport { toast } from 'react-toastify';\n\ninterface CloseButtonProps {\n closeToast: (e: React.MouseEvent<HTMLElement>) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\nfunction CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {\n return (\n <IconButton color=\"gray\" onClick={closeToast} variant=\"ghost\">\n <Cross1Icon />\n </IconButton>\n );\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactNode {\n return (\n <ToastifyToastContainer\n autoClose={5000}\n closeButton={CloseButton}\n closeOnClick\n draggable\n hideProgressBar\n newestOnTop\n pauseOnFocusLoss\n pauseOnHover\n position=\"bottom-right\"\n rtl={false}\n {...props}\n />\n );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB,8BAA8B;AAGzD,SAAS,aAAa;AAWhB;AAHN,SAAS,YAAY,EAAE,WAAW,GAAsC;AACtE,SACE,oBAAC,cAAW,OAAM,QAAO,SAAS,YAAY,SAAQ,SACpD,8BAAC,cAAW,GACd;AAEJ;AAEO,SAAS,eAAe,OAA6C;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,cAAY;AAAA,MACZ,WAAS;AAAA,MACT,iBAAe;AAAA,MACf,aAAW;AAAA,MACX,kBAAgB;AAAA,MAChB,cAAY;AAAA,MACZ,UAAS;AAAA,MACT,KAAK;AAAA,OACD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/charts/chart-theme.json"],"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"],"mappings":"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","names":[]}
|
package/dist/chunk-HRSVVVYJ.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ThemeProvider
|
|
3
|
-
} from "./chunk-7LEWTGAO.js";
|
|
4
|
-
import {
|
|
5
|
-
ToastContainer
|
|
6
|
-
} from "./chunk-5XILGULJ.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadValues
|
|
10
|
-
} from "./chunk-N552FDTV.js";
|
|
11
|
-
|
|
12
|
-
// src/atoms/drawer.tsx
|
|
13
|
-
import * as Dialog from "@radix-ui/react-dialog";
|
|
14
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
function Root2(props) {
|
|
16
|
-
return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
|
|
17
|
-
}
|
|
18
|
-
function Content2(props) {
|
|
19
|
-
const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
|
|
20
|
-
return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
|
|
21
|
-
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
22
|
-
/* @__PURE__ */ jsx(
|
|
23
|
-
Dialog.Content,
|
|
24
|
-
__spreadValues({
|
|
25
|
-
className: `DrawerContent ${position} ${className || ""}`
|
|
26
|
-
}, rest)
|
|
27
|
-
),
|
|
28
|
-
/* @__PURE__ */ jsx(ToastContainer, {})
|
|
29
|
-
] }) });
|
|
30
|
-
}
|
|
31
|
-
function Trigger2(props) {
|
|
32
|
-
return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
|
|
33
|
-
}
|
|
34
|
-
var Drawer = {
|
|
35
|
-
Root: Dialog.Root,
|
|
36
|
-
Trigger: Trigger2,
|
|
37
|
-
Content: Content2,
|
|
38
|
-
Close: Dialog.Close,
|
|
39
|
-
Title: Dialog.Title,
|
|
40
|
-
Description: Dialog.Description
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export {
|
|
44
|
-
Root2 as Root,
|
|
45
|
-
Content2 as Content,
|
|
46
|
-
Trigger2 as Trigger,
|
|
47
|
-
Drawer
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=chunk-HRSVVVYJ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
package/dist/chunk-KOKLC6X2.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ToastContainer
|
|
3
|
-
} from "./chunk-5XILGULJ.js";
|
|
4
|
-
import {
|
|
5
|
-
ThemeProvider
|
|
6
|
-
} from "./chunk-7LEWTGAO.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadValues
|
|
10
|
-
} from "./chunk-N552FDTV.js";
|
|
11
|
-
|
|
12
|
-
// src/atoms/drawer.tsx
|
|
13
|
-
import * as Dialog from "@radix-ui/react-dialog";
|
|
14
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
function Root2(props) {
|
|
16
|
-
return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
|
|
17
|
-
}
|
|
18
|
-
function Content2(props) {
|
|
19
|
-
const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
|
|
20
|
-
return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
|
|
21
|
-
/* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
|
|
22
|
-
/* @__PURE__ */ jsx(
|
|
23
|
-
Dialog.Content,
|
|
24
|
-
__spreadValues({
|
|
25
|
-
className: `DrawerContent ${position} ${className || ""}`
|
|
26
|
-
}, rest)
|
|
27
|
-
),
|
|
28
|
-
/* @__PURE__ */ jsx(ToastContainer, {})
|
|
29
|
-
] }) });
|
|
30
|
-
}
|
|
31
|
-
function Trigger2(props) {
|
|
32
|
-
return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
|
|
33
|
-
}
|
|
34
|
-
var Drawer = {
|
|
35
|
-
Root: Dialog.Root,
|
|
36
|
-
Trigger: Trigger2,
|
|
37
|
-
Content: Content2,
|
|
38
|
-
Close: Dialog.Close,
|
|
39
|
-
Title: Dialog.Title,
|
|
40
|
-
Description: Dialog.Description
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export {
|
|
44
|
-
Root2 as Root,
|
|
45
|
-
Content2 as Content,
|
|
46
|
-
Trigger2 as Trigger,
|
|
47
|
-
Drawer
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=chunk-KOKLC6X2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/molecules/expand-table/index.tsx"],"sourcesContent":["import type { ColumnDef, SortingState, RowData } from '@tanstack/react-table';\nimport type { CSSProperties } from 'react';\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n getSortedRowModel,\n createColumnHelper,\n} from '@tanstack/react-table';\nimport React, { useMemo, useState } from 'react';\nimport { Flex, Typo } from '../../atoms';\nimport { TriangleArrowDownIcon } from '../../icons/down';\nimport { TriangleArrowUpIcon } from '../../icons/up';\nimport { Row, type ExpandComp, type OnRowClick } from './row';\n\nexport type { ExpandComp, OnRowClick, ColumnDef };\nexport { createColumnHelper };\n\nexport interface ExpandTableProps<Datum extends RowData> {\n /** 렌더할 데이터 배열 */\n data?: Datum[];\n /** 테이블 컬럼의 메타 데이터 */\n columns: ColumnDef<Datum>[];\n /** Row의 open이 true인 경우 하단의 collapse에 렌더할 컴포넌트 */\n ExpandComp?: ExpandComp<Datum>;\n /** 데이테가 없을 시 화면에 표시할 컴포넌트 */\n placeholder?: React.ReactNode;\n /** 행 클릭 시 실행할 콜백 */\n onRowClick?: OnRowClick<Datum>;\n rowStyle?: CSSProperties;\n}\n\nexport function ExpandTable<Datum extends RowData>(\n props: ExpandTableProps<Datum>\n): React.ReactNode {\n const { data, columns, ExpandComp, placeholder, onRowClick } = props;\n\n const [sorting, setSorting] = useState<SortingState>([]);\n const { getRowModel, getHeaderGroups } = useReactTable({\n data: data || [],\n columns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: getSortedRowModel(),\n state: {\n sorting,\n },\n onSortingChange: setSorting,\n });\n\n const gridColTemp = useMemo<string>(() => {\n return columns\n .map((col) => {\n if (col.meta?.autoSize) return '1fr';\n return `${col.size || 150}px`;\n })\n .join(' ');\n }, [columns]);\n\n const rowModels = getRowModel();\n\n return (\n <div className=\"expand-table\">\n <div className=\"thead\">\n {getHeaderGroups().map((headerGroup) => (\n <div\n className=\"tr\"\n key={headerGroup.id}\n style={{ gridTemplateColumns: gridColTemp }}\n >\n {headerGroup.headers.map((header) => {\n const sortable = header.column.getCanSort();\n const sortedState = header.column.getIsSorted();\n\n return (\n <div className=\"th\" key={header.id}>\n <button\n onClick={header.column.getToggleSortingHandler()}\n style={sortable ? { cursor: 'pointer' } : undefined}\n type=\"button\"\n >\n <Typo variant=\"body\">\n {flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n </Typo>\n {sortable ? (\n <Flex\n direction=\"column\"\n style={{ marginLeft: 'var(--space-2)' }}\n >\n <TriangleArrowUpIcon\n color={\n sortedState === 'asc'\n ? 'var(--iris-10)'\n : 'var(--iris-6)'\n }\n />\n <TriangleArrowDownIcon\n color={\n sortedState === 'desc'\n ? 'var(--iris-10)'\n : 'var(--iris-6)'\n }\n />\n </Flex>\n ) : null}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n <div className=\"tbody\">\n {/* 데이터가 없을 시 표시되는 노드 */}\n {rowModels.rows.length === 0 && (\n <div className=\"tr\" key=\"expand_placeholder\">\n <Flex align=\"center\" justify=\"center\">\n {placeholder || (\n <Typo color=\"gray\" mb=\"6\" mt=\"6\" variant=\"body\">\n 데이터가 없습니다\n </Typo>\n )}\n </Flex>\n </div>\n )}\n\n {/* 행을 렌더하는 로직 */}\n {rowModels.rows.map((row) => {\n return (\n <Row\n ExpandComp={ExpandComp}\n gridColTemp={gridColTemp}\n key={`row_${row.id}`}\n onRowClick={onRowClick}\n row={row}\n />\n );\n })}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAgB,SAAS,gBAAgB;AAuErB,cAOE,YAPF;AAhDb,SAAS,YACd,OACiB;AACjB,QAAM,EAAE,MAAM,SAAS,YAAY,aAAa,WAAW,IAAI;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACvD,QAAM,EAAE,aAAa,gBAAgB,IAAI,cAAc;AAAA,IACrD,MAAM,QAAQ,CAAC;AAAA,IACf;AAAA,IACA,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,EACnB,CAAC;AAED,QAAM,cAAc,QAAgB,MAAM;AACxC,WAAO,QACJ,IAAI,CAAC,QAAQ;AAnDpB;AAoDQ,WAAI,SAAI,SAAJ,mBAAU;AAAU,eAAO;AAC/B,aAAO,GAAG,IAAI,QAAQ,GAAG;AAAA,IAC3B,CAAC,EACA,KAAK,GAAG;AAAA,EACb,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAY,YAAY;AAE9B,SACE,qBAAC,SAAI,WAAU,gBACb;AAAA,wBAAC,SAAI,WAAU,SACZ,0BAAgB,EAAE,IAAI,CAAC,gBACtB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAEV,OAAO,EAAE,qBAAqB,YAAY;AAAA,QAEzC,sBAAY,QAAQ,IAAI,CAAC,WAAW;AACnC,gBAAM,WAAW,OAAO,OAAO,WAAW;AAC1C,gBAAM,cAAc,OAAO,OAAO,YAAY;AAE9C,iBACE,oBAAC,SAAI,WAAU,MACb;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,OAAO,OAAO,wBAAwB;AAAA,cAC/C,OAAO,WAAW,EAAE,QAAQ,UAAU,IAAI;AAAA,cAC1C,MAAK;AAAA,cAEL;AAAA,oCAAC,QAAK,SAAQ,QACX;AAAA,kBACC,OAAO,OAAO,UAAU;AAAA,kBACxB,OAAO,WAAW;AAAA,gBACpB,GACF;AAAA,gBACC,WACC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,YAAY,iBAAiB;AAAA,oBAEtC;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,QACZ,mBACA;AAAA;AAAA,sBAER;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,OACE,gBAAgB,SACZ,mBACA;AAAA;AAAA,sBAER;AAAA;AAAA;AAAA,gBACF,IACE;AAAA;AAAA;AAAA,UACN,KAjCuB,OAAO,EAkChC;AAAA,QAEJ,CAAC;AAAA;AAAA,MA5CI,YAAY;AAAA,IA6CnB,CACD,GACH;AAAA,IACA,qBAAC,SAAI,WAAU,SAEZ;AAAA,gBAAU,KAAK,WAAW,KACzB,oBAAC,SAAI,WAAU,MACb,8BAAC,QAAK,OAAM,UAAS,SAAQ,UAC1B,yBACC,oBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,IAAG,KAAI,SAAQ,QAAO,+DAEhD,GAEJ,KAPsB,oBAQxB;AAAA,MAID,UAAU,KAAK,IAAI,CAAC,QAAQ;AAC3B,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,UAFK,OAAO,IAAI,EAAE;AAAA,QAGpB;AAAA,MAEJ,CAAC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}
|