@mekari/pixel3-chart 0.0.1-dev.0

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 (23) hide show
  1. package/dist/chart.d.mts +270 -0
  2. package/dist/chart.d.ts +270 -0
  3. package/dist/chart.js +866 -0
  4. package/dist/chart.mjs +9 -0
  5. package/dist/chunk-4Y625OEJ.mjs +128 -0
  6. package/dist/chunk-5SYLA56O.mjs +624 -0
  7. package/dist/chunk-QZ7VFGWC.mjs +6 -0
  8. package/dist/chunk-RG3PDKE3.mjs +99 -0
  9. package/dist/index.d.mts +5 -0
  10. package/dist/index.d.ts +5 -0
  11. package/dist/index.js +868 -0
  12. package/dist/index.mjs +9 -0
  13. package/dist/metafile-cjs.json +1 -0
  14. package/dist/metafile-esm.json +1 -0
  15. package/dist/modules/chart.hooks.d.mts +106 -0
  16. package/dist/modules/chart.hooks.d.ts +106 -0
  17. package/dist/modules/chart.hooks.js +655 -0
  18. package/dist/modules/chart.hooks.mjs +7 -0
  19. package/dist/modules/chart.props.d.mts +126 -0
  20. package/dist/modules/chart.props.d.ts +126 -0
  21. package/dist/modules/chart.props.js +153 -0
  22. package/dist/modules/chart.props.mjs +9 -0
  23. package/package.json +48 -0
