@zeedhi/zd-user-info-common 1.3.5 → 3.0.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 +92 -142
- package/{types → dist/types}/UserInfoController.d.ts +8 -7
- package/{types → dist/types}/index.d.ts +2 -2
- package/{types → dist/types}/interfaces.d.ts +27 -27
- package/{types → dist/types}/user-info.d.ts +130 -134
- package/dist/user-info-common.es.js +230 -0
- package/package.json +31 -17
- package/dist/user-info-common.esm.js +0 -226
- package/dist/user-info-common.umd.js +0 -233
package/README.md
CHANGED
|
@@ -1,161 +1,111 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Componente Field Group para Zeedhi
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Utilize o comando abaixo para instalar ambos automaticamente:
|
|
9
|
-
|
|
10
|
-
```sh
|
|
11
|
-
npm install @zeedhi/zd-user-info
|
|
12
|
-
```
|
|
13
|
-
|
|
14
|
-
Ou instale os pacotes separadamente:
|
|
15
|
-
|
|
16
|
-
```sh
|
|
17
|
-
npm install @zeedhi/zd-user-info-vue @zeedhi/zd-user-info-common
|
|
18
|
-
```
|
|
3
|
+
<p align="center">
|
|
4
|
+
<a href="#instalação">Instalação</a> |
|
|
5
|
+
<a href="#uso-básico">Uso Básico</a> |
|
|
6
|
+
<a href="#propriedades">Propriedades</a> |
|
|
7
|
+
</p>
|
|
19
8
|
|
|
20
|
-
|
|
9
|
+
O component zd-user-info é um card capas de agrupar campos
|
|
21
10
|
|
|
22
|
-
|
|
11
|
+
<p align="center">
|
|
12
|
+
<img alt="zd-user-info" src="./img/user-info.png" width="100%">
|
|
13
|
+
</p>
|
|
23
14
|
|
|
24
|
-
##
|
|
15
|
+
## Instalação
|
|
25
16
|
|
|
26
|
-
Para
|
|
17
|
+
Para instalar o pacote basta rodar o seguinte comando:\
|
|
18
|
+
`npm i @zeedhi/zd-user-info`\
|
|
19
|
+
Com isso, dois pacotes serão instalados: o @zeedhi/zd-user-info-common e o @zeedhi/zd-user-info-vue.\
|
|
20
|
+
Após a instalação, é necessário que você importe o pacote @zeedhi/zd-user-info-vue dentro de seu arquivo de configuração `zeedhi.ts`
|
|
27
21
|
|
|
28
|
-
```
|
|
29
|
-
import
|
|
30
|
-
import { ZdUserInfo } from '@zeedhi/zd-user-info';
|
|
31
|
-
// import { ZdUserInfo } from '@zeedhi/zd-user-info-vue'; caso tenha instalado os pacotes separadamente
|
|
22
|
+
```shell
|
|
23
|
+
import { ZdFieldGroup } from '@zeedhi/zd-user-info-vue';
|
|
32
24
|
|
|
33
|
-
Vue.component('
|
|
25
|
+
Vue.component('ZdFieldGroup', ZdFieldGroup);
|
|
34
26
|
```
|
|
35
27
|
|
|
28
|
+
Já o pacote @zeedhi/zd-user-info-common deve ser importado no arquivo controller do componente.
|
|
29
|
+
|
|
36
30
|
## Uso Básico
|
|
37
31
|
|
|
38
|
-
Para
|
|
32
|
+
Para usar, defina a propriedade component como 'ZdFieldGroup'.
|
|
39
33
|
|
|
40
34
|
```json
|
|
41
35
|
{
|
|
42
|
-
"name": "
|
|
43
|
-
"component": "
|
|
44
|
-
"cssClass": "zd-display-flex zd-justify-end",
|
|
45
|
-
"children": [
|
|
46
|
-
{
|
|
47
|
-
"name": "user-info",
|
|
48
|
-
"component": "ZdUserInfo",
|
|
49
|
-
"user": "Jane Doe",
|
|
50
|
-
"userImage": "https://picsum.photos/id/1005/100/100.jpg",
|
|
51
|
-
"minWidth": "200px"
|
|
52
|
-
}
|
|
53
|
-
]
|
|
36
|
+
"name": "user-info-example",
|
|
37
|
+
"component": "ZdFieldGroup"
|
|
54
38
|
}
|
|
55
39
|
```
|
|
56
40
|
|
|
57
|
-
<p align="center" justify="center">
|
|
58
|
-
<img src="./img/basic-usage-1.png" alt="Basic Usage"/>
|
|
59
|
-
</p>
|
|
60
|
-
<p align="center" justify="center">
|
|
61
|
-
<img src="./img/basic-usage-2.png" alt="Basic Usage"/>
|
|
62
|
-
</p>
|
|
63
|
-
|
|
64
|
-
|
|
65
41
|
## Propriedades
|
|
66
42
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
<
|
|
130
|
-
|
|
131
|
-
</
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
```json
|
|
138
|
-
{
|
|
139
|
-
"name": "card",
|
|
140
|
-
"component": "ZdCard",
|
|
141
|
-
"cssClass": "zd-display-flex zd-justify-end",
|
|
142
|
-
"children": [
|
|
143
|
-
{
|
|
144
|
-
"name": "user-info",
|
|
145
|
-
"component": "ZdUserInfo",
|
|
146
|
-
"user": "Jane Doe",
|
|
147
|
-
"minWidth": "200px",
|
|
148
|
-
"activator": {
|
|
149
|
-
"name": "user-button",
|
|
150
|
-
"component": "ZdButton",
|
|
151
|
-
"icon": true,
|
|
152
|
-
"iconName": "mdi-account"
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
]
|
|
156
|
-
}
|
|
157
|
-
```
|
|
158
|
-
|
|
159
|
-
<p align="center" justify="center">
|
|
160
|
-
<img src="./img/example-2.png" alt="Basic Usage"/>
|
|
161
|
-
</p>
|
|
43
|
+
<table>
|
|
44
|
+
<thead>
|
|
45
|
+
<tr>
|
|
46
|
+
<th>Nome</th>
|
|
47
|
+
<th>Tipo</th>
|
|
48
|
+
<th>Default</th>
|
|
49
|
+
<th>Descrição</th>
|
|
50
|
+
</tr>
|
|
51
|
+
</thead>
|
|
52
|
+
<tbody>
|
|
53
|
+
<tr>
|
|
54
|
+
<td>disableActionRotate</td>
|
|
55
|
+
<td>boolean | string</td>
|
|
56
|
+
<td>true</td>
|
|
57
|
+
<td>Desativa a animação de rotação de ação ao expandir ou recolher o cartão recolhido</td>
|
|
58
|
+
</tr>
|
|
59
|
+
<tr>
|
|
60
|
+
<td>expandButton</td>
|
|
61
|
+
<td>IButton</td>
|
|
62
|
+
<td>undefined</td>
|
|
63
|
+
<td>Se definido, substitui o ícone de expansão pelo botão definido</td>
|
|
64
|
+
</tr>
|
|
65
|
+
<tr>
|
|
66
|
+
<td>expanded</td>
|
|
67
|
+
<td>boolean | string</td>
|
|
68
|
+
<td>false</td>
|
|
69
|
+
<td>Define se o componente está aberto ou fecahdo</td>
|
|
70
|
+
</tr>
|
|
71
|
+
<tr>
|
|
72
|
+
<td>header</td>
|
|
73
|
+
<td>IComponent[]</td>
|
|
74
|
+
<td>[]</td>
|
|
75
|
+
<td>Componentes a serem exibidos no cabeçalho</td>
|
|
76
|
+
</tr>
|
|
77
|
+
<tr>
|
|
78
|
+
<td>hideAction</td>
|
|
79
|
+
<td>boolean | string</td>
|
|
80
|
+
<td>false</td>
|
|
81
|
+
<td>Oculta o ícone de expansão</td>
|
|
82
|
+
</tr>
|
|
83
|
+
<tr>
|
|
84
|
+
<td>iconColor</td>
|
|
85
|
+
<td>string</td>
|
|
86
|
+
<td>var(--v-primary-base)</td>
|
|
87
|
+
<td>Define a cor do icone de expansão</td>
|
|
88
|
+
</tr>
|
|
89
|
+
<tr>
|
|
90
|
+
<td>iconName</td>
|
|
91
|
+
<td>string</td>
|
|
92
|
+
<td>expand</td>
|
|
93
|
+
<td>Define o icone de expansão</p>
|
|
94
|
+
</td>
|
|
95
|
+
</tr>
|
|
96
|
+
<tr>
|
|
97
|
+
<td>lazyLoad</td>
|
|
98
|
+
<td>boolean</td>
|
|
99
|
+
<td>boolean | string</td>
|
|
100
|
+
<td>O conteúdo será carregado somente quando o cartão recolhido for aberto</td>
|
|
101
|
+
</tr>
|
|
102
|
+
<tr>
|
|
103
|
+
<td>readonly</td>
|
|
104
|
+
<td>boolean | string</td>
|
|
105
|
+
<td>false</td>
|
|
106
|
+
<td>Torna o cartão recolhido somente leitura. Faz a mesma coisa que o suporte desativado, mas não altera os estilos</td>
|
|
107
|
+
</tr>
|
|
108
|
+
</tbody>
|
|
109
|
+
</table>
|
|
110
|
+
|
|
111
|
+
<hr>
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { UserInfo } from './user-info';
|
|
2
|
-
|
|
3
|
-
component: UserInfo;
|
|
4
|
-
constructor(component: UserInfo);
|
|
5
|
-
get showChangeProfile(): boolean;
|
|
6
|
-
get showLogout(): boolean;
|
|
7
|
-
}
|
|
1
|
+
import { UserInfo } from './user-info';
|
|
2
|
+
declare class UserInfoController {
|
|
3
|
+
component: UserInfo;
|
|
4
|
+
constructor(component: UserInfo);
|
|
5
|
+
get showChangeProfile(): boolean;
|
|
6
|
+
get showLogout(): boolean;
|
|
7
|
+
}
|
|
8
|
+
export { UserInfoController };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './user-info';
|
|
2
|
-
export * from './interfaces';
|
|
1
|
+
export * from './user-info';
|
|
2
|
+
export * from './interfaces';
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { IComponentRender } from '@zeedhi/common';
|
|
2
|
-
import { IDictionary } from '@zeedhi/core';
|
|
3
|
-
export interface IUserInfo extends IComponentRender {
|
|
4
|
-
activator?: IComponentRender;
|
|
5
|
-
avatarProps?: IDictionary;
|
|
6
|
-
bottomSlot?: IComponentRender[];
|
|
7
|
-
centerSlot?: IComponentRender[];
|
|
8
|
-
closeOnClick?: boolean;
|
|
9
|
-
closeOnContentClick?: boolean;
|
|
10
|
-
fixed?: boolean;
|
|
11
|
-
headerSlot?: IComponentRender[];
|
|
12
|
-
height?: number | string;
|
|
13
|
-
imageProps?: IDictionary;
|
|
14
|
-
offsetX?: boolean;
|
|
15
|
-
offsetY?: boolean;
|
|
16
|
-
openOnClick?: boolean;
|
|
17
|
-
openOnHover?: boolean;
|
|
18
|
-
maxHeight?: number | string;
|
|
19
|
-
maxWidth?: number | string;
|
|
20
|
-
minHeight?: number | string;
|
|
21
|
-
minWidth?: number | string;
|
|
22
|
-
topSlot?: IComponentRender[];
|
|
23
|
-
user?: string;
|
|
24
|
-
userImage?: string;
|
|
25
|
-
value?: boolean;
|
|
26
|
-
visibleItems?: IDictionary<boolean>;
|
|
27
|
-
}
|
|
1
|
+
import { IComponentRender } from '@zeedhi/common';
|
|
2
|
+
import { IDictionary } from '@zeedhi/core';
|
|
3
|
+
export interface IUserInfo extends IComponentRender {
|
|
4
|
+
activator?: IComponentRender;
|
|
5
|
+
avatarProps?: IDictionary;
|
|
6
|
+
bottomSlot?: IComponentRender[];
|
|
7
|
+
centerSlot?: IComponentRender[];
|
|
8
|
+
closeOnClick?: boolean;
|
|
9
|
+
closeOnContentClick?: boolean;
|
|
10
|
+
fixed?: boolean;
|
|
11
|
+
headerSlot?: IComponentRender[];
|
|
12
|
+
height?: number | string;
|
|
13
|
+
imageProps?: IDictionary;
|
|
14
|
+
offsetX?: boolean;
|
|
15
|
+
offsetY?: boolean;
|
|
16
|
+
openOnClick?: boolean;
|
|
17
|
+
openOnHover?: boolean;
|
|
18
|
+
maxHeight?: number | string;
|
|
19
|
+
maxWidth?: number | string;
|
|
20
|
+
minHeight?: number | string;
|
|
21
|
+
minWidth?: number | string;
|
|
22
|
+
topSlot?: IComponentRender[];
|
|
23
|
+
user?: string;
|
|
24
|
+
userImage?: string;
|
|
25
|
+
value?: boolean;
|
|
26
|
+
visibleItems?: IDictionary<boolean>;
|
|
27
|
+
}
|
|
@@ -1,134 +1,130 @@
|
|
|
1
|
-
import { ComponentRender, IComponentRender } from '@zeedhi/common';
|
|
2
|
-
import { IDictionary } from '@zeedhi/core';
|
|
3
|
-
import { IUserInfo } from './interfaces';
|
|
4
|
-
export declare class UserInfo extends ComponentRender implements IUserInfo {
|
|
5
|
-
/**
|
|
6
|
-
* Dropdown activator
|
|
7
|
-
*/
|
|
8
|
-
activator: IComponentRender;
|
|
9
|
-
/**
|
|
10
|
-
* Props to be passed to the ZdAvatar component
|
|
11
|
-
*/
|
|
12
|
-
avatarProps: IDictionary;
|
|
13
|
-
/**
|
|
14
|
-
* Components to be rendered on the bottom slot
|
|
15
|
-
*/
|
|
16
|
-
bottomSlot: IComponentRender[];
|
|
17
|
-
/**
|
|
18
|
-
* Components to be rendered on the center slot
|
|
19
|
-
*/
|
|
20
|
-
centerSlot: IComponentRender[];
|
|
21
|
-
/**
|
|
22
|
-
* Components to be rendered on the top slot
|
|
23
|
-
*/
|
|
24
|
-
topSlot: IComponentRender[];
|
|
25
|
-
/**
|
|
26
|
-
* User name
|
|
27
|
-
*/
|
|
28
|
-
user: string;
|
|
29
|
-
/**
|
|
30
|
-
* User image
|
|
31
|
-
*/
|
|
32
|
-
userImage: string;
|
|
33
|
-
/**
|
|
34
|
-
* Designates if menu should close on outside-activator click.
|
|
35
|
-
*/
|
|
36
|
-
closeOnClick: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Designates if menu should close when its content is clicked.
|
|
39
|
-
*/
|
|
40
|
-
closeOnContentClick: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Applies position fixed to the dropdown.
|
|
43
|
-
*/
|
|
44
|
-
fixed: boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Components to be rendered on the menu header
|
|
47
|
-
*/
|
|
48
|
-
headerSlot?: IComponentRender[];
|
|
49
|
-
/**
|
|
50
|
-
* Props to be passed to the ZdImage component (rendered inside the avatar)
|
|
51
|
-
*/
|
|
52
|
-
imageProps?: IDictionary;
|
|
53
|
-
/**
|
|
54
|
-
* Offset the menu on the x-axis.
|
|
55
|
-
*/
|
|
56
|
-
offsetX: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* Offset the menu on the x-axis.
|
|
59
|
-
*/
|
|
60
|
-
offsetY: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Designates whether menu should open on activator click.
|
|
63
|
-
*/
|
|
64
|
-
openOnClick: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* Designates whether menu should open on activator hover.
|
|
67
|
-
*/
|
|
68
|
-
openOnHover: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Controls whether the component is visible or hidden.
|
|
71
|
-
*/
|
|
72
|
-
value: boolean;
|
|
73
|
-
visibleItems: IDictionary<boolean>;
|
|
74
|
-
/**
|
|
75
|
-
* Sets the height for the dropdown.
|
|
76
|
-
*/
|
|
77
|
-
height?: number | string;
|
|
78
|
-
/**
|
|
79
|
-
* Sets the maximum height for the dropdown.
|
|
80
|
-
*/
|
|
81
|
-
maxHeight?: number | string;
|
|
82
|
-
/**
|
|
83
|
-
* Sets the maximum width for the dropdown.
|
|
84
|
-
*/
|
|
85
|
-
maxWidth?: number | string;
|
|
86
|
-
/**
|
|
87
|
-
* Sets the minimum height for the dropdown.
|
|
88
|
-
*/
|
|
89
|
-
minHeight?: number | string;
|
|
90
|
-
/**
|
|
91
|
-
* Sets the minimum width for the dropdown.
|
|
92
|
-
*/
|
|
93
|
-
minWidth?: number | string;
|
|
94
|
-
protected propCenterSlot?: IComponentRender[];
|
|
95
|
-
constructor(props: IUserInfo);
|
|
96
|
-
protected getActivator(): {
|
|
97
|
-
name: string;
|
|
98
|
-
component: string;
|
|
99
|
-
bottom: boolean;
|
|
100
|
-
label: string;
|
|
101
|
-
children: {
|
|
102
|
-
name: string;
|
|
103
|
-
component: string;
|
|
104
|
-
avatarSlot:
|
|
105
|
-
name: string;
|
|
106
|
-
component: string;
|
|
107
|
-
src: string;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
onLogoutClick(event: Event, element: HTMLElement): void;
|
|
132
|
-
onProfileChange(event: Event, element: HTMLElement): void;
|
|
133
|
-
onCreated(): void;
|
|
134
|
-
}
|
|
1
|
+
import { ComponentRender, IComponentRender } from '@zeedhi/common';
|
|
2
|
+
import { IDictionary } from '@zeedhi/core';
|
|
3
|
+
import { IUserInfo } from './interfaces';
|
|
4
|
+
export declare class UserInfo extends ComponentRender implements IUserInfo {
|
|
5
|
+
/**
|
|
6
|
+
* Dropdown activator
|
|
7
|
+
*/
|
|
8
|
+
activator: IComponentRender;
|
|
9
|
+
/**
|
|
10
|
+
* Props to be passed to the ZdAvatar component
|
|
11
|
+
*/
|
|
12
|
+
avatarProps: IDictionary;
|
|
13
|
+
/**
|
|
14
|
+
* Components to be rendered on the bottom slot
|
|
15
|
+
*/
|
|
16
|
+
bottomSlot: IComponentRender[];
|
|
17
|
+
/**
|
|
18
|
+
* Components to be rendered on the center slot
|
|
19
|
+
*/
|
|
20
|
+
centerSlot: IComponentRender[];
|
|
21
|
+
/**
|
|
22
|
+
* Components to be rendered on the top slot
|
|
23
|
+
*/
|
|
24
|
+
topSlot: IComponentRender[];
|
|
25
|
+
/**
|
|
26
|
+
* User name
|
|
27
|
+
*/
|
|
28
|
+
user: string;
|
|
29
|
+
/**
|
|
30
|
+
* User image
|
|
31
|
+
*/
|
|
32
|
+
userImage: string;
|
|
33
|
+
/**
|
|
34
|
+
* Designates if menu should close on outside-activator click.
|
|
35
|
+
*/
|
|
36
|
+
closeOnClick: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Designates if menu should close when its content is clicked.
|
|
39
|
+
*/
|
|
40
|
+
closeOnContentClick: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Applies position fixed to the dropdown.
|
|
43
|
+
*/
|
|
44
|
+
fixed: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Components to be rendered on the menu header
|
|
47
|
+
*/
|
|
48
|
+
headerSlot?: IComponentRender[];
|
|
49
|
+
/**
|
|
50
|
+
* Props to be passed to the ZdImage component (rendered inside the avatar)
|
|
51
|
+
*/
|
|
52
|
+
imageProps?: IDictionary;
|
|
53
|
+
/**
|
|
54
|
+
* Offset the menu on the x-axis.
|
|
55
|
+
*/
|
|
56
|
+
offsetX: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Offset the menu on the x-axis.
|
|
59
|
+
*/
|
|
60
|
+
offsetY: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Designates whether menu should open on activator click.
|
|
63
|
+
*/
|
|
64
|
+
openOnClick: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Designates whether menu should open on activator hover.
|
|
67
|
+
*/
|
|
68
|
+
openOnHover: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Controls whether the component is visible or hidden.
|
|
71
|
+
*/
|
|
72
|
+
value: boolean;
|
|
73
|
+
visibleItems: IDictionary<boolean>;
|
|
74
|
+
/**
|
|
75
|
+
* Sets the height for the dropdown.
|
|
76
|
+
*/
|
|
77
|
+
height?: number | string;
|
|
78
|
+
/**
|
|
79
|
+
* Sets the maximum height for the dropdown.
|
|
80
|
+
*/
|
|
81
|
+
maxHeight?: number | string;
|
|
82
|
+
/**
|
|
83
|
+
* Sets the maximum width for the dropdown.
|
|
84
|
+
*/
|
|
85
|
+
maxWidth?: number | string;
|
|
86
|
+
/**
|
|
87
|
+
* Sets the minimum height for the dropdown.
|
|
88
|
+
*/
|
|
89
|
+
minHeight?: number | string;
|
|
90
|
+
/**
|
|
91
|
+
* Sets the minimum width for the dropdown.
|
|
92
|
+
*/
|
|
93
|
+
minWidth?: number | string;
|
|
94
|
+
protected propCenterSlot?: IComponentRender[];
|
|
95
|
+
constructor(props: IUserInfo);
|
|
96
|
+
protected getActivator(): {
|
|
97
|
+
name: string;
|
|
98
|
+
component: string;
|
|
99
|
+
bottom: boolean;
|
|
100
|
+
label: string;
|
|
101
|
+
children: {
|
|
102
|
+
name: string;
|
|
103
|
+
component: string;
|
|
104
|
+
avatarSlot: {
|
|
105
|
+
name: string;
|
|
106
|
+
component: string;
|
|
107
|
+
src: string;
|
|
108
|
+
}[];
|
|
109
|
+
}[];
|
|
110
|
+
};
|
|
111
|
+
protected getCenterSlot(): {
|
|
112
|
+
name: string;
|
|
113
|
+
component: string;
|
|
114
|
+
dense: boolean;
|
|
115
|
+
items: {
|
|
116
|
+
name: string;
|
|
117
|
+
component: string;
|
|
118
|
+
title: string;
|
|
119
|
+
prependIcon: string;
|
|
120
|
+
cssClass: string;
|
|
121
|
+
isVisible: string;
|
|
122
|
+
events: {
|
|
123
|
+
click: ({ event, element }: any) => void;
|
|
124
|
+
};
|
|
125
|
+
}[];
|
|
126
|
+
}[];
|
|
127
|
+
onLogoutClick(event: Event, element: HTMLElement): void;
|
|
128
|
+
onProfileChange(event: Event, element: HTMLElement): void;
|
|
129
|
+
onCreated(): void;
|
|
130
|
+
}
|