@thefreshop/tb 1.1.3 → 1.1.4

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

@@ -1,3 +1,5 @@
 import React from "react";
-declare const Main: () => React.JSX.Element;
+declare const Main: ({ style }: {
+    style?: React.CSSProperties;
+}) => React.JSX.Element;
 export default Main;

package/dist/cjs/tbpage/component/modules/antBaseTable/btn_widget.d.ts

@@ -17,7 +17,7 @@ import { btnReturnFType, customBtnReturnFType } from "../../../../types";
 
  * @todo
 */
-export declare const TableTopButtonGroup: ({ isSelect, onRefresh, isCounter, autoRefreshTime, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, }: {
+export declare const TableTopButtonGroup: ({ isSelect, onRefresh, isCounter, autoRefreshTime, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, isInSearch, onInSearch, }: {
     isSelect: boolean;
     onRefresh?: () => void;
     isCounter?: boolean;
@@ -28,6 +28,8 @@ export declare const TableTopButtonGroup: ({ isSelect, onRefresh, isCounter, aut
     removeProps?: btnReturnFType;
     resetProps?: btnReturnFType;
     customProps?: customBtnReturnFType;
+    isInSearch?: boolean;
+    onInSearch?: (value: string) => void;
 }) => React.JSX.Element | null;
 export declare const TableBottomButtonGroup: ({ isSelect, topProps, bottomProps, upProps, downProps, }: {
     isSelect: boolean;

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

@@ -45,6 +45,7 @@ export type antBasePropsType<T = AnyObject, K = string | GetRowKey<T>> = {
     autoRefreshTime?: number;
     createModalWidth?: React.CSSProperties["width"];
     onCreateClose?: () => void;
+    isInSearch?: boolean;
 };
 export type antBaseColumnType = {
     tableProps: (ColumnType<AnyObject> | ColumnGroupType<AnyObject>) & {

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

@@ -12,6 +12,7 @@ export type FrameStyleType = {
     mainframe?: React.CSSProperties;
     centerFrame?: React.CSSProperties;
     contentsFrame?: React.CSSProperties;
+    contentsMainFrame?: React.CSSProperties;
     bottomFrame?: React.CSSProperties;
     naviFrame?: React.CSSProperties;
     nav_item?: React.CSSProperties;

package/dist/esm/index.js

@@ -383,11 +383,11 @@ var css_248z$7 = ".main-module_mainFrame__Etjvl{height:100%;width:100%}.main-mod
 var styles$5 = {"mainFrame":"main-module_mainFrame__Etjvl","mainFrameFullscreen":"main-module_mainFrameFullscreen__oEwV8"};
 styleInject(css_248z$7);
 
-const Main = () => {
+const Main = ({ style }) => {
     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 },
+    return (React__default.createElement("div", { className: isFs ? styles$5.mainFrameFullscreen : styles$5.mainFrame, style: style },
         React__default.createElement(Outlet, null)));
 };
 
@@ -616,7 +616,7 @@ const MainLayout = ({ errMsg, setting, top_banner, nav, user, top, bottom, frame
             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, frameStyle: frameStyle }),
-                React__default.createElement(Main, null))),
+                React__default.createElement(Main, { style: frameStyle?.contentsMainFrame }))),
         React__default.createElement("div", { className: styles$9.bottomFrame, style: frameStyle?.bottomFrame }, bottom && React__default.createElement(Bottom, { bottom: bottom, frameStyle: frameStyle }))))));
 };
 
@@ -685,7 +685,7 @@ const FORM_CREATE = "등록";
 
  * @todo
 */