package/dist/chart.d.mts ADDED
@@ -0,0 +1,270 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as chart_js_dist_types_utils from 'chart.js/dist/types/utils';
3
+ import * as chart_js from 'chart.js';
4
+ import * as vue from 'vue';
5
+
6
+ declare const MpChart: vue.DefineComponent<{
7
+ id: {
8
+ type: vue.PropType<string>;
9
+ default: string;
10
+ };
11
+ title: {
12
+ type: vue.PropType<string>;
13
+ default: string;
14
+ };
15
+ type: {
16
+ type: vue.PropType<keyof chart_js.ChartTypeRegistry>;
17
+ default: string;
18
+ };
19
+ widthChart: {
20
+ type: vue.PropType<string>;
21
+ default: string;
22
+ };
23
+ heightChart: {
24
+ type: vue.PropType<string>;
25
+ default: string;
26
+ };
27
+ widthContainer: {
28
+ type: vue.PropType<string>;
29
+ default: string;
30
+ };
31
+ heightContainer: {
32
+ type: vue.PropType<string>;
33
+ default: string;
34
+ };
35
+ data: {
36
+ type: vue.PropType<chart_js.ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
37
+ default: () => {
38
+ labels: string;
39
+ dataSets: never[];
40
+ };
41
+ };
42
+ options: {
43
+ type: vue.PropType<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
44
+ default: () => void;
45
+ };
46
+ colorPattern: {
47
+ type: vue.PropType<string>;
48
+ default: string;
49
+ };
50
+ colorStart: {
51
+ type: vue.PropType<number>;
52
+ default: number;
53
+ };
54
+ colorRatio: {
55
+ type: vue.PropType<number>;
56
+ default: number;
57
+ };
58
+ legendPosition: {
59
+ type: vue.PropType<string>;
60
+ default: string;
61
+ };
62
+ legendDirection: {
63
+ type: vue.PropType<string>;
64
+ default: string;
65
+ };
66
+ tooltipMarginTop: {
67
+ type: vue.PropType<number>;
68
+ default: number;
69
+ };
70
+ tooltipMarginLeft: {
71
+ type: vue.PropType<number>;
72
+ default: number;
73
+ };
74
+ tooltipOptions: {
75
+ type: ObjectConstructor;
76
+ default: () => {
77
+ offsetTop: number;
78
+ offsetLeft: number;
79
+ };
80
+ };
81
+ isShowLegend: {
82
+ type: vue.PropType<boolean>;
83
+ default: boolean;
84
+ };
85
+ isShowTooltip: {
86
+ type: vue.PropType<boolean>;
87
+ default: boolean;
88
+ };
89
+ isShowDataLabels: {
90
+ type: vue.PropType<boolean>;
91
+ default: boolean;
92
+ };
93
+ isHorizontal: {
94
+ type: vue.PropType<boolean>;
95
+ default: boolean;
96
+ };
97
+ isStacked: {
98
+ type: vue.PropType<boolean>;
99
+ default: boolean;
100
+ };
101
+ isArea: {
102
+ type: vue.PropType<boolean>;
103
+ default: boolean;
104
+ };
105
+ isDebug: {
106
+ type: vue.PropType<boolean>;
107
+ default: boolean;
108
+ };
109
+ isShowBackgroundHover: {
110
+ type: vue.PropType<boolean>;
111
+ default: boolean;
112
+ };
113
+ isShowGaugePointer: {
114
+ type: vue.PropType<boolean>;
115
+ default: boolean;
116
+ };
117
+ isMixedChart: {
118
+ type: vue.PropType<boolean>;
119
+ default: boolean;
120
+ };
121
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("show-tooltip" | "hide-tooltip" | "click-legend")[], "show-tooltip" | "hide-tooltip" | "click-legend", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
122
+ id: {
123
+ type: vue.PropType<string>;
124
+ default: string;
125
+ };
126
+ title: {
127
+ type: vue.PropType<string>;
128
+ default: string;
129
+ };
130
+ type: {
131
+ type: vue.PropType<keyof chart_js.ChartTypeRegistry>;
132
+ default: string;
133
+ };
134
+ widthChart: {
135
+ type: vue.PropType<string>;
136
+ default: string;
137
+ };
138
+ heightChart: {
139
+ type: vue.PropType<string>;
140
+ default: string;
141
+ };
142
+ widthContainer: {
143
+ type: vue.PropType<string>;
144
+ default: string;
145
+ };
146
+ heightContainer: {
147
+ type: vue.PropType<string>;
148
+ default: string;
149
+ };
150
+ data: {
151
+ type: vue.PropType<chart_js.ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
152
+ default: () => {
153
+ labels: string;
154
+ dataSets: never[];
155
+ };
156
+ };
157
+ options: {
158
+ type: vue.PropType<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
159
+ default: () => void;
160
+ };
161
+ colorPattern: {
162
+ type: vue.PropType<string>;
163
+ default: string;
164
+ };
165
+ colorStart: {
166
+ type: vue.PropType<number>;
167
+ default: number;
168
+ };
169
+ colorRatio: {
170
+ type: vue.PropType<number>;
171
+ default: number;
172
+ };
173
+ legendPosition: {
174
+ type: vue.PropType<string>;
175
+ default: string;
176
+ };
177
+ legendDirection: {
178
+ type: vue.PropType<string>;
179
+ default: string;
180
+ };
181
+ tooltipMarginTop: {
182
+ type: vue.PropType<number>;
183
+ default: number;
184
+ };
185
+ tooltipMarginLeft: {
186
+ type: vue.PropType<number>;
187
+ default: number;
188
+ };
189
+ tooltipOptions: {
190
+ type: ObjectConstructor;
191
+ default: () => {
192
+ offsetTop: number;
193
+ offsetLeft: number;
194
+ };
195
+ };
196
+ isShowLegend: {
197
+ type: vue.PropType<boolean>;
198
+ default: boolean;
199
+ };
200
+ isShowTooltip: {
201
+ type: vue.PropType<boolean>;
202
+ default: boolean;
203
+ };
204
+ isShowDataLabels: {
205
+ type: vue.PropType<boolean>;
206
+ default: boolean;
207
+ };
208
+ isHorizontal: {
209
+ type: vue.PropType<boolean>;
210
+ default: boolean;
211
+ };
212
+ isStacked: {
213
+ type: vue.PropType<boolean>;
214
+ default: boolean;
215
+ };
216
+ isArea: {
217
+ type: vue.PropType<boolean>;
218
+ default: boolean;
219
+ };
220
+ isDebug: {
221
+ type: vue.PropType<boolean>;
222
+ default: boolean;
223
+ };
224
+ isShowBackgroundHover: {
225
+ type: vue.PropType<boolean>;
226
+ default: boolean;
227
+ };
228
+ isShowGaugePointer: {
229
+ type: vue.PropType<boolean>;
230
+ default: boolean;
231
+ };
232
+ isMixedChart: {
233
+ type: vue.PropType<boolean>;
234
+ default: boolean;
235
+ };
236
+ }>> & {
237
+ "onShow-tooltip"?: ((...args: any[]) => any) | undefined;
238
+ "onHide-tooltip"?: ((...args: any[]) => any) | undefined;
239
+ "onClick-legend"?: ((...args: any[]) => any) | undefined;
240
+ }, {
241
+ id: string;
242
+ title: string;
243
+ type: keyof chart_js.ChartTypeRegistry;
244
+ widthChart: string;
245
+ heightChart: string;
246
+ widthContainer: string;
247
+ heightContainer: string;
248
+ data: chart_js.ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>;
249
+ options: chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>;
250
+ colorPattern: string;
251
+ colorStart: number;
252
+ colorRatio: number;
253
+ legendPosition: string;
254
+ legendDirection: string;
255
+ tooltipMarginTop: number;
256
+ tooltipMarginLeft: number;
257
+ tooltipOptions: Record<string, any>;
258
+ isShowLegend: boolean;
259
+ isShowTooltip: boolean;
260
+ isShowDataLabels: boolean;
261
+ isHorizontal: boolean;
262
+ isStacked: boolean;
263
+ isArea: boolean;
264
+ isDebug: boolean;
265
+ isShowBackgroundHover: boolean;
266
+ isShowGaugePointer: boolean;
267
+ isMixedChart: boolean;
268
+ }, {}>;
269
+
270
+ export { MpChart };
package/dist/chart.d.ts ADDED
@@ -0,0 +1,270 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as chart_js_dist_types_utils from 'chart.js/dist/types/utils';
3
+ import * as chart_js from 'chart.js';
4
+ import * as vue from 'vue';
5
+
6
+ declare const MpChart: vue.DefineComponent<{
7
+ id: {
8
+ type: vue.PropType<string>;
9
+ default: string;
10
+ };
11
+ title: {
12
+ type: vue.PropType<string>;
13
+ default: string;
14
+ };
15
+ type: {
16
+ type: vue.PropType<keyof chart_js.ChartTypeRegistry>;
17
+ default: string;
18
+ };
19
+ widthChart: {
20
+ type: vue.PropType<string>;
21
+ default: string;
22
+ };
23
+ heightChart: {
24
+ type: vue.PropType<string>;
25
+ default: string;
26
+ };
27
+ widthContainer: {
28
+ type: vue.PropType<string>;
29
+ default: string;
30
+ };
31
+ heightContainer: {
32
+ type: vue.PropType<string>;
33
+ default: string;
34
+ };
35
+ data: {
36
+ type: vue.PropType<chart_js.ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
37
+ default: () => {
38
+ labels: string;
39
+ dataSets: never[];
40
+ };
41
+ };
42
+ options: {
43
+ type: vue.PropType<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
44
+ default: () => void;
45
+ };
46
+ colorPattern: {
47
+ type: vue.PropType<string>;
48
+ default: string;
49
+ };
50
+ colorStart: {
51
+ type: vue.PropType<number>;
52
+ default: number;
53
+ };
54
+ colorRatio: {
55
+ type: vue.PropType<number>;
56
+ default: number;
57
+ };
58
+ legendPosition: {
59
+ type: vue.PropType<string>;
60
+ default: string;
61
+ };
62
+ legendDirection: {
63
+ type: vue.PropType<string>;
64
+ default: string;
65
+ };
66
+ tooltipMarginTop: {
67
+ type: vue.PropType<number>;
68
+ default: number;
69
+ };
70
+ tooltipMarginLeft: {
71
+ type: vue.PropType<number>;
72
+ default: number;
73
+ };
74
+ tooltipOptions: {
75
+ type: ObjectConstructor;
76
+ default: () => {
77
+ offsetTop: number;
78
+ offsetLeft: number;
79
+ };
80
+ };
81
+ isShowLegend: {
82
+ type: vue.PropType<boolean>;
83
+ default: boolean;
84
+ };
85
+ isShowTooltip: {
86
+ type: vue.PropType<boolean>;
87
+ default: boolean;
88
+ };
89
+ isShowDataLabels: {
90
+ type: vue.PropType<boolean>;
91
+ default: boolean;
92
+ };
93
+ isHorizontal: {
94
+ type: vue.PropType<boolean>;
95
+ default: boolean;
96
+ };
97
+ isStacked: {
98
+ type: vue.PropType<boolean>;
99
+ default: boolean;
100
+ };
101
+ isArea: {
102
+ type: vue.PropType<boolean>;
103
+ default: boolean;
104
+ };
105
+ isDebug: {
106
+ type: vue.PropType<boolean>;
107
+ default: boolean;
108
+ };
109
+ isShowBackgroundHover: {
110
+ type: vue.PropType<boolean>;
111
+ default: boolean;
112
+ };
113
+ isShowGaugePointer: {
114
+ type: vue.PropType<boolean>;
115
+ default: boolean;
116
+ };
117
+ isMixedChart: {
118
+ type: vue.PropType<boolean>;
119
+ default: boolean;
120
+ };
121
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("show-tooltip" | "hide-tooltip" | "click-legend")[], "show-tooltip" | "hide-tooltip" | "click-legend", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
122
+ id: {
123
+ type: vue.PropType<string>;
124
+ default: string;
125
+ };
126
+ title: {
127
+ type: vue.PropType<string>;
128
+ default: string;
129
+ };
130
+ type: {
131
+ type: vue.PropType<keyof chart_js.ChartTypeRegistry>;
132
+ default: string;
133
+ };
134
+ widthChart: {
135
+ type: vue.PropType<string>;
136
+ default: string;
137
+ };
138
+ heightChart: {
139
+ type: vue.PropType<string>;
140
+ default: string;
141
+ };
142
+ widthContainer: {
143
+ type: vue.PropType<string>;
144
+ default: string;
145
+ };
146
+ heightContainer: {
147
+ type: vue.PropType<string>;
148
+ default: string;
149
+ };
150
+ data: {
151
+ type: vue.PropType<chart_js.ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
152
+ default: () => {
153
+ labels: string;
154
+ dataSets: never[];
155
+ };
156
+ };
157
+ options: {
158
+ type: vue.PropType<chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
159
+ default: () => void;
160
+ };
161
+ colorPattern: {
162
+ type: vue.PropType<string>;
163
+ default: string;
164
+ };
165
+ colorStart: {
166
+ type: vue.PropType<number>;
167
+ default: number;
168
+ };
169
+ colorRatio: {
170
+ type: vue.PropType<number>;
171
+ default: number;
172
+ };
173
+ legendPosition: {
174
+ type: vue.PropType<string>;
175
+ default: string;
176
+ };
177
+ legendDirection: {
178
+ type: vue.PropType<string>;
179
+ default: string;
180
+ };
181
+ tooltipMarginTop: {
182
+ type: vue.PropType<number>;
183
+ default: number;
184
+ };
185
+ tooltipMarginLeft: {
186
+ type: vue.PropType<number>;
187
+ default: number;
188
+ };
189
+ tooltipOptions: {
190
+ type: ObjectConstructor;
191
+ default: () => {
192
+ offsetTop: number;
193
+ offsetLeft: number;
194
+ };
195
+ };
196
+ isShowLegend: {
197
+ type: vue.PropType<boolean>;
198
+ default: boolean;
199
+ };
200
+ isShowTooltip: {
201
+ type: vue.PropType<boolean>;
202
+ default: boolean;
203
+ };
204
+ isShowDataLabels: {
205
+ type: vue.PropType<boolean>;
206
+ default: boolean;
207
+ };
208
+ isHorizontal: {
209
+ type: vue.PropType<boolean>;
210
+ default: boolean;
211
+ };
212
+ isStacked: {
213
+ type: vue.PropType<boolean>;
214
+ default: boolean;
215
+ };
216
+ isArea: {
217
+ type: vue.PropType<boolean>;
218
+ default: boolean;
219
+ };
220
+ isDebug: {
221
+ type: vue.PropType<boolean>;
222
+ default: boolean;
223
+ };
224
+ isShowBackgroundHover: {
225
+ type: vue.PropType<boolean>;
226
+ default: boolean;
227
+ };
228
+ isShowGaugePointer: {
229
+ type: vue.PropType<boolean>;
230
+ default: boolean;
231
+ };
232
+ isMixedChart: {
233
+ type: vue.PropType<boolean>;
234
+ default: boolean;
235
+ };
236
+ }>> & {
237
+ "onShow-tooltip"?: ((...args: any[]) => any) | undefined;
238
+ "onHide-tooltip"?: ((...args: any[]) => any) | undefined;
239
+ "onClick-legend"?: ((...args: any[]) => any) | undefined;
240
+ }, {
241
+ id: string;
242
+ title: string;
243
+ type: keyof chart_js.ChartTypeRegistry;
244
+ widthChart: string;
245
+ heightChart: string;
246
+ widthContainer: string;
247
+ heightContainer: string;
248
+ data: chart_js.ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>;
249
+ options: chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>;
250
+ colorPattern: string;
251
+ colorStart: number;
252
+ colorRatio: number;
253
+ legendPosition: string;
254
+ legendDirection: string;
255
+ tooltipMarginTop: number;
256
+ tooltipMarginLeft: number;
257
+ tooltipOptions: Record<string, any>;
258
+ isShowLegend: boolean;
259
+ isShowTooltip: boolean;
260
+ isShowDataLabels: boolean;
261
+ isHorizontal: boolean;
262
+ isStacked: boolean;
263
+ isArea: boolean;
264
+ isDebug: boolean;
265
+ isShowBackgroundHover: boolean;
266
+ isShowGaugePointer: boolean;
267
+ isMixedChart: boolean;
268
+ }, {}>;
269
+
270
+ export { MpChart };