@cloudbase/weda-ui 3.20.6 → 3.21.1

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

@@ -72,6 +72,7 @@ exeditor-toolbar-table-panel {
 .weda-richtext-container {
   z-index: 2 !important;
   height: 100%;
+  background-color: #fff;
 }
 
 .weda-richtext-container.ex-fullscreen {
@@ -108,9 +109,7 @@ exeditor-toolbar-table-panel {
 }
 
 .weda-richText.weda-richText-web-not-vertical > :last-child {
-  width: calc(
-    100% - var(--wd-form-item-label-width) - var(--wd-form-item-label-mr)
-  ) !important;
+  width: calc(100% - var(--wd-form-item-label-width) - var(--wd-form-item-label-mr)) !important;
   max-width: inherit;
 }
 
@@ -137,3 +136,239 @@ exeditor-link-modal {
   background-color: inherit;
   width: 100%;
 }
+
+.exeditor-toolbar[data-theme='basic'] {
+  --exeditor-toolbar-color: var(--exeditor-basic-toolbar-color, #555);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  padding: var(--exeditor-toolbar-padding, 15px);
+  color: var(--exeditor-toolbar-color, #555);
+  background: var(--exeditor-toolbar-background, #fcfcfc);
+}
+.exeditor-toolbar[data-theme='basic'][data-in='popover'] {
+  box-sizing: border-box;
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  max-width: 100%;
+  padding: 5px;
+  border-radius: 4px;
+  box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
+}
+.exeditor-toolbar--multiline[data-theme='basic'] {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.exeditor-toolbar--multiline[data-theme='basic'] > .exeditor-toolbar__row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.exeditor-toolbar[data-theme='basic'] [data-toolbar-item-of] {
+  flex-basis: 0;
+  margin: 0 var(--exeditor-basic-toolbar-button-margin, 5px);
+  white-space: nowrap;
+}
+
+.ExEditor-basic::after {
+  content: '';
+  display: block;
+  clear: both;
+}
+.ExEditor-basic {
+  box-sizing: border-box;
+  min-height: var(--exeditor-editor-min-height, 100px);
+  background: var(--exeditor-editor-background, #fff);
+  padding: var(--exeditor-editor-padding, 20px);
+  outline: none;
+  white-space: pre-wrap;
+  --exeditor-hr-color: var(--exeditor-basic-hr-color, #e7e7e7);
+  --exeditor-link-color: var(--exeditor-basic-link-color, #0052ff);
+  --exeditor-selected-outline: var(--exeditor-basic-selected-outline, 2px solid #68cef8);
+  --exeditor-selected-background: var(--exeditor-basic-selected-background, rgba(24, 144, 255, 0.3));
+  --exeditor-selected-cell-background: var(--exeditor-basic-selected-cell-background, rgba(24, 144, 255, 0.15));
+  --exeditor-formula-vertical-align: var(--exeditor-basic-formula-vertical-align, middle);
+}
+.ExEditor-basic a:any-link {
+  color: var(--exeditor-link-color);
+  text-decoration: underline;
+}
+.ExEditor-basic h1 {
+  font-size: 2em;
+}
+.ExEditor-basic p {
+  line-height: 26px;
+  min-height: 1em;
+}
+.ExEditor-basic blockquote {
+  background: #00000008;
+  border-left: 6px solid #ccc;
+  margin: 1.5em 10px;
+  padding: 0.5em 10px;
+}
+.ExEditor-basic pre {
+  padding: 6px;
+  background: #efefef;
+  overflow: auto;
+}
+.ExEditor-basic p,
+.ExEditor-basic pre {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+.ExEditor-basic hr {
+  border-width: 2px 0 0 0;
+  border-style: solid;
+  border-color: var(--exeditor-hr-color);
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}
+.ExEditor-basic img[data-formula] {
+  vertical-align: var(--exeditor-formula-vertical-align);
+}
+.ExEditor-basic video {
+  display: block;
+  margin: 1em auto;
+}
+.ExEditor-basic video[data-inline] {
+  display: inline-block;
+  margin: 0;
+}
+.ExEditor-basic video:not([data-inline]) {
+  width: auto;
+  height: auto;
+  max-width: 100%;
+}
+.ExEditor-basic audio {
+  display: block;
+  margin: 1em auto;
+}
+.ExEditor-basic audio[data-inline] {
+  display: inline-block;
+  margin: 0 2px;
+}
+.ExEditor-basic.ProseMirror-focused .excore-selected-node:not(.no-outline) {
+  outline: var(--exeditor-selected-outline);
+}
+.ExEditor-basic.ProseMirror-focused .excore-in-selection {
+  background: var(--exeditor-selected-background);
+  box-shadow: 0 0 0 2px var(--exeditor-selected-background);
+}
+.ExEditor-basic .tableWrapper {
+  margin: 20px 0;
+  padding: 0;
+  overflow-x: auto;
+}
+.ExEditor-basic table {
+  table-layout: fixed;
+  min-width: fit-content;
+  border-collapse: collapse;
+  margin: 0;
+  overflow: hidden;
+}
+.ExEditor-basic table th,
+.ExEditor-basic table td {
+  box-sizing: border-box;
+  position: relative;
+  min-width: 70px;
+  padding: 0px 5px;
+  border: 2px solid #dcdcdc;
+  vertical-align: top;
+  background-clip: padding-box;
+}
+.ExEditor-basic table th {
+  font-weight: bold;
+  background-color: #f3f3f3;
+}
+.ExEditor-basic table td {
+  background-color: white;
+}
+.ExEditor-basic table th > p,
+.ExEditor-basic table td > p {
+  min-height: 1em;
+}
+.ExEditor-basic table .selectedCell::after {
+  z-index: 2;
+  position: absolute;
+  content: '';
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: var(--exeditor-selected-cell-background);
+  pointer-events: none;
+}
+.ExEditor-basic.resize-cursor {
+  cursor: col-resize;
+}
+.ExEditor-basic.resize-cursor.vert {
+  cursor: nw-resize;
+  cursor: row-resize;
+}
+.ExEditor-basic table .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: -2px;
+  width: 4px;
+  background-color: #adf;
+  pointer-events: none;
+}
+.ExEditor-basic table .row-resize-handle {
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  right: 0;
+  height: 4px;
+  z-index: 20;
+  background-color: #adf;
+  pointer-events: none;
+}
+
+.ExEditor-basic ol {
+  --ol-start: 1;
+  --ol-list-style-type: decimal;
+  list-style-type: none;
+  counter-reset: olCounter calc(var(--ol-start, 1) - 1);
+  position: relative;
+}
+.ExEditor-basic ol > li > :first-child::before {
+  content: counter(olCounter, var(--ol-list-style-type)) '. ';
+  counter-increment: olCounter;
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  transform: translate(-100%, 0);
+}
+
+.ExEditor-basic ul {
+  --ul-list-style-type: circle;
+  list-style-type: none;
+  position: relative;
+}
+.ExEditor-basic ul.nonUnicode-list-style-type > li > :first-child::before {
+  content: var(--ul-list-style-type) ' ';
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  transform: translate(-100%, 0.05em) scale(0.5);
+}
+.ExEditor-basic ul.unicode-list-style-type > li > :first-child::before {
+  content: var(--ul-list-style-type) ' ';
+  font-variant-numeric: tabular-nums;
+  position: absolute;
+  transform: translate(-100%, 0) scale(0.8);
+}
+
+.ExEditor-basic ul[data-type='todo'] {
+  padding-left: calc(2em + 10px);
+}
+.ExEditor-basic ul[data-type='todo'] > li > :first-child::before {
+  content: '';
+}
+.ExEditor-basic ul[data-type='todo'] > li > input[type='checkbox'] {
+  position: absolute;
+  left: 1em;
+  margin-top: 6px;
+  margin-right: 10px;
+}

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

@@ -1,24 +1,7 @@
 /// <reference types="react" />
 import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/swiper';
 import './style';
-export interface PropsType extends CommonPropsType {
-    /**
-     * 是否启用指示点
-     */
-    indicatorDots: boolean;
-    /**
-     * 是否自动切换
-     */
-    autoplay: boolean;
-    /**
-     * 当前索引值
-     */
-    current: number;
-    interval: number;
-    duration: number;
-    circular: boolean;
-    vertical: boolean;
-    indicatorColor: string;
-    indicatorActiveColor: string;
+export interface SwiperPropsType extends CommonPropsType, DataType {
 }
-export default function Swiper({ children, className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events, id, }: PropsType): JSX.Element;
+export default function Swiper({ children, className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events, id, loop, }: SwiperPropsType): JSX.Element;

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

@@ -8,7 +8,7 @@ import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
 import { emptyObject, noop } from '../../utils/constant';
 import './style';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
-export default function Swiper({ children, className, style, autoplay = true, circular = true, vertical = false, indicatorDots, indicatorColor = 'rgba(200, 200, 200, 0.9)', indicatorActiveColor = 'rgba(0, 0, 0, 0.9)', duration = 500, interval = 5000, current = 0, events = emptyObject, id, }) {
+export default function Swiper({ children, className, style, autoplay = true, circular = true, vertical = false, indicatorDots, indicatorColor = 'rgba(200, 200, 200, 0.9)', indicatorActiveColor = 'rgba(0, 0, 0, 0.9)', duration = 500, interval = 5000, current = 0, events = emptyObject, id, loop = true, }) {
     const originChildrenRef = useRef(null);
     const [realChildren, setRealChildren] = useState(children);
     const itemCount = React.Children.count(realChildren);
@@ -18,12 +18,20 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     const [height, setHeight] = useState(0);
     const { change = () => { } } = events;
     useEffect(() => {
+        /**
+         * Transforms DOM children elements into React elements by accessing their internal React fiber.
+         *
+         * This implementation detail function maps each child element to its corresponding React element
+         * by finding the React fiber instance attached to the DOM node and recreating the React element
+         * with its original type and props. The resulting React elements are stored in state via `setRealChildren`.
+         *
+         * Note: This relies on React's internal properties which may change between versions.
+         */
         const callback = () => {
             var _a;
             const realChildren = Array.from(((_a = originChildrenRef === null || originChildrenRef === void 0 ? void 0 : originChildrenRef.current) === null || _a === void 0 ? void 0 : _a.children) || []).map((elem) => {
                 const reactFiberProp = Object.keys(elem).find((prop) => {
-                    return (prop.startsWith('__reactInternalInstance') ||
-                        prop.startsWith('__reactFiber'));
+                    return prop.startsWith('__reactInternalInstance') || prop.startsWith('__reactFiber');
                 });
                 const reactFiber = elem[reactFiberProp];
                 const reactElem = React.createElement(reactFiber.elementType, reactFiber.pendingProps);
@@ -66,10 +74,10 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     });
     const setIndex = (index) => {
         if (index >= itemCount) {
-            index = 0;
+            index = loop ? 0 : currentIndex;
         }
         if (index < 0) {
-            index = itemCount - 1;
+            index = loop ? itemCount - 1 : currentIndex;
         }
         setCurrentIndex(index);
     };
@@ -89,9 +97,7 @@ export default function Swiper({ children, className, style, autoplay = true, ci
             // eslint-disable-next-line rulesdir/no-timer
             timeout = setTimeout(() => {
                 setSwipeStyle({
-                    transform: vertical
-                        ? `translate3d(0, -0%, 0)`
-                        : `translate3d(-0%, 0, 0)`,
+                    transform: vertical ? `translate3d(0, -0%, 0)` : `translate3d(-0%, 0, 0)`,
                     transitionDuration: `${duration}ms`,
                     transitionProperty: 'transform',
                 });
@@ -106,16 +112,12 @@ export default function Swiper({ children, className, style, autoplay = true, ci
         if (to === length - 1 && cur === 0) {
             circular &&
                 setSwipeStyle({
-                    transform: vertical
-                        ? `translate3d(0, -${to * 100}%, 0)`
-                        : `translate3d(-${to * 100}%, 0, 0)`,
+                    transform: vertical ? `translate3d(0, -${to * 100}%, 0)` : `translate3d(-${to * 100}%, 0, 0)`,
                 });
             // eslint-disable-next-line rulesdir/no-timer
             timeout = setTimeout(() => {
                 setSwipeStyle({
-                    transform: vertical
-                        ? `translate3d(0, -${to * 100}%, 0)`
-                        : `translate3d(-${to * 100}%, 0, 0)`,
+                    transform: vertical ? `translate3d(0, -${to * 100}%, 0)` : `translate3d(-${to * 100}%, 0, 0)`,
                     transitionDuration: `${duration}ms`,
                 });
             }, 50);
@@ -126,9 +128,7 @@ export default function Swiper({ children, className, style, autoplay = true, ci
             };
         }
         const style = {
-            transform: vertical
-                ? `translate3d(0, -${to * 100}%, 0)`
-                : `translate3d(-${to * 100}%, 0, 0)`,
+            transform: vertical ? `translate3d(0, -${to * 100}%, 0)` : `translate3d(-${to * 100}%, 0, 0)`,
         };
         if (to !== cur) {
             style.transitionDuration = `${duration}ms`;
@@ -140,6 +140,8 @@ export default function Swiper({ children, className, style, autoplay = true, ci
             }
         };
     };
+    const showLeftBtn = loop || (!loop && currentIndex !== 0);
+    const showRightBtn = loop || (!loop && currentIndex + 1 !== itemCount);
     return (_jsxs("div", { className: classNames('g-swiper weda-ui', className, {
             vertical: vertical,
         }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id, children: [_jsx("div", { ref: originChildrenRef, style: { display: 'none' }, children: children }), itemCount > 0 ? (
@@ -161,13 +163,13 @@ export default function Swiper({ children, className, style, autoplay = true, ci
                             setIndex(i);
                             e.preventDefault();
                         }, "data-index": i }));
-                }) })) : (false), _jsx("a", { href: "#", className: "g-swiper__turn-pre", onClick: (ev) => {
+                }) })) : (false), showLeftBtn && (_jsx("a", { href: "#", className: "g-swiper__turn-pre", onClick: (ev) => {
                     ev.preventDefault();
                     setIndex(currentIndex - 1);
-                }, children: "\u4E0A\u4E00\u9875" }), _jsx("a", { href: "#", className: "g-swiper__turn-next", onClick: (ev) => {
+                }, children: "\u4E0A\u4E00\u9875" })), showRightBtn && (_jsx("a", { href: "#", className: "g-swiper__turn-next", onClick: (ev) => {
                     ev.preventDefault();
                     setIndex(currentIndex + 1);
-                }, children: "\u4E0B\u4E00\u9875" })] }));
+                }, children: "\u4E0B\u4E00\u9875" }))] }));
 }
 const SwiperItem = ({ height, setHeight, children, currentIndex, index, useless }) => {
     const firstChildRef = useRef(null);

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

@@ -20,6 +20,7 @@ import { WdForm as FormUi } from './wd-form';
 import EmptyContent from '../statusContent';
 import { deepClone } from '../../utils/tool';
 import isObjectEqual from '../../utils/isObjectEqual';
+import { convertMethodParam } from '../../utils/hooks/useFormLegacy';
 import '../style';
 import { getErrorObjectFromValidateResult } from './form-utils';
 import { isNil } from '../../utils/lodash';
@@ -392,7 +393,8 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
                 };
             },
             submitParams,
-            setValue(value, opts = { notMerge: false }) {
+            setValue(val, opts = { notMerge: false }) {
+                const value = convertMethodParam(val);
                 // notMerge 默认false，表示与之前的表单值合并
                 if (opts.notMerge) {
                     setValueDebounce(value);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState, useMemo, useImperativeHandle, forwardRef, } from 'react';
+import { useEffect, useState, useMemo, useImperativeHandle, forwardRef } from 'react';
 import { ConfigProvider } from 'tea-component';
 import { Table } from './../../components';
 import classNames from '../../../../utils/classnames';
@@ -126,9 +126,7 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
         if ((isTableLoading && !isH5) || isNoDataSourceBind) {
             return [];
         }
-        if (isTableLoading &&
-            isH5 &&
-            (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
+        if (isTableLoading && isH5 && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
             return [];
         }
         return tableData;
@@ -153,15 +151,7 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
             showRelationWithTag: false,
         });
         return baseColumns === null || baseColumns === void 0 ? void 0 : baseColumns.map((i) => ({ ...i, isSort: true }));
-    }, [
-        isNoDataSourceBind,
-        fieldsLoading,
-        fields,
-        columnSets,
-        fixedFront,
-        fixedEnd,
-        isH5,
-    ]);
+    }, [isNoDataSourceBind, fieldsLoading, fields, columnSets, fixedFront, fixedEnd, isH5]);
     // 可排序字段
     const sortColumns = getSortColumns({ fields, columnSets: columns });
     // 事件属性
@@ -221,7 +211,7 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
     const renderTable = () => {
         return (_jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: `${tableClassList} modal-table`, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, records: tableRecords, sort: queryParams.sort, selectedKeys: [], onSelectChange: () => { }, isError: false, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, setColumns: undefined, onQueryChange: (query) => {
                 setQueryParams({ ...queryParams, ...query });
-            }, rowClick: () => { }, cellClick: () => { }, errorObj: errorObj }));
+            }, rowClick: () => { }, cellClick: () => { }, errorObj: errorObj, bottomTip: undefined }));
     };
     return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: authFields, children: _jsx("div", { className: classNames(wrapClassList, className), style: style, id: id, children: renderTable() }) }) }));
 });

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

