@milaboratories/graph-maker 1.1.17 → 1.1.19
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/GraphMaker/components/Chart.vue.d.ts +4 -0
- package/dist/GraphMaker/components/DendroTooltip.vue.d.ts +4 -0
- package/dist/GraphMaker/components/PlColorSliderThumb.vue.d.ts +1 -1
- package/dist/GraphMaker/constant.d.ts +7 -0
- package/dist/GraphMaker/dataBindAes.d.ts +2 -1
- package/dist/GraphMaker/index.vue.d.ts +32 -0
- package/dist/GraphMaker/store.d.ts +12 -0
- package/dist/GraphMaker/types.d.ts +1 -0
- package/dist/graph-maker.js +40173 -39996
- package/dist/graph-maker.umd.cjs +946 -946
- package/dist/style.css +1 -1
- package/package.json +6 -7
|
@@ -4,17 +4,21 @@ declare function __VLS_template(): {
|
|
|
4
4
|
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
5
5
|
empty: boolean;
|
|
6
6
|
graphTitle: string;
|
|
7
|
+
dendroTooltipButton?: string;
|
|
7
8
|
chartData: Record<string, unknown> | null;
|
|
8
9
|
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
10
|
"graph-title-update": (...args: any[]) => void;
|
|
10
11
|
"dendro-node-select": (...args: any[]) => void;
|
|
12
|
+
"dendro-tooltip-btn-click": (...args: any[]) => void;
|
|
11
13
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
12
14
|
empty: boolean;
|
|
13
15
|
graphTitle: string;
|
|
16
|
+
dendroTooltipButton?: string;
|
|
14
17
|
chartData: Record<string, unknown> | null;
|
|
15
18
|
}>>> & Readonly<{
|
|
16
19
|
"onGraph-title-update"?: ((...args: any[]) => any) | undefined;
|
|
17
20
|
"onDendro-node-select"?: ((...args: any[]) => any) | undefined;
|
|
21
|
+
"onDendro-tooltip-btn-click"?: ((...args: any[]) => any) | undefined;
|
|
18
22
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
19
23
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
20
24
|
export default _default;
|
|
@@ -4,18 +4,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
4
4
|
y: number;
|
|
5
5
|
info: Record<string, string | number>;
|
|
6
6
|
};
|
|
7
|
+
tooltipBtn?: string;
|
|
7
8
|
containerRef: Element;
|
|
8
9
|
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
10
|
close: (...args: any[]) => void;
|
|
11
|
+
"tooltip-btn-click": (...args: any[]) => void;
|
|
10
12
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
11
13
|
info: {
|
|
12
14
|
x: number;
|
|
13
15
|
y: number;
|
|
14
16
|
info: Record<string, string | number>;
|
|
15
17
|
};
|
|
18
|
+
tooltipBtn?: string;
|
|
16
19
|
containerRef: Element;
|
|
17
20
|
}>>> & Readonly<{
|
|
18
21
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
22
|
+
"onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
|
|
19
23
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
20
24
|
export default _default;
|
|
21
25
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -29,9 +29,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
29
29
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
30
30
|
onActive?: ((v: boolean) => any) | undefined;
|
|
31
31
|
}>, {
|
|
32
|
+
min: number;
|
|
32
33
|
max: number;
|
|
33
34
|
padding: number;
|
|
34
|
-
min: number;
|
|
35
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
36
36
|
export default _default;
|
|
37
37
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -43,19 +43,26 @@ export type StatisticsState = {
|
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
export declare function getInitialStatisticsState(initialData?: StatisticsState): StatisticsState;
|
|
46
|
+
export type Range = {
|
|
47
|
+
min: number;
|
|
48
|
+
max: number;
|
|
49
|
+
};
|
|
46
50
|
export type MappingLink = {
|
|
47
51
|
type: string;
|
|
48
52
|
value?: string;
|
|
49
53
|
};
|
|
50
54
|
export type ColorAes = string | MappingLink;
|
|
51
55
|
export type DotShapeAes = DotShape | MappingLink;
|
|
56
|
+
export type DotSizeAes = number | Range;
|
|
52
57
|
export type LineTypeAes = LineType | MappingLink;
|
|
53
58
|
export type FixedOrMappedAes = ColorAes | DotShapeAes | LineTypeAes;
|
|
59
|
+
export declare function isRange(v: number | Range): v is Range;
|
|
54
60
|
export declare function isMappedAes(item: FixedOrMappedAes | null | string | number | boolean | undefined): item is MappingLink;
|
|
55
61
|
export type LayersSettings = {
|
|
56
62
|
dendro: {
|
|
57
63
|
dotFill: ColorAes;
|
|
58
64
|
dotShape: DotShapeAes;
|
|
65
|
+
dotSize: DotSizeAes;
|
|
59
66
|
lineColor: ColorAes;
|
|
60
67
|
mode: 'normal' | 'useAllNodesAsLeaves';
|
|
61
68
|
leavesMode: 'normal' | 'alignLeavesToLine';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ContinuousPalette, DotShape, LineType, Palette } from './components/AesSettings/types.ts';
|
|
2
2
|
import { InputGuide, InputState } from '@milaboratories/pf-plots';
|
|
3
|
-
import { AesType } from './constant.ts';
|
|
3
|
+
import { AesType, Range } from './constant.ts';
|
|
4
4
|
|
|
5
5
|
export type AestheticMapping = AestheticMappingContinuous | AestheticMappingCategorical;
|
|
6
6
|
interface MappingRange {
|
|
@@ -38,6 +38,7 @@ export declare const DEFAULT_LINE_SHAPE = "solid";
|
|
|
38
38
|
export declare const DEFAULT_LINE_WIDTH = 1;
|
|
39
39
|
export declare const DEFAULT_DOT_SHAPE = "21";
|
|
40
40
|
export declare const DEFAULT_DOT_SIZE = 3;
|
|
41
|
+
export declare const DEFAULT_DOT_RANGE: Range;
|
|
41
42
|
export declare function updateAestheticMapping(values: (string | number)[], currentMapping?: AestheticMappingCategorical): AestheticMappingCategorical;
|
|
42
43
|
export declare function createMappingFromPalette(palette: Palette, values: (string | number)[]): AestheticMappingCategorical;
|
|
43
44
|
export declare function createDefaultMapping(values: (string | number)[]): AestheticMappingCategorical;
|
|
@@ -29,6 +29,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
29
29
|
driver: {
|
|
30
30
|
type: import('vue').PropType<PFrameDriver>;
|
|
31
31
|
};
|
|
32
|
+
tooltipButton: {
|
|
33
|
+
type: import('vue').PropType<string>;
|
|
34
|
+
};
|
|
32
35
|
labelsModifier: {
|
|
33
36
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
34
37
|
};
|
|
@@ -57,6 +60,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
57
60
|
driver: {
|
|
58
61
|
type: import('vue').PropType<PFrameDriver>;
|
|
59
62
|
};
|
|
63
|
+
tooltipButton: {
|
|
64
|
+
type: import('vue').PropType<string>;
|
|
65
|
+
};
|
|
60
66
|
labelsModifier: {
|
|
61
67
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
62
68
|
};
|
|
@@ -85,6 +91,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
85
91
|
driver: {
|
|
86
92
|
type: import('vue').PropType<PFrameDriver>;
|
|
87
93
|
};
|
|
94
|
+
tooltipButton: {
|
|
95
|
+
type: import('vue').PropType<string>;
|
|
96
|
+
};
|
|
88
97
|
labelsModifier: {
|
|
89
98
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
90
99
|
};
|
|
@@ -113,6 +122,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
113
122
|
driver: {
|
|
114
123
|
type: import('vue').PropType<PFrameDriver>;
|
|
115
124
|
};
|
|
125
|
+
tooltipButton: {
|
|
126
|
+
type: import('vue').PropType<string>;
|
|
127
|
+
};
|
|
116
128
|
labelsModifier: {
|
|
117
129
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
118
130
|
};
|
|
@@ -141,10 +153,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
141
153
|
driver: {
|
|
142
154
|
type: import('vue').PropType<PFrameDriver>;
|
|
143
155
|
};
|
|
156
|
+
tooltipButton: {
|
|
157
|
+
type: import('vue').PropType<string>;
|
|
158
|
+
};
|
|
144
159
|
labelsModifier: {
|
|
145
160
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
146
161
|
};
|
|
147
162
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
163
|
+
"tooltip-btn-click": (...args: any[]) => void;
|
|
148
164
|
"delete-this-graph": (...args: any[]) => void;
|
|
149
165
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
150
166
|
modelValue: {
|
|
@@ -171,6 +187,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
171
187
|
driver: {
|
|
172
188
|
type: import('vue').PropType<PFrameDriver>;
|
|
173
189
|
};
|
|
190
|
+
tooltipButton: {
|
|
191
|
+
type: import('vue').PropType<string>;
|
|
192
|
+
};
|
|
174
193
|
labelsModifier: {
|
|
175
194
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
176
195
|
};
|
|
@@ -199,6 +218,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
199
218
|
driver: {
|
|
200
219
|
type: import('vue').PropType<PFrameDriver>;
|
|
201
220
|
};
|
|
221
|
+
tooltipButton: {
|
|
222
|
+
type: import('vue').PropType<string>;
|
|
223
|
+
};
|
|
202
224
|
labelsModifier: {
|
|
203
225
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
204
226
|
};
|
|
@@ -227,6 +249,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
227
249
|
driver: {
|
|
228
250
|
type: import('vue').PropType<PFrameDriver>;
|
|
229
251
|
};
|
|
252
|
+
tooltipButton: {
|
|
253
|
+
type: import('vue').PropType<string>;
|
|
254
|
+
};
|
|
230
255
|
labelsModifier: {
|
|
231
256
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
232
257
|
};
|
|
@@ -255,6 +280,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
255
280
|
driver: {
|
|
256
281
|
type: import('vue').PropType<PFrameDriver>;
|
|
257
282
|
};
|
|
283
|
+
tooltipButton: {
|
|
284
|
+
type: import('vue').PropType<string>;
|
|
285
|
+
};
|
|
258
286
|
labelsModifier: {
|
|
259
287
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
260
288
|
};
|
|
@@ -283,10 +311,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
283
311
|
driver: {
|
|
284
312
|
type: import('vue').PropType<PFrameDriver>;
|
|
285
313
|
};
|
|
314
|
+
tooltipButton: {
|
|
315
|
+
type: import('vue').PropType<string>;
|
|
316
|
+
};
|
|
286
317
|
labelsModifier: {
|
|
287
318
|
type: import('vue').PropType<(id: string, label: string) => string>;
|
|
288
319
|
};
|
|
289
320
|
}>> & Readonly<{
|
|
321
|
+
"onTooltip-btn-click"?: ((...args: any[]) => any) | undefined;
|
|
290
322
|
"onDelete-this-graph"?: ((...args: any[]) => any) | undefined;
|
|
291
323
|
}>, {} | {} | {} | {} | {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
292
324
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
@@ -23,6 +23,10 @@ export declare function createReactiveState(initialData: GraphMakerState, chartT
|
|
|
23
23
|
type: string;
|
|
24
24
|
value?: string | undefined;
|
|
25
25
|
};
|
|
26
|
+
dotSize: number | {
|
|
27
|
+
min: number;
|
|
28
|
+
max: number;
|
|
29
|
+
};
|
|
26
30
|
lineColor: string | {
|
|
27
31
|
type: string;
|
|
28
32
|
value?: string | undefined;
|
|
@@ -294,6 +298,10 @@ export declare function factoryStore(reactiveState: Reactive<ReactiveState>, dat
|
|
|
294
298
|
type: string;
|
|
295
299
|
value?: string | undefined;
|
|
296
300
|
};
|
|
301
|
+
dotSize: number | {
|
|
302
|
+
min: number;
|
|
303
|
+
max: number;
|
|
304
|
+
};
|
|
297
305
|
lineColor: string | {
|
|
298
306
|
type: string;
|
|
299
307
|
value?: string | undefined;
|
|
@@ -592,6 +600,10 @@ export declare function provideStore(initialState: GraphMakerState, dataStoreRef
|
|
|
592
600
|
type: string;
|
|
593
601
|
value?: string | undefined;
|
|
594
602
|
};
|
|
603
|
+
dotSize: number | {
|
|
604
|
+
min: number;
|
|
605
|
+
max: number;
|
|
606
|
+
};
|
|
595
607
|
lineColor: string | {
|
|
596
608
|
type: string;
|
|
597
609
|
value?: string | undefined;
|
|
@@ -26,6 +26,7 @@ export interface GraphMakerPropsTyped<T extends ChartType> {
|
|
|
26
26
|
fixedOptions?: PredefinedGraphOption<T>[];
|
|
27
27
|
allowChartDeleting?: boolean;
|
|
28
28
|
driver?: PFrameDriver;
|
|
29
|
+
tooltipButton?: string;
|
|
29
30
|
labelsModifier?: (id: string, label: string) => string;
|
|
30
31
|
}
|
|
31
32
|
export type GraphMakerProps = GraphMakerPropsTyped<'discrete'> | GraphMakerPropsTyped<'scatterplot'> | GraphMakerPropsTyped<'scatterplot-umap'> | GraphMakerPropsTyped<'heatmap'> | GraphMakerPropsTyped<'dendro'>;
|