formating removed-52

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/numberInputComp/sliderComp.tsx

@@ -1,44 +1,31 @@
-import {trans} from 'i18n';
-import {Section, sectionNames} from 'lowcoder-design';
-import {numberExposingStateControl} from '../../controls/codeStateControl';
-import {UICompBuilder} from '../../generators';
-import {
-  CommonNameConfig,
-  NameConfig,
-  withExposingConfigs,
-} from '../../generators/withExposing';
-import {
-  formDataChildren,
-  FormDataPropertyView,
-} from '../formComp/formDataConstants';
-import {
-  SliderChildren,
-  SliderPropertyView,
-  SliderStyled,
-  SliderWrapper,
-} from './sliderCompConstants';
-import {hasIcon} from 'comps/utils';
-import {BoolControl} from 'comps/controls/boolControl';
+import { trans } from "i18n";
+import { Section, sectionNames } from "lowcoder-design";
+import { numberExposingStateControl } from "../../controls/codeStateControl";
+import { UICompBuilder } from "../../generators";
+import { CommonNameConfig, NameConfig, withExposingConfigs } from "../../generators/withExposing";
+import { formDataChildren, FormDataPropertyView } from "../formComp/formDataConstants";
+import { SliderChildren, SliderPropertyView, SliderStyled, SliderWrapper } from "./sliderCompConstants";
+import { hasIcon } from "comps/utils";
+import { BoolControl } from "comps/controls/boolControl";
 
 const SliderBasicComp = (function () {
   /**
    * FIXME: the range of setValue cannot exceed max
    */
   const childrenMap = {
     ...SliderChildren,
-    value: numberExposingStateControl('value', 60),
+    value: numberExposingStateControl("value", 60),
     vertical: BoolControl,
     ...formDataChildren,
   };
   return new UICompBuilder(childrenMap, (props) => {
     return props.label({
       style: props.style,
       labelStyle: props.labelStyle,
-      inputFieldStyle: props.inputFieldStyle,
-      animationStyle: props.animationStyle,
+      inputFieldStyle:props.inputFieldStyle,
+      animationStyle:props.animationStyle,
       children: (
         <SliderWrapper
-          $style={props.inputFieldStyle}
           vertical={props.vertical}
           onMouseDown={(e: any) => {
             e.stopPropagation();
@@ -54,7 +41,7 @@ const SliderBasicComp = (function () {
             vertical={props.vertical || false}
             onChange={(e) => {
               props.value.onChange(e);
-              props.onEvent('change');
+              props.onEvent("change");
             }}
           />
           {hasIcon(props.suffixIcon) && props.suffixIcon}
@@ -66,14 +53,14 @@ const SliderBasicComp = (function () {
       return (
         <>
           <Section name={sectionNames.basic}>
-            {children.value.propertyView({label: trans('prop.defaultValue')})}
-            {children.max.propertyView({label: trans('prop.maximum')})}
-            {children.min.propertyView({label: trans('prop.minimum')})}
+            {children.value.propertyView({ label: trans("prop.defaultValue") })}
+            {children.max.propertyView({ label: trans("prop.maximum") })}
+            {children.min.propertyView({ label: trans("prop.minimum") })}
             {children.step.propertyView({
-              label: trans('slider.step'),
-              tooltip: trans('slider.stepTooltip'),
+              label: trans("slider.step"),
+              tooltip: trans("slider.stepTooltip"),
             })}
-            {children.vertical.propertyView({label: trans('slider.vertical')})}
+            {children.vertical.propertyView({ label: trans("slider.vertical") })}
           </Section>
           <FormDataPropertyView {...children} />
           <SliderPropertyView {...children} />
@@ -84,8 +71,8 @@ const SliderBasicComp = (function () {
 })();
 
 export const SliderComp = withExposingConfigs(SliderBasicComp, [
-  new NameConfig('value', trans('export.sliderValueDesc')),
-  new NameConfig('max', trans('export.sliderMaxValueDesc')),
-  new NameConfig('min', trans('export.sliderMinValueDesc')),
+  new NameConfig("value", trans("export.sliderValueDesc")),
+  new NameConfig("max", trans("export.sliderMaxValueDesc")),
+  new NameConfig("min", trans("export.sliderMinValueDesc")),
   ...CommonNameConfig,
 ]);