Skip to content

Commit d8133ce

Browse files
FalkWolskyFalkWolsky
authored
Merge pull request #1219 from lowcoder-org/feature-viewer
change icons as lazy icons and process it's dependencies
2 parents 045141c + aa9e0e3 commit d8133ce

File tree

7 files changed

+836
-770
lines changed

7 files changed

+836
-770
lines changed

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -273,7 +273,7 @@ function Option<T extends ConstructorToComp<MultiCompConstructor>>(props: {
273273
del={props.onDel ? () => props.onDel!(index) : undefined}
274274
>
275275
<StyledPointIcon
276-
onClick={(e) => {
276+
onClick={(e: any) => {
277277
e.stopPropagation();
278278
}}
279279
/>

‎client/packages/lowcoder-design/src/icons/index.ts

-727
This file was deleted.

‎client/packages/lowcoder-design/src/icons/index.tsx

+728
Large diffs are not rendered by default.

‎client/packages/lowcoder-design/src/index.ts

+104-39
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,119 @@
1-
export * from "./components/Collapase";
1+
import React from "react";
2+
3+
export const Collapse = React.lazy(() => import("./components/Collapase").then(module => ({ default: module.Collapse })));
4+
export const PadDiv = React.lazy(() => import("./components/Collapase").then(module => ({ default: module.PadDiv })));
5+
export const UnShow = React.lazy(() => import("./components/Collapase").then(module => ({ default: module.UnShow})));
26
export * from "./components/CustomModal";
3-
export * from "./components/Drawer";
4-
export * from "./components/Dropdown";
5-
export * from "./components/ExternalLink";
7+
export const Drawer = React.lazy(() => import("./components/Drawer").then(module => ({ default: module.Drawer })));
8+
export * from "./components/Dropdown"
9+
export const ExternalLink = React.lazy(() => import("./components/ExternalLink").then(module => ({ default: module.ExternalLink })));
10+
export const DocLink = React.lazy(() => import("./components/ExternalLink").then(module => ({ default: module.DocLink })));
611
export * from "./components/GlobalInstances";
7-
export * from "./components/Input";
8-
export * from "./components/Label";
9-
export * from "./components/Menu";
10-
export * from "./components/MenuItem";
11-
export * from "./components/Modal";
12-
export * from "./components/ScrollBar";
13-
export * from "./components/Search";
14-
export * from "./components/Section";
15-
export * from "./components/SuspensionBox";
16-
export * from "./components/Switch";
17-
export * from "./components/Tab";
18-
export * from "./components/Table";
19-
export * from "./components/Trees";
12+
export const Input = React.lazy(() => import("./components/Input").then(module => ({ default: module.Input })));
13+
export const StyledInput = React.lazy(() => import("./components/Input").then(module => ({ default: module.StyledInput })));
14+
export { EllipsisTextCss, labelCss, CommonTextLabel, CommonGrayLabel } from "./components/Label";
15+
export const BlockGrayLabel = React.lazy(() => import("./components/Label").then(module => ({ default: module.BlockGrayLabel })));
16+
export const TextLabel = React.lazy(() => import("./components/Label").then(module => ({ default: module.TextLabel })));
17+
export const BlockLabel = React.lazy(() => import("./components/Label").then(module => ({ default: module.BlockLabel })));
18+
export const CollapseTitle = React.lazy(() => import("./components/Label").then(module => ({ default: module.CollapseTitle })));
19+
export const CollapseLabel = React.lazy(() => import("./components/Label").then(module => ({ default: module.CollapseLabel })));
20+
export const CollapseLink = React.lazy(() => import("./components/Label").then(module => ({ default: module.CollapseLink })));
21+
export const CommonTextLabel2 = React.lazy(() => import("./components/Label").then(module => ({ default: module.CommonTextLabel2 })));
22+
export const CommonErrorLabel = React.lazy(() => import("./components/Label").then(module => ({ default: module.CommonErrorLabel })));
23+
export const CommonBlueLabel = React.lazy(() => import("./components/Label").then(module => ({ default: module.CommonBlueLabel })));
24+
export const Menu = React.lazy(() => import("./components/Menu").then(module => ({ default: module.Menu })));
25+
export const DropdownMenu = React.lazy(() => import("./components/Menu").then(module => ({ default: module.DropdownMenu })));
26+
export const DropDownSubMenu = React.lazy(() => import("./components/Menu").then(module => ({ default: module.DropDownSubMenu })));
27+
export const MenuItemWithDelete = React.lazy(() => import("./components/Menu").then(module => ({ default: module.MenuItemWithDelete })));
28+
export const MenuItem = React.lazy(() => import("./components/MenuItem").then(module => ({ default: module.MenuItem })));
29+
export const FormItem = React.lazy(() => import("./components/MenuItem").then(module => ({ default: module.FormItem})));
30+
export const Modal = React.lazy(() => import("./components/Modal").then(module => ({ default: module.Modal})));
31+
export const ScrollBar = React.lazy(() => import("./components/ScrollBar").then(module => ({ default: module.ScrollBar})));
32+
export const Search = React.lazy(() => import("./components/Search").then(module => ({ default: module.Search })));
33+
export {PropertySectionContext, sectionNames} from "./components/Section";
34+
export type { PropertySectionState, PropertySectionContextType } from "./components/Section";
35+
export const Section = React.lazy(() => import("./components/Section").then(module => ({ default: module.Section})));
36+
export const BaseSection = React.lazy(() => import("./components/Section").then(module => ({ default: module.BaseSection})));
37+
export const SuspensionBox = React.lazy(() => import("./components/SuspensionBox").then(module => ({ default: module.SuspensionBox })));
38+
export const Switch = React.lazy(() => import("./components/Switch").then(module => ({ default: module.Switch })));
39+
export const SwitchJsIcon = React.lazy(() => import("./components/Switch").then(module => ({ default: module.SwitchJsIcon })));
40+
export const SwitchWrapper = React.lazy(() => import("./components/Switch").then(module => ({ default: module.SwitchWrapper })));
41+
export const TacoSwitch = React.lazy(() => import("./components/Switch").then(module => ({ default: module.TacoSwitch })));
42+
export const Tabs = React.lazy(() => import("./components/Tab").then(module => ({ default: module.Tabs })));
43+
export const TableShow = React.lazy(() => import("./components/Table").then(module => ({ default: module.TableShow })));
44+
export const CustomTree = React.lazy(() => import("./components/Trees").then(module => ({ default: module.CustomTree})));
45+
export const BranchDiv = React.lazy(() => import("./components/Trees").then(module => ({ default: module.BranchDiv })));
46+
export const Treediv = React.lazy(() => import("./components/Trees").then(module => ({ default: module.Treediv})));
2047
export * from "./components/TriggeredDialog";
21-
export * from "./components/alert";
22-
export * from "./components/audio";
23-
export * from "./components/button";
24-
export * from "./components/checkBox";
25-
export * from "./components/colorSelect";
48+
export const Alert = React.lazy(() => import("./components/alert").then(module => ({ default: module.Alert })));
49+
export const TacoAudio = React.lazy(() => import("./components/audio").then(module => ({ default: module.TacoAudio })));
50+
export type { TacoButtonType } from "./components/button";
51+
export const BigButtonStyle = React.lazy(() => import("./components/button").then(module => ({ default: module.BigButtonStyle })));
52+
export const BlueButton = React.lazy(() => import("./components/button").then(module => ({ default: module.BlueButton })));
53+
export const RedButton = React.lazy(() => import("./components/button").then(module => ({ default: module.RedButton })));
54+
export const LinkButton = React.lazy(() => import("./components/button").then(module => ({ default: module.LinkButton })));
55+
export const TacoButton = React.lazy(() => import("./components/button").then(module => ({ default: module.TacoButton })));
56+
export const CheckBox = React.lazy(() => import("./components/checkBox").then(module => ({ default: module.CheckBox })));
2657
export * from "./components/colorSelect/colorUtils";
27-
export * from "./components/colorSelect/index";
58+
export const ColorSelect = React.lazy(() => import("./components/colorSelect/index").then(module => ({ default: module.ColorSelect })));
2859
export * from "./components/container";
2960
export * from "./components/control";
30-
export * from "./components/copyTextButton";
61+
export const CopyTextButton = React.lazy(() => import("./components/copyTextButton").then(module => ({ default: module.CopyTextButton})));
3162
export * from "./components/customSelect";
3263
export * from "./components/edit";
64+
export type { EditTextProps } from "./components/edit";
65+
export const EditText = React.lazy(() => import("./components/edit").then(module => ({ default: module.EditText })));
66+
export const EditTextWrapper = React.lazy(() => import("./components/edit").then(module => ({ default: module.EditTextWrapper })));
67+
export const TextWrapper = React.lazy(() => import("./components/edit").then(module => ({ default: module.TextWrapper })));
3368
export * from "./components/eventHandler";
3469
export * from "./components/form";
35-
export * from "./components/iconSelect";
36-
export * from "./components/image";
37-
export * from "./components/keyValueList";
38-
export * from "./components/Loading";
39-
export * from "./components/markdown";
70+
export { removeQuote, useIcon, iconPrefix } from "./components/iconSelect";
71+
export const IconSelect = React.lazy(() => import("./components/iconSelect").then(module => ({ default: module.IconSelect })));
72+
export const IconSelectBase = React.lazy(() => import("./components/iconSelect").then(module => ({ default: module.IconSelectBase})));
73+
export const TacoImage = React.lazy(() => import("./components/image").then(module => ({ default: module.TacoImage })));
74+
export const KeyValueList = React.lazy(() => import("./components/keyValueList").then(module => ({ default: module.KeyValueList })));
75+
export const Loading = React.lazy(() => import("./components/Loading").then(module => ({ default: module.Loading })));
76+
export const WhiteLoading = React.lazy(() => import("./components/Loading").then(module => ({ default: module.WhiteLoading })));
77+
export const LightLoading = React.lazy(() => import("./components/Loading").then(module => ({ default: module.LightLoading })));
78+
export { markdownCompCss } from "./components/markdown";
79+
export const TacoMarkDown = React.lazy(() => import("./components/markdown").then(module => ({ default: module.TacoMarkDown })));
4080
export * from "./components/mockData";
4181
export * from "./components/option";
42-
export * from "./components/popover";
43-
export * from "./components/popupCard";
44-
export * from "./components/query";
45-
export * from "./components/selectedComps";
46-
export * from "./components/tacoInput";
47-
export * from "./components/tacoPagination";
48-
export * from "./components/toolTip";
49-
export * from "./components/video";
50-
export * from "./components/shapeSelect";
82+
export type { EditPopoverItemType, EditPopoverProps } from "./components/popover";
83+
export const CustomPopover = React.lazy(() => import("./components/popover").then(module => ({ default: module.CustomPopover })));
84+
export const SimplePopover = React.lazy(() => import("./components/popover").then(module => ({ default: module.SimplePopover })));
85+
export const EditPopover = React.lazy(() => import("./components/popover").then(module => ({ default: module.EditPopover})));
86+
export const PopupCard = React.lazy(() => import("./components/popupCard").then(module => ({ default: module.PopupCard })));
87+
export const QueryPropertyViewWrapper = React.lazy(() => import("./components/query").then(module => ({ default: module.QueryPropertyViewWrapper })));
88+
export const QueryAlert = React.lazy(() => import("./components/query").then(module => ({ default: module.QueryAlert })));
89+
export const QuerySectionWrapper = React.lazy(() => import("./components/query").then(module => ({ default: module.QuerySectionWrapper })));
90+
export const QueryConfigWrapper = React.lazy(() => import("./components/query").then(module => ({ default: module.QueryConfigWrapper })));
91+
export const QueryConfigLabel = React.lazy(() => import("./components/query").then(module => ({ default: module.QueryConfigLabel })));
92+
export const QueryConfigItemWrapper = React.lazy(() => import("./components/query").then(module => ({ default: module.QueryConfigItemWrapper })));
93+
export const QueryTutorialButton = React.lazy(() => import("./components/query").then(module => ({ default: module.QueryTutorialButton })));
94+
export const TriggerTypeStyled = React.lazy(() => import("./components/query").then(module => ({ default: module.TriggerTypeStyled })));
95+
export const SelectedComps = React.lazy(() => import("./components/selectedComps").then(module => ({ default: module.SelectedComps})));
96+
export const TacoInput = React.lazy(() => import("./components/tacoInput").then(module => ({ default: module.TacoInput })));
97+
export const BlurFinishInput = React.lazy(() => import("./components/tacoInput").then(module => ({ default: module.BlurFinishInput })));
98+
export const PhoneNumberInput = React.lazy(() => import("./components/tacoInput").then(module => ({ default: module.PhoneNumberInput })));
99+
export const OtpFormInput = React.lazy(() => import("./components/tacoInput").then(module => ({ default: module.OtpFormInput })));
100+
export const FormInput = React.lazy(() => import("./components/tacoInput").then(module => ({ default: module.FormInput })));
101+
export const PasswordInput = React.lazy(() => import("./components/tacoInput").then(module => ({ default: module.PasswordInput })));
102+
export { pageItemRender } from "./components/tacoPagination";
103+
export const TacoPagination = React.lazy(() => import("./components/tacoPagination").then(module => ({ default: module.TacoPagination })));
104+
export { UnderlineCss } from "./components/toolTip";
105+
export const TooltipCodeBlock = React.lazy(() => import("./components/toolTip").then(module => ({ default: module.TooltipCodeBlock})));
106+
export const TooltipLink = React.lazy(() => import("./components/toolTip").then(module => ({ default: module.TooltipLink})));
107+
export const TutorialsTooltip = React.lazy(() => import("./components/toolTip").then(module => ({ default: module.TutorialsTooltip})));
108+
export const CommonTipsOverlay = React.lazy(() => import("./components/toolTip").then(module => ({ default: module.CommonTipsOverlay})));
109+
export const Tooltip = React.lazy(() => import("./components/toolTip").then(module => ({ default: module.Tooltip})));
110+
export const ToolTipLabel = React.lazy(() => import("./components/toolTip").then(module => ({ default: module.ToolTipLabel})));
111+
export { playIcon } from "./components/video";
112+
export const Video = React.lazy(() => import("./components/video").then(module => ({ default: module.Video })));
113+
export const Container = React.lazy(() => import("./components/video").then(module => ({ default: module.Container})));
114+
export { useShape } from "./components/shapeSelect";
115+
export const ShapeSelect = React.lazy(() => import("./components/shapeSelect").then(module => ({ default: module.ShapeSelect })));
116+
export const ShapeSelectBase = React.lazy(() => import("./components/shapeSelect").then(module => ({ default: module.ShapeSelectBase})));
51117

52118
export * from "./icons";
53-
54119
export * from "./icons/antIcon";

‎client/packages/lowcoder/src/comps/comps/tableComp/tablePropertyView.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ function HideIcon(props: { hide: boolean; setHide: (hide: boolean) => void }) {
168168
const Eye = hide ? CloseEye : OpenEye;
169169
return (
170170
<Eye
171-
onClick={(e) => {
171+
onClick={(e: any) => {
172172
setHide(!hide);
173173
}}
174174
/>

‎client/packages/lowcoder/src/comps/controls/iconControl.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ export const IconPicker = (props: {
9090
<ButtonIconWrapper>{icon.getView()}</ButtonIconWrapper>
9191
<ButtonText title={icon.title}>{icon.title}</ButtonText>
9292
<StyledDeleteInputIcon
93-
onClick={(e) => {
93+
onClick={(e: any) => {
9494
props.onChange("");
9595
e.stopPropagation();
9696
}}

‎client/packages/lowcoder/src/comps/controls/shapeControl.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ const IconPicker = (props: {
105105
</ButtonIconWrapper>
106106

107107
<StyledDeleteInputIcon
108-
onClick={(e) => {
108+
onClick={(e: any) => {
109109
props.onChange("");
110110
e.stopPropagation();
111111
}}

0 commit comments

Comments
 (0)