@@ -1,5 +1,5 @@
 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, }: {
+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;
@@ -28,8 +28,10 @@ export declare const BaseTableCom: ({ events, recordKey, className, columns, set
     isH5: any;
     emptyText: any;
     __innerSlot?: React.ReactNode;
+    bottomTip: any;
+    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, }: {
+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;
@@ -58,4 +60,6 @@ export declare const BaseTable: React.MemoExoticComponent<({ events, recordKey,
     isH5: any;
     emptyText: any;
     __innerSlot?: React.ReactNode;
+    bottomTip: any;
+    enableBottomTipSlot?: boolean;
 }) => JSX.Element>;

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

@@ -34,7 +34,7 @@ const renderStatus = ({ isH5, status, isNoDataSourceBind, _emptyText, errorObj,
 // 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, {})), }) => {
+onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot = (_jsx(_Fragment, {})), bottomTip, enableBottomTipSlot = false, }) => {
     var _a;
     const inEditor = isInIde();
     const tableRef = useRef(null);
@@ -162,16 +162,19 @@ onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageI
     const showLoadingBottomTip = isLoading && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) !== pageIndexSpan;
     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 = () => {
-        if (!isH5) {
-            return false;
+        const shouldShowBottomTip = enableBottomTipSlot && !showStatus;
+        if (isH5) {
+            if (showLoadingBottomTip) {
+                return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx(LoadingTip, { className: "adaptation-table__loading", loadingText: '数据加载中,请稍候...' }) }) }));
+            }
+            if (!enableBottomTipSlot && showAllDataBottomTip) {
+                return (_jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx("span", { children: "\u5DF2\u52A0\u8F7D\u5168\u90E8\u6570\u636E" }) }));
+            }
         }
