@thefreshop/tb 1.0.28 → 1.0.30

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/index.d.ts

@@ -112,62 +112,6 @@ type selectType<T> = {
     onUpdateData?: (data?: T) => void;
 };
 
-type searchBoxType = {
-    searchOption: searchOptionType[];
-    searchDisabled?: boolean;
-    onSubmit?: (searchdata?: string | null, rowdata?: any) => void;
-    onReset: () => void;
-};
-type searchOptionType = {
-    key: string;
-    title?: string;
-    items: searchItemsType[];
-};
-type searchItemsType = {
-    type: string;
-    key: string;
-    title: string;
-    options?: searchItemOptionsType[];
-    value?: any | null;
-    onChange?: (data: any) => void;
-    dateType?: any;
-    single?: boolean;
-    disabled?: boolean;
-};
-type searchItemOptionsType = {
-    label: string;
-    value: string;
-};
-type searchDataType = {
-    [key: string]: string | boolean;
-};
-type submitItemType = {
-    id: string | boolean;
-    key: string;
-};
-
-type AnyObject = Record<PropertyKey, any>;
-interface userType<T = AnyObject> {
-    user_id: string;
-    user_name?: string;
-    user_profile?: T;
-    user_group?: groupType;
-}
-interface groupType {
-    group_id: number;
-    group_key: string;
-    group_name: string;
-    group_section_start?: string;
-    group_section_auth: string[] | string;
-    group_menu_auth: string[] | string;
-}
-interface authType {
-    auth_key: string;
-}
-interface authMenuType {
-    menu_key: string[];
-}
-
 interface tbframeType {
     islogin?: boolean;
     isgroup?: boolean;
@@ -192,6 +136,25 @@ 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;
+};
+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;
 };
 type TbFrameType = {
     admin_account_id: number;
@@ -244,6 +207,63 @@ type menuSetType = {
     menuSetting: menuType[];
 };
 
+type searchBoxType = {
+    searchOption: searchOptionType[];
+    searchDisabled?: boolean;
+    onSubmit?: (searchdata?: string | null, rowdata?: any) => void;
+    onReset: () => void;
+    PageStyle?: PageStyleType;
+};
+type searchOptionType = {
+    key: string;
+    title?: string;
+    items: searchItemsType[];
+};
+type searchItemsType = {
+    type: string;
+    key: string;
+    title: string;
+    options?: searchItemOptionsType[];
+    value?: any | null;
+    onChange?: (data: any) => void;
+    dateType?: any;
+    single?: boolean;
+    disabled?: boolean;
+};
+type searchItemOptionsType = {
+    label: string;
+    value: string;
+};
+type searchDataType = {
+    [key: string]: string | boolean;
+};
+type submitItemType = {
+    id: string | boolean;
+    key: string;
+};
+
+type AnyObject = Record<PropertyKey, any>;
+interface userType<T = AnyObject> {
+    user_id: string;
+    user_name?: string;
+    user_profile?: T;
+    user_group?: groupType;
+}
+interface groupType {
+    group_id: number;
+    group_key: string;
+    group_name: string;
+    group_section_start?: string;
+    group_section_auth: string[] | string;
+    group_menu_auth: string[] | string;
+}
+interface authType {
+    auth_key: string;
+}
+interface authMenuType {
+    menu_key: string[];
+}
+
 type ProviderType = {
     topkey: string;
     setTopkey: (value: string) => void;
@@ -271,4 +291,4 @@ type ErrMsgType = {
 };
 
 export { baseAdminDat, topbase };
-export type { AntBaseTableRefProps, AnyObject, ErrMsgType, FrameStyleType, ProviderType, TbFrameType, antBaseColumnType, antBasePropsType, authMenuType, authType, bottomType, btnReturnFType, btnReturnTType, customBtnReturnFType, customBtnReturnTType, groupType, menuSetType, menuType, navType, searchBoxType, searchDataType, searchItemOptionsType, searchItemsType, searchOptionType, selectType, submitItemType, tabType, tbframeType, topMenuType, topType, userType };
+export type { AntBaseTableRefProps, AnyObject, ErrMsgType, FrameStyleType, PageStyleType, ProviderType, TbFrameType, antBaseColumnType, antBasePropsType, authMenuType, authType, bottomType, btnReturnFType, btnReturnTType, customBtnReturnFType, customBtnReturnTType, groupType, menuSetType, menuType, navType, searchBoxType, searchDataType, searchItemOptionsType, searchItemsType, searchOptionType, selectType, submitItemType, tabType, tbframeType, topMenuType, topType, userType };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thefreshop/tb",
-    "version": "1.0.28",
+    "version": "1.0.30",
     "description": "tb framework",
     "license": "MIT",
     "repository": {