@cloudbase/weda-ui 3.4.12 → 3.4.14

package/dist/web/components/wd-bubble/wd-bubble.js

@@ -3,6 +3,7 @@ import { forwardRef, useImperativeHandle } from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { isInIde, usePlatform } from '../../utils/platform';
+import '../style';
 export const WdBubble = forwardRef(function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
     const platform = usePlatform();
     // Widget API，挂载组件只读属性和组件方法

package/dist/web/components/wd-button/wd-button.js

@@ -9,6 +9,7 @@ import { textToString, usePlatform } from '../../utils/platform';
 import { convertLegacyEnum, filterPropsWithOn } from '../../utils/tool';
 import { WD_BUTTON_THEME, WD_BUTTON_VARIANT, WD_BUTTON_SIZE, WD_BUTTON_ICON_TYPE, WD_BUTTON_ICON_POSITION, WD_BUTTON_TYPE, } from '../../../enum';
 import { WdIcon } from '../index';
+import '../style';
 export const WdButton = forwardRef(function WdButton(props, ref) {
     const { text, size: _size = 'md', theme: _theme = 'secondary', variant: _variant = 'base', iconType: _iconType = 'none', iconSource = 'inner', icon: _icon, iconSrc, iconPosition: _iconPosition = 'before', block, formType: _formType, disabled, events = emptyObject, className, style, id, loading, 
     // 组件 widget 实例，后续可能会更改接口

package/dist/web/components/wd-form/hooks/use-remote-value.js

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import { debug } from '../../../utils/console';
 import { usePlatform } from '../../../utils/platform';
 import { alertError } from '../../form/form';
@@ -19,7 +19,7 @@ methodGetItem, paramGetItem, appCloud, isDataModel, }) {
         console.error(err);
         alertError(platform, '表单容器数据查询失败');
     }, [platform]);
-    const { data: remoteValue, error, isLoading, } = useSWR(() => {
+    const { data: remoteValue, error, isLoading, mutate, } = useSWR(() => {
         if (!formTypeWithInitValue.includes(formType) || !dataSourceName) {
             logger.debug('formType没有初始值或者，没配数据源', {
                 formType,
@@ -70,10 +70,17 @@ methodGetItem, paramGetItem, appCloud, isDataModel, }) {
         }, true);
     }, {
         onError: onInitialValuesError,
+        revalidateOnFocus: false,
     });
+    useEffect(() => {
+        return () => {
+            mutate();
+        };
+    }, [mutate]);
     return {
         remoteValue,
         error,
         isLoading,
+        mutate,
     };
 }

package/dist/web/components/wd-form/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint max-lines: [error, 500] */
+/* eslint max-lines: [error, 600] */
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
 import { useDebouncedCallback, useDebouncedEffect, useMap, useMountEffect, useSyncedRef, } from '@react-hookz/web';
 import { isInIde, usePlatform } from '../../utils/platform';
@@ -16,6 +16,8 @@ import lodashGet from 'lodash.get';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { useDataSource } from '../../utils/hooks/useDataSource';
 import { WdForm as FormUi } from './wd-form';
+import '../style';
+const SET_VALUE_DEBOUNCE_TIMEOUT = 200;
 const logger = debug('wd-form');
 const WdForm = React.forwardRef(function WdForm(props, ref) {
     var _a;
@@ -39,6 +41,8 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         'gsd-h5-react-form-pc': platform === 'pc',
         'wedatea2td-form': platform === 'pc',
     }, className);
+    const isDataModel = !['connector', 'custom-connector'].includes(datasourceType); // 是否为数据模型，兼容历史 undefined
+    const hasSetInitValueRef = useRef(false);
     const [initialValues, setInitialValues] = useState((_a = props.initialValues) !== null && _a !== void 0 ? _a : emptyObject);
     const eventsRef = useSyncedRef(props.events);
     const validate = useCallback(async () => {
@@ -71,6 +75,17 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         return errObj;
     }, [formItemMap]);
     const [errors, setErrors] = useState(undefined);
+    const { remoteValue: fetchedInitialValues, isLoading: isLoadingInitValues, error: initValueFetchError, } = useRemoteValue({
+        appCloud,
+        formType,
+        _id,
+        // methodCreate,
+        methodGetItem,
+        // methodUpdate,
+        paramGetItem,
+        dataSourceName,
+        isDataModel,
+    });
     const submit = useCallback(async () => {
         const { submit } = eventsRef.current;
         const errorObj = await validate();
@@ -96,7 +111,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             }
         });
     }, [eventsRef, formItemMap]);
