Skip to content

Commit 7569518

Browse files
MenamAfzalMenamAfzal
committed
formating removed-39
1 parent f027b6f commit 7569518

File tree

1 file changed

+56
-68
lines changed

1 file changed

+56
-68
lines changed

‎client/packages/lowcoder/src/comps/comps/containerComp/textContainerComp.tsx

Lines changed: 56 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,67 @@
1-
import {BoolCodeControl, StringControl} from 'comps/controls/codeControl';
2-
import {stringExposingStateControl} from 'comps/controls/codeStateControl';
3-
import {ToDataType} from 'comps/generators/multi';
1+
import { BoolCodeControl, StringControl } from "comps/controls/codeControl";
2+
import { stringExposingStateControl } from "comps/controls/codeStateControl";
3+
import { ToDataType } from "comps/generators/multi";
44
import {
55
NameConfigHidden,
66
withExposingConfigs,
7-
} from 'comps/generators/withExposing';
8-
import {NameGenerator} from 'comps/utils/nameGenerator';
9-
import {hiddenPropertyView} from 'comps/utils/propertyUtils';
10-
import {trans} from 'i18n';
11-
import {CompParams} from 'lowcoder-core';
12-
import {Section, sectionNames} from 'lowcoder-design';
13-
import {oldContainerParamsToNew} from '../containerBase';
14-
import {toSimpleContainerData} from '../containerBase/simpleContainerComp';
7+
} from "comps/generators/withExposing";
8+
import { NameGenerator } from "comps/utils/nameGenerator";
9+
import { hiddenPropertyView } from "comps/utils/propertyUtils";
10+
import { trans } from "i18n";
11+
import { CompParams } from "lowcoder-core";
12+
import { Section, sectionNames } from "lowcoder-design";
13+
import { oldContainerParamsToNew } from "../containerBase";
14+
import { toSimpleContainerData } from "../containerBase/simpleContainerComp";
1515
import {
1616
ContainerChildren,
1717
ContainerCompBuilder,
18-
} from '../triContainerComp/triContainerCompBuilder';
19-
import {TriContainer} from '../triContainerComp/triFloatTextContainer';
20-
import {dropdownControl} from 'comps/controls/dropdownControl';
21-
import {withDefault} from 'comps/generators/simpleGenerators';
22-
import {styleControl} from 'comps/controls/styleControl';
23-
import {AnimationStyle, TextStyle} from 'comps/controls/styleControlConstants';
24-
import {useContext} from 'react';
25-
import {EditorContext} from 'comps/editorState';
26-
import {alignWithJustifyControl} from 'comps/controls/alignControl';
18+
} from "../triContainerComp/triContainerCompBuilder";
19+
import { TriContainer } from "../triContainerComp/triFloatTextContainer";
20+
import { dropdownControl } from "comps/controls/dropdownControl";
21+
import { withDefault } from "comps/generators/simpleGenerators";
22+
import { styleControl } from "comps/controls/styleControl";
23+
import { AnimationStyle, TextStyle } from "comps/controls/styleControlConstants";
24+
import { useContext } from "react";
25+
import { EditorContext } from "comps/editorState";
26+
import { alignWithJustifyControl } from "comps/controls/alignControl";
2727

2828
const typeOptions = [
2929
{
30-
label: 'Markdown',
31-
value: 'markdown',
30+
label: "Markdown",
31+
value: "markdown",
3232
},
3333
{
34-
label: trans('text'),
35-
value: 'text',
34+
label: trans("text"),
35+
value: "text",
3636
},
3737
] as const;
3838

3939
const floatOptions = [
4040
{
41-
label: 'None',
42-
value: 'none',
41+
label: "None",
42+
value: "none",
4343
},
4444
{
45-
label: 'Right',
46-
value: 'right',
45+
label: "Right",
46+
value: "right",
4747
},
4848
{
49-
label: 'Left',
50-
value: 'left',
49+
label: "Left",
50+
value: "left",
5151
},
5252
] as const;
5353

