@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -1,14 +1,9 @@
 import { Col, Row } from 'antd';
 import classNames from 'classnames';
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-} from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
 import { IconCheckSvg, IconNormalCheckSvg } from '../utils/common';
 import useBackgroundStyle from '../View/useBackgroundStyle';
+import IdleView from './IdleView';
 
 const basicStyle = { backgroundColor: '#fff' };
 export interface WrapperProps {
@@ -51,9 +46,7 @@ const loopListCls = 'ued-loop-list';
 
 const WrapperEditorComp: React.FC<WrapperProps> = ({ children }) =>
   React.cloneElement(children, {
-    className: `${loopListCls}-item ${loopListCls}-item-edit ${
-      children.props.className || ''
-    }`,
+    className: `${loopListCls}-item ${loopListCls}-item-edit ${children.props.className || ''}`,
   });
 
 const WrapperDisableComps: React.FC<WrapperProps> = ({ children }) =>
@@ -61,36 +54,17 @@ const WrapperDisableComps: React.FC<WrapperProps> = ({ children }) =>
     className: `${loopListCls}-item ${children.props.className || ''}`,
   });
 
-const renderIcon = ({
-  checked,
-  selectImg,
-  normalImg,
-  getAppFileUrlByFileCode,
-}: any) => {
+const renderIcon = ({ checked, selectImg, normalImg, getAppFileUrlByFileCode }: any) => {
   if (checked) {
     if (selectImg) {
-      return (
-        <img
-          src={getAppFileUrlByFileCode(selectImg)}
-          className={`${loopListCls}-icon`}
-          alt=""
-        />
-      );
+      return <img src={getAppFileUrlByFileCode(selectImg)} className={`${loopListCls}-icon`} alt="" />;
     }
     return <img src={IconCheckSvg} className={`${loopListCls}-icon`} alt="" />;
   }
   if (normalImg) {
-    return (
-      <img
-        src={getAppFileUrlByFileCode(normalImg)}
-        className={`${loopListCls}-icon`}
-        alt=""
-      />
-    );
+    return <img src={getAppFileUrlByFileCode(normalImg)} className={`${loopListCls}-icon`} alt="" />;
   }
-  return (
-    <img src={IconNormalCheckSvg} className={`${loopListCls}-icon`} alt="" />
-  );
+  return <img src={IconNormalCheckSvg} className={`${loopListCls}-icon`} alt="" />;
 };
 
 const NoCheckBox = (item: {
@@ -107,10 +81,7 @@ const NoCheckBox = (item: {
   return (
     <div
       style={itemStyle}
-      className={classNames(
-        `${loopListCls}-blockSelect`,
-        `${loopListCls}-nobox`,
-      )}
+      className={classNames(`${loopListCls}-blockSelect`, `${loopListCls}-nobox`)}
       onClick={() => {
         onClick?.();
         onChange?.();
@@ -141,30 +112,11 @@ const CheckBox = (item: {
   getAppFileUrlByFileCode?: (name: string) => string;
   isFormCompat: boolean;
 }) => {
-  const {
-    children,
-    selectImg,
-    normalImg,
-    checked,
-    itemStyle,
-    onChange,
-    onClick,
-    getAppFileUrlByFileCode,
-    isFormCompat,
-  } = item;
+  const { children, selectImg, normalImg, checked, itemStyle, onChange, onClick, getAppFileUrlByFileCode, isFormCompat } = item;
 
   return (
-    <div
-      style={itemStyle}
-      className={classNames(
-        `${loopListCls}-blockSelect`,
-        `${loopListCls}-showIcon`,
-      )}
-      onClick={onClick}
-    >
-      <div onClick={() => onChange(item)}>
-        {renderIcon({ checked, selectImg, normalImg, getAppFileUrlByFileCode })}
-      </div>
+    <div style={itemStyle} className={classNames(`${loopListCls}-blockSelect`, `${loopListCls}-showIcon`)} onClick={onClick}>
+      <div onClick={() => onChange(item)}>{renderIcon({ checked, selectImg, normalImg, getAppFileUrlByFileCode })}</div>
       <div
         onClick={() => onChange(item)}
         className={classNames({
@@ -262,25 +214,10 @@ const DisabledComps = (props: {
   gridMode: boolean;
   isFormCompat: boolean;
 }) => {
-  const {
-    children,
-    index,
-    itemStyle,
-    colProps,
-    className,
-    gridMode,
-    isFormCompat,
-  } = props || {};
+  const { children, index, itemStyle, colProps, className, gridMode, isFormCompat } = props || {};
   const item = children?.props?.$props;
   const render = (
-    <NoCheckBox
-      index={index}
-      {...item}
-      itemStyle={itemStyle}
-      disabled
-      onClick={props.onClick}
-      isFormCompat={isFormCompat}
-    >
+    <NoCheckBox index={index} {...item} itemStyle={itemStyle} disabled onClick={props.onClick} isFormCompat={isFormCompat}>
       {children}
     </NoCheckBox>
   );
@@ -356,16 +293,15 @@ const MyGrid = (props: MyLoopList) => {
 
   const getLoopDataByKeys = (keys: any[]) => {
     return Array.isArray(keys)
-      ? keys.map((id) => {
-          return props?.gridData?.find((data) => data[valueKey] === id);
-        })
+      ? keys.map(id => {
+        return props?.gridData?.find(data => data[valueKey] === id);
+      })
       : [];
   };
 
   const onChange = (restItem: Record<string, any>, index: any) => {
     // eslint-disable-next-line @typescript-eslint/no-shadow
-    const val =
-      typeof restItem === 'object' ? restItem[valueKey || 'value'] : index;
+    const val = typeof restItem === 'object' ? restItem[valueKey || 'value'] : index;
     if (!isMultiple) {
       // setValues([value]);
       if (uOnChange) {
@@ -414,7 +350,7 @@ const MyGrid = (props: MyLoopList) => {
       }
       return p;
     },
-    [mediaLayout, span, fixedWidth],
+    [mediaLayout, span, fixedWidth]
   );
 
   // 循环列表配置key
@@ -426,20 +362,14 @@ const MyGrid = (props: MyLoopList) => {
   const { MemoLoopItem, renderer, getLoopItemExtraProps } = MemoRenderer;
 
   return (
-    <Row
-      gutter={[vspace, hspace]}
-      style={{ ...backgroundStyle, ...style }}
-      className={className}
-    >
+    <Row gutter={[vspace, hspace]} style={{ ...backgroundStyle, ...style }} className={className}>
       {Array.isArray(gridData) &&
         gridData.map((item, index) => {
           const restItem = item || {};
           const checked = getChecked(restItem, index);
           const itemStyle = !isEditor ? basicStyle : getItemStyle(checked);
-          const gridViewIndex =
-            restItem[valueKey] || `${props.compId}_${index}`;
-          const onClick = () =>
-            onClickLoopItem?.(restItem[valueKey], restItem, index);
+          const gridViewIndex = restItem[valueKey] || `${props.compId}_${index}`;
+          const onClick = () => onClickLoopItem?.(restItem[valueKey], restItem, index);
 
           const renderProps = {
             itemKey,
@@ -521,7 +451,7 @@ const SyncLoopList = forwardRef((props: any, ref) => {
     const list: any = [];
     const idx: number[] = [];
     if (Array.isArray(value)) {
-      value.forEach((key) => {
+      value.forEach(key => {
         props.gridData?.forEach((d: Record<string, any>, i: any) => {
           if (typeof d === 'object' ? d[valueKey] === key : i === key) {
             list.push(d);
@@ -541,16 +471,18 @@ const SyncLoopList = forwardRef((props: any, ref) => {
   }));
 
   return (
-    <MyGrid
-      {...props}
-      value={(value ?? defaultValue) || []}
-      onClickLoopItem={props?.onClickLoopItem}
-      onChange={(vals, dataList) => {
-        if (onChange) {
-          onChange(vals, dataList);
-        }
-      }}
-    />
+    <IdleView>
+      <MyGrid
+        {...props}
+        value={(value ?? defaultValue) || []}
+        onClickLoopItem={props?.onClickLoopItem}
+        onChange={(vals, dataList) => {
+          if (onChange) {
+            onChange(vals, dataList);
+          }
+        }}
+      />
+    </IdleView>
   );
 });
 

package/lib/pcpublic/src/components/pcfactory/src/LoopList/scheduler.ts

@@ -0,0 +1,77 @@
+// eslint-disable-next-line import/no-mutable-exports
+let requestHostCallback: (cb: () => void) => () => void = cb => {
+  cb();
+  return () => {};
+};
+
+export function isNative(Ctor: any): boolean {
+  return typeof Ctor === 'function' && /native code/.test(Ctor.toString());
+}
+
+if (
+  typeof MessageChannel !== 'undefined' &&
+  (isNative(MessageChannel) ||
+    // PhantomJS
+    MessageChannel.toString() === '[object MessageChannelConstructor]')
+) {
+  requestHostCallback = (cb: () => void) => {
+    let scheduledHostCallback: typeof cb | null = cb;
+    let isMessageLoopRunning = false;
+
+    const performWorkUntilDeadline = () => {
+      if (scheduledHostCallback !== null) {
+        try {
+          scheduledHostCallback();
+          isMessageLoopRunning = false;
+        } catch (error) {
+          port.postMessage(null);
+        }
+      } else {
+        isMessageLoopRunning = false;
+      }
+    };
+
+    const channel = new MessageChannel();
+    const port = channel.port2;
+    channel.port1.onmessage = performWorkUntilDeadline;
+
+    port.postMessage(null);
+    if (!isMessageLoopRunning) {
+      isMessageLoopRunning = true;
+      port.postMessage(null);
+    }
+
+    return () => {
+      scheduledHostCallback = null;
+    };
+  };
+} else if (typeof Promise !== 'undefined' && isNative(Promise)) {
+  requestHostCallback = (cb: () => void) => {
+    let scheduledHostCallback: typeof cb | null = cb;
+    let isMessageLoopRunning = false;
+    const p = Promise.resolve();
+
+    const performWorkUntilDeadline = () => {
+      if (scheduledHostCallback !== null) {
+        try {
+          scheduledHostCallback();
+          isMessageLoopRunning = false;
+          // eslint-disable-next-line no-empty
+        } catch (error) {}
+      } else {
+        isMessageLoopRunning = false;
+      }
+    };
+
+    if (!isMessageLoopRunning) {
+      isMessageLoopRunning = true;
+      p.then(performWorkUntilDeadline);
+    }
+
+    return () => {
+      scheduledHostCallback = null;
+    };
+  };
+}
+
+export { requestHostCallback };

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

@@ -28,20 +28,7 @@ export interface MyMenuProps {
 const prefixCls = 'menu';
 
 const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
-  const {
-    visible,
-    mode,
-    style,
-    isUsePrimary,
-    color,
-    treeData,
-    isExpanded,
-    propKey,
-    onClick,
-    icon = {},
-    getEngineApis,
-    className,
-  } = props;
+  const { visible, mode, style, isUsePrimary, color, treeData, isExpanded, propKey, onClick, icon = {}, getEngineApis, className } = props;
 
   const { width, height } = style || {};
 
@@ -68,12 +55,7 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
     }
     if (typeof rule === 'string') {
       // eslint-disable-next-line no-new-func
-      return new Function(
-        'node',
-        `try { return ${rule};} catch(e) { console.warn("${rule}${getLocale?.(
-          'nodeRule',
-        )}");}`,
-      );
+      return new Function('node', `try { return ${rule};} catch(e) { console.warn("${rule}${getLocale?.('nodeRule')}");}`);
     }
     return () => {};
   };
@@ -184,10 +166,9 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
     const { key, title, children, selectable, url } = service || {};
     const getTreeData = (arr: any[]) => {
       if (Array.isArray(arr)) {
-        return arr.map((c) => {
+        return arr.map(c => {
           // _isReload 标识节点数据是通过加载子节点动作设置的,此时取该动作配置好的key/title/selectable
-          const serviceSelectable =
-            c[selectable] !== undefined ? c[selectable] : true;
+          const serviceSelectable = c[selectable] !== undefined ? c[selectable] : true;
           const params = {
             key: c._isReload ? c.key : c[key] || c.key,
             title: c._isReload ? c.title : c[title] || c.title,
@@ -229,21 +210,14 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
       return [...treeData];
     }
     return [];
-  }, [
-    dataSource,
-    treeService,
-    treeData,
-    extRules,
-    isUsePrimary,
-    menuExpandedKeys,
-  ]);
+  }, [dataSource, treeService, treeData, extRules, isUsePrimary, menuExpandedKeys]);
 
   const getExpendKeys = (datas: any) => {
     const { key, children } = treeService || {};
     const menuKeys: any = [];
     const getTreeKey = (arr: any[]) => {
       if (Array.isArray(arr)) {
-        arr.forEach((c) => {
+        arr.forEach(c => {
           const childrenKey = children || 'children';
           if (Array.isArray(c[childrenKey])) {
             if (mode === 'inline' && c[childrenKey]?.length) {
@@ -260,20 +234,10 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
   };
   // 设置默认展开项数据
   useEffect(() => {
-    if (
-      dataSource?.length &&
-      isExpanded &&
-      mode === 'inline' &&
-      !inlineCollapsed
-    ) {
+    if (dataSource?.length && isExpanded && mode === 'inline' && !inlineCollapsed) {
       const menuKeys = getExpendKeys(dataSource);
       setMenuExpandedKeys([...(menuKeys || [])]);
-    } else if (
-      treeData?.length &&
-      isExpanded &&
-      mode === 'inline' &&
-      !inlineCollapsed
-    ) {
+    } else if (treeData?.length && isExpanded && mode === 'inline' && !inlineCollapsed) {
       const menuKeys = getExpendKeys(treeData);
       setMenuExpandedKeys([...(defaultOpenKey || menuKeys || [])]);
     }
@@ -287,12 +251,7 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
       const childrenKey = children || 'children';
       let defSelected: any = null;
       const getDefaultSelect = (items: any) => {
-        if (
-          items &&
-          Array.isArray(items[childrenKey]) &&
-          items[childrenKey]?.length &&
-          !defSelected
-        ) {
+        if (items && Array.isArray(items[childrenKey]) && items[childrenKey]?.length && !defSelected) {
           getDefaultSelect(items[childrenKey][0]);
         } else if (items && !defSelected) {
           items.key = items._isReload ? items.key : items[key] || items.key;
@@ -328,12 +287,11 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
           menuExpandedKeys.includes(item?.key)
             ? item?.expandedIcon
             : item?.children?.length
-            ? item?.closedIcon
-            : item?.closedIcon || item?.expandedIcon;
+              ? item?.closedIcon
+              : item?.closedIcon || item?.expandedIcon;
         itemIcon = renderIconFont(iconType);
       } else {
-        itemIcon =
-          item?.icon instanceof Function ? item?.icon(item) : item?.icon;
+        itemIcon = item?.icon instanceof Function ? item?.icon(item) : item?.icon;
       }
       if (item?.children?.length) {
         return (
@@ -342,11 +300,7 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
             title={
               <>
                 {itemIcon && (
-                  <span
-                    role="img"
-                    aria-label="mail"
-                    className={`anticon anticon-mail ${`${prefixCls}_icon`}`}
-                  >
+                  <span role="img" aria-label="mail" className={`anticon anticon-mail ${`${prefixCls}_icon`}`}>
                     {itemIcon}
                   </span>
                 )}
@@ -376,11 +330,7 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
           }}
         >
           {itemIcon && (
-            <span
-              role="img"
-              aria-label="mail"
-              className={`anticon anticon-mail ${`${prefixCls}_icon`}`}
-            >
+            <span role="img" aria-label="mail" className={`anticon anticon-mail ${`${prefixCls}_icon`}`}>
               {itemIcon}
             </span>
           )}
@@ -392,17 +342,13 @@ const MyMenu = LingxiForwardRef<any, MyMenuProps>((props, ref) => {
   const extendOptions: any =
     mode === 'inline'
       ? {
-          inlineCollapsed,
-        }
+        inlineCollapsed,
+      }
       : {};
 
   return visible ? (
     <div
-      className={`ued-menu ${className} ${prefixCls} ${
-        mode === 'inline' && !inlineCollapsed
-          ? `${prefixCls}_inline_colloaps`
-          : ''
-      }`}
+      className={`ued-menu ${className} ${prefixCls} ${mode === 'inline' && !inlineCollapsed ? `${prefixCls}_inline_colloaps` : ''}`}
       style={{ width, height }}
     >
       <Menu

package/lib/pcpublic/src/components/pcfactory/src/ModalSelect/BaseModalSelect.tsx

@@ -26,13 +26,11 @@ const BaseModalSelect = (props: any) => {
     <span
       className={classnames(className, {
         'pcfactory-input-group-wrapper': true,
-        [`pcfactory-input-affix-wrapper-${
-          restProps?.size === 'large' ? 'lg' : 'sm'
-        }`]: ['large', 'small'].includes(restProps?.size),
+        [`pcfactory-input-affix-wrapper-${restProps?.size === 'large' ? 'lg' : 'sm'}`]: ['large', 'small'].includes(restProps?.size),
         [`${postfixStyleClsName}`]: postfixStyleClsName,
       })}
       style={restProps?.style}
-      onChange={(val) => {
+      onChange={val => {
         propsOnChange?.(val);
       }}
     >
@@ -48,14 +46,14 @@ const BaseModalSelect = (props: any) => {
           size={restProps?.size}
           mode={mode}
           value={value}
-          onChange={(e) => handleChangeVal(e)}
+          onChange={e => handleChangeVal(e)}
           allowClear={allowClear}
           maxTagTextLength={InputNumber}
           clearIcon={ClearIcon()}
           showArrow={false}
           open={false}
           options={options}
-          tagRender={(item) => {
+          tagRender={item => {
             return (
               <span>
                 {item?.label}
@@ -63,7 +61,7 @@ const BaseModalSelect = (props: any) => {
               </span>
             );
           }}
-          onClick={(e) => {
+          onClick={e => {
             if (!disabled) {
               // 图标点击事件优先级最高，其次才是打开默认属性弹窗
               if (onIconClick) {
@@ -84,7 +82,7 @@ const BaseModalSelect = (props: any) => {
               'pcfactory-input-group-addon': true,
               'pcfactory-input-group-addon-disabled': disabled,
             })}
-            onClick={(e) => {
+            onClick={e => {
               e.stopPropagation();
               if (!onIconClick && !disabled) {
                 handleClickVisible();

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

@@ -4,11 +4,7 @@ import type { ValidationRule } from 'antd/es/form';
 import React, { useEffect, useMemo, useState } from 'react';
 import CommIcon from '../Icon';
 import { handleIsValidIconCfg } from '../Icon/hooks';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';
 import BaseModalSelect from './BaseModalSelect';
 
@@ -87,9 +83,7 @@ export interface WrapperModalSelectProps {
 const MODALSELECT_WRAPPER_CLASSNAME = 'ued-input-wrap modalSelect';
 const WrapperModalSelect: React.FC<WrapperModalSelectProps> = ({ children }) =>
   React.cloneElement(children, {
-    className: `${MODALSELECT_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${MODALSELECT_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
@@ -177,10 +171,7 @@ const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
     let valArray: any = [];
     const optionParams: any = [];
     let flag = true;
-    const valueObj: any =
-      typeof datas === 'string' && isJsonString(datas)
-        ? JSON.parse(datas)
-        : datas;
+    const valueObj: any = typeof datas === 'string' && isJsonString(datas) ? JSON.parse(datas) : datas;
     if (valueObj instanceof Array) {
       valueObj.forEach((va: any) => {
         if (va[valField] || va.value) {
@@ -199,10 +190,7 @@ const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
       if (Array.isArray(valArray) && valArray.length && mode === 'normal') {
         valArray = valArray[0];
       }
-    } else if (
-      valueObj instanceof Object &&
-      (valueObj[valField] || valueObj.value)
-    ) {
+    } else if (valueObj instanceof Object && (valueObj[valField] || valueObj.value)) {
       const obj = {
         label: valueObj[conField] || valueObj.label,
         value: valueObj[valField] || valueObj.value,
@@ -287,10 +275,7 @@ const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
       switch (postfixIconPosition) {
         case 'after':
           after = (
-            <span
-              className="postfix"
-              onClick={disabled ? null : onIconClick || undefined}
-            >
+            <span className="postfix" onClick={disabled ? null : onIconClick || undefined}>
               {postfix}
               {after}
             </span>
@@ -299,10 +284,7 @@ const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
         case 'before':
         default:
           after = (
-            <span
-              className="postfix"
-              onClick={disabled ? null : onIconClick || undefined}
-            >
+            <span className="postfix" onClick={disabled ? null : onIconClick || undefined}>
               {after}
               {postfix}
             </span>
@@ -348,10 +330,7 @@ const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
   // 弹框回调
   const handleModalOk = (res: any) => {
     const { valArray, optionParams } = getValueOptions(res);
-    const modeOpts =
-      mode === 'multiple'
-        ? optionParams
-        : optionParams.filter((v: any) => v?.value === valArray);
+    const modeOpts = mode === 'multiple' ? optionParams : optionParams.filter((v: any) => v?.value === valArray);
     if (onChange) {
       onChange(valArray, modeOpts);
     }
@@ -385,11 +364,7 @@ const ModalSelect = LingxiForwardRef<any, MyModalSelectProps>((props, ref) => {
     let lengthRule;
     if (minLength === 0 && maxLength === 0) {
       lengthRule = undefined;
-    } else if (
-      checkNumber(minLength) &&
-      checkNumber(maxLength) &&
-      minLength < maxLength
-    ) {
+    } else if (checkNumber(minLength) && checkNumber(maxLength) && minLength < maxLength) {
       lengthRule = {
         pattern: new RegExp(`^.{${minLength},${maxLength}}$`),
         message: getLocale?.('Input.lenRule', { minLength, maxLength }),

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

@@ -21,7 +21,7 @@ export interface MyPaginationProps {
 
 // const prefixCls = 'pagination';
 
-const MyPagination: React.FC<MyPaginationProps> = (props) => {
+const MyPagination: React.FC<MyPaginationProps> = props => {
   const {
     visible,
     size,
@@ -52,7 +52,7 @@ const MyPagination: React.FC<MyPaginationProps> = (props) => {
       try {
         const arr = JSON.parse(pageSizeOptions);
         if (Array.isArray(arr)) {
-          return arr.map((s) => String(s));
+          return arr.map(s => String(s));
         }
         return undefined;
       } catch (e) {
@@ -84,10 +84,7 @@ const MyPagination: React.FC<MyPaginationProps> = (props) => {
       setCurrentPage(newCurrent);
       setCurrentPageSize(newPageSize);
     },
-    onChange: (
-      newCurrent: React.SetStateAction<number>,
-      newPageSize: number,
-    ) => {
+    onChange: (newCurrent: React.SetStateAction<number>, newPageSize: number) => {
       if (hasPageChangeEvent) {
         onPageChange(newCurrent, newPageSize);
         return;
@@ -96,9 +93,7 @@ const MyPagination: React.FC<MyPaginationProps> = (props) => {
     },
   };
 
-  return visible ? (
-    <Pagination {...paginationProps} style={style} className={className} />
-  ) : null;
+  return visible ? <Pagination {...paginationProps} style={style} className={className} /> : null;
 };
 
 export default MyPagination;