use antd/es

Author: raheeliftikhar5

client/package.json

@@ -76,7 +76,7 @@
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1",
     "@types/styled-components": "^5.1.34",
-    "antd-mobile": "^5.28.0",
+    "antd-mobile": "^5.34.0",
     "chalk": "4",
     "number-precision": "^1.6.0",
     "react-player": "^2.11.0",

client/packages/lowcoder-design/src/components/GlobalInstances.tsx

@@ -1,7 +1,7 @@
-import { App } from 'antd';
-import type { MessageInstance } from 'antd/es/message/interface';
-import type { ModalStaticFunctions } from 'antd/es/modal/confirm';
-import type { NotificationInstance } from 'antd/es/notification/interface';
+import { default as App } from "antd/es/app";
+import type { MessageInstance } from "antd/es/message/interface";
+import type { ModalStaticFunctions } from "antd/es/modal/confirm";
+import type { NotificationInstance } from "antd/es/notification/interface";
 
 let messageInstance: MessageInstance;
 let notificationInstance: NotificationInstance;

client/packages/lowcoder-design/src/components/Trees.tsx

@@ -1,7 +1,7 @@
 import styled, { css } from "styled-components";
 import { ReactComponent as Folded } from "icons/icon-folded.svg";
-import { DataNode, TreeProps } from "antd/lib/tree";
-import DirectoryTree from "antd/lib/tree/DirectoryTree";
+import { DataNode, TreeProps } from "antd/es/tree";
+import DirectoryTree from "antd/es/tree/DirectoryTree";
 
 export const Treediv = styled.div<{ $height?: number }>`
   padding-left: 24px;

client/packages/lowcoder-design/src/components/colorSelect/colorUtils.ts

@@ -1,6 +1,6 @@
 import { colord, extend } from "colord";
 import namesPlugin from "colord/plugins/names";
-import { generate } from "@ant-design/colors";
+import { generate } from "@ant-design/colors/es";
 
 extend([namesPlugin]);
 

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

@@ -1,7 +1,7 @@
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import type { IconDefinition } from "@fortawesome/free-regular-svg-icons";
 // import type { IconDefinition as IconDefinitionBrands } from "@fortawesome/free-brands-svg-icons";
-import { Popover } from "antd";
+import { Popover } from "antd/es/popover";
 import { ActionType } from "@rc-component/trigger/lib/interface";
 import { TacoInput } from "components/tacoInput";
 import { Tooltip } from "components/toolTip";
@@ -20,7 +20,6 @@ import { default as List, ListRowProps } from "react-virtualized/dist/es/List";
 import styled from "styled-components";
 import { CloseIcon, SearchIcon } from "icons";
 import { ANTDICON } from "icons/antIcon";
-import { Divider } from "antd-mobile";
 
 const PopupContainer = styled.div`
   width: 580px;

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

@@ -1,7 +1,7 @@
 import styled, { css } from "styled-components";
 import { default as Alert } from "antd/es/alert";
 import { ReactNode } from "react";
-import { AlertProps } from "antd/lib/alert";
+import { AlertProps } from "antd/es/alert";
 import { ToolTipLabel } from "./toolTip";
 import { DocLink } from "components/ExternalLink";
 

client/packages/lowcoder-design/src/icons/antIcon.tsx

@@ -788,7 +788,7 @@ import {
   ZhihuSquareFilled,
   ZoomInOutlined,
   ZoomOutOutlined,
-} from "@ant-design/icons";
+} from "@ant-design/icons/es";
 
 export const ANTDICON = {
   accountbookfilled: <AccountBookFilled />,

client/packages/lowcoder-sdk/.gitignore

@@ -1,3 +1,4 @@
 /node_modules
 /dist
+/bundle
 /types