beca-ui 2.1.1-beta.2 → 2.1.1-beta.21
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 +31506 -31194
- package/dist/components/ApplicationsCard/ApplicationsCard.types.d.ts +23 -14
- package/dist/components/MainLayout/Header/Header.types.d.ts +2 -0
- package/dist/components/MainLayout/MainLayout.types.d.ts +3 -0
- package/dist/components/MainLayout/SideBarMenu/SideBarMenu.types.d.ts +1 -0
- package/dist/components/TextEditor/TableTools/TableTools.component.d.ts +1 -1
- package/dist/components/TextEditor/TextEditor.types.d.ts +13 -5
- 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
|
}
|
|
@@ -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;
|
|
@@ -48,6 +49,7 @@ export interface HeaderProps extends ApplicationsCardProps {
|
|
|
48
49
|
config?: MainLayoutConfig;
|
|
49
50
|
isShowCollapseButton?: boolean;
|
|
50
51
|
headerTitle?: string;
|
|
52
|
+
isTopHeader?: boolean;
|
|
51
53
|
}
|
|
52
54
|
export type ThemeModel = {
|
|
53
55
|
getApi?: string;
|
|
@@ -20,6 +20,9 @@ export interface MainLayoutProps extends Omit<SideBarMenuProps, "sideBarMenus">,
|
|
|
20
20
|
adminTheme?: string | undefined;
|
|
21
21
|
onChangeTheme?: (theme: string) => Promise<void>;
|
|
22
22
|
};
|
|
23
|
+
layout?: {
|
|
24
|
+
header?: "top" | "side";
|
|
25
|
+
};
|
|
23
26
|
}
|
|
24
27
|
export interface UserConfig {
|
|
25
28
|
showEventTheme?: boolean;
|
|
@@ -7,5 +7,5 @@ interface TableToolsProps {
|
|
|
7
7
|
editor?: Editor | null;
|
|
8
8
|
tablePosition?: TablePosition;
|
|
9
9
|
}
|
|
10
|
-
export declare const TableTools: ({ editor, tablePosition }: TableToolsProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const TableTools: ({ editor, tablePosition }: TableToolsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
11
11
|
export {};
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { EditorContentProps } from "@tiptap/react";
|
|
3
3
|
import { DataNode as AntDataNode } from "antd/lib/tree";
|
|
4
|
+
export interface TextEditorToolkitConfig {
|
|
5
|
+
visible?: boolean;
|
|
6
|
+
position?: "top" | "bottom";
|
|
7
|
+
upper?: React.ReactNode;
|
|
8
|
+
lower?: React.ReactNode;
|
|
9
|
+
}
|
|
4
10
|
export interface TextEditorProps {
|
|
5
11
|
value?: any;
|
|
6
12
|
readingMode?: boolean;
|
|
@@ -11,14 +17,14 @@ export interface TextEditorProps {
|
|
|
11
17
|
extraMenus?: GroupMenu[];
|
|
12
18
|
isMobile?: boolean;
|
|
13
19
|
placeholder?: string;
|
|
14
|
-
|
|
15
|
-
toolkitUpper?: React.ReactNode;
|
|
16
|
-
toolkitLower?: React.ReactNode;
|
|
20
|
+
toolkit?: TextEditorToolkitConfig;
|
|
17
21
|
suggestionGroups?: SuggesstionGroupModel[];
|
|
18
22
|
onUploadImage?: (file: File | null, base64?: string) => string;
|
|
19
23
|
onEnter?: () => void;
|
|
20
24
|
fontSizeUnit?: "pt" | "px";
|
|
21
25
|
isSimpleText?: boolean;
|
|
26
|
+
mode?: "advanced" | "compact";
|
|
27
|
+
variant?: "outlined" | "filled" | "borderless";
|
|
22
28
|
}
|
|
23
29
|
export interface SuggesstionGroupModel {
|
|
24
30
|
char: string;
|
|
@@ -45,10 +51,12 @@ export interface TextEditorMenuProps extends EditorContentProps {
|
|
|
45
51
|
isMobile?: boolean;
|
|
46
52
|
preMenus?: GroupMenu[];
|
|
47
53
|
extraMenus?: GroupMenu[];
|
|
48
|
-
|
|
49
|
-
toolkitLower?: React.ReactNode;
|
|
54
|
+
toolkit?: TextEditorToolkitConfig;
|
|
50
55
|
addImage: (imageUrl: string) => void;
|
|
51
56
|
fontSizeUnit?: "pt" | "px";
|
|
57
|
+
mode?: "advanced" | "compact";
|
|
58
|
+
isFullscreen?: boolean;
|
|
59
|
+
onToggleFullscreen?: () => void;
|
|
52
60
|
}
|
|
53
61
|
export interface GroupMenu {
|
|
54
62
|
menuItems: React.ReactNode[];
|
|
@@ -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 {};
|