Skip to content

Commit c2ad3aa

Browse files
committed
formating removed-63
1 parent fc7c125 commit c2ad3aa

File tree

1 file changed

+30
-37
lines changed
  • client/packages/lowcoder/src/comps/comps/selectInputComp

1 file changed

+30
-37
lines changed

client/packages/lowcoder/src/comps/comps/selectInputComp/radioComp.tsx

Lines changed: 30 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,18 @@
1-
import {default as AntdRadioGroup} from 'antd/es/radio/group';
2-
import {RadioStyleType} from 'comps/controls/styleControlConstants';
3-
import styled, {css} from 'styled-components';
4-
import {UICompBuilder} from '../../generators';
5-
import {
6-
CommonNameConfig,
7-
NameConfig,
8-
withExposingConfigs,
9-
} from '../../generators/withExposing';
10-
import {
11-
RadioChildrenMap,
12-
RadioLayoutOptions,
13-
RadioPropertyView,
14-
} from './radioCompConstants';
1+
import { default as AntdRadioGroup } from "antd/es/radio/group";
2+
import { RadioStyleType } from "comps/controls/styleControlConstants";
3+
import styled, { css } from "styled-components";
4+
import { UICompBuilder } from "../../generators";
5+
import { CommonNameConfig, NameConfig, withExposingConfigs } from "../../generators/withExposing";
6+
import { RadioChildrenMap, RadioLayoutOptions, RadioPropertyView } from "./radioCompConstants";
157
import {
168
selectDivRefMethods,
179
SelectInputInvalidConfig,
1810
useSelectInputValidate,
19-
} from './selectInputConstants';
20-
import {EllipsisTextCss, ValueFromOption} from 'lowcoder-design';
21-
import {trans} from 'i18n';
22-
import {fixOldInputCompData} from '../textInputComp/textInputConstants';
23-
import {migrateOldData} from 'comps/generators/simpleGenerators';
11+
} from "./selectInputConstants";
12+
import { EllipsisTextCss, ValueFromOption } from "lowcoder-design";
13+
import { trans } from "i18n";
14+
import { fixOldInputCompData } from "../textInputComp/textInputConstants";
15+
import { migrateOldData } from "comps/generators/simpleGenerators";
2416

2517
const getStyle = (style: RadioStyleType) => {
2618
return css`
@@ -31,12 +23,12 @@ const getStyle = (style: RadioStyleType) => {
3123
padding: ${style.padding};
3224
span:not(.ant-radio) {
3325
${EllipsisTextCss};
34-
font-family: ${style.fontFamily};
35-
font-size: ${style.textSize};
36-
font-weight: ${style.textWeight};
37-
font-style: ${style.fontStyle};
38-
text-transform: ${style.textTransform};
39-
text-decoration: ${style.textDecoration};
26+
font-family:${style.fontFamily};
27+
font-size:${style.textSize};
28+
font-weight:${style.textWeight};
29+
font-style:${style.fontStyle};
30+
text-transform:${style.textTransform};
31+
text-decoration:${style.textDecoration};
4032
}
4133
4234
.ant-radio-checked {
@@ -53,18 +45,16 @@ const getStyle = (style: RadioStyleType) => {
5345
.ant-radio-inner {
5446
background-color: ${style.uncheckedBackground};
5547
border-color: ${style.uncheckedBorder};
56-
border-width: ${style.borderWidth};
48+
border-width:${style.borderWidth};
5749
&::after {
5850
background-color: ${style.checked};
5951
}
6052
}
6153
62-
&:hover .ant-radio-inner,
54+
&:hover .ant-radio-inner,
6355
.ant-radio:hover .ant-radio-inner,
6456
.ant-radio-input + ant-radio-inner {
65-
background-color: ${style.hoverBackground
66-
? style.hoverBackground
67-
: '#ffff'};
57+
background-color:${style.hoverBackground ? style.hoverBackground:'#ffff'};
6858
}
6959
7060
&:hover .ant-radio-inner,
@@ -85,18 +75,18 @@ const Radio = styled(AntdRadioGroup)<{
8575
8676
${(props) => props.$style && getStyle(props.$style)}
8777
${(props) => {
88-
if (props.$layout === 'horizontal') {
78+
if (props.$layout === "horizontal") {
8979
return css`
9080
display: flex;
9181
align-items: center;
9282
flex-wrap: wrap;
9383
`;
94-
} else if (props.$layout === 'vertical') {
84+
} else if (props.$layout === "vertical") {
9585
return css`
9686
display: flex;
9787
flex-direction: column;
9888
`;
99-
} else if (props.$layout === 'auto_columns') {
89+
} else if (props.$layout === "auto_columns") {
10090
return css`
10191
break-inside: avoid;
10292
columns: 160px;
@@ -107,13 +97,16 @@ const Radio = styled(AntdRadioGroup)<{
10797

10898
let RadioBasicComp = (function () {
10999
return new UICompBuilder(RadioChildrenMap, (props) => {
110-
const [validateState, handleChange] = useSelectInputValidate(props);
100+
const [
101+
validateState,
102+
handleChange,
103+
] = useSelectInputValidate(props);
111104
return props.label({
112105
required: props.required,
113106
style: props.style,
114107
labelStyle: props.labelStyle,
115-
inputFieldStyle: props.inputFieldStyle,
116-
animationStyle: props.animationStyle,
108+
inputFieldStyle:props.inputFieldStyle,
109+
animationStyle:props.animationStyle,
117110
children: (
118111
<Radio
119112
ref={props.viewRef}
@@ -144,7 +137,7 @@ let RadioBasicComp = (function () {
144137
RadioBasicComp = migrateOldData(RadioBasicComp, fixOldInputCompData);
145138

146139
export const RadioComp = withExposingConfigs(RadioBasicComp, [
147-
new NameConfig('value', trans('selectInput.valueDesc')),
140+
new NameConfig("value", trans("selectInput.valueDesc")),
148141
SelectInputInvalidConfig,
149142
...CommonNameConfig,
150143
]);

0 commit comments

Comments
 (0)