formating removed-53

Author: MenamAfzal

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

@@ -1,34 +1,22 @@
-import {BoolCodeControl, NumberControl} from '../../controls/codeControl';
-import {LabelControl} from '../../controls/labelControl';
-import {withDefault} from '../../generators';
-import {ChangeEventHandlerControl} from '../../controls/eventHandlerControl';
-import {Section, sectionNames} from 'lowcoder-design';
-import {RecordConstructorToComp} from 'lowcoder-core';
-import {styleControl} from 'comps/controls/styleControl';
-import {
-  AnimationStyle,
-  InputFieldStyle,
-  LabelStyle,
-  SliderStyle,
-  SliderStyleType,
-  heightCalculator,
-  widthCalculator,
-} from 'comps/controls/styleControlConstants';
-import styled, {css} from 'styled-components';
-import {default as Slider} from 'antd/es/slider';
-import {darkenColor, fadeColor} from 'lowcoder-design';
-import {
-  disabledPropertyView,
-  hiddenPropertyView,
-} from 'comps/utils/propertyUtils';
-import {IconControl} from 'comps/controls/iconControl';
-import {trans} from 'i18n';
+import { BoolCodeControl, NumberControl } from "../../controls/codeControl";
+import { LabelControl } from "../../controls/labelControl";
+import { withDefault } from "../../generators";
+import { ChangeEventHandlerControl } from "../../controls/eventHandlerControl";
+import { Section, sectionNames } from "lowcoder-design";
+import { RecordConstructorToComp } from "lowcoder-core";
+import { styleControl } from "comps/controls/styleControl";
+import {  AnimationStyle, InputFieldStyle, LabelStyle, SliderStyle, SliderStyleType, heightCalculator, widthCalculator  } from "comps/controls/styleControlConstants";
+import styled, { css } from "styled-components";
+import { default as Slider } from "antd/es/slider";
+import { darkenColor, fadeColor } from "lowcoder-design";
+import { disabledPropertyView, hiddenPropertyView } from "comps/utils/propertyUtils";
+import { IconControl } from "comps/controls/iconControl";
+import { trans } from "i18n";
 
-import {useContext} from 'react';
-import {EditorContext} from 'comps/editorState';
+import { useContext } from "react";
+import { EditorContext } from "comps/editorState";
 
 const getStyle = (style: SliderStyleType, vertical: boolean) => {
-  console.log('🚀 ~ getStyle ~ style:', style);
   return css`
     &.ant-slider:not(.ant-slider-disabled) {
       &,
@@ -51,87 +39,67 @@ const getStyle = (style: SliderStyleType, vertical: boolean) => {
         }
       }
       .ant-slider-handle:focus {
-        box-shadow: 0 0 0 5px
-          ${fadeColor(darkenColor(style.thumbBorder, 0.08), 0.12)};
+        box-shadow: 0 0 0 5px ${fadeColor(darkenColor(style.thumbBorder, 0.08), 0.12)};
       }
-      ${vertical &&
-      css`
-        width: auto;
+      ${vertical && css`
+        width: auto;	
         min-height: calc(300px - ${style.margin});
         margin: ${style.margin} auto !important;
       `}
     }
   `;
 };
 
-export const SliderStyled = styled(Slider)<{
-  $style: SliderStyleType;
-  vertical: boolean;
-}>`
+export const SliderStyled = styled(Slider)<{ $style: SliderStyleType, vertical: boolean }>`
   ${(props) => props.$style && getStyle(props.$style, props.vertical)}
 `;
 
-export const SliderWrapper = styled.div<{
-  $style?: SliderStyleType;
-  vertical: boolean;
-}>`
+export const SliderWrapper = styled.div<{ vertical: boolean }>`
   width: 100%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   .ant-slider {
     width: 100%;
-    rotate: ${(props) => props?.$style?.rotation};
   }
-`;
+`
 
 export const SliderChildren = {
-  max: withDefault(NumberControl, '100'),
-  min: withDefault(NumberControl, '0'),
-  step: withDefault(NumberControl, '1'),
+  max: withDefault(NumberControl, "100"),
+  min: withDefault(NumberControl, "0"),
+  step: withDefault(NumberControl, "1"),
   label: LabelControl,
   disabled: BoolCodeControl,
   onEvent: ChangeEventHandlerControl,
   style: withDefault(styleControl(InputFieldStyle), {borderWidth: '1px'}),
-  labelStyle: styleControl(
-    LabelStyle.filter(
-      (style) => ['accent', 'validate'].includes(style.name) === false
-    )
-  ),
+  labelStyle:styleControl(LabelStyle.filter((style)=> ['accent','validate'].includes(style.name) === false)),
   prefixIcon: IconControl,
   suffixIcon: IconControl,
-  inputFieldStyle: styleControl(SliderStyle),
-  animationStyle: styleControl(AnimationStyle),
+  inputFieldStyle:styleControl(SliderStyle),
+  animationStyle:styleControl(AnimationStyle)
 };
 
 export const SliderPropertyView = (
-  children: RecordConstructorToComp<
-    typeof SliderChildren & {hidden: typeof BoolCodeControl}
-  >
+  children: RecordConstructorToComp<typeof SliderChildren & { hidden: typeof BoolCodeControl }>
 ) => (
   <>
-    {['logic', 'both'].includes(useContext(EditorContext).editorModeStatus) && (
+
+    {["logic", "both"].includes(useContext(EditorContext).editorModeStatus) && (
       <Section name={sectionNames.interaction}>
         {children.onEvent.getPropertyView()}
         {disabledPropertyView(children)}
         {hiddenPropertyView(children)}
       </Section>
     )}
 
-    {['layout', 'both'].includes(useContext(EditorContext).editorModeStatus) &&
-      children.label.getPropertyView()}
+    {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+      children.label.getPropertyView()
+    )}
 
-    {['layout', 'both'].includes(
-      useContext(EditorContext).editorModeStatus
-    ) && (
-      <>
-        <Section name={sectionNames.layout}>
-          {children.prefixIcon.propertyView({
-            label: trans('button.prefixIcon'),
-          })}
-          {children.suffixIcon.propertyView({
-            label: trans('button.suffixIcon'),
-          })}
+    {["layout", "both"].includes(useContext(EditorContext).editorModeStatus) && (
+      <><Section name={sectionNames.layout}>
+          {children.prefixIcon.propertyView({ label: trans("button.prefixIcon") })}
+          {children.suffixIcon.propertyView({ label: trans("button.suffixIcon") })}
         </Section>
         <Section name={sectionNames.style}>
           {children.style.getPropertyView()}