beca-ui 2.1.1-beta.8 → 2.1.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 +102 -20
- package/dist/beca-ui.js +51492 -52571
- package/dist/components/ApplicationsCard/ApplicationsCard.types.d.ts +23 -14
- package/dist/components/Button/Button.types.d.ts +7 -2
- package/dist/components/MainLayout/Header/Header.types.d.ts +3 -0
- package/dist/components/MainLayout/MainLayout.types.d.ts +5 -0
- package/dist/components/MainLayout/SideBarMenu/SideBarMenu.types.d.ts +1 -0
- package/dist/components/TextEditor/TextEditor.types.d.ts +1 -0
- package/dist/data/LocalesTexts/EnglishTexts.d.ts +7 -0
- package/dist/data/LocalesTexts/VietnameseTexts.d.ts +7 -0
- package/dist/hooks/LocaleHook.d.ts +7 -0
- package/dist/main.css +1 -1
- package/package.json +1 -1
|
@@ -6,22 +6,31 @@ export interface ApplicationsCardProps {
|
|
|
6
6
|
lang: LANGUAGE;
|
|
7
7
|
}
|
|
8
8
|
export interface ApplicationsCardItem {
|
|
9
|
-
href
|
|
9
|
+
href?: string;
|
|
10
10
|
appId?: string | null;
|
|
11
|
-
image
|
|
12
|
-
name
|
|
13
|
-
workflowCode
|
|
14
|
-
createdTime
|
|
11
|
+
image?: string;
|
|
12
|
+
name?: string;
|
|
13
|
+
workflowCode?: string;
|
|
14
|
+
createdTime?: string;
|
|
15
15
|
nameEng?: string | null;
|
|
16
16
|
order?: number;
|
|
17
|
-
iconBackgroundColor?: string;
|
|
18
|
-
image2
|
|
19
|
-
Status
|
|
20
|
-
WorkflowCode
|
|
21
|
-
WorkflowTitle
|
|
22
|
-
Approver
|
|
23
|
-
UserStatus
|
|
24
|
-
ApprovedTime
|
|
25
|
-
id
|
|
17
|
+
iconBackgroundColor?: string | null;
|
|
18
|
+
image2?: string;
|
|
19
|
+
Status?: string;
|
|
20
|
+
WorkflowCode?: string;
|
|
21
|
+
WorkflowTitle?: string;
|
|
22
|
+
Approver?: string;
|
|
23
|
+
UserStatus?: number;
|
|
24
|
+
ApprovedTime?: string;
|
|
25
|
+
id?: number;
|
|
26
26
|
Id?: number;
|
|
27
|
+
Allow?: any;
|
|
28
|
+
NotAllow?: any;
|
|
29
|
+
UserWorkflowId?: any;
|
|
30
|
+
Title?: string;
|
|
31
|
+
CreatedTime?: string;
|
|
32
|
+
LastModified?: string;
|
|
33
|
+
TitleEn?: any;
|
|
34
|
+
StatusEN?: any;
|
|
35
|
+
IsDeleted?: any;
|
|
27
36
|
}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export type
|
|
2
|
+
export type ButtonVariant = "primary" | "dashed" | "text" | "link" | "filled" | "filledOutlined" | "outlined" | "default";
|
|
3
|
+
/** @deprecated Use ButtonVariant instead */
|
|
4
|
+
export type ButtonType = ButtonVariant;
|
|
3
5
|
export type ButtonShape = "round" | "default" | "circle";
|
|
4
6
|
export type ButtonStatus = "default" | "success" | "info" | "warning" | "danger";
|
|
5
7
|
export type ButtonSize = "small" | "medium" | "large";
|
|
6
8
|
export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "size" | "type"> {
|
|
7
9
|
/** Provide a text to the button */
|
|
8
10
|
size?: ButtonSize;
|
|
11
|
+
/** @deprecated Use variant="outlined" instead */
|
|
9
12
|
secondary?: boolean;
|
|
10
13
|
status?: ButtonStatus;
|
|
11
|
-
|
|
14
|
+
variant?: ButtonVariant;
|
|
15
|
+
/** @deprecated Use variant instead */
|
|
16
|
+
type?: ButtonVariant;
|
|
12
17
|
shape?: ButtonShape;
|
|
13
18
|
icon?: React.ReactNode;
|
|
14
19
|
disabled?: boolean;
|
|
@@ -24,6 +24,7 @@ export interface AppTheme {
|
|
|
24
24
|
export interface ExtraHeaderProps {
|
|
25
25
|
appTheme?: string;
|
|
26
26
|
onChangeTheme?: (theme: AppTheme) => Promise<void>;
|
|
27
|
+
isTopHeader?: boolean;
|
|
27
28
|
}
|
|
28
29
|
export interface HeaderProps extends ApplicationsCardProps {
|
|
29
30
|
logoUrl: string;
|
|
@@ -35,6 +36,7 @@ export interface HeaderProps extends ApplicationsCardProps {
|
|
|
35
36
|
profileMenuItems?: MenuItemType[];
|
|
36
37
|
homePageUrl: string;
|
|
37
38
|
customHeader?: React.ReactNode;
|
|
39
|
+
logoTitle?: React.ReactNode;
|
|
38
40
|
supportContactData: SupportContactModel[];
|
|
39
41
|
notification?: NotificationProps;
|
|
40
42
|
LinkComponent: any;
|
|
@@ -48,6 +50,7 @@ export interface HeaderProps extends ApplicationsCardProps {
|
|
|
48
50
|
config?: MainLayoutConfig;
|
|
49
51
|
isShowCollapseButton?: boolean;
|
|
50
52
|
headerTitle?: string;
|
|
53
|
+
isTopHeader?: boolean;
|
|
51
54
|
}
|
|
52
55
|
export type ThemeModel = {
|
|
53
56
|
getApi?: string;
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { SideBarMenuProps } from "./SideBarMenu";
|
|
3
3
|
import { HeaderProps, NotificationRef } from "./Header";
|
|
4
4
|
import { SideBarMenuModel } from "../../models";
|
|
5
|
+
import { ThemeConfig } from "antd";
|
|
5
6
|
export type MainTheme = "Beca" | "Office" | "SHE";
|
|
6
7
|
export interface MainLayoutProps extends Omit<SideBarMenuProps, "sideBarMenus">, HeaderProps {
|
|
7
8
|
children?: React.ReactNode;
|
|
@@ -20,6 +21,10 @@ export interface MainLayoutProps extends Omit<SideBarMenuProps, "sideBarMenus">,
|
|
|
20
21
|
adminTheme?: string | undefined;
|
|
21
22
|
onChangeTheme?: (theme: string) => Promise<void>;
|
|
22
23
|
};
|
|
24
|
+
layout?: {
|
|
25
|
+
header?: "top" | "side";
|
|
26
|
+
};
|
|
27
|
+
themeConfig?: ThemeConfig;
|
|
23
28
|
}
|
|
24
29
|
export interface UserConfig {
|
|
25
30
|
showEventTheme?: boolean;
|
|
@@ -56,5 +56,12 @@ declare const _default: {
|
|
|
56
56
|
systemColor: string;
|
|
57
57
|
addCustomColor: string;
|
|
58
58
|
add: string;
|
|
59
|
+
align: string;
|
|
60
|
+
wrapText: string;
|
|
61
|
+
separateImageAndText: string;
|
|
62
|
+
textWrapRight: string;
|
|
63
|
+
textWrapLeft: string;
|
|
64
|
+
size: string;
|
|
65
|
+
deleteImage: string;
|
|
59
66
|
};
|
|
60
67
|
export default _default;
|
|
@@ -56,5 +56,12 @@ declare const _default: {
|
|
|
56
56
|
systemColor: string;
|
|
57
57
|
addCustomColor: string;
|
|
58
58
|
add: string;
|
|
59
|
+
align: string;
|
|
60
|
+
wrapText: string;
|
|
61
|
+
separateImageAndText: string;
|
|
62
|
+
textWrapRight: string;
|
|
63
|
+
textWrapLeft: string;
|
|
64
|
+
size: string;
|
|
65
|
+
deleteImage: string;
|
|
59
66
|
};
|
|
60
67
|
export default _default;
|
|
@@ -58,5 +58,12 @@ export declare function useTranslation(): {
|
|
|
58
58
|
systemColor: string;
|
|
59
59
|
addCustomColor: string;
|
|
60
60
|
add: string;
|
|
61
|
+
align: string;
|
|
62
|
+
wrapText: string;
|
|
63
|
+
separateImageAndText: string;
|
|
64
|
+
textWrapRight: string;
|
|
65
|
+
textWrapLeft: string;
|
|
66
|
+
size: string;
|
|
67
|
+
deleteImage: string;
|
|
61
68
|
};
|
|
62
69
|
export {};
|