-    const setValue = useCallback((data, setNull) => {
+    const setValue = useDebouncedCallback((data, setNull) => {
         if (typeof data !== 'object' || typeof data === null) {
             console.warn('setValue data need expect a object but got', data);
             return;
@@ -115,7 +130,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             }
         });
         updateFormContext();
-    }, [formItemMap, updateFormContext]);
+    }, [formItemMap, updateFormContext], SET_VALUE_DEBOUNCE_TIMEOUT);
     const clearValidate = useCallback(() => {
         formItemMap.forEach((item) => {
             if (!item.clearValidate || typeof item.clearValidate !== 'function') {
@@ -128,6 +143,10 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
     // useWhatChanged([formItemMap, initialValues, submit, validate]);
     useLoopRenderDetect();
     const { ready } = useWedaAppContext();
+    const [visible, setVisible] = React.useState(false);
+    React.useEffect(() => {
+        setVisible(true);
+    }, []);
     const previousFormType = useRef(null);
     useEffect(() => {
         if (!ready) {
@@ -144,8 +163,16 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             }
             else {
                 formItemMap.forEach((item) => {
-                    var _a;
-                    item.setReadOnly((_a = item.initialDisabled) !== null && _a !== void 0 ? _a : false);
+                    const { initialReadOnly, initialDisabled } = item || {};
+                    if (initialReadOnly) {
+                        item.setReadOnly(true);
+                    }
+                    else if (initialDisabled) {
+                        item.setDisabled(true);
+                    }
+                    else {
+                        item.setReadOnly(false);
+                    }
                 });
             }
         });
@@ -153,18 +180,6 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
     useMountEffect(() => {
         logger.debug('formItemMap', formItemMap);
     });
-    const isDataModel = !['connector', 'custom-connector'].includes(datasourceType); // 是否为数据模型，兼容历史 undefined
-    const { remoteValue: fetchedInitialValues, isLoading: isLoadingInitValues, error: initValueFetchError, } = useRemoteValue({
-        appCloud,
-        formType,
-        _id,
-        // methodCreate,
-        methodGetItem,
-        // methodUpdate,
-        paramGetItem,
-        dataSourceName,
-        isDataModel,
-    });
     useEffect(() => {
         if (isLoadingInitValues)
             return;
@@ -173,8 +188,13 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
              错误处理放在了 @link {onInitialValuesError}
              下面是可以拿到data了
              */
-            // TODO: 有哪些key可以暴露
-            setInitialValues(fetchedInitialValues);
+            setInitialValues((original) => {
+                if (hasSetInitValueRef.current) {
+                    return original;
+                }
+                hasSetInitValueRef.current = true;
+                return fetchedInitialValues;
+            });
             setValue(fetchedInitialValues, true);
         }
     }, [fetchedInitialValues, initValueFetchError, isLoadingInitValues, setValue]);
@@ -323,10 +343,12 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             }
         }
         updateFormContext();
-    }, [formItemMap, initialValues, updateFormContext], 
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    200);
+    }, [formItemMap, initialValues, updateFormContext], SET_VALUE_DEBOUNCE_TIMEOUT);
+    const lastInitValueRef = useRef(null);
     React.useEffect(() => {
+        if (isObjectEqual(lastInitValueRef.current, initialValues)) {
+            return;
+        }
         // 单向 Form向下设置值
         let setValueReady = false;
         const timeout = 30;
@@ -346,6 +368,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             setInitValue();
         };
         setValueUntilReady();
+        lastInitValueRef.current = initialValues;
         return () => {
             if (id) {
                 clearTimeout(id);
@@ -381,7 +404,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
         }
         return 'vertical-left';
     }, [layout]);
-    return (_jsx(FormUi, { layout: layout, className: cls, style: style, id: id, labelPosition: labelPosition, children: contentSlot }));
+    return (_jsx(FormUi, { layout: layout, className: cls, style: style, id: id, labelPosition: labelPosition, children: visible && contentSlot }));
 });
 function getFormDataFromItemMap(formItemMap) {
     const formData = {};

package/dist/web/components/wd-icon/wd-icon.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef, useImperativeHandle } from 'react';
+import React, { forwardRef, useImperativeHandle, useState } from 'react';
 import classNames from '../../utils/classnames';
 import { emptyObject } from '../../utils/constant';
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import { convertLegacyEnum } from '../../utils/tool';
 import { WD_ICON_TYPE, WD_ICON_SIZE } from '../../../enum';
