@lingxiteam/ebe-utils 0.5.11 → 0.6.1

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

@@ -1,14 +1,21 @@
+import React, {
+  useCallback,
+  useMemo,
+  useImperativeHandle,
+  useState,
+  useEffect,
+  useRef,
+} from 'react';
+import CheckBox from './components/CheckBox';
+import NoCheckBox from './components/NoCheckBox';
 import { LingxiForwardRef } from '@lingxiteam/types';
+import ActionView from './components/ActionView';
+import useStyle from '../View/useStyle';
+import './index.less';
 import { isUndefined } from 'lodash';
-import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useDeepCompareEffect } from '../utils/ahooks';
 import MySwipe, { SwipeActionProps } from '../DynamicList/MySwipe';
 import Icon from '../Icon';
-import { useDeepCompareEffect } from '../utils/ahooks';
-import useStyle from '../View/useStyle';
-import ActionView from './components/ActionView';
-import CheckBox from './components/CheckBox';
-import NoCheckBox from './components/NoCheckBox';
-import './index.less';
 
 // README: myBSState 3: 禁用 1: 启用
 
@@ -25,7 +32,13 @@ 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;
 
@@ -135,7 +148,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);
@@ -144,7 +157,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 }) => {
@@ -179,10 +192,12 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
 
   // 获取禁用状态的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();
+    const disabledValues = getDisabledValues() ;
     if (isAllSelect) {
       const tempValues: any = [...values];
       myBlockData.forEach((item: any) => {
@@ -215,13 +230,17 @@ 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,
@@ -230,7 +249,7 @@ 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 checked = values.includes(val);
@@ -245,7 +264,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[]) => {
@@ -429,7 +448,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
       ...props,
       src: imgSrc,
     },
-    viewRef
+    viewRef,
   );
 
   const placeholders = col === 1 ? 0 : col - ((myBlockData?.length ?? 0) % col);
@@ -460,7 +479,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
       compId: props.$$componentItem.uid,
       ...getLoopItemExtraProps?.(item, i),
     };
-
+    
     if (swipe && swipeAction?.length && !disabled) {
       return (
         <MySwipe
@@ -472,19 +491,30 @@ 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>
       );
     }
-    return <MemoLoopItem {...renderProps} />;
+    return (
+      <MemoLoopItem {...renderProps} />
+    );
   };
