Skip to content

Commit da62927

Browse files
liusijunFalkWolsky
liusijun
authored and
FalkWolsky
committed
Bugfixing in the Cerrypicked Branch 1
1 parent 4335b1e commit da62927

File tree

17 files changed

+176
-163
lines changed

17 files changed

+176
-163
lines changed

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -290,7 +290,7 @@ export { ReactComponent as WidthIcon } from "./icon-width.svg";
290290
export { ReactComponent as ResponsiveLayoutCompIcon } from "./icon-responsive-layout-comp.svg";
291291
export { ReactComponent as TextSizeIcon } from "./remix/font-size-2.svg";
292292
export { ReactComponent as FontFamilyIcon } from "./remix/font-sans-serif.svg";
293-
export { ReactComponent as TextWeigthIcon } from "./remix/bold.svg";
293+
export { ReactComponent as TextWeightIcon } from "./remix/bold.svg";
294294
export { ReactComponent as BorderWidthIcon } from "./remix/expand-width-line.svg";
295295
export { ReactComponent as LeftInfoLine } from "./remix/information-line.svg";
296296
export { ReactComponent as LeftInfoFill } from "./remix/information-fill.svg";

‎client/packages/lowcoder/src/comps/comps/numberInputComp/sliderCompConstants.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ const getStyle = (style: SliderStyleType) => {
3030
}
3131
.ant-slider-handle {
3232
background-color: ${style.thumb};
33-
border-color: ${style.thumbBoder};
33+
border-color: ${style.thumbBorder};
3434
}
3535
}
3636
&:hover {
@@ -39,7 +39,7 @@ const getStyle = (style: SliderStyleType) => {
3939
}
4040
}
4141
.ant-slider-handle:focus {
42-
box-shadow: 0 0 0 5px ${fadeColor(darkenColor(style.thumbBoder, 0.08), 0.12)};
42+
box-shadow: 0 0 0 5px ${fadeColor(darkenColor(style.thumbBorder, 0.08), 0.12)};
4343
}
4444
}
4545
`;

‎client/packages/lowcoder/src/comps/comps/tableComp/column/tableColumnComp.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
withFunction,
2222
wrapChildAction,
2323
} from "lowcoder-core";
24-
import { AlignClose, AlignLeft, AlignRight, IconRadius, BorderWidthIcon, TextSizeIcon, FontFamilyIcon, TextWeigthIcon, ImageCompIcon, controlItem, Dropdown, OptionType } from "lowcoder-design";
24+
import { AlignClose, AlignLeft, AlignRight, IconRadius, BorderWidthIcon, TextSizeIcon, FontFamilyIcon, TextWeightIcon, ImageCompIcon, controlItem, Dropdown, OptionType } from "lowcoder-design";
2525
import { ColumnTypeComp, ColumnTypeCompMap } from "./columnTypeComp";
2626
import { ColorControl } from "comps/controls/colorControl";
2727
import { JSONValue } from "util/jsonTypes";
@@ -120,7 +120,7 @@ const StyledBorderRadiusIcon = styled(IconRadius)` width: 24px; margin: 0 8px 0
120120
const StyledBorderIcon = styled(BorderWidthIcon)` width: 24px; margin: 0 8px 0 -3px; padding: 3px;`;
121121
const StyledTextSizeIcon = styled(TextSizeIcon)` width: 24px; margin: 0 8px 0 -3px; padding: 3px;`;
122122
const StyledFontFamilyIcon = styled(FontFamilyIcon)` width: 24px; margin: 0 8px 0 -3px; padding: 3px;`;
123-
const StyledTextWeightIcon = styled(TextWeigthIcon)` width: 24px; margin: 0 8px 0 -3px; padding: 3px;`;
123+
const StyledTextWeightIcon = styled(TextWeightIcon)` width: 24px; margin: 0 8px 0 -3px; padding: 3px;`;
124124
const StyledBackgroundImageIcon = styled(ImageCompIcon)` width: 24px; margin: 0 0px 0 -12px;`;
125125

126126
/**
@@ -303,7 +303,7 @@ export class ColumnComp extends ColumnInitComp {
303303
})}
304304
{this.children.textWeight.propertyView({
305305
label: trans('style.textWeight'),
306-
preInputNode: <StyledTextWeightIcon as={TextWeigthIcon} title="" />,
306+
preInputNode: <StyledTextWeightIcon as={TextWeightIcon} title="" />,
307307
placeholder: 'normal',
308308
})}
309309
{this.children.fontFamily.propertyView({

‎client/packages/lowcoder/src/comps/comps/timelineComp/timelineComp.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ import {
4646
import { timelineDate, timelineNode, TimelineDataTooltip } from "./timelineConstants";
4747
import { convertTimeLineData } from "./timelineUtils";
4848
import { default as Timeline } from "antd/es/timeline";
49-
import { EditorContext } from "comps/editorState";
49+
import { EditorContext } from "comps/editorState";
5050

5151
const EventOptions = [
5252
clickEvent,
@@ -108,7 +108,7 @@ const TimelineComp = (
108108
color: value?.color,
109109
dot: icons[index] || "",
110110
label: (
111-
<span style={{ color: value?.lableColor || style?.lableColor }}>
111+
<span style={{ color: value?.labelColor || style?.labelColor }}>
112112
{value?.label}
113113
</span>
114114
),

‎client/packages/lowcoder/src/comps/comps/timelineComp/timelineConstants.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export type timelineNode = {
77
dot?: string;
88
subTitleColor?: string;
99
titleColor?: string;
10-
lableColor?: string;
10+
labelColor?: string;
1111
};
1212

1313
export const TimelineDataTooltip = (
@@ -28,7 +28,7 @@ export const TimelineDataTooltip = (
2828
<br />
2929
7. subTitleColor - {trans("timeLine.helpSubTitleColor")}
3030
<br />
31-
8. lableColor - {trans("timeLine.helpLableColor")}
31+
8. labelColor - {trans("timeLine.helpLabelColor")}
3232
</li>
3333
);
3434

@@ -51,7 +51,7 @@ export const timelineDate=[
5151
color: 'red',
5252
titleColor: "red",
5353
subTitleColor: "red",
54-
lableColor: "red",
54+
labelColor: "red",
5555
},
5656
{
5757
title: "Lowcoder 2.0",
@@ -60,4 +60,4 @@ export const timelineDate=[
6060
color: "green",
6161
label: "2023-6-20",
6262
},
63-
]
63+
]

‎client/packages/lowcoder/src/comps/comps/timelineComp/timelineUtils.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ function checkDataNodes(value: any, key?: string): timelineNode[] | undefined {
1515
check(node["color"], ["string", "undefined"], "color");
1616
check(node["titleColor"], ["string", "undefined"], "titleColor");
1717
check(node["subTitleColor"], ["string", "undefined"], "subTitleColor");
18-
check(node["lableColor"], ["string", "undefined"], "lableColor");
18+
check(node["labelColor"], ["string", "undefined"], "labelColor");
1919
check(node["dot"], ["string", "undefined"], "dot");
2020
return node;
2121
});

‎client/packages/lowcoder/src/comps/comps/triContainerComp/triContainer.tsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,12 @@ import { gridItemCompToGridItems, InnerGrid } from "../containerComp/containerVi
99
import { TriContainerViewProps } from "../triContainerComp/triContainerCompBuilder";
1010

1111
const getStyle = (style: ContainerStyleType) => {
12-
return css`
12+
return css`
1313
border-color: ${style.border};
1414
border-width: ${style.borderWidth};
1515
border-radius: ${style.radius};
1616
overflow: hidden;
17-
padding: ${style.padding};
17+
padding: ${style.padding};
1818
${style.background && `background-color: ${style.background};`}
1919
${style.backgroundImage && `background-image: ${style.backgroundImage};`}
2020
${style.backgroundImageRepeat && `background-repeat: ${style.backgroundImageRepeat};`}
@@ -33,7 +33,7 @@ const Wrapper = styled.div<{ $style: ContainerStyleType }>`
3333
${(props) => props.$style && getStyle(props.$style)}
3434
`;
3535

36-
const HeaderInnerGrid = styled(InnerGrid)<{
36+
const HeaderInnerGrid = styled(InnerGrid)<{
3737
$backgroundColor: string
3838
$headerBackgroundImage: string;
3939
$headerBackgroundImageRepeat: string;
@@ -140,7 +140,7 @@ export function TriContainer(props: TriContainerProps) {
140140
$headerBackgroundImageSize={headerStyle?.headerBackgroundImageSize}
141141
$headerBackgroundImagePosition={headerStyle?.headerBackgroundImagePosition}
142142
$headerBackgroundImageOrigin={headerStyle?.headerBackgroundImageOrigin}
143-
style={{padding: headerStyle.containerheaderpadding}}
143+
style={{padding: headerStyle.containerHeaderPadding}}
144144

145145
/>
146146
</BackgroundColorContext.Provider>
@@ -168,7 +168,7 @@ export function TriContainer(props: TriContainerProps) {
168168
$backgroundImageSize={bodyStyle?.backgroundImageSize}
169169
$backgroundImagePosition={bodyStyle?.backgroundImagePosition}
170170
$backgroundImageOrigin={bodyStyle?.backgroundImageOrigin}
171-
style={{padding: bodyStyle.containerbodypadding}}
171+
style={{padding: bodyStyle.containerBodyPadding}}
172172
/>
173173
</ScrollBar>
174174
) : (
@@ -191,7 +191,7 @@ export function TriContainer(props: TriContainerProps) {
191191
$backgroundImageSize={bodyStyle?.backgroundImageSize}
192192
$backgroundImagePosition={bodyStyle?.backgroundImagePosition}
193193
$backgroundImageOrigin={bodyStyle?.backgroundImageOrigin}
194-
style={{padding: bodyStyle.containerbodypadding}}/>
194+
style={{padding: bodyStyle.containerBodyPadding}}/>
195195
)}
196196
</BackgroundColorContext.Provider>
197197
)}
@@ -214,7 +214,7 @@ export function TriContainer(props: TriContainerProps) {
214214
$footerBackgroundImageOrigin={footerStyle?.footerBackgroundImageOrigin}
215215
$borderColor={style?.border}
216216
$borderWidth={style?.borderWidth}
217-
style={{padding: footerStyle.containerfooterpadding}}
217+
style={{padding: footerStyle.containerFooterPadding}}
218218
/>
219219
</BackgroundColorContext.Provider>
220220
)}

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

Lines changed: 18 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {
1414
CompressIcon,
1515
TextSizeIcon,
1616
FontFamilyIcon,
17-
TextWeigthIcon,
17+
TextWeightIcon,
1818
ShowBorderIcon,
1919
BorderWidthIcon,
2020
ImageCompIcon,
@@ -527,7 +527,7 @@ const MarginIcon = styled(ExpandIcon)` margin: 0 8px 0 2px;`;
527527
const PaddingIcon = styled(CompressIcon)` margin: 0 8px 0 2px;`;
528528
const StyledTextSizeIcon = styled(TextSizeIcon)` margin: 0 8px 0 -3px; padding: 3px;`;
529529
const StyledFontFamilyIcon = styled(FontFamilyIcon)` margin: 0 8px 0 -3px; padding: 3px;`;
530-
const StyledTextWeightIcon = styled(TextWeigthIcon)` margin: 0 8px 0 -3px; padding: 3px;`;
530+
const StyledTextWeightIcon = styled(TextWeightIcon)` margin: 0 8px 0 -3px; padding: 3px;`;
531531
const StyledBackgroundImageIcon = styled(ImageCompIcon)` margin: 0 0px 0 -12px;`;
532532

533533
const ResetIcon = styled(IconReset)`
@@ -568,9 +568,9 @@ export function styleControl<T extends readonly SingleColorConfig[]>(colorConfig
568568
name === "footerBackgroundImageOrigin" ||
569569
name === "margin" ||
570570
name === "padding" ||
571-
name === "containerheaderpadding" ||
572-
name === "containerfooterpadding" ||
573-
name === "containerbodypadding"
571+
name === "containerHeaderPadding" ||
572+
name === "containerFooterPadding" ||
573+
name === "containerBodyPadding"
574574
) {
575575
childrenMap[name] = StringControl;
576576
} else {
@@ -614,9 +614,9 @@ export function styleControl<T extends readonly SingleColorConfig[]>(colorConfig
614614
name === "radius" ||
615615
name === "margin" ||
616616
name === "padding" ||
617-
name === "containerheaderpadding" ||
618-
name === "containerfooterpadding" ||
619-
name === "containerbodypadding" ||
617+
name === "containerHeaderPadding" ||
618+
name === "containerFooterPadding" ||
619+
name === "containerBodyPadding" ||
620620
name === "borderWidth" ||
621621
name === "backgroundImage" ||
622622
name === "backgroundImageRepeat" ||
@@ -708,7 +708,11 @@ export function styleControl<T extends readonly SingleColorConfig[]>(colorConfig
708708
preInputNode: <PaddingIcon title="Padding" />,
709709
placeholder: props[name],
710710
})
711-
: name === "textSize"
711+
: name === "textSize" ||
712+
name === "padding" ||
713+
name === "containerHeaderPadding" ||
714+
name === "containerFooterPadding" ||
715+
name === "containerBodyPadding"
712716
? (
713717
children[name] as InstanceType<typeof StringControl>
714718
).propertyView({
@@ -786,7 +790,10 @@ export function styleControl<T extends readonly SingleColorConfig[]>(colorConfig
786790
// isDep: isDepColorConfig(config),
787791
isDep: true,
788792
depMsg: depMsg,
789-
})}
793+
})
794+
795+
}
796+
790797
</div>
791798
);
792799
})}
@@ -806,4 +813,4 @@ export function useStyle<T extends readonly SingleColorConfig[]>(colorConfigs: T
806813
props[config.name as Names<T>] = "";
807814
});
808815
return calcColors(props, colorConfigs, theme?.theme, bgColor);
809-
}
816+
}

0 commit comments

Comments
 (0)