Skip to content

Commit 1e03ad2

Browse files
raheeliftikhar5raheeliftikhar5
committed
updates after styled-compoents upgrade + fixing unit tests
1 parent ae43e5f commit 1e03ad2

File tree

175 files changed

+310
-219
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

175 files changed

+310
-219
lines changed

‎client/config/test/jest.config.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,14 @@ export default {
2020
testEnvironment: "jsdom",
2121
moduleNameMapper: {
2222
"react-markdown": path.resolve(currentDir, "./mocks/react-markdown.js"),
23+
"react-redux": path.resolve(currentDir, "./mocks/react-redux.js"),
24+
"react-draggable": path.resolve(currentDir, "./mocks/react-draggable.js"),
25+
"react-resize-detector": path.resolve(currentDir, "./mocks/react-resize-detector.js"),
26+
"react-virtualized": path.resolve(currentDir, "./mocks/react-virtualized.js"),
27+
"@dnd-kit/sortable": path.resolve(currentDir, "./mocks/dnd-kit-sortable.js"),
28+
"@dnd-kit/core": path.resolve(currentDir, "./mocks/dnd-kit-core.js"),
29+
"antd": path.resolve(currentDir, "./mocks/antd.js"),
30+
"history": path.resolve(currentDir, "./mocks/history.js"),
2331
"\\.md\\?url$": path.resolve(currentDir, "./mocks/markdown-url-module.js"),
2432
"^@lowcoder-ee(.*)$": path.resolve(
2533
currentDir,
@@ -35,6 +43,13 @@ export default {
3543
path.resolve(currentDir, "../../packages/lowcoder-comps/src"),
3644
path.resolve(currentDir, "../../packages/lowcoder-design/src"),
3745
],
46+
// moduleDirectories: [
47+
// "<rootDir>/client/node_modules",
48+
// path.resolve(currentDir, "../../node_modules"),
49+
// path.resolve(currentDir, "../../packages/lowcoder/node_modules"),
50+
// path.resolve(currentDir, "../../packages/lowcoder-comps/node_modules"),
51+
// path.resolve(currentDir, "../../packages/lowcoder-design/node_modules"),
52+
// ],
3853
setupFiles: [path.resolve(currentDir, "./jest.setup.js")],
3954
setupFilesAfterEnv: [path.resolve(currentDir, "./jest.setup-after-env.js"), 'jest-canvas-mock'],
4055
transform: {

‎client/config/test/jest.setup-after-env.js

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,26 @@ window.ResizeObserver = function () {
2222
};
2323
};
2424

25-
window.ImageData = {}
26-
window.MediaStreamTrack = {}
27-
window.URL.createObjectURL = () => {}
25+
// window.ImageData = {}
26+
// window.MediaStreamTrack = {}
27+
// window.URL.createObjectURL = () => {}
28+
Object.defineProperty(window, 'ImageData', { value: 'yourValue' });
29+
Object.defineProperty(window, 'MediaStreamTrack', { value: 'yourValue' });
30+
Object.defineProperty(window, 'URL', {
31+
writable: true,
32+
value: {
33+
createObjectURL: jest.fn(),
34+
}
35+
});
36+
Object.defineProperty(window, "navigator", {
37+
writable: true,
38+
value: {
39+
mediaDevices: {
40+
enumerateDevices: jest.fn(),
41+
},
42+
userAgent: '',
43+
},
44+
});
2845

2946
class Worker {
3047
constructor(stringUrl) {
@@ -36,4 +53,5 @@ class Worker {
3653
this.onmessage(msg);
3754
}
3855
}
56+
3957
window.Worker = Worker;

‎client/config/test/jest.setup.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
if (typeof window !== "undefined") {
2-
require("whatwg-fetch");
3-
}
1+
// if (typeof window !== "undefined") {
2+
// require("whatwg-fetch");
3+
// }

‎client/config/test/mocks/antd.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock('antd');

‎client/config/test/mocks/dnd-kit-core.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock("@dnd-kit/core");

‎client/config/test/mocks/dnd-kit-sortable.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock("@dnd-kit/sortable");

‎client/config/test/mocks/history.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock('history');

‎client/config/test/mocks/react-draggable.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock('react-draggable');

‎client/config/test/mocks/react-redux.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export default jest.mock("react-redux", () => ({
2+
connect: () => (Component) => Component,
3+
}));

‎client/config/test/mocks/react-resize-detector.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock('react-resize-detector');

‎client/config/test/mocks/react-virtualized.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default jest.mock('react-virtualized');

‎client/packages/lowcoder-comps/src/comps/calendarComp/calendarComp.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,8 @@ import {
2222
CalendarDeleteIcon,
2323
Tooltip,
2424
} from "lowcoder-sdk";
25-
import { Input, Form } from "antd";
25+
import { default as Form } from "antd/es/form";
26+
import { default as Input } from "antd/es/input";
2627
import { trans, getCalendarLocale } from "../../i18n/comps";
2728
import { createRef, useContext, useRef, useState } from "react";
2829
import FullCalendar from "@fullcalendar/react";

‎client/packages/lowcoder-comps/src/comps/calendarComp/calendarConstants.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ import {
2424
SlotLabelContentArg,
2525
ViewContentArg,
2626
} from "@fullcalendar/core";
27-
import { Form } from "antd";
27+
import { default as Form } from "antd/es/form";
2828

2929
export const Wrapper = styled.div<{
3030
$editable: boolean;

‎client/packages/lowcoder-comps/src/comps/imageEditorComp/imageEditorConstants.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import styled from "styled-components";
2-
import { Button } from "antd";
2+
import { default as Button } from "antd/es/button";
33
import { EventConfigType } from "lowcoder-sdk";
44
import { trans } from "i18n/comps";
55

‎client/packages/lowcoder-design/src/components/Collapase.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Collapse as AntdCollapse, CollapseProps } from "antd";
1+
import { default as AntdCollapse, CollapseProps } from "antd/es/collapse";
22
import { ReactComponent as UnFold } from "icons/icon-unfold.svg";
33
import { ReactComponent as Folded } from "icons/icon-folded.svg";
44
import { ReactComponent as Omit } from "icons/icon-omit.svg";

‎client/packages/lowcoder-design/src/components/CustomModal.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { ButtonProps, Modal as AntdModal } from "antd";
2-
import { ModalFuncProps, ModalProps as AntdModalProps } from "antd/lib/modal";
1+
import { ButtonProps } from "antd/es/button";
2+
import { default as AntdModal, ModalFuncProps, ModalProps as AntdModalProps } from "antd/es/modal";
33
import { ReactComponent as PackUpIcon } from "icons/icon-Pack-up.svg";
44
import React, { ReactNode, useState } from "react";
55
import styled from "styled-components";

‎client/packages/lowcoder-design/src/components/Drawer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Drawer as AntdDrawer, DrawerProps as AntdDrawerProps } from "antd";
1+
import { default as AntdDrawer, DrawerProps as AntdDrawerProps } from "antd/es/drawer";
22
import Handle from "./Modal/handler";
33
import { useEffect, useMemo, useState } from "react";
44
import { Resizable, ResizeHandle } from "react-resizable";

‎client/packages/lowcoder-design/src/components/Dropdown.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { Segmented as AntdSegmented, SelectProps } from "antd";
1+
import { default as AntdSegmented } from "antd/es/segmented";
2+
import { SelectProps } from "antd/es/select";
23
import { GreyTextColor } from "constants/style";
34
import _ from "lodash";
45
import { ReactNode } from "react";

‎client/packages/lowcoder-design/src/components/Input.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import styled from "styled-components";
2-
import { Input as AntdInput, InputProps as AntdInputProps, InputRef } from "antd";
2+
import { default as AntdInput, InputProps as AntdInputProps, InputRef } from "antd/es/input";
33
import { BorderActiveColor, BorderColor, BorderRadius, GreyTextColor } from "constants/style";
44
import { ChangeEvent, useEffect, useRef, useState } from "react";
55
import _ from "lodash";

‎client/packages/lowcoder-design/src/components/Menu.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Menu as AntdMenu, MenuProps, SubMenuProps } from "antd";
1+
import { default as AntdMenu, MenuProps, SubMenuProps } from "antd/es/menu";
22
import { NormalMenuIconColor, TabActiveColor } from "constants/style";
33
import { ReactComponent as AddIcon } from "icons/icon-add.svg";
44
import { ReactComponent as RecycleBinIcon } from "icons/icon-recycle-bin.svg";

‎client/packages/lowcoder-design/src/components/Modal/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Modal as AntdModal, ModalProps as AntdModalProps } from "antd";
1+
import { default as AntdModal, ModalProps as AntdModalProps } from "antd/es/modal";
22
import { useEffect, useState } from "react";
33
import { Resizable, ResizeHandle } from "react-resizable";
44
import { useResizeDetector } from "react-resize-detector";

‎client/packages/lowcoder-design/src/components/Search.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import styled from "styled-components";
2-
import { Input, InputProps } from "antd";
2+
import { default as Input, InputProps } from "antd/es/input";
33
import { ReactComponent as Icon } from "icons/icon-Search.svg";
44
import React, { CSSProperties } from "react";
55

‎client/packages/lowcoder-design/src/components/Table.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Table } from "antd";
1+
import { default as Table } from "antd/es/table";
22
import styled from "styled-components";
33

