@cloudbase/weda-ui 3.2.0 → 3.3.0

package/dist/src/web/components/lottery/lotteryUtil.js

@@ -0,0 +1,181 @@
+/* eslint-disable rulesdir/no-timer */
+export default class LotteryAction {
+    constructor() {
+        Object.defineProperty(this, "idx", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 开始抽奖
+        Object.defineProperty(this, "isStart", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 结束位置
+        Object.defineProperty(this, "endId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 抽奖速度
+        Object.defineProperty(this, "speed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 持续时长
+        Object.defineProperty(this, "duration", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "maxIdx", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 回调动作
+        Object.defineProperty(this, "animationCallback", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 是否异常
+        Object.defineProperty(this, "isError", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 是否加速
+        Object.defineProperty(this, "isSpeedUp", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 超时时间
+        Object.defineProperty(this, "timeout", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "timer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        // 当前位置
+        this.idx = -1;
+        // 开始抽奖
+        this.isStart = false;
+        // 结束位置
+        this.endId = undefined;
+        // 抽奖速度
+        this.speed = 0;
+        // 持续时长
+        this.duration = 2000;
+        // 长度
+        this.maxIdx = 8;
+        // 回调动作
+        this.animationCallback = () => { };
+        // 是否异常
+        this.isError = false;
+        // 是否加速
+        this.isSpeedUp = false;
+        //超时时间
+        this.timeout = 6000;
+    }
+    start(prizeResult, errorCallback) {
+        setTimeout(() => {
+            this.isStart = false;
+            const reg = /^\+?[1-9]\d*$/;
+            if (!reg.test(prizeResult)) {
+                this.isError = true;
+                if (errorCallback) {
+                    errorCallback();
+                }
+            }
+        }, this.duration);
+        // 在转动时长的一半，开始减速转动
+        setTimeout(() => {
+            this.isSpeedUp = false;
+        }, this.duration / 2);
+        // 超时，当出现一些意外的情况终止动画
+        setTimeout(() => {
+            if (this.endId === undefined) {
+                this.end(prizeResult);
+            }
+        }, this.timeout);
+        this.isStart = true;
+        this.isError = false;
+        this.isSpeedUp = true;
+        this.loop();
+    }
+    end(prizeResult) {
+        this.endId = prizeResult;
+    }
+    error() {
+        this.isError = true;
+    }
+    stop() {
+        this.isStart = false;
+        this.end(-1);
+        clearTimeout(this.timer);
+    }
+    pointOnCubicBezier(cp, t) {
+        const x = Math.pow(1 - t, 2) * cp[0] +
+            2 * t * (1 - t) * cp[1] +
+            Math.pow(t, 2) * cp[2];
+        return x;
+    }
+    loop() {
+        const { animationCallback } = this;
+        this.timer = setTimeout(() => {
+            const over = !this.isStart && this.endId !== undefined;
+            // emit
+            animationCallback({ idx: this.idx, isEnd: false });
+            // compare
+            if (this.idx < this.maxIdx) {
+                this.idx++;
+            }
+            else {
+                this.idx = 1;
+            }
+            // continue
+            if (!(over && String(this.idx) === String(this.endId)) && !this.isError) {
+                if (this.isSpeedUp) {
+                    const point = this.pointOnCubicBezier([500, 50, 100], 1 / 10);
+                    this.speed = point;
+                    if (this.speed < 100) {
+                        this.speed = 100;
+                    }
+                }
+                else {
+                    const point = this.pointOnCubicBezier([100, 50, 500], 1 / 10);
+                    this.speed = point;
+                    if (this.speed > 1000) {
+                        this.speed = 1000;
+                    }
+                }
+                this.loop();
+            }
+            else {
+                if (this.isError)
+                    return;
+                animationCallback({ idx: this.idx, isEnd: true });
+                this.idx = -1;
+            }
+        }, this.speed);
+    }
+}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ModalProps } from 'tea-component';
+import type { CommonPropsType, ICompRef } from '../../types';
+export interface PropTypes extends ModalProps, CommonPropsType {
+    content: string;
+    customButton: React.ReactNode;
+    customContent: React.ReactNode;
+    isDefaultButton: boolean;
+    outerRef: React.Ref<TCompRef>;
+}
+declare type TCompRef = ICompRef<{
+    close: () => void;
+    open: () => void;
+    toggle: () => void;
+}>;
+declare const _default: React.ForwardRefExoticComponent<PropTypes & React.RefAttributes<TCompRef>>;
+export default _default;

package/dist/src/web/components/modal/index.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { usePlatform } from '../../utils/platform';
+import { ModalPc } from './modal.pc';
+import { ModalH5 } from './modal.h5';
+export default React.forwardRef(function WeDaModal(props, ref) {
+    const platform = usePlatform();
+    if (platform === 'h5') {
+        return React.createElement(ModalH5, { ...props, outerRef: ref });
+    }
+    return React.createElement(ModalPc, { size: "auto", ...props, outerRef: ref });
+});

package/dist/src/web/components/modal/modal.h5.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropTypes } from '../modal';
+import './h5.css';
+export declare function ModalH5(props: PropTypes): JSX.Element;

package/dist/src/web/components/modal/modal.h5.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { Container, Text, Button } from '../index';
+import './h5.css';
+import { useSyncValue } from '../../utils/useSyncValue';
+export function ModalH5(props) {
+    const { events, visible, content, isDefaultButton, customButton, customContent, outerRef, } = props;
+    const [isVisible, setIsVisible] = useSyncValue(visible);
+    React.useImperativeHandle(outerRef, () => {
+        return {
+            methods: {
+                close: () => {
+                    setIsVisible(false);
+                },
+                open: () => {
+                    setIsVisible(true);
+                },
+                toggle: () => {
+                    setIsVisible((prev) => !prev);
+                },
+            },
+        };
+    }, [setIsVisible]);
+    const buttonEvents = React.useMemo(() => {
+        return {
+            tap: events.confirm,
+        };
+    }, [events]);
+    const closeEvents = React.useMemo(() => {
+        return {
+            tap: events.close,
+        };
+    }, [events]);
+    if (!isVisible) {
+        return React.createElement(Container, { className: "lcap-modal" });
+    }
+    return (React.createElement(Container, { className: "lcap-modal" },
+        React.createElement(Container, { className: "container" },
+            React.createElement(Container, { className: "lcap-modal__mask" }),
+            React.createElement(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}` },
+                React.createElement(Container, { className: "lcap-modal__close_btn", events: closeEvents },
+                    React.createElement(Container, { className: "lcap-icon-close lcap-icon", style: {
+                            fontSize: 24,
+                        } })),
+                React.createElement(Container, { title: "modal-header" }, content ? (React.createElement(Text, { level: "0", text: content, maxLines: 2, userSelect: true, space: false, contenteditable: 'false' })) : (customContent)),
+                React.createElement(Container, { className: "lcap-modal__confirm_btn" }, isDefaultButton ? (React.createElement(Button, { className: "lcap-modal__default_btn", text: "\u786E\u5B9A", events: buttonEvents })) : (customButton))))));
+}

package/dist/src/web/components/modal/modal.pc.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PropTypes } from '.';
+export declare function ModalPc(props: PropTypes): JSX.Element;

package/dist/src/web/components/modal/modal.pc.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Modal, Button, ConfigProvider } from 'tea-component';
+import classNames from '../../utils/classnames';
+import { useSyncValue } from '../../utils/useSyncValue';
+export function ModalPc(props) {
+    const { className, content, visible, customButton, customContent, isDefaultButton, size, events, outerRef, ...restProps } = props;
+    const [isVisible, setIsVisible] = useSyncValue(visible);
+    React.useImperativeHandle(outerRef, () => {
+        return {
+            methods: {
+                close: () => {
+                    setIsVisible(false);
+                },
+                open: () => {
+                    setIsVisible(true);
+                },
+                toggle: () => {
+                    setIsVisible((prev) => !prev);
+                },
+            },
+        };
+    }, [setIsVisible]);
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(Modal, { size: size, className: classNames('weda-ui', 'lcap-modal', 'container', className), visible: isVisible, onClose: () => {
+                events.close();
+            }, ...restProps },
+            React.createElement(Modal.Body, null, content ? content : customContent),
+            React.createElement(Modal.Footer, null, isDefaultButton ? (React.createElement(Button, { type: "primary", onClick: () => {
+                    events.confirm();
+                } }, "\u786E\u5B9A")) : (customButton)))));
+}

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

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './index.css';
+export declare type INavOption = {
+    params: Array<{
+        key: string;
+        value: string;
+    }>;
+    paramObj?: any;
+    icon?: string;
+    iconSrc?: string;
+    title: string;
+    tapStatus: 'tap' | 'inside' | 'outer';
+    insideUrl?: string;
+    outerUrl?: string;
+    newPage?: boolean;
+    withParams?: boolean;
+};
+export default function NavLayout({ navOption, mobileCol, pcCol, iconSize, textColor, fontSize, lineHeight, fontWeight, maxLines, className, style, }: H5NavLayoutProps): JSX.Element;
+export interface H5NavLayoutProps extends CommonPropsType {
+    /**
+     * 导航配置
+     */
+    navOption?: Readonly<INavOption[]>;
+    /**
+     * 移动端每行列数
+     */
+    mobileCol?: number;
+    /**
+     * PC端每行列数
+     */
+    pcCol?: number;
+    /**
+     * icon尺寸
+     */
+    iconSize?: 'medium' | 'samll' | 'big';
+    /**
+     * 标题颜色
+     */
+    textColor?: string;
+    /**
+     * 标题字重
+     */
+    fontWeight?: 'lighter' | 'normal' | 'bolder';
+    /**
+     * 最大行数
+     */
+    maxLines?: number;
+    /**
+     * 字号
+     */
+    fontSize?: number;
+    /**
+     * 行高
+     */
+    lineHeight: string;
+    /**
+     * 点击事件
+     */
+    navTap?: (colInfo: any) => void;
+}

package/dist/src/web/components/navLayout/index.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import classNames from '../../utils/classnames';
+import { Row, Col, ConfigProvider } from 'tea-component';
+import { usePlatform } from '../../utils/platform';
+import './index.css';
+import { IconFont } from 'tdesign-icons-react';
+import Image from '../image';
+import isObjectEqual from '../../utils/isObjectEqual';
+import { emptyArray } from '../../utils/constant';
+/**
+ * Web端
+ */
+const CLASS_PREFIX = 'weda-grid-navigation';
+export default function NavLayout({ navOption = emptyArray, mobileCol, pcCol, iconSize, textColor, fontSize, lineHeight, fontWeight, maxLines, className, style, }) {
+    const platform = usePlatform();
+    // 两次默认值不同, 需要刷新
+    const prevNavOptionRef = React.useRef(null);
+    // 等分列占比
+    const [colCount, setColCount] = React.useState(4);
+    const prevColRef = React.useRef(0);
+    const cls = classNames({
+        [CLASS_PREFIX]: true,
+        [className]: className,
+        [`${CLASS_PREFIX}-mobile`]: platform === 'h5',
+    });
+    const navList = React.useMemo(() => {
+        const list = [];
+        if (prevColRef.current !== colCount ||
+            (navOption.length > 0 &&
+                !isObjectEqual(prevNavOptionRef.current !== navOption))) {
+            list.length = Math.floor(navOption.length / colCount);
+            list.forEach((item, index) => {
+                list[index] = [];
+            });
+            navOption.forEach((item, index) => {
+                const _index = Math.floor(index / colCount);
+                if (!list[_index] || list[_index].length <= 0) {
+                    // 保证每个col 的数据都是有的，列入总共7个数据，那么第二行的3， 4，5数据是undefined, 占位
+                    list[_index] = Array(colCount).fill(null);
+                }
+                const paramObj = {};
+                if (item === null || item === void 0 ? void 0 : item.params) {
+                    for (const info of item.params) {
+                        paramObj[info.key] = info.value;
+                    }
+                }
+                item.paramObj = paramObj;
+                list[_index][index - _index * colCount] = item;
+                prevNavOptionRef.current = [...navOption];
+                prevColRef.current = colCount;
+            });
+        }
+        return list;
+    }, [colCount, navOption]);
+    React.useEffect(() => {
+        setColCount(platform === 'h5' ? mobileCol : pcCol);
+    }, [mobileCol, pcCol, platform]);
+    // 每个col的宽度百分比
+    const colStyle = {
+        width: `${(1 / colCount) * 100}%`,
+    };
+    const mutiLabelStyle = {
+        width: '100%',
+        display: '-webkit-box',
+        WebkitLineClamp: `${maxLines ? maxLines : 'inherit'}`,
+        overflow: 'hidden',
+        color: `${textColor}`,
+        fontWeight: `${fontWeight}`,
+        fontSize: `${fontSize}` + 'px',
+        lineHeight: `${lineHeight == 'auto' ? 'normal' : lineHeight}`,
+    };
+    const navTap = (colInfo = navOption[0]) => {
+        switch (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) {
+            case 'tap':
+                return null;
+            case 'inside':
+                if (colInfo.insideUrl) {
+                    app.navigateTo({
+                        mode: 'weDa',
+                        pageId: colInfo.insideUrl,
+                        params: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.withParams) && (colInfo === null || colInfo === void 0 ? void 0 : colInfo.params.length) > 0
+                            ? colInfo.paramObj
+                            : null,
+                    });
+                }
+                else {
+                    return;
+                }
+                break;
+            case 'outer':
+                if (colInfo.newPage) {
+                    colInfo.outerUrl ? window.open(colInfo.outerUrl) : false;
+                }
+                else {
+                    colInfo.outerUrl ? (window.location.href = colInfo.outerUrl) : false;
+                }
+                break;
+            default:
+                return null;
+        }
+    };
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { className: cls, "data-testid": "navLayout", style: style },
+            React.createElement("div", { className: `${CLASS_PREFIX}__wrapper` }, navList.map((row, rowIndex) => {
+                return (React.createElement(Row, { className: `${CLASS_PREFIX}__row`, key: rowIndex },
+                    React.createElement(React.Fragment, null, row &&
+                        row.map((colInfo, colIndex) => {
+                            return (React.createElement(Col, { style: {
+                                    ...colStyle,
+                                    cursor: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) != 'tap'
+                                        ? 'pointer'
+                                        : 'auto',
+                                }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${iconSize}`, key: colIndex },
+                                React.createElement("div", { "data-testid": `${colIndex}_click`, onClick: () => navTap(colInfo) },
+                                    !(colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc) ? (React.createElement(IconShow, { onIcon: colInfo === null || colInfo === void 0 ? void 0 : colInfo.icon })) : (React.createElement("div", { className: `${CLASS_PREFIX}__img` },
+                                        React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc, className: `${CLASS_PREFIX}__icon` }))),
+                                    (colInfo === null || colInfo === void 0 ? void 0 : colInfo.title) && (React.createElement("div", { className: `${CLASS_PREFIX}__text`, style: mutiLabelStyle }, colInfo === null || colInfo === void 0 ? void 0 : colInfo.title)))));
+                        }))));
+            })))));
+}
+/**
+ * icon回显组件
+ */
+const IconShow = ({ onIcon }) => {
+    return (React.createElement(React.Fragment, null, (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (React.createElement("div", null,
+        React.createElement(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon` }))) : (React.createElement("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}` }))));
+};

package/dist/src/web/components/navigationBar/common.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { IMenuItem, INavigationStyle } from './type';
+export declare const renderTitle: (navigationStyle: INavigationStyle) => JSX.Element;
+export declare const renderMenuTitle: (navigationStyle: INavigationStyle, item: Partial<IMenuItem>, hasIcon: boolean) => JSX.Element;
+export declare const renderLogo: (navigationStyle: INavigationStyle, className: string) => JSX.Element;
+export declare const IconShow: ({ onIcon, menuColor, menuFontSize }: {
+    onIcon: any;
+    menuColor: any;
+    menuFontSize: any;
+}) => JSX.Element;
+export declare const renderMenuIcon: (iconUrl: string, iconPath: string, navigationStyle: INavigationStyle) => JSX.Element;
+export declare const navigateTo: (menu: IMenuItem) => void;
+export declare const hasSelectedMenu: (menu: IMenuItem, selectedkey: string) => boolean;
+export declare const expandMenu: (menuData: IMenuItem[], menuItem: Partial<IMenuItem>, init?: boolean) => any;
+export declare const findMenuItemByPath: (menus: IMenuItem[], targetPath: string) => IMenuItem | null;

package/dist/src/web/components/navigationBar/common.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import { isUrl, resolveStaticResourceUrl } from '../../utils/platform';
+import { IconFont } from 'tdesign-icons-react';
+const CLASS_PREFIX = 'weda-menu';
+// 标题
+export const renderTitle = (navigationStyle) => {
+    const { title, titleColor, showTitle, titleFontSize } = navigationStyle;
+    return (showTitle && (React.createElement("span", { "data-testid": "navigationBar-title", style: {
+            display: 'inline-block',
+            color: titleColor,
+            fontSize: titleFontSize,
+        } }, title)));
+};
+// 菜单
+export const renderMenuTitle = (navigationStyle, item, hasIcon) => {
+    const { menuColor, menuFontSize, showMenuIcon } = navigationStyle;
+    const { title, level, iconUrl, iconPath } = item;
+    return (React.createElement("span", { className: "menu-text", style: {
+            color: menuColor,
+            fontSize: menuFontSize,
+        }, "data-testid": "navigationBar-menu" },
+        showMenuIcon &&
+            level === 0 &&
+            hasIcon &&
+            renderMenuIcon(iconUrl, iconPath, navigationStyle),
+        title));
+};
+// 默认logo
+const defaultLogoUrl = 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/43d3b2b7-445c-4858-8eb0-50ac5d5cc08e.svg';
+// logo
+export const renderLogo = (navigationStyle, className) => {
+    const { showLogo, logoHeight, logoWidth, logoUrl, logoPath } = navigationStyle;
+    const src = resolveStaticResourceUrl(logoPath) || logoUrl;
+    return (showLogo && (React.createElement("img", { "data-testid": "navigationBar-logo", className: className, style: { width: `${logoWidth}px`, height: `${logoHeight}px` }, src: src || defaultLogoUrl, alt: "logo" })));
+};
+// icon回显
+export const IconShow = ({ onIcon, menuColor, menuFontSize }) => {
+    return (React.createElement(React.Fragment, null, (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (React.createElement(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon`, style: { color: menuColor, fontSize: menuFontSize } })) : (React.createElement("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}`, style: { color: menuColor, fontSize: menuFontSize } }))));
+};
+// 菜单图标
+export const renderMenuIcon = (iconUrl, iconPath, navigationStyle) => {
+    const { menuColor, menuFontSize } = navigationStyle;
+    let icon = iconUrl || 'td:view-module';
+    if (iconUrl && isUrl(iconUrl)) {
+        icon = resolveStaticResourceUrl(iconPath) || iconUrl;
+        return (React.createElement("img", { className: `${CLASS_PREFIX}__item-icon`, style: { width: 16, height: 16, marginRight: 4 }, src: icon, alt: "logo" }));
+    }
+    else {
+        return (React.createElement(IconShow, { onIcon: icon, menuColor: menuColor, menuFontSize: menuFontSize }));
+    }
+};
+// 页面跳转
+export const navigateTo = (menu) => {
+    const { path, linkTargetBlank, linkUrl, type, key } = menu;
+    localStorage.setItem('selectedKey', key);
+    // 存储跳转页面的id
+    if (linkUrl && type === 'link') {
+        if (linkTargetBlank) {
+            window.open(linkUrl);
+        }
+        else {
+            window.location.href = linkUrl;
+        }
+    }
+    else {
+        app.navigateTo({
+            pageId: path === null || path === void 0 ? void 0 : path.replace('/', ''),
+            packageName: '',
+            mode: 'weDa',
+        });
+    }
+};
+// 菜单是否展开
+export const hasSelectedMenu = (menu, selectedkey) => {
+    var _a;
+    let opened = false;
+    if (menu.key === selectedkey) {
+        return true;
+    }
+    (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.forEach((i) => {
+        var _a;
+        if (i.key === selectedkey) {
+            opened = true;
+        }
+        if ((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) {
+            opened = hasSelectedMenu(i, selectedkey);
+        }
+    });
+    return opened;
+};
+// 点击展开/收起菜单
+export const expandMenu = (menuData, menuItem, init = false) => {
+    const menus = JSON.parse(JSON.stringify(menuData));
+    return menus.map((i) => {
+        if (init) {
+            i.opened = hasSelectedMenu(i, menuItem.key);
+        }
+        else if (i.key === menuItem.key) {
+            i.opened = menuItem.opened;
+        }
+        if (i.children) {
+            return { ...i, children: expandMenu(i === null || i === void 0 ? void 0 : i.children, menuItem, init) };
+        }
+        return i;
+    });
+};
+// 根据path查找菜单
+export const findMenuItemByPath = (menus, targetPath) => {
+    var _a;
+    const queue = [];
+    let targetNode = null;
+    menus.forEach((node) => queue.push(node));
+    while (queue.length) {
+        const node = queue.shift();
+        if (!node)
+            return null;
+        if (node.path === targetPath) {
+            // 添加节点
+            targetNode = node;
+            break;
+        }
+        else {
+            (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach((node) => queue.push(node));
+        }
+    }
+    return targetNode;
+};

package/dist/src/web/components/navigationBar/h5Menu.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { IMenuItem, INavigationStyle } from './type';
+/**
+ * 移动端导航
+ */
+declare const H5Menu: React.FC<{
+    menuData: IMenuItem[];
+    navigationStyle: INavigationStyle;
+    setMenuData: (menus: IMenuItem[]) => void;
+    className: string;
+    selected: string;
+    setSelected: (selectedKey: string) => void;
+}>;
+export default H5Menu;