@lark-apaas/miaoda-core 0.1.0-alpha.22 → 0.1.0-alpha.24

package/lib/components/AppContainer/IframeBridge.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+import './utils/listenHot';
 import './LogInterceptor';
 export default function IframeBridge(): React.JSX.Element;

package/lib/components/AppContainer/IframeBridge.js

@@ -5,7 +5,8 @@ import { connectToParent } from "penpal";
 import { useUpdatingRef } from "../../hooks/useUpdatingRef.js";
 import { postMessage } from "../../utils/postMessage.js";
 import { getPreviewParentOrigin } from "../../utils/getParentOrigin.js";
-import { childApi } from "./childApi.js";
+import { childApi } from "./utils/childApi.js";
+import "./utils/listenHot.js";
 import "./LogInterceptor.js";
 var IframeBridge_RouteMessageType = /*#__PURE__*/ function(RouteMessageType) {
     RouteMessageType["RouteChange"] = "RouteChange";
@@ -17,6 +18,10 @@ function isRouteMessageType(type) {
     return Object.values(IframeBridge_RouteMessageType).includes(type);
 }
 async function connectParent() {
+    postMessage({
+        type: 'PreviewReady',
+        data: {}
+    });
     const connection = connectToParent({
         parentOrigin: getPreviewParentOrigin(),
         methods: {
@@ -25,6 +30,7 @@ async function connectParent() {
     });
     await connection.promise;
 }
+'production' !== process.env.NODE_ENV && connectParent();
 function IframeBridge() {
     const location = useLocation();
     const navigate = useNavigate();
@@ -51,13 +57,6 @@ function IframeBridge() {
         historyForward,
         navigateRef
     ]);
-    useEffect(()=>{
-        postMessage({
-            type: 'PreviewReady',
-            data: {}
-        });
-        connectParent();
-    }, []);
     useEffect(()=>{
         if (isActive.current) {
             isActive.current = false;

package/lib/components/AppContainer/{childApi.d.ts → utils/childApi.d.ts}

@@ -1,4 +1,4 @@
-import { ChildApi } from '../../types/iframe-events';
+import { ChildApi } from '../../../types/iframe-events';
 /**
  * 子级方法，提供给父级调用
  */

package/lib/components/AppContainer/{childApi.js → utils/childApi.js}

@@ -1,4 +1,4 @@
-import { normalizeBasePath } from "../../utils/utils.js";
+import { normalizeBasePath } from "../../../utils/utils.js";
 async function getRoutes() {
     let routes = [
         {

package/lib/components/AppContainer/utils/listenHot.d.ts

@@ -0,0 +1 @@
+export declare function connectDevServer(): WebSocket;

package/lib/components/AppContainer/utils/listenHot.js

@@ -0,0 +1,43 @@
+import sockjs_client from "sockjs-client";
+import { postMessage } from "../../../utils/postMessage.js";
+import { getWsPath } from "../../../utils/utils.js";
+let hotInited = false;
+function handleDevServerMessage(msg) {
+    if ('hash' === msg.type) {
+        if (!hotInited) {
+            hotInited = true;
+            return;
+        }
+        postMessage({
+            type: 'HmrMessage',
+            msg: {
+                type: 'hot'
+            },
+            data: null
+        });
+    } else if ('errors' === msg.type) postMessage({
+        type: 'HmrMessage',
+        msg: {
+            type: 'errors',
+            data: JSON.stringify(msg.data)
+        },
+        data: null
+    });
+}
+function connectDevServer() {
+    const sockUrl = getWsPath();
+    const sock = new sockjs_client(sockUrl);
+    sock.onopen = ()=>console.log("✅ connect DevServer SockJS");
+    sock.onmessage = (event)=>{
+        try {
+            const msg = JSON.parse(event.data);
+            console.log("hmr 消息:", msg);
+            handleDevServerMessage(msg);
+        } catch (err) {
+            console.error("解析 hmr 消息失败:", event.data);
+        }
+    };
+    return sock;
+}
+'production' !== process.env.NODE_ENV && connectDevServer();
+export { connectDevServer };

package/lib/components/index.d.ts

@@ -1,6 +1,5 @@
 export * from './SidebarNav';
 export * from './User';
-export * from './TopNav';
 export * from './SidebarNav';
 export * from './User';
 export * from './theme';

package/lib/components/index.js

@@ -1,6 +1,5 @@
 export * from "./SidebarNav/index.js";
 export * from "./User/index.js";
-export * from "./TopNav/index.js";
 export * from "./theme/index.js";
 export * from "./AppContainer/index.js";
 export * from "./ErrorRender/index.js";

package/lib/types/iframe-events.d.ts

@@ -30,8 +30,13 @@ export interface UpdateRoutesMessage extends IframeMessage<{
 }> {
     type: 'UpdateRoutes';
 }
+/** 热更新消息 */
 export interface HmrMessage extends IframeMessage<Record<string, never>> {
-    type: 'Hmr';
+    type: 'HmrMessage';
+    msg: {
+        type: 'hot' | 'errors';
+        data?: any;
+    };
 }
 export type OutgoingMessage = PreviewReadyMessage | HmrMessage | ConsoleMessage | ChildLocationChangeMessage | CreatePageMessage | RenderErrorMessage | RenderErrorRepairMessage | PageScreenshotMessage | UpdateRoutesMessage;
 export interface GetRoutesMessage extends IframeMessage<Record<string, never>> {

package/lib/utils/getParentOrigin.js

@@ -1,7 +1,7 @@
 function getPreviewParentOrigin() {
     const { origin } = window.location;
-    if (origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
-    if (origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
+    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
+    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
     return 'https://miaoda.feishu-boe.cn';
 }
 export { getPreviewParentOrigin };

package/lib/utils/utils.d.ts

@@ -15,5 +15,6 @@ export declare function isPreview(): boolean;
  * 移除末尾的斜杠，确保路径不以斜杠结尾
  */
 export declare function normalizeBasePath(basePath?: string): string;
+export declare function getWsPath(): string;
 /** 判断是否是沙箱模式 */
 export declare function isSparkRuntime(): boolean;

package/lib/utils/utils.js

@@ -10,7 +10,13 @@ function normalizeBasePath(basePath) {
     if (!basePath || '/' === basePath) return '';
     return basePath.replace(/\/+$/, '');
 }
+function getWsPath() {
+    const rawBasePath = process.env.CLIENT_BASE_PATH || '/';
+    const normalizedBasePath = rawBasePath.startsWith('/') ? rawBasePath : `/${rawBasePath}`;
+    const basePathWithoutTrailingSlash = normalizedBasePath.endsWith('/') ? normalizedBasePath.slice(0, -1) : normalizedBasePath;
+    return `${basePathWithoutTrailingSlash}/ws`;
+}
 function isSparkRuntime() {
     return window._IS_Spark_RUNTIME ?? 'fullstack' === process.env.runtimeMode;
 }
-export { clsxWithTw, isPreview, isSparkRuntime, normalizeBasePath };
+export { clsxWithTw, getWsPath, isPreview, isSparkRuntime, normalizeBasePath };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-core",
-  "version": "0.1.0-alpha.22",
+  "version": "0.1.0-alpha.24",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -76,13 +76,14 @@
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "0.3.1",
-    "@lark-apaas/miaoda-inspector": "0.1.0-alpha.7",
+    "@lark-apaas/miaoda-inspector": "0.1.0-alpha.8",
     "clsx": "~2.0.1",
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
     "html2canvas-pro": "^1.5.11",
     "lodash": "^4.17.21",
     "penpal": "^6.2.2",
+    "sockjs-client": "^1.6.1",
     "sonner": "~2.0.0",
     "tailwind-merge": "~2.0.0",
     "tailwind-variants": "0.3.1",
@@ -107,6 +108,7 @@
     "@types/node": "^22.10.2",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
+    "@types/sockjs-client": "^1",
     "antd": "^5.26.6",
     "eslint": "^8.57.0",
     "jsdom": "^26.1.0",

package/lib/apis/components/TopNav.d.ts

@@ -1 +0,0 @@
-export { default as TopNav } from '../../components/TopNav';

package/lib/apis/components/TopNav.js

@@ -1,2 +0,0 @@
-import TopNav from "../../components/TopNav/index.js";
-export { TopNav };

package/lib/components/TopNav/BottomNav.d.ts

@@ -1,12 +0,0 @@
-/**
- * 底部导航栏：应用模式，移动端转用
- */
-import * as React from 'react';
-import { NavItemProps } from '../common';
-import { BaseNavProps } from '../../types';
-interface BottomNavProps extends BaseNavProps {
-    navList: NavItemProps[];
-    maxBottomItems?: number;
-}
-export declare function BottomNav({ navList, className, maxBottomItems, }: BottomNavProps): React.JSX.Element;
-export {};

package/lib/components/TopNav/BottomNav.js

@@ -1,81 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { clsxWithTw } from "../../utils/utils.js";
-import { BottomBarThemeClass, MaskThemeClass, MoreNavItem, NavItem } from "../common/index.js";
-function BottomNav({ navList = [], className, maxBottomItems = 6 }) {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const bottomBarRef = useRef(null);
-    const hasMoreItems = navList.length > maxBottomItems;
-    const bottomNavItems = hasMoreItems ? navList.slice(0, maxBottomItems - 1) : navList.slice(0, maxBottomItems);
-    const expandedNavItems = hasMoreItems ? navList.slice(maxBottomItems - 1) : [];
-    const expandedNavItemsPath = useMemo(()=>expandedNavItems.map((item)=>item.to), [
-        expandedNavItems
-    ]);
-    const toggleExpanded = ()=>{
-        setIsExpanded(!isExpanded);
-    };
-    const collapsePanel = ()=>{
-        setIsExpanded(false);
-    };
-    const displayGridCols = bottomNavItems.length + (hasMoreItems ? 1 : 0);
-    useEffect(()=>{
-        if (bottomBarRef.current) {
-            const bottomNavMask = document.createElement('div');
-            bottomNavMask.className = 'w-full h-16';
-            bottomNavMask.style.height = `${bottomBarRef.current.offsetHeight}px`;
-            document.body.appendChild(bottomNavMask);
-            return ()=>{
-                document.body.removeChild(bottomNavMask);
-            };
-        }
-    }, []);
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            isExpanded ? /*#__PURE__*/ jsx("div", {
-                className: clsxWithTw('fixed inset-0 z-20', MaskThemeClass),
-                onClick: collapsePanel
-            }) : null,
-            /*#__PURE__*/ jsx("div", {
-                className: clsxWithTw(BottomBarThemeClass, 'fixed inset-x-0 z-20 rounded-t-2xl shadow-lg transform transition-transform duration-300 ease-in-out', 'bottom-16', 'max-h-[calc(100vh-4rem)] overflow-y-auto', className, isExpanded ? 'translate-y-0' : 'translate-y-full'),
-                children: /*#__PURE__*/ jsx("div", {
-                    className: "grid grid-cols-4 gap-2 py-3",
-                    children: expandedNavItems.map((item, index)=>/*#__PURE__*/ jsx(NavItem, {
-                            direction: "vertical",
-                            className: "text-xs h-20 gap-2",
-                            ...item,
-                            onClick: collapsePanel
-                        }, index))
-                })
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                ref: bottomBarRef,
-                className: clsxWithTw(BottomBarThemeClass, 'pt-2.5 pb-2.5 fixed h-16 inset-x-0 bottom-0 z-20 border-gray-200 border-t grid items-center', {
-                    'grid-cols-1': 1 === displayGridCols,
-                    'grid-cols-2': 2 === displayGridCols,
-                    'grid-cols-3': 3 === displayGridCols,
-                    'grid-cols-4': 4 === displayGridCols,
-                    'grid-cols-5': 5 === displayGridCols,
-                    'grid-cols-6': 6 === displayGridCols
-                }, className),
-                children: [
-                    bottomNavItems.map((item, index)=>/*#__PURE__*/ jsx(NavItem, {
-                            className: "text-xs",
-                            hideActive: isExpanded,
-                            direction: "vertical",
-                            onClick: collapsePanel,
-                            ...item
-                        }, index)),
-                    hasMoreItems ? /*#__PURE__*/ jsx(MoreNavItem, {
-                        direction: "vertical",
-                        className: "text-xs",
-                        name: "更多",
-                        onClick: toggleExpanded,
-                        isExpanded: isExpanded,
-                        expandedNavItemsPath: expandedNavItemsPath
-                    }) : null
-                ]
-            })
-        ]
-    });
-}
-export { BottomNav };

package/lib/components/TopNav/TitleBar.d.ts

@@ -1,10 +0,0 @@
-/**
- * 顶部导航栏：应用模式，移动端转用
- * 仅展示标题
- */
-import React from 'react';
-import type { NavItemProps } from '../common';
-export declare const TitleBar: React.FC<{
-    navList: NavItemProps[];
-    className?: string;
-}>;

package/lib/components/TopNav/TitleBar.js

@@ -1,130 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { Link, matchPath, useLocation } from "react-router-dom";
-import { LogOut, MoreHorizontal, X } from "lucide-react";
-import { clsxWithTw, isSparkRuntime } from "../../utils/utils.js";
-import { useAppInfo, useCurrentUserProfile, useLogout } from "../../hooks/index.js";
-import { DropdownThemeClass, MaskThemeClass, TopHeaderThemeClass } from "../common/index.js";
-const TitleBar = ({ navList, className })=>{
-    const { pathname } = useLocation();
-    const title = useMemo(()=>{
-        const matched = navList.find((navItem)=>{
-            const match = matchPath(navItem.to, pathname);
-            return match && match.pathname === pathname;
-        });
-        return matched?.name;
-    }, [
-        navList,
-        pathname
-    ]);
-    const { appName, appLogo } = useAppInfo();
-    const { name: userName, avatar: userAvatar } = useCurrentUserProfile();
-    const { handlerLogout } = useLogout();
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const closeMenu = ()=>{
-        setIsMenuOpen(false);
-    };
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx("header", {
-                className: clsxWithTw('px-2 md:px-4 sticky top-0 z-20 w-full h-14', TopHeaderThemeClass, className),
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex justify-center items-center w-full h-full px-6",
-                    children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "font-semibold w-ful text-ellipsis overflow-hidden whitespace-nowrap",
-                            children: title
-                        }),
-                        isMenuOpen ? /*#__PURE__*/ jsx(X, {
-                            className: "w-5 h-5 absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer",
-                            onClick: ()=>setIsMenuOpen(!isMenuOpen)
-                        }) : /*#__PURE__*/ jsx(MoreHorizontal, {
-                            onClick: ()=>setIsMenuOpen(!isMenuOpen),
-                            className: "w-5 h-5 absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer"
-                        })
-                    ]
-                })
-            }),
-            isMenuOpen ? /*#__PURE__*/ jsx("div", {
-                className: clsxWithTw('fixed inset-x-0 top-14 bottom-0 z-10', MaskThemeClass),
-                onClick: closeMenu
-            }) : null,
-            /*#__PURE__*/ jsx("div", {
-                className: clsxWithTw('fixed inset-x-0 z-10 transform transition-transform duration-300 ease-in-out', 'top-14', DropdownThemeClass, 'max-h-[calc(100vh-3.5rem)] overflow-y-auto', className, isMenuOpen ? 'translate-y-0 shadow-lg' : '-translate-y-full'),
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "container space-y-4 py-6",
-                    hidden: !isMenuOpen,
-                    children: [
-                        /*#__PURE__*/ jsxs(Link, {
-                            to: "/",
-                            className: "flex flex-col justify-center items-center space-x-2",
-                            onClick: closeMenu,
-                            children: [
-                                appLogo ? /*#__PURE__*/ jsx("img", {
-                                    src: appLogo,
-                                    alt: "avatar",
-                                    className: "w-14 h-14 mb-4"
-                                }) : null,
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "text-xl text-center font-medium w-full text-ellipsis overflow-hidden whitespace-nowrap ",
-                                    children: appName || '新应用'
-                                }),
-                                /*#__PURE__*/ jsx("div", {
-                                    className: "text-center justify-center text-token-text-title font-medium leading-relaxed"
-                                })
-                            ]
-                        }),
-                        userAvatar ? /*#__PURE__*/ jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ jsxs("div", {
-                                    className: "flex items-center justify-between border-gray-200 border-t py-4 ",
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            children: "当前用户"
-                                        }),
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "flex items-center",
-                                            children: [
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "flex-1 text-ellipsis overflow-hidden whitespace-nowrap",
-                                                    children: userName
-                                                }),
-                                                /*#__PURE__*/ jsx("img", {
-                                                    onClick: ()=>{
-                                                        if (isSparkRuntime()) location.href = '/suda/user?brand=1';
-                                                    },
-                                                    src: userAvatar,
-                                                    alt: "avatar",
-                                                    className: "w-8 h-8 rounded-full ml-2"
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    className: "flex items-center justify-between border-t border-gray-200 py-4 cursor-pointer",
-                                    onClick: async ()=>{
-                                        await handlerLogout();
-                                        closeMenu();
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            children: "退出登录"
-                                        }),
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: "flex items-center",
-                                            children: /*#__PURE__*/ jsx(LogOut, {
-                                                className: "w-5 h-5"
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        }) : null
-                    ]
-                })
-            })
-        ]
-    });
-};
-export { TitleBar };