44
const { Column } = Table;

‎client/packages/lowcoder-design/src/components/alert.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Alert as AntAlert, AlertProps } from "antd";
1+
import { default as AntAlert, AlertProps } from "antd/es/alert";
22
import styled from "styled-components";
33

44
const Container = styled.div`

‎client/packages/lowcoder-design/src/components/button.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Button, ButtonProps } from "antd";
1+
import Button, { ButtonProps } from "antd/es/button";
22
import styled, { css } from "styled-components";
33
import { Loading } from "./Loading";
44
import * as React from "react";

‎client/packages/lowcoder-design/src/components/checkBox.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Checkbox as AntdCheckBox } from "antd";
1+
import { default as AntdCheckBox } from "antd/es/checkbox";
22
import styled from "styled-components";
33

44
const CheckBox = styled(AntdCheckBox)`

‎client/packages/lowcoder-design/src/components/colorSelect/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { RgbaStringColorPicker } from "react-colorful";
2-
import { Popover } from "antd";
2+
import { default as Popover } from "antd/es/popover";
33
import { ActionType } from '@rc-component/trigger/lib/interface';
44
import {
55
alphaOfRgba,

‎client/packages/lowcoder-design/src/components/customSelect.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Select as AntdSelect, SelectProps as AntdSelectProps } from "antd";
1+
import { default as AntdSelect, SelectProps as AntdSelectProps } from "antd/es/select";
22
import { ReactComponent as PackUpIcon } from "icons/icon-Pack-up.svg";
33
import styled from "styled-components";
44
import React from "react";

