@cloudbase/weda-ui 3.1.9 → 3.2.0

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

@@ -0,0 +1,115 @@
+.form-detail-wrap {
+  width: 100%;
+}
+.form-detail-wrap .form-detail-content-wrap {
+  border: 0.07143rem solid #dcdcdc;
+  margin-top: 0.85714rem;
+}
+.form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-header-container {
+  height: 3.42857rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #f1f2f5;
+  padding: 0.92857rem 1.42857rem;
+  border-bottom: 0.07143rem solid #dcdcdc;
+}
+.form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-header-container
+  .form-detail-title-container {
+  display: flex;
+  color: rgba(0, 0, 0, 0.9);
+}
+.form-detail-wrap .form-detail-content-wrap .form-detail-header-text {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: rgba(0, 0, 0, 0.9);
+  flex: 1;
+}
+.form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-content-container {
+  padding: 1.07143rem 1.14286rem;
+}
+.form-detail-wrap .form-detail-add-button,
+.form-detail-wrap .form-detail-delete-button {
+  cursor: pointer;
+  color: #0052d9;
+  font-size: 1rem;
+}
+
+.form-detail-wrap .form-detail-add-button {
+  padding: 0.57143rem 1.14286rem 1.14286rem 1.14286rem;
+  display: inline-flex;
+  align-items: center;
+}
+.form-detail-wrap .form-detail-add-button > .weda-ui {
+  vertical-align: baseline;
+  padding-right: 0.35714rem;
+  line-height: 1;
+}
+.h5-form-detail-wrap {
+  width: 100%;
+}
+.h5-form-detail-wrap .form-detail-content-wrap {
+  margin: 0;
+  border: none;
+}
+.h5-form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-header-container {
+  height: 2.85714rem;
+  border: none;
+}
+.h5-form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-content-container {
+  width: 100%;
+  padding: 0;
+}
+.form-detail-wrap .form-detail-title-index {
+  padding-left: 0.35714rem;
+}
+.form-detail-wrap .form-detail-title-index::before {
+  content: '(';
+}
+.form-detail-wrap .form-detail-title-index::after {
+  content: ')';
+}
+.h5-form-detail-wrap .form-detail-add-button {
+  font-size: 1.14286rem;
+  line-height: 1;
+}
+.h5-form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-header-container {
+  position: relative;
+}
+.h5-form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-header-container::before {
+  content: '';
+  width: 100%;
+  position: absolute;
+  height: 0.07143rem;
+  background: #f1f2f5;
+  top: -0.07143rem;
+  left: 0;
+  z-index: 5;
+}
+.h5-form-detail-wrap
+  .form-detail-content-wrap
+  .form-detail-group-header-container::after {
+  content: '';
+  width: 100%;
+  position: absolute;
+  height: 0.07143rem;
+  background: #f1f2f5;
+  bottom: -0.07143rem;
+  left: 0;
+  z-index: 5;
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { CommonPropsType, ICompRef } from '../../types';
+import './index.css';
+export interface PropsType extends CommonPropsType {
+    name?: string;
+    value?: any;
+    isPureArray?: boolean;
+    parent: any;
+}
+declare type TCompRef = ICompRef<{
+    addition: () => void;
+    remove: (key: string) => void;
+}>;
+export declare const reorderContext: (data: any, name: any, isPureArray: any) => any;
+export declare const newContextItem: (childFormItem: any, name: any, isPureArray: any) => {
+    index: number;
+    _id: string;
+};
+export declare const changeHandle: ({ type, name, data, childFormItem, isPureArray, params, }: {
+    type: any;
+    name: any;
+    data: any;
+    childFormItem: any;
+    isPureArray: any;
+    params: any;
+}) => any;
+declare const _default: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<TCompRef>>;
+export default _default;

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

@@ -0,0 +1,170 @@
+import React, { useEffect, useRef, forwardRef, useImperativeHandle, useState, } from 'react';
+import destr from 'destr';
+import classNames from '../../utils/classnames';
+import { usePlatform, randomStr } from '../../utils/platform';
+import isObjectEqual from '../../utils/isObjectEqual';
+import './index.css';
+export const reorderContext = (data, name, isPureArray) => data.map((i, index) => {
+    const item = { ...i };
+    Object.keys(i).forEach((j) => {
+        var _a;
+        if ((_a = item[j]) === null || _a === void 0 ? void 0 : _a.name) {
+            item[j].name = isPureArray
+                ? `${name}[${index}]`
+                : `${name}[${index}].${j}`;
+        }
+    });
+    item.index = index;
+    return item;
+});
+export const newContextItem = (childFormItem, name, isPureArray) => {
+    const mock = { index: 0, _id: randomStr() };
+    childFormItem === null || childFormItem === void 0 ? void 0 : childFormItem.forEach((i) => {
+        mock[i] = {
+            name: isPureArray ? `${name}[0]` : `${name}[0].${i}`,
+            value: null,
+        };
+    });
+    return mock;
+};
+export const changeHandle = ({ type, name, data, childFormItem, isPureArray, params, }) => {
+    switch (type) {
+        case 'add': {
+            const mock = newContextItem(childFormItem, name, isPureArray);
+            data.push({ ...mock, _id: randomStr() });
+            data = reorderContext(data, name, isPureArray);
+            break;
+        }
+        case 'remove': {
+            data.splice(params.index, 1);
+            data = reorderContext(data, name, isPureArray);
+            break;
+        }
+        case 'change': {
+            data = data.map((i) => {
+                const item = { ...i };
+                for (const [key, subItem] of Object.entries(item)) {
+                    if (params.name === (subItem === null || subItem === void 0 ? void 0 : subItem.name)) {
+                        item[key].value = params === null || params === void 0 ? void 0 : params.value;
+                    }
+                }
+                return item;
+            });
+            break;
+        }
+        default: {
+            break;
+        }
+    }
+    return data;
+};
+export default forwardRef(function FormDetail(props, ref) {
+    const { className, id, style, children, events, name, value: initDetailValue, isPureArray, parent, } = props;
+    const observeRef = useRef(null); // 当前监听对象
+    const [defaultValue, setDetailValue] = useState([]);
+    const [contextData, setContextData] = useState([]);
+    const [childFormItem, setCildFormItem] = useState([]);
+    const platform = usePlatform();
+    const init = (defaultValue) => {
+        var _a;
+        const formDetailItemValue = {};
+        let childFormItem = defaultValue[0] ? Object.keys(defaultValue[0]) : [];
+        // 纯数组，默认key值为'arrayItem'
+        if (isPureArray) {
+            childFormItem = ['arrayItem'];
+        }
+        setCildFormItem(childFormItem);
+        let initialValues = [];
+        try {
+            initialValues = defaultValue.map((i, index) => {
+                let item = {};
+                if (isPureArray) {
+                    // eslint-disable-next-line no-prototype-builtins
+                    const val = (i === null || i === void 0 ? void 0 : i.hasOwnProperty('arrayItem')) ? null : i;
+                    item['arrayItem'] = { name: `${name}[${index}]`, value: val };
+                    formDetailItemValue[`${name}[${index}]`] = val;
+                }
+                else {
+                    item = { ...i };
+                    Object.keys(i).forEach((j) => {
+                        const key = `${name}[${index}].${j}`;
+                        const val = i[j];
+                        item[j] = { name: key, value: val };
+                        formDetailItemValue[key] = val;
+                    });
+                }
+                item.index = index;
+                item._id = randomStr();
+                return item;
+            });
+        }
+        catch (error) {
+            console.log(error);
+        }
+        const mock = newContextItem(childFormItem, name, isPureArray);
+        const data = (initialValues === null || initialValues === void 0 ? void 0 : initialValues.length) ? initialValues : [mock];
+        setContextData(data);
+        (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, {
+            data,
+        });
+        // 解决web端，编辑场景不回显初始值的问题
+        // eslint-disable-next-line rulesdir/no-timer
+        setTimeout(() => {
+            if (!isObjectEqual(formDetailItemValue, {})) {
+                parent.setValue(formDetailItemValue);
+            }
+        }, 0);
+    };
+    // 初始化context的值
+    useEffect(() => {
+        if (!isObjectEqual(initDetailValue, defaultValue)) {
+            setDetailValue(initDetailValue);
+            init(initDetailValue);
+        }
+    }, [initDetailValue]);
+    useEffect(() => {
+        init(initDetailValue);
+        setDetailValue(initDetailValue);
+        // 组件卸载时触发
+        return () => {
+            var _a, _b;
+            (_a = observeRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, { data: [] });
+        };
+    }, []);
+    const onChange = (type, params) => {
+        var _a;
+        let data = destr(contextData);
+        data = changeHandle({
+            type,
+            name,
+            data,
+            childFormItem,
+            isPureArray,
+            params,
+        });
+        setContextData(data);
+        (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, { data });
+    };
+    useImperativeHandle(ref, () => {
+        return {
+            methods: {
+                addition: () => {
+                    onChange('add', null);
+                },
+                remove: (params) => {
+                    onChange('remove', params);
+                },
+                change: (params) => {
+                    onChange('change', params);
+                },
+            },
+        };
+    }, [onChange]);
+    return (React.createElement("div", { className: classNames({
+            'weda-ui': true,
+            'form-detail-wrap': true,
+            'h5-form-detail-wrap': platform === 'h5',
+            [className]: className,
+        }), id: id, style: style, role: "container", "data-testid": "formDetail" }, children));
+});

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

@@ -45,3 +45,6 @@ export { default as Phone } from "./phone";
 export { default as PhoneCode } from "./phoneCode";
 export { default as Share } from "./share";
 export { default as Lottery } from "./lottery";
+export { default as UserTreeSelect } from "./form/userOrgSelect/index";
+export { default as DepartTreeSelect } from "./form/userOrgSelect/departTreeSelect/index";
+export { default as FormDetail } from "./formdetail";

package/dist/web/components/index.js

@@ -90,5 +90,8 @@ export { default as Phone } from './phone';
 export { default as PhoneCode } from './phoneCode';
 export { default as Share } from './share';
 export { default as Lottery } from './lottery';
+export { default as UserTreeSelect } from './form/userOrgSelect/index';
+export { default as DepartTreeSelect } from './form/userOrgSelect/departTreeSelect/index';
+export { default as FormDetail } from './formdetail';
 import 'weui/dist/style/weui.css';
 import '../weda-ui.css';

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

@@ -2,6 +2,25 @@
   overflow-y: auto;
   max-height: 100%;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 列表内容区域 */
+.weda-list-view__containor .weda-list-view__content {
+  position: relative;
+  flex-grow: 2;
+}
+
+.weda-list-view__containor .weda-list-view__content-blank {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.weda-list-view__containor .weda-list-view__empty {
+  color: rgba(0, 0, 0, 0.4);
 }
 
 .weda-list-view-card {
@@ -10,7 +29,21 @@
   margin-right: 0.21429rem;
 }
 
-/* 加载更多 */
+.weda-list-view__containor
+  .weda-list-view__more.weda-list-view__content-loading {
+  background-color: transparent;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.35714rem 0;
+}
+
+/* 加载更多区域 */
 .weda-list-view__containor .weda-list-view__more {
   width: 100%;
 }
@@ -30,7 +63,7 @@
   cursor: pointer;
 }
 
-/* 加载更多 ... */
+/* 加载更多的Symbol ... */
 .weda-list-view__containor .weda-list-view__more .weda-list-view__more-symbol {
   display: flex;
   align-items: center;
@@ -57,9 +90,6 @@
 }
 
 /* 加载更多 分页 */
-.weda-list-view__containor .weda-list-view__more {
-  background-color: #fff;
-}
 .weda-list-view__containor
   .weda-list-view__more.weda-list-view__more-bottomLoad {
   background-color: transparent;

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef, useMemo, useCallback, } from 'react';
+import React, { useState, useEffect, useRef, useCallback, } from 'react';
 import { callDataSource } from '../../utils/tcb';
 import { isInIde, getWhereList } from '../../utils/platform';
 import classNames from '../../utils/classnames';
@@ -12,34 +12,32 @@ const getIdeMockData = (length = 3) => Array.from({ length }).map(() => Object.c
  * 数据容器-列表视图
  */
 export default function ListView(props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const { dataSourceType, bindConnectMetadata, connectorMethod, connectorParams, datasource, orderBy, orderType, where, template, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
+    isSetStatus = false, //是否开启加载状态
     appCloud = { callDataSource, isInIde }, beforeDataChange = (v) => v, ...rest } = props;
-    const isModel = useMemo(() => dataSourceType !== 'custom-connector', [dataSourceType]);
-    const methodName = useMemo(() => {
-        var _a;
-        if (isModel) {
-            return ((_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName) || 'wedaGetRecords';
-        }
-        else {
-            return (connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name) || 'wedaGetRecords';
-        }
-    }, [(_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName, connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, isModel]); // 默认方法名
+    const isModel = dataSourceType !== 'custom-connector';
+    const methodName = 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 = 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;
     const [pageNo, setPageNo] = useState(1); // 分页状态
-    const [loading, setLoading] = useState(false); // 触底刷新加载状态
     const [entry, setEntry] = useState(null); // 触底的observer对象
+    const [status, setStatus] = useState(''); // 查询状态
     const paramRef = useRef({
-        dataSourceName: datasource === null || datasource === void 0 ? void 0 : datasource.name,
-        bindConnectMetaName: (_b = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _b === void 0 ? void 0 : _b.name,
+        dataSourceName,
         methodName,
         params: { orderBy, orderType, where, pageNo: 1, pageSize, connectorParams },
         pagination,
     }); // 最新请求参数
     const dataRef = useRef({ total: 0, records: [] }); // 最新数据列表
     const observeRef = useRef(null); // 当前监听对象
-    const isIdeMockData = (!(datasource === null || datasource === void 0 ? void 0 : datasource.name) || !((_c = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _c === void 0 ? void 0 : _c.name)) &&
-        ((_d = appCloud === null || appCloud === void 0 ? void 0 : appCloud.isInIde) === null || _d === void 0 ? void 0 : _d.call(appCloud)); // 在ide环境且未绑定数据源时，存在mock数据逻辑
-    const shouldBottomLoad = pagination === 'bottomLoad' && (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) && !loading; // 能否触底加载
+    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); // 能否触底加载
     // 组件卸载时触发
     useEffect(() => {
         return () => {
@@ -50,16 +48,14 @@ export default function ListView(props) {
     }, []);
     // props 基本类型监听，需重新分页；处于 ide 且未绑定数据源时返回mock数据
     useEffect(() => {
-        var _a, _b, _c;
+        var _a, _b;
         dataRef.current = { total: 0, records: [] };
-        if ((isModel && (datasource === null || datasource === void 0 ? void 0 : datasource.name)) || (!isModel && (connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name))) {
+        if (!isIdeMockData) {
             fetchData({
-                dataSourceName: isModel
-                    ? datasource === null || datasource === void 0 ? void 0 : datasource.name
-                    : (_a = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _a === void 0 ? void 0 : _a.name,
+                dataSourceName,
                 methodName,
                 params: {
-                    ...(_b = paramRef.current) === null || _b === void 0 ? void 0 : _b.params,
+                    ...(_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params,
                     orderBy,
                     orderType,
                     pageNo: 1,
@@ -69,13 +65,19 @@ export default function ListView(props) {
             });
         }
         else {
-            if (isIdeMockData) {
-                (_c = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _c === void 0 ? void 0 : _c.call(events, {
-                    data: beforeDataChange(getIdeMockData(pageSize)),
-                });
-            }
+            (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, {
+                data: beforeDataChange(getIdeMockData(pageSize)),
+            });
         }
-    }, [methodName, pageSize, pagination, orderBy, orderType, datasource === null || datasource === void 0 ? void 0 : datasource.name]);
+    }, [
+        methodName,
+        dataSourceName,
+        pageSize,
+        pagination,
+        orderBy,
+        orderType,
+        isModel,
+    ]);
     // props 对象类型监听，需重新分页
     useEffect(() => {
         var _a, _b, _c, _d;
@@ -96,7 +98,7 @@ export default function ListView(props) {
             }
         }
     });
-    // 监听触底加载事件，这里面的 setLoading 用 setTimeout包裹起来，所以会先执行新的children渲染，再执行 loading
+    // 监听触底加载事件
     useEffect(() => {
         var _a, _b;
         if (shouldBottomLoad && hasNextPage()) {
@@ -128,9 +130,7 @@ export default function ListView(props) {
      * 方法仅依赖入参和paramRef的参数
      */
     const fetchData = async (param) => {
-        if (loading)
-            return;
-        setLoading(true);
+        var _a;
         // 合并参数
         const fetchParam = {
             ...paramRef.current,
@@ -139,6 +139,9 @@ export default function ListView(props) {
         };
         const { dataSourceName, methodName, params } = fetchParam;
         const { orderBy, orderType, pageNo, pageSize, where, connectorParams } = params || {};
+        if (status === 'loading' || !(dataSourceName && methodName))
+            return;
+        setStatus('loading');
         let tcbParams = {};
         // tcb分页参数
         if (!isNil(pageNo) && !isNil(pageSize)) {
@@ -160,22 +163,30 @@ export default function ListView(props) {
         }
         // tcb结果和事件
         let data = [];
-        data = await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
-            dataSourceName,
-            methodName,
-            params: tcbParams,
-        }));
-        paramRef.current = fetchParam;
-        onEnvets(data);
+        const eventDatasource = isModel
+            ? datasource
+            : { ...bindConnectMetadata, ...connectorMethod };
+        try {
+            data = await (appCloud === null || appCloud === void 0 ? void 0 : appCloud.callDataSource({
+                dataSourceName,
+                methodName,
+                params: tcbParams,
+            }, true));
+            paramRef.current = fetchParam;
+            onEnvets(data, eventDatasource);
+        }
+        catch (e) {
+            setStatus(isModel ? 'fail' : '');
+            (_a = events === null || events === void 0 ? void 0 : events.queryFail) === null || _a === void 0 ? void 0 : _a.call(events, { datasource: eventDatasource, data: null });
+        }
     };
     /**
      * 根据fetchData方法返回值，回调给外部事件
-     * datasource 是对象类型，所以总能拿到最新的值
      */
-    const onEnvets = (data) => {
+    const onEnvets = (data, datasource) => {
         var _a, _b, _c, _d, _e, _f;
-        const fetchRecords = [].concat(!isRecords && !isModel ? data : (data === null || data === void 0 ? void 0 : data.records) || []); //当数据详情调用连接器时，获取回调data数据
-        const total = (data === null || data === void 0 ? void 0 : data.total) || fetchRecords.length;
+        const fetchRecords = [].concat(!isRecords && !isModel ? data : (data === null || data === void 0 ? void 0 : data.records) || []);
+        const total = (_a = data === null || data === void 0 ? void 0 : data.total) !== null && _a !== void 0 ? _a : fetchRecords.length;
         if (['loadMoreButton', 'bottomLoad'].includes(paramRef.current.pagination)) {
             dataRef.current = {
                 total,
@@ -185,29 +196,24 @@ export default function ListView(props) {
         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, {
+        (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, {
             data: beforeDataChange(dataRef.current.records || []),
         });
-        const eventDatSource = isModel
-            ? datasource
-            : { ...bindConnectMetadata, ...connectorMethod };
-        if (JSON.stringify(data) === '{}') {
-            (_b = events === null || events === void 0 ? void 0 : events.queryFail) === null || _b === void 0 ? void 0 : _b.call(events, { datasource: eventDatSource });
+        if (total === 0) {
+            (_c = events === null || events === void 0 ? void 0 : events.queryEmpty) === null || _c === void 0 ? void 0 : _c.call(events, {
+                datasource,
+                data: beforeDataChange([]),
+            });
+            setStatus(isModel ? 'empty' : '');
         }
         else {
-            if (total === 0) {
-                (_c = events === null || events === void 0 ? void 0 : events.queryEmpty) === null || _c === void 0 ? void 0 : _c.call(events, {
-                    datasource: eventDatSource,
-                    data: beforeDataChange([]),
-                });
-            }
-            (_d = events === null || events === void 0 ? void 0 : events.querySuccess) === null || _d === void 0 ? void 0 : _d.call(events, {
-                datasource: eventDatSource,
-                data: beforeDataChange(dataRef.current.records),
-            });
+            window.setTimeout(() => setStatus('success'), pagination === 'bottomLoad' ? 150 : 0);
         }
+        (_d = events === null || events === void 0 ? void 0 : events.querySuccess) === null || _d === void 0 ? void 0 : _d.call(events, {
+            datasource,
+            data: beforeDataChange(dataRef.current.records),
+        });
         setPageNo(((_f = (_e = paramRef.current) === null || _e === void 0 ? void 0 : _e.params) === null || _f === void 0 ? void 0 : _f.pageNo) || 1);
-        window.setTimeout(() => setLoading(false));
     };
     /**
      * 分页，加载更多
@@ -217,23 +223,24 @@ export default function ListView(props) {
         if (isIdeMockData) {
             disabled = false;
         }
-        return (!disabled &&
-            (loading ? (LoadingSymbol) : (React.createElement("div", { className: `${BLOCK_NAME}__more-text`, onClick: () => fetchData({ params: { pageNo: pageNo + 1 } }) }, "\u52A0\u8F7D\u66F4\u591A"))));
+        if (status === 'loading')
+            return LoadingSymbol;
+        return (!disabled && (React.createElement("div", { className: `${BLOCK_NAME}__more-text`, onClick: () => fetchData({ params: { pageNo: pageNo + 1 } }) }, "\u52A0\u8F7D\u66F4\u591A")));
     };
     /**
      * 分页，底部刷新
      */
     const renderBottomLoad = () => {
-        return (React.createElement("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load` }, loading ? LoadingSymbol : !hasNextPage() && LoadEnd));
+        return (React.createElement("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load` }, status === 'loading' ? LoadingSymbol : !hasNextPage() && LoadEnd));
     };
     /**
      * 分页，分页器，含ideMockData的判断
      */
     const renderPagination = () => {
-        var _a;
+        var _a, _b;
         const preDisabeld = pageNo <= 1;
         const nextDisabeld = !hasNextPage();
-        const total = ((_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.total) || 0;
+        const total = (_b = (_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.total) !== null && _b !== void 0 ? _b : 0;
         return (React.createElement("div", { className: `${BLOCK_NAME}__more-pagination` },
             React.createElement("div", { className: classNames(`${BLOCK_NAME}__pagination-pre`, preDisabeld ? '' : 'active'), onClick: () => !preDisabeld && fetchData({ params: { pageNo: pageNo - 1 } }) }, "\u4E0A\u4E00\u9875"),
             React.createElement("div", { className: classNames(`${BLOCK_NAME}__pagination-text`) },
@@ -242,6 +249,19 @@ export default function ListView(props) {
                 isIdeMockData ? 1 : Math.ceil(total / pageSize)),
             React.createElement("div", { className: classNames(`${BLOCK_NAME}__pagination-next`, nextDisabeld ? '' : 'active'), onClick: () => !nextDisabeld && fetchData({ params: { pageNo: pageNo + 1 } }) }, "\u4E0B\u4E00\u9875")));
     };
+    /**
+     * 查询状态展示
+     */
+    const renderStatus = () => {
+        switch (status) {
+            case 'empty':
+                return React.createElement("div", { className: `${BLOCK_NAME}__empty` }, "\u6682\u65E0\u6570\u636E");
+            case 'fail':
+                return React.createElement("div", { className: `${BLOCK_NAME}__fail` }, "\u52A0\u8F7D\u5931\u8D25");
+            case 'loading':
+                return (pagination === 'pagination' && (React.createElement("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__content-loading`) }, LoadingSymbol)));
+        }
+    };
     /**
      * 加载中状态组件
      */
@@ -254,7 +274,11 @@ export default function ListView(props) {
      */
     const LoadEnd = React.createElement("div", null);
     return (React.createElement("div", { ...rest, className: classNames('weda-ui', `${BLOCK_NAME}__containor`, className) },
-        children && (React.createElement("div", { className: template === 'cardList' ? `${BLOCK_NAME}-card` : '' }, children)),
+        children && (React.createElement("div", { className: classNames(template === 'cardList' ? `${BLOCK_NAME}-card` : '', `${BLOCK_NAME}__content`, ['empty', 'fail'].includes(status) && isSetStatus
+                ? `${BLOCK_NAME}__content-blank`
+                : '') },
+            children,
+            isSetStatus && renderStatus())),
         React.createElement("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__more-${pagination}`) },
             pagination === 'bottomLoad' && renderBottomLoad(),
             pagination === 'loadMoreButton' && renderLoadMore(),