@tipp/ui 0.1.22 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/atoms/field-error-wrapper.js +2 -2
  2. package/dist/atoms/index.js +17 -17
  3. package/dist/atoms/pagination.js +2 -2
  4. package/dist/chart/chart.cjs +4 -2
  5. package/dist/chart/chart.cjs.map +1 -1
  6. package/dist/chart/chart.d.cts +170 -1
  7. package/dist/chart/chart.d.ts +170 -1
  8. package/dist/chart/chart.js +2 -1
  9. package/dist/chart/chart.js.map +1 -1
  10. package/dist/chunk-7FQZ3OZO.js +119 -0
  11. package/dist/chunk-7FQZ3OZO.js.map +1 -0
  12. package/dist/index.js +25 -25
  13. package/dist/molecules/expand-table/index.js +10 -10
  14. package/dist/molecules/expand-table/row.js +8 -8
  15. package/dist/molecules/index.js +10 -10
  16. package/package.json +1 -1
  17. package/src/chart/chart.tsx +2 -0
package/dist/atoms/field-error-wrapper.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  FieldErrorWrapper
3
- } from "../chunk-CNQ7RNNY.js";
4
- import "../chunk-O3XTRD7R.js";
3
+ } from "../chunk-CHHLIPDN.js";
5
4
  import "../chunk-25HMMI7R.js";
5
+ import "../chunk-O3XTRD7R.js";
6
6
  import "../chunk-N552FDTV.js";
7
7
  export {
8
8
  FieldErrorWrapper
package/dist/atoms/index.js CHANGED
@@ -2,6 +2,9 @@ import "../chunk-MASTHXWN.js";
2
2
  import {
3
3
  DatePicker
4
4
  } from "../chunk-IIBITN2G.js";
5
+ import {
6
+ Switch
7
+ } from "../chunk-OYM4XCHQ.js";
5
8
  import {
6
9
  TabNav
7
10
  } from "../chunk-YJ7ZFOYL.js";
@@ -14,6 +17,9 @@ import {
14
17
  import {
15
18
  TextField
16
19
  } from "../chunk-JPIZP2PZ.js";
20
+ import {
21
+ ScrollArea
22
+ } from "../chunk-ZKZDVS7G.js";
17
23
  import {
18
24
  Section
19
25
  } from "../chunk-MUNMDHRF.js";
@@ -36,11 +42,11 @@ import {
36
42
  Strong
37
43
  } from "../chunk-74DX4CU7.js";
38
44
  import {
39
- Switch
40
- } from "../chunk-OYM4XCHQ.js";
45
+ Link
46
+ } from "../chunk-XQOZWYUA.js";
41
47
  import {
42
48
  Pagination
43
- } from "../chunk-OZLC6KYP.js";
49
+ } from "../chunk-3I5CDBFN.js";
44
50
  import {
45
51
  Popover
46
52
  } from "../chunk-5AVBYDPB.js";
@@ -59,9 +65,6 @@ import {
59
65
  import {
60
66
  Radio
61
67
  } from "../chunk-FPD73OHW.js";
62
- import {
63
- ScrollArea
64
- } from "../chunk-ZKZDVS7G.js";
65
68
  import {
66
69
  Grid
67
70
  } from "../chunk-EGEQY3KT.js";
@@ -81,8 +84,8 @@ import {
81
84
  Kbd
82
85
  } from "../chunk-TULWX7D6.js";
83
86
  import {
84
- Link
85
- } from "../chunk-XQOZWYUA.js";
87
+ Collapse
88
+ } from "../chunk-OCJNQGHN.js";
86
89
  import {
87
90
  Container
88
91
  } from "../chunk-Q37G2GS6.js";
@@ -106,13 +109,16 @@ import {
106
109
  } from "../chunk-2DZ2Y3JI.js";
107
110
  import {
108
111
  FieldErrorWrapper
109
- } from "../chunk-CNQ7RNNY.js";
112
+ } from "../chunk-CHHLIPDN.js";
113
+ import {
114
+ Flex
115
+ } from "../chunk-25HMMI7R.js";
110
116
  import {
111
117
  Typo
112
118
  } from "../chunk-O3XTRD7R.js";
113
119
  import {
114
- Flex
115
- } from "../chunk-25HMMI7R.js";
120
+ Box
121
+ } from "../chunk-4Y5BEXVN.js";
116
122
  import {
117
123
  Button
118
124
  } from "../chunk-RET725VL.js";
