@cloudbase/weda-ui 3.25.0 → 3.26.0

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

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import { useEffect, useRef, useState, useCallback, useImperativeHandle, forwardRef } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
+import { usePlatform } from '../../utils/platform';
+import { convertLegacyEnum } from '../../utils/tool';
+import { WD_DRAWER_PLACEMENT } from '../../../enum';
+// 常量定义
+const DEFAULT_DURATION = 300;
+const DEFAULT_Z_INDEX = 1000;
+const MASK_Z_INDEX_OFFSET = 1;
+const DEFAULT_DELAY = 100;
+// 默认样式对象
+const DEFAULT_STYLE = {};
+const WdDrawer = forwardRef(function WdDrawer(props, ref) {
+    const { id, visible: _visible, placement: _placement, mask = true, className = '', style = DEFAULT_STYLE, duration = DEFAULT_DURATION, zIndex = DEFAULT_Z_INDEX, closeType = ['outerClick'], events, headerSlot, contentSlot, footerSlot, enableHeaderSlot = true, enableContentSlot = true, enableFooterSlot = false, } = props;
+    const [openInfo, setOpenInfo] = useState(null);
+    const [closeInfo, setCloseInfo] = useState(null);
+    const platform = usePlatform();
+    const [visible, setVisible] = useSyncValue(_visible);
+    const drawerRef = useRef(null);
+    const maskRef = useRef(null);
+    const { classPrefix: _classPrefix } = useConfig();
+    const classPrefix = _classPrefix + '-';
+    const placement = convertLegacyEnum(_placement, WD_DRAWER_PLACEMENT, 'right');
+    /**
+     * 关闭弹窗
+     */
+    const close = useCallback((params) => {
+        setVisible(false);
+        setCloseInfo((params === null || params === void 0 ? void 0 : params.info) || params);
+        events === null || events === void 0 ? void 0 : events.close(params);
+    }, [events, setVisible]);
+    /**
+     * 开启弹窗
+     */
+    const open = useCallback((params) => {
+        setOpenInfo((params === null || params === void 0 ? void 0 : params.info) || params);
+        setVisible(true);
+        events === null || events === void 0 ? void 0 : events.open(params);
+    }, [events, setVisible]);
+    /** 点击遮罩层是否关闭抽屉 */
+    const maskClosable = closeType.includes('outerClick');
+    /** 点击 ESC 键是否关闭 */
+    const escClosable = closeType.includes('esc');
+    // ESC 键关闭
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape' && visible) {
+                close();
+            }
+        };
+        if (visible && platform === 'pc' && escClosable) {
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [close, escClosable, platform, visible]);
+    // 点击外部关闭
+    useEffect(() => {
+        const handleDocumentClick = (e) => {
+            // 只有在允许点击关闭时才处理
+            if (maskClosable && visible && drawerRef.current) {
+                // 检查点击目标是否在抽屉内部
+                if (!drawerRef.current.contains(e.target)) {
+                    close();
+                }
+            }
+        };
+        if (visible && maskClosable) {
+            // 延迟添加事件监听器，避免立即触发
+            // eslint-disable-next-line rulesdir/no-timer
+            const timer = setTimeout(() => {
+                document.addEventListener('click', handleDocumentClick);
+            }, DEFAULT_DELAY);
+            return () => {
+                clearTimeout(timer);
+                document.removeEventListener('click', handleDocumentClick);
+            };
+        }
+    }, [close, maskClosable, visible]);
+    // 遮罩层点击关闭
+    const handleMaskClick = (e) => {
+        if (maskClosable && e.target === maskRef.current) {
+            close();
+        }
+    };
+    // 阻止抽屉内容区域的点击事件冒泡
+    const handleDrawerClick = (e) => {
+        e.stopPropagation();
+    };
+    // 获取抽屉样式
+    const getDrawerStyle = () => {
+        const baseStyle = {
+            zIndex,
+            ...style,
+        };
+        if (placement === 'left' || placement === 'right') {
+            baseStyle.height = '100%';
+        }
+        else {
+            baseStyle.width = '100%';
+        }
+        return baseStyle;
+    };
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            close,
+            open,
+            modalState: visible ? 'open' : 'close',
+            openInfo,
+            closeInfo,
+        };
+    }, [close, open, visible, openInfo, closeInfo]);
+    return (_jsxs("div", { id: id, className: classNames(`${classPrefix}drawer`, `${classPrefix}${platform}-drawer`, className), style: { display: (style === null || style === void 0 ? void 0 : style.display) || 'block' }, "data-testid": "wd-drawer-test", children: [mask && (_jsx(CSSTransition, { in: visible, timeout: duration, classNames: `${classPrefix}drawer-mask`, unmountOnExit: true, nodeRef: maskRef, children: _jsx("div", { ref: maskRef, className: `${classPrefix}drawer-mask`, style: { zIndex: zIndex - MASK_Z_INDEX_OFFSET }, onClick: handleMaskClick }) })), _jsx(CSSTransition, { in: visible, timeout: duration, classNames: `${classPrefix}drawer-${placement}`, unmountOnExit: true, nodeRef: drawerRef, children: _jsxs("div", { ref: drawerRef, className: classNames(`${classPrefix}drawer-content-wrapper`, `${classPrefix}drawer-${placement}`), style: getDrawerStyle(), onClick: handleDrawerClick, children: [enableHeaderSlot && _jsx("div", { className: `${classPrefix}drawer-header`, children: headerSlot }), enableContentSlot && _jsx("div", { className: `${classPrefix}drawer-body`, children: contentSlot }), enableFooterSlot && _jsx("div", { className: `${classPrefix}drawer-footer`, children: footerSlot })] }) })] }));
+});
+export { WdDrawer };

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

