@lark-apaas/client-toolkit 1.0.4 → 1.0.5

package/lib/components/common/LogoInfo.js

@@ -1,30 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Link } from "react-router-dom";
-import { useAppInfo } from "../../hooks/useAppInfo.js";
-import { clsxWithTw } from "../../utils/utils.js";
-function LogoInfo({ className, logoClassName }) {
-    const { name, avatar } = useAppInfo();
-    return /*#__PURE__*/ jsx("div", {
-        className: clsxWithTw('overflow-hidden text-ellipsis whitespace-nowrap', className),
-        children: /*#__PURE__*/ jsxs(Link, {
-            to: "/",
-            className: "text-inherit flex items-center gap-2 w-full",
-            children: [
-                avatar ? /*#__PURE__*/ jsx("img", {
-                    src: avatar,
-                    alt: name,
-                    className: clsxWithTw('h-7 w-7', logoClassName)
-                }) : null,
-                /*#__PURE__*/ jsxs("span", {
-                    className: "w-full truncate",
-                    children: [
-                        name || '新应用',
-                        " "
-                    ]
-                })
-            ]
-        })
-    });
-}
-export { LogoInfo as default };

package/lib/components/common/NavItem.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface NavItemProps {
-    name: string;
-    to: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    children?: NavItemProps[];
-    className?: string;
-    hasBadge?: boolean;
-    direction?: 'horizontal' | 'vertical';
-    onClick?: () => void;
-    hideActive?: boolean;
-    forceActive?: boolean;
-}
-export declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLAnchorElement>>;
-export declare const MoreNavItem: React.FC<{
-    expandedNavItemsPath: string[];
-    isExpanded: boolean;
-} & Omit<NavItemProps, 'icon' | 'to'>>;

package/lib/components/common/NavItem.js

@@ -1,112 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import react, { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
-import { NavLink, matchPath, useLocation } from "react-router-dom";
-import { Button } from "antd";
-import { clsxWithTw } from "../../utils/utils.js";
-import { MoreHorizontal } from "lucide-react";
-const HashLink = /*#__PURE__*/ forwardRef(({ className, to, name, icon, onClick, direction, hideActive = false }, _ref)=>{
-    const [isActive, setIsActive] = useState(false);
-    useEffect(()=>{
-        const checkHash = ()=>{
-            setIsActive(window.location.hash === to);
-        };
-        checkHash();
-        window.addEventListener('hashchange', checkHash);
-        return ()=>window.removeEventListener('hashchange', checkHash);
-    }, [
-        to
-    ]);
-    const iconNode = icon ? /*#__PURE__*/ react.createElement(icon, {
-        className: 'w-6 h-6'
-    }) : null;
-    return /*#__PURE__*/ jsxs(Button, {
-        variant: "link",
-        href: to,
-        onClick: ()=>{
-            setIsActive(true);
-            onClick?.();
-        },
-        color: isActive && !hideActive ? 'primary' : 'default',
-        className: clsxWithTw('miao-nav p-0 b-0 h-full w-full', 'transition-colors inline-flex gap-1 items-center overflow-hidden', {
-            'flex-col': 'vertical' === direction,
-            'w-full': 'vertical' === direction,
-            'justify-center': 'horizontal' === direction,
-            'text-inherit': !isActive
-        }, className),
-        children: [
-            iconNode,
-            name ? /*#__PURE__*/ jsx("span", {
-                className: clsxWithTw('truncate w-full', {
-                    'text-center': 'vertical' === direction
-                }),
-                children: name
-            }) : null
-        ]
-    });
-});
-HashLink.displayName = 'HashLink';
-const NavItem = /*#__PURE__*/ react.forwardRef((props, ref)=>{
-    const isHashLink = props.to.startsWith('#');
-    if (isHashLink) return /*#__PURE__*/ jsx(HashLink, {
-        ref: ref,
-        ...props
-    });
-    return /*#__PURE__*/ jsx(NavLink, {
-        ref: ref,
-        to: props.to,
-        end: true,
-        onClick: props.onClick,
-        className: ()=>clsxWithTw('inline-flex justify-center'),
-        children: ({ isActive: linkIsActive })=>/*#__PURE__*/ jsxs(Button, {
-                variant: "link",
-                color: linkIsActive && !props.hideActive || props.forceActive ? 'primary' : 'default',
-                className: clsxWithTw('miao-nav p-0 b-0 h-full w-full', 'transition-colors inline-flex gap-1 items-center overflow-hidden', {
-                    'flex-col': 'vertical' === props.direction,
-                    'justify-center': 'horizontal' === props.direction,
-                    'text-inherit': !(linkIsActive && !props.hideActive || props.forceActive)
-                }, props.className),
-                children: [
-                    props.icon ? /*#__PURE__*/ jsx(props.icon, {
-                        className: "w-6 h-6"
-                    }) : null,
-                    props.name ? /*#__PURE__*/ jsx("span", {
-                        className: clsxWithTw('truncate w-full', {
-                            ' text-center': 'vertical' === props.direction
-                        }),
-                        children: props.name
-                    }) : null
-                ]
-            })
-    });
-});
-NavItem.displayName = 'NavItem';
-const MoreNavItem = ({ expandedNavItemsPath, onClick, isExpanded, name = '更多', ...restProps })=>{
-    const { pathname } = useLocation();
-    const isActive = useMemo(()=>{
-        const matched = expandedNavItemsPath.some((path)=>{
-            const match = matchPath(path, pathname);
-            return match && match.pathname === pathname;
-        });
-        return matched;
-    }, [
-        expandedNavItemsPath,
-        pathname
-    ]);
-    const handleClick = useCallback((e)=>{
-        e.preventDefault();
-        onClick?.();
-    }, [
-        onClick
-    ]);
-    return /*#__PURE__*/ jsx(NavItem, {
-        icon: MoreHorizontal,
-        name: name,
-        to: "",
-        hideActive: !isActive,
-        forceActive: isExpanded || isActive,
-        onClick: handleClick,
-        ...restProps
-    });
-};
-MoreNavItem.displayName = 'MoreNavItem';
-export { MoreNavItem, NavItem };

package/lib/components/common/NavMenu.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseNavProps } from '../../types';
-type NavMenuProps = BaseNavProps & {
-    mode?: 'horizontal' | 'vertical';
-    iconClassName?: string;
-    onClick?: (key: string) => void;
-};
-export default function NavMenu({ navList, className, iconClassName, mode, onClick, }: NavMenuProps): React.JSX.Element;
-export {};