@@ -134,9 +140,6 @@ import {
134
140
  import {
135
141
  Code
136
142
  } from "../chunk-OHMOP5PV.js";
137
- import {
138
- Collapse
139
- } from "../chunk-OCJNQGHN.js";
140
143
  import "../chunk-MMAV5BRZ.js";
141
144
  import {
142
145
  AlertDialog
@@ -153,9 +156,6 @@ import {
153
156
  import {
154
157
  Blockquote
155
158
  } from "../chunk-YGL6SWKN.js";
156
- import {
157
- Box
158
- } from "../chunk-4Y5BEXVN.js";
159
159
  import "../chunk-N552FDTV.js";
160
160
  export {
161
161
  AlertDialog,
package/dist/atoms/pagination.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Pagination
3
- } from "../chunk-OZLC6KYP.js";
3
+ } from "../chunk-3I5CDBFN.js";
4
4
  import "../chunk-O3DNDMV3.js";
5
- import "../chunk-O3XTRD7R.js";
6
5
  import "../chunk-25HMMI7R.js";
6
+ import "../chunk-O3XTRD7R.js";
7
7
  import "../chunk-MMAV5BRZ.js";
8
8
  import "../chunk-N552FDTV.js";
9
9
  export {
package/dist/chart/chart.cjs CHANGED
@@ -44,7 +44,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
44
44
  // src/chart/chart.tsx
45
45
  var chart_exports = {};
46
46
  __export(chart_exports, {
47
- Chart: () => Chart
47
+ Chart: () => Chart,
48
+ chartTheme: () => chart_theme_default
48
49
  });
49
50
  module.exports = __toCommonJS(chart_exports);
50
51
  var import_react_resize_detector = require("react-resize-detector");
@@ -200,6 +201,7 @@ function Chart(props) {
200
201
  }
201
202
  // Annotate the CommonJS export names for ESM import in node:
202
203
  0 && (module.exports = {
203
- Chart
204
+ Chart,
205
+ chartTheme
204
206
  });
205
207
  //# sourceMappingURL=chart.cjs.map
package/dist/chart/chart.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport chartTheme from './chart-theme.json';\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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 return (\n <div ref={ref} style={{ width: '100%', height: '100%' }}>\n <ReactECharts style={{ width, height }} theme={chartTheme} {...props} />\n </div>\n );\n}\n","{\n \"version\": 1,\n \"themeName\": \"customed\",\n \"theme\": {\n \"seriesCnt\": \"5\",\n \"backgroundColor\": \"rgba(0,0,0,0)\",\n \"titleColor\": \"#1c2024\",\n \"subtitleColor\": \"#8d8d8d\",\n \"textColorShow\": false,\n \"textColor\": \"#333\",\n \"markTextColor\": \"#ffffff\",\n \"color\": [\n \"#ffe629\",\n \"#3e63dd\",\n \"#ec9455\",\n \"#5bb98b\",\n \"#cb1d63\",\n \"#3ba272\",\n \"#fc8452\",\n \"#9a60b4\",\n \"#ea7ccc\"\n ],\n \"borderColor\": \"#8d8d8d\",\n \"borderWidth\": 0,\n \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n \"legendTextColor\": \"#1c2024\",\n \"kColor\": \"#eb5454\",\n \"kColor0\": \"#47b262\",\n \"kBorderColor\": \"#eb5454\",\n \"kBorderColor0\": \"#47b262\",\n \"kBorderWidth\": 1,\n \"lineWidth\": 2,\n \"symbolSize\": 4,\n \"symbol\": \"emptyCircle\",\n \"symbolBorderWidth\": 1,\n \"lineSmooth\": false,\n \"graphLineWidth\": 1,\n \"graphLineColor\": \"#aaa\",\n \"mapLabelColor\": \"#000\",\n \"mapLabelColorE\": \"rgb(100,0,0)\",\n \"mapBorderColor\": \"#444\",\n \"mapBorderColorE\": \"#444\",\n \"mapBorderWidth\": 0.5,\n \"mapBorderWidthE\": 1,\n \"mapAreaColor\": \"#eee\",\n \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n \"axes\": [\n {\n \"type\": \"all\",\n \"name\": \"通用坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"category\",\n \"name\": \"类目坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"value\",\n \"name\": \"数值坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"log\",\n \"name\": \"对数坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"time\",\n \"name\": \"时间坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n }\n ],\n \"axisSeperateSetting\": true,\n \"toolboxColor\": \"#8d8d8d\",\n \"toolboxEmphasisColor\": \"#1c2024\",\n \"tooltipAxisColor\": \"#cccccc\",\n \"tooltipAxisWidth\": 1,\n \"timelineLineColor\": \"#dae1f5\",\n \"timelineLineWidth\": 2,\n \"timelineItemColor\": \"#a4b1d7\",\n \"timelineItemColorE\": \"#ffffff\",\n \"timelineCheckColor\": \"#316bf3\",\n \"timelineCheckBorderColor\": \"#ffffff\",\n \"timelineItemBorderWidth\": 1,\n \"timelineControlColor\": \"#a4b1d7\",\n \"timelineControlBorderColor\": \"#a4b1d7\",\n \"timelineControlBorderWidth\": 1,\n \"timelineLabelColor\": \"#a4b1d7\"\n }\n}\n"],"mappings":"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","names":["ReactECharts"]}
1
+ {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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 return (\n <div ref={ref} style={{ width: '100%', height: '100%' }}>\n <ReactECharts style={{ width, height }} theme={chartTheme} {...props} />\n </div>\n );\n}\n","{\n \"version\": 1,\n \"themeName\": \"customed\",\n \"theme\": {\n \"seriesCnt\": \"5\",\n \"backgroundColor\": \"rgba(0,0,0,0)\",\n \"titleColor\": \"#1c2024\",\n \"subtitleColor\": \"#8d8d8d\",\n \"textColorShow\": false,\n \"textColor\": \"#333\",\n \"markTextColor\": \"#ffffff\",\n \"color\": [\n \"#ffe629\",\n \"#3e63dd\",\n \"#ec9455\",\n \"#5bb98b\",\n \"#cb1d63\",\n \"#3ba272\",\n \"#fc8452\",\n \"#9a60b4\",\n \"#ea7ccc\"\n ],\n \"borderColor\": \"#8d8d8d\",\n \"borderWidth\": 0,\n \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n \"legendTextColor\": \"#1c2024\",\n \"kColor\": \"#eb5454\",\n \"kColor0\": \"#47b262\",\n \"kBorderColor\": \"#eb5454\",\n \"kBorderColor0\": \"#47b262\",\n \"kBorderWidth\": 1,\n \"lineWidth\": 2,\n \"symbolSize\": 4,\n \"symbol\": \"emptyCircle\",\n \"symbolBorderWidth\": 1,\n \"lineSmooth\": false,\n \"graphLineWidth\": 1,\n \"graphLineColor\": \"#aaa\",\n \"mapLabelColor\": \"#000\",\n \"mapLabelColorE\": \"rgb(100,0,0)\",\n \"mapBorderColor\": \"#444\",\n \"mapBorderColorE\": \"#444\",\n \"mapBorderWidth\": 0.5,\n \"mapBorderWidthE\": 1,\n \"mapAreaColor\": \"#eee\",\n \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n \"axes\": [\n {\n \"type\": \"all\",\n \"name\": \"通用坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"category\",\n \"name\": \"类目坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"value\",\n \"name\": \"数值坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"log\",\n \"name\": \"对数坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"time\",\n \"name\": \"时间坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n }\n ],\n \"axisSeperateSetting\": true,\n \"toolboxColor\": \"#8d8d8d\",\n \"toolboxEmphasisColor\": \"#1c2024\",\n \"tooltipAxisColor\": \"#cccccc\",\n \"tooltipAxisWidth\": 1,\n \"timelineLineColor\": \"#dae1f5\",\n \"timelineLineWidth\": 2,\n \"timelineItemColor\": \"#a4b1d7\",\n \"timelineItemColorE\": \"#ffffff\",\n \"timelineCheckColor\": \"#316bf3\",\n \"timelineCheckBorderColor\": \"#ffffff\",\n \"timelineItemBorderWidth\": 1,\n \"timelineControlColor\": \"#a4b1d7\",\n \"timelineControlBorderColor\": \"#a4b1d7\",\n \"timelineControlBorderWidth\": 1,\n \"timelineLabelColor\": \"#a4b1d7\"\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAAkC;AAClC,+BAAyB;;;ACFzB;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;;;ADrHM;AATC,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,SACE,4CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,sDAAC,yBAAAA,SAAA,iBAAa,OAAO,EAAE,OAAO,OAAO,GAAG,OAAO,uBAAgB,MAAO,GACxE;AAEJ;","names":["ReactECharts"]}
package/dist/chart/chart.d.cts CHANGED
@@ -1,7 +1,176 @@
1
1
  import React__default from 'react';
2
2
  import ReactECharts from 'echarts-for-react';
3
3
 
4
+ var version = 1;
5
+ var themeName = "customed";
6
+ var theme = {
7
+ seriesCnt: "5",
8
+ backgroundColor: "rgba(0,0,0,0)",
9
+ titleColor: "#1c2024",
10
+ subtitleColor: "#8d8d8d",
11
+ textColorShow: false,
12
+ textColor: "#333",
13
+ markTextColor: "#ffffff",
14
+ color: [
15
+ "#ffe629",
16
+ "#3e63dd",
17
+ "#ec9455",
18
+ "#5bb98b",
19
+ "#cb1d63",
20
+ "#3ba272",
21
+ "#fc8452",
22
+ "#9a60b4",
23
+ "#ea7ccc"
24
+ ],
25
+ borderColor: "#8d8d8d",
26
+ borderWidth: 0,
27
+ visualMapColor: [
28
+ "#bf444c",
29
+ "#d88273",
30
+ "#f6efa6"
31
+ ],
32
+ legendTextColor: "#1c2024",
33
+ kColor: "#eb5454",
34
+ kColor0: "#47b262",
35
+ kBorderColor: "#eb5454",
36
+ kBorderColor0: "#47b262",
37
+ kBorderWidth: 1,
38
+ lineWidth: 2,
39
+ symbolSize: 4,
40
+ symbol: "emptyCircle",
41
+ symbolBorderWidth: 1,
42
+ lineSmooth: false,
43
+ graphLineWidth: 1,
44
+ graphLineColor: "#aaa",
45
+ mapLabelColor: "#000",
46
+ mapLabelColorE: "rgb(100,0,0)",
47
+ mapBorderColor: "#444",
48
+ mapBorderColorE: "#444",
49
+ mapBorderWidth: 0.5,
50
+ mapBorderWidthE: 1,
51
+ mapAreaColor: "#eee",
52
+ mapAreaColorE: "rgba(255,215,0,0.8)",
53
+ axes: [
54
+ {
55
+ type: "all",
56
+ name: "通用坐标轴",
57
+ axisLineShow: true,
58
+ axisLineColor: "#6E7079",
59
+ axisTickShow: true,
60
+ axisTickColor: "#6E7079",
61
+ axisLabelShow: true,
62
+ axisLabelColor: "#6E7079",
63
+ splitLineShow: true,
64
+ splitLineColor: [
65
+ "#E0E6F1"
66
+ ],
67
+ splitAreaShow: false,
68
+ splitAreaColor: [
69
+ "rgba(250,250,250,0.2)",
70
+ "rgba(210,219,238,0.2)"
71
+ ]
72
+ },
73
+ {
74
+ type: "category",
75
+ name: "类目坐标轴",
76
+ axisLineShow: true,
77
+ axisLineColor: "#6E7079",
78
+ axisTickShow: true,
79
+ axisTickColor: "#6E7079",
80
+ axisLabelShow: true,
81
+ axisLabelColor: "#6E7079",
82
+ splitLineShow: false,
83
+ splitLineColor: [
84
+ "#E0E6F1"
85
+ ],
86
+ splitAreaShow: false,
87
+ splitAreaColor: [
88
+ "rgba(250,250,250,0.2)",
89
+ "rgba(210,219,238,0.2)"
90
+ ]
91
+ },
92
+ {
93
+ type: "value",
94
+ name: "数值坐标轴",
95
+ axisLineShow: false,
96
+ axisLineColor: "#6E7079",
97
+ axisTickShow: false,
98
+ axisTickColor: "#6E7079",
99
+ axisLabelShow: true,
100
+ axisLabelColor: "#6E7079",
101
+ splitLineShow: true,
102
+ splitLineColor: [
103
+ "#E0E6F1"
104
+ ],
105
+ splitAreaShow: false,
106
+ splitAreaColor: [
107
+ "rgba(250,250,250,0.2)",
108
+ "rgba(210,219,238,0.2)"
109
+ ]
110
+ },
111
+ {
112
+ type: "log",
113
+ name: "对数坐标轴",
114
+ axisLineShow: false,
115
+ axisLineColor: "#6E7079",
116
+ axisTickShow: false,
117
+ axisTickColor: "#6E7079",
118
+ axisLabelShow: true,
119
+ axisLabelColor: "#6E7079",
120
+ splitLineShow: true,
121
+ splitLineColor: [
122
+ "#E0E6F1"
123
+ ],
124
+ splitAreaShow: false,
125
+ splitAreaColor: [
126
+ "rgba(250,250,250,0.2)",
127
+ "rgba(210,219,238,0.2)"
128
+ ]
129
+ },
130
+ {
131
+ type: "time",
132
+ name: "时间坐标轴",
133
+ axisLineShow: true,
134
+ axisLineColor: "#6E7079",
135
+ axisTickShow: true,
136
+ axisTickColor: "#6E7079",
137
+ axisLabelShow: true,
138
+ axisLabelColor: "#6E7079",
139
+ splitLineShow: false,
140
+ splitLineColor: [
141
+ "#E0E6F1"
142
+ ],
143
+ splitAreaShow: false,
144
+ splitAreaColor: [
145
+ "rgba(250,250,250,0.2)",
146
+ "rgba(210,219,238,0.2)"
147
+ ]
148
+ }
149
+ ],
150
+ axisSeperateSetting: true,
151
+ toolboxColor: "#8d8d8d",
152
+ toolboxEmphasisColor: "#1c2024",
153
+ tooltipAxisColor: "#cccccc",
154
+ tooltipAxisWidth: 1,
155
+ timelineLineColor: "#dae1f5",
156
+ timelineLineWidth: 2,
157
+ timelineItemColor: "#a4b1d7",
158
+ timelineItemColorE: "#ffffff",
159
+ timelineCheckColor: "#316bf3",
160
+ timelineCheckBorderColor: "#ffffff",
161
+ timelineItemBorderWidth: 1,
162
+ timelineControlColor: "#a4b1d7",
163
+ timelineControlBorderColor: "#a4b1d7",
164
+ timelineControlBorderWidth: 1,
165
+ timelineLabelColor: "#a4b1d7"
166
+ };
167
+ var chartTheme = {
168
+ version: version,
169
+ themeName: themeName,
170
+ theme: theme
171
+ };
172
+
4
173
  type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
5
174
  declare function Chart(props: ChartProps): JSX.Element;
6
175
 
7
- export { Chart, type ChartProps };
176
+ export { Chart, type ChartProps, chartTheme };
package/dist/chart/chart.d.ts CHANGED
@@ -1,7 +1,176 @@
1
1
  import React__default from 'react';
2
2
  import ReactECharts from 'echarts-for-react';
3
3
 
4
+ var version = 1;
5
+ var themeName = "customed";
6
+ var theme = {
7
+ seriesCnt: "5",
8
+ backgroundColor: "rgba(0,0,0,0)",
9
+ titleColor: "#1c2024",
10
+ subtitleColor: "#8d8d8d",
11
+ textColorShow: false,
12
+ textColor: "#333",
13
+ markTextColor: "#ffffff",
14
+ color: [
15
+ "#ffe629",
16
+ "#3e63dd",
17
+ "#ec9455",
18
+ "#5bb98b",
19
+ "#cb1d63",
20
+ "#3ba272",
21
+ "#fc8452",
22
+ "#9a60b4",
23
+ "#ea7ccc"
24
+ ],
25
+ borderColor: "#8d8d8d",
26
+ borderWidth: 0,
27
+ visualMapColor: [
28
+ "#bf444c",
29
+ "#d88273",
30
+ "#f6efa6"
31
+ ],
32
+ legendTextColor: "#1c2024",
33
+ kColor: "#eb5454",
34
+ kColor0: "#47b262",
35
+ kBorderColor: "#eb5454",
36
+ kBorderColor0: "#47b262",
37
+ kBorderWidth: 1,
38
+ lineWidth: 2,
39
+ symbolSize: 4,
40
+ symbol: "emptyCircle",
41
+ symbolBorderWidth: 1,
42
+ lineSmooth: false,
43
+ graphLineWidth: 1,
44
+ graphLineColor: "#aaa",
45
+ mapLabelColor: "#000",
46
+ mapLabelColorE: "rgb(100,0,0)",
47
+ mapBorderColor: "#444",
48
+ mapBorderColorE: "#444",
49
+ mapBorderWidth: 0.5,
50
+ mapBorderWidthE: 1,
51
+ mapAreaColor: "#eee",
52
+ mapAreaColorE: "rgba(255,215,0,0.8)",
53
+ axes: [
54
+ {
55
+ type: "all",
56
+ name: "通用坐标轴",
57
+ axisLineShow: true,
58
+ axisLineColor: "#6E7079",
59
+ axisTickShow: true,
60
+ axisTickColor: "#6E7079",
61
+ axisLabelShow: true,
62
+ axisLabelColor: "#6E7079",
63
+ splitLineShow: true,
64
+ splitLineColor: [
65
+ "#E0E6F1"
66
+ ],
67
+ splitAreaShow: false,
68
+ splitAreaColor: [
69
+ "rgba(250,250,250,0.2)",
70
+ "rgba(210,219,238,0.2)"
71
+ ]
72
+ },
73
+ {
74
+ type: "category",
75
+ name: "类目坐标轴",
76
+ axisLineShow: true,
77
+ axisLineColor: "#6E7079",
78
+ axisTickShow: true,
79
+ axisTickColor: "#6E7079",
80
+ axisLabelShow: true,
81
+ axisLabelColor: "#6E7079",
82
+ splitLineShow: false,
83
+ splitLineColor: [
84
+ "#E0E6F1"
85
+ ],
86
+ splitAreaShow: false,
87
+ splitAreaColor: [
88
+ "rgba(250,250,250,0.2)",
89
+ "rgba(210,219,238,0.2)"
90
+ ]
91
+ },
92
+ {
93
+ type: "value",
94
+ name: "数值坐标轴",
95
+ axisLineShow: false,
96
+ axisLineColor: "#6E7079",
97
+ axisTickShow: false,
98
+ axisTickColor: "#6E7079",
99
+ axisLabelShow: true,
100
+ axisLabelColor: "#6E7079",
101
+ splitLineShow: true,
102
+ splitLineColor: [
103
+ "#E0E6F1"
104
+ ],
105
+ splitAreaShow: false,
106
+ splitAreaColor: [
107
+ "rgba(250,250,250,0.2)",
108
+ "rgba(210,219,238,0.2)"
109
+ ]
110
+ },
111
+ {
112
+ type: "log",
113
+ name: "对数坐标轴",
114
+ axisLineShow: false,
115
+ axisLineColor: "#6E7079",
116
+ axisTickShow: false,
117
+ axisTickColor: "#6E7079",
118
+ axisLabelShow: true,
119
+ axisLabelColor: "#6E7079",
120
+ splitLineShow: true,
121
+ splitLineColor: [
122
+ "#E0E6F1"
123
+ ],
124
+ splitAreaShow: false,
125
+ splitAreaColor: [
126
+ "rgba(250,250,250,0.2)",
127
+ "rgba(210,219,238,0.2)"
128
+ ]
129
+ },
130
+ {
131
+ type: "time",
132
+ name: "时间坐标轴",
133
+ axisLineShow: true,
134
+ axisLineColor: "#6E7079",
135
+ axisTickShow: true,
136
+ axisTickColor: "#6E7079",
137
+ axisLabelShow: true,
138
+ axisLabelColor: "#6E7079",
139
+ splitLineShow: false,
140
+ splitLineColor: [
141
+ "#E0E6F1"
142
+ ],
143
+ splitAreaShow: false,
144
+ splitAreaColor: [
145
+ "rgba(250,250,250,0.2)",
146
+ "rgba(210,219,238,0.2)"
147
+ ]
148
+ }
149
+ ],
150
+ axisSeperateSetting: true,
151
+ toolboxColor: "#8d8d8d",
152
+ toolboxEmphasisColor: "#1c2024",
153
+ tooltipAxisColor: "#cccccc",
154
+ tooltipAxisWidth: 1,
155
+ timelineLineColor: "#dae1f5",
156
+ timelineLineWidth: 2,
157
+ timelineItemColor: "#a4b1d7",
158
+ timelineItemColorE: "#ffffff",
159
+ timelineCheckColor: "#316bf3",
160
+ timelineCheckBorderColor: "#ffffff",
161
+ timelineItemBorderWidth: 1,
162
+ timelineControlColor: "#a4b1d7",
163
+ timelineControlBorderColor: "#a4b1d7",
164
+ timelineControlBorderWidth: 1,
165
+ timelineLabelColor: "#a4b1d7"
166
+ };
167
+ var chartTheme = {
168
+ version: version,
169
+ themeName: themeName,
170
+ theme: theme
171
+ };
172
+
4
173
  type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
5
174
  declare function Chart(props: ChartProps): JSX.Element;
6
175
 
7
- export { Chart, type ChartProps };
176
+ export { Chart, type ChartProps, chartTheme };
package/dist/chart/chart.js CHANGED
@@ -155,6 +155,7 @@ function Chart(props) {
155
155
  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(ReactECharts, __spreadValues({ style: { width, height }, theme: chart_theme_default }, props)) });