54+
5455
export const ContainerBaseComp = (function () {
5556
const childrenMap = {
5657
disabled: BoolCodeControl,
5758
text: stringExposingStateControl(
58-
'text',
59-
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat faucibus eleifend. Pellentesque eleifend, risus vel sagittis mattis, mauris ipsum tempor sapien, eu lobortis lacus libero a dui. Cras erat felis, rhoncus vestibulum consectetur et, ultrices ut purus. Sed a tortor orci. Vestibulum nec eleifend ante.'
59+
"text", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat faucibus eleifend. Pellentesque eleifend, risus vel sagittis mattis, mauris ipsum tempor sapien, eu lobortis lacus libero a dui. Cras erat felis, rhoncus vestibulum consectetur et, ultrices ut purus. Sed a tortor orci. Vestibulum nec eleifend ante."
6060
),
61-
type: dropdownControl(typeOptions, 'markdown'),
62-
float: dropdownControl(floatOptions, 'left'),
61+
type: dropdownControl(typeOptions, "markdown"),
62+
float: dropdownControl(floatOptions, "left"),
6363
horizontalAlignment: alignWithJustifyControl(),
64-
width: withDefault(StringControl, '40'),
64+
width: withDefault(StringControl, "40"),
6565
style: styleControl(TextStyle),
6666
animationStyle: styleControl(AnimationStyle),
6767
};
@@ -72,61 +72,49 @@ export const ContainerBaseComp = (function () {
7272
return (
7373
<>
7474
<Section name={sectionNames.basic}>
75-
{children.type.propertyView({
76-
label: trans('value'),
77-
tooltip: trans('textShow.valueTooltip'),
78-
radioButton: true,
79-
})}
75+
{children.type.propertyView({label: trans("value"), tooltip: trans("textShow.valueTooltip"), radioButton: true,})}
8076
{children.text.propertyView({})}
8177
</Section>
8278

83-
{['logic', 'both'].includes(
84-
useContext(EditorContext).editorModeStatus
85-
) && (
79+
{["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
8680
<Section name={sectionNames.interaction}>
8781
{hiddenPropertyView(children)}
8882
</Section>
8983
)}
90-
{['layout', 'both'].includes(
91-
useContext(EditorContext).editorModeStatus
92-
) && (
84+
{["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
9385
<>
9486
<Section name={sectionNames.layout}>
9587
{children.container.getPropertyView()}
96-
{children.width.propertyView({
97-
label: trans('container.flowWidth'),
98-
})}
99-
{children.float.propertyView({
100-
label: trans('container.floatType'),
101-
radioButton: true,
88+
{children.width.propertyView({label: trans("container.flowWidth")})}
89+
{children.float.propertyView({ label: trans("container.floatType"), radioButton: true,
10290
})}
10391
{children.horizontalAlignment.propertyView({
104-
label: trans('textShow.horizontalAlignment'),
92+
label: trans("textShow.horizontalAlignment"),
10593
radioButton: true,
10694
})}
10795
</Section>
108-
<Section name={'Floating Text Style'}>
96+
<Section name={"Floating Text Style"}>
10997
{children.style.getPropertyView()}
11098
</Section>
11199
<Section name={sectionNames.animationStyle}>
112100
{children.animationStyle.getPropertyView()}
113101
</Section>
114-
<Section name={'Container Style'}>
102+
<Section name={"Container Style"}>
115103
{children.container.stylePropertyView()}
116104
</Section>
117105
{children.container.children.showHeader.getView() && (
118-
<Section name={'Header Style'}>
119-
{children.container.headerStylePropertyView()}
106+
<Section name={"Header Style"}>
107+
{ children.container.headerStylePropertyView() }
120108
</Section>
121109
)}
122110
{children.container.children.showBody.getView() && (
123-
<Section name={'Body Style'}>
124-
{children.container.bodyStylePropertyView()}
111+
<Section name={"Body Style"}>
112+
{ children.container.bodyStylePropertyView() }
125113
</Section>
126114
)}
127115
{children.container.children.showFooter.getView() && (
128-
<Section name={'Footer Style'}>
129-
{children.container.footerStylePropertyView()}
116+
<Section name={"Footer Style"}>
117+
{ children.container.footerStylePropertyView() }
130118
</Section>
131119
)}
132120
</>
@@ -147,15 +135,15 @@ function convertOldContainerParams(params: CompParams<any>) {
147135
// old params
148136
if (
149137
container &&
150-
(container.hasOwnProperty('layout') || container.hasOwnProperty('items'))
138+
(container.hasOwnProperty("layout") || container.hasOwnProperty("items"))
151139
) {
152140
const autoHeight = tempParams.value.autoHeight;
153141
return {
154142
...tempParams,
155143
value: {
156144
container: {
157145
showHeader: false,
158-
body: {0: {view: container}},
146+
body: { 0: { view: container } },
159147
showBody: true,
160148
showFooter: false,
161149
autoHeight: autoHeight,
@@ -188,21 +176,21 @@ export function defaultContainerData(
188176
header: toSimpleContainerData([
189177
{
190178
item: {
191-
compType: 'text',
192-
name: nameGenerator.genItemName('containerTitle'),
179+
compType: "text",
180+
name: nameGenerator.genItemName("containerTitle"),
193181
comp: {
194-
text: '### ' + trans('container.title'),
182+
text: "### " + trans("container.title"),
195183
},
196184
},
197185
layoutItem: {
198-
i: '',
186+
i: "",
199187
h: 5,
200188
w: 24,
201189
x: 0,
202190
y: 0,
203191
},
204192
},
205-
]),
193+
])
206194
},
207195
};
208196
}

0 commit comments

Comments
 (0)