package/lib/components/common/NavMenu.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Menu } from "antd";
-import react, { useEffect, useMemo, useState } from "react";
-import { NavLink, useLocation } from "react-router-dom";
-import { clsxWithTw } from "../../utils/utils.js";
-function NavMenu({ navList, className, iconClassName = '', mode = 'horizontal', onClick }) {
-    const location = useLocation();
-    const [currentMenu, setCurrentMenu] = useState(location.pathname);
-    useEffect(()=>{
-        setCurrentMenu(location.pathname);
-    }, [
-        location
-    ]);
-    const menuItems = useMemo(()=>navList?.map((n)=>({
-                label: /*#__PURE__*/ jsxs(NavLink, {
-                    to: n.to,
-                    end: true,
-                    className: ({ isActive })=>clsxWithTw('flex items-center', {
-                            'text-[var(--ant-menu-horizontal-item-selected-color)]': isActive
-                        }),
-                    children: [
-                        n.icon ? /*#__PURE__*/ react.createElement(n.icon, {
-                            className: clsxWithTw('w-4 h-4', iconClassName)
-                        }) : null,
-                        /*#__PURE__*/ jsx("span", {
-                            children: n.name
-                        })
-                    ]
-                }),
-                key: n.to
-            })), [
-        navList
-    ]);
-    return /*#__PURE__*/ jsx(Menu, {
-        className: clsxWithTw('bg-inherit h-full', className),
-        items: menuItems,
-        selectedKeys: [
-            currentMenu
-        ],
-        onClick: (info)=>{
-            setCurrentMenu(info.key);
-            onClick?.(info.key);
-        },
-        mode: mode,
-        style: {
-            borderBottomWidth: 0
-        }
-    });
-}
-export { NavMenu as default };

package/lib/components/common/UserAvatarLayout.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export default function UserAvatarLayout({ className, }: {
-    className?: string;
-}): React.JSX.Element;

package/lib/components/common/UserAvatarLayout.js

@@ -1,41 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Button } from "antd";
-import { LogOut } from "lucide-react";
-import { useCurrentUserProfile, useLogout } from "../../hooks/index.js";
-import { clsxWithTw } from "../../utils/utils.js";
-function UserAvatarLayout({ className }) {
-    const { name, avatar } = useCurrentUserProfile();
-    const { handlerLogout } = useLogout();
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: name ? /*#__PURE__*/ jsx("div", {
-            className: clsxWithTw('py-4 px-5 border-gray-200 border-t', className),
-            children: /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center justify-between",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap",
-                        children: [
-                            avatar ? /*#__PURE__*/ jsx("img", {
-                                src: avatar,
-                                alt: name,
-                                className: "h-8 w-8 rounded-full"
-                            }) : null,
-                            /*#__PURE__*/ jsx("span", {
-                                className: "text-sm font-medium truncate",
-                                children: name
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        type: "text",
-                        className: "text-inherit",
-                        icon: /*#__PURE__*/ jsx(LogOut, {}),
-                        onClick: handlerLogout
-                    })
-                ]
-            })
-        }) : null
-    });
-}
-export { UserAvatarLayout as default };

