@thefreshop/tb 1.0.21 → 1.0.22

package/dist/cjs/tbframe/layout/top.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { tbframeType, topType } from "../../types";
-declare const Top: ({ setting, top: { title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight }, }: {
+declare const Top: ({ setting, top: { title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight, defalultTopKey }, }: {
     setting: tbframeType;
     top: topType;
 }) => React.JSX.Element;

package/dist/cjs/types/tbframe.types.d.ts

@@ -23,6 +23,7 @@ export type topMenuType = {
 };
 export declare const topbase: topType;
 export type topType = {
+    defalultTopKey?: string;
     title?: string;
     titleimage?: string;
     topMenuSetting: topMenuType[];

package/dist/esm/index.js

@@ -170,14 +170,14 @@ var css_248z$a = ".top-module_topframe__LhKDg{align-items:center;border-bottom:1
 var styles$8 = {"topframe":"top-module_topframe__LhKDg","top_left":"top-module_top_left__MBLyP","toplogo":"top-module_toplogo__lQMPi","top_menu":"top-module_top_menu__vOqqG","top_menu_item":"top-module_top_menu_item__pHknH","top_menu_item_icon":"top-module_top_menu_item_icon__-Ckvh","top_menu_item_text":"top-module_top_menu_item_text__SmZnj","menu_nomal":"top-module_menu_nomal__n4Rl-","menu_hover":"top-module_menu_hover__KmK0A"};
 styleInject(css_248z$a);
 
-const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight }, }) => {
+const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight, defalultTopKey }, }) => {
     const { logout, user, addTabKey, setCurrentTabKey } = useTbState();
     const navigate = useNavigate();
     const userTop = () => {
         let topmenutable = [];
         if (user?.user_group?.group_key === "master" || setting.islogin === false) {
             topMenuSetting.forEach((m, index) => {
-                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
+                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
             });
         }
         else {
@@ -185,7 +185,7 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
                 return user?.user_group?.group_section_auth.includes(m.key);
             });
             userSection.forEach((m, index) => {
-                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
+                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
             });
         }
         return topmenutable;
@@ -204,9 +204,13 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
         React__default.createElement("div", { className: styles$8.top_menu }, userTop()),
         topRight ? (topRight) : !setting?.islogin ? null : setting?.logoutComponent ? (setting?.logoutComponent) : (React__default.createElement("button", { onClick: () => logout() }, "\uB85C\uADF8\uC544\uC6C3"))));
 };
-const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle = {} }) => {
+const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle = {}, defalultTopKey, }) => {
     const [hover, setHover] = useState(false);
     const { topkey, setTopkey } = useTbState();
+    useEffect(() => {
+        if (defalultTopKey)
+            setTopkey(defalultTopKey);
+    }, [defalultTopKey]);
     return (React__default.createElement("div", { className: `${styles$8.top_menu_item} ${hover ? styles$8.menu_hover : styles$8.menu_nomal}`, style: menuStyle.menuWidth ? { width: menuStyle.menuWidth } : {}, onMouseEnter: () => {
             setHover(true);
         }, onMouseLeave: () => {