‎client/packages/lowcoder-design/src/components/edit.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import styled from "styled-components";
22
import { ReactComponent as Edit } from "icons/icon-text-edit.svg";
33
import { CSSProperties, ReactNode, useEffect, useRef, useState } from "react";
44
import { Input } from "../components/Input";
5-
import { InputProps, InputRef } from "antd";
5+
import { InputProps, InputRef } from "antd/es/input";
66

77
const Wrapper = styled.div`
88
position: relative;

‎client/packages/lowcoder-design/src/components/form.tsx

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,24 @@
1-
import {
2-
Form,
3-
Input,
4-
InputNumber,
5-
InputNumberProps,
6-
InputProps,
7-
Radio,
8-
Select,
9-
SelectProps,
10-
} from "antd";
1+
import { default as Form } from "antd/es/form";
2+
import { default as AntdFormItem, FormItemProps as AntdFormItemProps } from "antd/es/form/FormItem";
3+
import { default as Input, InputProps } from "antd/es/input";
4+
import { default as TextArea, TextAreaProps } from "antd/es/input/TextArea";
5+
import { default as InputNumber, InputNumberProps } from "antd/es/input-number";
6+
import { default as Radio, RadioGroupProps } from "antd/es/radio";
7+
import { default as Select, SelectProps } from "antd/es/select";
118
import { ReactNode } from "react";
129
import { CheckBox } from "./checkBox";
1310
import { CustomSelect } from "./customSelect";
1411
import { EllipsisTextCss, labelCss } from "./Label";
1512
import { ToolTipLabel } from "./toolTip";
1613
import styled from "styled-components";
1714
import { ReactComponent as Star } from "icons/icon-star.svg";
18-
import { FormItemProps as AntdFormItemProps } from "antd/lib/form/FormItem";
1915
import _ from "lodash";
2016
import { KeyValueList } from "./keyValueList";
2117
import { OptionsType, ValueFromOption } from "./Dropdown";
22-
import { RadioGroupProps } from "antd/lib/radio/interface";
23-
import { TextAreaProps } from "antd/lib/input";
2418

2519
export type FormSize = "middle" | "small";
2620

27-
const FormItem = styled(Form.Item)`
21+
const FormItem = styled(AntdFormItem)`
2822
min-width: 0;
2923
flex-grow: 1;
3024
margin: 0;
@@ -69,7 +63,7 @@ const FormInputPassword = styled(Input)`
6963
border-radius: 4px;
7064
`;
7165

72-
const FormTextArea = styled(Input.TextArea)`
66+
const FormTextArea = styled(TextArea)`
7367
background: #ffffff;
7468
`;
7569

