chore(ui): beautify code

Author: xiejay97

packages/ui/src/components/form/FormItem.tsx

@@ -27,7 +27,7 @@ export interface DFormControl {
   };
 }
 
-export type DValidateStatus = 'success' | 'warning' | 'error' | 'pending';
+type DValidateStatus = 'success' | 'warning' | 'error' | 'pending';
 
 export type DErrorInfo =
   | string

packages/ui/src/components/menu/Menu.tsx

@@ -33,8 +33,8 @@ export interface DMenuItem<ID extends DId> {
 }
 
 export interface DMenuProps<ID extends DId, T extends DMenuItem<ID>> extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
-  dWidth?: string | number;
   dList: T[];
+  dWidth?: string | number;
   dActive?: ID | null;
   dExpands?: ID[];
   dMode?: DMenuMode;
@@ -47,8 +47,8 @@ export interface DMenuProps<ID extends DId, T extends DMenuItem<ID>> extends Omi
 const { COMPONENT_NAME } = registerComponentMate({ COMPONENT_NAME: 'DMenu' as const });
 function Menu<ID extends DId, T extends DMenuItem<ID>>(props: DMenuProps<ID, T>, ref: React.ForwardedRef<DMenuRef>): JSX.Element | null {
   const {
-    dWidth = 'auto',
     dList,
+    dWidth = 'auto',
     dActive,
     dExpands,
     dMode = 'vertical',

packages/ui/src/components/slider/Slider.tsx

@@ -52,12 +52,12 @@ export function DSlider(props: DSliderProps): JSX.Element | null {
     dStep = 1,
     dDisabled = false,
     dMarks,
-    dTooltipVisible,
+    dVertical = false,
+    dReverse = false,
     dRange = false,
     dRangeMinDistance,
     dRangeThumbDraggable = false,
-    dVertical = false,
-    dReverse = false,
+    dTooltipVisible,
     dCustomTooltip,
     dInputRender,
     onModelChange,

packages/ui/src/components/spinner/Spinner.tsx

@@ -27,7 +27,7 @@ export function DSpinner(props: DSpinnerProps): JSX.Element | null {
     dVisible = true,
     dText,
     dDelay,
-    dSize = '28px',
+    dSize = 28,
     dAlone = false,
     afterVisibleChange,
 

packages/ui/src/components/switch/Switch.tsx

@@ -39,8 +39,8 @@ export function DSwitch(props: DSwitchProps): JSX.Element | null {
     dModel,
     dLabelPlacement = 'right',
     dStateContent,
-    dLoading = false,
     dDisabled = false,
+    dLoading = false,
     dInputRender,
     onModelChange,
 

packages/ui/src/components/transfer/Transfer.tsx

@@ -31,7 +31,7 @@ export interface DTransferProps<V extends DId, T extends DTransferItem<V>> exten
   dActions?: React.ReactNode[];
   dLoading?: [boolean?, boolean?];
   dSearchable?: boolean;
-  dSearchValues?: [string, string];
+  dSearchValue?: [string, string];
   dDisabled?: boolean;
   dCustomItem?: (item: T) => React.ReactNode;
   dCustomSearch?: {
@@ -40,7 +40,7 @@ export interface DTransferProps<V extends DId, T extends DTransferItem<V>> exten
   };
   onModelChange?: (value: T['value'][], item: T[]) => void;
   onSelectedChange?: (value: T['value'][], item: T[]) => void;
-  onSearchValuesChange?: (value: [string, string]) => void;
+  onSearchValueChange?: (value: [string, string]) => void;
   onScrollBottom?: (direction: 'left' | 'right') => void;
 }
 
@@ -55,13 +55,13 @@ export function DTransfer<V extends DId, T extends DTransferItem<V>>(props: DTra
     dActions = ['right', 'left'],
     dLoading = [false, false],
     dSearchable = false,
-    dSearchValues,
+    dSearchValue,
     dDisabled = false,
     dCustomItem,
     dCustomSearch,
     onModelChange,
     onSelectedChange,
-    onSearchValuesChange,
+    onSearchValueChange,
     onScrollBottom,
 
     ...restProps
@@ -103,7 +103,7 @@ export function DTransfer<V extends DId, T extends DTransferItem<V>>(props: DTra
 
   const disabled = dDisabled || gDisabled || dFormControl?.control.disabled;
 
-  const [searchValues, changeSearchValues] = useDValue<[string, string]>(['', ''], dSearchValues, onSearchValuesChange);
+  const [searchValues, changeSearchValue] = useDValue<[string, string]>(['', ''], dSearchValue, onSearchValueChange);
 
   const _filterFn = dCustomSearch?.filter;
   const filterFn = useCallback(
@@ -257,7 +257,7 @@ export function DTransfer<V extends DId, T extends DTransferItem<V>>(props: DTra
                 handleAllSelected(selected, true);
               }}
               onSearch={(val) => {
-                changeSearchValues((draft) => {
+                changeSearchValue((draft) => {
                   draft[0] = val;
                 });
               }}
@@ -305,7 +305,7 @@ export function DTransfer<V extends DId, T extends DTransferItem<V>>(props: DTra
                 handleAllSelected(selected, false);
               }}
               onSearch={(val) => {
-                changeSearchValues((draft) => {
+                changeSearchValue((draft) => {
                   draft[1] = val;
                 });
               }}

packages/ui/src/utils/types.ts

@@ -2,9 +2,6 @@ export type DId = string | number;
 
 export type DSize = 'smaller' | 'larger';
 
-export type DBreakpointKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export type DBreakpoints = Record<DBreakpointKey, number>;
-
 export type DLang = 'en-US' | 'zh-CN';
 
 export type DCloneHTMLElement<P = React.HTMLAttributes<HTMLElement>> = (el: React.ReactElement<P>) => React.ReactElement<P>;