@cloudbase/weda-ui 3.25.1 → 3.26.1

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

@@ -89,6 +89,7 @@ export { default as CustomerService } from "./customer-service";
 export { default as WdAd } from "./wd-ad";
 export { default as WdOfficialAccount } from "./wd-official-account";
 export { default as WdModal } from "./wd-modal";
+export { default as WdDrawer } from "./wd-drawer";
 export { default as Chart } from "./echart";
 export { default as WdButton } from "./wd-button";
 export { default as WdDivider } from "./wd-divider";

package/dist/web/components/index.js

@@ -138,6 +138,7 @@ export { default as CustomerService } from './customer-service';
 export { default as WdAd } from './wd-ad';
 export { default as WdOfficialAccount } from './wd-official-account';
 export { default as WdModal } from './wd-modal';
+export { default as WdDrawer } from './wd-drawer';
 export { default as Chart } from './echart';
 export { default as WdButton } from './wd-button';
 export { default as WdDivider } from './wd-divider';

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

@@ -0,0 +1,3 @@
+import { WdDrawer } from './wd-drawer';
+export { WdDrawer, type WdDrawerProps } from './wd-drawer';
+export default WdDrawer;

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

@@ -0,0 +1,3 @@
+import { WdDrawer } from './wd-drawer';
+export { WdDrawer } from './wd-drawer';
+export default WdDrawer;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DataType } from '../../../configs/components/wd-drawer';
+import type { CommonPropsType } from '../../types';
+export interface WdDrawerProps extends CommonPropsType, DataType {
+    /** 动画持续时间 */
+    duration?: number;
+    /** 层级 */
+    zIndex?: number;
+}
+declare const WdDrawer: React.ForwardRefExoticComponent<WdDrawerProps & React.RefAttributes<unknown>>;
+export { WdDrawer };

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

@@ -0,0 +1,98 @@
+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_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]);
+    // 遮罩层点击关闭
+    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-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-select/hooks/useChooseList.js

