@cloudbase/weda-ui 3.30.1 → 3.31.0

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, forwardRef } from 'react';
+import { useState, useEffect, forwardRef, useRef, useCallback, useMemo } from 'react';
 import { Row, Col, ConfigProvider, Drawer } from 'tea-component';
 import { dateCalculation } from '../../../../utils/date';
-import isObjectEqual from '../../../../utils/isObjectEqual';
 import { useConfig } from '../../../../utils/config-context';
 import { FilterFieldItem } from './FilterFieldItem';
 import { arrayInputType } from './Fields';
@@ -14,6 +13,8 @@ import { useSetWidgetApi } from '../../../../utils/widget-api/use-set-widget-api
 const escapeRegExp = (string) => {
     return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 };
+// 提升静态 JSX 到组件外部，避免每次渲染重新创建
+const HiddenSubmitInput = _jsx("input", { type: "submit", style: { display: 'none' } });
 const getFilterConfig = (data) => data.map(({ name, label, value, fieldCalculationOption = [], fieldCalculation }) => ({
     name,
     label,
@@ -21,6 +22,96 @@ const getFilterConfig = (data) => data.map(({ name, label, value, fieldCalculati
     filterType: fieldCalculation === null || fieldCalculation === void 0 ? void 0 : fieldCalculation.value,
     filterTypeOption: fieldCalculationOption === null || fieldCalculationOption === void 0 ? void 0 : fieldCalculationOption.map((i) => i === null || i === void 0 ? void 0 : i.value),
 }));
+// 处理 scope 类型的筛选条件
+const handleScopeFilter = (item, searchValues) => {
+    if (item.filterType === 'number') {
+        if (item.value[0]) {
+            searchValues.push({ key: item.name, val: Number(item.value[0]), rel: 'gte' });
+        }
+        if (item.value[1]) {
+            searchValues.push({ key: item.name, val: Number(item.value[1]), rel: 'lte' });
+        }
+    }
+    else {
+        searchValues.push({ key: item.name, val: item.value[0], rel: 'gte' });
+        // @ts-ignore 兼容字符串和数字
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        searchValues.push({ key: item.name, val: item.value[1] + 999, rel: 'lte' });
+    }
+};
+// 处理字符串类型的默认筛选条件
+const handleStringFilter = (item, searchValues) => {
+    var _a, _b;
+    const searchItem = { key: item.name, val: item.value, rel: item.fieldCalculation.value };
+    if (arrayInputType.includes(item.fieldCalculation.value) && ((_a = searchItem === null || searchItem === void 0 ? void 0 : searchItem.val) === null || _a === void 0 ? void 0 : _a.length)) {
+        searchValues.push(searchItem);
+    }
+    else {
+        searchItem.val = (_b = textToString(item.value)) === null || _b === void 0 ? void 0 : _b.trim();
+        searchValues.push(searchItem);
+    }
+};
+// 处理默认筛选条件
+const handleDefaultFilter = (item, searchValues) => {
+    const searchItem = { key: item.name, val: item.value, rel: item.fieldCalculation.value };
+    if (item.filterType === 'string') {
+        handleStringFilter(item, searchValues);
+    }
+    else if (item.filterType === 'number') {
+        searchItem.val = Number(item.value);
+        searchValues.push(searchItem);
+    }
+    else if (['date', 'datetime', 'time'].includes(item.filterType)) {
+        searchItem.val = item.value;
+        dateCalculation(searchItem, item.filterType).forEach((calcItem) => {
+            searchValues.push(calcItem);
+        });
+    }
+    else {
+        searchValues.push(searchItem);
+    }
+};
+// 处理单个筛选项
+const processFilterItem = (item, searchValues) => {
+    var _a, _b;
+    switch (item.fieldCalculation.value) {
+        case 'scope':
+            handleScopeFilter(item, searchValues);
+            break;
+        case 'exclude':
+            searchValues.push({
+                key: item.name,
+                val: `^((?!${item.filterType === 'string' ? escapeRegExp(item.value) : item.value}).)*$`,
+                rel: 'regex',
+            });
+            break;
+        case 'startWith':
+            searchValues.push({ key: item.name, val: `^${(_a = item.value) === null || _a === void 0 ? void 0 : _a.trim()}`, rel: 'regex' });
+            break;
+        case 'regex':
+            searchValues.push({ key: item.name, val: `^${escapeRegExp(item.value)}`, rel: item.fieldCalculation.value });
+            break;
+        case 'nsearch_ci':
+            if (item.filterType === 'string') {
+                if (Array.isArray(item.value) && item.value.length) {
+                    searchValues.push({ key: item.name, val: item.value, rel: item.fieldCalculation.value });
+                }
+                else if (item.value) {
+                    searchValues.push({
+                        key: item.name,
+                        val: (_b = textToString(item.value)) === null || _b === void 0 ? void 0 : _b.trim(),
+                        rel: item.fieldCalculation.value,
+                    });
+                }
+            }
+            else {
+                searchValues.push({ key: item.name, val: `${escapeRegExp(item.value)}`, rel: item.fieldCalculation.value });
+            }
+            break;
+        default:
+            handleDefaultFilter(item, searchValues);
+    }
+};
 // 筛选表单
 export const FilterFieldsPanel = forwardRef(function Comp(props, ref) {
     const { filterFields, fetchData, openMobileFilter, setOpenMobileFilter, setFilterConfig, supportManyRelated } = props;
@@ -31,171 +122,86 @@ export const FilterFieldsPanel = forwardRef(function Comp(props, ref) {
     const [collapse, setCollapse] = useState(true);
     const [initFilterData, setInitFilterData] = useState([]);
     const [filterData, setFilterData] = useState([]);
-    const updateFilterData = (filterFieldItemConfig) => {
-        const newData = filterData.map((i) => (i.id === filterFieldItemConfig.id ? filterFieldItemConfig : i));
-        setFilterData(newData);
-        setFilterConfig(getFilterConfig(newData));
-    };
-    useEffect(() => {
-        var _a;
-        const result = filterFieldsGenerate(filterFields);
-        // 筛选字段改变，重新初始化筛选面板
-        if (!isObjectEqual(result, initFilterData)) {
-            const initFilterData = JSON.parse(JSON.stringify(result));
-            setInitFilterData(initFilterData);
-            setFilterData(initFilterData);
-            setFilterConfig(getFilterConfig(initFilterData));
-            // 如果配置有值则执行查询
-            if (initFilterData.some((i) => i.value)) {
-                searchHandle(initFilterData);
-            }
-            // 如果折叠的查询条件中有值，则展开面板
-            if ((_a = initFilterData === null || initFilterData === void 0 ? void 0 : initFilterData.filter((i, index) => index >= maxlength)) === null || _a === void 0 ? void 0 : _a.some((j) => j.value)) {
-                setCollapse(false);
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [filterFields]);
-    const searchHandle = (searchData = filterData) => {
-        let searchValues = [];
-        const filterValues = searchData.filter((i) => {
-            if (Array.isArray(i.value) && i.filterType === 'number' && i.fieldCalculation.value === 'scope') {
-                // 若筛选字段为number类型，且为范围选择时，只要有一个值则返回
-                return i.value[0] || i.value[1];
-            }
-            return i.value !== null && i.value !== undefined && i.value !== '';
+    // 使用 useRef 追踪上一次的 filterFields，避免死循环
+    const prevFilterFieldsRef = useRef('');
+    // 使用 useCallback + 函数式 setState，保持回调稳定，避免子组件不必要的重渲染
+    const updateFilterData = useCallback((filterFieldItemConfig) => {
+        setFilterData((prevData) => {
+            const newData = prevData.map((i) => (i.id === filterFieldItemConfig.id ? filterFieldItemConfig : i));
+            setFilterConfig(getFilterConfig(newData));
+            return newData;
         });
-        // 为空不为空筛选条件
-        searchData.forEach((i) => {
-            var _a, _b;
-            if (['$empty', '$nempty'].includes((_a = i === null || i === void 0 ? void 0 : i.fieldCalculation) === null || _a === void 0 ? void 0 : _a.value)) {
-                const $and = searchValues.find((i) => i.$and);
-                if ($and) {
-                    searchValues = searchValues.map((n) => {
-                        var _a;
-                        if (n.$and) {
-                            return {
-                                $and: [...n.$and, { [i.name]: { [(_a = i === null || i === void 0 ? void 0 : i.fieldCalculation) === null || _a === void 0 ? void 0 : _a.value]: '1' } }],
-                            };
-                        }
-                        return n;
-                    });
-                }
-                else {
-                    searchValues.push({
-                        $and: [{ [i.name]: { [(_b = i === null || i === void 0 ? void 0 : i.fieldCalculation) === null || _b === void 0 ? void 0 : _b.value]: '1' } }],
-                    });
-                }
+    }, [setFilterConfig]);
+    // searchHandle 使用 useCallback 优化，合并多次遍历为单次遍历
+    const searchHandle = useCallback((searchData) => {
+        var _a, _b, _c;
+        // 确保 searchData 是数组，防止事件对象被误传入
+        const data = Array.isArray(searchData) ? searchData : filterData;
+        let searchValues = [];
+        const andConditions = [];
+        const filterValues = [];
+        // 单次遍历处理所有逻辑，避免多次 filter/forEach
+        for (const item of data) {
+            // 处理空/非空筛选条件
+            if (['$empty', '$nempty'].includes((_a = item === null || item === void 0 ? void 0 : item.fieldCalculation) === null || _a === void 0 ? void 0 : _a.value)) {
+                andConditions.push({ [item.name]: { [(_b = item === null || item === void 0 ? void 0 : item.fieldCalculation) === null || _b === void 0 ? void 0 : _b.value]: '1' } });
+                continue;
             }
-        });
-        // 值筛选条件
-        filterValues.forEach((i) => {
-            var _a, _b, _c, _d;
-            switch (i.fieldCalculation.value) {
-                case 'scope':
-                    if (i.filterType === 'number') {
-                        if (i.value[0]) {
-                            searchValues.push({
-                                key: i.name,
-                                val: Number(i.value[0]),
-                                rel: 'gte',
-                            });
-                        }
-                        if (i.value[1]) {
-                            searchValues.push({
-                                key: i.name,
-                                val: Number(i.value[1]),
-                                rel: 'lte',
-                            });
-                        }
-                    }
-                    else {
-                        searchValues.push({
-                            key: i.name,
-                            val: i.value[0],
-                            rel: 'gte',
-                        });
-                        searchValues.push({
-                            key: i.name,
-                            // @ts-ignore 兼容字符串和数字
-                            // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-                            val: i.value[1] + 999,
-                            rel: 'lte',
-                        });
-                    }
-                    break;
-                case 'exclude':
-                    searchValues.push({
-                        key: i.name,
-                        val: `^((?!${i.filterType === 'string' ? escapeRegExp(i.value) : i.value}).)*$`,
-                        rel: 'regex',
-                    });
-                    break;
-                case 'startWith':
-                    searchValues.push({ key: i.name, val: `^${(_a = i.value) === null || _a === void 0 ? void 0 : _a.trim()}`, rel: 'regex' });
-                    break;
-                case 'regex':
-                    searchValues.push({ key: i.name, val: `^${escapeRegExp(i.value)}`, rel: i.fieldCalculation.value });
-                    break;
-                case 'nsearch_ci':
-                    {
-                        if (i.filterType === 'string') {
-                            // 数组类型按数组查询
-                            if (Array.isArray(i.value) && i.value.length) {
-                                searchValues.push({ key: i.name, val: i.value, rel: i.fieldCalculation.value });
-                            }
-                            else if (i.value) {
-                                searchValues.push({ key: i.name, val: (_b = textToString(i.value)) === null || _b === void 0 ? void 0 : _b.trim(), rel: i.fieldCalculation.value });
-                            }
-                        }
-                        else {
-                            searchValues.push({ key: i.name, val: `${escapeRegExp(i.value)}`, rel: i.fieldCalculation.value });
-                        }
-                    }
-                    break;
-                default: {
-                    const searchItem = {
-                        key: i.name,
-                        val: i.value,
-                        rel: i.fieldCalculation.value,
-                    };
-                    if (i.filterType === 'string') {
-                        if (arrayInputType.includes(i.fieldCalculation.value) && ((_c = searchItem === null || searchItem === void 0 ? void 0 : searchItem.val) === null || _c === void 0 ? void 0 : _c.length)) {
-                            searchValues.push(searchItem);
-                        }
-                        else {
-                            searchItem.val = (_d = textToString(i.value)) === null || _d === void 0 ? void 0 : _d.trim();
-                            searchValues.push(searchItem);
-                        }
-                    }
-                    else if (i.filterType === 'number') {
-                        searchItem.val = Number(i.value);
-                        searchValues.push(searchItem);
-                    }
-                    else if (['date', 'datetime', 'time'].includes(i.filterType)) {
-                        searchItem.val = i.value;
-                        dateCalculation(searchItem, i.filterType).forEach((i) => {
-                            searchValues.push(i);
-                        });
-                    }
-                    else {
-                        searchValues.push(searchItem);
-                    }
-                }
+            // 判断是否有值
+            const hasValue = Array.isArray(item.value) && item.filterType === 'number' && ((_c = item.fieldCalculation) === null || _c === void 0 ? void 0 : _c.value) === 'scope'
+                ? item.value[0] || item.value[1]
+                : item.value !== null && item.value !== undefined && item.value !== '';
+            if (hasValue) {
+                filterValues.push(item);
             }
-        });
-        searchValues = searchValues.map((i) => {
+        }
+        // 添加 $and 条件
+        if (andConditions.length) {
+            searchValues.push({ $and: andConditions });
+        }
+        // 值筛选条件 - 使用提取的处理函数
+        for (const item of filterValues) {
+            processFilterItem(item, searchValues);
+        }
+        // 添加 format 字段
+        searchValues = searchValues.map((item) => {
             var _a;
-            const format = (_a = filterValues.find((j) => j.name === i.key)) === null || _a === void 0 ? void 0 : _a.filterType;
-            return { ...i, format };
+            const format = (_a = filterValues.find((j) => j.name === item.key)) === null || _a === void 0 ? void 0 : _a.filterType;
+            return { ...item, format };
         });
         fetchData(searchValues);
-    };
-    const onFormSubmit = (e) => {
+    }, [filterData, fetchData]);
+    // 初始化 useEffect
+    useEffect(() => {
+        var _a;
+        // 序列化当前 filterFields 用于比较
+        const currentFilterFieldsStr = JSON.stringify(filterFields);
+        // 如果和上一次相同，跳过处理
+        if (currentFilterFieldsStr === prevFilterFieldsRef.current) {
+            return;
+        }
+        const result = filterFieldsGenerate(filterFields);
+        const newFilterData = JSON.parse(JSON.stringify(result));
+        // 更新 ref 记录当前值
+        prevFilterFieldsRef.current = currentFilterFieldsStr;
+        setInitFilterData(newFilterData);
+        setFilterData(newFilterData);
+        setFilterConfig(getFilterConfig(newFilterData));
+        // 如果配置有值则执行查询
+        if (newFilterData.some((i) => i.value)) {
+            searchHandle(newFilterData);
+        }
+        // 如果折叠的查询条件中有值，则展开面板
+        if ((_a = newFilterData === null || newFilterData === void 0 ? void 0 : newFilterData.filter((i, index) => index >= maxlength)) === null || _a === void 0 ? void 0 : _a.some((j) => j.value)) {
+            setCollapse(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filterFields]);
+    const onFormSubmit = useCallback((e) => {
         e.preventDefault();
         searchHandle();
-    };
-    const resetFilter = () => {
+    }, [searchHandle]);
+    const resetFilter = useCallback(() => {
         const result = initFilterData.map((i) => ({ ...i, value: '' }));
         setFilterData(result);
         setFilterConfig(getFilterConfig(result));
@@ -203,29 +209,29 @@ export const FilterFieldsPanel = forwardRef(function Comp(props, ref) {
         if (isH5) {
             setOpenMobileFilter(false);
         }
-    };
+    }, [initFilterData, setFilterConfig, fetchData, isH5, setOpenMobileFilter]);
+    // Memo 化事件对象，避免每次渲染创建新对象导致子组件重渲染
+    const resetEvents = useMemo(() => ({ tap: resetFilter }), [resetFilter]);
+    const searchEvents = useMemo(() => ({ tap: searchHandle }), [searchHandle]);
+    const toggleCollapseHandler = useCallback(() => {
+        setCollapse((prev) => !prev);
+    }, []);
+    const toggleCollapseEvents = useMemo(() => ({
+        tap: toggleCollapseHandler,
+    }), [toggleCollapseHandler]);
+    const mobileSearchHandler = useCallback(() => {
+        searchHandle();
+        setOpenMobileFilter(false);
+    }, [searchHandle, setOpenMobileFilter]);
+    const mobileSearchEvents = useMemo(() => ({
+        tap: mobileSearchHandler,
+    }), [mobileSearchHandler]);
+    const drawerCloseHandler = useCallback(() => {
+        setOpenMobileFilter(false);
+    }, [setOpenMobileFilter]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useSetWidgetApi(() => ({ resetFilter }), [initFilterData], ref);
-    return (_jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [isH5 && (_jsx(Drawer, { className: `${classPrefix}-table-mobile-filter-drawer ${classPrefix}-table-wrap-filter ${classPrefix}-h5-table-wrap-filter`, title: "\u7B5B\u9009\u5668", visible: isH5 && openMobileFilter, onClose: () => {
-                    setOpenMobileFilter(false);
-                }, children: _jsxs("div", { children: [_jsx("div", { className: `${classPrefix}-table-wrap-filter__body`, children: filterData === null || filterData === void 0 ? void 0 : filterData.map((i) => (_jsx(FilterFieldItem, { ...i, updateFilterData: updateFilterData, fields: filterFields, supportManyRelated: supportManyRelated }, i.id))) }), _jsx("div", { className: `${classPrefix}-table-wrap-filter__footer`, children: _jsxs("div", { className: `${classPrefix}-table-wrap-filter__btn`, children: [_jsx("div", { className: `${classPrefix}-table-wrap-filter__btn-item`, children: _jsx(WdButton, { theme: "primary", variant: "outline", size: "lg", text: "\u91CD\u7F6E", events: {
-                                                tap: resetFilter,
-                                            } }) }), _jsx("div", { className: `${classPrefix}-table-wrap-filter__btn-item`, children: _jsx(WdButton, { theme: "primary", size: "lg", text: "\u786E\u5B9A", events: {
-                                                tap: () => {
-                                                    searchHandle();
-                                                    setOpenMobileFilter(false);
-                                                },
-                                            } }) })] }) })] }) })), !isH5 && !!filterData.length && (_jsx("form", { className: `${classPrefix}-table-wrap-filter`, onSubmit: onFormSubmit, "data-testid": "filter-form", children: _jsxs(Row, { gap: 20, verticalAlign: 'top', style: { justifyContent: 'space-between' }, children: [_jsx(_Fragment, { children: filterData === null || filterData === void 0 ? void 0 : filterData.map((i, index) => (_jsx(Col, { span: 6, style: {
+    return (_jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [isH5 && (_jsx(Drawer, { className: `${classPrefix}-table-mobile-filter-drawer ${classPrefix}-table-wrap-filter ${classPrefix}-h5-table-wrap-filter`, title: "\u7B5B\u9009\u5668", visible: isH5 && openMobileFilter, onClose: drawerCloseHandler, children: _jsxs("div", { children: [_jsx("div", { className: `${classPrefix}-table-wrap-filter__body`, children: filterData === null || filterData === void 0 ? void 0 : filterData.map((i) => (_jsx(FilterFieldItem, { ...i, updateFilterData: updateFilterData, fields: filterFields, supportManyRelated: supportManyRelated }, i.id))) }), _jsx("div", { className: `${classPrefix}-table-wrap-filter__footer`, children: _jsxs("div", { className: `${classPrefix}-table-wrap-filter__btn`, children: [_jsx("div", { className: `${classPrefix}-table-wrap-filter__btn-item`, children: _jsx(WdButton, { theme: "primary", variant: "outline", size: "lg", text: "\u91CD\u7F6E", events: resetEvents }) }), _jsx("div", { className: `${classPrefix}-table-wrap-filter__btn-item`, children: _jsx(WdButton, { theme: "primary", size: "lg", text: "\u786E\u5B9A", events: mobileSearchEvents }) })] }) })] }) })), !isH5 && !!filterData.length && (_jsx("form", { className: `${classPrefix}-table-wrap-filter`, onSubmit: onFormSubmit, "data-testid": "filter-form", children: _jsxs(Row, { gap: 20, verticalAlign: 'top', style: { justifyContent: 'space-between' }, children: [_jsx(_Fragment, { children: filterData === null || filterData === void 0 ? void 0 : filterData.map((i, index) => (_jsx(Col, { span: 6, style: {
                                     display: `${index > num && collapse ? 'none' : 'block'}`,
-                                }, children: _jsx(FilterFieldItem, { ...i, updateFilterData: updateFilterData, fields: filterFields, supportManyRelated: supportManyRelated }) }, i.id))) }), _jsx(Col, { span: 24, style: { flex: '1', textAlign: 'right' }, children: _jsxs("div", { className: `${classPrefix}-space`, children: [_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(WdButton, { size: "md", theme: "secondary", text: "\u91CD\u7F6E", events: {
-                                                tap: resetFilter,
-                                            } }) }), _jsxs("div", { className: `${classPrefix}-space-item`, children: [_jsx("input", { type: "submit", style: { display: 'none' } }), _jsx(WdButton, { size: "md", theme: "primary", text: "\u67E5\u8BE2", events: {
-                                                    tap: () => {
-                                                        searchHandle();
-                                                    },
-                                                } })] }), filterData.length > maxlength && (_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(WdButton, { icon: collapse ? 'td:chevron-down' : 'td:chevron-up', iconType: "icon-only", theme: "secondary", variant: "text", size: "md", events: {
-                                                tap: () => {
-                                                    setCollapse(!collapse);
-                                                },
-                                            } }) }))] }) }, "search-button")] }) }))] }));
+                                }, children: _jsx(FilterFieldItem, { ...i, updateFilterData: updateFilterData, fields: filterFields, supportManyRelated: supportManyRelated }) }, i.id))) }), _jsx(Col, { span: 24, style: { flex: '1', textAlign: 'right' }, children: _jsxs("div", { className: `${classPrefix}-space`, children: [_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(WdButton, { size: "md", theme: "secondary", text: "\u91CD\u7F6E", events: resetEvents }) }), _jsxs("div", { className: `${classPrefix}-space-item`, children: [HiddenSubmitInput, _jsx(WdButton, { size: "md", theme: "primary", text: "\u67E5\u8BE2", events: searchEvents })] }), filterData.length > maxlength && (_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(WdButton, { icon: collapse ? 'td:chevron-down' : 'td:chevron-up', iconType: "icon-only", theme: "secondary", variant: "text", size: "md", events: toggleCollapseEvents }) }))] }) }, "search-button")] }) }))] }));
 });

package/dist/web/components/wd-table/components/ImportFileModalByApi/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * 后端导入弹窗
  */

package/dist/web/components/wd-table/components/InOrOutRecordModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const InOrOutRecordModal: ({ isInOrOutRecordModalVisible, dbName, setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, }: {
     isInOrOutRecordModalVisible: any;
     dbName: any;

package/dist/web/components/wd-table/components/Pagination/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Pagination: ({ total, pageIndex, pageSize, onPagingChange, }: {
     total?: number;
     pageIndex: any;

package/dist/web/components/wd-table/components/SearchBox/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SearchBox: ({ searchValues, fields, columnSets, fetchData, refresh, }: {
     searchValues: any;
     fields: any;

package/dist/web/components/wd-table/hooks/useAuthFields.d.ts

@@ -10,6 +10,7 @@ export declare const useAuthFields: ({ dbName, dbFieldNames, isNewData, isModel,
     columnSetsKey: any;
 }) => {
     authFields: any[];
+    noAuthFields: any[];
     isError: any;
     fieldsLoading: boolean;
 };

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

@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import useSWR from 'swr';
 import { getAuthFields } from '../../../utils/datasource';
 export const useAuthFields = ({ dbName, dbFieldNames, isNewData, isModel, connectorMethod, isNoDataSourceBind, isExpression = false, isApis = false, columnSetsKey, }) => {
@@ -13,16 +14,23 @@ export const useAuthFields = ({ dbName, dbFieldNames, isNewData, isModel, connec
         }
         return [isModel, dbName, connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, columnSetsKey];
     }, async () => {
-        const { showFields } = await getAuthFields(dbName, dbFieldNames, true, !!isNewData, isModel, connectorMethod, false);
-        if (!(showFields === null || showFields === void 0 ? void 0 : showFields.length)) {
+        var _a;
+        const data = await getAuthFields(dbName, dbFieldNames, true, !!isNewData, isModel, connectorMethod, false);
+        if (!((_a = data === null || data === void 0 ? void 0 : data.showFields) === null || _a === void 0 ? void 0 : _a.length)) {
             throw {
                 message: '数据源字段返回异常',
             };
         }
-        return showFields;
+        return data;
     });
+    // 用 useMemo 稳定数组引用：data?.xxx || [] 会在 data 为 undefined 时每次返回新 [],
+    // 该引用会传给上层 wd-table 的 useMemo(columns) 作为依赖，造成无意义的 columns 重算。
+    // 仅当 data 引用变化时才重建空数组兜底。
+    const authFields = useMemo(() => (data === null || data === void 0 ? void 0 : data.showFields) || [], [data]);
+    const noAuthFields = useMemo(() => (data === null || data === void 0 ? void 0 : data.noAuthFields) || [], [data]);
     return {
-        authFields: data || [],
+        authFields,
+        noAuthFields,
         isError: error,
         fieldsLoading: !error && !data,
     };

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

@@ -31,8 +31,8 @@ export const useTableData = ({ dataSourceAPI, connectorMethod, query, events, is
                         const result = await dataSourceAPI.getRecordListV2(query, { swr });
                         data = {
                             ...data,
-                            total: result.total,
-                            records: result.records || [],
+                            total: result === null || result === void 0 ? void 0 : result.total,
+                            records: (result === null || result === void 0 ? void 0 : result.records) || [],
                         };
                     }
                 }
@@ -41,8 +41,8 @@ export const useTableData = ({ dataSourceAPI, connectorMethod, query, events, is
                     const result = await dataSourceAPI.getRecordList(query, { swr });
                     data = {
                         ...data,
-                        total: result.total,
-                        records: result.records || [],
+                        total: result === null || result === void 0 ? void 0 : result.total,
+                        records: (result === null || result === void 0 ? void 0 : result.records) || [],
                     };
                 }
                 setIsError(false);

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

@@ -152,7 +152,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     });
     const columnSetsKey = columnSets === null || columnSets === void 0 ? void 0 : columnSets.map((i) => i.key);
     // 过滤权限字段
-    const { authFields, fieldsLoading, isError: fieldsError, } = useAuthFields({
+    const { authFields, noAuthFields, fieldsLoading, isError: fieldsError, } = useAuthFields({
         dbName,
         dbFieldNames,
         isNewData,
@@ -204,6 +204,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
             return [];
         }
         let baseColumns = getTableColumns({
+            noAuthFields,
             fields,
             columnSets,
             slots,
@@ -267,6 +268,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         customOptionTitle,
         classPrefix,
         resizeColumns,
+        noAuthFields,
     ]);
     // 主键
     const recordKey = getRecordKey({

package/dist/web/components/wd-tabs/tabs-h5.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { WdTabsProps } from './tabs';
 export declare const WdTabsH5: ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProps }: WdTabsProps) => JSX.Element;

package/dist/web/components/wd-tabs/tabs-pc.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { WdTabsProps } from './tabs';
 export declare const WdTabsPc: ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProps }: WdTabsProps) => JSX.Element;

package/dist/web/components/wd-tabs/tabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 export declare const WdTabs: (props: WdTabsProps) => JSX.Element;
 export interface WdTabsProps extends CommonPropsType {

package/dist/web/components/wd-tag/_design.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-layout';
 export interface WdTagProps extends CommonPropsType, DataType {