@lingxiteam/ebe-utils 0.2.4 → 0.2.6

package/lib/h5public/src/components/factory/src/BlockSelect/index.tsx

@@ -1,13 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { isUndefined } from 'lodash';
-import React, {
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import MySwipe, { SwipeActionProps } from '../DynamicList/MySwipe';
 import Icon from '../Icon';
 import { useDeepCompareEffect } from '../utils/ahooks';
@@ -32,13 +25,7 @@ export interface MyBlockSelectProps {
   style?: React.CSSProperties;
   selectImg?: string;
   normalImg?: string;
-  onChange?: (
-    allKeys: any,
-    allData: any,
-    currentSelected: any,
-    currentData: any,
-    i: number,
-  ) => void;
+  onChange?: (allKeys: any, allData: any, currentSelected: any, currentData: any, i: number) => void;
   iconPosition?: string;
   checkModel?: any;
 
@@ -148,9 +135,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
 
   const getItemStyle = useCallback(
     (checked, top) => {
-      const flexBasis = `calc(${100 / col}% - ${
-        col > 1 ? ((col - 1) / col) * columnSpace : 0
-      }px)`;
+      const flexBasis = `calc(${100 / col}% - ${col > 1 ? ((col - 1) / col) * columnSpace : 0}px)`;
       const style: {} = { flexBasis, marginTop: top };
       if (checked) {
         Object.assign(style, selectStyle);
@@ -159,7 +144,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
       }
       return style;
     },
-    [col, space, selectStyle, normalStyle],
+    [col, space, selectStyle, normalStyle]
   );
 
   const onChange = ({ index, restItem }: { index: number; restItem: any }) => {
@@ -168,8 +153,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
       return;
     }
 
-    const val =
-      typeof restItem === 'object' ? restItem[valueKey || 'value'] : index;
+    const val = typeof restItem === 'object' ? restItem[valueKey || 'value'] : index;
     if (!myIsMultiple) {
       setValues([val]);
       uOnChange(val, restItem, val, restItem, index);
@@ -189,17 +173,13 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
     }
     const seletValues = [...getValues(tempValues)];
     setValues(seletValues);
-    const allSelectData = myBlockData.filter((v: any) =>
-      tempValues.includes(v?.[valueKey]),
-    );
+    const allSelectData = myBlockData.filter((v: any) => tempValues.includes(v?.[valueKey]));
     uOnChange(seletValues, allSelectData, val, restItem, index);
   };
 
   // 获取禁用状态的value值
   const getDisabledValues = () =>
-    myBlockData
-      ?.filter((item: { myBSState: string }) => item.myBSState === '3')
-      ?.map((item: { [x: string]: any }) => item[valueKey]) || [];
+    myBlockData?.filter((item: { myBSState: string }) => item.myBSState === '3')?.map((item: { [x: string]: any }) => item[valueKey]) || [];
 
   const allSelectAction = (isAllSelect: boolean) => {
     const disabledValues = getDisabledValues();
@@ -219,9 +199,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
       myBlockData.forEach((item: any) => {
         // 全选时，不应该对禁用的选择项进行修改
         if (!disabledValues.includes(item[valueKey])) {
-          const valueIndex = tempValues.findIndex(
-            (id) => item[valueKey] === id,
-          );
+          const valueIndex = tempValues.findIndex(id => item[valueKey] === id);
           if (valueIndex >= 0) {
             tempValues.splice(valueIndex, 1);
           }
@@ -237,24 +215,13 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
 
   const getValues = (v = values) =>
     myBlockData
-      ?.filter((d: any, i: number) =>
-        typeof d === 'object' ? v?.includes(d[valueKey]) : v.includes(i),
-      )
+      ?.filter((d: any, i: number) => (typeof d === 'object' ? v?.includes(d[valueKey]) : v.includes(i)))
       .map((d: any, i: number) => (typeof d === 'object' ? d[valueKey] : i));
 
   useImperativeHandle(ref, () => ({
     getValues: () => {
-      const realValues = myBlockData?.filter((d: any, i: number) =>
-        typeof d === 'object'
-          ? values?.includes(d[valueKey])
-          : values.includes(i),
-      );
-      return [
-        realValues.map((it: { [x: string]: any }) =>
-          typeof it === 'object' ? it[valueKey] : it,
-        ),
-        realValues,
-      ];
+      const realValues = myBlockData?.filter((d: any, i: number) => (typeof d === 'object' ? values?.includes(d[valueKey]) : values.includes(i)));
+      return [realValues.map((it: { [x: string]: any }) => (typeof it === 'object' ? it[valueKey] : it)), realValues];
     },
     setBlockSelectStateData: changeBlockItemState,
     setBlockSelectSelectedData: changeBlockItemSelectedState,
@@ -263,10 +230,9 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
   }));
 
   const getChildProps = useCallback(
-    (item) => {
+    item => {
       const { index, restItem } = item;
-      const val =
-        typeof restItem === 'object' ? restItem[valueKey || 'value'] : index;
+      const val = typeof restItem === 'object' ? restItem[valueKey || 'value'] : index;
       const checked = values.includes(val);
       const top = index < col ? 0 : space;
       return {
@@ -279,7 +245,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
         selectImg,
       };
     },
-    [valueKey, values, col, space, getItemStyle, normalImg, selectImg],
+    [valueKey, values, col, space, getItemStyle, normalImg, selectImg]
   );
 
   const resetData = (data: any[]) => {
@@ -304,9 +270,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
           stringData = item?.[valueKey] === data;
         } else {
           // 使用索引
-          arrayData =
-            Array.isArray(data) &&
-            (data.includes(index) || data.includes(`${index})`));
+          arrayData = Array.isArray(data) && (data.includes(index) || data.includes(`${index})`));
           stringData = `${data}` === `${index}`;
         }
         if (arrayData || stringData) {
@@ -362,17 +326,12 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
           stringData = item?.[valueKey] === data;
         } else {
           // 使用索引
-          arrayData =
-            Array.isArray(data) &&
-            (data.includes(index) || data.includes(`${index})`));
+          arrayData = Array.isArray(data) && (data.includes(index) || data.includes(`${index})`));
           stringData = `${data}` === `${index}`;
         }
         if (arrayData || stringData) {
           setItemsHidden(item);
-          if (
-            item.myBSHidden === 'hidden' &&
-            selectedKeys.includes(item[valueKey])
-          ) {
+          if (item.myBSHidden === 'hidden' && selectedKeys.includes(item[valueKey])) {
             // 已选中的数据如果被隐藏了，就去掉选中状态
             selectedKeys.splice(selectedKeys.indexOf(item[valueKey]), 1);
           }
@@ -427,9 +386,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
           stringData = item?.[valueKey] === data;
         } else {
           // 使用索引
-          arrayData =
-            Array.isArray(data) &&
-            (data.includes(index) || data.includes(`${index})`));
+          arrayData = Array.isArray(data) && (data.includes(index) || data.includes(`${index})`));
           stringData = `${data}` === `${index}`;
         }
         if (arrayData || stringData) {
@@ -472,7 +429,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
       ...props,
       src: imgSrc,
     },
-    viewRef,
+    viewRef
   );
 
   const placeholders = col === 1 ? 0 : col - ((myBlockData?.length ?? 0) % col);
@@ -515,14 +472,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
           rowData={item}
           index={i}
           swipActionClick={swipActionClick}
-          renderIcon={(p) => (
-            <Icon
-              {...p}
-              $$componentItem={$$componentItem}
-              getEngineApis={getEngineApis}
-              className=""
-            />
-          )}
+          renderIcon={p => <Icon {...p} $$componentItem={$$componentItem} getEngineApis={getEngineApis} className="" />}
         >
           <MemoLoopItem {...renderProps} />
         </MySwipe>
@@ -532,22 +482,11 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
   };
 
   return (
-    <div
-      style={{ ...restStyle, ...wrapperStyle }}
-      className={`${prefixCls}-blockSelectView ${className}`}
-    >
+    <div style={{ ...restStyle, ...wrapperStyle }} className={`${prefixCls}-blockSelectView ${className}`}>
       {checkModel === 'checkbox' && actionViewPosition === 'top' && (
-        <ActionView
-          {...props}
-          allSelectAction={allSelectAction}
-          selectAll={selectAll}
-          selectedNumber={selectedNumber}
-        />
+        <ActionView {...props} allSelectAction={allSelectAction} selectAll={selectAll} selectedNumber={selectedNumber} />
       )}
-      <div
-        className={`${prefixCls}-blockSelectWrapper`}
-        style={col > 1 ? { justifyContent: 'space-between' } : {}}
-      >
+      <div className={`${prefixCls}-blockSelectWrapper`} style={col > 1 ? { justifyContent: 'space-between' } : {}}>
         {list?.map((item: any, index: any) => {
           if (item === null) {
             const top = index < col ? 0 : space;
@@ -598,12 +537,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
         })}
       </div>
       {checkModel === 'checkbox' && actionViewPosition === 'bottom' && (
-        <ActionView
-          {...props}
-          allSelectAction={allSelectAction}
-          selectAll={selectAll}
-          selectedNumber={selectedNumber}
-        />
+        <ActionView {...props} allSelectAction={allSelectAction} selectAll={selectAll} selectedNumber={selectedNumber} />
       )}
     </div>
   );

package/lib/h5public/src/components/factory/src/Button/index.tsx

@@ -63,7 +63,7 @@ const MyButton = LingxiForwardRef<unknown, MyButtonProps>((props, ref) => {
   }));
 
   const { run } = useThrottleFn(
-    (e) => {
+    e => {
       e.stopPropagation();
       e.preventDefault();
       onClick && onClick(e);
@@ -71,7 +71,7 @@ const MyButton = LingxiForwardRef<unknown, MyButtonProps>((props, ref) => {
     {
       wait: 200,
       trailing: false,
-    },
+    }
   );
   if (style) {
     if (style.padding && !style.height) {
@@ -156,10 +156,7 @@ const MyButton = LingxiForwardRef<unknown, MyButtonProps>((props, ref) => {
         />
       )}
       {/** 如果children是数字0 的话，会导致不显示 */}
-      <span style={{ display: 'inline-block' }}>
-        {(typeof myChildren === 'number' ? `${myChildren}` : myChildren) ||
-          name}
-      </span>
+      <span style={{ display: 'inline-block' }}>{(typeof myChildren === 'number' ? `${myChildren}` : myChildren) || name}</span>
       {/** @ts-ignore */}
       {mImagePostion === 'right' && btnIcon && (
         <Icon

package/lib/h5public/src/components/factory/src/Calendar/InnerCalendar.tsx

@@ -1,16 +1,7 @@
-import {
-  BaseCalendarType,
-  Calendar,
-  CalendarType,
-} from '@lingxiteam/antd-mobile-plus';
+import { BaseCalendarType, Calendar, CalendarType } from '@lingxiteam/antd-mobile-plus';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import React, { useImperativeHandle, useMemo } from 'react';
-import {
-  dateToFormatter,
-  subtractDate,
-  toDate,
-  useLocaleFormatter,
-} from '../utils/date';
+import { dateToFormatter, subtractDate, toDate, useLocaleFormatter } from '../utils/date';
 import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
 import { getCalendarLocale } from '../utils/i18n';
 
@@ -31,16 +22,7 @@ export interface MyCalendarProps {
 }
 
 const MyCalendar = LingxiForwardRef<any, MyCalendarProps>((props, ref) => {
-  const {
-    dateRange,
-    title,
-    formatter: newFormatter = 'YYYY-MM-DD HH:mm:ss',
-    onChange,
-    style,
-    type,
-    visible = false,
-    getEngineApis,
-  } = props;
+  const { dateRange, title, formatter: newFormatter = 'YYYY-MM-DD HH:mm:ss', onChange, style, type, visible = false, getEngineApis } = props;
 
   const { themeColor } = style;
   const [show, setShow] = useListenToggleBoolean(visible);
@@ -76,7 +58,7 @@ const MyCalendar = LingxiForwardRef<any, MyCalendarProps>((props, ref) => {
       // 单选直接输出
       return dateToFormatter(formatter, val);
     }
-    return val.map((d) => dateToFormatter(formatter, d));
+    return val.map(d => dateToFormatter(formatter, d));
   };
 
   const onClose = () => {

package/lib/h5public/src/components/factory/src/Card/CardTitle/index.tsx

@@ -0,0 +1,78 @@
+import React, { useMemo } from 'react';
+
+interface CardTitleProps {
+  title?: any;
+  subTitle?: any;
+  titleFont?: string;
+  titleLineHeight?: string;
+  titleFontWeight?: number;
+  subTitleColor?: string;
+  subTitleFont?: string;
+  subTitleLineHeight?: string;
+  subTitleFontWeight?: number;
+  titleColor?: string;
+}
+
+const CardTitle: React.FC<CardTitleProps> = props => {
+  const {
+    title,
+    subTitle,
+    titleFont,
+    titleLineHeight,
+    titleFontWeight,
+    titleColor,
+    subTitleColor,
+    subTitleFont,
+    subTitleLineHeight,
+    subTitleFontWeight,
+  } = props;
+
+  const mainTitle = useMemo(() => {
+    let fontSize;
+    if (subTitleFont) {
+      fontSize = `${titleFont}`.includes('px') ? titleFont : `${titleFont}px`;
+    }
+    return (
+      <div
+        className="main"
+        style={{
+          color: titleColor,
+          fontSize,
+          lineHeight: titleLineHeight,
+          fontWeight: titleFontWeight,
+        }}
+      >
+        {title}
+      </div>
+    );
+  }, [title, titleColor, titleFont, titleLineHeight, titleFontWeight]);
+
+  const secondTitle = useMemo(() => {
+    let fontSize;
+    if (subTitleFont) {
+      fontSize = `${subTitleFont}`.includes('px') ? subTitleFont : `${subTitleFont}px`;
+    }
+    return (
+      <div
+        className="sub"
+        style={{
+          color: subTitleColor,
+          fontSize,
+          lineHeight: subTitleLineHeight,
+          fontWeight: subTitleFontWeight,
+        }}
+      >
+        {subTitle}
+      </div>
+    );
+  }, [subTitle, subTitleColor, subTitleFont, subTitleLineHeight, subTitleFontWeight]);
+
+  return (
+    <>
+      {mainTitle}
+      {secondTitle}
+    </>
+  );
+};
+
+export default CardTitle;

package/lib/h5public/src/components/factory/src/Card/index.less

@@ -5,6 +5,19 @@
   &-title {
     display: flex;
     align-items: center;
+
+    .title-content {
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+
+      .main,
+      .sub {
+        overflow: hidden;
+        text-wrap: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
   }
 
   &-title-img {
@@ -51,7 +64,7 @@
 
   &-extra {
     display: flex;
-    align-items: center;
+    align-items: baseline;
 
     .marginRight2px {
       margin-right: 2 * @hd;
@@ -85,6 +98,9 @@
     border-radius: 0px !important;
   // 卡片头部不受padding控制
     padding: 12px;
+    .adm-card-header-title {
+      overflow: hidden;
+    }
   }
 
   .adm-card-header:not(:last-child) {
@@ -102,5 +118,8 @@
   // 卡片头部不受padding控制
   .adm-card-header {
     padding: 12px 12px 0 12px;
+    .adm-card-header-title {
+      overflow: hidden;
+    }
   }
 }

package/lib/h5public/src/components/factory/src/Card/index.tsx

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import Icon from '../Icon';
 import useStyle from '../View/useStyle';
+import CardTitle from './CardTitle';
 import './index.less';
 
 const prefixCls = 'lcdp-h5-card';
@@ -12,6 +13,7 @@ export interface MyCardProps {
   style?: any;
   cardType?: '1' | '2';
   title?: React.ReactNode;
+  subTitle?: React.ReactNode;
   showHeader?: boolean;
   headerBackground?: string;
   headerType?: string;
@@ -41,6 +43,7 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
     style,
     children,
     title,
+    subTitle,
     showHeader = true,
     headerBackground,
     headerType = 'none',
@@ -83,7 +86,7 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
       ...props,
       src: imgSrc,
     },
-    viewRef,
+    viewRef
   );
   const { bodyStyle, boxStyle, footerStyle } = useMemo(() => {
     const box = {
@@ -139,19 +142,12 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
       return child;
     });
   };
-  const renderIcon = (
-    iconInfo: any,
-    iconClass = `${prefixCls}-icon`,
-    color = '',
-  ) => {
+  const renderIcon = (iconInfo: any, iconClass = `${prefixCls}-icon`, color = '') => {
     if (!iconInfo) {
       return null;
     }
     let iconView = null;
-    if (
-      iconInfo?.iconFileInfo &&
-      JSON.stringify(iconInfo?.iconFileInfo) !== '{}'
-    ) {
+    if (iconInfo?.iconFileInfo && JSON.stringify(iconInfo?.iconFileInfo) !== '{}') {
       iconView = (
         <div
           className={iconClass || `${prefixCls}-icon`}
@@ -166,14 +162,7 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
       iconView = (
         <div className={iconClass || `${prefixCls}-icon`}>
           {/** @ts-ignore */}
-          <Icon
-            type={type}
-            theme={theme}
-            isIconFont={isIconFont}
-            fontAddress={fontAddress}
-            color={color}
-            getEngineApis={getEngineApis}
-          />
+          <Icon type={type} theme={theme} isIconFont={isIconFont} fontAddress={fontAddress} color={color} getEngineApis={getEngineApis} />
         </div>
       );
     }
@@ -183,21 +172,11 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
     switch (headerType) {
       case 'vStyle':
       case 'hStyle':
-        return (
-          <span
-            className={
-              headerType === 'vStyle'
-                ? `${prefixCls}-vStyle`
-                : `${prefixCls}-hStyle`
-            }
-          />
-        );
+        return <span className={headerType === 'vStyle' ? `${prefixCls}-vStyle` : `${prefixCls}-hStyle`} />;
       case 'icon':
         return renderIcon(headerIcon);
       case 'auto': // 自定义图片
-        return thumb ? (
-          <img src={thumb} className={`${prefixCls}-title-img`} alt="" />
-        ) : null;
+        return thumb ? <img src={thumb} className={`${prefixCls}-title-img`} alt="" /> : null;
       default:
         return null;
     }
@@ -221,29 +200,42 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
   };
   const newTitle = () => {
     if (showHeader && $$ISNEW) {
-      const { titleColor, titleFontSize, titleFontWeight } = style;
+      // const { titleColor, titleFontSize, titleFontWeight } = style;
+      // return (
+      //   <div
+      //     className={`${prefixCls}-title`}
+      //     style={{ color: titleColor, fontSize: +titleFontSize, fontWeight: titleFontWeight }}
+      //   >
+      //     {renderTitleIcon()}
+      //     {title}
+      //   </div>
+      // );
+      const { titleColor, titleFontSize, titleFontWeight, titleLineHeight, subTitleColor, subTitleFontSize, subTitleLineHeight, subTitleFontWeight } =
+        style;
       return (
-        <div
-          className={`${prefixCls}-title`}
-          style={{
-            color: titleColor,
-            fontSize: +titleFontSize,
-            fontWeight: titleFontWeight,
-          }}
-        >
-          {renderTitleIcon()}
-          {title}
+        <div className={`${prefixCls}-title`}>
+          {renderTitleIcon}
+          <div className="title-content">
+            <CardTitle
+              title={title}
+              subTitle={subTitle}
+              titleColor={titleColor}
+              titleFont={titleFontSize}
+              titleLineHeight={titleLineHeight}
+              titleFontWeight={titleFontWeight}
+              subTitleColor={subTitleColor}
+              subTitleFont={subTitleFontSize}
+              subTitleLineHeight={subTitleLineHeight}
+              subTitleFontWeight={subTitleFontWeight}
+            />
+          </div>
         </div>
       );
     }
     return null;
   };
   const extra = () => {
-    const text = (
-      <div style={{ fontSize: postFixFontSize, color: postFixColor }}>
-        {postfix}
-      </div>
-    );
+    const text = <div style={{ fontSize: postFixFontSize, color: postFixColor }}>{postfix}</div>;
     if (postfixIconPosition === 'before') {
       return (
         <div className={classNames(`${prefixCls}-extra`, 'after381Color')}>
@@ -271,9 +263,7 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
     <AntCard
       className={classNames(
         `${prefixCls} ${className}`,
-        props?.cardType === '2'
-          ? `${prefixCls}-after381-card`
-          : `${prefixCls}-after381-card-default`,
+        props?.cardType === '2' ? `${prefixCls}-after381-card` : `${prefixCls}-after381-card-default`
       )}
       headerClassName={headerClassName}
       bodyClassName={bodyClassName}
@@ -282,13 +272,13 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
       style={{ ...style, overflow: 'hidden', padding: 0 }}
       extra={showHeader ? extra() : null}
       bodyStyle={$$ISNEW ? { padding: '0', ...boxStyle } : {}}
-      onClick={(e) => {
+      onClick={e => {
         if (onClick) {
           onClick(e);
           e.stopPropagation();
         }
       }}
-      onHeaderClick={(e) => {
+      onHeaderClick={e => {
         if (onHeaderClick) {
           onHeaderClick(e);
           e.stopPropagation();

package/lib/h5public/src/components/factory/src/CardBody/CardBody.tsx

@@ -12,13 +12,7 @@ export interface MyCardBodyProps {
 }
 
 const CardBody = AppForwardRef<MyCardBodyProps>((props, ref) => {
-  const {
-    children,
-    showContent = true,
-    style,
-    onBodyClick,
-    visible = true,
-  } = props;
+  const { children, showContent = true, style, onBodyClick, visible = true } = props;
 
   if (!visible) {
     return <></>;
@@ -27,7 +21,7 @@ const CardBody = AppForwardRef<MyCardBodyProps>((props, ref) => {
     <div
       style={style}
       className={`${prefixCls}`}
-      onClick={(e) => {
+      onClick={e => {
         if (onBodyClick) {
           onBodyClick(e);
           e.stopPropagation();

package/lib/h5public/src/components/factory/src/CardBody/loader.tsx

@@ -3,10 +3,7 @@ import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const CardBodyLoader = Loadable({
   // eslint-disable-next-line func-call-spacing
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'factory-CardBody' */ './CardBody'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'factory-CardBody' */ './CardBody')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });