@thefreshop/tb 1.0.28 → 1.0.30

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/tbpage/component/modules/searchbox.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { searchBoxType } from "../../../types";
-export declare const SearchBox: ({ searchOption, searchDisabled, onSubmit, onReset }: searchBoxType) => React.JSX.Element;
+export declare const SearchBox: ({ searchOption, searchDisabled, onSubmit, onReset, PageStyle }: searchBoxType) => React.JSX.Element;

package/dist/cjs/tbpage/component/tbpage.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-export declare const Tbpage: ({ tableProps, searchOption, searchDisabled, onSubmit, isLoading, title, decs, }: {
+import type { PageStyleType } from "../../types";
+export declare const Tbpage: ({ tableProps, searchOption, searchDisabled, onSubmit, isLoading, title, decs, PageStyle, }: {
     tableProps: any;
     searchOption?: any;
     searchDisabled?: boolean;
@@ -7,4 +8,5 @@ export declare const Tbpage: ({ tableProps, searchOption, searchDisabled, onSubm
     isLoading?: boolean;
     title?: string;
     decs?: string;
+    PageStyle?: PageStyleType;
 }) => React.JSX.Element;

package/dist/cjs/tbpage/component/tbpageMulti.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
+import type { PageStyleType } from "../../types";
 type arrtable = {
     title?: string;
     type: "table" | "module";
     tableprops?: any;
     module?: React.ReactNode;
 };
-export declare const TbpageMulti: ({ arrtableProps, arrflex, searchOption, searchDisabled, onSubmit, isLoading, title, decs, direction, }: {
+export declare const TbpageMulti: ({ arrtableProps, arrflex, searchOption, searchDisabled, onSubmit, isLoading, title, decs, direction, PageStyle, }: {
     arrtableProps: arrtable[];
     arrflex?: any[];
     searchOption?: any;
@@ -15,5 +16,6 @@ export declare const TbpageMulti: ({ arrtableProps, arrflex, searchOption, searc
     title?: string;
     decs?: string;
     direction?: string;
+    PageStyle?: PageStyleType;
 }) => React.JSX.Element;
 export {};

package/dist/cjs/types/searchbox.type.d.ts

@@ -1,8 +1,10 @@
+import { PageStyleType } from "./tbframe.types";
 export type searchBoxType = {
     searchOption: searchOptionType[];
     searchDisabled?: boolean;
     onSubmit?: (searchdata?: string | null, rowdata?: any) => void;
     onReset: () => void;
+    PageStyle?: PageStyleType;
 };
 export type searchOptionType = {
     key: string;

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

@@ -22,6 +22,25 @@ 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 PageStyleType = {
+    tableFrame?: React.CSSProperties;
+    titleBox?: React.CSSProperties;
+    titleText?: React.CSSProperties;
+    decsriptionText?: React.CSSProperties;
+    multiFrame?: React.CSSProperties;
+    itemtitle?: React.CSSProperties;
+    searchboxFrame?: React.CSSProperties;
+    searchboxRow?: React.CSSProperties;
+    searchboxBtn?: 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
@@ -23964,7 +23964,7 @@ dayjs.extend(weekday);
 dayjs.extend(localeData);
 const { RangePicker } = DatePicker;
 const { Text: Text$1 } = Typography;
-const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onReset }) => {
+const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onReset, PageStyle }) => {
     const [data, setData] = useState(null);
     useEffect(() => {
         if (!data) {
@@ -23991,8 +23991,8 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
     const activeEnter = (e) => {
         if (e.key === "Enter") ;
     };
-    return (React__default.createElement("div", { className: styles$2.searchboxFrame },
-        React__default.createElement("div", { className: styles$2.searchboxRow }, searchOption.map((item) => {
+    return (React__default.createElement("div", { className: styles$2.searchboxFrame, style: PageStyle?.searchboxFrame },
+        React__default.createElement("div", { className: styles$2.searchboxRow, style: PageStyle?.searchboxRow }, searchOption.map((item) => {
             return (React__default.createElement("div", { style: { marginBottom: "5px" }, key: item.key },
                 React__default.createElement(Row, null,
                     React__default.createElement(Col, { span: item.title ? 1 : 0 },
@@ -24300,8 +24300,8 @@ const ContentLayout = ({ Icon, title, children, contentStyle, flex }) => {
         React__default.createElement("div", { className: show ? 'content' : 'content-hide', style: show ? contentStyle : {} }, show && (typeof children === 'function' ? children(size) : children))));
 };
 
-var css_248z$1 = ".tbpage-module_tableFrame__ir3fr{border-top:1px solid #aaa;display:flex;flex:1;flex-direction:column;height:100%;width:100%}.tbpage-module_titleBox__1X9Ib{background-color:#f0f8ff;border-bottom:1px solid #aaa;display:flex;gap:20;line-height:50px;padding-bottom:10px;padding-left:30px;padding-top:10px;width:100%}.tbpage-module_title__C39fg{font-size:18px;font-weight:700}.tbpage-module_decs__xFX76{font-size:13px;margin-left:30px}.tbpage-module_multiFrame__Ey2GE{border-right:1px solid #fefefe;display:flex;flex:1;flex-direction:column;width:100%}.tbpage-module_itemtitle__zj-tr{font-size:18px;font-weight:700;margin-bottom:20px;margin-left:20px;margin-top:20px;text-align:left}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRicGFnZS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQU1FLHlCQUEwQixDQUwxQixZQUFhLENBRWIsTUFBTyxDQURQLHFCQUFzQixDQUd0QixXQUFZLENBRFosVUFHRixDQUNBLCtCQUVFLHdCQUEyQixDQU8zQiw0QkFBNkIsQ0FON0IsWUFBYSxDQUNiLE1BQU8sQ0FJUCxnQkFBaUIsQ0FEakIsbUJBQW9CLENBRnBCLGlCQUFrQixDQUNsQixnQkFBaUIsQ0FMakIsVUFTRixDQUNBLDRCQUNFLGNBQWUsQ0FDZixlQUNGLENBQ0EsMkJBRUUsY0FBZSxDQURmLGdCQUVGLENBRUEsaUNBR0UsOEJBQStCLENBRi9CLFlBQWEsQ0FDYixNQUFPLENBRVAscUJBQXNCLENBQ3RCLFVBQ0YsQ0FDQSxnQ0FLRSxjQUFlLENBQ2YsZUFBaUIsQ0FGakIsa0JBQW1CLENBRm5CLGdCQUFpQixDQUNqQixlQUFnQixDQUZoQixlQU1GIiwiZmlsZSI6InRicGFnZS5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRhYmxlRnJhbWUge1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBmbGV4OiAxO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIGhlaWdodDogMTAwJTtcclxuICBib3JkZXItdG9wOiAxcHggc29saWQgI2FhYTtcclxufVxyXG4udGl0bGVCb3gge1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IGFsaWNlYmx1ZTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGdhcDogMjA7XHJcbiAgcGFkZGluZy1sZWZ0OiAzMHB4O1xyXG4gIHBhZGRpbmctdG9wOiAxMHB4O1xyXG4gIHBhZGRpbmctYm90dG9tOiAxMHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiA1MHB4O1xyXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjYWFhO1xyXG59XHJcbi50aXRsZSB7XHJcbiAgZm9udC1zaXplOiAxOHB4O1xyXG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG59XHJcbi5kZWNzIHtcclxuICBtYXJnaW4tbGVmdDogMzBweDtcclxuICBmb250LXNpemU6IDEzcHg7XHJcbn1cclxuXHJcbi5tdWx0aUZyYW1lIHtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXg6IDE7XHJcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2ZlZmVmZTtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG59XHJcbi5pdGVtdGl0bGUge1xyXG4gIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgbWFyZ2luLWxlZnQ6IDIwcHg7XHJcbiAgbWFyZ2luLXRvcDogMjBweDtcclxuICBtYXJnaW4tYm90dG9tOiAyMHB4O1xyXG4gIGZvbnQtc2l6ZTogMThweDtcclxuICBmb250LXdlaWdodDogYm9sZDtcclxufVxyXG5cclxuLm11bHRpaXRlbSB7XHJcbn1cclxuIl19 */";
-var styles$1 = {"tableFrame":"tbpage-module_tableFrame__ir3fr","titleBox":"tbpage-module_titleBox__1X9Ib","title":"tbpage-module_title__C39fg","decs":"tbpage-module_decs__xFX76","multiFrame":"tbpage-module_multiFrame__Ey2GE","itemtitle":"tbpage-module_itemtitle__zj-tr","multiitem":"tbpage-module_multiitem__U2nxe"};
+var css_248z$1 = ".tbpage-module_tableFrame__ir3fr{border-top:1px solid #aaa;display:flex;flex:1;flex-direction:column;height:100%;width:100%}.tbpage-module_titleBox__1X9Ib{background-color:#f0f8ff;border-bottom:1px solid #aaa;display:flex;gap:20;line-height:50px;padding-bottom:10px;padding-left:30px;padding-top:10px;width:100%}.tbpage-module_title__C39fg{font-size:18px;font-weight:700}.tbpage-module_decs__xFX76{font-size:13px;margin-left:30px}.tbpage-module_multiFrame__Ey2GE{border-right:1px solid #fefefe;display:flex;flex:1;flex-direction:column;width:100%}.tbpage-module_itemtitle__zj-tr{font-size:18px;font-weight:700;margin-bottom:20px;margin-left:20px;margin-top:20px;text-align:left}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRicGFnZS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQU1JLHlCQUEwQixDQUwxQixZQUFhLENBRWIsTUFBTyxDQURQLHFCQUFzQixDQUd0QixXQUFZLENBRFosVUFHSixDQUNBLCtCQUVJLHdCQUEyQixDQU8zQiw0QkFBNkIsQ0FON0IsWUFBYSxDQUNiLE1BQU8sQ0FJUCxnQkFBaUIsQ0FEakIsbUJBQW9CLENBRnBCLGlCQUFrQixDQUNsQixnQkFBaUIsQ0FMakIsVUFTSixDQUNBLDRCQUNJLGNBQWUsQ0FDZixlQUNKLENBQ0EsMkJBRUksY0FBZSxDQURmLGdCQUVKLENBRUEsaUNBR0ksOEJBQStCLENBRi9CLFlBQWEsQ0FDYixNQUFPLENBRVAscUJBQXNCLENBQ3RCLFVBQ0osQ0FDQSxnQ0FLSSxjQUFlLENBQ2YsZUFBaUIsQ0FGakIsa0JBQW1CLENBRm5CLGdCQUFpQixDQUNqQixlQUFnQixDQUZoQixlQU1KIiwiZmlsZSI6InRicGFnZS5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRhYmxlRnJhbWUge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBmbGV4OiAxO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2FhYTtcclxufVxyXG4udGl0bGVCb3gge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBhbGljZWJsdWU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZ2FwOiAyMDtcclxuICAgIHBhZGRpbmctbGVmdDogMzBweDtcclxuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDEwcHg7XHJcbiAgICBsaW5lLWhlaWdodDogNTBweDtcclxuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjYWFhO1xyXG59XHJcbi50aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxufVxyXG4uZGVjcyB7XHJcbiAgICBtYXJnaW4tbGVmdDogMzBweDtcclxuICAgIGZvbnQtc2l6ZTogMTNweDtcclxufVxyXG5cclxuLm11bHRpRnJhbWUge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXg6IDE7XHJcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZmVmZWZlO1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcbi5pdGVtdGl0bGUge1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICAgIG1hcmdpbi1sZWZ0OiAyMHB4O1xyXG4gICAgbWFyZ2luLXRvcDogMjBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbiAgICBmb250LXNpemU6IDE4cHg7XHJcbiAgICBmb250LXdlaWdodDogYm9sZDtcclxufVxyXG4iXX0= */";
+var styles$1 = {"tableFrame":"tbpage-module_tableFrame__ir3fr","titleBox":"tbpage-module_titleBox__1X9Ib","title":"tbpage-module_title__C39fg","decs":"tbpage-module_decs__xFX76","multiFrame":"tbpage-module_multiFrame__Ey2GE","itemtitle":"tbpage-module_itemtitle__zj-tr"};
 styleInject(css_248z$1);
 
 /**
@@ -24363,22 +24363,22 @@ const LoadingLayout = ({ tip, isLoading, error, isError, style, children, classN
         children));
 };
 
-const Tbpage = ({ tableProps, searchOption, searchDisabled = false, onSubmit, isLoading, title, decs, }) => {
+const Tbpage = ({ tableProps, searchOption, searchDisabled = false, onSubmit, isLoading, title, decs, PageStyle, }) => {
     const { user } = useTbState();
-    return (React__default.createElement("div", { className: styles$1.tableFrame },
-        title || decs ? React__default.createElement(TitleBox$2, { title: title, decs: decs }) : null,
-        searchOption && (React__default.createElement(SearchBox, { searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
+    return (React__default.createElement("div", { className: styles$1.tableFrame, style: PageStyle?.tableFrame },
+        title || decs ? React__default.createElement(TitleBox$2, { title: title, decs: decs, PageStyle: PageStyle }) : null,
+        searchOption && (React__default.createElement(SearchBox, { PageStyle: PageStyle, searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
                 if (onSubmit)
                     onSubmit(null, null, true);
             } })),
         React__default.createElement(LoadingLayout, { isLoading: isLoading },
-            React__default.createElement("div", { className: styles$1.multiFrame },
+            React__default.createElement("div", { className: styles$1.multiFrame, style: PageStyle?.multiFrame },
                 React__default.createElement(AntBaseTable, { ...tableProps })))));
 };
-const TitleBox$2 = ({ title, decs }) => {
-    return (React__default.createElement("div", { className: styles$1.titleBox },
-        React__default.createElement("div", { className: styles$1.title }, title),
-        React__default.createElement("div", { className: styles$1.decs }, decs)));
+const TitleBox$2 = ({ title, decs, PageStyle }) => {
+    return (React__default.createElement("div", { className: styles$1.titleBox, style: PageStyle?.titleBox },
+        React__default.createElement("div", { className: styles$1.title, style: PageStyle?.titleText }, title),
+        React__default.createElement("div", { className: styles$1.decs, style: PageStyle?.decsriptionText }, decs)));
 };
 
 var css_248z = ".tbpagesm-module_tableFrame__Y1SDj{border-top:1px solid #aaa;display:flex;flex:1;flex-direction:column;height:100%;width:100%}.tbpagesm-module_titleBox__05qe3{background-color:#f0f8ff;border-bottom:1px solid #aaa;display:flex;gap:20;line-height:50px;padding-bottom:10px;padding-left:30px;padding-top:10px;width:100%}.tbpagesm-module_title__XO6NZ{font-size:18px;font-weight:700}.tbpagesm-module_decs__zdUCQ{font-size:13px;margin-left:30px}.tbpagesm-module_multiFrame__Y-Qxn{border-right:1px solid #fefefe;display:flex;flex:1;flex-direction:column;width:100%}.tbpagesm-module_itemtitle__PkBk-{font-size:18px;font-weight:700;margin-bottom:20px;margin-left:20px;margin-top:20px;text-align:left}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRicGFnZXNtLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsbUNBTUUseUJBQTBCLENBTDFCLFlBQWEsQ0FFYixNQUFPLENBRFAscUJBQXNCLENBR3RCLFdBQVksQ0FEWixVQUdGLENBQ0EsaUNBRUUsd0JBQTJCLENBTzNCLDRCQUE2QixDQU43QixZQUFhLENBQ2IsTUFBTyxDQUlQLGdCQUFpQixDQURqQixtQkFBb0IsQ0FGcEIsaUJBQWtCLENBQ2xCLGdCQUFpQixDQUxqQixVQVNGLENBQ0EsOEJBQ0UsY0FBZSxDQUNmLGVBQ0YsQ0FDQSw2QkFFRSxjQUFlLENBRGYsZ0JBRUYsQ0FFQSxtQ0FHRSw4QkFBK0IsQ0FGL0IsWUFBYSxDQUNiLE1BQU8sQ0FFUCxxQkFBc0IsQ0FDdEIsVUFDRixDQUNBLGtDQUtFLGNBQWUsQ0FDZixlQUFpQixDQUZqQixrQkFBbUIsQ0FGbkIsZ0JBQWlCLENBQ2pCLGVBQWdCLENBRmhCLGVBTUYiLCJmaWxlIjoidGJwYWdlc20ubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50YWJsZUZyYW1lIHtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgZmxleDogMTtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNhYWE7XHJcbn1cclxuLnRpdGxlQm94IHtcclxuICB3aWR0aDogMTAwJTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiBhbGljZWJsdWU7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBnYXA6IDIwO1xyXG4gIHBhZGRpbmctbGVmdDogMzBweDtcclxuICBwYWRkaW5nLXRvcDogMTBweDtcclxuICBwYWRkaW5nLWJvdHRvbTogMTBweDtcclxuICBsaW5lLWhlaWdodDogNTBweDtcclxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2FhYTtcclxufVxyXG4udGl0bGUge1xyXG4gIGZvbnQtc2l6ZTogMThweDtcclxuICBmb250LXdlaWdodDogYm9sZDtcclxufVxyXG4uZGVjcyB7XHJcbiAgbWFyZ2luLWxlZnQ6IDMwcHg7XHJcbiAgZm9udC1zaXplOiAxM3B4O1xyXG59XHJcblxyXG4ubXVsdGlGcmFtZSB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4OiAxO1xyXG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNmZWZlZmU7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICB3aWR0aDogMTAwJTtcclxufVxyXG4uaXRlbXRpdGxlIHtcclxuICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xyXG4gIG1hcmdpbi10b3A6IDIwcHg7XHJcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcclxuICBmb250LXNpemU6IDE4cHg7XHJcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XHJcbn1cclxuIl19 */";
@@ -24411,11 +24411,11 @@ const TitleBox$1 = ({ title, decs }) => {
         React__default.createElement("div", { className: styles$1.decs }, decs)));
 };
 
-const TbpageMulti = ({ arrtableProps, arrflex, searchOption, searchDisabled = false, onSubmit, isLoading, title, decs, direction, }) => {
+const TbpageMulti = ({ arrtableProps, arrflex, searchOption, searchDisabled = false, onSubmit, isLoading, title, decs, direction, PageStyle, }) => {
     const { user } = useTbState();
     return (React__default.createElement("div", { className: styles$1.tableFrame },
-        title || decs ? React__default.createElement(TitleBox, { title: title, decs: decs }) : null,
-        searchOption && (React__default.createElement(SearchBox, { searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
+        title || decs ? React__default.createElement(TitleBox, { PageStyle: PageStyle, title: title, decs: decs }) : null,
+        searchOption && (React__default.createElement(SearchBox, { PageStyle: PageStyle, searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
                 if (onSubmit)
                     onSubmit(null, null, true);
             } })),
@@ -24435,10 +24435,10 @@ const TbpageMulti = ({ arrtableProps, arrflex, searchOption, searchDisabled = fa
                     return null;
             })))));
 };
-const TitleBox = ({ title, decs }) => {
-    return (React__default.createElement("div", { className: styles$1.titleBox },
-        React__default.createElement("div", { className: styles$1.title }, title),
-        React__default.createElement("div", { className: styles$1.decs }, decs)));
+const TitleBox = ({ PageStyle, title, decs }) => {
+    return (React__default.createElement("div", { className: styles$1.titleBox, style: PageStyle?.titleBox },
+        React__default.createElement("div", { className: styles$1.title, style: PageStyle?.titleText }, title),
+        React__default.createElement("div", { className: styles$1.decs, style: PageStyle?.decsriptionText }, decs)));
 };
 
 export { AntBaseModalCreate, AntBaseTable, AuthTable, ContentLayout, TbFrame, TbProvider, Tblist, TbpProvider, Tbpage, TbpageMulti, TbpageSm, tbContext, useTbState };