‎client/packages/lowcoder-design/src/components/iconSelect/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
22
import type { IconDefinition } from "@fortawesome/free-regular-svg-icons";
3-
import { Popover } from "antd";
3+
import { default as Popover } from "antd/es/popover";
44
import { ActionType } from '@rc-component/trigger/lib/interface';
55
import { TacoInput } from "components/tacoInput";
66
import { Tooltip } from "components/toolTip";
77
import { trans } from "i18n/design";
88
import _ from "lodash";
99
import { ReactNode, useEffect, useCallback, useMemo, useRef, useState } from "react";
1010
import Draggable from "react-draggable";
11-
import { List, ListRowProps } from "react-virtualized";
11+
import { default as List, ListRowProps } from "react-virtualized/dist/es/List";
1212
import styled from "styled-components";
1313
import { CloseIcon, SearchIcon } from "icons";
1414

‎client/packages/lowcoder-design/src/components/popover.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { SuspensionBox } from "./SuspensionBox";
2-
import { Popover, PopoverProps } from "antd";
2+
import { default as Popover, PopoverProps } from "antd/es/popover";
33
import { Children, cloneElement, MouseEvent, ReactNode, useState } from "react";
44
import styled from "styled-components";
55
import { ActiveTextColor, GreyTextColor } from "constants/style";

‎client/packages/lowcoder-design/src/components/popupCard.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { Alert, Card } from "antd";
1+
import { default as Alert } from "antd/es/alert";
2+
import { default as Card } from "antd/es/card";
23
import { CopyTextButton } from "./copyTextButton";
34
import { CSSProperties, ReactNode, useState } from "react";
45
import styled from "styled-components";

‎client/packages/lowcoder-design/src/components/query.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import styled, { css } from "styled-components";
2-
import { Alert } from "antd";
2+
import { default as Alert } from "antd/es/alert";
33
import { ReactNode } from "react";
44
import { AlertProps } from "antd/lib/alert";
55
import { ToolTipLabel } from "./toolTip";

‎client/packages/lowcoder-design/src/components/tacoInput.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Input as AntdInput, InputRef } from "antd";
1+
import { default as AntdInput, InputRef } from "antd/es/input";
22
import { ReactComponent as MustFillStar } from "icons/icon-must-fill-star.svg";
33
import { trans } from "i18n/design";
44
import { CSSProperties, Ref, useEffect, useRef, useState } from "react";

