@cloudbase/weda-ui 3.23.1 → 3.23.3

package/dist/web/components/wd-input-email/wd-input-email.d.ts

@@ -5,19 +5,23 @@ import type { DataType, EventsType } from '../../../configs/components/wd-input-
  * 标准化：邮箱输入组件
  */
 export declare const WdInputEmail: React.ForwardRefExoticComponent<CommonPropsType & {
-    name?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -25,19 +29,15 @@ export declare const WdInputEmail: React.ForwardRefExoticComponent<CommonPropsTy
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & {
     events: {

package/dist/web/components/wd-input-group/wd-input-group.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 export declare const WdInputGroup: ({ before, after, className, children, }: WdInputGroupProps) => JSX.Element;
 export interface WdInputGroupProps extends CommonPropsType {

package/dist/web/components/wd-input-phone/wd-input-phone.d.ts

@@ -21,20 +21,31 @@ export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsTy
         }, ...args: unknown[]) => unknown);
     };
 } & {
-    name?: string;
-    type?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    type?: string;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    password?: boolean;
+    rules?: {
+        format: string;
+        pattern: string;
+        message: string;
+    }[];
+    isNickNameType?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -42,26 +53,15 @@ export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsTy
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
-    isNickNameType?: boolean;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    password?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    rules?: {
-        message: string;
-        pattern: string;
-        format: string;
-    }[];
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & React.RefAttributes<any>>;
 export type WdInputPhoneProps = CommonPropsType & EventsType & DataType;

package/dist/web/components/wd-input-url/wd-input-url.d.ts

@@ -21,19 +21,23 @@ export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType
         }, ...args: unknown[]) => unknown);
     };
 } & {
-    name?: string;
+    size?: string;
     label?: string;
-    template?: string;
-    focus?: boolean;
-    required?: boolean;
+    name?: string;
     extra?: string;
-    size?: string;
+    required?: boolean;
     maxLength?: number;
-    placeholder?: string;
-    status?: string;
+    template?: string;
+    clearable?: boolean;
+    labelVisible?: boolean;
+    requiredFlag?: boolean;
+    requiredMsg?: string;
     layout?: string;
-    after?: string;
+    placeholder?: string;
+    focus?: boolean;
+    counterVisible?: boolean;
     before?: string;
+    after?: string;
     prefixType?: string;
     prefixIcon?: string;
     prefixSrc?: string;
@@ -41,19 +45,15 @@ export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
-    clearable?: boolean;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
     inputValue?: string;
-    labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
     cursorSpacing?: number;
     isUnionValue?: boolean;
-    counterVisible?: boolean;
-    borderedH5?: boolean;
-    borderedPc?: boolean;
-    requiredFlag?: boolean;
-    requiredMsg?: string;
+    status?: string;
     isConvert?: boolean;
 } & React.RefAttributes<any>>;
 export type WdInputUrlProps = CommonPropsType & EventsType & DataType;

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

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

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

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