156
156
  }
157
157
  export {
158
- Chart
158
+ Chart,
159
+ chart_theme_default as chartTheme
159
160
  };
160
161
  //# sourceMappingURL=chart.js.map
package/dist/chart/chart.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport chartTheme from './chart-theme.json';\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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 return (\n <div ref={ref} style={{ width: '100%', height: '100%' }}>\n <ReactECharts style={{ width, height }} theme={chartTheme} {...props} />\n </div>\n );\n}\n","{\n \"version\": 1,\n \"themeName\": \"customed\",\n \"theme\": {\n \"seriesCnt\": \"5\",\n \"backgroundColor\": \"rgba(0,0,0,0)\",\n \"titleColor\": \"#1c2024\",\n \"subtitleColor\": \"#8d8d8d\",\n \"textColorShow\": false,\n \"textColor\": \"#333\",\n \"markTextColor\": \"#ffffff\",\n \"color\": [\n \"#ffe629\",\n \"#3e63dd\",\n \"#ec9455\",\n \"#5bb98b\",\n \"#cb1d63\",\n \"#3ba272\",\n \"#fc8452\",\n \"#9a60b4\",\n \"#ea7ccc\"\n ],\n \"borderColor\": \"#8d8d8d\",\n \"borderWidth\": 0,\n \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n \"legendTextColor\": \"#1c2024\",\n \"kColor\": \"#eb5454\",\n \"kColor0\": \"#47b262\",\n \"kBorderColor\": \"#eb5454\",\n \"kBorderColor0\": \"#47b262\",\n \"kBorderWidth\": 1,\n \"lineWidth\": 2,\n \"symbolSize\": 4,\n \"symbol\": \"emptyCircle\",\n \"symbolBorderWidth\": 1,\n \"lineSmooth\": false,\n \"graphLineWidth\": 1,\n \"graphLineColor\": \"#aaa\",\n \"mapLabelColor\": \"#000\",\n \"mapLabelColorE\": \"rgb(100,0,0)\",\n \"mapBorderColor\": \"#444\",\n \"mapBorderColorE\": \"#444\",\n \"mapBorderWidth\": 0.5,\n \"mapBorderWidthE\": 1,\n \"mapAreaColor\": \"#eee\",\n \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n \"axes\": [\n {\n \"type\": \"all\",\n \"name\": \"通用坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"category\",\n \"name\": \"类目坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"value\",\n \"name\": \"数值坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"log\",\n \"name\": \"对数坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"time\",\n \"name\": \"时间坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n }\n ],\n \"axisSeperateSetting\": true,\n \"toolboxColor\": \"#8d8d8d\",\n \"toolboxEmphasisColor\": \"#1c2024\",\n \"tooltipAxisColor\": \"#cccccc\",\n \"tooltipAxisWidth\": 1,\n \"timelineLineColor\": \"#dae1f5\",\n \"timelineLineWidth\": 2,\n \"timelineItemColor\": \"#a4b1d7\",\n \"timelineItemColorE\": \"#ffffff\",\n \"timelineCheckColor\": \"#316bf3\",\n \"timelineCheckBorderColor\": \"#ffffff\",\n \"timelineItemBorderWidth\": 1,\n \"timelineControlColor\": \"#a4b1d7\",\n \"timelineControlBorderColor\": \"#a4b1d7\",\n \"timelineControlBorderWidth\": 1,\n \"timelineLabelColor\": \"#a4b1d7\"\n }\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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 return (\n <div ref={ref} style={{ width: '100%', height: '100%' }}>\n <ReactECharts style={{ width, height }} theme={chartTheme} {...props} />\n </div>\n );\n}\n","{\n \"version\": 1,\n \"themeName\": \"customed\",\n \"theme\": {\n \"seriesCnt\": \"5\",\n \"backgroundColor\": \"rgba(0,0,0,0)\",\n \"titleColor\": \"#1c2024\",\n \"subtitleColor\": \"#8d8d8d\",\n \"textColorShow\": false,\n \"textColor\": \"#333\",\n \"markTextColor\": \"#ffffff\",\n \"color\": [\n \"#ffe629\",\n \"#3e63dd\",\n \"#ec9455\",\n \"#5bb98b\",\n \"#cb1d63\",\n \"#3ba272\",\n \"#fc8452\",\n \"#9a60b4\",\n \"#ea7ccc\"\n ],\n \"borderColor\": \"#8d8d8d\",\n \"borderWidth\": 0,\n \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n \"legendTextColor\": \"#1c2024\",\n \"kColor\": \"#eb5454\",\n \"kColor0\": \"#47b262\",\n \"kBorderColor\": \"#eb5454\",\n \"kBorderColor0\": \"#47b262\",\n \"kBorderWidth\": 1,\n \"lineWidth\": 2,\n \"symbolSize\": 4,\n \"symbol\": \"emptyCircle\",\n \"symbolBorderWidth\": 1,\n \"lineSmooth\": false,\n \"graphLineWidth\": 1,\n \"graphLineColor\": \"#aaa\",\n \"mapLabelColor\": \"#000\",\n \"mapLabelColorE\": \"rgb(100,0,0)\",\n \"mapBorderColor\": \"#444\",\n \"mapBorderColorE\": \"#444\",\n \"mapBorderWidth\": 0.5,\n \"mapBorderWidthE\": 1,\n \"mapAreaColor\": \"#eee\",\n \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n \"axes\": [\n {\n \"type\": \"all\",\n \"name\": \"通用坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"category\",\n \"name\": \"类目坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"value\",\n \"name\": \"数值坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"log\",\n \"name\": \"对数坐标轴\",\n \"axisLineShow\": false,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": false,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": true,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n },\n {\n \"type\": \"time\",\n \"name\": \"时间坐标轴\",\n \"axisLineShow\": true,\n \"axisLineColor\": \"#6E7079\",\n \"axisTickShow\": true,\n \"axisTickColor\": \"#6E7079\",\n \"axisLabelShow\": true,\n \"axisLabelColor\": \"#6E7079\",\n \"splitLineShow\": false,\n \"splitLineColor\": [\"#E0E6F1\"],\n \"splitAreaShow\": false,\n \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n }\n ],\n \"axisSeperateSetting\": true,\n \"toolboxColor\": \"#8d8d8d\",\n \"toolboxEmphasisColor\": \"#1c2024\",\n \"tooltipAxisColor\": \"#cccccc\",\n \"tooltipAxisWidth\": 1,\n \"timelineLineColor\": \"#dae1f5\",\n \"timelineLineWidth\": 2,\n \"timelineItemColor\": \"#a4b1d7\",\n \"timelineItemColorE\": \"#ffffff\",\n \"timelineCheckColor\": \"#316bf3\",\n \"timelineCheckBorderColor\": \"#ffffff\",\n \"timelineItemBorderWidth\": 1,\n \"timelineControlColor\": \"#a4b1d7\",\n \"timelineControlBorderColor\": \"#a4b1d7\",\n \"timelineControlBorderWidth\": 1,\n \"timelineLabelColor\": \"#a4b1d7\"\n }\n}\n"],"mappings":"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","names":[]}
package/dist/chunk-7FQZ3OZO.js ADDED
@@ -0,0 +1,119 @@
1
+ import {
2
+ Row
3
+ } from "./chunk-PBPRWY2V.js";
4
+ import {
5
+ TriangleArrowDownIcon
6
+ } from "./chunk-BSTJBBEX.js";
7
+ import {
8
+ TriangleArrowUpIcon
9
+ } from "./chunk-NDUKDKGB.js";
10
+ import {
11
+ Flex
12
+ } from "./chunk-25HMMI7R.js";
13
+ import {
14
+ Typo
15
+ } from "./chunk-O3XTRD7R.js";
16
+
17
+ // src/molecules/expand-table/index.tsx
18
+ import {
19
+ flexRender,
20
+ getCoreRowModel,
21
+ useReactTable,
22
+ getSortedRowModel,
23
+ createColumnHelper
24
+ } from "@tanstack/react-table";
25
+ import { useMemo, useState } from "react";
26
+ import { jsx, jsxs } from "react/jsx-runtime";
27
+ function ExpandTable(props) {
28
+ const { data, columns, ExpandComp, placeholder, onRowClick } = props;
29
+ const [sorting, setSorting] = useState([]);
30
+ const { getRowModel, getHeaderGroups } = useReactTable({
31
+ data: data || [],
32
+ columns,
33
+ getCoreRowModel: getCoreRowModel(),
34
+ getSortedRowModel: getSortedRowModel(),
35
+ state: {
36
+ sorting
37
+ },
38
+ onSortingChange: setSorting
39
+ });
40
+ const gridColTemp = useMemo(() => {
41
+ return columns.map((col) => {
42
+ var _a;
43
+ if ((_a = col.meta) == null ? void 0 : _a.autoSize)
44
+ return "1fr";
45
+ return `${col.size || 150}px`;
46
+ }).join(" ");
47
+ }, [columns]);
48
+ const rowModels = getRowModel();
49
+ return /* @__PURE__ */ jsxs("div", { className: "expand-table", children: [
50
+ /* @__PURE__ */ jsx("div", { className: "thead", children: getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
51
+ "div",
52
+ {
53
+ className: "tr",
54
+ style: { gridTemplateColumns: gridColTemp },
55
+ children: headerGroup.headers.map((header) => {
56
+ const sortable = header.column.getCanSort();
57
+ const sortedState = header.column.getIsSorted();
58
+ return /* @__PURE__ */ jsx("div", { className: "th", children: /* @__PURE__ */ jsxs(
59
+ "button",
60
+ {
61
+ onClick: header.column.getToggleSortingHandler(),
62
+ style: sortable ? { cursor: "pointer" } : void 0,
63
+ type: "button",
64
+ children: [
65
+ /* @__PURE__ */ jsx(Typo, { variant: "body", children: flexRender(
66
+ header.column.columnDef.header,
67
+ header.getContext()
68
+ ) }),
69
+ sortable ? /* @__PURE__ */ jsxs(
70
+ Flex,
71
+ {
72
+ direction: "column",
73
+ style: { marginLeft: "var(--space-2)" },
74
+ children: [
75
+ /* @__PURE__ */ jsx(
76
+ TriangleArrowUpIcon,
77
+ {
78
+ color: sortedState === "asc" ? "var(--iris-10)" : "var(--iris-6)"
79
+ }
80
+ ),
81
+ /* @__PURE__ */ jsx(
82
+ TriangleArrowDownIcon,
83
+ {
84
+ color: sortedState === "desc" ? "var(--iris-10)" : "var(--iris-6)"
85
+ }
86
+ )
87
+ ]
88
+ }
89
+ ) : null
90
+ ]
91
+ }
92
+ ) }, header.id);
93
+ })
94
+ },
95
+ headerGroup.id
96
+ )) }),
97
+ /* @__PURE__ */ jsxs("div", { className: "tbody", children: [
98
+ rowModels.rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "tr", children: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
99
+ rowModels.rows.map((row) => {
100
+ return /* @__PURE__ */ jsx(
101
+ Row,
102
+ {
103
+ ExpandComp,
104
+ gridColTemp,
105
+ onRowClick,
106
+ row
107
+ },
108
+ `row_${row.id}`
109
+ );
110
+ })
111
+ ] })
112
+ ] });
113
+ }
114
+
115
+ export {
116
+ createColumnHelper,
117
+ ExpandTable
118
+ };
119
+ //# sourceMappingURL=chunk-7FQZ3OZO.js.map
package/dist/chunk-7FQZ3OZO.js.map ADDED
@@ -0,0 +1 @@
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":[]}
package/dist/index.js CHANGED
@@ -1,24 +1,27 @@
1
+ import {
2
+ useThemeContext
3
+ } from "./chunk-MMGP4GEQ.js";
1
4
  import "./chunk-WWCWPFEJ.js";