@@ -1,6 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useSelectContext } from '../contexts/selectContext';
-const defaultPage = 1;
 const getUniqueOption = (option) => {
     var _a;
     const optionMap = option.reduce((acc, item) => {

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -6,8 +6,9 @@ import { LoadingTip } from 'tea-component';
 import { SelectUI as Select } from '../select/selectUI';
 import { WdIcon } from '../../wd-icon';
 import { getTableColumns } from '../../wd-table/components/FieldRender';
+import { EnumView } from '../../wd-table/components/FieldRender/Form/Enum';
 import { useAuthFields } from '../../wd-table/hooks/useAuthFields';
-import { usePlatform } from '../../../utils/platform';
+import { usePlatform, textToString } from '../../../utils/platform';
 import { DataSource } from '../../../utils/datasource';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import isObjectEqual from '../../../utils/isObjectEqual';
@@ -15,7 +16,14 @@ import { deepClone } from '../../../utils/tool';
 import { useChooseList } from '../hooks/useChooseList';
 import { getDefaultQuery } from './queryParams';
 import { EnumHoc } from '../../../utils/hooks/EnumHoc';
-const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelationOptionJump, enableRelationOptionJump, }) => {
+const OptionTextTitle = ({ field, values }) => {
+    if (field.format === 'x-enum') {
+        return _jsx(EnumView, { field: field, values: values, showRelationWithTag: false });
+    }
+    return _jsx("span", { title: textToString(values), children: textToString(values) });
+};
+const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelationOptionJump, enableRelationOptionJump, showLabelField, }) => {
+    var _a;
     const platform = usePlatform();
     const columns = useMemo(() => {
         return getTableColumns({
@@ -44,7 +52,7 @@ const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelati
                     option,
                 });
             }
-        }, children: [_jsxs("div", { className: "wd-relation-select-header", children: [_jsx("p", { className: "wd-relation-select-header-text", title: (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value), children: (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value) }), enableRelationOptionJump && (_jsx("span", { onClick: () => {
+        }, children: [_jsxs("div", { className: "wd-relation-select-header", children: [_jsx("p", { className: "wd-relation-select-header-text", title: (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value), children: _jsx(OptionTextTitle, { field: showLabelField, values: (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : option === null || option === void 0 ? void 0 : option.value }) }), enableRelationOptionJump && (_jsx("span", { onClick: () => {
                             onRelationOptionJump({ item: option });
                         }, children: _jsx(WdIcon, { name: "td:jump", size: "s", type: "inner" }) }))] }), _jsxs("div", { className: "wd-relation-select-option-group", children: [_jsx("div", { className: "wd-relation-select-option-header", children: columns === null || columns === void 0 ? void 0 : columns.map((i) => (_jsx("div", { className: "wd-relation-select-option-text", style: { width: columns.length > 1 ? i.width : 'auto' }, children: i.header }, i.key))) }), _jsx("div", { className: "wd-relation-select-option-content", children: columns === null || columns === void 0 ? void 0 : columns.map((i) => (_jsx("div", { className: "wd-relation-select-option-text", style: { width: columns.length > 1 ? i.width : 'auto' }, children: i.render(option === null || option === void 0 ? void 0 : option.extra) }, i.key))) })] })] }));
 };
@@ -99,12 +107,23 @@ export function RelationSelect(props) {
     const [isLoading, setIsLoading] = useSyncValue(isValidating, isObjectEqual);
     // 下拉选项数据
     const customOptions = useMemo(() => {
-        return isRelationSelectOption
-            ? options === null || options === void 0 ? void 0 : options.map((i) => ({
+        const showLabelField = authFields.find((i) => i.name === showLabel);
+        if (isRelationSelectOption) {
+            return options === null || options === void 0 ? void 0 : options.map((i) => ({
                 ...i,
-                text: (_jsx(OptionText, { mode: mode, option: i, selectFields: selectFields, authFields: authFields, onChange: onChange, onRelationOptionJump: onRelationOptionJump, enableRelationOptionJump: enableRelationOptionJump })),
-            }))
-            : options;
+                text: (_jsx(OptionText, { mode: mode, option: i, selectFields: selectFields, authFields: authFields, onChange: onChange, onRelationOptionJump: onRelationOptionJump, enableRelationOptionJump: enableRelationOptionJump, showLabelField: showLabelField })),
+            }));
+        }
+        else if ((showLabelField === null || showLabelField === void 0 ? void 0 : showLabelField.format) === 'x-enum') {
+            return options === null || options === void 0 ? void 0 : options.map((i) => {
+                var _a;
+                return ({
+                    ...i,
+                    text: _jsx(OptionTextTitle, { field: showLabelField, values: (_a = i.label) !== null && _a !== void 0 ? _a : i.value }),
+                });
+            });
+        }
+        return options;
     }, [
         authFields,
         enableRelationOptionJump,
@@ -114,6 +133,7 @@ export function RelationSelect(props) {
         onRelationOptionJump,
         options,
         selectFields,
+        showLabel,
     ]);
     const searchOptionListWithWhere = useDebouncedCallback((filter = defaultQuery === null || defaultQuery === void 0 ? void 0 : defaultQuery.filter) => {
         empty();

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

@@ -37,8 +37,9 @@ export const formatEnum = (value, field, enumOptions, showRelationWithTag = true
         const optionName = field['x-option-name'];
         const isMulti = field['x-multi-select'];
         const options = (enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[optionName]) || [];
+        const optionsMap = new Map(options.map((item) => [item.value, item.text]));
         let val = '-';
-        const getTextByValue = (value) => { var _a; return ((_a = options === null || options === void 0 ? void 0 : options.find((item) => (item === null || item === void 0 ? void 0 : item.value) === value)) === null || _a === void 0 ? void 0 : _a.text) || value; };
+        const getTextByValue = (value) => optionsMap.get(value) || value;
         if (isMulti) {
             val = (_a = []
                 .concat(value)
@@ -48,7 +49,7 @@ export const formatEnum = (value, field, enumOptions, showRelationWithTag = true
             val = getTextByValue(value);
         }
         if (!showRelationWithTag) {
-            return _jsx("span", { title: val, children: val });
+            return (_jsx("span", { style: { display: 'inline-block' }, title: val, children: val }));
         }
         return (_jsx(WdTag, { range: val === null || val === void 0 ? void 0 : val.split(',').map((i) => ({
                 label: i,

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, //是否开启动态分页
@@ -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,

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-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/package.json

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