package/lib/components/common/UserAvatarMenu.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export default function UserAvatarMenu({ className }: {
-    className?: string;
-}): React.JSX.Element;

package/lib/components/common/UserAvatarMenu.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Avatar, Dropdown, Menu } from "antd";
-import { LogOut } from "lucide-react";
-import { useCurrentUserProfile, useLogout } from "../../hooks/index.js";
-import { clsxWithTw } from "../../utils/utils.js";
-function UserAvatarMenu({ className }) {
-    const { name, avatar } = useCurrentUserProfile();
-    const { handlerLogout } = useLogout();
-    if (!name) return null;
-    return /*#__PURE__*/ jsx(Dropdown, {
-        placement: "bottomRight",
-        overlay: /*#__PURE__*/ jsxs(Menu, {
-            className: clsxWithTw('min-w-48', className),
-            children: [
-                /*#__PURE__*/ jsx(Menu.Item, {
-                    children: /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center gap-2",
-                        children: [
-                            /*#__PURE__*/ jsx(Avatar, {
-                                src: avatar,
-                                className: "w-10 h-10"
-                            }),
-                            /*#__PURE__*/ jsx("span", {
-                                className: "flex-1 text-ellipsis overflow-hidden whitespace-nowrap max-w-[120px]",
-                                children: name
-                            })
-                        ]
-                    })
-                }, "user-info"),
-                /*#__PURE__*/ jsx(Menu.Divider, {}),
-                /*#__PURE__*/ jsx(Menu.Item, {
-                    onClick: handlerLogout,
-                    children: /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center gap-2",
-                        children: [
-                            /*#__PURE__*/ jsx(LogOut, {}),
-                            /*#__PURE__*/ jsx("span", {
-                                children: "退出登录"
-                            })
-                        ]
-                    })
-                }, "logout")
-            ]
-        }),
-        trigger: [
-            'click'
-        ],
-        children: /*#__PURE__*/ jsx("div", {
-            className: "cursor-pointer py-3 flex items-center justify-center",
-            children: /*#__PURE__*/ jsx(Avatar, {
-                src: avatar,
-                className: "w-8 h-8"
-            })
-        })
-    });
-}
-export { UserAvatarMenu as default };

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

@@ -1,9 +0,0 @@
-export { default as UserAvatarMenu } from './UserAvatarMenu';
-export { default as UserAvatarLayout } from './UserAvatarLayout';
-export { default as NavMenu } from './NavMenu';
-export { default as LogoInfo } from './LogoInfo';
-export * from './NavItem';
-export declare const TopHeaderThemeClass = "bg-white text-gray-900 border-gray-200 dark:bg-neutral-50 dark:text-white dark:border-gray-700 border-b";
-export declare const DropdownThemeClass = "bg-white text-gray-900 border-gray-200 dark:bg-neutral-50 dark:text-white dark:border-gray-700 border-b";
-export declare const BottomBarThemeClass = "bg-white dark:bg-gray-800 text-[#646A73] dark:text-gray-300";
-export declare const MaskThemeClass = "bg-black/55";

package/lib/components/common/index.js

@@ -1,10 +0,0 @@
-import UserAvatarMenu from "./UserAvatarMenu.js";
-import UserAvatarLayout from "./UserAvatarLayout.js";
-import NavMenu from "./NavMenu.js";
-import LogoInfo from "./LogoInfo.js";
-export * from "./NavItem.js";
-const TopHeaderThemeClass = 'bg-white text-gray-900 border-gray-200 dark:bg-neutral-50 dark:text-white dark:border-gray-700 border-b';
-const DropdownThemeClass = TopHeaderThemeClass;
-const BottomBarThemeClass = 'bg-white dark:bg-gray-800 text-[#646A73] dark:text-gray-300';
-const MaskThemeClass = 'bg-black/55';
-export { BottomBarThemeClass, DropdownThemeClass, LogoInfo, MaskThemeClass, NavMenu, TopHeaderThemeClass, UserAvatarLayout, UserAvatarMenu };