@lingxiteam/ebe-utils 0.2.4 → 0.2.6

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

@@ -1,19 +1,7 @@
 /* eslint-disable no-nested-ternary */
 import { LingxiForwardRef } from '@lingxiteam/types';
-import {
-  DotLoading,
-  InfiniteScroll,
-  List,
-  PullToRefresh,
-  Toast,
-} from 'antd-mobile-5';
-import {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import { DotLoading, InfiniteScroll, List, PullToRefresh, Toast } from 'antd-mobile-5';
+import { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Empty, SpinComp } from '../BasicComponents';
 import Icon from '../Icon';
 import './index.less';
@@ -138,10 +126,7 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
   }, []);
 
   // 开启下拉刷新并且设置了刷新方法才启用pullToRefresh
-  const headerDisable = useMemo(
-    () => !pulling || !onDynamicListRefresh,
-    [pulling, onDynamicListRefresh],
-  );
+  const headerDisable = useMemo(() => !pulling || !onDynamicListRefresh, [pulling, onDynamicListRefresh]);
 
   // 刷新及加载更多逻辑
   const dynamicListDataChange = (data: any) => {
@@ -158,10 +143,7 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
             setShowFooter(true);
           }
         } else {
-          dynamicDataRef.current.currentPage = dynamicDataRef.current
-            .currentPage
-            ? dynamicDataRef.current.currentPage + 1
-            : myPageNum + 1;
+          dynamicDataRef.current.currentPage = dynamicDataRef.current.currentPage ? dynamicDataRef.current.currentPage + 1 : myPageNum + 1;
           allData = [...listData, ...data];
         }
         // console.log('设置数据：', allData.length, dynamicDataRef.current.total > allData.length);
@@ -197,16 +179,12 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
       if (parent) {
         let rect;
         if (props.styleType === 'inhert') {
-          rect = listRef.current
-            ?.getElementsByClassName(prefixCls)?.[0]
-            .getBoundingClientRect();
+          rect = listRef.current?.getElementsByClassName(prefixCls)?.[0].getBoundingClientRect();
         } else {
           rect = listRef.current?.getBoundingClientRect();
         }
         const elementBottom = rect.height;
-        const current = isWindow(parent)
-          ? window.innerHeight
-          : parent.getBoundingClientRect().height;
+        const current = isWindow(parent) ? window.innerHeight : parent.getBoundingClientRect().height;
         // 数据是否充满屏幕
         const isFull = elementBottom >= current;
         setIsFullOfView(isFull);
@@ -281,7 +259,7 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
       const page = dynamicDataRef.current?.currentPage ?? myPageNum;
       // console.log('加载更多:', page);
       setLoading(true);
-      await new Promise((resolve) => {
+      await new Promise(resolve => {
         resolve(onDynamicListLoadMore(page, Number(pageSize ?? '10')));
       });
       if (isRetry !== 'click') {
@@ -370,14 +348,7 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
           rowData={columnData}
           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>
@@ -391,12 +362,7 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
 
     if (typeof columnNum !== 'number' || columnNum === 1) {
       return listData.map((item: any, index: number) => (
-        <List.Item
-          onClick={() => onItemClick(item, index)}
-          arrow={false}
-          key={`${dataId}--${index}`}
-          disabled={status === '3'}
-        >
+        <List.Item onClick={() => onItemClick(item, index)} arrow={false} key={`${dataId}--${index}`} disabled={status === '3'}>
           {renderColumn(item, index)}
         </List.Item>
       ));
@@ -407,28 +373,14 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
         const item = (
           <List.Item arrow={false}>
             <div className={`${prefixCls}-grid-view`}>
-              <List.Item
-                onClick={() => onItemClick(listData[i], i)}
-                arrow={false}
-                disabled={status === '3'}
-              >
-                <div
-                  className={`${prefixCls}-grid-item`}
-                  key={`${dataId}--${i}`}
-                >
+              <List.Item onClick={() => onItemClick(listData[i], i)} arrow={false} disabled={status === '3'}>
+                <div className={`${prefixCls}-grid-item`} key={`${dataId}--${i}`}>
                   {renderColumn(listData[i], i)}
                 </div>
               </List.Item>
               {i + 1 < listData.length && (
-                <List.Item
-                  onClick={() => onItemClick(listData[i + 1], i + 1)}
-                  arrow={false}
-                  disabled={status === '3'}
-                >
-                  <div
-                    className={`${prefixCls}-grid-item`}
-                    key={`${dataId}--${i + 1}`}
-                  >
+                <List.Item onClick={() => onItemClick(listData[i + 1], i + 1)} arrow={false} disabled={status === '3'}>
+                  <div className={`${prefixCls}-grid-item`} key={`${dataId}--${i + 1}`}>
                     {renderColumn(listData[i + 1], i + 1)}
                   </div>
                 </List.Item>
@@ -469,9 +421,7 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
                   {getLocale('DynamicList.clickToMore', '点击加载更多')}
                 </span>
               )}
-              {!isHasMore && listData.length !== 0 && (
-                <span>{getLocale('DynamicList.noMore', '没有更多了')}</span>
-              )}
+              {!isHasMore && listData.length !== 0 && <span>{getLocale('DynamicList.noMore', '没有更多了')}</span>}
             </>
           )}
         </>
@@ -480,22 +430,13 @@ const DynamicList = LingxiForwardRef<any, MyDynamicListProps>((props, ref) => {
 
     return (
       <>
-        {hasMore ? (
-          <SpinComp dataState={dataState} />
-        ) : listData.length !== 0 ? (
-          <span>{getLocale('DynamicList.noMore', '没有更多了')}</span>
-        ) : (
-          <></>
-        )}
+        {hasMore ? <SpinComp dataState={dataState} /> : listData.length !== 0 ? <span>{getLocale('DynamicList.noMore', '没有更多了')}</span> : <></>}
       </>
     );
   }, [hasMore, isFullOfView, listData, loading]);
 
   return (
-    <div
-      ref={listRef}
-      style={{ height: props.styleType === 'inhert' ? '100%' : undefined }}
-    >
+    <div ref={listRef} style={{ height: props.styleType === 'inhert' ? '100%' : undefined }}>
       <PullToRefresh
         onRefresh={onRefresh}
         disabled={headerDisable}