‎client/packages/lowcoder-design/src/components/tacoPagination.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
import { Pagination } from "antd";
2-
import { PaginationProps } from "antd/lib/pagination/Pagination";
1+
import { default as Pagination, PaginationProps } from "antd/es/pagination";
32
import styled, { css } from "styled-components";
43
import { ReactComponent as PackUpIcon } from "icons/icon-Pack-up.svg";
54

65
const packUpIconCss = css`
76
height: 24px;
87
width: 24px;
98
10-
:hover:not([disabled]) {
9+
&:hover:not([disabled]) {
1110
g path {
1211
fill: #315efb;
1312
}

‎client/packages/lowcoder-design/src/components/toolTip.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { Button, Tooltip as AntdTooltip } from "antd";
2-
import { TooltipProps } from "antd/lib/tooltip";
1+
import { default as Button } from "antd/es/button";
2+
import { default as AntdTooltip, TooltipProps } from "antd/es/tooltip";
33
import { CSSProperties, ReactNode } from "react";
44
import styled, { css } from "styled-components";
55
import { labelCss } from "components/Label";

‎client/packages/lowcoder/src/app.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { App, ConfigProvider } from "antd";
1+
import { default as App } from "antd/es/app";
2+
import { default as ConfigProvider } from "antd/es/config-provider";
23
import {
34
ALL_APPLICATIONS_URL,
45
APP_EDITOR_URL,

‎client/packages/lowcoder/src/components/InputList.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Form } from "antd";
1+
import { default as Form } from "antd/es/form";
22
import { FormListProps, Rule } from "antd/lib/form";
33
import { TacoButton } from "lowcoder-design";
44
import { Input } from "lowcoder-design";

‎client/packages/lowcoder/src/components/JSLibraryModal.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { trans } from "i18n";
55
import { DocLink } from "components/ExternalLink";
66
import { Input } from "components/Input";
77
import { TacoButton } from "components/button";
8-
import { Spin } from "antd";
8+
import { default as Spin } from "antd/es/spin";
99
import { useDispatch, useSelector } from "react-redux";
1010
import { recommendJSLibrarySelector } from "redux/selectors/jsLibrarySelector";
1111
import { JSLibraryInfo, JSLibraryLabel } from "components/JSLibraryTree";

‎client/packages/lowcoder/src/components/JSLibraryTree.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { useDispatch, useSelector } from "react-redux";
99
import { parseJSLibraryURL } from "util/jsLibraryUtils";
1010
import { jsLibrarySelector } from "redux/selectors/jsLibrarySelector";
1111
import { fetchJSLibraryMetasAction } from "redux/reduxActions/jsLibraryActions";
12-
import { Typography } from "antd";
12+
import { default as TypographyParagraph } from "antd/es/typography/Paragraph";
1313

1414
const InfoWrapper = styled.div`
1515
color: #8b8fa3;
@@ -30,7 +30,7 @@ const ExportWrapper = styled.div`
3030
height: 20px;
3131
line-height: 20px;
3232
`;
33-
const DescWrapper = styled(Typography.Paragraph)`
33+
const DescWrapper = styled(TypographyParagraph)`
3434
line-height: 1.5em;
3535
font-size: 13px;
3636
color: #8b8fa3;

‎client/packages/lowcoder/src/components/LazyRoute.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Skeleton } from "antd";
1+
import { default as Skeleton } from "antd/es/skeleton";
22
import { ComponentType, lazy, Suspense, useRef } from "react";
33
import { Route, RouteProps } from "react-router";
44
import PageSkeleton from "./PageSkeleton";

‎client/packages/lowcoder/src/components/ModuleLoading.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Spin } from "antd";
1+
import { default as Spin } from "antd/es/spin";
22
import { GreyTextColor } from "constants/style";
33
import styled from "styled-components";
44

‎client/packages/lowcoder/src/components/PageSkeleton.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { Layout, Skeleton } from "antd";
1+
import { default as Layout } from "antd/es/layout";
2+
import { default as Skeleton } from "antd/es/skeleton";
23
import MainContent from "components/layout/MainContent";
34
import SideBar from "components/layout/SideBar";
45
import Header from "./layout/Header";

0 commit comments

Comments
 (0)