@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/index.js

@@ -135,6 +135,7 @@ export { default as WdFormDetail } from './formdetail';
 export { default as QrCode } from './qrcode';
 export { default as CustomerService } from './customer-service';
 export { default as WdOfficialAccount } from './wd-official-account';
+export { default as WdModal } from './wd-modal';
 export { default as Chart } from './echart';
 export { default as WdButton } from './wd-button';
 export { default as WdDivider } from './wd-divider';
@@ -150,11 +151,25 @@ export { default as WdTextarea } from './wd-textarea';
 export { default as WdInput } from './wd-input';
 export { default as WdInputEmail } from './wd-input-email';
 export { default as WdInputUrl } from './wd-input-url';
+export { default as WdInputNumber } from './wd-input-number';
 export { default as WdInputGroup } from './wd-input-group';
 export { default as WdInputPhone } from './wd-input-phone';
 export { default as WdInputWrap } from './wd-input-wrap';
+// export { default as WdSelect } from './wd-select';
+// export { default as WdRegion } from './wd-region-select';
+export { default as WdDate } from './wd-date';
+// export { default as WdDateRange } from './wd-date-range';
+// export { default as WdTime } from './wd-time';
+// export { default as WdUploadFile } from './wd-upload-file';
+// export { default as WdUploadImage } from './wd-upload-image';
+// export { default as WdMemberSelect } from './wd-member-select';
+// export { default as WdDepartmentSelect } from './wd-department-select';
+// export { default as WdLocation } from './wd-location';
 export { default as WdSwitch } from './wd-switch';
 export { default as WdRadioList } from './wd-radio-list';
 export { default as WdRadio } from './wd-radio';
 export { default as WdCheckboxList } from './wd-checkbox-list';
 export { default as WdCheckbox } from './wd-checkbox';
+// export { default as WdLoading } from './wd-loading';
+export { default as WdCard } from './wd-card';
+export { default as WdLayout } from './wd-layout';

package/dist/web/components/link/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/link';
+import type { Except } from 'type-fest';
+import './style';
+export type LinkProps = CommonPropsType & Except<DataType, 'params'> & {
+    params: Readonly<DataType['params']>;
+};
+export default function Link({ content, url, events, style, className, contentSlot, params, // TODO 格式定义,
+isOpenInNewWindow, }: LinkProps): JSX.Element;

package/dist/web/components/link/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

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

@@ -31,7 +31,6 @@
 .weda-list-view-card {
   display: flex;
   flex-wrap: wrap;
-  margin-right: 3px;
 }
 
 .weda-list-view__containor

package/dist/web/components/listView/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IListView } from './interface';
+import './style';
+/**
+ * 数据容器-列表视图
+ */
+declare const _default: React.ForwardRefExoticComponent<Pick<IListView, keyof IListView> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -1,7 +1,7 @@
 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 } from '../../utils/platform';
+import { isInIde, alertErrorMessage, usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import isequal from 'lodash.isequal';
 import './style';
@@ -10,6 +10,7 @@ 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，暂不支持进行数据删除',
@@ -23,19 +24,25 @@ const getIdeMockData = (length = 3) => Array.from({ length }).map(() => Object.c
 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, template, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
+    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, ...rest } = props;
+    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 !== 'custom-connector';
+    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);
@@ -43,12 +50,14 @@ export default React.forwardRef(function ListView(props, ref) {
     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: { pageNo: 1, pageSize, connectorParams, modelParams },
+        params: { ...pageParam, connectorParams, modelParams },
         pagination,
     }); // 最新请求参数
+    const [dataSourceData, setDataSourceData] = useState(_dataSourceData || []);
     const dataRef = useRef({ total: 0, records: [] }); // 最新数据列表
     const observeRef = useRef(null); // 当前监听对象
     const delayRef = useRef({
@@ -61,6 +70,12 @@ export default React.forwardRef(function ListView(props, ref) {
     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();
@@ -88,7 +103,10 @@ export default React.forwardRef(function ListView(props, ref) {
                     pageSize,
                 },
                 pagination,
-            }, { isInitData: true });
+            }, {
+                isInitData: true,
+                dataSourceData,
+            });
         }
         else {
             (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, {
@@ -96,7 +114,7 @@ export default React.forwardRef(function ListView(props, ref) {
                 state: getContextState(),
             });
         }
-    }, [methodName, dataSourceName, pageSize, pagination, isModel]);
+    }, [methodName, dataSourceName, pageSize, pagination, isModel, enableTotal]);
     // props 对象类型监听，需重新分页
     useEffect(() => {
         var _a, _b, _c, _d;
@@ -108,7 +126,7 @@ export default React.forwardRef(function ListView(props, ref) {
                 }, { isInitData: true });
             }
         }