2
5
  import {
3
6
  ExpandTable,
4
7
  createColumnHelper
5
- } from "./chunk-K66WIGIV.js";
8
+ } from "./chunk-7FQZ3OZO.js";
6
9
  import "./chunk-PBPRWY2V.js";
10
+ import "./chunk-BSTJBBEX.js";
7
11
  import "./chunk-NDUKDKGB.js";
8
- import {
9
- ThemeProvider
10
- } from "./chunk-PL3Q4UVY.js";
11
- import {
12
- useThemeContext
13
- } from "./chunk-MMGP4GEQ.js";
14
12
  import {
15
13
  uiProps
16
14
  } from "./chunk-NVKNDAIN.js";
17
- import "./chunk-BSTJBBEX.js";
15
+ import {
16
+ ThemeProvider
17
+ } from "./chunk-PL3Q4UVY.js";
18
18
  import "./chunk-MASTHXWN.js";
19
19
  import {
20
20
  DatePicker
21
21
  } from "./chunk-IIBITN2G.js";
22
+ import {
23
+ Switch
24
+ } from "./chunk-OYM4XCHQ.js";
22
25
  import {
23
26
  TabNav
24
27
  } from "./chunk-YJ7ZFOYL.js";
@@ -31,6 +34,9 @@ import {
31
34
  import {
32
35
  TextField
33
36
  } from "./chunk-JPIZP2PZ.js";
37
+ import {
38
+ ScrollArea
39
+ } from "./chunk-ZKZDVS7G.js";
34
40
  import {
35
41
  Section
36
42
  } from "./chunk-MUNMDHRF.js";
@@ -53,11 +59,11 @@ import {
53
59
  Strong
54
60
  } from "./chunk-74DX4CU7.js";
55
61
  import {
56
- Switch
57
- } from "./chunk-OYM4XCHQ.js";
62
+ Link
63
+ } from "./chunk-XQOZWYUA.js";
58
64
  import {
59
65
  Pagination
60
- } from "./chunk-OZLC6KYP.js";
66
+ } from "./chunk-3I5CDBFN.js";
61
67
  import {
62
68
  Popover
63
69
  } from "./chunk-5AVBYDPB.js";