+import '../style';
 export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name, src, size: _size, events = emptyObject, className, style: _style, id, color: _color, ...props }, ref) {
+    const [isError, setIsError] = useState(false);
     const platform = usePlatform();
     // 兼容旧版组件的属性值 size/color
     const remdiff = 2;
@@ -27,6 +29,7 @@ export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name,
     const isTdIcon = /td/.test(name) && type === 'inner';
     const isLegacyIcon = !isTdIcon && type === 'inner';
     const iconName = name === null || name === void 0 ? void 0 : name.split(':')[1];
+    const showErrorIcon = isError && type === 'custom';
     // 响应式css api
     const platformCss = `${classPrefix}-${platform}-icon`;
     const classes = {
@@ -40,6 +43,7 @@ export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name,
         // 尺寸
         [`${compClassName}--${size}`]: !!size,
         [platformCss]: true,
+        [`${classPrefix}-icon-error`]: showErrorIcon,
     };
     const onClick = (e) => {
         var _a;
@@ -68,6 +72,10 @@ export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name,
     else {
         return (_jsx("img", { className: classNames(classes, className), style: style, id: id, src: src
                 ? src
-                : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg', onClick: onClick, ...propsStartWithOn }));
+                : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg', onLoad: () => {
+                setIsError(false);
+            }, onError: () => {
+                setIsError(true);
+            }, onClick: onClick, ...propsStartWithOn }));
     }
 });

package/dist/web/components/wd-image/index.js

@@ -5,6 +5,7 @@ import { ImageInner } from './image';
 import { emptyObject } from '../../utils/constant';
 import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 import { useConfig } from '../../utils/config-context';
+import '../style';
 export default forwardRef(function WdImage({ 
 // 系统属性
 className, events = emptyObject, style, 

package/dist/web/components/wd-link/wd-link.js

@@ -5,6 +5,7 @@ import { emptyObject } from '../../utils/constant';
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import { WdIcon } from '../index';
+import '../style';
 export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWindow, params, iconType, iconSource = 'inner', icon, iconSrc, iconPosition = 'before', disabled, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }, ref) {
     const platform = usePlatform();
     // 样式

package/dist/web/components/wd-official-account/index.js

@@ -11,7 +11,7 @@ import { WdButton } from '../../components/wd-button';
 // @ts-ignore忽略ts交验
 // eslint-disable-next-line rulesdir/no-phantom-deps,import/no-unresolved
 import { autorun } from 'mobx';
-import './index.css';
+import './style';
 export default function WdOfficialAccount(props) {
     var _a, _b;
     const { className, id, style } = props;

package/dist/web/components/wd-official-account/style.js

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

package/dist/web/components/wd-table/components/ExportFileModalByApi/ExportFileModalByApi.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ConfigProvider } from 'tea-component';
 import { ExportFileModalByApi as ExportFileModalByApiFromTable } from '../../../table/ExportFileModalByApi';
-import './index.css';
+import './style';
 export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModalVisible, dbName, whereList, where, orderBy, orderType, tableColumns, }) {
     return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ExportFileModalByApiFromTable, { onCancel: onCancel, visible: visible, fields: fields, selectedKeysList: selectedKeysList, handleInOrOutRecordModealVisible: handleInOrOutRecordModalVisible, dbName: dbName, where: where, whereList: whereList, orderBy: orderBy, orderType: orderType, tableColumns: tableColumns }) }));
 }

package/dist/web/components/wd-table/components/ExportFileModalByApi/index.js

@@ -4,24 +4,17 @@ import { formatDataToXlsx, filterCustomFields } from '../FieldRender';
 import { getFieldsTypeName } from '../../../../utils/tool';
 import { alertErrorMessage } from '../../../../utils/platform';
 import { exportData } from '../../../../utils/file';
