@cloudbase/weda-ui 3.5.2 → 3.6.0

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

@@ -3,21 +3,24 @@ import * as React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import classNames from '../../utils/classnames';
 import Swipe from 'react-easy-swipe';
-import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@react-hookz/web';
-import { emptyObject } from '../../utils/constant';
+import { useEventListener, useResizeObserver } from '@react-hookz/web';
+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, }) {
     const originChildrenRef = useRef(null);
     const [realChildren, setRealChildren] = useState(children);
     const itemCount = React.Children.count(realChildren);
     current = Math.max(0, Math.min(itemCount - 1, current));
-    const [currentIndex, setCurrentIndex] = useState(current);
+    const [currentIndex, setCurrentIndex] = useSyncValue(current);
     const [swipeStyle, setSwipeStyle] = useState(null);
     const [height, setHeight] = useState(0);
     const { change = () => { } } = events;
     useEffect(() => {
         const callback = () => {
-            const realChildren = Array.from(originChildrenRef.current.children).map((elem) => {
+            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'));
@@ -28,6 +31,7 @@ export default function Swiper({ children, className, style, autoplay = true, ci
             });
             setRealChildren(realChildren);
         };
+        callback();
         const observer = new MutationObserver(callback);
         observer.observe(originChildrenRef.current, {
             childList: true,
@@ -47,11 +51,12 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     // 触发切换
     const pre = useRef({ index: currentIndex }).current;
     useEffect(() => {
-        updateSwipeStyle(currentIndex, pre.index, itemCount);
+        const cleanupTimeout = updateSwipeStyle(currentIndex, pre.index, itemCount);
         change({
             current: currentIndex,
         });
         return () => {
+            cleanupTimeout();
             pre.index = currentIndex;
         };
     }, [currentIndex, vertical]);
@@ -59,9 +64,6 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     useEventListener(outerWrapRef, 'load', (e) => {
         setHeight(e.target.clientHeight);
     });
-    const itemsClone = React.Children.map(realChildren, (x, i) => {
-        return (_jsx("div", { className: "g-swiper-item", "data-index": i, children: x }));
-    });
     const setIndex = (index) => {
         if (index >= itemCount) {
             index = 0;
@@ -74,6 +76,9 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     // 设置容器样式、动画
     // TODO fix settimeout mess
     const updateSwipeStyle = (to, cur, length) => {
+        if (to === cur)
+            return noop;
+        let timeout = null;
         // 最后向前到最开始
         if (to === 0 && cur === length - 1) {
             circular &&
@@ -82,44 +87,58 @@ export default function Swiper({ children, className, style, autoplay = true, ci
                 });
             // 不知道
             // eslint-disable-next-line rulesdir/no-timer
-            setTimeout(() => {
+            timeout = setTimeout(() => {
                 setSwipeStyle({
                     transform: vertical
-                        ? `translate3d(0, -100%, 0)`
-                        : `translate3d(-100%, 0, 0)`,
+                        ? `translate3d(0, -0%, 0)`
+                        : `translate3d(-0%, 0, 0)`,
                     transitionDuration: `${duration}ms`,
+                    transitionProperty: 'transform',
                 });
             }, 50);
-            return;
+            return () => {
+                if (timeout) {
+                    clearTimeout(timeout);
+                }
+            };
         }
         // 第一个后退到最后
         if (to === length - 1 && cur === 0) {
             circular &&
                 setSwipeStyle({
                     transform: vertical
-                        ? `translate3d(0, -${(to + 2) * 100}%, 0)`
-                        : `translate3d(-${(to + 2) * 100}%, 0, 0)`,
+                        ? `translate3d(0, -${to * 100}%, 0)`
+                        : `translate3d(-${to * 100}%, 0, 0)`,
                 });
             // eslint-disable-next-line rulesdir/no-timer
-            setTimeout(() => {
+            timeout = setTimeout(() => {
                 setSwipeStyle({
                     transform: vertical
-                        ? `translate3d(0, -${(to + 1) * 100}%, 0)`
-                        : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
+                        ? `translate3d(0, -${to * 100}%, 0)`
+                        : `translate3d(-${to * 100}%, 0, 0)`,
                     transitionDuration: `${duration}ms`,
                 });
             }, 50);
-            return;
+            return () => {
+                if (timeout) {
+                    clearTimeout(timeout);
+                }
+            };
         }
         const style = {
             transform: vertical
-                ? `translate3d(0, -${(to + 1) * 100}%, 0)`
-                : `translate3d(-${(to + 1) * 100}%, 0, 0)`,
+                ? `translate3d(0, -${to * 100}%, 0)`
+                : `translate3d(-${to * 100}%, 0, 0)`,
         };
         if (to !== cur) {
             style.transitionDuration = `${duration}ms`;
         }
         setSwipeStyle(style);
+        return () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        };
     };
     return (_jsxs("div", { className: classNames('g-swiper weda-ui', className, {
             vertical: vertical,
@@ -133,9 +152,9 @@ export default function Swiper({ children, className, style, autoplay = true, ci
                     vertical && setIndex(currentIndex - 1);
                 }, onSwipeUp: () => {
                     vertical && setIndex(currentIndex + 1);
-                }, children: [itemsClone[itemCount - 1], React.Children.map(realChildren, (x, i) => {
+                }, children: [React.Children.map(realChildren, (x, i) => {
                         return (_jsx(SwiperItem, { height: height, setHeight: setHeight, currentIndex: currentIndex, index: i, children: x }));
-                    }), itemsClone[0]] })) : null, indicatorDots ? (_jsx("div", { className: "g-swiper__pagination", children: React.Children.map(realChildren, (x, i) => {
+                    }), _jsx(SwiperItem, { height: height, setHeight: setHeight, currentIndex: 0, index: 0, useless: true, children: React.Children.map(realChildren, (x) => x)[0] })] })) : null, indicatorDots ? (_jsx("div", { className: "g-swiper__pagination", children: React.Children.map(realChildren, (x, i) => {
                     return (_jsx("a", { href: "#", className: "g-swiper__pagination-bulletm", style: {
                             backgroundColor: currentIndex === i ? indicatorActiveColor : indicatorColor,
                         }, onClick: (e) => {
@@ -150,11 +169,11 @@ export default function Swiper({ children, className, style, autoplay = true, ci
                     setIndex(currentIndex + 1);
                 }, children: "\u4E0B\u4E00\u9875" })] }));
 }
-const SwiperItem = ({ height, setHeight, children, currentIndex, index }) => {
+const SwiperItem = ({ height, setHeight, children, currentIndex, index, useless }) => {
     const firstChildRef = useRef(null);
-    const syncHeight = useDebouncedCallback((e) => {
+    const syncHeight = useDebouncedCallback(React.useCallback((e) => {
         setHeight(e.contentRect.height);
-    }, [setHeight], 500, 2000); // 必须debounce延迟，让resize完成后再设置高度
+    }, [setHeight]), 500, { maxWait: 1500 }); // 必须debounce延迟，让resize完成后再设置高度
     // 因为有loading 所以得用resizeobserver
     useResizeObserver(firstChildRef, (e) => {
         if (currentIndex === index) {
@@ -162,8 +181,7 @@ const SwiperItem = ({ height, setHeight, children, currentIndex, index }) => {
         }
     });
     return (_jsx("div", { className: classNames('g-swiper-item', {
-            current: index === currentIndex,
-        }), "data-index": index, children: _jsx("div", { ref: firstChildRef, style: {
-                height: height > 0 ? '100%' : 'auto',
-            }, children: children }) }));
+            current: index === currentIndex && !useless,
+            useless: useless,
+        }), "data-index": index, children: _jsx("div", { ref: firstChildRef, style: { height: height > 0 && !useless ? '100%' : 'auto' }, children: children }) }));
 };

package/dist/web/components/table/BaseTable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './style';
 /**
  * 基础表格

package/dist/web/components/table/BaseTable.js

@@ -875,7 +875,13 @@ export const BaseTable = (props) => {
                 }),
             });
         }
-        return baseColumns;
+        return baseColumns.map((i) => ({
+            ...i,
+            // key值默认为字段的name值，同时作为table的key值需要唯一，因此重新设置为slotKey
+            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,
+        }));
     }, [fields, actionColumn, dbName, isH5, columnSets, slots]);
     /**
      * 表格底部，表格弹窗的确定和取消

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Modal, Button, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, Tooltip, } from 'tea-component';
+import { Modal, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, Tooltip, } from 'tea-component';
 import { useImportingStatus } from '../hooks/useImportingStatus';
 import { callWedaApi } from '../../../utils/tcb';
+import { WdButton } from '../../wd-button';
 import './style';
 const { selectable, scrollable } = Table.addons;
 export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModealVisible, dbName, where, whereList, orderBy, orderType, tableColumns, supportManyRelated, }) {
@@ -129,17 +130,15 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
                                         maxWidth: '430px',
                                     }, title: status === 'success'
                                         ? '数据导出完成'
-                                        : '数据导出中，请稍候...', description: status === 'success' ? (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsxs("div", { children: [status === 'timeout'
+                                        : '数据导出中，请稍候...', description: status === 'success' ? (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, className: "wd-table__a", children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsxs("div", { children: [status === 'timeout'
                                                 ? '数据导出耗时较长，请稍后在'
-                                                : '关闭弹窗后，导出任务会继续执行，可在', _jsx("a", { onClick: () => {
+                                                : '关闭弹窗后，导出任务会继续执行，可在', _jsx("a", { className: "wd-table__a", onClick: () => {
                                                     onCancel();
                                                     handleInOrOutRecordModealVisible('export');
-                                                }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] }))] }), _jsxs(Modal.Footer, { children: [step === 'fieldMap' && (_jsx(Button, { type: "link", style: { float: 'left' }, onClick: () => {
-                            onCancel();
-                            handleInOrOutRecordModealVisible('export');
-                        }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" })), step === 'fieldMap' && (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => {
-                                    onCancel();
-                                }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", onClick: () => {
-                                    hadnleExport();
-                                }, style: { marginLeft: 10 }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length), children: "\u786E\u5B9A" })] }))] })] }));
+                                                }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] }))] }), _jsxs(Modal.Footer, { children: [step === 'fieldMap' && (_jsx(WdButton, { text: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55", variant: "link", style: { float: 'left' }, events: {
+                            tap: () => {
+                                onCancel();
+                                handleInOrOutRecordModealVisible('export');
+                            },
+                        } })), step === 'fieldMap' && (_jsxs(_Fragment, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: onCancel }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u786E\u5B9A", events: { tap: hadnleExport }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) })] }))] })] }));
 }

package/dist/web/components/table/FieldRender.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * 根据类型获取展示字段组件的 render 方法，用于表格/详情中的值转换
  * extra: { modelType: 'list' | 'detail' | 'update' | 'create', showTip: boolean }

package/dist/web/components/table/FieldRender.js

@@ -97,7 +97,7 @@ export function getFieldRender(field = {}, extra = {}) {
                     });
                 };
                 fieldValue = JSON.stringify(val);
-                return modelType === 'detail' ? (_jsx(RichTextView, { value: fieldValue })) : (_jsx("a", { onClick: () => showRichText(fieldValue), children: "\u8BE6\u60C5" }));
+                return modelType === 'detail' ? (_jsx(RichTextView, { value: fieldValue })) : (_jsx("a", { className: "wd-table__a", onClick: () => showRichText(fieldValue), children: "\u8BE6\u60C5" }));
             }
             else if (format === 'x-image') {
                 // 图片
@@ -118,7 +118,7 @@ export function getFieldRender(field = {}, extra = {}) {
             }
             else if (format === 'url') {
                 // 网址
-                return (_jsx("a", { target: "_blank", href: fieldValue, rel: "noreferrer", children: _jsx(TextWrap, { ...textProps, children: fieldValue }) }));
+                return (_jsx("a", { target: "_blank", className: "wd-table__a", href: fieldValue, rel: "noreferrer", children: _jsx(TextWrap, { ...textProps, children: fieldValue }) }));
             }
             else {
                 return _jsx(TextWrap, { ...textProps, children: fieldValue });

package/dist/web/components/table/FilterFields.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FilterFieldsPanel: ({ data, getChooseList, fetchData, isH5, }: {
     data: any;
     getChooseList: any;

package/dist/web/components/table/Form/Enum.d.ts

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

package/dist/web/components/table/Form/Location.d.ts

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

package/dist/web/components/table/ImportFileModal/index.css

@@ -91,7 +91,7 @@
   margin-left: 16px;
 }
 .weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap span {
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
   cursor: pointer;
 }
 .weda-import-csv-file-modal .file-json-map-wrap {

package/dist/web/components/table/ImportFileModal/index.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Modal, Button, Stepper, Upload, Form, Text, Dropdown, List, Status, Icon, } from 'tea-component';
+import { Modal, Stepper, Upload, Form, Text, Dropdown, List, Status, Icon, } from 'tea-component';
 import { exportData, getXlsxFileToJson } from '../../../utils/file';
 import { filterInvalidFormValue } from '../../../utils/platform';
 import csvTemplate from './csvTemplate.json';
 import { validateHandle, fieldsValidateTypeGenerate, formatTableDate, } from './validate';
 import { submitFormatter } from './submitFormatter';
 import { useEnumContext } from '../../../utils/hooks/context';
+import { WdButton } from '../../wd-button';
 import './style';
 // 下载模版
 const getCSVTemplate = (fields, datasourceTitle) => {
@@ -44,10 +45,10 @@ const UploadCSVFile = ({ parseFile, fields, datasourceTitle, setDisableNext, set
     }
     return (_jsxs("div", { className: "modal-upload-wrap", children: [_jsx(Form.Control, { status: status, message: status === 'error'
                     ? '文件大小不符合规则，请上传xlsx文件，要求文件大小2M以内，不能超过1000行、15列'
-                    : '', children: _jsx(Upload, { method: "get", send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 2, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { onClick: () => {
+                    : '', children: _jsx(Upload, { method: "get", send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 2, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, className: "wd-table__a", children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { className: "wd-table__a", onClick: () => {
                                             setFile(null);
                                             setDisableNext(true);
-                                        }, children: "\u5220\u9664" })] }) }), children: isDragging ? ('释放鼠标') : (_jsx(Status, { className: "upload-file", icon: 'blank', size: 's', operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u70B9\u51FB\u4E0A\u4F20" }), " /", ' ', _jsx(Text, { theme: "weak", children: "\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] }) })) })) }) }), _jsx("div", { className: "modal-upload-text-wrap", children: _jsxs("ul", { children: [_jsxs("li", { children: ["\u8BF7\u4E0B\u8F7D\u4F7F\u7528", _jsx("span", { onClick: () => {
+                                        }, children: "\u5220\u9664" })] }) }), children: isDragging ? ('释放鼠标') : (_jsx(Status, { className: "upload-file", icon: 'blank', size: 's', operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, className: "wd-table__a", children: "\u70B9\u51FB\u4E0A\u4F20" }), ' ', "/ ", _jsx(Text, { theme: "weak", children: "\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] }) })) })) }) }), _jsx("div", { className: "modal-upload-text-wrap", children: _jsxs("ul", { children: [_jsxs("li", { children: ["\u8BF7\u4E0B\u8F7D\u4F7F\u7528", _jsx("span", { onClick: () => {
                                         getCSVTemplate(fields, datasourceTitle);
                                     }, children: "\u00A0 \u5BFC\u5165\u6A21\u7248" }), "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"] }), _jsx("li", { children: "\u652F\u6301xlsx\u7C7B\u578B\u6587\u4EF6\uFF0C\u8981\u6C42\u6587\u4EF6\u5927\u5C0F2M\u4EE5\u5185\uFF0C\u4E0D\u80FD\u8D85\u8FC71000\u884C\u300115\u5217" }), _jsx("li", { children: "\u6682\u4E0D\u652F\u6301\u6570\u7EC4\u3001\u5BF9\u8C61\u3001\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\u7684\u5BFC\u5165" }), _jsx("li", { children: "\u5BFC\u5165\u540E\u4F1A\u89E6\u53D1\u76F8\u5173\u7684\u6EE1\u8DB3\u6761\u4EF6\u7684\u5DE5\u4F5C\u6D41" })] }) })] }));
 };
@@ -221,13 +222,13 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
                     text = text ? text === null || text === void 0 ? void 0 : text.replace('null', '空') : '空';
                     const modal = Modal.show({
                         size: 's',
-                        children: (_jsxs(_Fragment, { children: [_jsx(Modal.Body, { children: _jsx(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: () => {
-                                                modal.destroy();
-                                            }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", onClick: async () => {
-                                                modal.destroy();
-                                                importFileHandle();
-                                                setCurrent(next ? next.id : null);
-                                            }, children: "\u786E\u8BA4\u5BFC\u5165" })] })] })),
+                        children: (_jsxs(_Fragment, { children: [_jsx(Modal.Body, { children: _jsx(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` }) }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: () => modal.destroy() }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u786E\u8BA4\u5BFC\u5165", events: {
+                                                tap: async () => {
+                                                    modal.destroy();
+                                                    importFileHandle();
+                                                    setCurrent(next ? next.id : null);
+                                                },
+                                            } })] })] })),
                         onClose: () => modal.destroy(),
                     });
                 }
@@ -242,9 +243,5 @@ export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, da
     const currentIndex = current ? steps.findIndex((x) => x.id === current) : -1;
     const next = current && steps[currentIndex + 1];
     const prev = current ? steps[currentIndex - 1] : steps[steps.length - 1];
-    return (_jsxs(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal ${current === 'importFile' && 'none-border'}`, children: [_jsx(Modal.Body, { children: _jsxs("div", { children: [_jsx(Stepper, { steps: steps, current: current }), _jsx("section", { className: "modal-section", children: steps[currentIndex] && steps[currentIndex].component })] }) }), _jsx(Modal.Footer, { children: current !== 'importFile' && (_jsxs(_Fragment, { children: [_jsx(Button, { disabled: !prev, onClick: () => setCurrent(prev.id), children: "\u4E0A\u4E00\u6B65" }), _jsx(Button, { type: "primary", disabled: (!next && !current) || disableNext, onClick: () => {
-                                if (next.nextAction) {
-                                    next.nextAction();
-                                }
-                            }, style: { marginLeft: 10 }, children: next ? '下一步' : '开始导入' })] })) })] }));
+    return (_jsxs(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal ${current === 'importFile' && 'none-border'}`, children: [_jsx(Modal.Body, { children: _jsxs("div", { children: [_jsx(Stepper, { steps: steps, current: current }), _jsx("section", { className: "modal-section", children: steps[currentIndex] && steps[currentIndex].component })] }) }), _jsx(Modal.Footer, { children: current !== 'importFile' && (_jsxs(_Fragment, { children: [_jsx(WdButton, { text: "\u4E0A\u4E00\u6B65", events: { tap: () => setCurrent(prev.id) }, variant: "outline", className: "wd-btn__margin-right", disabled: !prev }), _jsx(WdButton, { text: next ? '下一步' : '开始导入', events: { tap: () => { var _a; return (_a = next.nextAction) === null || _a === void 0 ? void 0 : _a.call(next); } }, disabled: (!next && !current) || disableNext })] })) })] }));
 }

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { Modal, Button, Stepper, Dropdown, List, Status, Icon, } from 'tea-component';
+import { Modal, Stepper, Dropdown, List, Status, Icon } from 'tea-component';
 import { UploadCSVFile } from './uploadCSVFile';
 import { alertErrorMessage } from '../../../utils/platform';
 import { deepClone } from '../../../utils/tool';
 import { useImportingStatus } from '../hooks/useImportingStatus';
 import { callWedaApi } from '../../../utils/tcb';
+import { WdButton } from '../../wd-button';
 import './style';
 // 字段映射
 const FileTitleDropdown = ({ fileHeader, fileItem, upddateFileJsonMap }) => {
@@ -297,9 +298,9 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
                                         ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (_jsx(List.Item, { children: i }, index)))
                                         : errorMessage }) })] })), status !== 'validateError' && status !== 'error' && (_jsx("div", { className: `status-wrap ${status}`, children: _jsx(Status, { icon: 'blank', size: 'm', title: status === 'success'
                                 ? '数据导入完成'
-                                : '数据导入中，请稍候...', description: status === 'success' ? (_jsxs("div", { children: [_jsxs("span", { children: ["\u6210\u529F", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Success, "\u6761\uFF0C\u5931\u8D25", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure, "\u6761"] }), !!(fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure) && (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorDownloadUrl, rel: "noreferrer", style: { marginLeft: '6px' }, children: "\u4E0B\u8F7D\u9519\u8BEF\u62A5\u544A" }))] })) : (_jsxs("div", { children: [status === 'timeout'
+                                : '数据导入中，请稍候...', description: status === 'success' ? (_jsxs("div", { children: [_jsxs("span", { children: ["\u6210\u529F", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Success, "\u6761\uFF0C\u5931\u8D25", fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure, "\u6761"] }), !!(fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.Failure) && (_jsx("a", { className: "wd-table__a", target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.ErrorDownloadUrl, rel: "noreferrer", style: { marginLeft: '6px' }, children: "\u4E0B\u8F7D\u9519\u8BEF\u62A5\u544A" }))] })) : (_jsxs("div", { children: [status === 'timeout'
                                         ? '数据导入耗时较长，请稍后在'
-                                        : '关闭弹窗后，导入任务会继续执行，可在', _jsx("a", { onClick: () => {
+                                        : '关闭弹窗后，导入任务会继续执行，可在', _jsx("a", { className: "wd-table__a", onClick: () => {
                                             handleInOrOutRecordModealVisible('import');
                                             onCancel();
                                         }, children: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) }) }))] })),
@@ -317,13 +318,13 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
                     text = text ? text === null || text === void 0 ? void 0 : text.replace('null', '空') : '空';
                     const modal = Modal.show({
                         size: 's',
-                        children: (_jsxs(_Fragment, { children: [_jsx(Modal.Body, { children: _jsx(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: () => {
-                                                modal.destroy();
-                                            }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", onClick: async () => {
-                                                modal.destroy();
-                                                importFileHandle(updateByField);
-                                                setCurrent(next ? next.id : null);
-                                            }, children: "\u786E\u8BA4\u5BFC\u5165" })] })] })),
+                        children: (_jsxs(_Fragment, { children: [_jsx(Modal.Body, { children: _jsx(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` }) }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: () => modal.destroy() }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(WdButton, { text: "\u786E\u8BA4\u5BFC\u5165", events: {
+                                                tap: async () => {
+                                                    modal.destroy();
+                                                    importFileHandle(updateByField);
+                                                    setCurrent(next ? next.id : null);
+                                                },
+                                            } })] })] })),
                         onClose: () => modal.destroy(),
                     });
                 }
@@ -338,12 +339,10 @@ export function ImportFileModalByApi({ onCancel, handleInOrOutRecordModealVisibl
     const currentIndex = current ? steps.findIndex((x) => x.id === current) : -1;
     const next = current && steps[currentIndex + 1];
     const prev = current ? steps[currentIndex - 1] : steps[steps.length - 1];
-    return (_jsxs(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, destroyOnClose: true, size: 'l', className: `weda-import-csv-file-modal weda-import-by-api-csv-file-modal ${current === 'importFile' && 'none-border'}`, children: [_jsx(Modal.Body, { children: _jsxs("div", { children: [_jsx(Stepper, { steps: steps, current: current }), _jsx("section", { className: "modal-section", children: steps[currentIndex] && steps[currentIndex].component })] }) }), _jsxs(Modal.Footer, { children: [current === 'uploadFile' && (_jsx(Button, { type: "link", style: { float: 'left' }, onClick: () => {
-                            handleInOrOutRecordModealVisible('import');
-                            onCancel();
-                        }, children: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55" })), current !== 'importFile' && (_jsxs(_Fragment, { children: [_jsx(Button, { disabled: !prev, onClick: () => setCurrent(prev.id), children: "\u4E0A\u4E00\u6B65" }), _jsx(Button, { type: "primary", disabled: (!next && !current) || disableNext, onClick: () => {
-                                    if (next.nextAction) {
-                                        next.nextAction();
-                                    }
-                                }, style: { marginLeft: 10 }, children: next ? '下一步' : '开始导入' })] }))] })] }));
+    return (_jsxs(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, destroyOnClose: true, size: 'l', className: `weda-import-csv-file-modal weda-import-by-api-csv-file-modal ${current === 'importFile' && 'none-border'}`, children: [_jsx(Modal.Body, { children: _jsxs("div", { children: [_jsx(Stepper, { steps: steps, current: current }), _jsx("section", { className: "modal-section", children: steps[currentIndex] && steps[currentIndex].component })] }) }), _jsxs(Modal.Footer, { children: [current === 'uploadFile' && (_jsx(WdButton, { text: "\u6211\u7684\u5BFC\u5165\u8BB0\u5F55", variant: "link", style: { float: 'left' }, events: {
+                            tap: () => {
+                                handleInOrOutRecordModealVisible('import');
+                                onCancel();
+                            },
+                        } })), current !== 'importFile' && (_jsxs(_Fragment, { children: [_jsx(WdButton, { text: "\u4E0A\u4E00\u6B65", events: { tap: () => setCurrent(prev.id) }, variant: "outline", className: "wd-btn__margin-right", disabled: !prev }), _jsx(WdButton, { text: next ? '下一步' : '开始导入', events: { tap: () => { var _a; return (_a = next.nextAction) === null || _a === void 0 ? void 0 : _a.call(next); } }, disabled: (!next && !current) || disableNext })] }))] })] }));
 }

package/dist/web/components/table/ImportFileModalByApi/uploadCSVFile.js

@@ -106,10 +106,10 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
                                 writeType: value,
                             }) }) }), ['update', 'upsert'].includes(createDataImportQuery.writeType) && (_jsx(Form.Item, { label: "\u66F4\u65B0\u4F9D\u636E\u5B57\u6BB5", children: _jsxs(_Fragment, { children: [_jsx(Select, { size: "m", appearance: "button", matchButtonWidth: true, onChange: (value) => {
                                         setUpdateByField(value);
-                                    }, value: updateByField, options: updateFieldOption }), _jsx(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: "\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55", children: _jsx(Icon, { type: "info" }) })] }) }))] }), _jsx(Form.Control, { status: status, message: status === 'error' ? errorMsg : '', children: _jsx(Upload, { method: "put", action: getUploadUrl, send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 10, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { onClick: () => {
+                                    }, value: updateByField, options: updateFieldOption }), _jsx(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: "\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55", children: _jsx(Icon, { type: "info" }) })] }) }))] }), _jsx(Form.Control, { status: status, message: status === 'error' ? errorMsg : '', children: _jsx(Upload, { method: "put", action: getUploadUrl, send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 10, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, className: "wd-table__a", children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { className: "wd-table__a", onClick: () => {
                                             setFile(null);
                                             setDisableNext(true);
-                                        }, children: "\u5220\u9664" })] }) }), children: isDragging ? ('释放鼠标') : (_jsx(Status, { className: "upload-file", icon: 'blank', size: 's', operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u70B9\u51FB\u4E0A\u4F20" }), " /", ' ', _jsx(Text, { theme: "weak", children: "\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] }) })) })) }) }), _jsx("div", { className: "modal-upload-text-wrap", children: _jsxs("ul", { children: [_jsxs("li", { children: ["1\u3001\u8BF7\u4E0B\u8F7D\u4F7F\u7528", _jsx("span", { onClick: () => {
+                                        }, children: "\u5220\u9664" })] }) }), children: isDragging ? ('释放鼠标') : (_jsx(Status, { className: "upload-file", icon: 'blank', size: 's', operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, className: "wd-table__a", children: "\u70B9\u51FB\u4E0A\u4F20" }), ' ', "/ ", _jsx(Text, { theme: "weak", children: "\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] }) })) })) }) }), _jsx("div", { className: "modal-upload-text-wrap", children: _jsxs("ul", { children: [_jsxs("li", { children: ["1\u3001\u8BF7\u4E0B\u8F7D\u4F7F\u7528", _jsx("span", { className: "wd-table__a", onClick: () => {
                                         getCSVTemplate(fields, datasourceTitle);
                                     }, children: "\u00A0 \u5BFC\u5165\u6A21\u7248" }), "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"] }), _jsx("li", { children: tipsTemplate }), _jsxs("li", { children: [_jsx("div", { children: "3\u3001\u5BFC\u5165\u66F4\u65B0\u8BF4\u660E" }), _jsx("div", { children: "\u00A01\uFF09\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55" }), _jsx("div", { children: "\u00A02\uFF09\u5BFC\u5165\u6A21\u5F0F\u4E3A\u300C\u65B0\u589E\u6216\u66F4\u65B0\u300D\u65F6\uFF0C\u5982\u300C\u6570\u636E\u6807\u8BC6\u300D\u5217\u4E3A\u7A7A\uFF0C\u8BE5\u884C\u6570\u636E\u4F1A\u6267\u884C\u65B0\u589E\u64CD\u4F5C" }), _jsx("div", { children: "\u00A03\uFF09\u5355\u5143\u683C\u5185\u5BB9\u4E3A\u7A7A\u65F6\uFF0C\u8BE5\u7A7A\u503C\u5C06\u8986\u76D6\u539F\u6709\u6570\u636E\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C" })] }), _jsxs("li", { children: [_jsx("div", { children: "4\u3001\u6570\u636E\u683C\u5F0F\u8BF4\u660E" }), _jsx("div", { children: "\u00A0 1\uFF09\u679A\u4E3E\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u9009\u9879\u6807\u8BC6\u6216\u9009\u9879\u503C\u8FDB\u884C\u5BFC\u5165\uFF1A\u9009\u9879\u6807\u8BC6\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u4E1A\u52A1\u540D\u79F0\uFF1B\u9009\u9879\u503C\u4E3A\u9009\u9879\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A02\uFF09\u5173\u8054\u5173\u7CFB\u3001\u4E3B\u5B50\u660E\u7EC6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\u8FDB\u884C\u5BFC\u5165\uFF1A\u4E3B\u5217\u5B57\u6BB5\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u5173\u8054\u6570\u636E\u4E1A\u52A1\u540D\u79F0\uFF1B\u6570\u636E\u6807\u8BC6\u4E3A\u5173\u8054\u6570\u636E\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A03\uFF09\u5E03\u5C14\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165\u300C\u662F/\u5426\u300D\u6216\u300Ctrue/false\u300D" }), _jsx("div", { children: "\u00A04\uFF09\u56FE\u7247\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165https\u6216cloud\u534F\u8BAE\u7684\u56FE\u7247\u5730\u5740" }), _jsx("div", { children: "\u00A05\uFF09\u6587\u4EF6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301cloud\u534F\u8BAE\u7684\u6587\u4EF6\u5730\u5740" }), _jsx("div", { children: "\u00A06\uFF09\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\uFF1A\u6570\u636E\u683C\u5F0F\u8981\u6C42\u4E3A\u5730\u70B9\u540D\u79F0(\u5750\u6807\u7ECF\u5EA6,\u5750\u6807\u7EF4\u5EA6)" }), _jsx("div", { children: "\u00A07\uFF09\u5F53\u8868\u683C\u5217\u7ED1\u5B9A\u4E86\u300C\u591A\u5BF9\u4E00\u3001\u4E00\u5BF9\u4E00\u300D\u5173\u7CFB\u7684\u5173\u8054\u6A21\u578B\u5B57\u6BB5\u65F6\uFF0C\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\uFF0C\u4E0E\u5DF2\u6709\u6570\u636E\u8FDB\u884C\u5339\u914D\u5173\u8054" }), _jsx("div", { children: "\u00A08\uFF09\u5BFC\u5165\u65F6\u6682\u4E0D\u652F\u6301\u4E0E\u300C\u591A\u5BF9\u591A\u3001\u4E00\u5BF9\u591A\u300D\u5173\u7CFB\u7684\u5173\u8054\u6A21\u578B\u6784\u5EFA\u5173\u7CFB" })] })] }) })] }));
 }

package/dist/web/components/table/InOrOutRecordModeal.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { useInOutFieldsRecords } from './hooks/useInOutFieldsRecords';
 import { mutate } from 'swr';
-import { Modal, Table, Button, Text, StatusTip, Icon, List, } from 'tea-component';
+import { Modal, Table, Text, StatusTip, Icon, List } from 'tea-component';
 import { moment } from '../form/select';
+import { WdButton } from '../wd-button';
 const fieldsStatusTextColor = {
     init: 'warning',
     importing: 'warning',
@@ -49,11 +50,15 @@ export function InOrOutRecordModeal({ visible, onCancel, dbName }) {
     })) || [];
     const renderStatus = (item) => {
         const status = item === null || item === void 0 ? void 0 : item.Status;
-        return (_jsxs("div", { children: [status && (_jsx(Text, { theme: fieldsStatusTextColor[status], children: fieldsStatus[status] })), status !== 'success' && (_jsx("span", { style: { color: '#E7E7E7', margin: '0 7px' }, children: "|" })), (status === 'importing' || status === 'init') && (_jsx(Button, { type: "link", onClick: () => {
-                        mutate(dbName + 'DescribeDataImportList');
-                    }, children: "\u5237\u65B0" })), (status === 'failure' || status === 'partialFailure') && (_jsx(Button, { type: "link", onClick: () => {
-                        setErrorFiles(item === null || item === void 0 ? void 0 : item.ErrorMessage);
-                    }, children: (item === null || item === void 0 ? void 0 : item.ErrorMessage) ? '查看原因' : '未查询到失败原因' }))] }));
+        return (_jsxs("div", { children: [status && (_jsx(Text, { theme: fieldsStatusTextColor[status], children: fieldsStatus[status] })), status !== 'success' && (_jsx("span", { style: { color: '#E7E7E7', margin: '0 7px' }, children: "|" })), (status === 'importing' || status === 'init') && (_jsx(WdButton, { text: "\u5237\u65B0", variant: "link", events: {
+                        tap: () => {
+                            mutate(dbName + 'DescribeDataImportList');
+                        },
+                    } })), (status === 'failure' || status === 'partialFailure') && (_jsx(WdButton, { text: (item === null || item === void 0 ? void 0 : item.ErrorMessage) ? '查看原因' : '未查询到失败原因', variant: "link", events: {
+                        tap: () => {
+                            setErrorFiles(item === null || item === void 0 ? void 0 : item.ErrorMessage);
+                        },
+                    } }))] }));
     };
     const { scrollable } = Table.addons;
     const columns = [
@@ -74,7 +79,7 @@ export function InOrOutRecordModeal({ visible, onCancel, dbName }) {
             key: 'Operate',
             header: '操作',
             render: (item) => {
-                return (item === null || item === void 0 ? void 0 : item.DownloadUrl) ? (_jsx("a", { target: '_blank', href: item === null || item === void 0 ? void 0 : item.DownloadUrl, rel: "noreferrer", children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsx("span", { children: "-" }));
+                return (item === null || item === void 0 ? void 0 : item.DownloadUrl) ? (_jsx("a", { target: '_blank', href: item === null || item === void 0 ? void 0 : item.DownloadUrl, rel: "noreferrer", className: "wd-table__a", children: "\u70B9\u51FB\u4E0B\u8F7D" })) : (_jsx("span", { children: "-" }));
             },
         });
     }
@@ -102,17 +107,17 @@ export function InOrOutRecordModeal({ visible, onCancel, dbName }) {
     useEffect(() => {
         mutate(dbName + 'DescribeDataImportList');
     }, []);
-    return (_jsxs(Modal, { caption: getTitle((_b = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _b === void 0 ? void 0 : _b.length), visible: visible, onClose: onCancel, destroyOnClose: true, size: 'l', className: `weda-import-or-modal`, children: [_jsx(Modal.Body, { children: ((_c = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _c === void 0 ? void 0 : _c.length) ? (_jsxs("div", { className: "error-container", children: [_jsxs("div", { className: "error-tip", children: [_jsx(Icon, { type: "error", size: "s" }), _jsxs("p", { children: ["\u6570\u636E", titlePre, "\u5931\u8D25"] })] }), _jsx("div", { className: "error-content", children: _jsxs(List, { children: [(errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorDownloadUrl) && (_jsx(List.Item, { children: _jsx("a", { target: '_blank', href: errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorDownloadUrl, rel: "noreferrer", children: "\u4E0B\u8F7D\u9519\u8BEF\u62A5\u544A" }) })), Array.isArray(errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage)
+    return (_jsxs(Modal, { caption: getTitle((_b = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _b === void 0 ? void 0 : _b.length), visible: visible, onClose: onCancel, destroyOnClose: true, size: 'l', className: `weda-import-or-modal`, children: [_jsx(Modal.Body, { children: ((_c = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _c === void 0 ? void 0 : _c.length) ? (_jsxs("div", { className: "error-container", children: [_jsxs("div", { className: "error-tip", children: [_jsx(Icon, { type: "error", size: "s" }), _jsxs("p", { children: ["\u6570\u636E", titlePre, "\u5931\u8D25"] })] }), _jsx("div", { className: "error-content", children: _jsxs(List, { children: [(errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorDownloadUrl) && (_jsx(List.Item, { children: _jsx("a", { className: "wd-table__a", target: '_blank', href: errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorDownloadUrl, rel: "noreferrer", children: "\u4E0B\u8F7D\u9519\u8BEF\u62A5\u544A" }) })), Array.isArray(errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage)
                                         ? (_d = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _d === void 0 ? void 0 : _d.map((i, index) => (_jsx(List.Item, { children: i }, index)))
                                         : errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage] }) })] })) : (_jsx(Table, { records: tableRecords, recordKey: "CreateDate", columns: columns, topTip: getTopTip(isError, isLodaing, tableRecords), addons: [
                         scrollable({
                             maxHeight: 420,
                         }),
-                    ] })) }), _jsx(Modal.Footer, { children: !((_e = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _e === void 0 ? void 0 : _e.length) && (_jsx(Button, { type: "text", style: {
+                    ] })) }), _jsx(Modal.Footer, { children: !((_e = errorFiles === null || errorFiles === void 0 ? void 0 : errorFiles.ErrorMessage) === null || _e === void 0 ? void 0 : _e.length) && (_jsx(WdButton, { text: "\u4EC5\u5C55\u793A24\u5C0F\u65F6\u5185\u5BFC\u5165/\u5BFC\u51FA\u8BB0\u5F55", variant: "text", style: {
                         float: 'left',
                         pointerEvents: 'none',
                         marginLeft: '0',
                         paddingLeft: '0',
                         color: 'rgba(0, 0, 0, 0.6)',
-                    }, children: "\u4EC5\u5C55\u793A24\u5C0F\u65F6\u5185\u5BFC\u5165/\u5BFC\u51FA\u8BB0\u5F55" })) })] }));
+                    } })) })] }));
 }

package/dist/web/components/table/QuoteModal.d.ts

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

package/dist/web/components/table/UserDepartment/ViewCell.d.ts

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

package/dist/web/components/table/UserDepartment/utils.d.ts

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

package/dist/web/components/table/baseTable.css

@@ -493,7 +493,7 @@ body {
   margin-right: 10px;
   background-color: transparent;
   border-color: #dcdcdc;
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
   border: 1px solid #dcdcdc;
   font-size: 14px;
   font-weight: normal;

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

@@ -1,6 +1,6 @@
 .weda-table .wedatea2td-input,
 .weda-table .wedatea2td-text-area {
-  caret-color: #0052d9;
+  caret-color: var(--wd-color-brand, #0052d9);
 }
 .weda-table .wedatea2td-form .wedatea2td-form {
   background-color: #f3f3f3;
@@ -320,7 +320,7 @@
 }
 .weda-table ._wedamodal-fn-input-range:hover,
 .weda-table ._wedamodal-fn-input-range:focus {
-  border-color: #0052d9;
+  border-color: var(--wd-color-brand, #0052d9);
   z-index: 2;
   position: relative;
 }

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

@@ -34,8 +34,8 @@ export default React.forwardRef(function ModelTable(props, ref) {
     id: compId, // 组件id
     events, // 事件
     where, // 搜索条件
-    orderBy, // 排序字段
-    orderType, // 排序方式
+    orderBy = 'updatedAt', // 排序字段
+    orderType = 'desc', // 排序方式
     fixedFront = '', // 冻结首列至本列
     fixedEnd = '', // 冻结本列至尾列
     enableCellCustomOption, // 是否显示插槽操作列