@@ -76,9 +82,6 @@ import {
76
82
  import {
77
83
  Radio
78
84
  } from "./chunk-FPD73OHW.js";
79
- import {
80
- ScrollArea
81
- } from "./chunk-ZKZDVS7G.js";
82
85
  import {
83
86
  Grid
84
87
  } from "./chunk-EGEQY3KT.js";
@@ -98,8 +101,8 @@ import {
98
101
  Kbd
99
102
  } from "./chunk-TULWX7D6.js";
100
103
  import {
101
- Link
102
- } from "./chunk-XQOZWYUA.js";
104
+ Collapse
105
+ } from "./chunk-OCJNQGHN.js";
103
106
  import {
104
107
  Container
105
108
  } from "./chunk-Q37G2GS6.js";
@@ -123,13 +126,16 @@ import {
123
126
  } from "./chunk-2DZ2Y3JI.js";
124
127
  import {
125
128
  FieldErrorWrapper
126
- } from "./chunk-CNQ7RNNY.js";
129
+ } from "./chunk-CHHLIPDN.js";
130
+ import {
131
+ Flex
132
+ } from "./chunk-25HMMI7R.js";
127
133
  import {
128
134
  Typo
129
135
  } from "./chunk-O3XTRD7R.js";
130
136
  import {
131
- Flex
132
- } from "./chunk-25HMMI7R.js";
137
+ Box
138
+ } from "./chunk-4Y5BEXVN.js";
133
139
  import {
134
140
  Button
135
141
  } from "./chunk-RET725VL.js";
