@thefreshop/tb 1.0.21 → 1.0.22

package/dist/cjs/index.js

@@ -190,14 +190,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 = reactRouter.useNavigate();
     const userTop = () => {
         let topmenutable = [];
         if (user?.user_group?.group_key === "master" || setting.islogin === false) {
             topMenuSetting.forEach((m, index) => {
-                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
+                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
             });
         }
         else {
@@ -205,7 +205,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.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
+                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
             });
         }
         return topmenutable;
@@ -224,9 +224,13 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
         React.createElement("div", { className: styles$8.top_menu }, userTop()),
         topRight ? (topRight) : !setting?.islogin ? null : setting?.logoutComponent ? (setting?.logoutComponent) : (React.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] = React.useState(false);
     const { topkey, setTopkey } = useTbState();
+    React.useEffect(() => {
+        if (defalultTopKey)
+            setTopkey(defalultTopKey);
+    }, [defalultTopKey]);
     return (React.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: () => {