@lark-apaas/miaoda-core 0.1.0-alpha.23 → 0.1.0-alpha.25

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/font-family.css

@@ -0,0 +1,40 @@
+@font-face {
+  font-family: LarkChineseQuote;
+  font-weight: 300;
+  src: local(PingFangSC-Light);
+  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
+}
+
+@font-face {
+  font-family: LarkChineseQuote;
+  font-weight: 400;
+  src: local(PingFangSC-Regular);
+  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
+}
+
+@font-face {
+  font-family: LarkChineseQuote;
+  font-weight: 500;
+  src: local(PingFangSC-Medium);
+  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
+}
+
+@font-face {
+  font-family: LarkChineseQuote;
+  font-weight: 600;
+  src: local(PingFangSC-Semibold);
+  unicode-range: U+2018, U+2019, U+201A, U+201C, U+201D, U+201E;
+}
+
+@font-face {
+  font-family: LarkEmojiFont;
+  src: local(Apple Color Emoji), local(Noto Color Emoji);
+  unicode-range: U+1F21A, U+1F250, U+1F237, U+26A0;
+}
+
+@font-face {
+  font-family: LarkHackSafariFont;
+  src: local(Helvetica Neue);
+  unicode-range: U+0;
+}
+

package/lib/index.css

@@ -1,4 +1,5 @@
 @import "./theme-layer.css";
 @import "./tailwind-theme.css";
 @import "./override.css";
+@import "./font-family.css";
 

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

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-core",
-  "version": "0.1.0-alpha.23",
+  "version": "0.1.0-alpha.25",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -76,7 +76,7 @@
     "@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",

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 };