-const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, }) => {
+const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, isInSearch = false, onInSearch, }) => {
     if (!addProps && !modifyProps && !deleteProps && !removeProps && !resetProps && !customProps && !onRefresh) {
         return null;
     }
@@ -732,7 +732,8 @@ const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime,
                 deleteProps ? (React__default.createElement(Button, { danger: true, disabled: !isSelect || deleteProps.disable, onClick: deleteProps.onFun }, deleteProps.title ? deleteProps.title : TABLE_DELETE)) : null,
                 resetProps ? (React__default.createElement(Button, { disabled: !isSelect || resetProps.disable, onClick: resetProps.onFun }, resetProps.title ? resetProps.title : TABLE_RESET)) : null,
                 removeProps ? (React__default.createElement(Button, { danger: true, type: "primary", disabled: !isSelect || removeProps.disable, onClick: removeProps.onFun }, removeProps.title ? removeProps.title : TABLE_REMOVE)) : null,
-                customProps?.rightRender && customProps?.rightRender()))));
+                customProps?.rightRender && customProps?.rightRender(),
+                isInSearch && onInSearch ? React__default.createElement(InSearchForm, { onInSearch: onInSearch }) : null))));
 };
 const TableBottomButtonGroup = ({ isSelect, topProps, bottomProps, upProps, downProps, }) => {
     return (React__default.createElement(Row, { justify: "space-between" },
@@ -746,6 +747,22 @@ const TableBottomButtonGroup = ({ isSelect, topProps, bottomProps, upProps, down
                 downProps ? (React__default.createElement(Button, { disabled: !isSelect || downProps.disable, onClick: downProps.onFun }, TABLE_DOWN)) : null,
                 bottomProps ? (React__default.createElement(Button, { disabled: !isSelect || bottomProps.disable, onClick: bottomProps.onFun }, TABLE_BOTTOM)) : null))));
 };
+const InSearchForm = ({ onInSearch }) => {
+    const [inputSearch, setInputSearch] = useState("");
+    const SearchClick = () => {
+        onInSearch(inputSearch);
+    };
+    const activeEnter = (e) => {
+        if (e.key === "Enter") {
+            SearchClick();
+        }
+    };
+    return (React__default.createElement(Space.Compact, null,
+        React__default.createElement(Input, { style: { width: "150px" }, onChange: (e) => {
+                setInputSearch(e.target.value);
+            }, value: inputSearch, onKeyDown: (e) => activeEnter(e) }),
+        React__default.createElement(Button, { onClick: SearchClick }, "\uAC80\uC0C9")));
+};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -23323,11 +23340,24 @@ const AntBaseModalCreate = ({ modalProps, formProps, props }) => {
 
 const { Title: Title$1 } = Typography;
 const { confirm: confirm$1 } = Modal;
-const AntBaseTable$1 = ({ bordered, className, rowKey, rowName, dataSource, initData, customColumn, customValue, columns, expandable, size, onDoubleClick, onClick, selectProps, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, topProps, bottomProps, upProps, downProps, pageProps, scroll, onRefresh, isCounter, autoRefreshTime, createModalWidth = 1000, onCreateClose, }, ref) => {
+const AntBaseTable$1 = ({ bordered, className, rowKey, rowName, dataSource, initData, customColumn, customValue, columns, expandable, size, onDoubleClick, onClick, selectProps, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, topProps, bottomProps, upProps, downProps, pageProps, scroll, onRefresh, isCounter, autoRefreshTime, createModalWidth = 1000, onCreateClose, isInSearch = false, }, ref) => {
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
     const [selectedRow, setSelectedRow] = useState();
     const [popupCreate, setPopupCreate] = useState(false);
     const [popupModify, setPopupModify] = useState(false);
+    const [viewData, setViewData] = useState(dataSource);
+    const onInSearch = (value) => {
+        const search = value.trim().toLowerCase();
+        if (!search) {
+            setViewData(dataSource);
+            return;
+        }
+        setViewData(dataSource.filter((item) => Object.values(item).some((itemValue) => {
+            if (itemValue == null)
+                return false;
+            return String(itemValue).toLowerCase().includes(search);
+        })));
+    };
     useEffect(() => {
         setSelectedRow(dataSource?.find((m) => {
             if (m) {
@@ -23420,7 +23450,7 @@ const AntBaseTable$1 = ({ bordered, className, rowKey, rowName, dataSource, init
             height: "100%",
             padding: "20px",
         } },
-        React__default.createElement(TableTopButtonGroup, { isSelect: isSelect, isCounter: isCounter, onRefresh: onRefresh, autoRefreshTime: autoRefreshTime, addProps: addProps && {
+        React__default.createElement(TableTopButtonGroup, { isInSearch: isInSearch, onInSearch: onInSearch, isSelect: isSelect, isCounter: isCounter, onRefresh: onRefresh, autoRefreshTime: autoRefreshTime, addProps: addProps && {
                 ...addProps,
                 onFun: () => {
                     if (addProps.customModal) {
@@ -23601,7 +23631,7 @@ const AntBaseTable$1 = ({ bordered, className, rowKey, rowName, dataSource, init
                 return {
                     onClick: () => { }, // click header row
                 };
-            }, dataSource: dataSource?.map((i) => i), 
+            }, dataSource: viewData?.map((i) => i), 
             // columns={tableColumns(
             //   columns.concat(
             //     deleteCol({