-        if (showLoadingBottomTip) {
-            return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx(LoadingTip, { className: "adaptation-table__loading", loadingText: '数据加载中,请稍候...' }) }) }));
+        if (shouldShowBottomTip) {
+            return _jsx(_Fragment, { children: bottomTip });
         }
-        if (showAllDataBottomTip) {
-            return (_jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx("span", { children: "\u5DF2\u52A0\u8F7D\u5168\u90E8\u6570\u636E" }) }));
-        }
-        return false;
+        return null;
     };
     const resetPadding = () => {
         var _a, _b;

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

@@ -15,6 +15,7 @@ export interface WdTableProps extends CommonPropsType, DataType {
     isMock?: boolean;
     multipleSelect: boolean;
     mockEmpty?: boolean;
+    row__bottom__slot?: React.ReactNode;
     __innerSlot?: React.ReactNode;
 }
 type TCompRef = {

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

@@ -74,7 +74,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     isSupportMultipleSort = false, // 是否支持多字段排序
     sorter, // 排序规则
     __innerSlot, enableRelationTag = true, // 关联关系字段是否开启关联标签
-    ...props } = tableProps;
+    enableBottomTipSlot = false, row__bottom__slot, ...props } = tableProps;
     const wList = convertWhere(props, supportManyRelated); // 查询参数
     const { classPrefix } = useConfig();
     const platform = usePlatform();
@@ -735,7 +735,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                                                 setOpenMobileFilter(true);
                                             }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination }) }))] })), isH5 && (enablePagination || enableRefreshBtn || enableTableHeightSizeBtn || hasFilterButton) && (_jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: onRefreshBtnClick, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
                                     setOpenMobileFilter(true);
-                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot }), isH5 && enableGlobalButton && !isNoDataSourceBind && (_jsx("div", { className: `${classPrefix}-h5-table-wrap-footer`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) }))] }), _jsx(ImportFileModal, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
+                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot, bottomTip: row__bottom__slot, enableBottomTipSlot: enableBottomTipSlot }), isH5 && enableGlobalButton && !isNoDataSourceBind && (_jsx("div", { className: `${classPrefix}-h5-table-wrap-footer`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) }))] }), _jsx(ImportFileModal, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
                             close: () => {
                                 setIsMobileOptionVisible(false);
                             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.20.6",
+  "version": "3.21.1",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",