@cloudbase/weda-ui 3.4.16 → 3.5.1

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

@@ -1,28 +1,49 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-key */
-import React, { useState, useEffect, useCallback, useImperativeHandle, } from 'react';
+import React, { useState, useEffect, useCallback, useImperativeHandle, useMemo, } from 'react';
 import { usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
-import './index.css';
 import { ConfigProvider } from 'tea-component';
 import LotteryAction from './lotteryUtil';
+import { getTempFileURL } from '../../utils/tcb';
+import './style';
 const CLASS_PREFIX = 'weda-lottery';
-const lotteryAction = new LotteryAction();
-export default React.forwardRef(function Lottery({ className, id, style, prizeList, enablePrize, prizeResult, events }, ref) {
+export default React.forwardRef(function Lottery(props, ref) {
+    const { className, id, style, prizeList, enablePrize, prizeResult, events } = props;
     const platform = usePlatform();
     const [activedId, setActivedId] = useState(-1);
     const [isStartLottery, setIsStartLottery] = useState(false);
     const [lotteryList, setLotteryList] = useState([]);
     const [btnActived, setBtnActived] = useState(false);
+    const [realPrizeList, setRealPrizeList] = useState([]);
+    useEffect(() => {
+        const convertPrizeList = async (list) => {
+            let realList = [];
+            if (Array.isArray(list)) {
+                realList = await Promise.all(list.map(async (item) => {
+                    let image = item.image;
+                    if (typeof image === 'string' && (image === null || image === void 0 ? void 0 : image.startsWith('cloud://'))) {
+                        image = await getTempFileURL(image);
+                    }
+                    return { ...item, image };
+                }));
+            }
+            setRealPrizeList(realList);
+        };
+        convertPrizeList(prizeList);
+    }, [prizeList]);
+    const lotteryAction = useMemo(() => {
+        return new LotteryAction();
+    }, []);
     //获取初始化默认数据，数据不足8条设置默认，超过8条获取前8条
-    const lotteryListDefault = () => {
+    const lotteryListDefault = useCallback(() => {
         const list = [];
-        if (prizeList == null) {
+        if (realPrizeList == null) {
             return list;
         }
         for (let i = 0; i < 8; i++) {
-            if (i < prizeList.length) {
-                const prize = prizeList[i];
+            if (i < realPrizeList.length) {
+                const prize = realPrizeList[i];
                 list.push({
                     idx: i + 1,
                     selected: false,
@@ -40,7 +61,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
             }
         }
         return list;
-    };
+    }, [realPrizeList]);
     const startLottery = useCallback(() => {
         setLotteryList(lotteryListDefault());
         setBtnActived(true);
@@ -55,16 +76,26 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
         lotteryListDefault,
         setLotteryList,
     ]);
+    const start = useCallback(() => {
+        lotteryAction.start(prizeResult, () => {
+            window.app.showToast({
+                title: '网络异常',
+                icon: 'none',
+            });
+        });
+        // 当不选取变量作为结果的时候，按照设置给定结果
+        lotteryAction.end(prizeResult);
+    }, [lotteryAction, prizeResult]);
     useImperativeHandle(ref, () => {
         return {
             methods: {
-                start: startLottery,
+                start,
             },
         };
-    }, [startLottery]);
+    }, [start]);
     useEffect(() => {
         setLotteryList(lotteryListDefault());
-    }, [prizeList]);
+    }, [lotteryListDefault, realPrizeList]);
     useEffect(() => {
         lotteryAction.animationCallback = ({ idx, isEnd }) => {
             setActivedId(idx == -1 ? 0 : idx);
@@ -109,11 +140,11 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
             //立马停止抽奖
             lotteryAction.stop();
         }
-    }, [isStartLottery, enablePrize]);
+    }, [isStartLottery, enablePrize, prizeResult, lotteryAction]);
     useEffect(() => {
         // 设置抽奖结果
         lotteryAction.end(prizeResult);
-    }, [prizeResult]);
+    }, [lotteryAction, prizeResult]);
     const [widthRatio, setWidthRatio] = useState(1);
     const [heightRatio, setHeightRatio] = useState(1);
     // 上下5个球的宽度
@@ -154,6 +185,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
     // 通过页面配置拿到用户设置的宽，高,直接获取的宽和高，会被转化为rem, 需要将rem 转为 px. 规则： e/2/14
     // css 输出的px到页面rem, 转化规则为： e/14
     useEffect(() => {
+        const style = props.style;
         if (!style || style == undefined || platform === 'h5') {
             setWidthRatio(1);
             setDotWidth(217 / 14);
@@ -189,7 +221,7 @@ export default React.forwardRef(function Lottery({ className, id, style, prizeLi
                 setDotHeight(dotHeight);
             }
         }
-    }, [style]);
+    }, [platform, JSON.stringify(props.style)]);
     const renderDot = (direction, list) => {
         return (_jsx(_Fragment, { children: _jsx("div", { className: classNames(`${CLASS_PREFIX}__dot`, `${CLASS_PREFIX}__dot-${direction}`), children: list.map((item, index) => {
                     return (_jsx("div", { className: `${CLASS_PREFIX}__dot-item`, style: {

package/dist/web/components/lottery/lotteryUtil.d.ts

@@ -0,0 +1,23 @@
+export default class LotteryAction {
+    idx: number;
+    isStart: boolean;
+    endId: any;
+    speed: number;
+    duration: number;
+    maxIdx: number;
+    animationCallback: ({ idx, isEnd }: {
+        idx: any;
+        isEnd: any;
+    }) => void;
+    isError: boolean;
+    isSpeedUp: boolean;
+    timeout: number;
+    timer: any;
+    constructor();
+    start(prizeResult: any, errorCallback: any): void;
+    end(prizeResult: any): void;
+    error(): void;
+    stop(): void;
+    pointOnCubicBezier(cp: any, t: any): number;
+    loop(): void;
+}

package/dist/web/components/lottery/style.d.ts

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

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ModalProps } from 'tea-component';
+import type { CommonPropsType, ICompRef } from '../../types';
+import type { DataType } from '../../../configs/components/modal';
+export interface PropTypes extends ModalProps, CommonPropsType, DataType {
+    outerRef: React.Ref<TCompRef>;
+    title?: string;
+    overlayClassName?: string;
+}
+type TCompRef = ICompRef<{
+    close: () => void;
+    open: () => void;
+    toggle: () => void;
+}>;
+declare const _default: React.ForwardRefExoticComponent<PropTypes & React.RefAttributes<TCompRef>>;
+export default _default;

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

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

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

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Container, Text, Button } from '../index';
 import { Popover } from 'tea-component';
-import './h5.css';
+import './style';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export function ModalH5(props) {
-    const { events, visible, content, isDefaultButton, customButton, customContent, outerRef, disableCloseIcon = false, } = props;
+    const { overlayClassName, events, visible, content, isDefaultButton, customButton, customContent, outerRef, disableCloseIcon = false, } = props;
     const [isVisible, setIsVisible] = useSyncValue(visible);
     React.useImperativeHandle(outerRef, () => {
         return {
@@ -35,7 +35,7 @@ export function ModalH5(props) {
     if (!isVisible) {
         return _jsx(Container, { className: "lcap-modal" });
     }
-    return (_jsx(Popover, { overlayClassName: 'wedatea2td-overlay', visible: true, overlay: _jsx(Container, { className: `lcap-modal  ${props === null || props === void 0 ? void 0 : props.className}`, children: _jsxs(Container, { className: "container", children: [_jsx(Container, { className: "lcap-modal__mask", events: closeEvents }), _jsxs(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}`, children: [_jsxs(Container, { className: "lcap-modal__header", children: [_jsx("span", { children: props === null || props === void 0 ? void 0 : props.title }), !disableCloseIcon && (_jsx(Container, { className: "lcap-modal__close_btn", events: closeEvents, children: _jsx(Container, { className: "lcap-icon-close lcap-icon", style: {
+    return (_jsx(Popover, { overlayClassName: `wedatea2td-overlay ${overlayClassName}`, visible: true, overlay: _jsx(Container, { className: `lcap-modal  ${props === null || props === void 0 ? void 0 : props.className}`, children: _jsxs(Container, { className: "container", children: [_jsx(Container, { className: "lcap-modal__mask", events: closeEvents }), _jsxs(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}`, children: [_jsxs(Container, { className: "lcap-modal__header", children: [_jsx("span", { children: props === null || props === void 0 ? void 0 : props.title }), !disableCloseIcon && (_jsx(Container, { className: "lcap-modal__close_btn", events: closeEvents, children: _jsx(Container, { className: "lcap-icon-close lcap-icon", style: {
                                                 fontSize: 24,
                                             } }) }))] }), _jsxs(Container, { className: "lcap-modal__dialog__body", children: [_jsx(Container, { title: "modal-header", children: content ? (_jsx(Text, { level: "0", text: content, maxLines: 2, userSelect: true, space: false, contenteditable: 'false' })) : (customContent) }), _jsx(Container, { className: "lcap-modal__confirm_btn", children: isDefaultButton ? (_jsx(Button, { className: "lcap-modal__default_btn", text: "\u786E\u5B9A", events: buttonEvents })) : (customButton) })] })] })] }) }) }));
 }

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

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

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

@@ -3,6 +3,7 @@ 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);

package/dist/web/components/modal/style.d.ts

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

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

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

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

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './style';
+export 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, tips, 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;
+    /**
+     * 是否显示文字气泡
+     */
+    tips?: boolean;
+    /**
+     * 字号
+     */
+    fontSize?: number;
+    /**
+     * 行高
+     */
+    lineHeight: string;
+    /**
+     * 点击事件
+     */
+    navTap?: (colInfo: any) => void;
+}

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

@@ -3,7 +3,7 @@ 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 './style';
 import { IconFont } from 'tdesign-icons-react';
 import Image from '../image';
 import isObjectEqual from '../../utils/isObjectEqual';

package/dist/web/components/navLayout/style.d.ts

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

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

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

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

@@ -0,0 +1,18 @@
+import React from '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 MenuLogo: React.NamedExoticComponent<{
+    navigationStyle: INavigationStyle;
+    className: string;
+}>;
+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/web/components/navigationBar/h5Menu.d.ts

@@ -0,0 +1,17 @@
+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;
+    navigationSlot: string;
+    visible: boolean;
+    setVisible: (visible: boolean) => void;
+}>;
+export default H5Menu;

package/dist/web/components/navigationBar/horizontalMenu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { IMenuItem, INavigationStyle } from './type';
+/**
+ * pc端横向导航
+ */
+declare const HorizontalMenu: React.FC<{
+    menuData: IMenuItem[];
+    navigationStyle: INavigationStyle;
+    selected: string;
+    setSelected: (selectedKey: string) => void;
+    navigationSlot: string;
+}>;
+export default HorizontalMenu;

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

@@ -812,3 +812,16 @@
 .weda-menu {
   font-family: -apple-system-font, 'Helvetica Neue', sans-serif;
 }
+
+.weda-menu.weda-menu-navigation-wrap {
+  display: flex;
+  height: 100vh;
+  position: relative;
+}
+.weda-menu.weda-menu-navigation-wrap.flex-column {
+  flex-direction: column;
+}
+
+.weda-menu__dropdown-menu-list {
+  max-height: 500px;
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { IMenuItem, INavigationStyle } from './type';
+import './style';
+export default function NavigationBar({ navigationbar, contentSlot, navigationSlot, className, style, callApi, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    contentSlot?: string;
+    navigationSlot?: string;
+    navigationbar: {
+        navigationStyle: INavigationStyle;
+        menuData: IMenuItem[];
+    };
+    callApi: any;
+}

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

@@ -1,16 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from 'react';
+import useSWR from 'swr';
 import classNames from '../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
 import { getAppCustomNav } from '../../utils/tcb';
-import './index.css';
 import VerticalMenu from './verticalMenu';
 import HorizontalMenu from './horizontalMenu';
 import H5Menu from './h5Menu';
 import { expandMenu, findMenuItemByPath } from './common';
 import isObjectEqual from '../../utils/isObjectEqual';
 import destr from 'destr';
+import './style';
 /**
  * Web端
  */
@@ -36,11 +37,23 @@ const defaultNavigationBar = {
         logoHeight: 32,
     },
 };
+const getDefaultNavigationStyle = () => {
+    try {
+        const localNavigationStyle = localStorage.getItem('weda-navigation-style');
+        return localNavigationStyle
+            ? destr(localNavigationStyle)
+            : defaultNavigationBar.navigationStyle;
+    }
+    catch (error) {
+        console.error(error);
+        return defaultNavigationBar.navigationStyle;
+    }
+};
 // 默认高亮当前路由对应的菜单
 const defaultSelectedMenu = (menu) => {
+    var _a, _b;
     try {
-        const url = window.location.href;
-        let selectedKey = url.substring(url.lastIndexOf('/'));
+        let selectedKey = `/${(_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.page) === null || _b === void 0 ? void 0 : _b.id}`;
         const targetMenu = findMenuItemByPath(menu, selectedKey);
         if (targetMenu) {
             selectedKey = targetMenu.key;
@@ -51,18 +64,25 @@ const defaultSelectedMenu = (menu) => {
         return '';
     }
 };
+const useNavigationData = (navigationbar, callApi) => {
+    const { data } = useSWR([navigationbar], async () => {
+        const { Content } = await callApi.getAppCustomNav();
+        return destr(Content);
+    });
+    return { navigationData: data };
+};
 /**
  * 导航菜单
  */
 const defaultCallApi = { getAppCustomNav };
 export default function NavigationBar({ navigationbar, contentSlot, navigationSlot, className, style, callApi = defaultCallApi, }) {
     const platform = usePlatform();
-    const [preNavigationbar, setPreNavigationbar] = useState(navigationbar);
+    const [preNavigationData, setPreNavigationData] = useState({});
     const [menuData, setMenuData] = useState([]);
     const [mobileMenuData, setMobileMenuData] = useState([]);
     // 是否启用多端
     const [isMultiTerminal, setIsMultiTerminal] = useState(false);
-    const [navigationStyle, setNavigationStyle] = useState(defaultNavigationBar.navigationStyle);
+    const [navigationStyle, setNavigationStyle] = useState(getDefaultNavigationStyle);
     // 菜单选中
     const [selected, setSelected] = useState('');
     // 导航样式
@@ -72,75 +92,60 @@ export default function NavigationBar({ navigationbar, contentSlot, navigationSl
         [className]: className,
         [`${CLASS_PREFIX}-mobile`]: platform === 'h5',
         [`${CLASS_PREFIX}-horizontal`]: isHorizontal,
+        [`${CLASS_PREFIX}-navigation-wrap`]: true,
+        ['flex-column']: isHorizontal || platform === 'h5',
     });
-    // 导航容器样式
-    const navigationWrapStyle = {
-        display: 'flex',
-        height: '100vh',
-        flexDirection: isHorizontal || platform === 'h5' ? 'column' : 'row',
-        position: 'relative',
-        ...style,
-    };
     // 是否展示菜单
     const [showNav, setShowNav] = useState(false);
     // h5 弹框
     const [visible, setVisible] = useState(false);
+    const { navigationData } = useNavigationData(navigationbar, callApi);
     // 更新导航菜单
     const updateNavigationData = useCallback(() => {
-        callApi
-            .getAppCustomNav()
-            .then((res) => {
-            var _a;
-            const { Content } = res;
-            const navigationData = destr(Content);
-            if (navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle) {
-                // 设置默认选中
-                let selectedKey = '';
-                if ((_a = navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData) === null || _a === void 0 ? void 0 : _a.length) {
-                    selectedKey = defaultSelectedMenu(navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData);
-                }
-                setSelected(selectedKey);
-                // 设置默认展开状态
-                let menus = (navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData) || [];
-                menus = expandMenu(menus, { key: selectedKey }, true);
-                setMenuData(menus);
-                setNavigationStyle({
-                    ...defaultNavigationBar.navigationStyle,
-                    ...navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle,
-                });
-                // 如果启用多端独立菜单导航，则设置移动端数据
-                if (navigationData === null || navigationData === void 0 ? void 0 : navigationData.isMultiTerminal) {
-                    let mobileMenus = (navigationData === null || navigationData === void 0 ? void 0 : navigationData.mobileMenuData) || [];
-                    mobileMenus = expandMenu(mobileMenus, { key: selectedKey }, true);
-                    setMobileMenuData(mobileMenus);
-                    setIsMultiTerminal(true);
-                }
+        var _a;
+        if (navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle) {
+            // 设置默认选中
+            let selectedKey = '';
+            if ((_a = navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData) === null || _a === void 0 ? void 0 : _a.length) {
+                selectedKey = defaultSelectedMenu(navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData);
             }
-            if (!showNav) {
-                setShowNav(true);
+            setSelected(selectedKey);
+            // 设置默认展开状态
+            let menus = (navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData) || [];
+            menus = expandMenu(menus, { key: selectedKey }, true);
+            setMenuData(menus);
+            const result = {
+                ...navigationStyle,
+                ...navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle,
+            };
+            setNavigationStyle(result);
+            // 缓存菜单导航样式
+            localStorage.setItem('weda-navigation-style', JSON.stringify(result));
+            // 如果启用多端独立菜单导航，则设置移动端数据
+            if (navigationData === null || navigationData === void 0 ? void 0 : navigationData.isMultiTerminal) {
+                let mobileMenus = (navigationData === null || navigationData === void 0 ? void 0 : navigationData.mobileMenuData) || [];
+                mobileMenus = expandMenu(mobileMenus, { key: selectedKey }, true);
+                setMobileMenuData(mobileMenus);
+                setIsMultiTerminal(true);
             }
-        })
-            .catch((error) => {
-            console.error(error);
-            setShowNav(true);
-        });
-    }, [callApi]);
+        }
+        setShowNav(true);
+    }, [
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.isMultiTerminal,
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData,
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.mobileMenuData,
+        navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle,
+    ]);
     /**
      * 每次渲染组件通过接口拉取数据
      */
     useEffect(() => {
-        // 仅执行一次
-        updateNavigationData();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        if (!isObjectEqual(navigationbar, preNavigationbar)) {
+        if (!isObjectEqual(navigationData, preNavigationData)) {
             updateNavigationData();
-            setPreNavigationbar(navigationbar);
+            setPreNavigationData(navigationData);
         }
-        // 检查navigationbar更新之后，重新渲染
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [navigationbar, updateNavigationData]);
+        // 检查navigationData更新之后，重新渲染
+    }, [navigationData, preNavigationData, updateNavigationData]);
     // 初始化css变量
     useEffect(() => {
         if (navigationStyle.menuHoverColor) {
@@ -164,5 +169,5 @@ export default function NavigationBar({ navigationbar, contentSlot, navigationSl
                         }
                     }, className: className, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot, visible: visible, setVisible: setVisible }))] }));
     };
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: cls, style: navigationWrapStyle, "data-testid": "navigationBar", children: [showNav && _jsx(MenuRender, {}), _jsx("div", { className: "menu-solt", children: contentSlot })] }) }));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: cls, style: style, "data-testid": "navigationBar", children: [showNav && _jsx(MenuRender, {}), _jsx("div", { className: "menu-solt", children: contentSlot })] }) }));
 }

package/dist/web/components/navigationBar/style.d.ts

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

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

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

package/dist/web/components/navigationBar/verticalMenu.d.ts

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

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../../types';
+import './style';
+interface IPageContent extends CommonPropsType {
+    loading?: boolean;
+}
+interface IPageCountDown extends CommonPropsType {
+    dbName?: string;
+    description?: string;
+}
+interface IPageErrorContent extends CommonPropsType {
+    errorMessageInfo?: {
+        title: string;
+        message: string;
+        code: string;
+    };
+}
+/**
+ * 页面内容容器组件
+ * 继承样式展示
+ */
+export declare const PageContent: (props: IPageContent) => JSX.Element;
+/**
+ * 无字段权限时倒计时返回主页面
+ */
+export declare const PageCountDown: (props: IPageCountDown) => JSX.Element;
+/**
+ * 当前页面未绑定数据源
+ */
+export declare const PageNullDb: (props: any) => JSX.Element;
+/**
+ * 错误信息展示
+ *
+ */
+export declare const PageErrorContent: (props: IPageErrorContent) => JSX.Element;
+export {};