@thefreshop/tb 1.0.28 → 1.0.29

package/dist/cjs/index.js

@@ -337,10 +337,10 @@ var css_248z$9 = ".bottom-module_bottom_item__fac0H{display:flex;font-size:15px;
 var styles$7 = {"bottom_item":"bottom-module_bottom_item__fac0H"};
 styleInject(css_248z$9);
 
-const Bottom = ({ bottom }) => {
+const Bottom = ({ bottom, frameStyle }) => {
     const { currentTabKey, user, tabList } = useTbState();
     const tab = tabList.find((tab) => tab.key === currentTabKey);
-    return (React.createElement("div", { className: styles$7.bottom_item },
+    return (React.createElement("div", { className: styles$7.bottom_item, style: frameStyle?.bottom_item },
         React.createElement("div", null, tab?.title),
         React.createElement("div", { style: { display: "flex", gap: 16 } },
             React.createElement("div", null,
@@ -356,7 +356,7 @@ var css_248z$8 = ".tabs-module_tabFrame__qyHsD{background-color:#fff;display:fle
 var styles$6 = {"tabFrame":"tabs-module_tabFrame__qyHsD","tab_item":"tabs-module_tab_item__dtp6M","tab_item_text":"tabs-module_tab_item_text__w9h73","tab_item_button":"tabs-module_tab_item_button__2CdJE","tab_x_button":"tabs-module_tab_x_button__To6OB","tab_normal":"tabs-module_tab_normal__Ky5vz","tab_select":"tabs-module_tab_select__kEPQi"};
 styleInject(css_248z$8);
 
-const Tabs = ({ nav: { menuSet, openIcon, closeIcon } }) => {
+const Tabs = ({ nav: { menuSet, openIcon, closeIcon }, frameStyle }) => {
     const { tabList, tabKeys, removeTabKey, setCurrentTabKey, addTabKey, currentTabKey } = useTbState();
     const navigate = reactRouter.useNavigate();
     const location = reactRouter.useLocation();
@@ -385,16 +385,16 @@ const Tabs = ({ nav: { menuSet, openIcon, closeIcon } }) => {
         const pathKey = location.pathname.substring(1); // 맨 앞의 '/' 제거
         findTabs(pathKey);
     }, []);
-    return (React.createElement("div", { className: styles$6.tabFrame }, tabKeys?.map((key) => {
+    return (React.createElement("div", { className: styles$6.tabFrame, style: frameStyle?.tabFrame }, tabKeys?.map((key) => {
         const tab = tabList.find((tab) => tab.key === key);
-        return (React.createElement("div", { key: key, className: `${styles$6.tab_item} ${currentTabKey === key ? styles$6.tab_select : styles$6.tab_normal}` },
-            React.createElement("div", { className: styles$6.tab_item_text, onClick: () => {
+        return (React.createElement("div", { key: key, className: `${styles$6.tab_item} ${currentTabKey === key ? styles$6.tab_select : styles$6.tab_normal}`, style: { ...frameStyle?.tab_item, ...(currentTabKey === key ? frameStyle?.tab_select : frameStyle?.tab_normal) } },
+            React.createElement("div", { className: styles$6.tab_item_text, style: frameStyle?.tab_item_text, onClick: () => {
                     setCurrentTabKey(key);
                     navigate("/" + key);
                     // console.log('setCurrentTab', m)
                 } }, tab?.title),
-            !tab?.noremove && (React.createElement("div", { className: styles$6.tab_item_button },
-                React.createElement("button", { className: styles$6.tab_x_button, onClick: () => removeTabKey(key) }, "x")))));
+            !tab?.noremove && (React.createElement("div", { className: styles$6.tab_item_button, style: frameStyle?.tab_item_button },
+                React.createElement("button", { className: styles$6.tab_x_button, style: frameStyle?.tab_x_button, onClick: () => removeTabKey(key) }, "x")))));
     })));
 };
 
@@ -624,9 +624,9 @@ const MainLayout = ({ errMsg, setting, top_banner, nav, user, top, bottom, frame
         React.createElement("div", { className: styles$9.centerFrame, style: { ...frameStyle?.centerFrame, ...(top_banner ? { height: "calc(100vh - 120px)" } : { height: "calc(100vh - 80px)" }) } },
             React.createElement(Nav, { nav: nav, islogin: setting.islogin ?? false, frameStyle: frameStyle }),
             React.createElement("div", { className: styles$9.contentsFrame, style: frameStyle?.contentsFrame },
-                React.createElement(Tabs, { nav: nav }),
+                React.createElement(Tabs, { nav: nav, frameStyle: frameStyle }),
                 React.createElement(Main, null))),
-        React.createElement("div", { className: styles$9.bottomFrame, style: frameStyle?.bottomFrame }, bottom && React.createElement(Bottom, { bottom: bottom }))))));
+        React.createElement("div", { className: styles$9.bottomFrame, style: frameStyle?.bottomFrame }, bottom && React.createElement(Bottom, { bottom: bottom, frameStyle: frameStyle }))))));
 };
 
 //component