@@ -226,7 +226,7 @@ export function useRemoteParamsFromValue({ dataSourceProfile, formData, formType
             const format = (_c = (_b = (_a = dataSourceProfile.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[cur]) === null || _c === void 0 ? void 0 : _c.format;
             acc[cur] = formData[cur];
             if (SINGLE_SELECT_FORMATS.includes(format)) {
-                acc[cur] = { _id: formData[cur] || '' };
+                acc[cur] = { _id: formData[cur] };
             }
             if (MULTI_SELECT_FORMATS.includes(format)) {
                 acc[cur] = (_d = acc[cur]) === null || _d === void 0 ? void 0 : _d.map((_id) => ({ _id }));

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

@@ -95,7 +95,11 @@ export const ImagePreview = (props) => {
             setCurrentImg(previewImageList[index]);
         });
     }, [children, index, previewImageList, setCurrentImg]);
-    return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1010, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
+    return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1010, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onDoubleClick: (e) => {
+                            e.stopPropagation();
+                        }, onClick: onMaskClick, children: [_jsx("div", { onDoubleClick: (e) => {
+                                    e.stopPropagation();
+                                }, onClick: (e) => {
                                     if (isStopPropagation) {
                                         e.stopPropagation();
                                     }

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

@@ -138,9 +138,11 @@ export const WdModal = forwardRef(function WdModal(props, ref) {
                         }
                     }, children: _jsxs("div", { style: { ...styleList, ...style }, className: classNames(modalBdClasses), onClick: (e) => {
                             e.stopPropagation();
-                        }, children: [_jsx("div", { className: `${classPrefix}-modal-bd__hd`, style: headerFooterStlye, children: props.headerSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__main`, children: props.contentSlot }), _jsx("div", { className: `${classPrefix}-modal-bd__ft ${['confirm', 'notice'].includes(props.template) && platform === 'h5'
+                        }, children: [props.headerSlot && (_jsx("div", { className: `${classPrefix}-modal-bd__hd`, style: headerFooterStlye, children: props.headerSlot })), props.contentSlot && _jsx("div", { className: `${classPrefix}-modal-bd__main`, children: props.contentSlot }), props.footerSlot && (_jsx("div", { className: `${classPrefix}-modal-bd__ft ${['confirm', 'notice'].includes(props.template) && platform === 'h5'
                                     ? `${classPrefix}-modal-bd__ft-text-btn`
-                                    : ''} ${props.template === 'notice' && platform === 'h5' ? `${classPrefix}-modal-bd__ft-text-btn--vertical` : ''}`, style: headerFooterStlye, children: props.footerSlot })] }) })] }));
+                                    : ''} ${props.template === 'notice' && platform === 'h5'
+                                    ? `${classPrefix}-modal-bd__ft-text-btn--vertical`
+                                    : ''}`, style: headerFooterStlye, children: props.footerSlot }))] }) })] }));
     };
     return (_jsx("div", { id: id, className: classNames(classes, className), style: { display: (style === null || style === void 0 ? void 0 : style.display) || 'block' }, "data-testid": "wd-modal-test", children: maskPreToShow && renderNode() }));
 });

package/dist/web/components/wd-rich-text/wd-rich-text.js

@@ -26,5 +26,5 @@ export const WdRichText = forwardRef(function WdRichText(props, ref) {
     };
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(RichText, { placeholder: true, events: events, acceptTypes: acceptTypes, maxSize: maxSize, readOnly: readOnly, disabled: disabled, value: value, decorator: null, onChange: onChange, id: props.id, storageType: storageType }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(RichText, { events: events, acceptTypes: acceptTypes, maxSize: maxSize, readOnly: readOnly, disabled: disabled, value: value, decorator: null, onChange: onChange, id: props.id, storageType: storageType }) }));
 });

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

@@ -10,6 +10,7 @@ import StatusContent from '../../../statusContent';
 import classNames from '../../../../utils/classnames';
 import { setTableHeaderStyle } from './util';
 import { orderByFieldKey } from '../../utils/index';
+import { FormFieldProvider } from '../../../wd-form/contexts/form-field-context';
 const { LoadingTip } = StatusTip;
 const defaultTotal = 0;
 const pageIndexSpan = 1;
@@ -179,7 +180,8 @@ export const BaseTableCom = ({ events, recordKey, className, columns, setColumns
             }
         }
         if (shouldShowBottomTip) {
-            return _jsx(_Fragment, { children: bottomTip });
+            // 表格底部插槽内的表单组件，非标准数组字段，不受表格控制
+            return (_jsx(FormFieldProvider, { setFieldValue: () => { }, getFieldValue: () => { }, children: bottomTip }));
         }
         return null;
     };

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable max-lines */
-import { useRef, useEffect, useState, useMemo, forwardRef, memo } from 'react';
+import { useRef, useEffect, useState, useMemo, forwardRef, memo, useCallback } from 'react';
 import { ConfigProvider } from 'tea-component';
 import { ExportFileModal, ImportFileModal, InOrOutRecordModal, deleteRecord, importHandleByApi, exportHandleByApi, exportHandle, FilterFieldsPanel, ToolBar, } from './components';
 import { TableWithForm } from './table-with-form';
@@ -63,7 +63,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     // 以下为非标准属性，config中没有
     // isOrderBy, // API是否支持排序(旧的表格有该属性)
     isMock = false, //是否mock数据
-    enableRefreshBtn = true, enableTableHeightSizeBtn = true, emptyText = '暂无数据', dataSourceData, //绑定表达式时的表格数据
+    enableRefreshBtn = true, enableTableHeightSizeBtn = true, emptyText = '暂无数据', dataSourceData = [], //绑定表达式时的表格数据
     recordKey: _recordKey = '_id', // 数据主键
     total: _total, // 表格总条数
     enableTotal = false, //是否开启动态分页
@@ -75,7 +75,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     isSupportMultipleSort = false, // 是否支持多字段排序
     sorter, // 排序规则
     __innerSlot, enableRelationTag = true, // 关联关系字段是否开启关联标签
-    enableBottomTipSlot = false, row__bottom__slot, ...props } = tableProps;
+    enableBottomTipSlot = false, row__bottom__slot, rowDisabled, ...props } = tableProps;
     const wList = convertWhere(props, supportManyRelated); // 查询参数
     const { classPrefix } = useConfig();
     const platform = usePlatform();
@@ -123,10 +123,6 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     // 移动端操作按钮弹窗
     const [isMobileOptionVisible, setIsMobileOptionVisible] = useState(false);
     const modalRef = useRef(null);
-    const dataRef = useRef({
-        dataSourceData: [],
-        tableRecords: [],
-    });
     const { enumOptions } = useEnumContext();
     const dataSourceAPI = useMemo(() => new DataSource(dbName), [dbName]); // datasource 方法-模型
     // 插槽属性
@@ -332,7 +328,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     };
     const isTableLoading = getLoadingStatus();
     // 表格数据
-    const mapTableData = () => {
+    const mapTableData = useCallback(() => {
         if (isMock) {
             return Mock.records;
         }
@@ -354,8 +350,21 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
             mapTableDataWithView(viewFieldsData, tableData);
         }
         return tableData;
-    };
-    const tableRecords = mapTableData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        dataSourceData,
+        exprLoading,
+        isExpression,
+        isH5,
+        isMock,
+        isNoDataSourceBind,
+        isTableLoading,
+        queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex,
+        tableData,
+    ]);
+    const tableRecords = useMemo(() => {
+        return mapTableData();
+    }, [mapTableData]);
     // 总数
     let total = isExpression ? tableRecords === null || tableRecords === void 0 ? void 0 : tableRecords.length : tableTotal;
     if (enableTotal && isExpression && !isNaN(parseInt(`${_total}`))) {
@@ -365,17 +374,6 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         setSelectedKeys([]);
         setSelectedRecords([]);
     }, [_recordKey]);
-    useEffect(() => {
-        var _a, _b;
-        if (isExpression &&
-            Array.isArray(dataSourceData) &&
-            !isObjectEqual((_a = dataRef === null || dataRef === void 0 ? void 0 : dataRef.current) === null || _a === void 0 ? void 0 : _a.dataSourceData, dataSourceData)) {
-            dataRef.current.dataSourceData = [...dataSourceData];
-        }
-        if (!isObjectEqual((_b = dataRef === null || dataRef === void 0 ? void 0 : dataRef.current) === null || _b === void 0 ? void 0 : _b.tableRecords, tableRecords)) {
-            dataRef.current.tableRecords = [...tableRecords];
-        }
-    }, [dataSourceData, tableRecords, isExpression]);
     const beforeModalDestroy = () => {
         // 重新加载数据
         refreshTable();
@@ -557,7 +555,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                 onSelectChange([], {}, true);
                 return;
             }
-            const recordsMap = new Map(dataRef.current.tableRecords.map((item) => [item[recordKey], item]));
+            const recordsMap = new Map(tableRecords.map((item) => [item[recordKey], item]));
             const records = (_b = (_a = params === null || params === void 0 ? void 0 : params.selectedKeys) === null || _a === void 0 ? void 0 : _a.map((key) => recordsMap.get(key))) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
             const context = { record: records, selectedRecords: records };
             const validSelectedKeys = (records === null || records === void 0 ? void 0 : records.map((record) => record[recordKey])) || [];
@@ -565,8 +563,8 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         },
         // 当前页数据
         records: isExpression && !enableTotal && enablePagination
-            ? getCurrentPageData(dataRef.current.tableRecords, query.pageNo, query.pageSize)
-            : dataRef.current.tableRecords,
+            ? getCurrentPageData(tableRecords, query.pageNo, query.pageSize)
+            : tableRecords,
         // 当前总数
         total: total,
         pageNo: query.pageNo,
@@ -578,7 +576,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         columnSets,
         defaultPageSize,
         defaultPageIndex,
-        dataSourceData: dataRef.current.dataSourceData,
+        dataSourceData,
         sort: supportManyRelated ? query.orderBy : [{ orderBy: query.orderBy, orderType: query.orderType }],
         filter: supportManyRelated ? query.filter : query === null || query === void 0 ? void 0 : query.where,
         dataSourceVersion: supportManyRelated ? 'v2' : 'v1',
@@ -592,7 +590,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         isH5,
         isModel,
         selectedKeys,
-        dataRef.current.tableRecords,
+        tableRecords,
         total,
         query.pageNo,
         query.pageSize,
@@ -601,7 +599,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         bindMetadata,
         defaultPageSize,
         defaultPageIndex,
-        dataRef.current.dataSourceData,
+        dataSourceData,
         selectedRecords,
         query === null || query === void 0 ? void 0 : query.orderBy,
         query === null || query === void 0 ? void 0 : query.orderType,
@@ -738,7 +736,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                 pageIndex: 1,
             }));
         }
-        events === null || events === void 0 ? void 0 : events.onFilterChange({ searchValues });
+        events === null || events === void 0 ? void 0 : events.onFilterChange({ searchValues, filterConfig });
     };
     const errorStatus = isError || fieldsError;
     const errorMsg = isError ? errorObj : fieldsError;
@@ -747,7 +745,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(TableWithForm, { ref: ref, 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: visibleColumns, 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, componentType: "table" }), 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(TableWithForm, { ref: ref, 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: visibleColumns, 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, componentType: "table", rowDisabled: rowDisabled }), 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/dist/web/components/wd-tabs/tabs-h5.js

@@ -64,8 +64,8 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
     300);
     // 渲染菜单
     const RenderTabItem = (index, item) => {
-        return (_jsxs("div", { className: `${classPrefix}-tabs__item ${(item === null || item === void 0 ? void 0 : item.selected) ? 'is-selected' : ''} ${(item === null || item === void 0 ? void 0 : item.isDisabled) ? 'is-disabled' : ''}`, onClick: () => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        return (_jsxs("div", { className: `${classPrefix}-tabs__item ${(item === null || item === void 0 ? void 0 : item.selected) ? 'is-selected' : ''} ${(item === null || item === void 0 ? void 0 : item.isDisabled) ? 'is-disabled' : ''}`, onClick: (e) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
                 if (!(item === null || item === void 0 ? void 0 : item.isDisabled) && !(item === null || item === void 0 ? void 0 : item.selected)) {
                     if (restProps.direction !== 'vertical') {
                         const parentWidths = (_b = (_a = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.clientWidth;
@@ -93,6 +93,7 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                             $node.current._getInstanceRef().current.selectedValue = currentSelectedValue;
                         }
                     }
+                    (_q = restProps === null || restProps === void 0 ? void 0 : restProps.events) === null || _q === void 0 ? void 0 : _q.tap({}, { originEvent: e });
                     debouncedChangeEvent({ value: item === null || item === void 0 ? void 0 : item.value });
                 }
             }, children: [(item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'prefix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null, _jsx("div", { className: `${classPrefix}-tabs__item-text`, children: item === null || item === void 0 ? void 0 : item.label }), (item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'suffix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null] }));
@@ -108,5 +109,7 @@ export const WdTabsH5 = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                                     const showRightMask = Math.round(scrollLeft + parentWidth) < scrollWidth;
                                     setShowRightMask(showRightMask);
                                 }
-                            }, children: tabsDatas === null || tabsDatas === void 0 ? void 0 : tabsDatas.map((item, index) => RenderTabItem(index, item)) }), showMask && restProps.direction !== 'vertical' && (_jsx("div", { className: `${classPrefix}-tabs__header-item-mask`, style: { opacity: `${showRightMask ? '1' : '0'}` } }))] }) }), _jsx("div", { className: `${classPrefix}-tabs__body`, children: _jsx("div", { className: `${classPrefix}-tabs__body-content`, children: renderSlot({ ...restProps, selectedTab, tabsDatas, isMultipleSlot }) }) })] }));
+                            }, children: tabsDatas === null || tabsDatas === void 0 ? void 0 : tabsDatas.map((item, index) => RenderTabItem(index, item)) }), showMask && restProps.direction !== 'vertical' && (_jsx("div", { className: `${classPrefix}-tabs__header-item-mask`, style: { opacity: `${showRightMask ? '1' : '0'}` } }))] }) }), _jsx("div", { className: `${classPrefix}-tabs__body`, onClick: (e) => {
+                    e.stopPropagation();
+                }, children: _jsx("div", { className: `${classPrefix}-tabs__body-content`, children: renderSlot({ ...restProps, selectedTab, tabsDatas, isMultipleSlot }) }) })] }));
 };

package/dist/web/components/wd-tabs/tabs-pc.js

@@ -65,8 +65,8 @@ export const WdTabsPc = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
     300);
     // 渲染菜单
     const RenderTabItem = (index, item) => {
-        return (_jsxs("div", { className: `${classPrefix}-tabs__item ${(item === null || item === void 0 ? void 0 : item.selected) ? 'is-selected' : ''} ${(item === null || item === void 0 ? void 0 : item.isDisabled) ? 'is-disabled' : ''}`, onClick: () => {
-                var _a, _b, _c, _d, _e, _f;
+        return (_jsxs("div", { className: `${classPrefix}-tabs__item ${(item === null || item === void 0 ? void 0 : item.selected) ? 'is-selected' : ''} ${(item === null || item === void 0 ? void 0 : item.isDisabled) ? 'is-disabled' : ''}`, onClick: (e) => {
+                var _a, _b, _c, _d, _e, _f, _g;
                 if (!(item === null || item === void 0 ? void 0 : item.isDisabled) && !(item === null || item === void 0 ? void 0 : item.selected)) {
                     if (restProps.direction !== 'vertical') {
                         const parentWidths = (_b = (_a = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.clientWidth;
@@ -95,6 +95,7 @@ export const WdTabsPc = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                             $node.current._getInstanceRef().current.selectedValue = currentSelectedValue;
                         }
                     }
+                    (_g = restProps === null || restProps === void 0 ? void 0 : restProps.events) === null || _g === void 0 ? void 0 : _g.tap({}, { originEvent: e });
                     debouncedChangeEvent({ value: item === null || item === void 0 ? void 0 : item.value });
                 }
             }, children: [(item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'prefix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null, _jsx("div", { className: `${classPrefix}-tabs__item-text`, children: item === null || item === void 0 ? void 0 : item.label }), (item === null || item === void 0 ? void 0 : item.iconType) !== 'none' && (item === null || item === void 0 ? void 0 : item.iconPosition) === 'suffix' ? (_jsx("div", { className: `${classPrefix}-tabs__item-icon`, children: _jsx(WdIcon, { type: item === null || item === void 0 ? void 0 : item.iconType, name: (item === null || item === void 0 ? void 0 : item.iconType) === 'inner' ? item === null || item === void 0 ? void 0 : item.innerIcon : item === null || item === void 0 ? void 0 : item.outerImage, src: (item === null || item === void 0 ? void 0 : item.iconType) === 'custom' ? item === null || item === void 0 ? void 0 : item.outerImage : '', size: "xs" }) })) : null] }));
@@ -115,5 +116,7 @@ export const WdTabsPc = ({ isMultipleSlot, tabsDatas, selectedIndex, ...restProp
                                 index: position.index + Number('1'),
                                 offset: result,
                             });
-                        } }))] }), _jsx("div", { className: `${classPrefix}-tabs__body`, children: _jsx("div", { className: `${classPrefix}-tabs__body-content`, children: renderSlot({ ...restProps, selectedTab, tabsDatas, isMultipleSlot }) }) })] }));
+                        } }))] }), _jsx("div", { className: `${classPrefix}-tabs__body`, onClick: (e) => {
+                    e.stopPropagation();
+                }, children: _jsx("div", { className: `${classPrefix}-tabs__body-content`, children: renderSlot({ ...restProps, selectedTab, tabsDatas, isMultipleSlot }) }) })] }));
 };

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

@@ -14,10 +14,6 @@ export const WdTabs = (props) => {
         setIndex(val);
     };
     return (_jsx("div", { "data-testid": "wd-tabs", className: `${classPrefix}-tabs-root ${props.direction === 'vertical'
-            ? `${classPrefix}-tabs--vertical ${classPrefix}-side-tab-root ${isH5
-                ? `${classPrefix}-h5-side-tab-root`
-                : `${classPrefix}-pc-side-tab-root`}`
-            : `${classPrefix}-top-tab-root ${isH5
-                ? `${classPrefix}-h5-top-tab-root`
-                : `${classPrefix}-pc-top-tab-root`}`} ${isH5 ? `${classPrefix}-tabs-h5-root` : ''} ${props === null || props === void 0 ? void 0 : props.className}`, style: props === null || props === void 0 ? void 0 : props.style, onClick: (e) => { var _a; return (_a = props === null || props === void 0 ? void 0 : props.events) === null || _a === void 0 ? void 0 : _a.tap({}, { originEvent: e }); }, children: !isH5 ? (_jsx(WdTabsPc, { getIndex: getIndex, ...props })) : (_jsx(WdTabsH5, { getIndex: getIndex, ...props })) }));
+            ? `${classPrefix}-tabs--vertical ${classPrefix}-side-tab-root ${isH5 ? `${classPrefix}-h5-side-tab-root` : `${classPrefix}-pc-side-tab-root`}`
+            : `${classPrefix}-top-tab-root ${isH5 ? `${classPrefix}-h5-top-tab-root` : `${classPrefix}-pc-top-tab-root`}`} ${isH5 ? `${classPrefix}-tabs-h5-root` : ''} ${props === null || props === void 0 ? void 0 : props.className}`, style: props === null || props === void 0 ? void 0 : props.style, children: !isH5 ? _jsx(WdTabsPc, { getIndex: getIndex, ...props }) : _jsx(WdTabsH5, { getIndex: getIndex, ...props }) }));
 };

