helppeople-ui 1.9.3 → 1.9.4
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/components/CustomAvatar/CustomAvatar.d.ts +73 -0
- package/dist/components/CustomBadge/CustomBadge.d.ts +54 -0
- package/dist/examples/CustomAvatarExample/CustomAvatarExample.d.ts +3 -0
- package/dist/examples/CustomBadgeExample/CustomBadgeExample.d.ts +3 -0
- package/dist/index.d.ts +6 -0
- package/dist/my-library.cjs.js +8 -8
- package/dist/my-library.es.js +730 -635
- package/package.json +1 -1
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { AvatarProps as AntAvatarProps } from 'antd';
|
|
3
|
+
export interface CustomAvatarConfig extends AntAvatarProps {
|
|
4
|
+
/**
|
|
5
|
+
* Tamaño del avatar
|
|
6
|
+
*/
|
|
7
|
+
size?: number | "small" | "default" | "large";
|
|
8
|
+
/**
|
|
9
|
+
* Forma del avatar ('circle' | 'square')
|
|
10
|
+
*/
|
|
11
|
+
shape?: "circle" | "square";
|
|
12
|
+
/**
|
|
13
|
+
* URL de la imagen
|
|
14
|
+
*/
|
|
15
|
+
src?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Icono a mostrar (cuando no hay imagen ni children)
|
|
18
|
+
*/
|
|
19
|
+
icon?: React.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Texto alternativo para imágenes
|
|
22
|
+
*/
|
|
23
|
+
alt?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Contenido children (texto o elementos)
|
|
26
|
+
*/
|
|
27
|
+
children?: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Estilos personalizados
|
|
30
|
+
*/
|
|
31
|
+
style?: React.CSSProperties;
|
|
32
|
+
/**
|
|
33
|
+
* Clases CSS adicionales
|
|
34
|
+
*/
|
|
35
|
+
className?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Espacio entreAvatars en el grupo
|
|
38
|
+
*/
|
|
39
|
+
gap?: number;
|
|
40
|
+
}
|
|
41
|
+
declare const CustomAvatar: React.FC<CustomAvatarConfig>;
|
|
42
|
+
export interface CustomAvatarGroupConfig {
|
|
43
|
+
/**
|
|
44
|
+
* Contenido children (Avatars)
|
|
45
|
+
*/
|
|
46
|
+
children?: React.ReactNode;
|
|
47
|
+
/**
|
|
48
|
+
* Tamaño de losAvatars en el grupo
|
|
49
|
+
*/
|
|
50
|
+
size?: number | "small" | "default" | "large";
|
|
51
|
+
/**
|
|
52
|
+
* Forma de losAvatars ('circle' | 'square')
|
|
53
|
+
*/
|
|
54
|
+
shape?: "circle" | "square";
|
|
55
|
+
/**
|
|
56
|
+
* Cantidad máxima de Avatars a mostrar
|
|
57
|
+
*/
|
|
58
|
+
max?: {
|
|
59
|
+
count?: number;
|
|
60
|
+
style?: React.CSSProperties;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Clases CSS adicionales
|
|
64
|
+
*/
|
|
65
|
+
className?: string;
|
|
66
|
+
/**
|
|
67
|
+
* Estilos personalizados
|
|
68
|
+
*/
|
|
69
|
+
style?: React.CSSProperties;
|
|
70
|
+
}
|
|
71
|
+
declare const CustomAvatarGroup: React.FC<CustomAvatarGroupConfig>;
|
|
72
|
+
export default CustomAvatar;
|
|
73
|
+
export { CustomAvatarGroup as AvatarGroup };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BadgeProps as AntBadgeProps } from 'antd';
|
|
3
|
+
export interface CustomBadgeConfig extends AntBadgeProps {
|
|
4
|
+
/**
|
|
5
|
+
* Número a mostrar en el badge
|
|
6
|
+
*/
|
|
7
|
+
count?: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Si se muestra solo un punto en lugar del número
|
|
10
|
+
*/
|
|
11
|
+
dot?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Máximo número a mostrar antes de mostrar "+"
|
|
14
|
+
*/
|
|
15
|
+
overflowCount?: number;
|
|
16
|
+
/**
|
|
17
|
+
* Mostrar badge cuando count es 0
|
|
18
|
+
*/
|
|
19
|
+
showZero?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Tamaño del badge ('small' | 'default')
|
|
22
|
+
*/
|
|
23
|
+
size?: "small" | "default";
|
|
24
|
+
/**
|
|
25
|
+
* Estado del badge ('success' | 'error' | 'default' | 'processing' | 'warning')
|
|
26
|
+
*/
|
|
27
|
+
status?: "success" | "error" | "default" | "processing" | "warning";
|
|
28
|
+
/**
|
|
29
|
+
* Texto a mostrar junto con el status
|
|
30
|
+
*/
|
|
31
|
+
text?: React.ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Color del badge (自定义颜色)
|
|
34
|
+
*/
|
|
35
|
+
color?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Offset del badge [horizontal, vertical]
|
|
38
|
+
*/
|
|
39
|
+
offset?: [number | string, number | string];
|
|
40
|
+
/**
|
|
41
|
+
* Elemento a envolver con el badge
|
|
42
|
+
*/
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Estilos personalizados
|
|
46
|
+
*/
|
|
47
|
+
style?: React.CSSProperties;
|
|
48
|
+
/**
|
|
49
|
+
* Clases CSS adicionales
|
|
50
|
+
*/
|
|
51
|
+
className?: string;
|
|
52
|
+
}
|
|
53
|
+
declare const CustomBadge: React.FC<CustomBadgeConfig>;
|
|
54
|
+
export default CustomBadge;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { default as Alert } from './components/CustomAlert/CustomAlert';
|
|
2
2
|
export { default as Button } from './components/CustomButton/CustomButton';
|
|
3
|
+
export { default as Avatar } from './components/CustomAvatar/CustomAvatar';
|
|
4
|
+
export { AvatarGroup } from './components/CustomAvatar/CustomAvatar';
|
|
3
5
|
export { default as CheckBox } from './components/CustomCheckBox/CustomCheckBox';
|
|
4
6
|
export { default as DatePicker } from './components/CustomDatePicker/CustomDatePicker';
|
|
5
7
|
export { default as Divider } from './components/CustomDivider/CustomDivider';
|
|
@@ -71,3 +73,7 @@ export type { CustomUploadDraggerProps } from './components/CustomUpload/CustomU
|
|
|
71
73
|
export { default as Tree } from './components/CustomTree/CustomTree';
|
|
72
74
|
export { CustomDirectoryTree as DirectoryTree } from './components/CustomTree/CustomTree';
|
|
73
75
|
export type { CustomTreeProps, CustomDirectoryTreeProps, } from './components/CustomTree/CustomTree';
|
|
76
|
+
export type { CustomAvatarConfig, CustomAvatarGroupConfig } from './components/CustomAvatar/CustomAvatar';
|
|
77
|
+
export { default as Badge } from './components/CustomBadge/CustomBadge';
|
|
78
|
+
export type { CustomBadgeConfig } from './components/CustomBadge/CustomBadge';
|
|
79
|
+
export type { TableColumnsType } from 'antd';
|