package/lib/components/TopNav/TopNav.d.ts

@@ -1,10 +0,0 @@
-/**
- * 顶部标题导航栏：支持 PC 和移动端
- * 移动端收起导航，点击下拉使用
- */
-import * as React from 'react';
-import { BaseNavProps } from '../../types';
-export interface TopNavProps extends BaseNavProps {
-    align?: 'left' | 'center' | 'right';
-}
-export declare function TopNav({ navList, align, className, activeClassName, }: TopNavProps): React.JSX.Element;

package/lib/components/TopNav/TopNav.js

@@ -1,86 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { Menu, X } from "lucide-react";
-import { Link } from "react-router-dom";
-import { clsxWithTw } from "../../utils/utils.js";
-import { useAppInfo } from "../../hooks/useAppInfo.js";
-import { useCurrentUserProfile } from "../../hooks/useCurrentUserProfile.js";
-import { DropdownThemeClass, NavMenu, TopHeaderThemeClass, UserAvatarMenu } from "../common/index.js";
-function TopNav({ navList = [], align = 'left', className, activeClassName }) {
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const navRef = useRef(null);
-    const { appName, appLogo } = useAppInfo();
-    const { avatar: userAvatar } = useCurrentUserProfile();
-    return /*#__PURE__*/ jsxs("header", {
-        ref: navRef,
-        className: clsxWithTw('miao-top-nav h-14 items-end w-[100vw] px-3 md:px-4 sticky top-0 z-50 shadow-xs flex', TopHeaderThemeClass, className),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: "flex w-full h-full items-center justify-between",
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "flex items-center gap-6 md:gap-10 text-ellipsis overflow-hidden whitespace-nowrap",
-                        children: /*#__PURE__*/ jsx(Link, {
-                            to: "/",
-                            className: "flex items-center space-x-2 w-[100%]",
-                            children: /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-2 w-[100%]",
-                                children: [
-                                    appLogo ? /*#__PURE__*/ jsx("img", {
-                                        src: appLogo,
-                                        alt: "avatar",
-                                        className: "w-7 h-7"
-                                    }) : null,
-                                    /*#__PURE__*/ jsx("span", {
-                                        className: "max-w-[240px] font-medium w-full truncate",
-                                        title: appName,
-                                        children: appName || '新应用'
-                                    })
-                                ]
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: clsxWithTw('flex-1 overflow-hidden ml-5 hidden md:block h-full', {
-                            'items-start': 'left' === align,
-                            'items-center': 'center' === align,
-                            'items-end': 'right' === align
-                        }),
-                        children: /*#__PURE__*/ jsx(NavMenu, {
-                            navList: navList,
-                            className: className,
-                            activeClassName: activeClassName
-                        })
-                    }),
-                    userAvatar ? /*#__PURE__*/ jsx(UserAvatarMenu, {
-                        className: className
-                    }) : null,
-                    navList.length > 0 ? /*#__PURE__*/ jsx("div", {
-                        className: "md:hidden flex items-center",
-                        children: isMenuOpen ? /*#__PURE__*/ jsx(X, {
-                            className: "h-5 w-5 mx-3 cursor-pointer",
-                            onClick: ()=>setIsMenuOpen(!isMenuOpen)
-                        }) : /*#__PURE__*/ jsx(Menu, {
-                            className: "h-5 w-5 mx-3 cursor-pointer",
-                            onClick: ()=>setIsMenuOpen(!isMenuOpen)
-                        })
-                    }) : null
-                ]
-            }),
-            isMenuOpen && navList.length > 0 ? /*#__PURE__*/ jsx("div", {
-                className: "md:hidden",
-                children: /*#__PURE__*/ jsx("div", {
-                    className: clsxWithTw('overflow-y-auto max-h-[482px] border-t border-gray-200 py-2 absolute top-14 left-0 right-0 shadow-lg', DropdownThemeClass, className),
-                    children: /*#__PURE__*/ jsx(NavMenu, {
-                        navList: navList,
-                        className: className,
-                        activeClassName: activeClassName,
-                        onClick: ()=>setIsMenuOpen(false),
-                        mode: "vertical"
-                    })
-                })
-            }) : null
-        ]
-    });
-}
-export { TopNav };