+ 
 
   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' } : {}}>
         {list?.map((item: any, index: any) => {
@@ -494,10 +524,7 @@ const BlockSelect = LingxiForwardRef<any, MyBlockSelectProps>((props, ref) => {
             return (
               <div
                 key={item?.[valueKey] || index}
-                style={{
-                  ...getItemStyle(false, top),
-                  backgroundColor: 'transparent',
-                }}
+                style={{ ...getItemStyle(false, top), backgroundColor: 'transparent' }}
                 className={`${prefixCls}-blockSelect`}
               />
             );
@@ -537,7 +564,12 @@ 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

@@ -1,12 +1,12 @@
 /* eslint-disable react/react-in-jsx-scope */
-import { LingxiForwardRef } from '@lingxiteam/types';
-import { useThrottleFn } from 'ahooks';
+import React, { useMemo, useImperativeHandle, useState, useEffect } from 'react';
 import { Button, DotLoading } from 'antd-mobile-5';
-import { useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import Icon from '../Icon';
-import useCompState from '../utils/hooks/useCompState';
-import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import './index.less';
+import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
+import useCompState from '../utils/hooks/useCompState';
+import { useThrottleFn } from 'ahooks';
 
 export interface MyButtonProps {
   [x: string]: any;
@@ -23,26 +23,8 @@ export interface MyButtonProps {
 
 const MyButton = LingxiForwardRef<unknown, MyButtonProps>((props, ref) => {
   // eslint-disable-next-line max-len
-  const {
-    name,
-    children,
-    className,
-    mImagePostion,
-    icontype,
-    style,
-    type,
-    shape,
-    size,
-    disabled: propsDisabled,
-    onClick,
-    fill,
-    loadingText,
-    loading,
-    visible,
-    btnIcon,
-    getEngineApis,
-  } = props;
-  const [disabled, setDisabled] = useListenToggleBoolean(propsDisabled); // 兼容旧数据
+  const { name, children, className, mImagePostion, icontype, style, type, shape, size, disabled: propsDisabled, onClick, fill, loadingText, loading, visible, btnIcon, getEngineApis } = props;
+  const [disabled, setDisabled] = useListenToggleBoolean(propsDisabled);// 兼容旧数据
   const [innerLoading, setLoading] = useListenToggleBoolean(loading);
   const [myChildren, setChildren] = useState(children || name);
   const { dataState } = getEngineApis?.() || {};
@@ -62,17 +44,14 @@ const MyButton = LingxiForwardRef<unknown, MyButtonProps>((props, ref) => {
     setLoading,
   }));
 
-  const { run } = useThrottleFn(
-    e => {
-      e.stopPropagation();
-      e.preventDefault();
-      onClick && onClick(e);
-    },
-    {
-      wait: 200,
-      trailing: false,
-    }
-  );
+  const { run } = useThrottleFn(e => {
+    e.stopPropagation();
+    e.preventDefault();
+    onClick && onClick(e);
+  }, {
+    wait: 200,
+    trailing: false,
+  });
   if (style) {
     if (style.padding && !style.height) {
       style.height = 'auto';
@@ -146,27 +125,11 @@ const MyButton = LingxiForwardRef<unknown, MyButtonProps>((props, ref) => {
       className={`lcdp-button-type-${type} ${className}`}
     >
       {/** @ts-ignore */}
-      {mImagePostion === 'left' && btnIcon && (
-        <Icon
-          icon={icontype}
-          style={{ marginRight: '8px', fontSize: myStyle?.fontSize || '14px' }}
-          getEngineApis={props.getEngineApis}
-          name={props.name}
-          $$componentItem={props.$$componentItem}
-        />
-      )}
+      {mImagePostion === 'left' && btnIcon && <Icon icon={icontype} style={{ marginRight: '8px', fontSize: myStyle?.fontSize || '14px' }} getEngineApis={props.getEngineApis} name={props.name} $$componentItem={props.$$componentItem} />}
       {/** 如果children是数字0 的话，会导致不显示 */}
       <span style={{ display: 'inline-block' }}>{(typeof myChildren === 'number' ? `${myChildren}` : myChildren) || name}</span>
       {/** @ts-ignore */}
-      {mImagePostion === 'right' && btnIcon && (
-        <Icon
-          icon={icontype}
-          style={{ marginLeft: '8px', fontSize: myStyle?.fontSize || '14px' }}
-          getEngineApis={props.getEngineApis}
-          name={props.name}
-          $$componentItem={props.$$componentItem}
-        />
-      )}
+      {mImagePostion === 'right' && btnIcon && <Icon icon={icontype} style={{ marginLeft: '8px', fontSize: myStyle?.fontSize || '14px' }} getEngineApis={props.getEngineApis} name={props.name} $$componentItem={props.$$componentItem} />}
     </Button>
   );
 });

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import InnerCalendar, { MyCalendarProps } from './InnerCalendar';
+import DformCustom from '../DformCustom';
+
+const Calendar = LingxiForwardRef<any, MyCalendarProps>((props, ref) => {
+  return (
+    <DformCustom.Item showError={false}>
+      <InnerCalendar {...props} ref={ref} />
+    </DformCustom.Item>
+  );
+});
+
+export default Calendar;

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

@@ -1,8 +1,8 @@
-import { BaseCalendarType, Calendar, CalendarType } from '@lingxiteam/antd-mobile-plus';
+import React, { useMemo } from 'react';
+import Calendar from '@lingxiteam/antd-mobile-plus/es/Calendar';
+import { CalendarType, BaseCalendarType } from '@lingxiteam/antd-mobile-plus/es/Calendar/PropsType';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useImperativeHandle, useMemo } from 'react';
-import { dateToFormatter, subtractDate, toDate, useLocaleFormatter } from '../utils/date';
-import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
+import { toDate, subtractDate, dateToFormatter, useLocaleFormatter } from '../utils/date';
 import { getCalendarLocale } from '../utils/i18n';
 
 interface CalendarStyle extends React.CSSProperties {
@@ -19,20 +19,27 @@ export interface MyCalendarProps {
   visible?: string;
   minDate?: string;
   maxDate?: string;
+  show?: boolean;
+  setShow?: (show: boolean) => void;
 }
 
 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,
+    show,
+    setShow,
+    getEngineApis,
+  } = props;
 
   const { themeColor } = style;
-  const [show, setShow] = useListenToggleBoolean(visible);
   const { getLocale, getLocaleEnv } = getEngineApis();
   const lanEnv = getLocaleEnv();
   const { showFormat: formatter } = useLocaleFormatter(newFormatter, lanEnv);
-  useImperativeHandle(ref, () => ({
-    visible: show,
-    setVisible: setShow,
-  }));
 
   const [minDate, maxDate] = useMemo(() => {
     if (dateRange === 'custom') {
@@ -58,11 +65,11 @@ 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 = () => {
-    setShow(false);
+    setShow?.(false);
   };
 
   const CalendarComp = Calendar;
@@ -78,7 +85,6 @@ const MyCalendar = LingxiForwardRef<any, MyCalendarProps>((props, ref) => {
       color={themeColor}
       onClose={onClose}
       onConfirm={(val: Date | Date[]) => {
-        console.log('====val', val);
         if (onChange) {
           /** @ts-ignore */
           onChange(formatterDate(val));

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

@@ -1,14 +1,21 @@
-import React from 'react';
+import React, { useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import DformCustom from '../DformCustom';
-import InnerCalendar, { MyCalendarProps } from './InnerCalendar';
-
-const Calendar = LingxiForwardRef<any, MyCalendarProps>((props, ref) => {
-  return (
-    <DformCustom.Item showError={false}>
-      <InnerCalendar {...props} ref={ref} />
-    </DformCustom.Item>
-  );
+import CalendarLoader from './loader';
+import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
+
+const Calendar = LingxiForwardRef<unknown, any>((props, ref) => {
+  const { visible, ...resProps } = props;
+  const [show, setShow] = useListenToggleBoolean(visible);
+
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
+    // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
+
+    visible: show,
+    setVisible: setShow,
+  }));
+
+  return <CalendarLoader {...resProps} show={show} setShow={setShow} />;
 });
 
 export default Calendar;

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

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const LoadableLXRadarChart = Loadable({
+  loader: async () => (await import(/* webpackChunkName: 'factory-Calendar' */ './Calendar')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;

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

@@ -13,7 +13,7 @@ interface CardTitleProps {
   titleColor?: string;
 }
 
-const CardTitle: React.FC<CardTitleProps> = props => {
+const CardTitle: React.FC<CardTitleProps> = (props) => {
   const {
     title,
     subTitle,
@@ -27,20 +27,21 @@ const CardTitle: React.FC<CardTitleProps> = props => {
     subTitleFontWeight,
   } = props;
 
+
   const mainTitle = useMemo(() => {
     let fontSize;
-    if (subTitleFont) {
+    if (titleFont) {
       fontSize = `${titleFont}`.includes('px') ? titleFont : `${titleFont}px`;
     }
+    let lineHeight = titleLineHeight;
+    // 为了兼容一些设置了行高为auto的历史数据
+    if (titleLineHeight && ['auto', 'fit-content', 'autopx', 'fit-contentpx'].includes(titleLineHeight)) {
+      lineHeight = undefined;
+    }
     return (
       <div
         className="main"
-        style={{
-          color: titleColor,
-          fontSize,
-          lineHeight: titleLineHeight,
-          fontWeight: titleFontWeight,
-        }}
+        style={{ color: titleColor, fontSize, lineHeight, fontWeight: titleFontWeight }}
       >
         {title}
       </div>
@@ -52,21 +53,21 @@ const CardTitle: React.FC<CardTitleProps> = props => {
     if (subTitleFont) {
       fontSize = `${subTitleFont}`.includes('px') ? subTitleFont : `${subTitleFont}px`;
     }
+    let lineHeight = subTitleLineHeight;
+    // 为了兼容一些设置了行高为auto的历史数据
+    if (subTitleLineHeight && ['auto', 'fit-content', 'autopx', 'fit-contentpx'].includes(subTitleLineHeight)) {
+      lineHeight = undefined;
+    }
     return (
       <div
         className="sub"
-        style={{
-          color: subTitleColor,
-          fontSize,
-          lineHeight: subTitleLineHeight,
-          fontWeight: subTitleFontWeight,
-        }}
+        style={{ color: subTitleColor, fontSize, lineHeight, fontWeight: subTitleFontWeight }}
       >
         {subTitle}
       </div>
     );
   }, [subTitle, subTitleColor, subTitleFont, subTitleLineHeight, subTitleFontWeight]);
-
+ 
   return (
     <>
       {mainTitle}

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

@@ -1,9 +1,9 @@
+import React, { useEffect, useState, useRef, useMemo } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Card as AntCard } from 'antd-mobile-5';
-import classNames from 'classnames';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
 import Icon from '../Icon';
 import useStyle from '../View/useStyle';
+import classNames from 'classnames';
 import CardTitle from './CardTitle';
 import './index.less';
 
@@ -86,7 +86,7 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
       ...props,
       src: imgSrc,
     },
-    viewRef
+    viewRef,
   );
   const { bodyStyle, boxStyle, footerStyle } = useMemo(() => {
     const box = {
@@ -152,17 +152,26 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
         <div
           className={iconClass || `${prefixCls}-icon`}
           // eslint-disable-next-line react/no-danger
-          dangerouslySetInnerHTML={{
-            __html: iconInfo?.iconFileInfo?.svgContent,
-          }}
+          dangerouslySetInnerHTML={{ __html: iconInfo?.iconFileInfo?.svgContent }}
         />
       );
     } else {
-      const { type, theme, isIconFont, fontAddress } = iconInfo;
+      const { type, theme, isIconFont, fontAddress, isSystem, systemIconKey } = iconInfo;
       iconView = (
         <div className={iconClass || `${prefixCls}-icon`}>
           {/** @ts-ignore */}
-          <Icon type={type} theme={theme} isIconFont={isIconFont} fontAddress={fontAddress} color={color} getEngineApis={getEngineApis} />
+          <Icon
+            icon={{
+              isSystem,
+              systemIconKey,
+              type,
+              theme,
+              isIconFont,
+              fontAddress,
+            }}
+            color={color}
+            getEngineApis={getEngineApis}
+          />
         </div>
       );
     }
@@ -172,7 +181,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': // 自定义图片
@@ -210,11 +223,19 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
       //     {title}
       //   </div>
       // );
-      const { titleColor, titleFontSize, titleFontWeight, titleLineHeight, subTitleColor, subTitleFontSize, subTitleLineHeight, subTitleFontWeight } =
-        style;
+      const {
+        titleColor,
+        titleFontSize,
+        titleFontWeight,
+        titleLineHeight,
+        subTitleColor,
+        subTitleFontSize,
+        subTitleLineHeight,
+        subTitleFontWeight,
+      } = style;
       return (
         <div className={`${prefixCls}-title`}>
-          {renderTitleIcon}
+          {renderTitleIcon()}
           <div className="title-content">
             <CardTitle
               title={title}
@@ -261,10 +282,7 @@ const Card = LingxiForwardRef<any, MyCardProps>((props, ref) => {
 
   return (
     <AntCard
-      className={classNames(
-        `${prefixCls} ${className}`,
-        props?.cardType === '2' ? `${prefixCls}-after381-card` : `${prefixCls}-after381-card-default`
-      )}
+      className={classNames(`${prefixCls} ${className}`, props?.cardType === '2' ? `${prefixCls}-after381-card` : `${prefixCls}-after381-card-default`)}
       headerClassName={headerClassName}
       bodyClassName={bodyClassName}
       title={newTitle()}
@@ -272,13 +290,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

@@ -14,6 +14,7 @@ export interface MyCardBodyProps {
 const CardBody = AppForwardRef<MyCardBodyProps>((props, ref) => {
   const { children, showContent = true, style, onBodyClick, visible = true } = props;
 
+
   if (!visible) {
     return <></>;
   }
@@ -21,7 +22,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/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import type { MyCardBodyProps } from './CardBody';
 import CardBodyLoader from './loader';
+import type { MyCardBodyProps } from './CardBody';
 
 const CardBody = LingxiForwardRef<unknown, MyCardBodyProps>((props, ref) => {
   return <CardBodyLoader {...props} />;

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

@@ -3,7 +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,
 });