-        else {
+        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({
@@ -117,6 +135,20 @@ export default React.forwardRef(function ListView(props, ref) {
             }
         }
     });
+    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;
@@ -149,8 +181,7 @@ export default React.forwardRef(function ListView(props, ref) {
     }, []);
     // 能否点击下一页
     const hasNextPage = () => {
-        var _a;
-        const { pageNo = 1, pageSize = 5 } = ((_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) || {};
+        const { pageNo = 1, pageSize = 5 } = pageParam || {};
         const { total = 0 } = dataRef.current || {};
         return pageNo * pageSize < total;
     };
@@ -169,6 +200,7 @@ export default React.forwardRef(function ListView(props, ref) {
                     dataSourceName,
                     methodName,
                     params: tcbParams,
+                    swr: param.swr,
                 }, true));
                 records = records.concat(temp.records || []);
                 total = temp.total || 0;
@@ -185,8 +217,16 @@ export default React.forwardRef(function ListView(props, ref) {
     const onEvents = useCallback((data, datasource) => {
         var _a, _b;
         const isDataViewApis = !isRecords && !isModel;
-        const fetchRecords = [].concat(isDataViewApis ? data : (data === null || data === void 0 ? void 0 : data.records) || []);
-        const total = isDataViewApis ? 0 : Number(data === null || data === void 0 ? void 0 : data.total) || 0;
+        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,
@@ -229,26 +269,60 @@ export default React.forwardRef(function ListView(props, ref) {
         else {
             successCb();
         }
-    }, [beforeDataChange, events, isModel, isRecords, pagination]);
+    }, [
+        _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;
-        const fetchVersion = (delayRef.current.version = getUuid());
-        const { isInitData, isFetchCurrent } = 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分页参数
@@ -270,13 +344,14 @@ export default React.forwardRef(function ListView(props, ref) {
             : { ...bindConnectMetadata, ...connectorMethod };
         try {
             if (isFetchCurrent) {
-                data = await fetchDataLoop({ dataSourceName, methodName, params: tcbParams }, dataRef.current.records.length);
+                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)
@@ -286,17 +361,41 @@ export default React.forwardRef(function ListView(props, ref) {
         }
         catch (e) {
             setStatus('fail');
-            (_a = events === null || events === void 0 ? void 0 : events.queryFail) === null || _a === void 0 ? void 0 : _a.call(events, { datasource: eventDatasource, data: null });
+            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,
     ]);
     /**
      * 计算上下文对象数据
@@ -304,7 +403,7 @@ export default React.forwardRef(function ListView(props, ref) {
     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 } = paramRef.current.params;
+        const { pageNo, pageSize } = pageParam;
         return { total, pageNo, pageSize, ...state };
     };
     /**
@@ -313,10 +412,11 @@ export default React.forwardRef(function ListView(props, ref) {
     const methodRefreshFromStart = useCallback(async () => {
         try {
             clearDelay();
-            await fetchData({ params: { pageNo: 1 } }, { isInitData: true });
+            await fetchData({ params: { pageNo: 1 }, swr: { forceClear: true } }, { isInitData: true });
         }
         catch (e) {
             alertErrorMessage({ message: LISTVIEW_MESSAGE.refresh_fail });
+            throw e;
         }
     }, [fetchData]);
     /**
@@ -329,10 +429,10 @@ export default React.forwardRef(function ListView(props, ref) {
             const { total } = dataRef.current;
             if (pagination === 'pagination') {
                 const pageNoRaw = (pageNo - 1) * pageSize + 1 === total ? pageNo - 1 : pageNo;
-                await fetchData({ params: { pageNo: pageNoRaw } }, { isInitData: true });
+                await fetchData({ params: { pageNo: pageNoRaw }, swr: { forceClear: true } }, { isInitData: true });
             }
             else if (['loadMoreButton', 'bottomLoad'].includes(pagination)) {
-                await fetchData({}, { isFetchCurrent: true, isInitData: true });
+                await fetchData({ swr: { forceClear: true } }, { isFetchCurrent: true, isInitData: true });
             }
             else {
                 await methodRefreshFromStart();
@@ -340,46 +440,52 @@ export default React.forwardRef(function ListView(props, ref) {
         }
         catch (e) {
             alertErrorMessage({ message: LISTVIEW_MESSAGE.refresh_fail });
+            throw e;
         }
     }, [fetchData, methodRefreshFromStart, pagination]);
     /**
      * 组件刷新方法，通过类别区分
      */
-    const methodRefresh = useCallback((params) => {
+    const methodRefresh = useCallback(async (params) => {
         if (typeof params === 'object' && (params === null || params === void 0 ? void 0 : params.type) === 'refreshKeepPage') {
-            methodRefreshKeepPage();
+            await methodRefreshKeepPage();
         }
         else {
-            methodRefreshFromStart();
+            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 {
-            if (!isModel) {
-                return alertErrorMessage({
-                    message: LISTVIEW_MESSAGE.methods_no_support,
-                });
-            }
-            const _id = params === null || params === void 0 ? void 0 : params._id;
-            if (!_id || typeof _id !== 'string') {
-                return alertErrorMessage({
-                    message: LISTVIEW_MESSAGE.deleteOne_param_error,
-                });
-            }
-            clearDelay();
             await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
                 dataSourceName: paramRef.current.dataSourceName,
                 methodName: 'wedaDelete',
                 params: { _id },
-            }));
-            await methodRefreshKeepPage();
+            }, true));
         }
-        catch (e) {
-            alertErrorMessage({ message: LISTVIEW_MESSAGE.deleteOne_fail });
+        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
@@ -392,8 +498,39 @@ export default React.forwardRef(function ListView(props, ref) {
             pageNo,
             pageSize: statePageSize,
             // 组件方法
-            deleteOne: methodDeleteOne,
-            refresh: methodRefresh,
+            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,
@@ -402,6 +539,7 @@ export default React.forwardRef(function ListView(props, ref) {
         methodDeleteOne,
         methodRefresh,
         dataRef.current.records,
+        err,
     ]);
     /**
      * 分页，加载更多
@@ -441,7 +579,7 @@ export default React.forwardRef(function ListView(props, ref) {
             case 'empty':
                 return emptyText && _jsx(EmptyContent, { emptyText: emptyText });
             case 'fail':
-                return (isSetStatus && _jsx("div", { className: `${BLOCK_NAME}__fail`, children: "\u52A0\u8F7D\u5931\u8D25" }));
+                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 })));
@@ -458,5 +596,5 @@ export default React.forwardRef(function ListView(props, ref) {
     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: [children, renderStatus()] })), _jsxs("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__more-${pagination}`), children: [pagination === 'bottomLoad' && renderBottomLoad(), pagination === 'loadMoreButton' && renderLoadMore(), pagination === 'pagination' && renderPagination()] })] }));
+                    : ''), 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()] })] }));
 });

package/dist/web/components/listView/interface.d.ts

@@ -0,0 +1,137 @@
+import React from 'react';
+/**
+ * 数据容器公共属性
+ */
+export interface IDataContainer {
+    /**
+     * 数据源
+     */
+    dataSourceType: 'data-model' | 'connector' | 'custom-connector' | 'expression';
+    /**
+     * API
+     */
+    bindConnectMetadata?: {
+        datasource: {
+            name?: string;
+        };
+    };
+    /**
+     * API方法
+     */
+    connectorMethod?: {
+        name?: string;
+        inParams?: string[];
+        outParams?: string[];
+        title?: string;
+    };
+    /**
+     * 数据模型
+     */
+    datasource?: {
+        name?: string;
+        extra?: {
+            viewId?: string;
+            methodName?: string;
+        };
+    };
+    /**
+     * API查询入参
+     */
+    connectorParams?: object;
+    /**
+     * 数据筛选
+     */
+    where?: {
+        groupLogic?: null | 'or' | 'and';
+        logicData?: {
+            keyType?: 'field' | 'var-font';
+            key: string;
+            rel: 'eq' | 'neq' | 'lt' | 'gt' | 'gte' | 'lte' | 'in' | 'nin' | 'search';
+            value: any;
+            valueType?: 'const' | 'var-font' | 'relative-amount' | 'field';
+            expression?: string | boolean;
+            logic?: null | 'or' | 'and' | string;
+            extra?: {
+                type?: 'string' | 'number' | 'boolean' | 'object' | 'array' | string;
+                format?: string | null;
+                isExpression?: boolean;
+            };
+        }[];
+    }[];
+    /**
+     * 容器事件
+     */
+    events?: {
+        onPagingChange?: (arg0: {
+            query: {
+                pageNo: number;
+                pageSize: number;
+            };
+        }) => void;
+        queryEmpty?: any;
+        querySuccess?: any;
+        queryFail?: any;
+        onDataChange?: (param: any) => any;
+    };
+    /**
+     * 类
+     */
+    className?: string;
+    /**
+     * app.cloud 对象依赖，默认会从 window.app 取值
+     */
+    appCloud?: {
+        callDataSource?: any;
+        isInIde?: any;
+    };
+    /**
+     * 子元素
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * 其他属性
+     */
+    [key: string]: any;
+}
+/**
+ * 数据容器-列表视图
+ */
+export interface IListView extends IDataContainer {
+    /**
+     * 数据字段
+     */
+    orderBy?: string;
+    /**
+     * 数据类型
+     */
+    orderType?: 'desc' | 'asc';
+    /**
+     * 模板
+     */
+    template?: 'simpleList' | 'detailList' | 'imageTextList' | 'cardList' | 'none';
+    /**
+     * 显示行数
+     */
+    pageSize?: number;
+    /**
+     * 分页类型，加载更多|底部刷新｜分页器
+     */
+    pagination?: 'loadMoreButton' | 'bottomLoad' | 'pagination' | 'none';
+    /**
+     * 调用 onDataChange 之前的数据转换，如列表视图需要接受 array，而数据视图需要接受 object
+     */
+    beforeDataChange?: (param: any) => any;
+    /**
+     * 是否展示回调recoreds字段
+     */
+    isRecords?: boolean;
+    /**
+     * 加载到底提示语句，为空时不展示
+     */
+    loadCompletedText?: string;
+}
+/**
+ * 查询状态
+ * 成功｜失败｜空｜加载中｜初始化
+ */
+export type IStatus = 'success' | 'fail' | 'empty' | 'loading' | '';

package/dist/web/components/listView/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';