package/lib/components/TopNav/index.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { NavProps } from '../../types';
-interface NavBarProps extends Omit<NavProps, 'mobileVariant'> {
-    align?: 'left' | 'center' | 'right';
-    /**
-     * 移动端导航栏 变体
-     */
-    mobileVariant?: 'bottomBar' | 'dropdown';
-}
-export declare function Navigation(props: NavBarProps): React.JSX.Element;
-export { Navigation as TopNav };
-export default Navigation;

package/lib/components/TopNav/index.js

@@ -1,65 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
-import { useIsMobile } from "../../hooks/useIsMobile.js";
-import { BottomNav } from "./BottomNav.js";
-import { TitleBar } from "./TitleBar.js";
-import { TopNav } from "./TopNav.js";
-import { ConfigProvider } from "antd";
-import { useTheme } from "../../hooks/useTheme.js";
-import { useLocation } from "react-router-dom";
-import { generateDarkTheme, generateLightTheme } from "../theme/util.js";
-function NavigationBar({ navList = [], align, className, activeClassName, mobileVariant = 'dropdown' }) {
-    const isMobile = useIsMobile();
-    const location = useLocation();
-    useEffect(()=>{
-        window.scrollTo(0, 0);
-    }, [
-        location.pathname
-    ]);
-    if (isMobile && 'bottomBar' === mobileVariant) {
-        if (0 === navList.length) return null;
-        return /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ jsx(TitleBar, {
-                    className: className,
-                    navList: navList
-                }),
-                /*#__PURE__*/ jsx(BottomNav, {
-                    navList: navList,
-                    className: className
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ jsx(TopNav, {
-        navList: navList,
-        activeClassName: activeClassName,
-        align: align,
-        className: className
-    });
-}
-function Navigation(props) {
-    const { theme } = useTheme();
-    const { darkColorPrimary, lightColorPrimary } = props;
-    const themeToken = useMemo(()=>{
-        if ('dark' === theme && darkColorPrimary) return generateDarkTheme({
-            colorPrimary: darkColorPrimary
-        });
-        if ('light' === theme && lightColorPrimary) return generateLightTheme({
-            colorPrimary: lightColorPrimary
-        });
-        return {};
-    }, [
-        theme,
-        darkColorPrimary,
-        lightColorPrimary
-    ]);
-    return /*#__PURE__*/ jsx(ConfigProvider, {
-        theme: themeToken,
-        children: /*#__PURE__*/ jsx(NavigationBar, {
-            ...props
-        })
-    });
-}
-const components_TopNav = Navigation;
-export { Navigation, Navigation as TopNav, components_TopNav as default };