@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Modal, Button, ConfigProvider } from 'tea-component';
-import classNames from '../../utils/classnames';
-import { useSyncValue } from '../../utils/hooks/useSyncValue';
-import './style';
-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 (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { size: size, className: classNames('weda-ui', 'lcap-modal', 'container', className), visible: isVisible, onClose: () => {
-                events.close();
-            }, ...restProps, children: [_jsx(Modal.Body, { children: content ? content : customContent }), _jsx(Modal.Footer, { children: isDefaultButton ? (_jsx(Button, { type: "primary", onClick: () => {
-                            events.confirm();
-                        }, children: "\u786E\u5B9A" })) : (customButton) })] }) }));
-}

package/dist/web/components/modal/style.js

@@ -1,3 +0,0 @@
-import './h5.css';
-// common style
-import '../style';

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

@@ -1,210 +0,0 @@
-/* pc style */
-.weda-grid-navigation {
-  /* max-width: 1200px;
-  margin: 0 auto; */
-  width: 100%;
-}
-
-.weda-grid-navigation .weda-grid-navigation__wrapper {
-  width: 100%;
-  padding: 0 24px;
-}
-
-.weda-grid-navigation .weda-grid-navigation__row {
-  margin: 0;
-}
-
-.weda-grid-navigation .weda-grid-navigation__col {
-  padding: 0;
-}
-
-.weda-grid-navigation .weda-grid-navigation__col .wedatea2td-grid__box {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  /* align-items: center; */
-  padding: 16px 0;
-  text-align: center;
-}
-
-.weda-grid-navigation
-  .weda-grid-navigation__col.weda-grid-navigation__col--big
-  .wedatea2td-grid__box {
-  padding: 20px 0;
-}
-
-.weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__icon {
-  width: 4em;
-  height: 4em;
-}
-.weda-grid-navigation
-  .weda-grid-navigation__col
-  .weda-grid-navigation__fonticon {
-  font-size: 4em;
-}
-.weda-grid-navigation
-  .weda-grid-navigation__col--small
-  .weda-grid-navigation__icon {
-  width: 3.428571em;
-  height: 3.428571em;
-}
-.weda-grid-navigation
-  .weda-grid-navigation__col--small
-  .weda-grid-navigation__fonticon {
-  font-size: 3.428571em;
-}
-
-.weda-grid-navigation
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__icon {
-  width: 5.14285em;
-  height: 5.14285em;
-}
-.weda-grid-navigation
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__fonticon {
-  font-size: 5.14285em;
-}
-
-.weda-grid-navigation .weda-grid-navigation__img {
-  width: 100%;
-  /* height: 100%; */
-}
-
-.weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__text {
-  font-size: 1.142857em;
-  /* line-height: 24px; */
-  text-align: center;
-  color: rgba(0, 0, 0, 0.6);
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-top: 12px;
-}
-
-.weda-grid-navigation
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__text {
-  margin-top: 16px;
-}
-
-.weda-grid-navigation
-  .weda-grid-navigation__col--small
-  .weda-grid-navigation__text {
-  font-size: 1em;
-  line-height: 1.5714em;
-}
-
-.weda-grid-navigation
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__text {
-  font-size: 1.42857em;
-  line-height: 2em;
-}
-
-/* h5 style */
-.weda-grid-navigation.weda-grid-navigation-mobile {
-  margin: 0;
-  max-width: 100%;
-}
-
-.weda-grid-navigation-mobile .weda-grid-navigation__wrapper {
-  padding: 0 16px;
-}
-
-.weda-grid-navigation-mobile .weda-grid-navigation__col .wedatea2td-grid__box {
-  padding: 8px 0;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__row:first-child
-  .weda-grid-navigation__col
-  .wedatea2td-grid__box {
-  text-align: center;
-  padding-top: 16px;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__row:last-child
-  .weda-grid-navigation__col
-  .wedatea2td-grid__box {
-  text-align: center;
-  padding-bottom: 16px;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col.weda-grid-navigation__col--big
-  .wedatea2td-grid__box {
-  padding: 10px 0;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__row:first-child
-  .weda-grid-navigation__col.weda-grid-navigation__col--big
-  .wedatea2td-grid__box {
-  text-align: center;
-  padding-top: 20px;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__row:last-child
-  .weda-grid-navigation__col.weda-grid-navigation__col--big
-  .wedatea2td-grid__box {
-  padding-bottom: 20px;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col
-  .weda-grid-navigation__icon {
-  width: 2.57142em;
-  height: 2.57142em;
-}
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col
-  .weda-grid-navigation__fonticon {
-  font-size: 2.57142em;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--small
-  .weda-grid-navigation__icon {
-  width: 2.285714em;
-  height: 2.285714em;
-}
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--small
-  .weda-grid-navigation__fonticon {
-  font-size: 2.285714em;
-}
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__fonticon {
-  font-size: 2.857142em;
-}
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__icon {
-  width: 2.85714em;
-  height: 2.85714em;
-}
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col
-  .weda-grid-navigation__text,
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__text,
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--small
-  .weda-grid-navigation__text {
-  font-size: 0.85714em;
-  line-height: 1.42857em;
-  margin-top: 4px;
-}
-
-.weda-grid-navigation-mobile
-  .weda-grid-navigation__col--big
-  .weda-grid-navigation__text {
-  margin-top: 8px;
-}

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

@@ -1,120 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import classNames from '../../utils/classnames';
-import { Row, Col, ConfigProvider } from 'tea-component';
-import { usePlatform } from '../../utils/platform';
-import './style';
-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, tips, 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]);
-    // 每个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 (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: cls, "data-testid": "navLayout", style: style, children: _jsx("div", { className: `${CLASS_PREFIX}__wrapper`, children: navList.map((row, rowIndex) => {
-                    return (_jsx(Row, { className: `${CLASS_PREFIX}__row`, children: _jsx(_Fragment, { children: row &&
-                                row.map((colInfo, colIndex) => {
-                                    return (_jsx(Col, { style: {
-                                            ...colStyle,
-                                            cursor: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) != 'tap'
-                                                ? 'pointer'
-                                                : 'auto',
-                                        }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${iconSize}`, children: _jsxs("div", { "data-testid": `${colIndex}_click`, onClick: () => navTap(colInfo), children: [!(colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc) ? (_jsx(IconShow, { onIcon: colInfo === null || colInfo === void 0 ? void 0 : colInfo.icon })) : (_jsx("div", { className: `${CLASS_PREFIX}__img`, children: _jsx(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) && (_jsx("div", { className: `${CLASS_PREFIX}__text`, style: mutiLabelStyle, title: tips ? colInfo === null || colInfo === void 0 ? void 0 : colInfo.title : '', children: colInfo === null || colInfo === void 0 ? void 0 : colInfo.title }))] }) }, colIndex));
-                                }) }) }, rowIndex));
-                }) }) }) }));
-}
-/**
- * icon回显组件
- */
-const IconShow = ({ onIcon }) => {
-    return (_jsx(_Fragment, { children: (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (_jsx("div", { children: _jsx(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon` }) })) : (_jsx("div", { className: `${CLASS_PREFIX}__fonticon lcap-icon lcap-icon-${onIcon}` })) }));
-};

package/dist/web/components/navLayout/style.js

@@ -1,3 +0,0 @@
-import './index.css';
-// common style
-import '../style';

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

@@ -1,126 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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 && (_jsx("span", { "data-testid": "navigationBar-title", className: "weda-menu__title_text", style: {
-            display: 'inline-block',
-            color: titleColor,
-            fontSize: titleFontSize,
-        }, children: title })));
-};
-// 菜单
-export const renderMenuTitle = (navigationStyle, item, hasIcon) => {
-    const { menuColor, menuFontSize, showMenuIcon } = navigationStyle;
-    const { title, level, iconUrl, iconPath } = item;
-    return (_jsxs("span", { className: "menu-text", style: {
-            color: menuColor,
-            fontSize: menuFontSize,
-        }, "data-testid": "navigationBar-menu", children: [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 MenuLogo = React.memo(function MenuLogo({ navigationStyle, className, }) {
-    const { showLogo, logoHeight, logoWidth, logoUrl, logoPath, title } = navigationStyle;
-    const src = resolveStaticResourceUrl(logoPath) || logoUrl;
-    return (showLogo && (_jsx("h1", { children: _jsx("img", { "data-testid": "navigationBar-logo", className: className, style: { width: `${logoWidth}px`, height: `${logoHeight}px` }, src: src || defaultLogoUrl, alt: title }) })));
-});
-// icon回显
-export const IconShow = ({ onIcon, menuColor, menuFontSize }) => {
-    return (_jsx(_Fragment, { children: (onIcon === null || onIcon === void 0 ? void 0 : onIcon.includes('td:')) ? (_jsx(IconFont, { name: onIcon === null || onIcon === void 0 ? void 0 : onIcon.split(':')[1], className: `${CLASS_PREFIX}__fonticon`, style: { color: menuColor, fontSize: menuFontSize } })) : (_jsx("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 (_jsx("img", { className: `${CLASS_PREFIX}__item-icon`, style: { width: 16, height: 16, marginRight: 4 }, src: icon, alt: "logo" }));
-    }
-    else {
-        return (_jsx(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/web/components/navigationBar/h5Menu.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Menu, Drawer } from 'tea-component';
-import classNames from '../../utils/classnames';
-import { renderMenuTitle, MenuLogo, renderTitle, navigateTo, expandMenu, } from './common';
-const CLASS_PREFIX = 'weda-menu';
-/**
- * 移动端导航
- */
-const H5Menu = ({ menuData, navigationStyle, setMenuData, className, selected, setSelected, navigationSlot, visible, setVisible, }) => {
-    // 平台
-    const cls = classNames({
-        [CLASS_PREFIX]: true,
-        [className]: className,
-        [`${CLASS_PREFIX}-mobile`]: true,
-    });
-    // 菜单背景色
-    const menuStyle = {
-        background: navigationStyle.menuBackgroundColor || '#fff',
-    };
-    // 渲染subMenu
-    const renderSubMenu = (item, hasThereNode = false) => {
-        const { key, children, opened } = item;
-        return children.length > 0 ? (_jsx(Menu.SubMenu, { className: hasThereNode ? `${CLASS_PREFIX}__submenu` : '', title: renderMenuTitle(navigationStyle, item, true), opened: opened, onOpenedChange: (opened) => {
-                const menus = expandMenu(menuData, { ...item, opened });
-                setMenuData(menus);
-            }, children: children === null || children === void 0 ? void 0 : children.map((el) => renderSubMenu(el, true)) }, key)) : (renderMenuItem(item));
-    };
-    // 渲染MenuItem
-    const renderMenuItem = (item) => {
-        const { key } = item;
-        return (_jsx(Menu.Item, { title: renderMenuTitle(navigationStyle, item, true), selected: item.key === selected, onClick: () => {
-                if (item.key !== selected) {
-                    if (item.type !== 'link') {
-                        setSelected(item.key);
-                    }
-                    navigateTo(item);
-                }
-                setVisible(false);
-            } }, key));
-    };
-    const H5Title = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: `${CLASS_PREFIX}__bar-main`, children: _jsxs("span", { className: `${CLASS_PREFIX}__main-logo`, children: [_jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__main-icon` }), renderTitle(navigationStyle)] }) }), _jsx("div", { className: `${CLASS_PREFIX}__mobile-content`, children: navigationSlot }), _jsxs("div", { className: `${CLASS_PREFIX}__bar-extra`, children: [!visible && (_jsx("i", { className: `${CLASS_PREFIX}__bar-btn`, onClick: () => setVisible(true), children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z", fill: navigationStyle.titleColor, fillOpacity: "0.9" }) }) })), visible && (_jsx("i", { className: `${CLASS_PREFIX}__bar-btn--close`, onClick: () => setVisible(false), children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.6219 11.9998L3.88672 5.2646L5.26558 3.88574L12.0008 10.6209L18.736 3.88574L20.1148 5.2646L13.3796 11.9998L20.1148 18.735L18.736 20.1138L12.0008 13.3786L5.26558 20.1138L3.88672 18.735L10.6219 11.9998Z", fill: navigationStyle.titleColor, fillOpacity: "0.9" }) }) }))] })] }));
-    return (_jsxs(_Fragment, { children: [_jsx(H5Title, {}), _jsxs(Drawer, { size: 'm', placement: 'left', disableAnimation: true, outerClickClosable: false, visible: visible, onClose: () => setVisible(false), className: `${CLASS_PREFIX}__drawer`, children: [_jsx("div", { className: cls, style: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            position: 'relative',
-                        }, children: _jsx("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
-                                background: (navigationStyle === null || navigationStyle === void 0 ? void 0 : navigationStyle.menuBackgroundColor) || '#fff',
-                            }, children: _jsx(H5Title, {}) }) }), _jsx(Menu, { className: `${CLASS_PREFIX}__drawer-menu`, style: menuStyle, children: menuData === null || menuData === void 0 ? void 0 : menuData.map((item) => {
-                            var _a;
-                            return ((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length) > 0
-                                ? renderSubMenu(item)
-                                : renderMenuItem(item);
-                        }) })] })] }));
-};
-export default H5Menu;

package/dist/web/components/navigationBar/horizontalMenu.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/jsx-key */
-import { useState, useRef, useEffect, useCallback } from 'react';
-import { NavMenu, List, Dropdown } from 'tea-component';
-import { usePlatform } from '../../utils/platform';
-import classNames from '../../utils/classnames';
-import { renderMenuTitle, renderMenuIcon, MenuLogo, renderTitle, navigateTo, } from './common';
-const CLASS_PREFIX = 'weda-menu';
-/**
- * pc端横向导航
- */
-const HorizontalMenu = ({ menuData, navigationStyle, selected, setSelected, navigationSlot }) => {
-    // 导航样式
-    const { isHorizontal = false, showMenuIcon } = navigationStyle;
-    // 菜单背景色
-    const menuStyle = {
-        background: navigationStyle.menuBackgroundColor || '#fff',
-    };
-    // 平台
-    const platform = usePlatform();
-    // 横向导航， 判断是否出现右侧的滚动按钮
-    const [showButton, setShowButton] = useState(true);
-    // 横行导航移动
-    const [position, setPosition] = useState({ index: 0, offset: 0 });
-    const [menuOffset, setMenuOffset] = useState({});
-    const navWrapRef = useRef();
-    const getMenuOffset = useCallback(() => {
-        var _a, _b, _c, _d;
-        const parentWidth = (_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;
-        const contentWidth = (_c = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth;
-        const menuItem = (_d = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _d === void 0 ? void 0 : _d.children;
-        const data = { 0: 0, 1: 0 };
-        let index = 1;
-        for (const i of menuItem) {
-            if (data[index] + (i === null || i === void 0 ? void 0 : i.clientWidth) + 8 > parentWidth) {
-                index = index + 1;
-                data[index] = (i === null || i === void 0 ? void 0 : i.clientWidth) + 8;
-            }
-            else {
-                data[index] += (i === null || i === void 0 ? void 0 : i.clientWidth) + 8;
-            }
-        }
-        setMenuOffset(data);
-        const showButton = contentWidth > parentWidth;
-        setShowButton(showButton);
-    }, [navWrapRef]);
-    useEffect(() => {
-        var _a;
-        if (platform !== 'h5' && isHorizontal && ((_a = navWrapRef === null || navWrapRef === void 0 ? void 0 : navWrapRef.current) === null || _a === void 0 ? void 0 : _a.children)) {
-            getMenuOffset();
-        }
-    }, [platform, isHorizontal, navWrapRef]);
-    // 渲染下拉菜单
-    const renderMenuList = (item, navigationStyle) => {
-        return (_jsx(List, { type: "option", className: `${CLASS_PREFIX}__dropdown-menu-list`, style: { background: navigationStyle.menuBackgroundColor }, children: item === null || item === void 0 ? void 0 : item.map((menu) => {
-                const { title, children, key, type } = menu;
-                return !(children === null || children === void 0 ? void 0 : children.length) ? (_jsx(List.Item, { className: `${CLASS_PREFIX}__dropdown-list-item`, selected: key === selected, onClick: () => {
-                        if (key !== selected) {
-                            if (type !== 'link') {
-                                setSelected(key);
-                            }
-                            navigateTo(menu);
-                        }
-                    }, children: renderMenuTitle(navigationStyle, { title }, false) }, key)) : (_jsx(List.SubMenu, { className: `${CLASS_PREFIX}__dropdown-list-item`, label: renderMenuTitle(navigationStyle, { title }, false), children: renderMenuList(children, navigationStyle) }, key));
-            }) }));
-    };
-    return (_jsx(NavMenu, { style: menuStyle, className: `${CLASS_PREFIX}__nav`, left: _jsxs(_Fragment, { children: [navigationStyle.showLogo && (_jsx(NavMenu.Item, { type: "logo", className: `${CLASS_PREFIX}__nav-logo`, children: _jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__nav-logo--img` }) })), _jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__nav-title`, children: _jsx("span", { className: `${CLASS_PREFIX}__title`, children: renderTitle(navigationStyle) }) })] }), right: _jsxs("div", { className: `${CLASS_PREFIX}__nav-wrap`, children: [_jsxs(_Fragment, { children: [showButton && position.index > 0 && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow leftButton`, onClick: () => {
-                                const result = position.offset + menuOffset[position.index];
-                                setPosition({ index: position.index - 1, offset: result });
-                            }, children: [_jsx("div", { className: `${CLASS_PREFIX}__shadow--icon` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--white` })] })), _jsx("div", { className: `${CLASS_PREFIX}__nav-content box`, children: _jsx("div", { ref: navWrapRef, className: `${CLASS_PREFIX}__nav-content`, style: { transform: `translate(${position.offset}px, 0px)` }, children: menuData === null || menuData === void 0 ? void 0 : menuData.map((i) => {
-                                    var _a;
-                                    return (_jsxs("div", { className: classNames(`${CLASS_PREFIX}__nav-item`, i.key === selected && i.level === 0
-                                            ? `${CLASS_PREFIX}__item-open`
-                                            : ''), onClick: () => {
-                                            var _a;
-                                            if (!((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) && i.key !== selected) {
-                                                if (i.type !== 'link') {
-                                                    setSelected(i.key);
-                                                }
-                                                navigateTo(i);
-                                            }
-                                        }, children: [showMenuIcon &&
-                                                renderMenuIcon(i === null || i === void 0 ? void 0 : i.iconUrl, i === null || i === void 0 ? void 0 : i.iconPath, navigationStyle), ((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(Dropdown, { trigger: 'hover', overlayClassName: `${CLASS_PREFIX}__dropdown`, button: renderMenuTitle(navigationStyle, i, false), children: renderMenuList(i.children, navigationStyle) })) : (_jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__item-val`, selected: i.key === selected, children: renderMenuTitle(navigationStyle, i, false) }))] }, i.key));
-                                }) }) }), showButton && position.index + 2 < Object.keys(menuOffset).length && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow`, onClick: () => {
-                                const result = position.offset - menuOffset[position.index + 1];
-                                setPosition({ index: position.index + 1, offset: result });
-                            }, children: [_jsx("div", { className: `${CLASS_PREFIX}__shadow` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--white` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--icon` })] }))] }), _jsx("div", { className: `${CLASS_PREFIX}__right-content`, children: navigationSlot })] }) }));
-};
-export default HorizontalMenu;