@thefreshop/tb 1.0.29 → 1.0.31

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

@@ -31,6 +31,17 @@ export type FrameStyleType = {
     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;
     admin_profile_id: number;

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { createContext, useState, useEffect, useContext, useCallback, useMemo, useRef, forwardRef, useImperativeHandle, memo } from 'react';
-import { useNavigate, useLocation, Outlet, createHashRouter, createBrowserRouter, RouterProvider, Navigate } from 'react-router';
+import { useNavigate, useLocation, useSearchParams, Outlet, createHashRouter, createBrowserRouter, RouterProvider, Navigate } from 'react-router';
 import Editor from '@monaco-editor/react';
 import { DownOutlined, UpOutlined, DoubleRightOutlined, DoubleLeftOutlined, LoadingOutlined, ReloadOutlined, SearchOutlined, UploadOutlined, ExclamationCircleOutlined, RedoOutlined, TagOutlined } from '@ant-design/icons';
 import { Typography, Row, Col, Space, Button, Input, Tag, Image as Image$1, Tooltip, Upload, Form, Select, DatePicker, Switch, InputNumber, Flex, Modal, Table, List, Card, Checkbox, ConfigProvider, Result, Spin } from 'antd';
@@ -378,12 +378,15 @@ const Tabs = ({ nav: { menuSet, openIcon, closeIcon }, frameStyle }) => {
     })));
 };
 
-var css_248z$7 = ".main-module_mainFrame__Etjvl{height:100%;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4ubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFFRSxXQUFZLENBRFosVUFFRiIsImZpbGUiOiJtYWluLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubWFpbkZyYW1lIHtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbn1cclxuIl19 */";
-var styles$5 = {"mainFrame":"main-module_mainFrame__Etjvl"};
+var css_248z$7 = ".main-module_mainFrame__Etjvl{height:100%;width:100%}.main-module_mainFrameFullscreen__oEwV8{background:#fff;inset:0;overflow:auto;padding:0;position:fixed;z-index:9999}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4ubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFFSSxXQUFZLENBRFosVUFFSixDQUVBLHdDQU1JLGVBQWdCLENBSmhCLE9BQVEsQ0FHUixhQUFjLENBRGQsU0FBVSxDQUhWLGNBQWUsQ0FFZixZQUlKIiwiZmlsZSI6Im1haW4ubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tYWluRnJhbWUge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbn1cclxuXHJcbi5tYWluRnJhbWVGdWxsc2NyZWVuIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIGluc2V0OiAwO1xyXG4gICAgei1pbmRleDogOTk5OTtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBvdmVyZmxvdzogYXV0bztcclxuICAgIGJhY2tncm91bmQ6ICNmZmY7XHJcbn1cclxuIl19 */";
+var styles$5 = {"mainFrame":"main-module_mainFrame__Etjvl","mainFrameFullscreen":"main-module_mainFrameFullscreen__oEwV8"};
 styleInject(css_248z$7);
 
 const Main = () => {
-    return (React__default.createElement("div", { className: styles$5.mainFrame },
+    const [sp] = useSearchParams();
+    const isFs = sp.get("fs") === "1" || sp.get("fullscreen") === "1";
+    // console.log("Main render, isFs:", isFs);
+    return (React__default.createElement("div", { className: isFs ? styles$5.mainFrameFullscreen : styles$5.mainFrame },
         React__default.createElement(Outlet, null)));
 };
 
@@ -23964,7 +23967,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 +23994,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 +24303,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 +24366,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 +24414,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 +24438,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 };