@@ -151,9 +157,6 @@ import {
151
157
  import {
152
158
  Code
153
159
  } from "./chunk-OHMOP5PV.js";
154
- import {
155
- Collapse
156
- } from "./chunk-OCJNQGHN.js";
157
160
  import {
158
161
  BookmarkFilledIcon,
159
162
  BookmarkIcon,
@@ -183,9 +186,6 @@ import {
183
186
  import {
184
187
  Blockquote
185
188
  } from "./chunk-YGL6SWKN.js";
186
- import {
187
- Box
188
- } from "./chunk-4Y5BEXVN.js";
189
189
  import "./chunk-N552FDTV.js";
190
190
  export {
191
191
  AlertDialog,
package/dist/molecules/expand-table/index.js CHANGED
@@ -1,16 +1,18 @@
1
1
  import {
2
2
  ExpandTable,
3
3
  createColumnHelper
4
- } from "../../chunk-K66WIGIV.js";
4
+ } from "../../chunk-7FQZ3OZO.js";
5
5
  import "../../chunk-PBPRWY2V.js";
6
- import "../../chunk-NDUKDKGB.js";
7
6
  import "../../chunk-BSTJBBEX.js";
7
+ import "../../chunk-NDUKDKGB.js";
8
8
  import "../../chunk-MASTHXWN.js";
9
9
  import "../../chunk-IIBITN2G.js";
10
+ import "../../chunk-OYM4XCHQ.js";
10
11
  import "../../chunk-YJ7ZFOYL.js";
11
12
  import "../../chunk-5ZITU5L7.js";
12
13
  import "../../chunk-ILRUXI2E.js";
13
14
  import "../../chunk-JPIZP2PZ.js";
15
+ import "../../chunk-ZKZDVS7G.js";
14
16
  import "../../chunk-MUNMDHRF.js";
15
17
  import "../../chunk-TVDKGMBI.js";
16
18
  import "../../chunk-355MU6BH.js";
@@ -18,22 +20,21 @@ import "../../chunk-HYITAA4J.js";
18
20
  import "../../chunk-5H3YPCZK.js";
19
21
  import "../../chunk-FR2GDOU2.js";
20
22
  import "../../chunk-74DX4CU7.js";
21
- import "../../chunk-OYM4XCHQ.js";
22
- import "../../chunk-OZLC6KYP.js";
23
+ import "../../chunk-XQOZWYUA.js";
24
+ import "../../chunk-3I5CDBFN.js";
23
25
  import "../../chunk-5AVBYDPB.js";
24
26
  import "../../chunk-365QMK4D.js";
25
27
  import "../../chunk-YO3BQW6S.js";
26
28
  import "../../chunk-6IVCARWS.js";
27
29
  import "../../chunk-6DJOIRMF.js";
28
30
  import "../../chunk-FPD73OHW.js";
29
- import "../../chunk-ZKZDVS7G.js";
30
31
  import "../../chunk-EGEQY3KT.js";
31
32
  import "../../chunk-HLOY6BIP.js";
32
33
  import "../../chunk-O3T3TM3V.js";
33
34
  import "../../chunk-O3DNDMV3.js";
34
35
  import "../../chunk-XQOL7UBI.js";
35
36
  import "../../chunk-TULWX7D6.js";
36
- import "../../chunk-XQOZWYUA.js";
37
+ import "../../chunk-OCJNQGHN.js";
37
38
  import "../../chunk-Q37G2GS6.js";
38
39
  import "../../chunk-VTJZMOSP.js";
39
40
  import "../../chunk-P6B2PNYI.js";
@@ -41,9 +42,10 @@ import "../../chunk-YTZSKMX3.js";
41
42
  import "../../chunk-4IKPNQV5.js";
42
43
  import "../../chunk-ACVANQJ4.js";
43
44
  import "../../chunk-2DZ2Y3JI.js";
44
- import "../../chunk-CNQ7RNNY.js";
45
- import "../../chunk-O3XTRD7R.js";
45
+ import "../../chunk-CHHLIPDN.js";
46
46
  import "../../chunk-25HMMI7R.js";
47
+ import "../../chunk-O3XTRD7R.js";
48
+ import "../../chunk-4Y5BEXVN.js";
47
49
  import "../../chunk-RET725VL.js";
48
50
  import "../../chunk-B6XJN6EC.js";
49
51
  import "../../chunk-FYEASFUU.js";
@@ -51,14 +53,12 @@ import "../../chunk-MIMJ7LON.js";
51
53
  import "../../chunk-IQEEPHOY.js";
52
54
  import "../../chunk-JEHDCZQU.js";
53
55
  import "../../chunk-OHMOP5PV.js";
54
- import "../../chunk-OCJNQGHN.js";
55
56
  import "../../chunk-MMAV5BRZ.js";
56
57
  import "../../chunk-J242TTFH.js";
57
58
  import "../../chunk-EAXUQEO5.js";
58
59
  import "../../chunk-CZEGRZBK.js";
59
60
  import "../../chunk-ALOPZ54P.js";
60
61
  import "../../chunk-YGL6SWKN.js";
61
- import "../../chunk-4Y5BEXVN.js";
62
62
  import "../../chunk-N552FDTV.js";
63
63
  export {
64
64
  ExpandTable,
package/dist/molecules/expand-table/row.js CHANGED
@@ -3,10 +3,12 @@ import {
3
3
  } from "../../chunk-PBPRWY2V.js";
4
4
  import "../../chunk-MASTHXWN.js";
5
5
  import "../../chunk-IIBITN2G.js";
6
+ import "../../chunk-OYM4XCHQ.js";
6
7
  import "../../chunk-YJ7ZFOYL.js";
7
8
  import "../../chunk-5ZITU5L7.js";
8
9
  import "../../chunk-ILRUXI2E.js";
9
10
  import "../../chunk-JPIZP2PZ.js";
11
+ import "../../chunk-ZKZDVS7G.js";
10
12
  import "../../chunk-MUNMDHRF.js";
11
13
  import "../../chunk-TVDKGMBI.js";
12
14
  import "../../chunk-355MU6BH.js";
@@ -14,22 +16,21 @@ import "../../chunk-HYITAA4J.js";
14
16
  import "../../chunk-5H3YPCZK.js";
15
17
  import "../../chunk-FR2GDOU2.js";
16
18
  import "../../chunk-74DX4CU7.js";
17
- import "../../chunk-OYM4XCHQ.js";
18
- import "../../chunk-OZLC6KYP.js";
19
+ import "../../chunk-XQOZWYUA.js";
20
+ import "../../chunk-3I5CDBFN.js";
19
21
  import "../../chunk-5AVBYDPB.js";
20
22
  import "../../chunk-365QMK4D.js";
21
23
  import "../../chunk-YO3BQW6S.js";
22
24
  import "../../chunk-6IVCARWS.js";
23
25
  import "../../chunk-6DJOIRMF.js";
24
26
  import "../../chunk-FPD73OHW.js";
25
- import "../../chunk-ZKZDVS7G.js";
26
27
  import "../../chunk-EGEQY3KT.js";
27
28
  import "../../chunk-HLOY6BIP.js";
28
29
  import "../../chunk-O3T3TM3V.js";
29
30
  import "../../chunk-O3DNDMV3.js";
30
31
  import "../../chunk-XQOL7UBI.js";
31
32
  import "../../chunk-TULWX7D6.js";
32
- import "../../chunk-XQOZWYUA.js";
33
+ import "../../chunk-OCJNQGHN.js";
33
34
  import "../../chunk-Q37G2GS6.js";
34
35
  import "../../chunk-VTJZMOSP.js";
35
36
  import "../../chunk-P6B2PNYI.js";
@@ -37,9 +38,10 @@ import "../../chunk-YTZSKMX3.js";
37
38
  import "../../chunk-4IKPNQV5.js";
38
39
  import "../../chunk-ACVANQJ4.js";
39
40
  import "../../chunk-2DZ2Y3JI.js";
40
- import "../../chunk-CNQ7RNNY.js";
41
- import "../../chunk-O3XTRD7R.js";
41
+ import "../../chunk-CHHLIPDN.js";
42
42
  import "../../chunk-25HMMI7R.js";
43
+ import "../../chunk-O3XTRD7R.js";
44
+ import "../../chunk-4Y5BEXVN.js";
43
45
  import "../../chunk-RET725VL.js";
44
46
  import "../../chunk-B6XJN6EC.js";
45
47
  import "../../chunk-FYEASFUU.js";
@@ -47,14 +49,12 @@ import "../../chunk-MIMJ7LON.js";
47
49
  import "../../chunk-IQEEPHOY.js";
48
50
  import "../../chunk-JEHDCZQU.js";
49
51
  import "../../chunk-OHMOP5PV.js";
50
- import "../../chunk-OCJNQGHN.js";
51
52
  import "../../chunk-MMAV5BRZ.js";
52
53
  import "../../chunk-J242TTFH.js";
53
54
  import "../../chunk-EAXUQEO5.js";
54
55
  import "../../chunk-CZEGRZBK.js";
55
56
  import "../../chunk-ALOPZ54P.js";
56
57
  import "../../chunk-YGL6SWKN.js";
57
- import "../../chunk-4Y5BEXVN.js";
58
58
  import "../../chunk-N552FDTV.js";
59
59
  export {
60
60
  Row
package/dist/molecules/index.js CHANGED
@@ -2,16 +2,18 @@ import "../chunk-WWCWPFEJ.js";
2
2
  import {
3
3
  ExpandTable,
4
4
  createColumnHelper
5
- } from "../chunk-K66WIGIV.js";
5
+ } from "../chunk-7FQZ3OZO.js";
6
6
  import "../chunk-PBPRWY2V.js";
7
- import "../chunk-NDUKDKGB.js";
8
7
  import "../chunk-BSTJBBEX.js";
8
+ import "../chunk-NDUKDKGB.js";
9
9
  import "../chunk-MASTHXWN.js";
10
10
  import "../chunk-IIBITN2G.js";
11
+ import "../chunk-OYM4XCHQ.js";
11
12
  import "../chunk-YJ7ZFOYL.js";
12
13
  import "../chunk-5ZITU5L7.js";
13
14
  import "../chunk-ILRUXI2E.js";
14
15
  import "../chunk-JPIZP2PZ.js";
16
+ import "../chunk-ZKZDVS7G.js";
15
17
  import "../chunk-MUNMDHRF.js";
16
18
  import "../chunk-TVDKGMBI.js";
17
19
  import "../chunk-355MU6BH.js";
@@ -19,22 +21,21 @@ import "../chunk-HYITAA4J.js";
19
21
  import "../chunk-5H3YPCZK.js";
20
22
  import "../chunk-FR2GDOU2.js";
21
23
  import "../chunk-74DX4CU7.js";
22
- import "../chunk-OYM4XCHQ.js";
23
- import "../chunk-OZLC6KYP.js";
24
+ import "../chunk-XQOZWYUA.js";
25
+ import "../chunk-3I5CDBFN.js";
24
26
  import "../chunk-5AVBYDPB.js";
25
27
  import "../chunk-365QMK4D.js";
26
28
  import "../chunk-YO3BQW6S.js";
27
29
  import "../chunk-6IVCARWS.js";
28
30
  import "../chunk-6DJOIRMF.js";
29
31
  import "../chunk-FPD73OHW.js";
30
- import "../chunk-ZKZDVS7G.js";
31
32
  import "../chunk-EGEQY3KT.js";
32
33
  import "../chunk-HLOY6BIP.js";
33
34
  import "../chunk-O3T3TM3V.js";
34
35
  import "../chunk-O3DNDMV3.js";
35
36
  import "../chunk-XQOL7UBI.js";
36
37
  import "../chunk-TULWX7D6.js";
37
- import "../chunk-XQOZWYUA.js";
38
+ import "../chunk-OCJNQGHN.js";
38
39
  import "../chunk-Q37G2GS6.js";
39
40
  import "../chunk-VTJZMOSP.js";
40
41
  import "../chunk-P6B2PNYI.js";
@@ -42,9 +43,10 @@ import "../chunk-YTZSKMX3.js";
42
43
  import "../chunk-4IKPNQV5.js";
43
44
  import "../chunk-ACVANQJ4.js";
44
45
  import "../chunk-2DZ2Y3JI.js";
45
- import "../chunk-CNQ7RNNY.js";
46
- import "../chunk-O3XTRD7R.js";
46
+ import "../chunk-CHHLIPDN.js";
47
47
  import "../chunk-25HMMI7R.js";
48
+ import "../chunk-O3XTRD7R.js";
49
+ import "../chunk-4Y5BEXVN.js";
48
50
  import "../chunk-RET725VL.js";
49
51
  import "../chunk-B6XJN6EC.js";
50
52
  import "../chunk-FYEASFUU.js";
@@ -52,14 +54,12 @@ import "../chunk-MIMJ7LON.js";
52
54
  import "../chunk-IQEEPHOY.js";
53
55
  import "../chunk-JEHDCZQU.js";
54
56
  import "../chunk-OHMOP5PV.js";
55
- import "../chunk-OCJNQGHN.js";
56
57
  import "../chunk-MMAV5BRZ.js";
57
58
  import "../chunk-J242TTFH.js";
58
59
  import "../chunk-EAXUQEO5.js";
59
60
  import "../chunk-CZEGRZBK.js";
60
61
  import "../chunk-ALOPZ54P.js";
61
62
  import "../chunk-YGL6SWKN.js";
62
- import "../chunk-4Y5BEXVN.js";
63
63
  import "../chunk-N552FDTV.js";
64
64
  export {
65
65
  ExpandTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "0.1.22",
3
+ "version": "1.0.2",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {
package/src/chart/chart.tsx CHANGED
@@ -3,6 +3,8 @@ import { useResizeDetector } from 'react-resize-detector';
3
3
  import ReactECharts from 'echarts-for-react';
4
4
  import chartTheme from './chart-theme.json';
5
5
 
6
+ export { chartTheme };
7
+
6
8
  export type ChartProps = React.ComponentProps<typeof ReactECharts>;
7
9
 
8
10
  export function Chart(props: ChartProps): JSX.Element {