package/dist/web/components/wd-member/_design/wd-member-select.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-radio';
 export declare const WdRadio: ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, }: WdRadioProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 export declare const WdRegion: ({ options }: {
     options: any;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 export declare const WdSelect: ({ size, options }: {
     size: any;

package/dist/web/components/wd-select/hooks/useChooseList.d.ts

@@ -9,8 +9,8 @@ export declare const useChooseList: ({ dataSourceAPI, queryParams, childDbName,
 }) => {
     result: {
         disabled?: boolean;
-        label: string;
         value: string;
+        label: string;
     }[];
     total: number;
     isValidating: boolean;

package/dist/web/components/wd-select/relationSelect/relationalSetting.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const RelationalSetting: ({ refresh, setting, size: _size, enableRelationalSetting, enableRelationalRefresh, }: {
     refresh: any;
     setting: any;

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

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

package/dist/web/components/wd-table/components/FieldRender/Form/Enum.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const EnumSelect: (props: any) => JSX.Element;
 export declare const formatEnum: (value: any, field: any, enumOptions: any, showRelationWithTag?: boolean) => any;
 export declare const EnumView: (props: any) => any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './style';
 export declare const locationProperties: {
     address: {

package/dist/web/components/wd-table/components/FieldRender/ImagePreview.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ImagePreview: ({ srcList }: {
     srcList: any;
 }) => JSX.Element;

package/dist/web/components/wd-table/components/FieldRender/QuoteModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * 引用类型显示弹窗
  * @description 使用组件方式编写，避免数据流中断

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './style';
 export declare const ViewCell: ({ data, showType, relation }: {
     data: any;

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const parentIcon: ({ expanded }: {
     expanded: any;
 }) => JSX.Element;

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

@@ -989,6 +989,7 @@ export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEn
         key: (i === null || i === void 0 ? void 0 : i.slotKey) || (i === null || i === void 0 ? void 0 : i.key),
         // 此字段为colum 绑定字段的key值，业务场景使用次字段
         fieldKey: i === null || i === void 0 ? void 0 : i.key,
+        shouldCellUpdate: (prevRow, nextRow) => prevRow[i === null || i === void 0 ? void 0 : i.key] !== nextRow[i === null || i === void 0 ? void 0 : i.key],
     }));
 };
 export const mapColumKey = (columnSets) => {

package/dist/web/components/wd-table/components/FilterFieldsPanel/Fields.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectSearch } from './SelectSearch';
 export { SelectSearch };
 export declare const DatePickerField: ({ disabled, showTime, isRange, updateValue, value }: {

package/dist/web/components/wd-table/components/FilterFieldsPanel/FilterFieldItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const FilterFieldItem: ({ supportManyRelated, updateFilterData, ...filterFieldItemConfig }: {
     [x: string]: any;
     supportManyRelated: any;

package/dist/web/components/wd-table/components/FilterFieldsPanel/InputAdornment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const InputAdornment: ({ label, before, children }: {
     label: any;
     before: any;

package/dist/web/components/wd-table/components/FilterFieldsPanel/SelectSearch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SelectSearch: ({ value, updateValue, format, childDbName, disabled, name, primaryColumn, multiple, regionType, }: {
     value: any;
     updateValue: any;

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

@@ -8,7 +8,7 @@ import { FilterFieldItem } from './FilterFieldItem';
 import { arrayInputType } from './Fields';
 import { filterFieldsGenerate } from './filterFieldsGenerate';
 import { WdButton } from '../../../wd-button';
-import { usePlatform } from '../../../../utils/platform';
+import { usePlatform, textToString } from '../../../../utils/platform';
 import { useSetWidgetApi } from '../../../../utils/widget-api/use-set-widget-api';
 // 正则元字符添加转义符
 const escapeRegExp = (string) => {
@@ -151,7 +151,7 @@ export const FilterFieldsPanel = forwardRef(function Comp(props, ref) {
                             searchValues.push(searchItem);
                         }
                         else {
-                            searchItem.val = (_c = i.value) === null || _c === void 0 ? void 0 : _c.trim();
+                            searchItem.val = (_c = textToString(i.value)) === null || _c === void 0 ? void 0 : _c.trim();
                             searchValues.push(searchItem);
                         }
                     }

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/components/Table/index.d.ts

@@ -1,65 +1,42 @@
-import React from 'react';
-export declare const BaseTableCom: ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, bottomTip, enableBottomTipSlot, }: {
-    events: any;
-    recordKey: any;
-    className: any;
-    columns: any;
-    setColumns: any;
-    records: any;
-    sortColumns: any;
-    sort: any;
-    onSelectChange: any;
-    selectedKeys: any;
-    rowColor: any;
-    isError: any;
-    errorObj: any;
-    isLoading: any;
-    queryParams: any;
+import React, { ReactNode } from 'react';
+export interface BaseTableComProps {
+    events?: any;
+    recordKey?: string;
+    className?: any;
+    columns?: any[];
+    setColumns?: (columns: any[]) => void;
+    records?: any[];
+    sortColumns?: any[];
+    sort?: any[];
+    onSelectChange?: (selectedKeys?: any, selectedRows?: any, clearAll?: boolean) => void;
+    selectedKeys?: string[];
+    rowColor?: string | ((params: {
+        event: {
+            detail: any;
+        };
+        data: any;
+    }) => string);
+    isError?: boolean;
+    errorObj?: any;
+    isLoading?: boolean;
+    queryParams?: any;
     total?: number;
-    onQueryChange: any;
-    enablePagination: any;
-    columnSelectType: any;
-    defaultPageSize: any;
-    defaultPageIndex: any;
-    rowClick: any;
-    cellClick: any;
-    currentSize: any;
-    isNoDataSourceBind: any;
-    isH5: any;
-    emptyText: any;
-    __innerSlot?: React.ReactNode;
-    bottomTip: any;
+    onQueryChange?: (query: any) => void;
+    enablePagination?: boolean;
+    columnSelectType?: 'select' | 'radio' | string;
+    defaultPageSize?: number;
+    defaultPageIndex?: number;
+    rowClick?: (e: React.MouseEvent, context: any) => void;
+    cellClick?: (e: React.MouseEvent, context: any) => void;
+    currentSize?: string;
+    isNoDataSourceBind?: boolean;
+    isH5?: boolean;
+    emptyText?: string;
+    __innerSlot?: ReactNode;
+    bottomTip?: ReactNode;
     enableBottomTipSlot?: boolean;
-}) => JSX.Element;
-export declare const BaseTable: React.MemoExoticComponent<({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, bottomTip, enableBottomTipSlot, }: {
-    events: any;
-    recordKey: any;
-    className: any;
-    columns: any;
-    setColumns: any;
-    records: any;
-    sortColumns: any;
-    sort: any;
-    onSelectChange: any;
-    selectedKeys: any;
-    rowColor: any;
-    isError: any;
-    errorObj: any;
-    isLoading: any;
-    queryParams: any;
-    total?: number;
-    onQueryChange: any;
-    enablePagination: any;
-    columnSelectType: any;
-    defaultPageSize: any;
-    defaultPageIndex: any;
-    rowClick: any;
-    cellClick: any;
-    currentSize: any;
-    isNoDataSourceBind: any;
-    isH5: any;
-    emptyText: any;
-    __innerSlot?: React.ReactNode;
-    bottomTip: any;
-    enableBottomTipSlot?: boolean;
-}) => JSX.Element>;
+    rowDisabled?: boolean | ((record: any) => boolean);
+    componentId?: string;
+}
+export declare const BaseTableCom: ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, bottomTip, enableBottomTipSlot, rowDisabled, componentId, }: BaseTableComProps) => JSX.Element;
+export declare const BaseTable: React.MemoExoticComponent<({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, bottomTip, enableBottomTipSlot, rowDisabled, componentId, }: BaseTableComProps) => JSX.Element>;

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, 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';
+/* eslint max-lines: [error, 380] */
+import React, { useRef, useEffect, useState } from 'react';
+import { Table, StatusTip, ConfigProvider } from 'tea-component';
+import { useResizeObserver, useDebouncedCallback } from '@react-hookz/web';
+import { errorHandler } from '../../../../utils/error';
 import { useConfig } from '../../../../utils/config-context';
-import { isInIde } from '../../../../utils/platform';
 const { sortable, radioable, selectable, injectable, pageable, autotip, scrollable, columnsResizable } = Table.addons;
 import StatusContent from '../../../statusContent';
 import classNames from '../../../../utils/classnames';
@@ -17,6 +17,8 @@ const miniPageSize = 10;
 // h5 端表格高度
 const tableHeight = { sm: 500, md: 580, lg: 880 };
 const tableHeaderHeight = 51;
+// 默认防抖延迟时间（毫秒）
+const DEFAULT_DEBOUNCE_DELAY = 200;
 const renderStatus = ({ isH5, status, isNoDataSourceBind, _emptyText, errorObj, __innerSlot }) => {
     var _a, _b;
     const text = {
@@ -32,15 +34,13 @@ const renderStatus = ({ isH5, status, isNoDataSourceBind, _emptyText, errorObj,
     return (_jsx(StatusContent, { emptyText: text[`${status}`], component: "table", icon: status, errorObj: errorObj, isH5: isH5 }));
 };
 // eslint-disable-next-line complexity
-export const BaseTableCom = ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total = defaultTotal, 
-// refreshTable,
-onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot = (_jsx(_Fragment, {})), bottomTip, enableBottomTipSlot = false, }) => {
+export const BaseTableCom = ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total = defaultTotal, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot = (_jsx(_Fragment, {})), bottomTip, enableBottomTipSlot = false, rowDisabled, componentId, }) => {
     var _a;
-    const inEditor = isInIde();
     const tableRef = useRef(null);
     const { classPrefix } = useConfig();
     // 是否展示全局loading
     const isShowLoading = isH5 ? (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === pageIndexSpan && isLoading : isLoading;
+    const [h5Loading, setH5Loading] = useState(false);
     // table状态样式
     const showStatus = isShowLoading || isError || !(records === null || records === void 0 ? void 0 : records.length);
     const classes = {
@@ -100,31 +100,40 @@ onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageI
                 },
             }),
         }),
-    ];
-    // 仅运行态可编辑
-    if (!inEditor) {
-        tableAddons.push(columnsResizable({
+        columnsResizable({
             onResizeEnd: (columns) => {
                 setColumns(columns);
             },
             minWidth: 92,
             maxWidth: 1000,
-        }));
-    }
+        }),
+    ];
     // 支撑分页的最大高度
     const tableDomHeight = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
     // 支持表格滚动，高度超过 500 开始显示滚动条
+    const fetchData = useDebouncedCallback(() => {
+        if (!isLoading && (records === null || records === void 0 ? void 0 : records.length) < total && isH5 && Number.isFinite(total)) {
+            const newPageIndex = queryParams.pageIndex + pageIndexSpan;
+            onQueryChange({ pageIndex: newPageIndex });
+            if (events === null || events === void 0 ? void 0 : events.onPagingChange) {
+                events.onPagingChange({
+                    pageIndex: newPageIndex,
+                    pageSize: queryParams.pageSize || defaultPageSize,
+                });
+            }
+        }
+    }, [isLoading, records === null || records === void 0 ? void 0 : records.length, total, isH5, queryParams.pageIndex], DEFAULT_DEBOUNCE_DELAY);
     if (isH5) {
         tableAddons.push(scrollable({
             maxHeight: tableDomHeight - tableHeaderHeight,
             onScrollBottom: () => {
-                if (!isLoading && (records === null || records === void 0 ? void 0 : records.length) < total && isH5) {
-                    onQueryChange({ pageIndex: queryParams.pageIndex + pageIndexSpan });
-                    events === null || events === void 0 ? void 0 : events.onPagingChange({
-                        pageIndex: queryParams.pageIndex + pageIndexSpan,
-                        pageSize: queryParams.pageSize || defaultPageSize,
-                    });
+                if ((records === null || records === void 0 ? void 0 : records.length) < total && isH5) {
+                    setH5Loading(true);
                 }
+                else {
+                    setH5Loading(false);
+                }
+                fetchData();
             },
         }));
     }
@@ -147,7 +156,6 @@ onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageI
         tableAddons.push(selectable({
             value: selectedKeys,
             onChange: onSelectChange,
-            render: (element, { disabled }) => (disabled ? _jsx(Icon, { type: "loading" }) : element),
             targetColumnKey: (columns === null || columns === void 0 ? void 0 : columns.length) && columnSelectType === 'select' ? 'weda_select' : undefined,
         }));
     }
@@ -155,11 +163,10 @@ onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageI
         tableAddons.push(radioable({
             value: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0],
             onChange: onSelectChange,
-            render: (element, { disabled }) => (disabled ? _jsx(Icon, { type: "loading" }) : element),
             targetColumnKey: (columns === null || columns === void 0 ? void 0 : columns.length) && columnSelectType === 'radio' ? 'weda_radio' : undefined,
         }));
     }
-    const showLoadingBottomTip = isLoading && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) !== pageIndexSpan;
+    const showLoadingBottomTip = (isLoading || h5Loading) && records.length > 0;
     const showAllDataBottomTip = (records === null || records === void 0 ? void 0 : records.length) === total && !isLoading && (records === null || records === void 0 ? void 0 : records.length) > miniPageSize;
     const bottomTipCompRender = () => {
         const shouldShowBottomTip = enableBottomTipSlot && !showStatus;
@@ -207,14 +214,32 @@ onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageI
             tableDomHeight > minPageSizeHeight &&
             !isLoading &&
             isH5 &&
-            total > miniPageSize &&
-            !inEditor) {
+            total > miniPageSize) {
             onQueryChange({ pageIndex: queryParams.pageIndex + pageIndexSpan });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [queryParams.pageIndex, currentSize, isLoading, isH5, total]);
     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 &&
+    const handleRowDisable = (record) => {
+        if (typeof rowDisabled === 'function') {
+            try {
+                return rowDisabled(record);
+            }
+            catch (error) {
+                errorHandler({
+                    code: 'rowDisabledFailed',
+                    error: error,
+                    id: componentId,
+                });
+                return false;
+            }
+        }
+        else if (typeof rowDisabled === 'boolean') {
+            return rowDisabled;
+        }
+        return false;
+    };
+    return (_jsxs("div", { className: classNames(className, classes), children: [_jsx(Table, { rowDisabled: handleRowDisable, ref: tableRef, className: className, bordered: true, recordKey: recordKey, columns: columns, records: records, addons: tableAddons, bottomTip: bottomTipCompRender() }), showStatus &&
                 renderStatus({
                     isH5,
                     status,

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

@@ -1,5 +1,5 @@
 import { Pagination } from './Pagination';
-import { BaseTable as Table } from './Table';
+import { BaseTable as Table, BaseTableComProps } from './Table';
 import { SearchBox } from './SearchBox';
 import { ExportFileModal, exportHandle, exportHandleByApi } from './ExportFileModalByApi';
 import { ImportFileModal, importHandleByApi } from './ImportFileModalByApi';
@@ -8,3 +8,4 @@ import { deleteRecord } from './deleteModal';
 import { FilterFieldsPanel } from './FilterFieldsPanel';
 import { ToolBar } from './ToolBar';
 export { Pagination, Table, SearchBox, ExportFileModal, ImportFileModal, InOrOutRecordModal, deleteRecord, importHandleByApi, exportHandle, exportHandleByApi, FilterFieldsPanel, ToolBar, };
+export type { BaseTableComProps };