@cloudbase/weda-ui 3.5.2-mp → 3.5.3

package/dist/web/components/listView/index.js

@@ -0,0 +1,600 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useCallback, useImperativeHandle, } from 'react';
+import { callDataSource } from '../../utils/tcb';
+import { isInIde, alertErrorMessage, usePlatform } from '../../utils/platform';
+import classNames from '../../utils/classnames';
+import isequal from 'lodash.isequal';
+import './style';
+import { isNil } from '../../utils/lodash';
+import { getUuid } from '../../utils/tool';
+import EmptyContent from '../statusContent';
+import { useLoopRenderDetect } from '../common/use-loop-render-detect';
+import { getModelParams } from '../../utils/getModelParams';
+import { WdCompError } from '../../utils/error';
+const BLOCK_NAME = 'weda-list-view';
+const LISTVIEW_MESSAGE = {
+    methods_no_support: '当前组件绑定了APIs，暂不支持进行数据删除',
+    deleteOne_param_error: '传入的"数据标识"参数格式错误',
+    deleteOne_success: '删除数据成功',
+    deleteOne_fail: '删除数据失败',
+    refresh_success: '刷新数据成功',
+    refresh_fail: '刷新数据失败',
+};
+const getIdeMockData = (length = 3) => Array.from({ length }).map(() => Object.create(null));
+const getStringValue = (v) => (typeof v === 'string' ? v : '');
+const defaultCloudbase = { callDataSource, isInIde };
+const defaultBeforeDataChange = (v) => v;
+const getCurrentPageData = (data = [], pageNo, pageSize) => {
+    const records = [].concat(data);
+    return (records === null || records === void 0 ? void 0 : records.slice((pageNo - 1) * pageSize, pageNo * pageSize)) || []; // 当前页的数据
+};
+/**
+ * 数据容器-列表视图
+ */
+export default React.forwardRef(function ListView(props, ref) {
+    var _a, _b, _c;
+    const { dataSourceType, bindConnectMetadata, connectorMethod, connectorParams: rawConnectorParams, datasource, dataSourceData: _dataSourceData = [], template, enableTotal, total: _total, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
+    isSetStatus = false, //是否开启加载状态
+    emptyText, //空状态时的文案
+    loadCompletedText = '', // 加载到底提示
+    appCloud = defaultCloudbase, beforeDataChange = defaultBeforeDataChange, refType = 'listView', ...rest } = props;
+    const platform = usePlatform();
+    const isH5 = platform === 'h5';
+    const modelParams = getModelParams(props); // 包括 where 和 order
+    const connectorParams = rawConnectorParams && JSON.parse(JSON.stringify(rawConnectorParams));
+    const isModel = dataSourceType === 'data-model';
+    const methodName = getStringValue(isModel
+        ? ((_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName) || 'wedaGetRecords'
+        : connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name);
+    const dataSourceName = getStringValue(isModel ? datasource === null || datasource === void 0 ? void 0 : datasource.name : (_b = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _b === void 0 ? void 0 : _b.name);
+    useLoopRenderDetect({ limit: 600 });
+    const [entry, setEntry] = useState(null); // 触底的observer对象
+    const [status, setStatus] = useState(''); // 查询状态
+    const [pageParam, setPageParam] = useState({ pageNo: 1, pageSize });
+    const paramRef = useRef({
+        dataSourceName,
+        methodName,
+        params: { ...pageParam, connectorParams, modelParams },
+        pagination,
+    }); // 最新请求参数
+    const [dataSourceData, setDataSourceData] = useState(_dataSourceData || []);
+    const dataRef = useRef({ total: 0, records: [] }); // 最新数据列表
+    const observeRef = useRef(null); // 当前监听对象
+    const delayRef = useRef({
+        version: null,
+        initTimer: null,
+        statusTimer: null,
+        eventTimer: null,
+    }); // 请求防抖、异步时使用最后一次请求
+    const isIdeMockData = !(dataSourceName && methodName) && ((_c = appCloud === null || appCloud === void 0 ? void 0 : appCloud.isInIde) === null || _c === void 0 ? void 0 : _c.call(appCloud)); // 在ide环境且未绑定数据源时，存在mock数据逻辑
+    const shouldBottomLoad = pagination === 'bottomLoad' &&
+        (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) &&
+        ['', 'success'].includes(status); // 能否触底加载
+    // 返回的错误信息
+    const [err, setErr] = useState({
+        code: '',
+        message: '',
+        requestId: '',
+    });
+    // 组件卸载时触发
+    useEffect(() => {
+        clearContext();
+        return () => {
+            var _a;
+            (_a = observeRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            clearContext();
+        };
+    }, []);
+    // 监听更改数据源时，清空当前列表
+    useEffect(() => {
+        clearContext();
+    }, [methodName, dataSourceName, isModel]);
+    // props 基本类型监听，需重新分页；处于 ide 且未绑定数据源时返回mock数据
+    useEffect(() => {
+        var _a, _b;
+        clearDelay();
+        if (!isIdeMockData) {
+            fetchData({
+                dataSourceName,
+                methodName,
+                params: {
+                    ...(_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params,
+                    pageNo: 1,
+                    pageSize,
+                },
+                pagination,
+            }, {
+                isInitData: true,
+                dataSourceData,
+            });
+        }
+        else {
+            (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, {
+                data: beforeDataChange(getIdeMockData(pageSize)),
+                state: getContextState(),
+            });
+        }
+    }, [methodName, dataSourceName, pageSize, pagination, isModel, enableTotal]);
+    // props 对象类型监听，需重新分页
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        if (isModel) {
+            if (!isequal((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.modelParams, modelParams)) {
+                clearDelay();
+                fetchData({
+                    params: { pageNo: 1, modelParams },
+                }, { isInitData: true });
+            }
+        }
+        else if (['custom-connector', 'connector'].includes(dataSourceType)) {
+            if (!isequal((_d = (_c = paramRef.current) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.connectorParams, connectorParams)) {
+                clearDelay();
+                fetchData({
+                    params: { pageNo: 1, connectorParams },
+                }, { isInitData: true });
+            }
+        }
+    });
+    useEffect(() => {
+        if (dataSourceType === 'expression') {
+            if (Array.isArray(_dataSourceData) &&
+                !isequal(dataSourceData, _dataSourceData)) {
+                setDataSourceData(_dataSourceData);
+                // 绑定表达式且开启动态分页的时候，列表展示依赖请求结果，因此不做清空处理。（滚动分页需保留上次的结果）
+                fetchData({
+                    params: {
+                        pageNo: enableTotal ? (pageParam === null || pageParam === void 0 ? void 0 : pageParam.pageNo) || 1 : 1,
+                    },
+                }, { isInitData: !enableTotal, dataSourceData: _dataSourceData });
+            }
+        }
+    }, [_dataSourceData, dataSourceType]);
+    // 监听触底加载事件
+    useEffect(() => {
+        var _a, _b;
+        if (shouldBottomLoad && hasNextPage()) {
+            fetchData({
+                params: { pageNo: (((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.pageNo) || 1) + 1 },
+            });
+        }
+    }, [shouldBottomLoad]);
+    // 清除延迟状态
+    const clearDelay = () => {
+        clearTimeout(delayRef.current.statusTimer);
+        clearTimeout(delayRef.current.eventTimer);
+    };
+    // 清除上下文状态
+    const clearContext = () => {
+        var _a;
+        (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data: beforeDataChange([]), state: {} });
+    };
+    // 触底监控对象
+    const nodeRefCallback = useCallback((node) => {
+        var _a;
+        if (node) {
+            (_a = observeRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            observeRef.current = new IntersectionObserver((entries) => {
+                setEntry(entries === null || entries === void 0 ? void 0 : entries[0]);
+            });
+            observeRef.current.observe(node);
+        }
+    }, []);
+    // 能否点击下一页
+    const hasNextPage = () => {
+        const { pageNo = 1, pageSize = 5 } = pageParam || {};
+        const { total = 0 } = dataRef.current || {};
+        return pageNo * pageSize < total;
+    };
+    /**
+     * 循环调用接口获取当前已加载的数据
+     */
+    const fetchDataLoop = useCallback(async (param = {}, count = 0) => {
+        let [records, total] = [[], 0];
+        try {
+            const { dataSourceName, methodName, params } = param || {};
+            const MAX_PAGESIZE = Math.min(1000, count);
+            const loopLength = Math.ceil(count / MAX_PAGESIZE);
+            for (let i = 1; i < loopLength + 1; i++) {
+                const tcbParams = { ...params, pageNo: i, pageSize: MAX_PAGESIZE };
+                const temp = await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
+                    dataSourceName,
+                    methodName,
+                    params: tcbParams,
+                    swr: param.swr,
+                }, true));
+                records = records.concat(temp.records || []);
+                total = temp.total || 0;
+            }
+        }
+        catch (e) {
+            console.error('fetchDataLoop: ', e);
+        }
+        return { records: records.slice(0, count), total };
+    }, [appCloud]);
+    /**
+     * 根据fetchData方法返回值，回调给外部事件
+     */
+    const onEvents = useCallback((data, datasource) => {
+        var _a, _b;
+        const isDataViewApis = !isRecords && !isModel;
+        let fetchRecords = [].concat(isDataViewApis ? data : (data === null || data === void 0 ? void 0 : data.records) || []);
+        let total = isDataViewApis ? 0 : Number(data === null || data === void 0 ? void 0 : data.total) || 0;
+        // 支持绑定表达式和动态分页
+        if (datasource.dataSourceType === 'expression') {
+            total = Array.isArray(_dataSourceData) ? _dataSourceData === null || _dataSourceData === void 0 ? void 0 : _dataSourceData.length : 0;
+            if (enableTotal && !isNaN(parseInt(`${_total}`))) {
+                total = parseInt(`${_total}`);
+            }
+            fetchRecords = [].concat(data);
+        }
+        if (['loadMoreButton', 'bottomLoad'].includes(paramRef.current.pagination)) {
+            dataRef.current = {
+                total,
+                records: [...dataRef.current.records, ...fetchRecords],
+            };
+        }
+        else {
+            dataRef.current = { total, records: fetchRecords };
+        }
+        (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, {
+            data: beforeDataChange(dataRef.current.records || []),
+            state: getContextState(),
+        });
+        if (total === 0 && !isDataViewApis) {
+            setStatus('empty');
+            (_b = events === null || events === void 0 ? void 0 : events.queryEmpty) === null || _b === void 0 ? void 0 : _b.call(events, {
+                datasource,
+                data: beforeDataChange([]),
+            });
+        }
+        else {
+            const statusCb = () => setStatus('success');
+            if (pagination === 'bottomLoad') {
+                delayRef.current.statusTimer = window.setTimeout(statusCb, 150);
+            }
+            else {
+                statusCb();
+            }
+        }
+        const successCb = () => {
+            var _a;
+            (_a = events === null || events === void 0 ? void 0 : events.querySuccess) === null || _a === void 0 ? void 0 : _a.call(events, {
+                datasource,
+                data: beforeDataChange(dataRef.current.records),
+            });
+        };
+        if (pagination === 'bottomLoad') {
+            delayRef.current.eventTimer = window.setTimeout(successCb, 200);
+        }
+        else {
+            successCb();
+        }
+    }, [
+        _total,
+        beforeDataChange,
+        enableTotal,
+        events,
+        isModel,
+        isRecords,
+        pagination,
+        _dataSourceData === null || _dataSourceData === void 0 ? void 0 : _dataSourceData.length,
+    ]);
+    /**
+     * 列表视图拉取数据
+     * 方法仅依赖入参和paramRef的参数
+     * isInitData: 是否初始化数据默认否, isFetchCurrent: 是否拉取当前所有数据默认否
+     */
+    const fetchData = useCallback(async (param, options) => {
+        var _a, _b, _c, _d, _e;
+        const { isInitData, isFetchCurrent, dataSourceData } = options || {};
+        // 合并参数并保存，useEffect 中需要比对
+        paramRef.current = {
+            ...paramRef.current,
+            ...param,
+            params: { ...paramRef.current.params, ...param === null || param === void 0 ? void 0 : param.params },
+        };
+        const query = {
+            pageNo: paramRef.current.params.pageNo,
+            pageSize: paramRef.current.params.pageSize,
+        };
+        setPageParam(query);
+        // 分页变化事件
+        if (events === null || events === void 0 ? void 0 : events.onPagingChange) {
+            events.onPagingChange({
+                query,
+            });
+        }
+        const { dataSourceName, methodName, params } = paramRef.current;
+        const { pageNo, pageSize, modelParams, connectorParams } = params || {};
+        if (dataSourceType === 'expression') {
+            isInitData && (dataRef.current = { total: 0, records: [] });
+            if (!dataSourceData && enableTotal) {
+                // 动态分页的情况下，只改变页码，不主动更改records,等待请求回来更新records
+                return;
+            }
+            // 绑定表达式时触发
+            const records = enableTotal
+                ? [].concat(dataSourceData || _dataSourceData)
+                : getCurrentPageData(dataSourceData || _dataSourceData, pageNo, pageSize);
+            onEvents(records, { dataSourceType });
+            return;
+        }
+        // 模型/apis请求
+        if (!(dataSourceName && methodName))
+            return;
+        const fetchVersion = (delayRef.current.version = getUuid());
+        setStatus('loading');
+        let tcbParams = {};
+        // tcb分页参数
+        if (!isNil(pageNo) && !isNil(pageSize)) {
+            tcbParams['pageNo'] = pageNo;
+            tcbParams['pageSize'] = pageSize;
+        }
+        if (isModel) {
+            tcbParams = Object.assign({}, tcbParams, modelParams);
+        }
+        else {
+            // 内部分页参数覆盖查询入参
+            tcbParams = Object.assign({}, connectorParams, tcbParams);
+        }
+        // tcb结果和事件
+        let data = {};
+        const eventDatasource = isModel
+            ? datasource
+            : { ...bindConnectMetadata, ...connectorMethod };
+        try {
+            if (isFetchCurrent) {
+                data = await fetchDataLoop({ dataSourceName, methodName, params: tcbParams, swr: param.swr }, dataRef.current.records.length);
+            }
+            else {
+                data = await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
+                    dataSourceName,
+                    methodName,
+                    params: tcbParams,
+                    swr: param.swr,
+                }, true));
+            }
+            if (fetchVersion !== delayRef.current.version)
+                return;
+            isInitData && (dataRef.current = { total: 0, records: [] });
+            onEvents(data, eventDatasource);
+        }
+        catch (e) {
+            setStatus('fail');
+            const obj = {
+                code: (e === null || e === void 0 ? void 0 : e.code)
+                    ? e === null || e === void 0 ? void 0 : e.code
+                    : refType === 'dataView'
+                        ? 'WdDataView.QueryError'
+                        : 'WdListView.QueryError',
+                message: `${e === null || e === void 0 ? void 0 : e.message}`,
+                requestId: (_b = (_a = e === null || e === void 0 ? void 0 : e.original) === null || _a === void 0 ? void 0 : _a.original) === null || _b === void 0 ? void 0 : _b.requestId,
+            };
+            setErr(obj);
+            (_c = events === null || events === void 0 ? void 0 : events.queryFail) === null || _c === void 0 ? void 0 : _c.call(events, {
+                error: { ...obj, original: e === null || e === void 0 ? void 0 : e.original },
+            });
+            throw new WdCompError(`${e === null || e === void 0 ? void 0 : e.message}` || '', {
+                code: (e === null || e === void 0 ? void 0 : e.code)
+                    ? e === null || e === void 0 ? void 0 : e.code
+                    : refType === 'dataView'
+                        ? 'WdDataView.QueryError'
+                        : 'WdListView.QueryError',
+                requestId: (_e = (_d = e === null || e === void 0 ? void 0 : e.original) === null || _d === void 0 ? void 0 : _d.original) === null || _e === void 0 ? void 0 : _e.requestId,
+                original: e === null || e === void 0 ? void 0 : e.original,
+            });
+        }
+    }, [
+        appCloud,
+        bindConnectMetadata,
+        connectorMethod,
+        dataSourceType,
+        datasource,
+        enableTotal,
+        events,
+        fetchDataLoop,
+        isModel,
+        onEvents,
+        refType,
+    ]);
+    /**
+     * 计算上下文对象数据
+     */
+    const getContextState = (state = {}) => {
+        var _a, _b;
+        const total = (_b = (_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.total) !== null && _b !== void 0 ? _b : 0;
+        const { pageNo, pageSize } = pageParam;
+        return { total, pageNo, pageSize, ...state };
+    };
+    /**
+     * 组件刷新方法，重新初始化
+     */
+    const methodRefreshFromStart = useCallback(async () => {
+        try {
+            clearDelay();
+            await fetchData({ params: { pageNo: 1 }, swr: { forceClear: true } }, { isInitData: true });
+        }
+        catch (e) {
+            alertErrorMessage({ message: LISTVIEW_MESSAGE.refresh_fail });
+            throw e;
+        }
+    }, [fetchData]);
+    /**
+     * 组件刷新当前方法，保持当前已加载的数据列表状态
+     */
+    const methodRefreshKeepPage = useCallback(async () => {
+        try {
+            clearDelay();
+            const { pageNo, pageSize } = paramRef.current.params;
+            const { total } = dataRef.current;
+            if (pagination === 'pagination') {
+                const pageNoRaw = (pageNo - 1) * pageSize + 1 === total ? pageNo - 1 : pageNo;
+                await fetchData({ params: { pageNo: pageNoRaw }, swr: { forceClear: true } }, { isInitData: true });
+            }
+            else if (['loadMoreButton', 'bottomLoad'].includes(pagination)) {
+                await fetchData({ swr: { forceClear: true } }, { isFetchCurrent: true, isInitData: true });
+            }
+            else {
+                await methodRefreshFromStart();
+            }
+        }
+        catch (e) {
+            alertErrorMessage({ message: LISTVIEW_MESSAGE.refresh_fail });
+            throw e;
+        }
+    }, [fetchData, methodRefreshFromStart, pagination]);
+    /**
+     * 组件刷新方法，通过类别区分
+     */
+    const methodRefresh = useCallback(async (params) => {
+        if (typeof params === 'object' && (params === null || params === void 0 ? void 0 : params.type) === 'refreshKeepPage') {
+            await methodRefreshKeepPage();
+        }
+        else {
+            await methodRefreshFromStart();
+        }
+    }, [methodRefreshFromStart, methodRefreshKeepPage]);
+    /**
+     * 组件删除单条方法
+     */
+    const methodDeleteOne = useCallback(async (params) => {
+        var _a, _b;
+        if (!isModel) {
+            throw new WdCompError(LISTVIEW_MESSAGE.methods_no_support, {
+                code: `${refType === 'dataView' ? 'WdDataView' : 'WdListView'}.ActionNotSupport`,
+            });
+        }
+        const _id = params === null || params === void 0 ? void 0 : params._id;
+        if (!_id || typeof _id !== 'string') {
+            throw new WdCompError(LISTVIEW_MESSAGE.deleteOne_param_error, {
+                code: `${refType === 'dataView' ? 'WdDataView' : 'WdListView'}.DeleteOneParamError`,
+            });
+        }
+        clearDelay();
+        try {
+            await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
+                dataSourceName: paramRef.current.dataSourceName,
+                methodName: 'wedaDelete',
+                params: { _id },
+            }, true));
+        }
+        catch (error) {
+            throw new WdCompError(`${error === null || error === void 0 ? void 0 : error.message}` || '', {
+                code: (error === null || error === void 0 ? void 0 : error.code) || '',
+                requestId: (_b = (_a = error === null || error === void 0 ? void 0 : error.original) === null || _a === void 0 ? void 0 : _a.original) === null || _b === void 0 ? void 0 : _b.requestId,
+                original: error,
+            });
+        }
+        await methodRefreshKeepPage();
+    }, [appCloud, isModel, methodRefreshKeepPage]);
+    const { total, pageNo, pageSize: statePageSize } = getContextState();
+    // widget api
+    useImperativeHandle(ref, () => {
+        return {
+            // 当前页数据
+            records: dataRef.current.records,
+            // 当前总数
+            total,
+            pageNo,
+            pageSize: statePageSize,
+            // 组件方法
+            deleteOne: async (_id) => {
+                try {
+                    await methodDeleteOne(_id);
+                }
+                catch (error) {
+                    throw new WdCompError(`${error === null || error === void 0 ? void 0 : error.message}` || '', {
+                        code: (error === null || error === void 0 ? void 0 : error.code)
+                            ? error === null || error === void 0 ? void 0 : error.code
+                            : refType === 'dataView'
+                                ? 'WdDataView.DeleteOneError'
+                                : 'WdListView.DeleteOneError',
+                        requestId: error === null || error === void 0 ? void 0 : error.requestId,
+                        original: error === null || error === void 0 ? void 0 : error.original,
+                    });
+                }
+            },
+            refresh: async (type) => {
+                try {
+                    await methodRefresh(type);
+                }
+                catch (error) {
+                    throw new WdCompError(`${error === null || error === void 0 ? void 0 : error.message}` || '', {
+                        code: (error === null || error === void 0 ? void 0 : error.code)
+                            ? error === null || error === void 0 ? void 0 : error.code
+                            : refType === 'dataView'
+                                ? 'WdDataView.RefreshError'
+                                : 'WdListView.RefreshError',
+                        requestId: error === null || error === void 0 ? void 0 : error.requestId,
+                        original: error === null || error === void 0 ? void 0 : error.original,
+                    });
+                }
+            },
+            error: err,
+        };
+    }, [
+        total,
+        pageNo,
+        statePageSize,
+        methodDeleteOne,
+        methodRefresh,
+        dataRef.current.records,
+        err,
+    ]);
+    /**
+     * 分页，加载更多
+     */
+    const renderLoadMore = () => {
+        var _a, _b;
+        const pageNo = ((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.pageNo) || 1;
+        const MoreButton = (_jsx("div", { className: `${BLOCK_NAME}__more-text`, onClick: () => fetchData({ params: { pageNo: pageNo + 1 } }), children: "\u52A0\u8F7D\u66F4\u591A" }));
+        if (isIdeMockData)
+            return MoreButton;
+        if (status === 'loading')
+            return LoadingSymbol;
+        return !hasNextPage() ? LoadEnd : MoreButton;
+    };
+    /**
+     * 分页，底部刷新
+     */
+    const renderBottomLoad = () => {
+        return (_jsx("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load`, children: status === 'loading' ? LoadingSymbol : !hasNextPage() && LoadEnd }));
+    };
+    /**
+     * 分页，分页器，含ideMockData的判断
+     */
+    const renderPagination = () => {
+        var _a, _b, _c, _d;
+        const pageNo = ((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.pageNo) || 1;
+        const preDisabeld = pageNo <= 1 || status === 'loading';
+        const nextDisabeld = !hasNextPage() || status === 'loading';
+        const total = (_d = (_c = dataRef.current) === null || _c === void 0 ? void 0 : _c.total) !== null && _d !== void 0 ? _d : 0;
+        return (_jsxs("div", { className: `${BLOCK_NAME}__more-pagination`, children: [_jsx("div", { className: classNames(`${BLOCK_NAME}__pagination-pre`, preDisabeld ? '' : 'active'), onClick: () => !preDisabeld && fetchData({ params: { pageNo: pageNo - 1 } }), children: "\u4E0A\u4E00\u9875" }), _jsxs("div", { className: classNames(`${BLOCK_NAME}__pagination-text`), children: [_jsx("span", { className: "active", children: isIdeMockData ? 1 : total ? pageNo : 0 }), "/", isIdeMockData ? 1 : Math.ceil(total / pageSize)] }), _jsx("div", { className: classNames(`${BLOCK_NAME}__pagination-next`, nextDisabeld ? '' : 'active'), onClick: () => !nextDisabeld && fetchData({ params: { pageNo: pageNo + 1 } }), children: "\u4E0B\u4E00\u9875" })] }));
+    };
+    /**
+     * 查询状态展示
+     */
+    const renderStatus = () => {
+        switch (status) {
+            case 'empty':
+                return emptyText && _jsx(EmptyContent, { emptyText: emptyText });
+            case 'fail':
+                return (isSetStatus && (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: err, icon: 'error', isH5: isH5, hasRecord: dataRef.current.records.length > 0 })));
+            case 'loading':
+                return (isSetStatus &&
+                    pagination === 'pagination' && (_jsx("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__content-loading`), children: LoadingSymbol })));
+        }
+    };
+    /**
+     * 加载中状态组件
+     */
+    const LoadingSymbol = (_jsxs("div", { className: `${BLOCK_NAME}__more-symbol`, children: [_jsx("div", { className: `${BLOCK_NAME}__symbol-item` }), _jsx("div", { className: `${BLOCK_NAME}__symbol-item` }), _jsx("div", { className: `${BLOCK_NAME}__symbol-item` })] }));
+    /**
+     * 加载到底状态组件
+     */
+    const LoadEnd = status === 'success' && loadCompletedText && (_jsx("div", { className: `${BLOCK_NAME}__load-completed`, children: String(loadCompletedText) }));
+    return (_jsxs("div", { ...rest, className: classNames('weda-ui', `${BLOCK_NAME}__containor`, className), children: [children && (_jsxs("div", { className: classNames(template === 'cardList' ? `${BLOCK_NAME}-card` : '', `${BLOCK_NAME}__content`, (status === 'empty' && emptyText) ||
+                    (status === 'fail' && isSetStatus)
+                    ? `${BLOCK_NAME}__content-blank`
+                    : ''), children: [status === 'fail' && refType === 'dataView' ? (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: err, icon: 'error', isH5: isH5 })) : (children), renderStatus()] })), _jsxs("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__more-${pagination}`), children: [pagination === 'bottomLoad' && renderBottomLoad(), pagination === 'loadMoreButton' && renderLoadMore(), pagination === 'pagination' && renderPagination()] })] }));
+});