@thefreshop/tb 1.0.28 → 1.0.29

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { bottomType } from "../../types";
-declare const Bottom: ({ bottom }: {
+declare const Bottom: ({ bottom, frameStyle }: {
     bottom: bottomType;
+    frameStyle?: any;
 }) => React.JSX.Element;
 export default Bottom;

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

@@ -1,6 +1,7 @@
 import React from "react";
-import { navType } from "../../types";
-declare const Tabs: ({ nav: { menuSet, openIcon, closeIcon } }: {
+import { FrameStyleType, navType } from "../../types";
+declare const Tabs: ({ nav: { menuSet, openIcon, closeIcon }, frameStyle }: {
     nav: navType;
+    frameStyle?: FrameStyleType;
 }) => React.JSX.Element;
 export default Tabs;

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

@@ -22,6 +22,14 @@ export type FrameStyleType = {
     nav_text?: React.CSSProperties;
     nav_openIcon?: React.CSSProperties;
     sub_item?: React.CSSProperties;
+    bottom_item?: React.CSSProperties;
+    tabFrame?: React.CSSProperties;
+    tab_item?: React.CSSProperties;
+    tab_item_text?: React.CSSProperties;
+    tab_item_button?: React.CSSProperties;
+    tab_x_button?: React.CSSProperties;
+    tab_normal?: React.CSSProperties;
+    tab_select?: React.CSSProperties;
 };
 export type TbFrameType = {
     admin_account_id: number;

package/dist/esm/index.js

@@ -317,10 +317,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__default.createElement("div", { className: styles$7.bottom_item },
+    return (React__default.createElement("div", { className: styles$7.bottom_item, style: frameStyle?.bottom_item },
         React__default.createElement("div", null, tab?.title),
         React__default.createElement("div", { style: { display: "flex", gap: 16 } },
             React__default.createElement("div", null,
@@ -336,7 +336,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 = useNavigate();
     const location = useLocation();
@@ -365,16 +365,16 @@ const Tabs = ({ nav: { menuSet, openIcon, closeIcon } }) => {
         const pathKey = location.pathname.substring(1); // 맨 앞의 '/' 제거
         findTabs(pathKey);
     }, []);
-    return (React__default.createElement("div", { className: styles$6.tabFrame }, tabKeys?.map((key) => {
+    return (React__default.createElement("div", { className: styles$6.tabFrame, style: frameStyle?.tabFrame }, tabKeys?.map((key) => {
         const tab = tabList.find((tab) => tab.key === key);
-        return (React__default.createElement("div", { key: key, className: `${styles$6.tab_item} ${currentTabKey === key ? styles$6.tab_select : styles$6.tab_normal}` },
-            React__default.createElement("div", { className: styles$6.tab_item_text, onClick: () => {
+        return (React__default.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__default.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__default.createElement("div", { className: styles$6.tab_item_button },
-                React__default.createElement("button", { className: styles$6.tab_x_button, onClick: () => removeTabKey(key) }, "x")))));
+            !tab?.noremove && (React__default.createElement("div", { className: styles$6.tab_item_button, style: frameStyle?.tab_item_button },
+                React__default.createElement("button", { className: styles$6.tab_x_button, style: frameStyle?.tab_x_button, onClick: () => removeTabKey(key) }, "x")))));
     })));
 };
 
@@ -604,9 +604,9 @@ const MainLayout = ({ errMsg, setting, top_banner, nav, user, top, bottom, frame
         React__default.createElement("div", { className: styles$9.centerFrame, style: { ...frameStyle?.centerFrame, ...(top_banner ? { height: "calc(100vh - 120px)" } : { height: "calc(100vh - 80px)" }) } },
             React__default.createElement(Nav, { nav: nav, islogin: setting.islogin ?? false, frameStyle: frameStyle }),
             React__default.createElement("div", { className: styles$9.contentsFrame, style: frameStyle?.contentsFrame },
-                React__default.createElement(Tabs, { nav: nav }),
+                React__default.createElement(Tabs, { nav: nav, frameStyle: frameStyle }),
                 React__default.createElement(Main, null))),
-        React__default.createElement("div", { className: styles$9.bottomFrame, style: frameStyle?.bottomFrame }, bottom && React__default.createElement(Bottom, { bottom: bottom }))))));
+        React__default.createElement("div", { className: styles$9.bottomFrame, style: frameStyle?.bottomFrame }, bottom && React__default.createElement(Bottom, { bottom: bottom, frameStyle: frameStyle }))))));
 };
 
 //component