@cloudbase/weda-ui 3.4.5 → 3.4.6

package/dist/web/components/form/uploaderFile/uploadFile.pc.js

@@ -7,6 +7,7 @@ import { renderDecorator } from '../renderDecorator';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { emptyArray, emptyObject } from '../../../utils/constant';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
+import { getParentForm } from '../../../utils/widget-api';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-pc';
 // 上传状态字典
@@ -27,7 +28,8 @@ layout, id = '', style, labelVisible = true, label = '上传文件', requiredFla
 // 组件属性
 decorator, tips = '', btnTitle = '点击上传', maxUploadCount = 9, maxSize = 1024, single = true, defaultValue = emptyArray, // 组件默认初始化值
 value = emptyArray, // 用于模型组件中 formily 的值管理
-acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPath = 'weda-uploader', onChange = null, isEdit = true, }) {
+acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPath = 'weda-uploader', onChange = null, isEdit = true, $node, }) {
+    var _a;
     const [fileIDList, setfileIDList] = React.useState(isInIde() ? [] : filterStrList([].concat(defaultValue, value))); // 上传成功文件ID列表，fileID[]
     const [fileList, setFileList] = React.useState([]); // 上传中的文件列表，file[]，file为原始文件 + uuid属性
     const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
@@ -35,6 +37,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     const prevDefaultRef = React.useRef([]);
     const fileRef = React.useRef(fileIDList);
     const maxSizeLimit = maxSize > 500 ? 500 : maxSize;
+    const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
     React.useMemo(() => {
         //有有效默认值时不刷新，解决初次渲染默认值不显示问题
         if (!isInIde() &&
@@ -156,11 +159,11 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
                     React.createElement(List.Item, null,
                         React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-header` },
                             React.createElement("div", { className: `${CLASS_PREFIX}--item-title ${CLASS_PREFIX}--item-label` }, "\u6587\u4EF6\u540D"),
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-size ${CLASS_PREFIX}--item-label` }, "\u5927\u5C0F"),
+                            formType !== 'read' && (React.createElement("div", { className: `${CLASS_PREFIX}--item-size ${CLASS_PREFIX}--item-label` }, "\u5927\u5C0F")),
                             React.createElement("div", { className: `${CLASS_PREFIX}--item-status ${CLASS_PREFIX}--item-label` }, "\u72B6\u6001"),
                             React.createElement("div", { className: `${CLASS_PREFIX}--item-action` }, "\u64CD\u4F5C"))),
-                    fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { disabled: disabled, fileID: d })))),
-                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item })))),
+                    fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { disabled: disabled, fileID: d, formType: formType })))),
+                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item, formType: formType })))),
                     isEdit && fileIDList.length === 0 && fileList.length === 0 && (React.createElement(List.Item, { className: `${CLASS_PREFIX}--item-empty` },
                         React.createElement("div", { className: `${CLASS_PREFIX}--item` },
                             "\u70B9\u51FB\u4E0A\u65B9\u201C",
@@ -178,7 +181,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
 /**
  * 基于 FileID 回显文件表格行组件
  */
-const TcbFileEcho = ({ fileID, disabled }) => {
+const TcbFileEcho = ({ fileID, disabled, formType }) => {
     const { fileSizeObj } = React.useContext(FileContext) || {};
     const { data: src } = useTempUrl(fileID);
     const title = React.useMemo(() => {
@@ -191,7 +194,7 @@ const TcbFileEcho = ({ fileID, disabled }) => {
     }, [fileID]);
     return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
         React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, fileSizeObj[fileID] || '--'),
+        formType !== 'read' && (React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, fileSizeObj[fileID] || '--')),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
             React.createElement(UploadFileStatus, null)),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },
@@ -200,7 +203,7 @@ const TcbFileEcho = ({ fileID, disabled }) => {
 /**
  * 基于 File 上传文件过程表格行组件
  */
-const TcbFileUpload = ({ file, disabled }) => {
+const TcbFileUpload = ({ file, disabled, formType }) => {
     const { uploadPath, onChange, events } = React.useContext(FileContext) || {};
     const [percent, setPercent] = React.useState(0); // 上传进度
     const [status, setStatus] = React.useState('0'); // 上传状态
@@ -240,7 +243,7 @@ const TcbFileUpload = ({ file, disabled }) => {
     };
     return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
         React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size),
+        formType !== 'read' && (React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size)),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
             React.createElement(UploadFileStatus, { status: status, percent: percent })),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },

package/dist/web/components/form/userOrgSelect/common/fetch-data-service.js

@@ -236,7 +236,6 @@ export async function getDepartByIds({ ids, request }) {
             const dataRecord = res === null || res === void 0 ? void 0 : res.DataList.map((item) => JSON.parse((item === null || item === void 0 ? void 0 : item.DataRecord) || {}));
             return { orgList: dealOrgData(dataRecord), orgIds };
         }
-        // return [];
         return res;
     }
     catch (error) {

package/dist/web/components/form/userOrgSelect/component/depart-select/index.js

@@ -39,7 +39,7 @@ export default function DepartTreeSelect(props) {
             setErrorInfo({ errorStatus: false, errorMessage: null });
             if (ids && ids.length !== 0 && !isInIde()) {
                 const { orgList } = await getDepartByIds({ ids, request });
-                setConfirmOrgList(orgList);
+                setConfirmOrgList(orgList || []);
             }
             else {
                 setConfirmOrgList([]);

package/dist/web/components/form/userOrgSelect/component/user-select-h5/index.js

@@ -11,7 +11,7 @@ import { useViewData } from '../../hooks/use-views-data';
 import { useDepartData } from '../../hooks/use-depart-data';
 import { parseStrToArr } from '../../common/utils';
 export default function UserTreeSelect(props) {
-    const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, confirmAction, } = props;
+    const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, confirmAction, closeAction, } = props;
     const platform = usePlatform();
     const [errInfo, setErrInfo] = useState({
         errorStatus: false,
@@ -92,12 +92,14 @@ export default function UserTreeSelect(props) {
         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, setOnChangeValue(multiple, confirmUserList, true));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [confirmUserList]);
+    /** 点击确认时获取所选用户，调用confirmAction，将所选用户向外传出 */
+    const onConfirmSelectUser = (selectedUserList) => {
+        const selectedUser = setOnChangeValue(multiple, selectedUserList, true);
+        confirmAction === null || confirmAction === void 0 ? void 0 : confirmAction(selectedUser);
+    };
     //确定 关闭弹窗
     const onConfirm = () => {
-        confirmAction === null || confirmAction === void 0 ? void 0 : confirmAction({
-            userIds: setOnChangeValue(multiple, selectedUserList),
-            users: setOnChangeValue(multiple, selectedUserList, true),
-        });
+        onConfirmSelectUser(selectedUserList);
         setConfirmUserList(selectedUserList);
         setOpen(false);
     };
@@ -106,6 +108,7 @@ export default function UserTreeSelect(props) {
         setSelectedUserIds([]);
         setSelectedUserList([]);
         setOpen(false);
+        closeAction === null || closeAction === void 0 ? void 0 : closeAction();
     };
     const restProps = {
         errInfo,
@@ -126,6 +129,7 @@ export default function UserTreeSelect(props) {
         filterParams,
         treeData,
         error,
+        onConfirmSelectUser,
     };
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
         return React.createElement(UserSelectPC, { ...restProps, ...props });

package/dist/web/components/form/userOrgSelect/component/user-select-h5/user-select-h5.js

@@ -8,7 +8,7 @@ import { InputTags } from '../input-tags';
 export function UserTreeSelectH5({ id, className, style, label = '成员选择', labelVisible = true, placeholder = '请选择成员', disabled = false, layout = 'horizontal', requiredFlag = false, decorator, multiple = false, //是否多选
 outerRef, pageNo, setPageNo, pageSize, 
 // platform,
-request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, }) {
+request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, onConfirmSelectUser, }) {
     const cls = classNames({
         'weda-ui': true,
         'weda-select-user-dept': true,
@@ -43,7 +43,9 @@ request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUser
     return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement("div", { className: subCls, onClick: onFocus },
             React.createElement(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errorInfo, disabled: disabled, platForm: 'h5', onClose: (e, item) => {
-                    setConfirmUserList(confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                    const currentConfirmUserList = confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id));
+                    setConfirmUserList(currentConfirmUserList);
+                    onConfirmSelectUser(currentConfirmUserList);
                     e.stopPropagation();
                 } })),
         React.createElement(ModalSelectH5, { open: open, request: request, treeData: treeData, originalOrgData: originalOrgData, setOriginalOrgData: setOriginalOrgData, multiple: multiple, errorInfo: errorInfo, selectedUserList: selectedUserList, setSelectedUserList: setSelectedUserList, confirmUserList: confirmUserList, onClose: onCancel, onConfirm: onConfirm, setErrorInfo: setErrorInfo, filterParams: filterParams, pageNo: pageNo, setPageNo: setPageNo, pageSize: pageSize, treeDataError: error })))({

package/dist/web/components/form/userOrgSelect/component/user-select-pc/user-model.js

@@ -8,7 +8,7 @@ import { SelectedList } from '../selected-list';
 import { fetchSearchUser } from '../../common/fetch-data-service';
 import debounce from '../../../../../utils/debounce';
 import '../index.css';
-export const UserModel = ({ open, setOpen, onCancel, onConfirm, treeData, treeDataError, filterParams, }) => {
+export const UserModel = ({ open, onCancel, onConfirm, treeData, treeDataError, filterParams, }) => {
     var _a;
     const { selectedUserList, setSelectedUserIds, request, selectedUserIds, setSelectedUserList, multiple, setPageNo, confirmUserList, } = React.useContext(UserOrgContext) || {};
     const [selectedOrgId, setSelectedOrgId] = useState(null);
@@ -49,7 +49,7 @@ export const UserModel = ({ open, setOpen, onCancel, onConfirm, treeData, treeDa
             setErrInfo({ errorStatus: true, errorMessage: e });
         }
     }, 500);
-    return (React.createElement(Modal, { visible: open, caption: "\u9009\u62E9\u6210\u5458", onClose: () => setOpen(false), className: "weda-ui weda-ui-user-select-modal" },
+    return (React.createElement(Modal, { visible: open, caption: "\u9009\u62E9\u6210\u5458", onClose: () => onCancel(null), className: "weda-ui weda-ui-user-select-modal" },
         React.createElement(Modal.Body, null,
             React.createElement("div", { className: "weda-ui-user-select-container" },
                 React.createElement(ModalSearch, { searchList: searchUserList, errInfo: errInfo, loading: loading, keyWords: keyWords, selectedList: selectedUserList, multiple: multiple, setSelectedList: setSelectedUserList, selectedIds: selectedUserIds, filterParams: filterParams, onSearch: (key) => onSearch(key), onReset: () => setSearchUserList([]) }),

package/dist/web/components/form/userOrgSelect/component/user-select-pc/user-select-pc.js

@@ -10,7 +10,7 @@ export const UserOrgContext = React.createContext(null);
 export function UserSelectPC({ id, className, style, label = '人员选择', labelVisible = true, //标题显隐
 placeholder = '请选择人员', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', multiple = false, //多选
 outerRef, request = defaultRequest, //接口请求
-decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, selectedUserIds, setSelectedUserIds, pageNo, setPageNo, pageSize, filterParams, treeData, error, }) {
+decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, selectedUserIds, setSelectedUserIds, pageNo, setPageNo, pageSize, filterParams, treeData, error, onConfirmSelectUser, }) {
     // 外层组件类
     const cls = classNames({
         'weda-ui': true,
@@ -48,7 +48,9 @@ decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedUserList, setSel
                         setSelectedUserList(confirmUserList);
                     setOpen(open);
                 }, appearance: 'button', button: React.createElement(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errInfo, disabled: disabled, onClose: (e, item) => {
-                        setConfirmUserList(confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                        const currentConfirmUserList = confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id));
+                        setConfirmUserList(currentConfirmUserList);
+                        onConfirmSelectUser(currentConfirmUserList);
                         e.stopPropagation();
                     } }), overlayClassName: 'weda-ui-user-selected-overlay-hidden', style: { width: '100%' } },
                 React.createElement(UserModel, { open: open, setOpen: setOpen, onConfirm: onConfirm, onCancel: onCancel, treeData: treeData || [], treeDataError: error, filterParams: filterParams })))))({

package/dist/web/components/grid/col.js

@@ -1,33 +1,96 @@
 import React, { useMemo } from 'react';
 import classNames from '../../utils/classnames';
+import { usePlatform } from '../../utils/platform';
 import './_utils.css';
+// 和编辑器对应
+const manualCheckedType = {
+    twelveAdjust: 'twelve-adjust',
+    exactAdjust: 'exact-adjust',
+};
 const numberRegex = /^\d{1,2}$/;
 export default function Col(props) {
     const { className: userClassName, id, style, alignSelf, widthType, lgWidthType, children, events, } = props;
-    const className = useMemo(() => {
+    const platform = usePlatform();
+    const classNameStyle = useMemo(() => {
         const clsxObj = {
             'wd-grid-col': true,
             [`wd-g-align-self-${alignSelf}`]: alignSelf,
             [userClassName]: userClassName,
         };
-        if (widthType === 'fit-content') {
-            clsxObj['wd-grid-col-auto'] = true;
-        }
-        else if (typeof widthType === 'number' ||
-            (typeof widthType === 'string' && numberRegex.test(widthType))) {
-            clsxObj[`wd-grid-col-${widthType}`] = true;
-        }
-        if (lgWidthType === 'fit-content') {
-            clsxObj['wd-grid-col-lg-auto'] = true;
-        }
-        else if (typeof lgWidthType === 'number' ||
-            (typeof lgWidthType === 'string' && numberRegex.test(lgWidthType))) {
-            clsxObj[`wd-grid-col-lg-${lgWidthType}`] = true;
+        let exactStyle = style;
+        if (platform === 'h5') {
+            // 移动端是否是12列手动调节
+            let isTwelveAdjust = true;
+            let twelveAdjustWidthType = widthType;
+            if (typeof widthType == 'object') {
+                twelveAdjustWidthType = widthType.value;
+                isTwelveAdjust = widthType.type === manualCheckedType.twelveAdjust;
+            }
+            if (isTwelveAdjust) {
+                clsxObj['wd-grid-col'] = true;
+                if (twelveAdjustWidthType === 'fit-content') {
+                    // 适应内容
+                    clsxObj['wd-grid-col-auto'] = true;
+                }
+                else if (twelveAdjustWidthType === 'auto-fill' && (style === null || style === void 0 ? void 0 : style.width)) {
+                    // 自动填充，如果有宽，则设置宽生效
+                    clsxObj['wd-grid-col'] = false;
+                    exactStyle = style;
+                }
+                else if (
+                // 12列调节
+                typeof twelveAdjustWidthType === 'number' ||
+                    (typeof twelveAdjustWidthType === 'string' &&
+                        numberRegex.test(twelveAdjustWidthType))) {
+                    clsxObj[`wd-grid-col-${twelveAdjustWidthType}`] = true;
+                }
+            }
+            else {
+                // 像素精确调节
+                clsxObj['wd-grid-col'] = false;
+                exactStyle = { ...style, width: twelveAdjustWidthType };
+            }
         }
         else {
-            clsxObj['wd-grid-col-lg'] = true;
+            // pc 端是否是12列手动调节
+            let isTwelveAdjustLg = true;
+            let twelveAdjustWidthTypeLg = lgWidthType;
+            if (typeof lgWidthType == 'object') {
+                twelveAdjustWidthTypeLg = lgWidthType.value;
+                isTwelveAdjustLg = lgWidthType.type === manualCheckedType.twelveAdjust;
+            }
+            if (isTwelveAdjustLg) {
+                clsxObj['wd-grid-col'] = true;
+                if (twelveAdjustWidthTypeLg === 'fit-content') {
+                    // 适应内容
+                    clsxObj['wd-grid-col-lg-auto'] = true;
+                }
+                else if (twelveAdjustWidthTypeLg === 'auto-fill' && (style === null || style === void 0 ? void 0 : style.width)) {
+                    // 自动填充，如果有宽，则设置宽生效
+                    clsxObj['wd-grid-col'] = false;
+                    exactStyle = style;
+                }
+                else if (
+                // 12列调节
+                typeof twelveAdjustWidthTypeLg === 'number' ||
+                    (typeof twelveAdjustWidthTypeLg === 'string' &&
+                        numberRegex.test(twelveAdjustWidthTypeLg))) {
+                    clsxObj[`wd-grid-col-lg-${twelveAdjustWidthTypeLg}`] = true;
+                }
+                else {
+                    clsxObj['wd-grid-col-lg'] = true;
+                }
+            }
+            else {
+                // 像素精确调节
+                clsxObj['wd-grid-col'] = false;
+                exactStyle = { ...style, width: twelveAdjustWidthTypeLg };
+            }
         }
-        return classNames(clsxObj);
-    }, [alignSelf, lgWidthType, userClassName, widthType]);
-    return (React.createElement("div", { className: className, id: id, style: style, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, "data-role": "wd-col" }, children));
+        return {
+            className: classNames(clsxObj),
+            style: exactStyle,
+        };
+    }, [alignSelf, lgWidthType, userClassName, widthType, style, platform]);
+    return (React.createElement("div", { className: classNameStyle.className, id: id, style: classNameStyle.style, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, "data-role": "wd-col" }, children));
 }

package/dist/web/components/grid/grid.js

@@ -10,7 +10,7 @@ export default function Grid(props) {
             'wd-grid': true,
             [`wd-grid-gx-${gutterX}`]: !isNil(gutterX),
             // 产品要求gutterX 同时间决定row一个换行的间距和 row之间的间距
-            [`wd-grid-gy-${gutterY}`]: !isNil(gutterY),
+            // [`wd-grid-gy-${gutterY}`]: !isNil(gutterY),
             [`wd-grid-grb-${gutterY}`]: !isNil(gutterY),
             [userClassName]: userClassName,
         });

package/dist/web/components/grid/row.js

@@ -1,14 +1,16 @@
 import React, { useMemo } from 'react';
 import classNames from '../../utils/classnames';
+import { isNil } from '../../utils/lodash';
 import './_utils.css';
 export default function Row(props) {
-    const { className: userClassName, id, style, children, events, alignItems, } = props;
+    const { className: userClassName, id, style, children, events, alignItems, gutterX, } = props;
     const className = useMemo(() => {
         return classNames({
             'wd-grid-row': true,
+            [`wd-grid-gx-${gutterX}`]: gutterX != -1 && !isNil(gutterX),
             [`wd-g-align-items-${alignItems}`]: alignItems,
             [userClassName]: userClassName,
         });
-    }, [alignItems, userClassName]);
+    }, [alignItems, userClassName, gutterX]);
     return (React.createElement("div", { className: className, id: id, style: style, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, "data-role": "wd-row" }, children));
 }

package/dist/web/components/index.js

@@ -103,7 +103,7 @@ export const ModelFlowChart = loadable(() => import('./flow/modules/chart'), {
 export const ModelFlow = loadable(() => import('./flow/modules/combination'), {
     fallback,
 });
-export const ModelFlowControl = loadable(() => import('./flow/modules/control'), { fallback });
+export const ModelFlowControl = loadable(() => import('./flow/modules/operations'), { fallback });
 export const ModelFlowBasic = loadable(() => import('./flow/modules/basic'), {
     fallback,
 });

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

@@ -181,8 +181,9 @@ export default React.forwardRef(function ListView(props, ref) {
      */
     const onEvents = useCallback((data, datasource) => {
         var _a, _b;
-        const fetchRecords = [].concat(!isRecords && !isModel ? data : (data === null || data === void 0 ? void 0 : data.records) || []);
-        const total = Number(data === null || data === void 0 ? void 0 : data.total) || 0;
+        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;
         if (['loadMoreButton', 'bottomLoad'].includes(paramRef.current.pagination)) {
             dataRef.current = {
                 total,
@@ -196,7 +197,7 @@ export default React.forwardRef(function ListView(props, ref) {
             data: beforeDataChange(dataRef.current.records || []),
             state: getContextState(),
         });
-        if (total === 0) {
+        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,