@lingxiteam/ebe-utils 0.5.11 → 0.6.2

package/lib/pcpublic/src/components/pcfactory/src/SuperSelect/ComSelect.tsx

@@ -1,10 +1,10 @@
-import { PlusOutlined } from '@ant-design/icons';
-import type { EngineApisType } from '@lingxiteam/types';
-import { Divider, Input, Select } from 'antd';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { PlusOutlined } from '@lingxiteam/icons';
+import { Divider, Input, Select } from 'antd';
 import { useMap } from '../utils/ahooks';
 import { createId } from '../utils/common';
 import useGetStaticAttrData from '../utils/hooks/useGetStaticAttrData';
+import type { EngineApisType } from '@lingxiteam/types';
 import { useLocale } from '../utils/hooks/useLocale';
 
 interface ComSelectProps {
@@ -53,9 +53,9 @@ const transFormType: Record<string, NumberConstructor | StringConstructor> = {
 const superSelectCls = 'ued-superSelect';
 
 // const ComSelect: React.ForwardRefRenderFunction<any, ComSelectProps> = (props, ref) => {
-const ComSelect = forwardRef<any, ComSelectProps>(props => {
+const ComSelect = forwardRef<any, ComSelectProps>((props) => {
   // const api = getApis();
-  const { getLocale } = useLocale(props?.engineApis || props?.getEngineApis?.());
+  const { getLocale } = useLocale((props?.engineApis || props?.getEngineApis?.()));
   const {
     className,
     value,
@@ -81,7 +81,14 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
 
   const engineApis = receivedEngineApis || getEngineApis?.() || {};
 
-  const { valueKey = {}, labelKey = {}, extraKey = [], api: apiKeys = {}, showExtraKey = true, doFilter = false } = staticService;
+  const {
+    valueKey = {},
+    labelKey = {},
+    extraKey = [],
+    api: apiKeys = {},
+    showExtraKey = true,
+    doFilter = false,
+  } = staticService;
 
   const [reload, setReload] = useState(0);
   const [compValue, setCompValue] = useState<any>();
@@ -221,47 +228,51 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
       setSelectedRows(rows);
     } else {
       const { serviceCode, servicePath, serviceMethod, busiObjectId } = apiKeys.selectByKeys;
-      (engineApis as any)?.service
-        ?.commonFetch(serviceMethod, `${servicePath}/${serviceCode}`, {
-          busiObjectInstId: createId(),
-          busiObjectId,
-          attrs: {
-            primaryValues: ids.map(item => `${item}`),
-          },
-        })
-        .then((res = []) => {
-          const newList = res.map((l: any) => ({
-            ...l,
-            [valueKey?.key]: String(l[valueKey?.key]),
-          }));
-          newList.forEach(item => {
-            set(item[valueKey?.key], item);
-          });
-          // 针对选择的数据在对应表中已删除时，手动补齐数据做展示
-          const others: any[] = [];
-          ids.forEach((i: any) => {
-            // eslint-disable-next-line eqeqeq
-            if (!newList.find(r => r[valueKey?.key] == i)) {
-              others.push({
-                [valueKey?.key]: i,
-                [labelKey?.key || valueKey?.key]: i,
-              });
-            }
-          });
-          extendDataSourceRef.current = newList;
-          setDataSource(prevDataSource => getMergeDataSource(prevDataSource));
-          setOldDataSource(prevOldDataSource => getMergeDataSource(prevOldDataSource));
-          setSelectedRows([...newList, ...others]);
-          // 如果初次未传入正确的value数据类型
-          if (newList?.length && newList[0][valueKey?.key]) {
-            const realType = typeof newList[0][valueKey?.key];
-            const valueType = typeof ids[0];
-            if ((realType !== valueType || ignoreValueType) && transFormType[realType]) {
-              const transformValue = mode !== 'multiple' ? transFormType[realType](ids[0]) : ids.map(item => transFormType[realType](item));
-              onSelectChange(transformValue, newList.map(item => item[labelKey?.key || valueKey?.key]).join(','));
-            }
+      (engineApis as any)?.service?.commonFetch(serviceMethod, `${servicePath}/${serviceCode}`, {
+        busiObjectInstId: createId(),
+        busiObjectId,
+        attrs: {
+          primaryValues: ids.map((item) => `${item}`),
+        },
+      }).then((res = []) => {
+        const newList = res.map((l: any) => ({
+          ...l,
+          [valueKey?.key]: String(l[valueKey?.key]),
+        }));
+        newList.forEach((item) => {
+          set(item[valueKey?.key], item);
+        });
+        // 针对选择的数据在对应表中已删除时，手动补齐数据做展示
+        const others: any[] = [];
+        ids.forEach((i:any) => {
+          // eslint-disable-next-line eqeqeq
+          if (!newList.find(r => r[valueKey?.key] == i)) {
+            others.push({
+              [valueKey?.key]: i,
+              [labelKey?.key || valueKey?.key]: i,
+            });
           }
         });
+        extendDataSourceRef.current = newList;
+        setDataSource((prevDataSource) => getMergeDataSource(prevDataSource));
+        setOldDataSource((prevOldDataSource) => getMergeDataSource(prevOldDataSource));
+        setSelectedRows([...newList, ...others]);
+        // 如果初次未传入正确的value数据类型
+        if (newList?.length && newList[0][valueKey?.key]) {
+          const realType = typeof newList[0][valueKey?.key];
+          const valueType = typeof ids[0];
+          if ((realType !== valueType || ignoreValueType) && transFormType[realType]) {
+            const transformValue =
+              mode !== 'multiple'
+                ? transFormType[realType](ids[0])
+                : ids.map((item) => transFormType[realType](item));
+            onSelectChange(
+              transformValue,
+              newList.map((item) => item[labelKey?.key || valueKey?.key]).join(','),
+            );
+          }
+        }
+      });
     }
   };
 
@@ -280,36 +291,32 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
       }
       setFetching(true);
       const { serviceCode, servicePath, serviceMethod, busiObjectId } = apiKeys.selectAllPage;
-      (engineApis as any)?.service
-        ?.commonFetch(serviceMethod, `${servicePath}/${serviceCode}`, {
-          busiObjectInstId: createId(),
-          busiObjectId,
-          attrs: {
-            pageNum: params.pageNum,
-            pageSize: isSearch ? 1000 : params.pageSize, // 搜索过滤时，需要查询所有符合条件的数据，做分页查询时加大查询数据
-            [labelKey?.key]: val || undefined,
-            // [labelKey?.key]: params.searchContent || undefined,
-          },
-        })
-        .then((res: any) => {
-          const { list = [], total: newTotal } = res || {};
-          const newList: any[] = getMergeDataSource(
-            list.map((l: any) => ({
-              ...l,
-              [valueKey?.key]: String(l[valueKey?.key]),
-            }))
-          );
-          if (!isSearch) {
-            setOldDataSource([...newList]);
-            setTotal(newTotal || 0);
+      (engineApis as any)?.service?.commonFetch(serviceMethod, `${servicePath}/${serviceCode}`, {
+        busiObjectInstId: createId(),
+        busiObjectId,
+        attrs: {
+          pageNum: params.pageNum,
+          pageSize: isSearch ? 1000 : params.pageSize, // 搜索过滤时，需要查询所有符合条件的数据，做分页查询时加大查询数据
+          [labelKey?.key]: val || undefined,
+          // [labelKey?.key]: params.searchContent || undefined,
+        },
+      }).then((res: any) => {
+        const { list = [], total: newTotal } = res || {};
+        const newList: any[] = getMergeDataSource(list.map((l: any) => ({
+          ...l,
+          [valueKey?.key]: String(l[valueKey?.key]),
+        })));
+        if (!isSearch) {
+          setOldDataSource([...newList]);
+          setTotal(newTotal || 0);
+        }
+        setDataSource([...newList]);
+        (newList || []).forEach((item: any) => {
+          if (!get(item[valueKey?.key])) {
+            set(item[valueKey?.key], item);
           }
-          setDataSource([...newList]);
-          (newList || []).forEach((item: any) => {
-            if (!get(item[valueKey?.key])) {
-              set(item[valueKey?.key], item);
-            }
-          });
         });
+      });
     } catch (err) {
       console.log(`远程搜索数据异常：${err}`);
     } finally {
@@ -353,15 +360,13 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
     // eslint-disable-next-line no-underscore-dangle
     const _innerValue = mode === 'multiple' ? innerValue : [innerValue];
     if (selcetMode === 'select') {
-      const currentValue = mode === 'multiple' ? selectedRows.map((f: any) => f[valueKey.key]) : selectedRows?.[0]?.[valueKey.key];
+      const currentValue = mode === 'multiple'
+        ? selectedRows.map((f: any) => f[valueKey.key])
+        : selectedRows?.[0]?.[valueKey.key];
       // || innerValue;
       // 非弹窗时，直接渲染为下拉，，form中不必重复设置value
-      const rows = selectedRows.length
-        ? selectedRows.map((se: any) => ({
-          value: se[valueKey.key],
-          label: se[labelKey?.key || valueKey?.key],
-        }))
-        : undefined;
+      const rows = (selectedRows.length ?
+        selectedRows.map((se: any) => ({ value: se[valueKey.key], label: se[labelKey?.key || valueKey?.key] })) : undefined);
       const valueProp = {
         value: labelInValue ? rows : currentValue,
         // 4月份版本屏蔽了弹窗方式打开，兼容存量数据，则不需要添加该判断
@@ -391,7 +396,7 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
           {...valueProp}
           mode={mode}
           // notFoundContent={fetching ? <Spin size="small" /> : null}
-          dropdownRender={menu => (
+          dropdownRender={(menu) => (
             <>
               {menu}
               {showAddBtn && (
@@ -399,14 +404,14 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
                   <Divider style={{ color: '#e5e5e5', margin: '0' }} />
                   <div
                     className={`${superSelectCls}-modal-addBtn`}
-                    onMouseDown={e => e.preventDefault()}
+                    onMouseDown={(e) => e.preventDefault()}
                     onClick={() => {
                       if (onClickAddBtn) {
                         onClickAddBtn();
                       }
                     }}
                   >
-                    <PlusOutlined style={{ fontSize: '11px' }} rev="" /> {addBtnText}
+                    <PlusOutlined style={{ fontSize: '11px' }} /> {addBtnText}
                   </div>
                 </>
               )}
@@ -416,8 +421,8 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
           showSearch
           filterOption={false}
           // onSearch={fetchList}
-          onSearch={v => superSelectGetAllPage(v, true)}
-          onChange={e => {
+          onSearch={(v) => superSelectGetAllPage(v, true)}
+          onChange={(e) => {
             let changeValue: any[] = [];
             if (labelInValue) {
               changeValue = mode === 'multiple' ? (e || []).map((ev: any) => ev.value) : e?.value;
@@ -441,8 +446,9 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
                   <div>
                     {item[labelKey.key]}
                     <div
-                      className={`${superSelectCls}-extraContent ${
-                        (_innerValue || []).includes(item[valueKey.key]) ? `${superSelectCls}-extraContentSelected` : ''
+                      className={`${superSelectCls}-extraContent ${(_innerValue || []).includes(item[valueKey.key])
+                        ? `${superSelectCls}-extraContentSelected`
+                        : ''
                       }`}
                       title={extraKey
                         .filter((e: any) => !!item[e.key])
@@ -493,10 +499,13 @@ const ComSelect = forwardRef<any, ComSelectProps>(props => {
   }
 
   if (showMode !== 'modal' && selcetMode === 'select') {
-    return mainContent;
+    return (
+      mainContent
+    );
   }
 
   return <></>;
 });
 
+
 export default ComSelect;

package/lib/pcpublic/src/components/pcfactory/src/SuperSelect/index.tsx

@@ -1,7 +1,8 @@
-import { LingxiForwardRef } from '@lingxiteam/types';
 import React, { useRef } from 'react';
 import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import SuperSelectLoader from './loader';
+import renderReadOnly from '../utils/renderReadOnly';
 
 export interface MySuperSelectProps {
   visible?: boolean;
@@ -30,11 +31,11 @@ export interface MySuperSelectProps {
   tipSize?: string; // 文字提示
   tipWidth?: string; // 提示自定义的宽度
   tipHeight?: string; // 提示自定义的高度
-  comSelectRef?: any; // 懒加载入参
-  formFieldsRef?: any; // 懒加载入参
-  readOnly: boolean; // 懒加载入参
-  disabled: boolean; // 懒加载入参
-  required?: any; // 懒加载入参
+  comSelectRef?: any;// 懒加载入参
+  formFieldsRef?: any;// 懒加载入参
+  readOnly: boolean;// 懒加载入参
+  disabled: boolean;// 懒加载入参
+  required?: any;// 懒加载入参
 }
 
 interface WrapperSuperSelectProps {
@@ -83,7 +84,13 @@ const SuperSelect = LingxiForwardRef<any, MySuperSelectProps>((props, ref) => {
     reloadOptions: comSelectRef.current?.reloadOptions,
   });
   const customStyle = restProps.style || {};
-  const { margin: customMargin, display: customDisplay, visibility: customVisibility, ...restCusStyles } = customStyle;
+  const {
+    margin: customMargin,
+    display: customDisplay,
+    visibility: customVisibility,
+    ...restCusStyles
+  } = customStyle;
+
 
   return (
     <FormFields
@@ -94,13 +101,19 @@ const SuperSelect = LingxiForwardRef<any, MySuperSelectProps>((props, ref) => {
       readOnly={readOnly}
       rules={finalRules}
       ignoreReadOnlyFlag
-      defaultValue={props.mode === 'multiple' && typeof defaultValue === 'string' ? defaultValue.split(',') : defaultValue}
+      render={() => {
+        return renderReadOnly(props.value || '--');
+      }}
+      defaultValue={
+        props.mode === 'multiple' && typeof defaultValue === 'string'
+          ? defaultValue.split(',')
+          : defaultValue
+      }
       label={label}
       style={restCusStyles}
     >
       <SuperSelectLoader fieldName={fieldName} {...restProps} comSelectRef={comSelectRef} />
-    </FormFields>
-  );
+    </FormFields>);
 });
 
 export default SuperSelect;

package/lib/pcpublic/src/components/pcfactory/src/SuperSelect/loader.tsx

@@ -2,7 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const SuperSelectLoader = Loadable({
-  loader: async () => (await import(/* webpackChunkName: 'factory-SuperSelect' */ './ComSelect')) as unknown as React.ComponentType<any>,
+  loader: async () => (await import/* webpackChunkName: 'factory-SuperSelect' */('./ComSelect')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/Swiper/index.tsx

@@ -1,8 +1,9 @@
-import { Icon as LegacyIcon } from '@lingxiteam/icons';
 import { LingxiForwardRef } from '@lingxiteam/types';
+import { Icon as LegacyIcon } from '@lingxiteam/icons';
 import { Carousel } from 'antd';
 import classnames from 'classnames';
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
+import useBackgroundStyle from '../View/useBackgroundStyle';
 
 export interface MySwiperProps {
 
@@ -34,6 +35,7 @@ export interface MySwiperProps {
   slidesToScroll?: number;
   arrows?: boolean;
   arrowsDisplay?: any;
+  backgroundType?: any;
 }
 const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
   const {
@@ -53,12 +55,16 @@ const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
     arrows,
     arrowsDisplay,
     getEngineApis,
+    backgroundType,
+    $$componentItem,
     ...restProps
   } = props;
   const { historyPush } = getEngineApis();
   // @ts-ignore
   const { subclassName, width, height, ...restStyle } = style;
   const iscross = dotPosition === 'top' || dotPosition === 'bottom'; // 横向的
+  const { backgroundStyle } = useBackgroundStyle({ backgroundType, engineApis: getEngineApis?.(), appId: $$componentItem?.appId, mode: 'engine' });
+
   // 自适应高度
   useEffect(() => {
     const c = document.getElementsByClassName('ued-swiper-wrap')[0];
@@ -123,10 +129,18 @@ const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
   };
 
   return visible ? (
-    <div className={classnames('ued-swiper-wrap', className)} style={{ ...restStyle, width, height }}>
+    <div
+      className={classnames('ued-swiper-wrap', className)}
+      style={{ ...backgroundStyle, ...restStyle, width, height }}
+    >
       {arrows && (
         <div
-          className={classnames('ued-swiper-icon', iscross ? 'left' : 'up', arrowsDisplay, smallerThan200() ? 'small' : '')}
+          className={classnames(
+            'ued-swiper-icon',
+            iscross ? 'left' : 'up',
+            arrowsDisplay,
+            smallerThan200() ? 'small' : '',
+          )}
           onClick={() => {
             if (carouselRef.current) {
               carouselRef?.current?.prev();
@@ -153,7 +167,12 @@ const Swiper = LingxiForwardRef<any, MySwiperProps>((props, ref) => {
       </Carousel>
       {arrows && (
         <div
-          className={classnames('ued-swiper-icon', iscross ? 'right' : 'down', arrowsDisplay, smallerThan200() ? 'small' : '')}
+          className={classnames(
+            'ued-swiper-icon',
+            iscross ? 'right' : 'down',
+            arrowsDisplay,
+            smallerThan200() ? 'small' : '',
+          )}
           onClick={() => {
             if (carouselRef.current) {
               carouselRef?.current?.next();

package/lib/pcpublic/src/components/pcfactory/src/Switch/index.tsx

@@ -1,10 +1,15 @@
-import { LingxiForwardRef } from '@lingxiteam/types';
-import { Switch as AntdSwitch } from 'antd';
 import React, { useCallback, useMemo, useState } from 'react';
-import CommIcon from '../Icon';
-import { handleIsValidIconCfg } from '../Icon/hooks';
+import { Switch as AntdSwitch } from 'antd';
 import { FormFields, useCommonImperativeHandle, useForm } from '../utils';
 import { getFieldsProps } from '../utils/formUtils/FormFields';
+import { handleIsValidIconCfg } from '../Icon/hooks';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import CommIcon from '../Icon';
+
+const WrapperSwitch = ({ children }: Record<string, any>) =>
+  React.cloneElement(children, {
+    className: `ued-switch-wrap ${children.props.className || ''}`,
+  });
 
 export interface SwitchProps {
   value?: any;
@@ -89,7 +94,12 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
   } = props;
 
   const customStyle = restProps.style || {};
-  const { margin, display, visibility, ...restCusStyles } = customStyle;
+  const {
+    margin,
+    display,
+    visibility,
+    ...restCusStyles
+  } = customStyle;
 
   const [loading, setLoading] = useState(false);
 
@@ -101,50 +111,51 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
   });
 
   // 渲染开关开启/关闭文案或图标
-  const renderSwitchStyle = useCallback(
-    (type: string) => {
-      if (switchStyle) {
-        let Comp = null;
-        if (switchStyle === 'font') {
-          Comp = (props as any)[type];
-        } else if (switchStyle === 'icon') {
-          const iconInfo = (props as any)[`${type}Icon`];
-          if (handleIsValidIconCfg(iconInfo)) {
-            Comp = <CommIcon icon={iconInfo} getEngineApis={getEngineApis} $$componentItem={props?.$$componentItem} className="" />;
-          }
+  const renderSwitchStyle = useCallback((type: string) => {
+    if (switchStyle) {
+      let Comp = null;
+      if (switchStyle === 'font') {
+        Comp = (props as any)[type];
+      } else if (switchStyle === 'icon') {
+        const iconInfo = (props as any)[`${type}Icon`];
+        if (handleIsValidIconCfg(iconInfo)) {
+          Comp = <CommIcon icon={iconInfo} getEngineApis={getEngineApis} $$componentItem={props?.$$componentItem} className="" />;
         }
-        if (Comp) {
-          return props.size === 'small' ? (
-            <div
-              className="ued-switch-children"
-              ref={r => {
-                if (r) {
-                  // 小号时把内容缩小80%
-                  const clientInfo = r.getBoundingClientRect();
-                  const { width = 0 } = clientInfo || {};
-                  const margin = `-${width / 4}px`;
-                  if (value) {
-                    r.style.marginLeft = margin;
-                    r.style.marginRight = '0';
-                  } else {
-                    r.style.marginLeft = '0';
-                    r.style.marginRight = margin;
-                  }
+      }
+      if (Comp) {
+        return props.size === 'small' ? (
+          <div
+            className="ued-switch-children"
+            ref={(r) => {
+              if (r) {
+              // 小号时把内容缩小80%
+                const clientInfo = r.getBoundingClientRect();
+                const { width = 0 } = clientInfo || {};
+                const margin = `-${width / 4}px`;
+                if (value) {
+                  r.style.marginLeft = margin;
+                  r.style.marginRight = '0';
+                } else {
+                  r.style.marginLeft = '0';
+                  r.style.marginRight = margin;
                 }
-              }}
-            >
-              {Comp}
-            </div>
-          ) : (
-            Comp
-          );
-        }
-        return undefined;
+              }
+            }}
+          >{Comp}
+          </div>) : Comp;
       }
       return undefined;
-    },
-    [switchStyle, props.checkedChildren, props.unCheckedChildren, props.size, unCheckedChildrenIcon, checkedChildrenIcon, value]
-  );
+    }
+    return undefined;
+  }, [
+    switchStyle,
+    props.checkedChildren,
+    props.unCheckedChildren,
+    props.size,
+    unCheckedChildrenIcon,
+    checkedChildrenIcon,
+    value,
+  ]);
 
   const checkedChildrenComp = useMemo(() => renderSwitchStyle('checkedChildren'), [renderSwitchStyle]);
   const unCheckedChildrenComp = useMemo(() => renderSwitchStyle('unCheckedChildren'), [renderSwitchStyle]);
@@ -169,21 +180,23 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
         return val;
       }}
     >
-      <AntdSwitch
-        {...restProps}
-        loading={loading}
-        checkedChildren={checkedChildrenComp}
-        unCheckedChildren={unCheckedChildrenComp}
-        defaultChecked={!!defaultChecked}
-        style={inForm ? restCusStyles : props.style}
-        // eslint-disable-next-line no-nested-ternary
-        checked={typeof value === 'string' ? (value.toLowerCase() === 'false' ? false : !!value) : !!value}
-        onChange={(e: any) => {
-          if (onChange) {
-            onChange(e);
-          }
-        }}
-      />
+      <WrapperSwitch>
+        <AntdSwitch
+          {...restProps}
+          loading={loading}
+          checkedChildren={checkedChildrenComp}
+          unCheckedChildren={unCheckedChildrenComp}
+          defaultChecked={!!defaultChecked}
+          style={inForm ? restCusStyles : props.style}
+          // eslint-disable-next-line no-nested-ternary
+          checked={typeof value === 'string' ? (value.toLowerCase() === 'false' ? false : !!value) : !!value}
+          onChange={(e: any) => {
+            if (onChange) {
+              onChange(e);
+            }
+          }}
+        />
+      </WrapperSwitch>
     </FormFields>
   );
 });

package/lib/pcpublic/src/components/pcfactory/src/TabPane/index.tsx

@@ -1,9 +1,9 @@
+import CustomModule from '../utils/CustomModule';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Badge } from 'antd';
 import React, { useCallback, useImperativeHandle } from 'react';
 import { useListenProps } from '../utils';
 import { useDeepCompareEffect } from '../utils/ahooks';
-import CustomModule from '../utils/CustomModule';
 import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
 import { useLocale } from '../utils/hooks/useLocale';
 
@@ -40,6 +40,7 @@ const MyTabPane = LingxiForwardRef<any, MyTabPaneProps>((props, ref) => {
 
   const funcExpExecute = useFuncExpExecute(sandBoxSafeRun, getLocale);
 
+
   const getTab = useCallback(() => {
     if (currentIndex !== -1) {
       const { badgeRendering } = props;
@@ -90,7 +91,11 @@ const MyTabPane = LingxiForwardRef<any, MyTabPaneProps>((props, ref) => {
           _tab = (
             <div style={{ position: 'relative' }}>
               {title}
-              <Badge count={badge} overflowCount={999} style={{ position: 'absolute', top: '-20px', right: '-20px' }} />
+              <Badge
+                count={badge}
+                overflowCount={999}
+                style={{ position: 'absolute', top: '-20px', right: '-20px' }}
+              />
             </div>
           );
         }