@thefreshop/tb 1.0.28 → 1.0.30

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
@@ -23984,7 +23984,7 @@ dayjs.extend(weekday);
 dayjs.extend(localeData);
 const { RangePicker } = antd.DatePicker;
 const { Text: Text$1 } = antd.Typography;
-const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onReset }) => {
+const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onReset, PageStyle }) => {
     const [data, setData] = React.useState(null);
     React.useEffect(() => {
         if (!data) {
@@ -24011,8 +24011,8 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
     const activeEnter = (e) => {
         if (e.key === "Enter") ;
     };
-    return (React.createElement("div", { className: styles$2.searchboxFrame },
-        React.createElement("div", { className: styles$2.searchboxRow }, searchOption.map((item) => {
+    return (React.createElement("div", { className: styles$2.searchboxFrame, style: PageStyle?.searchboxFrame },
+        React.createElement("div", { className: styles$2.searchboxRow, style: PageStyle?.searchboxRow }, searchOption.map((item) => {
             return (React.createElement("div", { style: { marginBottom: "5px" }, key: item.key },
                 React.createElement(antd.Row, null,
                     React.createElement(antd.Col, { span: item.title ? 1 : 0 },
@@ -24320,8 +24320,8 @@ const ContentLayout = ({ Icon, title, children, contentStyle, flex }) => {
         React.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);
 
 /**
@@ -24383,22 +24383,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.createElement("div", { className: styles$1.tableFrame },
-        title || decs ? React.createElement(TitleBox$2, { title: title, decs: decs }) : null,
-        searchOption && (React.createElement(SearchBox, { searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
+    return (React.createElement("div", { className: styles$1.tableFrame, style: PageStyle?.tableFrame },
+        title || decs ? React.createElement(TitleBox$2, { title: title, decs: decs, PageStyle: PageStyle }) : null,
+        searchOption && (React.createElement(SearchBox, { PageStyle: PageStyle, searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
                 if (onSubmit)
                     onSubmit(null, null, true);
             } })),
         React.createElement(LoadingLayout, { isLoading: isLoading },
-            React.createElement("div", { className: styles$1.multiFrame },
+            React.createElement("div", { className: styles$1.multiFrame, style: PageStyle?.multiFrame },
                 React.createElement(AntBaseTable$1, { ...tableProps })))));
 };
-const TitleBox$2 = ({ title, decs }) => {
-    return (React.createElement("div", { className: styles$1.titleBox },
-        React.createElement("div", { className: styles$1.title }, title),
-        React.createElement("div", { className: styles$1.decs }, decs)));
+const TitleBox$2 = ({ title, decs, PageStyle }) => {
+    return (React.createElement("div", { className: styles$1.titleBox, style: PageStyle?.titleBox },
+        React.createElement("div", { className: styles$1.title, style: PageStyle?.titleText }, title),
+        React.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 */";
@@ -24431,11 +24431,11 @@ const TitleBox$1 = ({ title, decs }) => {
         React.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.createElement("div", { className: styles$1.tableFrame },
-        title || decs ? React.createElement(TitleBox, { title: title, decs: decs }) : null,
-        searchOption && (React.createElement(SearchBox, { searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
+        title || decs ? React.createElement(TitleBox, { PageStyle: PageStyle, title: title, decs: decs }) : null,
+        searchOption && (React.createElement(SearchBox, { PageStyle: PageStyle, searchOption: searchOption, onSubmit: onSubmit, searchDisabled: searchDisabled, onReset: () => {
                 if (onSubmit)
                     onSubmit(null, null, true);
             } })),
@@ -24455,10 +24455,10 @@ const TbpageMulti = ({ arrtableProps, arrflex, searchOption, searchDisabled = fa
                     return null;
             })))));
 };
-const TitleBox = ({ title, decs }) => {
-    return (React.createElement("div", { className: styles$1.titleBox },
-        React.createElement("div", { className: styles$1.title }, title),
-        React.createElement("div", { className: styles$1.decs }, decs)));
+const TitleBox = ({ PageStyle, title, decs }) => {
+    return (React.createElement("div", { className: styles$1.titleBox, style: PageStyle?.titleBox },
+        React.createElement("div", { className: styles$1.title, style: PageStyle?.titleText }, title),
+        React.createElement("div", { className: styles$1.decs, style: PageStyle?.decsriptionText }, decs)));
 };
 
 exports.AntBaseModalCreate = AntBaseModalCreate;