package/dist/web/components/wd-tree/utils.d.ts

@@ -148,8 +148,8 @@ declare const getTreeInfo: (params: IFindNodeParams, checkable: boolean) => {
     expandedtate?: boolean;
     expanded: string[];
     event: string;
-    checked: string[];
     selected: string[];
+    checked: string[];
     currentNode: {
         data?: {
             label: string;

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

@@ -2,7 +2,7 @@
 import { alertErrorMessage } from '../../utils/platform';
 // ! reference in src/web/components/richTextView/index.tsx
 export const getOnClick = (props) => {
-    const { url, options, events } = props;
+    const { url, options, events, simulatingAnchorScrolling = true } = props;
     const isMobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i);
     return async (e) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -16,7 +16,7 @@ export const getOnClick = (props) => {
             const targetId = url.split('#')[1];
             const target = document.getElementById(targetId) || ((_g = document.getElementsByName(targetId)) === null || _g === void 0 ? void 0 : _g[0]);
             // hash路由下模拟锚点滚动
-            if (isHashRouter && target && (props === null || props === void 0 ? void 0 : props.simulatingAnchorScrolling)) {
+            if (isHashRouter && target && simulatingAnchorScrolling) {
                 if ((isOrigin && isHashLink) || url.startsWith('#')) {
                     if (!e.defaultPrevented) {
                         e.preventDefault();

package/dist/web/components/wd-upload-file/wd-upload-file.js

@@ -7,12 +7,16 @@ import UploaderFile from '../form/uploaderFile';
 import { emptyObject } from '../../utils/constant';
 import { convertSingleValue } from '../../utils/tool';
 import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+import { useTranslation } from '../../utils/i18n/translation';
 import './style';
 /**
  * 文件上传-标准化
  */
 export const WdUploadFile = forwardRef(function WdUploadFile(props, ref) {
-    const { classRoot = 'upload-file', acceptTypes: _acceptTypes = X_RUNTIME_DEFAULT._acceptTypesInFile, maxSize = X_RUNTIME_DEFAULT.maxSize, single = X_RUNTIME_DEFAULT.single, maxUploadCount = X_RUNTIME_DEFAULT.maxUploadCount, events = emptyObject, deleteVisible = X_RUNTIME_DEFAULT.deleteVisible, downloadVisible = X_RUNTIME_DEFAULT.downloadVisible, callbacks, uploadButtonText = X_RUNTIME_DEFAULT._uploadButtonText, uploadTipText = X_RUNTIME_DEFAULT._uploadTipText, storageType = 'cloudID', } = props;
+    const { classRoot = 'upload-file', acceptTypes: _acceptTypes = X_RUNTIME_DEFAULT._acceptTypesInFile, maxSize = X_RUNTIME_DEFAULT.maxSize, single = X_RUNTIME_DEFAULT.single, maxUploadCount = X_RUNTIME_DEFAULT.maxUploadCount, events = emptyObject, deleteVisible = X_RUNTIME_DEFAULT.deleteVisible, downloadVisible = X_RUNTIME_DEFAULT.downloadVisible, callbacks, uploadButtonText: _uploadButtonText, uploadTipText: _uploadTipText, storageType = 'cloudID', } = props;
+    const t = useTranslation();
+    const uploadButtonText = _uploadButtonText !== null && _uploadButtonText !== void 0 ? _uploadButtonText : t.clickToUpload;
+    const uploadTipText = _uploadTipText !== null && _uploadTipText !== void 0 ? _uploadTipText : t.supportBatchUpload;
     const acceptTypes = useMemo(() => convertAcceptTypes(_acceptTypes), [_acceptTypes]);
     // 强制转换初始值
     const initRef = useRef(false);

package/dist/web/utils/config-context/use-config.d.ts

@@ -1,3 +1,4 @@
 export declare function useConfig(): {
     classPrefix: string;
+    locale: "zh" | "en";
 };

package/dist/web/utils/config-context/use-config.js

@@ -1,9 +1,10 @@
 import { useContext } from 'react';
-import { WdConfigContext, DEFAULT_CLASS_PREFIX, } from '../../components/wd-config-provider/wd-config-context';
+import { WdConfigContext, DEFAULT_CLASS_PREFIX, DEFAULT_LOCALE, } from '../../components/wd-config-provider/wd-config-context';
 export function useConfig() {
     const context = useContext(WdConfigContext) || {};
     return {
         classPrefix: DEFAULT_CLASS_PREFIX,
+        locale: DEFAULT_LOCALE,
         ...context,
     };
 }

package/dist/web/utils/i18n/index.d.ts

@@ -0,0 +1 @@
+export { useTranslation } from './translation';

package/dist/web/utils/i18n/index.js

@@ -0,0 +1 @@
+export { useTranslation } from './translation';

package/dist/web/utils/i18n/locale/en_US.d.ts

@@ -0,0 +1,119 @@
+declare const _default: {
+    locale: string;
+    okText: string;
+    cancelText: string;
+    loadingText: string;
+    loadErrorText: string;
+    loadRetryText: string;
+    closeText: string;
+    helpText: string;
+    cleanText: string;
+    resetText: string;
+    searchText: string;
+    emptyText: string;
+    selectAllText: string;
+    paginationRecordCount: (count: any) => JSX.Element;
+    paginationPrevPage: string;
+    paginationNextPage: string;
+    paginationToFirstPage: string;
+    paginationToLastPage: string;
+    paginationAtFirst: string;
+    paginationAtLast: string;
+    paginationRecordPerPage: string;
+    paginationPageCount: (count: any) => string;
+    pleaseSelect: string;
+    foundText: string;
+    foundManyText: (count: any) => string;
+    foundManyTextWithKeyword: (keyword: any, count: any) => string;
+    foundNothingWithKeyword: (keyword: any) => string;
+    clearResultText: string;
+    tagSearchBoxTips: string;
+    tagSearchBoxEditingTips: string;
+    tagSearchBoxSelectTitle: string;
+    today: string;
+    curMonth: string;
+    prevMonth: string;
+    nextMonth: string;
+    curYear: string;
+    prevYear: string;
+    nextYear: string;
+    curTwentyYears: string;
+    prevTwentyYears: string;
+    nextTwentyYears: string;
+    monthBeforeYear: boolean;
+    yearFormat: string;
+    selectTime: string;
+    startTime: string;
+    endTime: string;
+    selectDate: string;
+    guideCancel: string;
+    guideBack: string;
+    guideNext: string;
+    guideFinish: string;
+    copy: string;
+    copied: string;
+    clickToEnlarge: string;
+    expand: string;
+    collapse: string;
+    recentlyVisited: string;
+    member: string;
+    department: string;
+    directMember: string;
+    memberPlaceholder: string;
+    memberLabel: string;
+    memberSelect: string;
+    organization: string;
+    selected: string;
+    multiple: string;
+    departmentLabel: string;
+    departmentPlaceholder: string;
+    selectDepartment: string;
+    noDepartmentData: string;
+    pleaseSelectDepartment: string;
+    loadingFailed: string;
+    noImage: string;
+    uploadFile: string;
+    clickToUpload: string;
+    supportBatchUpload: string;
+    fileName: string;
+    fileSize: string;
+    fileStatus: string;
+    fileOperation: string;
+    pendingUpload: string;
+    uploading: string;
+    uploadSuccess: string;
+    uploadFailed: string;
+    delete: string;
+    reupload: string;
+    download: string;
+    waitingUpload: string;
+    fileTotalExceed: string;
+    fileTypeError: string;
+    fileSizeExceed: string;
+    clickTopBtn: string;
+    richTextTitle: string;
+    richTextPlaceholder: string;
+    fileSizeExceedsLimit: string;
+    uploadImageFailed: string;
+    copySuccess: string;
+    fileFormatNotSupported: string;
+    headingH1: string;
+    headingH2: string;
+    headingH3: string;
+    headingH4: string;
+    headingH5: string;
+    headingH6: string;
+    normal: string;
+    sourceHanSans: string;
+    richTextErrorMessage: string;
+    batchSelect: string;
+    unrelatedUser: string;
+    unselectedMembers: string;
+    unselectedDepartments: string;
+    noMoreData: string;
+    noSelectableMembers: string;
+    noRelated: string;
+    noSelectable: string;
+    uploadImage: string;
+};
+export default _default;