@algoux/standard-ranklist-renderer-component-vue 0.5.1 → 0.6.1
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/README.md +46 -0
- package/dist/Ranklist.vue.d.ts +215 -5
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +373 -68
- package/dist/modal/DefaultUserModal.vue.d.ts +1 -1
- package/dist/parts/StatusCell.vue.d.ts +56 -4
- package/dist/parts/UserCell.vue.d.ts +22 -0
- package/dist/types.d.ts +18 -2
- package/package.json +8 -3
|
@@ -273,8 +273,8 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
|
|
|
273
273
|
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
274
274
|
}>, {
|
|
275
275
|
theme: string;
|
|
276
|
-
title: string;
|
|
277
276
|
markers: unknown[];
|
|
277
|
+
title: string;
|
|
278
278
|
rootClassName: string;
|
|
279
279
|
wrapClassName: string;
|
|
280
280
|
width: number;
|
|
@@ -31,26 +31,59 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
|
|
|
31
31
|
type: FunctionConstructor;
|
|
32
32
|
required: false;
|
|
33
33
|
};
|
|
34
|
+
statusCellPreset: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
required: false;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
statusColorAsText: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
required: false;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
emptyStatusPlaceholder: {
|
|
45
|
+
type: (StringConstructor | null)[];
|
|
46
|
+
required: false;
|
|
47
|
+
default: null;
|
|
48
|
+
};
|
|
34
49
|
}>, {
|
|
35
50
|
props: any;
|
|
51
|
+
fbStar: string;
|
|
36
52
|
solutions: import("vue").ComputedRef<any[]>;
|
|
37
53
|
isClickable: import("vue").ComputedRef<boolean>;
|
|
38
54
|
commonClassName: import("vue").ComputedRef<(string | {
|
|
39
55
|
'srk--cursor-pointer': boolean;
|
|
56
|
+
'srk-prest-status-block-color-text': any;
|
|
40
57
|
})[]>;
|
|
41
58
|
emitSolutionClick: (event: MouseEvent) => void;
|
|
42
|
-
|
|
59
|
+
StatusBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
43
60
|
status: {
|
|
44
61
|
type: ObjectConstructor;
|
|
45
62
|
required: true;
|
|
46
63
|
};
|
|
47
|
-
|
|
64
|
+
ranklist: {
|
|
65
|
+
type: ObjectConstructor;
|
|
66
|
+
required: true;
|
|
67
|
+
};
|
|
68
|
+
preset: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
required: true;
|
|
71
|
+
};
|
|
72
|
+
}>, () => string | (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
48
73
|
[key: string]: any;
|
|
49
|
-
}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
74
|
+
}>)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
50
75
|
status: {
|
|
51
76
|
type: ObjectConstructor;
|
|
52
77
|
required: true;
|
|
53
78
|
};
|
|
79
|
+
ranklist: {
|
|
80
|
+
type: ObjectConstructor;
|
|
81
|
+
required: true;
|
|
82
|
+
};
|
|
83
|
+
preset: {
|
|
84
|
+
type: StringConstructor;
|
|
85
|
+
required: true;
|
|
86
|
+
};
|
|
54
87
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
55
88
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
56
89
|
status: {
|
|
@@ -85,5 +118,24 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
|
|
|
85
118
|
type: FunctionConstructor;
|
|
86
119
|
required: false;
|
|
87
120
|
};
|
|
88
|
-
|
|
121
|
+
statusCellPreset: {
|
|
122
|
+
type: StringConstructor;
|
|
123
|
+
required: false;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
statusColorAsText: {
|
|
127
|
+
type: BooleanConstructor;
|
|
128
|
+
required: false;
|
|
129
|
+
default: boolean;
|
|
130
|
+
};
|
|
131
|
+
emptyStatusPlaceholder: {
|
|
132
|
+
type: (StringConstructor | null)[];
|
|
133
|
+
required: false;
|
|
134
|
+
default: null;
|
|
135
|
+
};
|
|
136
|
+
}>> & Readonly<{}>, {
|
|
137
|
+
statusCellPreset: string;
|
|
138
|
+
statusColorAsText: boolean;
|
|
139
|
+
emptyStatusPlaceholder: string | null;
|
|
140
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
89
141
|
export default _sfc_main;
|
|
@@ -33,6 +33,16 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
|
|
|
33
33
|
type: FunctionConstructor;
|
|
34
34
|
required: false;
|
|
35
35
|
};
|
|
36
|
+
hideOrganization: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
required: false;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
hideAvatar: {
|
|
42
|
+
type: BooleanConstructor;
|
|
43
|
+
required: false;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
36
46
|
}>, {
|
|
37
47
|
props: any;
|
|
38
48
|
name: import("vue").ComputedRef<any>;
|
|
@@ -75,8 +85,20 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
|
|
|
75
85
|
type: FunctionConstructor;
|
|
76
86
|
required: false;
|
|
77
87
|
};
|
|
88
|
+
hideOrganization: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
required: false;
|
|
91
|
+
default: boolean;
|
|
92
|
+
};
|
|
93
|
+
hideAvatar: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
required: false;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
78
98
|
}>> & Readonly<{}>, {
|
|
79
99
|
theme: string;
|
|
80
100
|
markers: unknown[];
|
|
101
|
+
hideOrganization: boolean;
|
|
102
|
+
hideAvatar: boolean;
|
|
81
103
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
82
104
|
export default _sfc_main;
|
package/dist/types.d.ts
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import type * as srk from '@algoux/standard-ranklist';
|
|
2
2
|
import type { CSSProperties } from 'vue';
|
|
3
3
|
import type { EnumTheme } from '@algoux/standard-ranklist-utils';
|
|
4
|
-
import type { SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload } from '@algoux/standard-ranklist-renderer-component-core';
|
|
4
|
+
import type { RanklistColumnTitles, RanklistStatusCellPreset, RanklistUserAvatarPlacement, SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload } from '@algoux/standard-ranklist-renderer-component-core';
|
|
5
5
|
export declare type ModalCloseReason = 'mask' | 'close-button' | 'escape';
|
|
6
6
|
export interface RanklistProps {
|
|
7
7
|
data: StaticRanklist;
|
|
8
8
|
theme?: EnumTheme;
|
|
9
9
|
borderedRows?: boolean;
|
|
10
|
+
rowBordered?: boolean;
|
|
11
|
+
columnBordered?: boolean;
|
|
10
12
|
stripedRows?: boolean;
|
|
11
13
|
formatSrkAssetUrl?: (url: string, field: string) => string;
|
|
14
|
+
splitOrganization?: boolean;
|
|
15
|
+
columnTitles?: RanklistColumnTitles;
|
|
16
|
+
statusCellPreset?: RanklistStatusCellPreset;
|
|
17
|
+
statusColorAsText?: boolean;
|
|
18
|
+
showProblemStatisticsFooter?: boolean;
|
|
19
|
+
showDirtColumn?: boolean;
|
|
20
|
+
showSEColumn?: boolean;
|
|
21
|
+
emptyStatusPlaceholder?: string | null;
|
|
22
|
+
userAvatarPlacement?: RanklistUserAvatarPlacement;
|
|
12
23
|
}
|
|
13
24
|
export interface ProblemHeaderCellSlotProps {
|
|
14
25
|
problem: srk.Problem;
|
|
@@ -23,6 +34,8 @@ export interface UserCellSlotProps {
|
|
|
23
34
|
ranklist: StaticRanklist;
|
|
24
35
|
markers?: srk.Marker[];
|
|
25
36
|
theme?: EnumTheme;
|
|
37
|
+
hideOrganization?: boolean;
|
|
38
|
+
hideAvatar?: boolean;
|
|
26
39
|
onClick: (event?: MouseEvent) => void;
|
|
27
40
|
}
|
|
28
41
|
export interface StatusCellSlotProps {
|
|
@@ -34,6 +47,9 @@ export interface StatusCellSlotProps {
|
|
|
34
47
|
rowIndex: number;
|
|
35
48
|
ranklist: StaticRanklist;
|
|
36
49
|
solutions: srk.Solution[];
|
|
50
|
+
statusCellPreset?: RanklistStatusCellPreset;
|
|
51
|
+
statusColorAsText?: boolean;
|
|
52
|
+
emptyStatusPlaceholder?: string | null;
|
|
37
53
|
onClick: (event?: MouseEvent) => void;
|
|
38
54
|
}
|
|
39
55
|
export interface ProgressBarProps {
|
|
@@ -79,4 +95,4 @@ export declare type ModalEvents = {
|
|
|
79
95
|
close: ModalCloseReason;
|
|
80
96
|
'update:open': boolean;
|
|
81
97
|
};
|
|
82
|
-
export type { SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload };
|
|
98
|
+
export type { RanklistColumnTitles, RanklistStatusCellPreset, RanklistUserAvatarPlacement, SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload, };
|
package/package.json
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@algoux/standard-ranklist-renderer-component-vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "Vue components for Standard Ranklist Renderer Component",
|
|
5
5
|
"license": "MIT",
|
|
6
|
+
"homepage": "https://github.com/algoux/standard-ranklist-renderer-component",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "https://github.com/algoux/standard-ranklist-renderer-component"
|
|
10
|
+
},
|
|
6
11
|
"type": "module",
|
|
7
12
|
"files": [
|
|
8
13
|
"dist"
|
|
@@ -24,8 +29,8 @@
|
|
|
24
29
|
},
|
|
25
30
|
"dependencies": {
|
|
26
31
|
"@algoux/standard-ranklist-utils": "^0.2.11",
|
|
27
|
-
"@algoux/standard-ranklist-renderer-component-core": "0.
|
|
28
|
-
"@algoux/standard-ranklist-renderer-component-styles": "0.
|
|
32
|
+
"@algoux/standard-ranklist-renderer-component-core": "0.6.1",
|
|
33
|
+
"@algoux/standard-ranklist-renderer-component-styles": "0.6.1"
|
|
29
34
|
},
|
|
30
35
|
"peerDependencies": {
|
|
31
36
|
"@algoux/standard-ranklist": "*",
|