helppeople-ui 1.9.3 → 1.9.5

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.
@@ -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;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CustomAvatarExample: React.FC;
3
+ export default CustomAvatarExample;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CustomBadgeExample: React.FC;
3
+ export default CustomBadgeExample;
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';