-import './index.css';
+import './style';
 /**
  * 后端导出弹窗
  */
 export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible, selectedKeys, dbName, query, whereList, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, }) => {
-    var _a, _b;
-    const supportFields = (_b = (_a = fields === null || fields === void 0 ? void 0 : fields.filter((field) => {
-        // 不支持上传的类型
-        if (!field)
-            return false;
-        if (field['x-system'])
-            return false;
-        return true;
-    })) === null || _a === void 0 ? void 0 : _a.sort((a, b) => (a === null || a === void 0 ? void 0 : a['x-index']) - (b === null || b === void 0 ? void 0 : b['x-index']))) === null || _b === void 0 ? void 0 : _b.filter((item) => {
-        // 筛选出列管理字段
-        const isVisible = columns === null || columns === void 0 ? void 0 : columns.findIndex((column) => (column === null || column === void 0 ? void 0 : column.key) === (item === null || item === void 0 ? void 0 : item.name) && (column === null || column === void 0 ? void 0 : column.isExport));
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-        return isVisible != -1;
+    const supportFields = [];
+    columns.forEach((i) => {
+        const field = fields.find((field) => field.name === i.key);
+        if (field && (i === null || i === void 0 ? void 0 : i.isExport)) {
+            supportFields.push(field);
+        }
     });
     // 没有数据标识默认加上数据标识字段
     const isExitId = supportFields === null || supportFields === void 0 ? void 0 : supportFields.findIndex((item) => (item === null || item === void 0 ? void 0 : item.name) === '_id');

package/dist/web/components/wd-table/components/ExportFileModalByApi/style.js

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

package/dist/web/components/wd-table/components/FieldRender/Form/Location.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from '../../../../../utils/classnames';
 import { Form, Input, Text } from 'tea-component';
-import './Location.css';
+import './style';
 export const locationProperties = {
     address: {
         title: '地点',

package/dist/web/components/wd-table/components/FieldRender/Form/style.js

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

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/ViewCell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'tea-component';
 import { getRelationData } from './utils';
-import './viewCell.css';
+import './style';
 export const ViewCell = ({ data, showType, relation }) => {
     if (showType === 'tree') {
         return _jsx(Text, { verticalAlign: "middle", children: (data === null || data === void 0 ? void 0 : data.content) || '-' });

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/style.js

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

package/dist/web/components/wd-table/components/FilterFieldsPanel/FilterFieldItem.js

@@ -40,6 +40,10 @@ export const FilterFieldItem = ({ updateFilterData, ...filterFieldItemConfig })
     const { filterType, isRange, label, options, fieldCalculation, value } = filterFieldItemConfig;
     const updateFilterConfig = (value) => {
         const lastFilterConfig = { ...filterFieldItemConfig, ...value };
+        // 选择为空不为空，则清空数据
+        if (['$empty', '$nempty'].includes(lastFilterConfig === null || lastFilterConfig === void 0 ? void 0 : lastFilterConfig.fieldCalculation.value)) {
+            lastFilterConfig.value = '';
+        }
         updateFilterData(lastFilterConfig);
     };
     useEffect(() => {

package/dist/web/components/wd-table/components/ImportFileModalByApi/index.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ImportFileModalByApi as ImportFileModalByApiFromTable } from '../../../table/ImportFileModalByApi';
 import { alertErrorMessage } from '../../../../utils/platform';
 import { ConfigProvider } from 'tea-component';
+import './style';
 /**
  * 后端导入弹窗
  */

package/dist/web/components/wd-table/components/ImportFileModalByApi/style.js

@@ -0,0 +1 @@
+import '../../../../components/table/ImportFileModalByApi/style';

package/dist/web/components/wd-table/components/Table/index.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint max-lines: [error, 350] */
 import React, { useRef, useEffect } from 'react';
 import { Icon, Table, StatusTip, ConfigProvider } from 'tea-component';
 import { useResizeObserver } from '@react-hookz/web';
@@ -15,6 +16,16 @@ const miniPageSize = 10;
 // h5 端表格高度
 const tableHeight = { sm: 500, md: 580, lg: 880 };
 const tableHeaderHeight = 51;
+const renderStatus = ({ isH5, status, classPrefix, refreshTable, isNoDataSourceBind, _emptyText, }) => {
+    const text = {
+        loading: '数据加载中,请稍候...',
+        error: (_jsxs("p", { children: ["\u6570\u636E\u52A0\u8F7D\u5931\u8D25,", _jsx("span", { className: `${classPrefix}-empty-retry-text`, onClick: () => {
+                        refreshTable();
+                    }, children: "\u8BF7\u91CD\u8BD5" })] })),
+        empty: isNoDataSourceBind ? '请绑定数据源' : _emptyText,
+    };
+    return (_jsx(StatusContent, { emptyText: text[`${status}`], component: "table", icon: status, isH5: isH5 }));
+};
 // eslint-disable-next-line complexity
 export const BaseTableCom = ({ recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, isLoading, queryParams, total = defaultTotal, refreshTable, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, }) => {
     var _a;
@@ -25,8 +36,11 @@ export const BaseTableCom = ({ recordKey, className, columns, setColumns, record
         ? (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === pageIndexSpan && isLoading
         : isLoading;
     // table状态样式
+    const showStatus = isShowLoading || isError || !(records === null || records === void 0 ? void 0 : records.length);
     const classes = {
-        [`${classPrefix}-table--status`]: isShowLoading || isError || !(records === null || records === void 0 ? void 0 : records.length),
+        [`${classPrefix}-table-scroll-wrap`]: true,
+        [`${classPrefix}-table--status`]: showStatus,
+        [`${classPrefix}-table--without-pagination`]: !enablePagination,
     };
     // table 插件
     const tableAddons = [
@@ -48,11 +62,9 @@ export const BaseTableCom = ({ recordKey, className, columns, setColumns, record
         autotip({
             isLoading: isShowLoading,
             isError,
-            loadingText: (_jsx(StatusContent, { emptyText: '数据加载中,请稍候...', component: "table", icon: "loading", isH5: isH5 })),
-            emptyText: (_jsx(StatusContent, { emptyText: isNoDataSourceBind ? '请绑定数据源' : _emptyText, component: "table", icon: "empty", isH5: isH5 })),
-            errorText: (_jsx(StatusContent, { emptyText: _jsxs("p", { children: ["\u6570\u636E\u52A0\u8F7D\u5931\u8D25,", _jsx("span", { className: `${classPrefix}-empty-retry-text`, onClick: () => {
-                                refreshTable();
-                            }, children: "\u8BF7\u91CD\u8BD5" })] }), component: "table", icon: "error", isH5: isH5 })),
+            loadingText: null,
+            emptyText: null,
+            errorText: null,
         }),
         // 行背景色
         injectable({
@@ -177,6 +189,15 @@ export const BaseTableCom = ({ recordKey, className, columns, setColumns, record
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [queryParams.pageIndex, currentSize, isLoading, isH5, total]);
-    return (_jsx("div", { className: `${classPrefix}-table-scroll-wrap`, children: _jsx(Table, { ref: tableRef, className: classNames(className, classes), bordered: true, recordKey: recordKey, columns: columns, records: records, addons: tableAddons, bottomTip: bottomTipCompRender() }) }));
+    const status = isShowLoading ? 'loading' : isError ? 'error' : 'empty';
+    return (_jsxs("div", { className: classNames(className, classes), children: [_jsx(Table, { ref: tableRef, className: className, bordered: true, recordKey: recordKey, columns: columns, records: records, addons: tableAddons, bottomTip: bottomTipCompRender() }), showStatus &&
+                renderStatus({
+                    isH5,
+                    status,
+                    classPrefix,
+                    refreshTable,
+                    isNoDataSourceBind,
+                    _emptyText,
+                })] }));
 };
 export const BaseTable = React.memo(BaseTableCom);

package/dist/web/components/wd-table/hooks/useTableData.js

@@ -1,13 +1,18 @@
 import { useEffect, useCallback, useState } from 'react';
 const defaultPageNo = 1;
-export const useTableData = ({ dataSourceAPI, connectorMethod, query, events, isModel, dbName, isH5, isNoDataSourceBind, }) => {
+export const useTableData = ({ dataSourceAPI, connectorMethod, query, events, isModel, dbName, isH5, isNoDataSourceBind, viewFieldsData, isViewTable, }) => {
     const [total, setTotal] = useState(0);
     const [tableLoading, setTableLoading] = useState(true);
     const [tableData, setTableData] = useState([]);
     const fetch = useCallback(async () => {
+        var _a;
         if (isNoDataSourceBind) {
             return;
         }
+        // 视图配置请求返回查询参数，配置视图时，等待视图返回成功后再查询，避免多次查询
+        if (isModel && isViewTable && !((_a = viewFieldsData === null || viewFieldsData === void 0 ? void 0 : viewFieldsData.viewList) === null || _a === void 0 ? void 0 : _a.length)) {
+            return;
+        }
         let data = { records: [], total: 0 };
         setTableLoading(true);
         if (isModel) {

package/dist/web/components/wd-table/hooks/useViewFields.js

@@ -15,6 +15,6 @@ export const useViewFields = ({ selectedView, selectedViewIds, dbName, isModel,
         },
         viewFields: (data === null || data === void 0 ? void 0 : data.fields) || authFields,
         isError: error,
-        loading: !error && !data,
+        viewLoading: !error && !data,
     };
 };