@thefreshop/tb 1.0.1 → 1.0.2

package/dist/cjs/index.js

@@ -39,7 +39,7 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 // export const TbBase = createContext<TbBaseProviderType>({})
 const TbContext = React.createContext(undefined);
 const TbProvider = ({ children }) => {
-    const [topkey, setTopkey] = React.useState('');
+    const [topkey, setTopkey] = React.useState("");
     const [currentTab, setCurrentTab] = React.useState();
     const [user, setloginUser] = React.useState();
     const [tabs, setTabs] = React.useState([]);
@@ -73,15 +73,15 @@ const TbProvider = ({ children }) => {
         if (user !== null) {
             if (startpage) {
                 addTabs({
-                    title: 'HOME',
-                    key: 'HOME',
+                    title: "HOME",
+                    key: "HOME",
                     page: startpage,
-                    noremove: true
+                    noremove: true,
                 });
                 setCurrentTab({
-                    title: 'HOME',
-                    key: 'HOME',
-                    page: startpage
+                    title: "HOME",
+                    key: "HOME",
+                    page: startpage,
                 });
             }
             if (user?.user_group?.group_section_start) {
@@ -97,7 +97,7 @@ const TbProvider = ({ children }) => {
         setloginUser(undefined);
         setCurrentTab(undefined);
         setTabs([]);
-        setTopkey('');
+        setTopkey("");
         if (force)
             window.location.reload();
     };
@@ -152,13 +152,13 @@ const TbProvider = ({ children }) => {
             setGlobalpages,
             addGlobalTabs,
             setMenupages,
-            goTabs
+            goTabs,
         } }, children));
 };
 const useTbState = () => {
     const value = React.useContext(TbContext);
     if (value === undefined) {
-        throw new Error('useTopkeyState should be used within TbProvider');
+        throw new Error("useTopkeyState should be used within TbProvider");
     }
     return value;
 };
@@ -201,11 +201,11 @@ var css_248z$a = ".top-module_topframe__LhKDg{align-items:center;border-bottom:1
 var styles$8 = {"topframe":"top-module_topframe__LhKDg","top_left":"top-module_top_left__MBLyP","toplogo":"top-module_toplogo__lQMPi","top_menu":"top-module_top_menu__vOqqG","top_menu_item":"top-module_top_menu_item__pHknH","top_menu_item_icon":"top-module_top_menu_item_icon__-Ckvh","top_menu_item_text":"top-module_top_menu_item_text__SmZnj","menu_nomal":"top-module_menu_nomal__n4Rl-","menu_hover":"top-module_menu_hover__KmK0A"};
 styleInject(css_248z$a);
 
-const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight } }) => {
+const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight }, }) => {
     const { logout, user, setCurrentTab, startpage } = useTbState();
     const userTop = () => {
         let topmenutable = [];
-        if (user?.user_group?.group_key === 'master') {
+        if (user?.user_group?.group_key === "master") {
             topMenuSetting.forEach((m, index) => {
                 topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
             });
@@ -221,16 +221,16 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
         return topmenutable;
     };
     return (React.createElement("div", { className: styles$8.topframe },
-        React.createElement("div", { className: styles$8.top_left, style: { cursor: 'pointer' }, onClick: () => {
+        React.createElement("div", { className: styles$8.top_left, style: { cursor: "pointer" }, onClick: () => {
                 if (startpage)
                     setCurrentTab({
-                        title: 'startpage',
-                        key: 'startpage',
-                        page: startpage
+                        title: "startpage",
+                        key: "startpage",
+                        page: startpage,
                     });
-                console.log('home');
+                console.log("home");
             } },
-            titleimage ? (React.createElement("img", { src: titleimage, className: styles$8.toplogo, alt: 'logo', style: imgstyle })) : null,
+            titleimage ? React.createElement("img", { src: titleimage, className: styles$8.toplogo, alt: "logo", style: imgstyle }) : null,
             React.createElement("div", { style: titleStyle }, title)),
         React.createElement("div", { className: styles$8.top_menu }, userTop()),
         topRight ? (topRight) : setting?.islogin && setting?.logoutComponent ? (setting?.logoutComponent) : (React.createElement("button", { onClick: () => logout() }, "\uB85C\uADF8\uC544\uC6C3"))));
@@ -254,7 +254,7 @@ const Nav = ({ nav: { menuSet, openIcon, closeIcon } }) => {
     const currentMenu = menuSet.find((m) => m.parentkey === topkey);
     const userMenu = () => {
         let usermenutable = [];
-        if (user?.user_group?.group_key === 'master') {
+        if (user?.user_group?.group_key === "master") {
             currentMenu?.menuSetting.forEach((m, index) => {
                 usermenutable.push(React.createElement(Menu, { key: index, menu_setting: m, openIcon: openIcon, closeIcon: closeIcon }));
             });
@@ -271,7 +271,7 @@ const Nav = ({ nav: { menuSet, openIcon, closeIcon } }) => {
     };
     return React.createElement("div", { className: styles$9.naviFrame }, userMenu());
 };
-const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defalultOpen }, openIcon, closeIcon }) => {
+const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defalultOpen }, openIcon, closeIcon, }) => {
     const [hover, setHover] = React.useState(false);
     const [subOpen, setSubOpen] = React.useState(false);
     const { addTabs, currentTab, user } = useTbState();
@@ -284,7 +284,7 @@ const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defal
     }, [defalultOpen, setSubOpen]); //데이터 빈 화면 깜박임 방지
     const userSubMenu = () => {
         let usersubmenutable = [];
-        if (user?.user_group?.group_key === 'master') {
+        if (user?.user_group?.group_key === "master") {
             children?.forEach((m, index) => {
                 usersubmenutable.push(React.createElement(SubMenu, { key: index, menu_setting: m }));
             });
@@ -300,11 +300,7 @@ const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defal
         return usersubmenutable;
     };
     return (React.createElement("div", null,
-        React.createElement("div", { className: `${styles$9.nav_item} ${currentTab?.key === key
-                ? styles$9.menu_select
-                : hover
-                    ? styles$9.menu_hover
-                    : styles$9.menu_nomal}`, onMouseEnter: () => {
+        React.createElement("div", { className: `${styles$9.nav_item} ${currentTab?.key === key ? styles$9.menu_select : hover ? styles$9.menu_hover : styles$9.menu_nomal}`, onMouseEnter: () => {
                 setHover(true);
             }, onMouseLeave: () => {
                 setHover(false);
@@ -314,24 +310,19 @@ const Menu = ({ menu_setting: { title, icon, key, children, hasPage, page, defal
                     addTabs({
                         title,
                         key,
-                        page
+                        page,
                     });
                 // console.log(tabs)
             } },
             React.createElement("div", { className: styles$9.nav_icon }, icon),
             React.createElement("div", { className: styles$9.nav_text }, title),
-            React.createElement("div", { className: styles$9.nav_open }, children &&
-                (subOpen ? React.createElement("div", null, openIcon) : React.createElement("div", null, closeIcon)))),
+            React.createElement("div", { className: styles$9.nav_open }, children && (subOpen ? React.createElement("div", null, openIcon) : React.createElement("div", null, closeIcon)))),
         children && subOpen && userSubMenu()));
 };
 const SubMenu = ({ menu_setting: { title, icon, key, page, hasPage } }) => {
     const [hover, setHover] = React.useState(false);
     const { addTabs, currentTab } = useTbState();
-    return (React.createElement("div", { className: `${styles$9.sub_item} ${currentTab?.key === key
-            ? styles$9.menu_select
-            : hover
-                ? styles$9.menu_hover
-                : styles$9.menu_nomal}`, onMouseEnter: () => {
+    return (React.createElement("div", { className: `${styles$9.sub_item} ${currentTab?.key === key ? styles$9.menu_select : hover ? styles$9.menu_hover : styles$9.menu_nomal}`, onMouseEnter: () => {
             setHover(true);
         }, onMouseLeave: () => {
             setHover(false);
@@ -340,7 +331,7 @@ const SubMenu = ({ menu_setting: { title, icon, key, page, hasPage } }) => {
                 addTabs({
                     title,
                     key,
-                    page
+                    page,
                 });
             // console.log(tabs)
         } },
@@ -411,7 +402,7 @@ const LoginPage = () => {
     const [isTypeCheck, setTypeCheck] = React.useState(true);
     const [editorValue, setEditorValue] = React.useState(JSON.stringify(defaultuser, null, 2));
     return (React.createElement("div", { className: styles$3.loginpage },
-        React.createElement("div", { style: { display: 'flex' } },
+        React.createElement("div", { style: { display: "flex" } },
             React.createElement("button", { onClick: () => {
                     setEditorValue(JSON.stringify(alluser, null, 2));
                     setUser(alluser);
@@ -424,7 +415,7 @@ const LoginPage = () => {
                     setEditorValue(JSON.stringify(defaultuser, null, 2));
                     setUser(defaultuser);
                 } }, "Test2")),
-        React.createElement(Editor, { theme: 'vs-dark', width: 500, height: 500, defaultLanguage: 'json', value: editorValue, onChange: (value) => {
+        React.createElement(Editor, { theme: "vs-dark", width: 500, height: 500, defaultLanguage: "json", value: editorValue, onChange: (value) => {
                 if (value !== undefined) {
                     setEditorValue(value);
                     try {
@@ -434,7 +425,7 @@ const LoginPage = () => {
                     }
                     catch (e) {
                         setTypeCheck(false);
-                        console.log('JSON err');
+                        console.log("JSON err");
                     }
                 }
                 else
@@ -446,43 +437,43 @@ const LoginPage = () => {
             } }, "\uB85C\uADF8\uC778")));
 };
 const defaultuser = {
-    user_id: 'defaultuser',
-    user_name: '기본유저',
+    user_id: "defaultuser",
+    user_name: "기본유저",
     user_profile: {},
     user_group: {
         group_id: 0,
-        group_key: 'master',
-        group_name: '기본그룹',
-        group_section_auth: ['top1', 'top2'],
-        group_menu_auth: ['key1', 'sub1', 'key2']
-    }
+        group_key: "master",
+        group_name: "기본그룹",
+        group_section_auth: ["top1", "top2"],
+        group_menu_auth: ["key1", "sub1", "key2"],
+    },
 };
 const alluser = {
-    user_id: 'masteruser',
-    user_name: '마스터유저',
+    user_id: "masteruser",
+    user_name: "마스터유저",
     user_profile: {},
     user_group: {
         group_id: 0,
-        group_key: 'master',
-        group_name: '마스터그룹',
-        group_section_auth: 'all',
-        group_menu_auth: 'all'
-    }
+        group_key: "master",
+        group_name: "마스터그룹",
+        group_section_auth: "all",
+        group_menu_auth: "all",
+    },
 };
 const testuser = {
-    user_id: 'testuser',
-    user_name: '테스트유저',
+    user_id: "testuser",
+    user_name: "테스트유저",
     user_profile: {},
     user_group: {
         group_id: 0,
-        group_key: 'master',
-        group_name: '테스트그룹',
-        group_section_auth: ['top1', 'top2', 'top3'],
-        group_menu_auth: ['key1', 'sub1', 'key2', 'sub2']
-    }
+        group_key: "master",
+        group_name: "테스트그룹",
+        group_section_auth: ["top1", "top2", "top3"],
+        group_menu_auth: ["key1", "sub1", "key2", "sub2"],
+    },
 };
 
-const TbFrame = ({ setting, top, bottom, nav, top_banner }) => {
+const TbFrame = ({ setting, top, bottom, nav, top_banner, }) => {
     const { user, startpage, setStartpage, errMsg, isBanner, setIsBanner, setGlobalpages, setMenupages } = useTbState();
     React.useEffect(() => {
         if (setting.startpage) {
@@ -516,41 +507,39 @@ const TbFrame = ({ setting, top, bottom, nav, top_banner }) => {
     }, [top_banner]);
     const ErrWarning = () => {
         return (React.createElement("div", { style: {
-                width: '100vw',
-                height: '100vh',
-                background: '#1A1C20FF',
-                display: 'flex',
-                justifyContent: 'center'
+                width: "100vw",
+                height: "100vh",
+                background: "#1A1C20FF",
+                display: "flex",
+                justifyContent: "center",
             } },
             React.createElement("div", { style: {
-                    marginTop: '100px',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    height: '200px',
-                    width: ' 400px',
-                    border: '2px solid #6F5E5EFF',
-                    background: '#C2C2C2FF'
+                    marginTop: "100px",
+                    display: "flex",
+                    flexDirection: "column",
+                    height: "200px",
+                    width: " 400px",
+                    border: "2px solid #6F5E5EFF",
+                    background: "#C2C2C2FF",
                 } },
                 React.createElement("div", { style: {
-                        marginTop: '10px',
-                        marginBottom: '20px',
+                        marginTop: "10px",
+                        marginBottom: "20px",
                         fontSize: 24,
-                        textAlign: 'center'
-                    } }, errMsg?.notiTitle ? errMsg?.notiTitle : '오류가 발생하였습니다.'),
-                React.createElement("div", { style: { textAlign: 'left', padding: '10px' } }, errMsg?.notimessage),
+                        textAlign: "center",
+                    } }, errMsg?.notiTitle ? errMsg?.notiTitle : "오류가 발생하였습니다."),
+                React.createElement("div", { style: { textAlign: "left", padding: "10px" } }, errMsg?.notimessage),
                 React.createElement("div", { style: {
-                        textAlign: 'left',
-                        padding: '10px',
-                        color: '#760707FF',
-                        fontSize: '10px'
+                        textAlign: "left",
+                        padding: "10px",
+                        color: "#760707FF",
+                        fontSize: "10px",
                     } }, errMsg?.err))));
     };
     return (React.createElement("div", { className: styles$9.main }, errMsg ? (errMsg.isPopup ? (React.createElement(ErrWarning, null)) : null) : setting?.islogin && !user ? (React.createElement(LOGIN, null)) : (React.createElement("div", { className: styles$9.mainframe },
         React.createElement(Top, { setting: setting, top: top }),
         isBanner && React.createElement(TOPBANNER, null),
-        React.createElement("div", { className: styles$9.centerFrame, style: isBanner
-                ? { height: 'calc(100vh - 120px)' }
-                : { height: 'calc(100vh - 80px)' } },
+        React.createElement("div", { className: styles$9.centerFrame, style: isBanner ? { height: "calc(100vh - 120px)" } : { height: "calc(100vh - 80px)" } },
             React.createElement(Nav, { nav: nav }),
             React.createElement("div", { className: styles$9.contentsFrame },
                 React.createElement(Tabs, null),
@@ -623,14 +612,8 @@ const FORM_CREATE = "등록";
 
  * @todo
 */
-const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps }) => {
-    if (!addProps &&
-        !modifyProps &&
-        !deleteProps &&
-        !removeProps &&
-        !resetProps &&
-        !customProps &&
-        !onRefresh) {
+const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime, addProps, modifyProps, deleteProps, removeProps, resetProps, customProps, }) => {
+    if (!addProps && !modifyProps && !deleteProps && !removeProps && !resetProps && !customProps && !onRefresh) {
         return null;
     }
     const [count, setCount] = React.useState(1); // 카운트다운 시작 값
@@ -653,10 +636,10 @@ const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime,
         }, 1000);
         return () => clearInterval(interval); // 정리
     }, [isCounter, autoRefreshTime]);
-    return (React.createElement(antd.Row, { justify: 'space-between' },
+    return (React.createElement(antd.Row, { justify: "space-between" },
         React.createElement(antd.Col, { span: 8, style: {
-                display: 'flex',
-                justifyContent: 'left'
+                display: "flex",
+                justifyContent: "left",
             } },
             React.createElement(antd.Space, null,
                 onRefresh !== undefined ? (autoRefreshTime && isCounter ? (React.createElement(antd.Button, { icon: React.createElement(icons.LoadingOutlined, null), onClick: () => {
@@ -665,24 +648,24 @@ const TableTopButtonGroup = ({ isSelect, onRefresh, isCounter, autoRefreshTime,
                     } }, isCounter && autoRefreshTime - count + 1)) : (React.createElement(antd.Button, { icon: React.createElement(icons.ReloadOutlined, null), onClick: onRefresh }))) : null,
                 customProps?.render && customProps?.render(),
                 addProps ? (React.createElement(antd.Button, { disabled: addProps.disable, onClick: addProps.onFun }, addProps.title ? addProps.title : TABLE_CREATE)) : null,
-                addProps && modifyProps && '|',
+                addProps && modifyProps && "|",
                 modifyProps ? (React.createElement(antd.Button, { disabled: !isSelect || modifyProps.disable, onClick: modifyProps.onFun }, modifyProps.title ? modifyProps.title : TABLE_MODIFY)) : null,
                 customProps?.leftRender && customProps?.leftRender())),
         React.createElement(antd.Col, { span: 8, style: {
-                display: 'flex',
-                justifyContent: 'right'
+                display: "flex",
+                justifyContent: "right",
             } },
             React.createElement(antd.Space, null,
                 deleteProps ? (React.createElement(antd.Button, { danger: true, disabled: !isSelect || deleteProps.disable, onClick: deleteProps.onFun }, deleteProps.title ? deleteProps.title : TABLE_DELETE)) : null,
                 resetProps ? (React.createElement(antd.Button, { disabled: !isSelect || resetProps.disable, onClick: resetProps.onFun }, resetProps.title ? resetProps.title : TABLE_RESET)) : null,
-                removeProps ? (React.createElement(antd.Button, { danger: true, type: 'primary', disabled: !isSelect || removeProps.disable, onClick: removeProps.onFun }, removeProps.title ? removeProps.title : TABLE_REMOVE)) : null,
+                removeProps ? (React.createElement(antd.Button, { danger: true, type: "primary", disabled: !isSelect || removeProps.disable, onClick: removeProps.onFun }, removeProps.title ? removeProps.title : TABLE_REMOVE)) : null,
                 customProps?.rightRender && customProps?.rightRender()))));
 };
-const TableBottomButtonGroup = ({ isSelect, topProps, bottomProps, upProps, downProps }) => {
-    return (React.createElement(antd.Row, { justify: 'space-between' },
+const TableBottomButtonGroup = ({ isSelect, topProps, bottomProps, upProps, downProps, }) => {
+    return (React.createElement(antd.Row, { justify: "space-between" },
         React.createElement(antd.Col, { span: 24, style: {
-                display: 'flex',
-                justifyContent: 'right'
+                display: "flex",
+                justifyContent: "right",
             } },
             React.createElement(antd.Space, null,
                 topProps ? (React.createElement(antd.Button, { disabled: !isSelect || topProps.disable, onClick: topProps.onFun }, TABLE_TOP)) : null,
@@ -6481,22 +6464,18 @@ const tableColumns = (columns) => {
         if (!i.hidden) {
             if (i.sort) {
                 item.sorter = (a, b) => {
-                    return a[i.tableProps.dataIndex] < b[i.tableProps.dataIndex]
-                        ? -1
-                        : a[i.tableProps.dataIndex] > b[i.tableProps.dataIndex]
-                            ? 1
-                            : 0;
+                    return a[i.tableProps.dataIndex] < b[i.tableProps.dataIndex] ? -1 : a[i.tableProps.dataIndex] > b[i.tableProps.dataIndex] ? 1 : 0;
                 };
             }
             if (item.filters) {
                 item.onFilter = (value, record) => record[i.tableProps.dataIndex].includes(value);
             }
             if (i.formatProps) {
-                if (i.formatProps.type.toLowerCase() === 'tag') {
+                if (i.formatProps.type.toLowerCase() === "tag") {
                     item.render = (text, record, index) => {
-                        let asText = '';
-                        let Tcolor = 'default';
-                        let fdefault = i.formatProps?.formatter?.find((m) => m.text === 'default');
+                        let asText = "";
+                        let Tcolor = "default";
+                        let fdefault = i.formatProps?.formatter?.find((m) => m.text === "default");
                         if (fdefault) {
                             Tcolor = fdefault.color;
                             asText = fdefault.asText;
@@ -6510,15 +6489,13 @@ const tableColumns = (columns) => {
                             React.createElement(antd.Tag, { color: Tcolor, key: text }, !asText ? text : asText)));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'json_tags') {
+                else if (i.formatProps.type.toLowerCase() === "json_tags") {
                     item.render = (text, record, index) => {
                         let table = [];
                         text.forEach((textItem, index) => {
                             if (textItem) {
-                                let asText = i.formatProps?.itemProps?.text_id
-                                    ? textItem[i.formatProps.itemProps.text_id]
-                                    : textItem ?? '';
-                                let Tcolor = 'default';
+                                let asText = i.formatProps?.itemProps?.text_id ? textItem[i.formatProps.itemProps.text_id] : textItem ?? "";
+                                let Tcolor = "default";
                                 let fcol = i.formatProps?.formatter?.find((m) => m.text === asText);
                                 if (fcol) {
                                     Tcolor = fcol.color;
@@ -6531,7 +6508,7 @@ const tableColumns = (columns) => {
                         return React.createElement("span", null, table);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'tagarr') {
+                else if (i.formatProps.type.toLowerCase() === "tagarr") {
                     item.render = (text, record, index) => {
                         let textarr = [];
                         if (text !== undefined)
@@ -6539,8 +6516,8 @@ const tableColumns = (columns) => {
                         let table = [];
                         textarr.forEach((textItem, index) => {
                             if (textItem) {
-                                let asText = '';
-                                let Tcolor = 'default';
+                                let asText = "";
+                                let Tcolor = "default";
                                 let fcol = i.formatProps?.formatter?.find((m) => m.text === textItem);
                                 if (fcol) {
                                     Tcolor = fcol.color;
@@ -6552,10 +6529,10 @@ const tableColumns = (columns) => {
                         return React.createElement("span", null, table);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'switch') {
+                else if (i.formatProps.type.toLowerCase() === "switch") {
                     item.render = (text, record, index) => {
-                        let asText = '';
-                        let Tcolor = 'default';
+                        let asText = "";
+                        let Tcolor = "default";
                         let fcol = i.formatProps?.formatter?.find((m) => m.text === text);
                         if (fcol) {
                             asText = fcol.asText;
@@ -6564,7 +6541,7 @@ const tableColumns = (columns) => {
                         return (React.createElement(antd.Tag, { color: Tcolor, key: index }, !asText ? text : asText));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'price') {
+                else if (i.formatProps.type.toLowerCase() === "price") {
                     item.render = (text, record, index) => {
                         if (text)
                             return React.createElement("span", null, commaFormat(text));
@@ -6572,64 +6549,63 @@ const tableColumns = (columns) => {
                             return null;
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'length') {
+                else if (i.formatProps.type.toLowerCase() === "length") {
                     item.render = (text, record, index) => {
                         return React.createElement("span", null, text.length);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'tel') {
+                else if (i.formatProps.type.toLowerCase() === "tel") {
                     item.render = (text, record, index) => {
-                        return (React.createElement("span", null, phoneFormat(text.replaceAll('-', '').replaceAll(' ', ''))));
+                        return React.createElement("span", null, phoneFormat(text.replaceAll("-", "").replaceAll(" ", "")));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'file') {
+                else if (i.formatProps.type.toLowerCase() === "file") {
                     item.render = (text, record, index) => {
                         return React.createElement("span", null, text);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'copy') {
+                else if (i.formatProps.type.toLowerCase() === "copy") {
                     item.render = (text, record, index) => {
                         return (React.createElement(Paragraph, { copyable: true, style: { marginBottom: 0 } }, text));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'email') {
+                else if (i.formatProps.type.toLowerCase() === "email") {
                     item.render = (text, record, index) => {
-                        return (React.createElement("a", { href: 'https://mail.naver.com/write/ext?srvid=note&to=' + text, target: '_blank', rel: 'noreferrer' }, text));
+                        return (React.createElement("a", { href: "https://mail.naver.com/write/ext?srvid=note&to=" + text, target: "_blank", rel: "noreferrer" }, text));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'image' ||
-                    i.formatProps.type.toLowerCase() === 'imagecrop') {
+                else if (i.formatProps.type.toLowerCase() === "image" || i.formatProps.type.toLowerCase() === "imagecrop") {
                     item.render = (text, record, index) => {
                         if (text !== undefined && text !== null) {
                             if (text.length > 0)
                                 return (React.createElement(antd.Image, { width: i.formatProps?.image_width, height: i.formatProps?.image_height, src: text, preview: {
-                                        src: '/api/getImage/' + record[i.formatProps?.imagesId ?? '']
-                                    }, alt: 'img' }));
+                                        src: "/api/getImage/" + record[i.formatProps?.imagesId ?? ""],
+                                    }, alt: "img" }));
                         }
                         return React.createElement("span", null, text);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'addcount') {
+                else if (i.formatProps.type.toLowerCase() === "addcount") {
                     item.render = (text, record, index) => {
                         return (React.createElement("span", null,
                             text,
                             " ",
-                            i.countIndex ? `(${record[i.countIndex]})` : ''));
+                            i.countIndex ? `(${record[i.countIndex]})` : ""));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'tostring') {
+                else if (i.formatProps.type.toLowerCase() === "tostring") {
                     item.render = (text, record, index) => {
                         return React.createElement("span", null, text?.toString());
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'jsonarr') {
+                else if (i.formatProps.type.toLowerCase() === "jsonarr") {
                     item.render = (text, record, index) => {
                         let textarr = [];
                         if (!text)
                             textarr = JSON.parse(text);
                         let table = [];
                         textarr.forEach((textItem, index) => {
-                            let Tcolor = 'default';
+                            let Tcolor = "default";
                             let fcol = i.formatProps?.formatter?.find((m) => m.text === textItem);
                             if (fcol) {
                                 Tcolor = fcol.color;
@@ -6640,14 +6616,14 @@ const tableColumns = (columns) => {
                         return React.createElement("span", null, table);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'arr') {
+                else if (i.formatProps.type.toLowerCase() === "arr") {
                     item.render = (text, record, index) => {
-                        let textarr = text.split(',');
+                        let textarr = text.split(",");
                         if (textarr === null)
                             textarr = [];
                         let table = [];
                         textarr.forEach((item, index) => {
-                            let Tcolor = 'default';
+                            let Tcolor = "default";
                             let fcol = i.formatProps?.formatter?.find((m) => m.text === item);
                             if (fcol)
                                 Tcolor = fcol.color;
@@ -6656,7 +6632,7 @@ const tableColumns = (columns) => {
                         return React.createElement("span", null, table);
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'remainingtime') {
+                else if (i.formatProps.type.toLowerCase() === "remainingtime") {
                     item.render = (text, record, index) => {
                         const input_time = moment$1(text);
                         const now_time = moment$1();
@@ -6667,22 +6643,22 @@ const tableColumns = (columns) => {
                         const hours = minutes / 60;
                         const days = hours / 24;
                         if (seconds < 60)
-                            output = '방금 전';
+                            output = "방금 전";
                         else if (minutes < 60)
                             output = `${Math.floor(minutes)}분 전`;
                         else if (hours < 24)
                             output = `${Math.floor(hours)}시간 전`;
                         else if (days < 1)
-                            output = moment$1(text).format('a hh:mm');
+                            output = moment$1(text).format("a hh:mm");
                         else if (input_time.year() === now_time.year())
-                            output = moment$1(text).format('MM.DD HH:mm');
+                            output = moment$1(text).format("MM.DD HH:mm");
                         else {
-                            output = moment$1(text).format('YYYY-MM-DD HH:mm:ss');
+                            output = moment$1(text).format("YYYY-MM-DD HH:mm:ss");
                         }
-                        return (React.createElement(antd.Tooltip, { title: moment$1(text).format('YYYY년 MM월 DD일 HH시 mm분 ss초'), color: '#108ee9' }, output));
+                        return (React.createElement(antd.Tooltip, { title: moment$1(text).format("YYYY년 MM월 DD일 HH시 mm분 ss초"), color: "#108ee9" }, output));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'sleeptime') {
+                else if (i.formatProps.type.toLowerCase() === "sleeptime") {
                     item.render = (text, record, index) => {
                         return (React.createElement("span", null,
                             text[0],
@@ -6693,7 +6669,7 @@ const tableColumns = (columns) => {
                             "\uBD84"));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'sleeptimes') {
+                else if (i.formatProps.type.toLowerCase() === "sleeptimes") {
                     item.render = (text, record, index) => {
                         return (React.createElement("span", null,
                             text[0],
@@ -6702,7 +6678,7 @@ const tableColumns = (columns) => {
                             "\uBD84"));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'compute') {
+                else if (i.formatProps.type.toLowerCase() === "compute") {
                     item.render = (text, record, index) => {
                         return (React.createElement(antd.Space, null,
                             React.createElement(Text$2, null,
@@ -6711,10 +6687,10 @@ const tableColumns = (columns) => {
                             React.createElement(antd.Button, { onClick: () => { } }, "\uACC4\uC0B0")));
                     };
                 }
-                else if (i.formatProps.type.toLowerCase() === 'answer') {
+                else if (i.formatProps.type.toLowerCase() === "answer") {
                     item.render = (text, record, index) => {
-                        return (React.createElement(antd.Space, { direction: 'vertical' }, text.map((m) => {
-                            if (m.type === 'radio')
+                        return (React.createElement(antd.Space, { direction: "vertical" }, text.map((m) => {
+                            if (m.type === "radio")
                                 return (React.createElement(antd.Space, { key: m.key },
                                     React.createElement(antd.Tag, null,
                                         m.key,
@@ -6722,21 +6698,21 @@ const tableColumns = (columns) => {
                                     React.createElement(Text$2, null,
                                         m.decs,
                                         " ")));
-                            else if (m.type === 'input_number') {
-                                return (React.createElement(antd.Tag, { key: m.key, color: 'green' },
+                            else if (m.type === "input_number") {
+                                return (React.createElement(antd.Tag, { key: m.key, color: "green" },
                                     m.left,
                                     " \uC22B\uC790\uAC12 \uC785\uB825",
-                                    ' '));
+                                    " "));
                             }
-                            else if (m.type === 'input_roll') {
-                                return (React.createElement(antd.Tag, { key: m.key, color: 'red' },
+                            else if (m.type === "input_roll") {
+                                return (React.createElement(antd.Tag, { key: m.key, color: "red" },
                                     m.right,
                                     " \uC785\uB825",
-                                    ' '));
+                                    " "));
                             }
-                            else if (m.type === 'checkbox') {
+                            else if (m.type === "checkbox") {
                                 return (React.createElement(antd.Space, { key: m.key },
-                                    React.createElement(antd.Tag, { color: 'blue' },
+                                    React.createElement(antd.Tag, { color: "blue" },
                                         " \uCCB4\uD06C",
                                         m.key,
                                         " "),
@@ -6754,7 +6730,7 @@ const tableColumns = (columns) => {
             }
             item = {
                 ...item,
-                ...i.tableProps
+                ...i.tableProps,
             };
             if (i.search) {
                 const search = useColumnSearchProps(i.tableProps.dataIndex);
@@ -6772,21 +6748,21 @@ const convert2FormData = ({ data, columns }) => {
     let ant_data = { ...data };
     let columns_arr = Object.values(columns);
     columns_arr.forEach((item) => {
-        if (item.formatProps?.type === 'DateTime') {
+        if (item.formatProps?.type === "DateTime") {
             ant_data[item.tableProps.dataIndex] = moment$1(ant_data[item.tableProps.dataIndex]);
         }
     });
     return ant_data;
 };
-const tableRowSelection = ({ selectedRowKeys, radioProps, checkboxProps }) => {
+const tableRowSelection = ({ selectedRowKeys, radioProps, checkboxProps, }) => {
     if (radioProps) {
         // console.log(selectedRowKeys)
         return {
-            type: 'radio',
+            type: "radio",
             selectedRowKeys: selectedRowKeys,
             onChange: (selectedRowKeys, selectedRows) => {
-                console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
-            }
+                console.log(`selectedRowKeys: ${selectedRowKeys}`, "selectedRows: ", selectedRows);
+            },
             // onSelect: (record, rowIndex) => {
             //   radioProps.onFun(record)
             // }
@@ -6794,12 +6770,12 @@ const tableRowSelection = ({ selectedRowKeys, radioProps, checkboxProps }) => {
     }
     else if (checkboxProps) {
         return {
-            type: 'checkbox',
+            type: "checkbox",
             selectedRowKeys: selectedRowKeys,
             onChange: (newSelectedRowKeys) => {
                 checkboxProps.onFun(newSelectedRowKeys);
             },
-            getCheckboxProps: checkboxProps.props
+            getCheckboxProps: checkboxProps.props,
         };
     }
     else
@@ -6808,8 +6784,8 @@ const tableRowSelection = ({ selectedRowKeys, radioProps, checkboxProps }) => {
 // 컬럼 검색 props
 const useColumnSearchProps = (dataIndex) => {
     const searchInput = React.useRef(null);
-    const [searchText, setSearchText] = React.useState('');
-    const [searchedColumn, setSearchedColumn] = React.useState('');
+    const [searchText, setSearchText] = React.useState("");
+    const [searchedColumn, setSearchedColumn] = React.useState("");
     //검색
     const handleSearch = (selectedKeys, confirm, dataIndex) => {
         confirm();
@@ -6819,39 +6795,36 @@ const useColumnSearchProps = (dataIndex) => {
     //검색 필터 리셋
     const handleReset = (clearFilters) => {
         clearFilters();
-        setSearchText('');
+        setSearchText("");
     };
     return {
         filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => (React.createElement("div", { style: {
-                padding: 8
+                padding: 8,
             }, onKeyDown: (e) => e.stopPropagation() },
             React.createElement(antd.Input, { ref: searchInput, placeholder: `Search ${dataIndex}`, value: selectedKeys[0], onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []), onPressEnter: () => handleSearch(selectedKeys, confirm, dataIndex), style: {
                     marginBottom: 8,
-                    display: 'block'
+                    display: "block",
                 } }),
             React.createElement(antd.Space, null,
-                React.createElement(antd.Button, { type: 'primary', onClick: () => handleSearch(selectedKeys, confirm, dataIndex), icon: React.createElement(icons.SearchOutlined, null), size: 'small', style: {
-                        width: 90
+                React.createElement(antd.Button, { type: "primary", onClick: () => handleSearch(selectedKeys, confirm, dataIndex), icon: React.createElement(icons.SearchOutlined, null), size: "small", style: {
+                        width: 90,
                     } }, "Search"),
-                React.createElement(antd.Button, { onClick: () => clearFilters && handleReset(clearFilters), size: 'small', style: {
-                        width: 90
+                React.createElement(antd.Button, { onClick: () => clearFilters && handleReset(clearFilters), size: "small", style: {
+                        width: 90,
                     } }, "Reset")))),
         filterIcon: (filtered) => (React.createElement(icons.SearchOutlined, { style: {
-                color: filtered ? '#1890ff' : undefined
+                color: filtered ? "#1890ff" : undefined,
             } })),
         onFilter: (value, record) => {
             if (dataIndex)
-                return record[dataIndex]
-                    .toString()
-                    .toLowerCase()
-                    .includes(value.toString().toLowerCase());
+                return record[dataIndex].toString().toLowerCase().includes(value.toString().toLowerCase());
         },
         onFilterDropdownOpenChange: (visible) => {
             if (visible) {
                 setTimeout(() => searchInput.current?.select(), 100);
             }
         },
-        render: (text) => searchedColumn === dataIndex ? React.createElement("strong", null, text) : text
+        render: (text) => (searchedColumn === dataIndex ? React.createElement("strong", null, text) : text),
     };
 };
 
@@ -23010,58 +22983,58 @@ var build = {exports: {}};
 var buildExports = build.exports;
 var Resizer = /*@__PURE__*/getDefaultExportFromCjs(buildExports);
 
-const useFormColumns = ({ isModify, columns, onChange }) => {
-    const [valueTextEditer, setValueTextEditer] = React.useState('');
+const useFormColumns = ({ isModify, columns, onChange, }) => {
+    const [valueTextEditer, setValueTextEditer] = React.useState("");
     let ant_form = [];
     columns?.forEach((i) => {
         if ((!isModify && i.create !== false) || (isModify && i.modify !== false)) {
             if (i.formatProps) {
-                if (i.formatProps.type === 'select') {
+                if (i.formatProps.type === "select") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
                         React.createElement(antd.Select, { ...i.formatProps.itemProps, placeholder: i.placeholder, options: i.formatProps.formatData?.map((i) => {
                                 return {
                                     value: i.key,
-                                    label: i.name
+                                    label: i.name,
                                 };
                             }) })));
                 }
-                else if (i.formatProps.type === 'DateTime') {
+                else if (i.formatProps.type === "DateTime") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
-                        React.createElement(antd.DatePicker, { ...i.formatProps.itemProps, format: 'YYYY-MM-DD' })));
+                        React.createElement(antd.DatePicker, { ...i.formatProps.itemProps, format: "YYYY-MM-DD" })));
                 }
-                else if (i.formatProps.type === 'code') {
+                else if (i.formatProps.type === "code") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
-                        React.createElement(antd.Input, { ...i.formatProps.itemProps, placeholder: i.placeholder, defaultValue: moment$1().format('X') })));
+                        React.createElement(antd.Input, { ...i.formatProps.itemProps, placeholder: i.placeholder, defaultValue: moment$1().format("X") })));
                 }
-                else if (i.formatProps.type === 'switch') {
+                else if (i.formatProps.type === "switch") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
                         React.createElement(antd.Switch, { ...i.formatProps.itemProps })));
                 }
-                else if (i.formatProps.type === 'number') {
+                else if (i.formatProps.type === "number") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
-                        React.createElement(antd.Input, { ...i.formatProps.itemProps, placeholder: i.placeholder, type: 'number' })));
+                        React.createElement(antd.Input, { ...i.formatProps.itemProps, placeholder: i.placeholder, type: "number" })));
                 }
-                else if (i.formatProps.type === 'password') {
+                else if (i.formatProps.type === "password") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
                         React.createElement(antd.Input.Password, { ...i.formatProps.itemProps, placeholder: i.placeholder })));
                 }
-                else if (i.formatProps.type === 'textEditer') {
+                else if (i.formatProps.type === "textEditer") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
                         React.createElement(ReactQuill$1, { ...i.formatProps.itemProps, style: {
                                 height: 500,
-                                background: '#fff',
-                                color: '#000'
-                            }, theme: 'snow', value: valueTextEditer, modules: {
+                                background: "#fff",
+                                color: "#000",
+                            }, theme: "snow", value: valueTextEditer, modules: {
                                 toolbar: {
                                     container: [
                                         [
                                             {
-                                                header: [1, 2, 3, 4, 5, false]
-                                            }
+                                                header: [1, 2, 3, 4, 5, false],
+                                            },
                                         ],
-                                        ['bold', 'underline']
-                                    ]
-                                }
+                                        ["bold", "underline"],
+                                    ],
+                                },
                                 // toolbar: [
                                 //   ['bold', 'italic', 'underline', 'strike'], // toggled buttons
                                 //   ['blockquote', 'code-block'],
@@ -23087,10 +23060,10 @@ const useFormColumns = ({ isModify, columns, onChange }) => {
                                 // ]
                             }, onChange: (value, delta, source, editor) => setValueTextEditer(editor.getHTML()) })));
                 }
-                else if (i.formatProps.type === 'file' ||
-                    i.formatProps.type === 'files' ||
-                    i.formatProps.type === 'images' ||
-                    i.formatProps.type === 'image') {
+                else if (i.formatProps.type === "file" ||
+                    i.formatProps.type === "files" ||
+                    i.formatProps.type === "images" ||
+                    i.formatProps.type === "image") {
                     // console.log(i)
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
                         React.createElement(Files, { ...i.formatProps.itemProps, 
@@ -23098,45 +23071,44 @@ const useFormColumns = ({ isModify, columns, onChange }) => {
                             //   i.formatProps.type === 'images' ||
                             //   (i.formatProps.type === 'image' && 'picture')
                             // }
-                            count: i.formatProps.type === 'files' ? 10 : 1 })));
+                            count: i.formatProps.type === "files" ? 10 : 1 })));
                 }
-                else if (i.formatProps.type === 'imageCrop') {
+                else if (i.formatProps.type === "imageCrop") {
                     ant_form = ant_form.concat([
                         React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
                             React.createElement(UploadImage, { ...i.formatProps.itemProps, onChange: (e) => {
                                     onChange({
-                                        [i.tableProps.dataIndex + '_changeCheck']: true,
-                                        [i.tableProps.dataIndex]: e
+                                        [i.tableProps.dataIndex + "_changeCheck"]: true,
+                                        [i.tableProps.dataIndex]: e,
                                     });
                                 } })),
-                        React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex + '_changeCheck', label: i.tableProps.title + '변경 유무', name: i.tableProps.dataIndex + '_changeCheck', hidden: true },
-                            React.createElement(antd.Input, null))
+                        React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex + "_changeCheck", label: i.tableProps.title + "변경 유무", name: i.tableProps.dataIndex + "_changeCheck", hidden: true },
+                            React.createElement(antd.Input, null)),
                     ]);
                 }
-                else if (i.formatProps.type === 'sleeptime') {
+                else if (i.formatProps.type === "sleeptime") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden, required: true },
                         React.createElement(antd.Space, { size: 10 },
-                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + '_hour', rules: i.rules },
-                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: '\uC2DC', type: 'number' })),
-                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + '_min', rules: i.rules },
-                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: '\uBD84', type: 'number' })))));
+                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + "_hour", rules: i.rules },
+                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: "\uC2DC", type: "number" })),
+                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + "_min", rules: i.rules },
+                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: "\uBD84", type: "number" })))));
                 }
-                else if (i.formatProps.type === 'sleeptimes') {
+                else if (i.formatProps.type === "sleeptimes") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, hidden: i.formatProps.hidden, required: true },
                         React.createElement(antd.Space, { size: 10 },
-                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + '_hour', rules: i.rules },
-                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: '\uC2DC\uAC04', type: 'number' })),
-                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + '_min', rules: i.rules },
-                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: '\uBD84', type: 'number' })))));
+                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + "_hour", rules: i.rules },
+                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: "\uC2DC\uAC04", type: "number" })),
+                            React.createElement(antd.Form.Item, { name: i.tableProps.dataIndex + "_min", rules: i.rules },
+                                React.createElement(antd.Input, { placeholder: i.placeholder, addonAfter: "\uBD84", type: "number" })))));
                 }
-                else if (i.formatProps.type === 'custom' &&
-                    i.formatProps.customRender) {
+                else if (i.formatProps.type === "custom" && i.formatProps.customRender) {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden }, i.formatProps.customRender({
                         dataIndex: i.tableProps.dataIndex,
                         title: i.tableProps.title,
                         onChange(data) {
                             onChange(data);
-                        }
+                        },
                     })));
                     // ant_form.push(
                     //   i.formatProps.customRender({
@@ -23148,9 +23120,9 @@ const useFormColumns = ({ isModify, columns, onChange }) => {
                     //   })
                     // )
                 }
-                else if (i.formatProps.type === 'price') {
+                else if (i.formatProps.type === "price") {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
-                        React.createElement(antd.InputNumber, { ...i.formatProps.itemProps, style: { width: '100%', ...i.formatProps.itemProps.style }, placeholder: i.placeholder, formatter: (value) => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',') })));
+                        React.createElement(antd.InputNumber, { ...i.formatProps.itemProps, style: { width: "100%", ...i.formatProps.itemProps.style }, placeholder: i.placeholder, formatter: (value) => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ",") })));
                 }
                 else {
                     ant_form.push(React.createElement(antd.Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
@@ -23185,21 +23157,21 @@ const UploadImage = (props) => {
     //     })
     //   }
     const resizeFile = (file) => new Promise((resolve) => {
-        Resizer.imageFileResizer(file, 500, 500, 'PNG', 100, 0, (uri) => {
+        Resizer.imageFileResizer(file, 500, 500, "PNG", 100, 0, (uri) => {
             resolve(uri);
-        }, 'base64');
+        }, "base64");
     });
-    return (React.createElement(antd.Flex, { style: { padding: 2, alignItems: 'center' }, gap: 3 },
+    return (React.createElement(antd.Flex, { style: { padding: 2, alignItems: "center" }, gap: 3 },
         React.createElement(antd.Image, { src: value ?? baseImage, width: 50, height: 50 }),
-        React.createElement(ImgCrop, { showGrid: true, modalWidth: 800, zoomSlider: true, quality: 1, modalClassName: 'ImgCropModal', modalProps: { style: { height: 1000 } }, cropperProps: {
+        React.createElement(ImgCrop, { showGrid: true, modalWidth: 800, zoomSlider: true, quality: 1, modalClassName: "ImgCropModal", modalProps: { style: { height: 1000 } }, cropperProps: {
                 cropSize: { width: 500, height: 500 },
                 style: {},
                 mediaProps: {},
                 zoomSpeed: 1,
                 restrictPosition: false,
-                keyboardStep: 1
+                keyboardStep: 1,
             } },
-            React.createElement(antd.Upload, { accept: 'image/*', listType: 'picture', showUploadList: false, beforeUpload: async (file) => {
+            React.createElement(antd.Upload, { accept: "image/*", listType: "picture", showUploadList: false, beforeUpload: async (file) => {
                     try {
                         const image = await resizeFile(file);
                         onChange(image);
@@ -23212,17 +23184,17 @@ const UploadImage = (props) => {
                 } },
                 React.createElement(antd.Button, { icon: React.createElement(icons.UploadOutlined, null) }, "\uD30C\uC77C\uC120\uD0DD")))));
 };
-const baseImage = 'data:image/png;base64,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';
+const baseImage = "data:image/png;base64,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";
 
 const formItemLayout = {
     labelCol: {
         xs: { span: 6 },
-        sm: { span: 6 }
+        sm: { span: 6 },
     },
     wrapperCol: {
         xs: { span: 15 },
-        sm: { span: 15 }
-    }
+        sm: { span: 15 },
+    },
 };
 const AntBaseModalCreate = ({ modalProps, formProps, props }) => {
     const [form] = antd.Form.useForm();
@@ -23235,7 +23207,7 @@ const AntBaseModalCreate = ({ modalProps, formProps, props }) => {
         columns,
         onChange: (data) => {
             form.setFieldsValue(data);
-        }
+        },
     });
     React.useEffect(() => {
         if (open && isModify && initialValues) {
@@ -23245,11 +23217,11 @@ const AntBaseModalCreate = ({ modalProps, formProps, props }) => {
             form.setFieldsValue(value);
         }
     }, [open, isModify]);
-    if (type === 'not_modal') {
+    if (type === "not_modal") {
         return (React.createElement(antd.Form, { ...formItemLayout, form: form, onFinish: onFinish },
             column,
             React.createElement(antd.Form.Item, { wrapperCol: { span: 1, offset: 20 } },
-                React.createElement(antd.Button, { htmlType: 'submit' }, props.buttonName ?? (isModify ? FORM_MODIFY : FORM_CREATE)))));
+                React.createElement(antd.Button, { htmlType: "submit" }, props.buttonName ?? (isModify ? FORM_MODIFY : FORM_CREATE)))));
     }
     return (React.createElement(antd.Modal, { ...modalProps, footer: null, destroyOnClose: true, onCancel: () => {
             form.resetFields();
@@ -23265,12 +23237,12 @@ const AntBaseModalCreate = ({ modalProps, formProps, props }) => {
             column,
             customColumn,
             React.createElement(antd.Form.Item, { wrapperCol: { span: 1, offset: 20 } },
-                React.createElement(antd.Button, { htmlType: 'submit' }, props.buttonName ?? (isModify ? FORM_MODIFY : FORM_CREATE))))));
+                React.createElement(antd.Button, { htmlType: "submit" }, props.buttonName ?? (isModify ? FORM_MODIFY : FORM_CREATE))))));
 };
 
 const { Title } = antd.Typography;
 const { confirm } = antd.Modal;
-const AntBaseTable = ({ 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 = ({ 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 [selectedRowKeys, setSelectedRowKeys] = React.useState([]);
     const [selectedRow, setSelectedRow] = React.useState();
     const [popupCreate, setPopupCreate] = React.useState(false);
@@ -23278,7 +23250,7 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
     React.useEffect(() => {
         setSelectedRow(dataSource?.find((m) => {
             if (m) {
-                let key = typeof rowKey === 'function' ? rowKey(m) : m[rowKey];
+                let key = typeof rowKey === "function" ? rowKey(m) : m[rowKey];
                 return key === selectedRowKeys[0];
             }
             return false;
@@ -23295,7 +23267,7 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
             if (selectedRowKeys.length !== 0 && dataSource?.length !== 0) {
                 setSelectedRow(dataSource?.find((m) => {
                     if (m) {
-                        let key = typeof rowKey === 'function' ? rowKey(m) : m[rowKey];
+                        let key = typeof rowKey === "function" ? rowKey(m) : m[rowKey];
                         return key === selectedRowKeys[0];
                     }
                     return false;
@@ -23303,7 +23275,7 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
                 if (selectProps.onUpdateData) {
                     selectProps.onUpdateData(dataSource?.find((m) => {
                         if (m) {
-                            let key = typeof rowKey === 'function' ? rowKey(m) : m[rowKey];
+                            let key = typeof rowKey === "function" ? rowKey(m) : m[rowKey];
                             return key === selectedRowKeys[0];
                         }
                         return false;
@@ -23318,7 +23290,7 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
         reSelection,
         popupCreate,
         popupModify,
-        selectedRow
+        selectedRow,
     }), [selectedRow, popupCreate, popupModify]);
     // 추가 팝업 on/off
     const showCreatePopup = (show) => {
@@ -23330,7 +23302,7 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
         setPopupCreate(false);
         setPopupModify(false);
         if (popupModify && modifyProps) {
-            let key = typeof rowKey === 'function' ? rowKey(selectedRow) : rowKey;
+            let key = typeof rowKey === "function" ? rowKey(selectedRow) : rowKey;
             modifyProps.onFun({ [key.toString()]: key, ...value }, selectedRow);
             // 키 값과 함꼐 전달
         }
@@ -23360,12 +23332,12 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
     //선택 유무
     const isSelect = selectedRowKeys.length !== 0;
     return (React.createElement("div", { className: className, style: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             flex: 1,
             gap: 10,
-            height: '100%',
-            padding: '20px'
+            height: "100%",
+            padding: "20px",
         } },
         React.createElement(TableTopButtonGroup, { isSelect: isSelect, isCounter: isCounter, onRefresh: onRefresh, autoRefreshTime: autoRefreshTime, addProps: addProps && {
                 ...addProps,
@@ -23376,7 +23348,7 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
                     else {
                         showCreatePopup(true);
                     }
-                }
+                },
             }, modifyProps: modifyProps && {
                 ...modifyProps,
                 onFun() {
@@ -23386,88 +23358,88 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
                     else {
                         showModify();
                     }
-                }
+                },
             }, deleteProps: deleteProps && {
                 ...deleteProps,
                 onFun() {
                     if (selectedRow) {
                         let content = (rowName
-                            ? typeof rowName === 'function'
+                            ? typeof rowName === "function"
                                 ? rowName(selectedRow)
                                 : selectedRow[rowName]
-                            : typeof rowKey === 'function'
+                            : typeof rowKey === "function"
                                 ? rowKey(selectedRow)
                                 : selectedRow[rowKey]);
                         confirm({
-                            title: '삭제 하시겠습니까?',
+                            title: "삭제 하시겠습니까?",
                             icon: React.createElement(icons.ExclamationCircleOutlined, null),
                             content: content,
-                            okText: 'Yes',
-                            okType: 'danger',
-                            cancelText: 'No',
+                            okText: "Yes",
+                            okType: "danger",
+                            cancelText: "No",
                             onOk: () => {
                                 deleteProps.onFun(selectedRow);
                             },
                             onCancel() {
-                                console.log('Cancel');
-                            }
+                                console.log("Cancel");
+                            },
                         });
                     }
-                }
+                },
             }, resetProps: resetProps && {
                 ...resetProps,
                 onFun() {
                     if (selectedRow) {
                         let content = (rowName
-                            ? typeof rowName === 'function'
+                            ? typeof rowName === "function"
                                 ? rowName(selectedRow)
                                 : selectedRow[rowName]
-                            : typeof rowKey === 'function'
+                            : typeof rowKey === "function"
                                 ? rowKey(selectedRow)
                                 : selectedRow[rowKey]);
                         confirm({
-                            title: '복구 하시겠습니까?',
+                            title: "복구 하시겠습니까?",
                             icon: React.createElement(icons.ExclamationCircleOutlined, null),
                             content: content,
-                            okText: 'Yes',
-                            okType: 'primary',
-                            cancelText: 'No',
+                            okText: "Yes",
+                            okType: "primary",
+                            cancelText: "No",
                             onOk: () => {
                                 resetProps.onFun(selectedRow);
                             },
                             onCancel() {
-                                console.log('Cancel');
-                            }
+                                console.log("Cancel");
+                            },
                         });
                     }
-                }
+                },
             }, removeProps: removeProps && {
                 ...removeProps,
                 onFun() {
                     if (selectedRow) {
                         let content = (rowName
-                            ? typeof rowName === 'function'
+                            ? typeof rowName === "function"
                                 ? rowName(selectedRow)
                                 : selectedRow[rowName]
-                            : typeof rowKey === 'function'
+                            : typeof rowKey === "function"
                                 ? rowKey(selectedRow)
                                 : selectedRow[rowKey]);
                         confirm({
-                            title: '완전 삭제 하시겠습니까?',
+                            title: "완전 삭제 하시겠습니까?",
                             icon: React.createElement(icons.ExclamationCircleOutlined, null),
                             content: content,
-                            okText: 'Yes',
-                            okType: 'danger',
-                            cancelText: 'No',
+                            okText: "Yes",
+                            okType: "danger",
+                            cancelText: "No",
                             onOk: () => {
                                 removeProps.onFun(selectedRow);
                             },
                             onCancel() {
-                                console.log('Cancel');
-                            }
+                                console.log("Cancel");
+                            },
                         });
                     }
-                }
+                },
             }, customProps: customProps && {
                 ...customProps,
                 render: () => {
@@ -23487,38 +23459,38 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
                         return customProps.rightRender(isSelect, selectedRow);
                     else
                         return null;
-                }
+                },
             } }),
         React.createElement(antd.Table, { bordered: true, rowKey: rowKey, scroll: scroll, pagination: pageProps === false
                 ? pageProps
                 : pageProps && {
                     showSizeChanger: false,
                     defaultPageSize: 20,
-                    ...pageProps
+                    ...pageProps,
                 }, 
             // rowSelection={{ type: 'radio' }}
             rowSelection: tableRowSelection({
                 selectedRowKeys,
-                radioProps: selectProps?.type === 'radio' && {
+                radioProps: selectProps?.type === "radio" && {
                     },
-                checkboxProps: selectProps?.type === 'checkbox' && {
+                checkboxProps: selectProps?.type === "checkbox" && {
                     onFun: (keys) => {
                         setSelectedRowKeys(keys);
                         if (selectProps.onFun) {
                             selectProps.onFun(keys);
                         }
                     },
-                    props: selectProps.checkboxProps
-                }
-            }), size: size ?? 'small', onRow: (record, rowIndex) => {
+                    props: selectProps.checkboxProps,
+                },
+            }), size: size ?? "small", onRow: (record, rowIndex) => {
                 return {
                     onClick: () => {
-                        if (selectProps?.type === 'radio') {
+                        if (selectProps?.type === "radio") {
                             // console.log(typeof rowKey)
                             // console.log(
                             //   typeof rowKey === 'function' ? rowKey(record) : rowKey
                             // )
-                            if (typeof rowKey === 'function') {
+                            if (typeof rowKey === "function") {
                                 setSelectedRowKeys([rowKey(record)]);
                             }
                             else {
@@ -23542,11 +23514,11 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
                     }, // double click row
                     onContextMenu: () => { }, // right button click row
                     onMouseEnter: () => { }, // mouse enter row
-                    onMouseLeave: () => { } // mouse leave row
+                    onMouseLeave: () => { }, // mouse leave row
                 };
             }, onHeaderRow: () => {
                 return {
-                    onClick: () => { } // click header row
+                    onClick: () => { }, // click header row
                 };
             }, dataSource: dataSource?.map((i) => i), 
             // columns={tableColumns(
@@ -23564,61 +23536,55 @@ const AntBaseTable = ({ bordered, className, rowKey, rowName, dataSource, initDa
                 onFun() {
                     if (selectedRow)
                         topProps.onFun(selectedRow);
-                }
+                },
             }, bottomProps: bottomProps && {
                 ...bottomProps,
                 onFun() {
                     if (selectedRow)
                         bottomProps.onFun(selectedRow);
-                }
+                },
             }, upProps: upProps && {
                 ...upProps,
                 onFun() {
                     if (selectedRow)
                         upProps.onFun(selectedRow);
-                }
+                },
             }, downProps: downProps && {
                 ...downProps,
                 onFun() {
                     if (selectedRow)
                         downProps.onFun(selectedRow);
-                }
+                },
             } }),
         React.createElement(AntBaseModalCreate, { modalProps: {
                 width: createModalWidth,
                 title: (React.createElement("div", { style: { marginBottom: 20, marginTop: 10 } },
-                    React.createElement(Title, { level: 4, style: { margin: 0 } }, popupModify ? '정보 수정' : '신규 등록'))),
+                    React.createElement(Title, { level: 4, style: { margin: 0 } }, popupModify ? "정보 수정" : "신규 등록"))),
                 maskClosable: false,
                 open: popupCreate,
                 onCancel: () => {
                     if (onCreateClose)
                         onCreateClose();
                     showCreatePopup(false);
-                }
+                },
             }, formProps: {
                 initialValues: popupModify
                     ? convert2FormData({
                         data: selectedRow,
-                        columns: columns
+                        columns: columns,
                     })
                     : initData
                         ? convert2FormData({
                             data: initData,
-                            columns: columns
+                            columns: columns,
                         })
                         : {},
-                onFinish: onCreate
+                onFinish: onCreate,
             }, props: {
                 customColumn,
                 customValue,
-                columns: popupModify
-                    ? modifyProps?.columns
-                        ? modifyProps?.columns
-                        : columns
-                    : addProps?.columns
-                        ? addProps?.columns
-                        : columns,
-                isModify: popupModify
+                columns: popupModify ? (modifyProps?.columns ? modifyProps?.columns : columns) : addProps?.columns ? addProps?.columns : columns,
+                isModify: popupModify,
             } })));
 };
 /**
@@ -23654,7 +23620,7 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
             searchOption.forEach((item) => {
                 item.items.forEach((item2) => {
                     if (item2.value) {
-                        if (item2.type === 'date') {
+                        if (item2.type === "date") {
                             a = { ...a, ...item2.value };
                         }
                         else {
@@ -23671,17 +23637,17 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
         setData(null);
     };
     const activeEnter = (e) => {
-        if (e.key === 'Enter') ;
+        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", { style: { marginBottom: '5px' }, key: item.key },
+            return (React.createElement("div", { style: { marginBottom: "5px" }, key: item.key },
                 React.createElement(antd.Row, null,
                     React.createElement(antd.Col, { span: item.title ? 1 : 0 },
-                        React.createElement(Text$1, { style: { fontWeight: 'bold' } }, item.title)),
-                    React.createElement(antd.Col, { span: item.title ? 23 : 24, style: { textAlign: 'left', paddingLeft: '10px' } },
-                        React.createElement(antd.Space, { size: 'large', wrap: true }, item.items?.map((item2) => {
-                            if (item2.type === 'select') {
+                        React.createElement(Text$1, { style: { fontWeight: "bold" } }, item.title)),
+                    React.createElement(antd.Col, { span: item.title ? 23 : 24, style: { textAlign: "left", paddingLeft: "10px" } },
+                        React.createElement(antd.Space, { size: "large", wrap: true }, item.items?.map((item2) => {
+                            if (item2.type === "select") {
                                 return (React.createElement(SelectSearch, { key: item2.key, title: item2.title, options: item2.options, value: data ? data[item2.key] : item2.value, disabled: item2.disabled, onChange: (value) => {
                                         if (item2.onChange) {
                                             let db = item2.options?.find((i) => i.value === value);
@@ -23689,54 +23655,53 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
                                         }
                                         setData({
                                             ...data,
-                                            [item2.key]: value
+                                            [item2.key]: value,
                                         });
                                     } }));
                             }
-                            else if (item2.type === 'date') {
+                            else if (item2.type === "date") {
                                 return (React.createElement(DateSearch, { key: item2.key, type: item2.dateType, title: item2.title, single: item2.single, disabled: item2.disabled, value: {
-                                        start: data?.[item2.key + '_start'] ??
-                                            null,
-                                        end: data?.[item2.key + '_end'] ?? null
+                                        start: data?.[item2.key + "_start"] ?? null,
+                                        end: data?.[item2.key + "_end"] ?? null,
                                     }, onChange: (value) => {
                                         setData({
                                             ...data,
-                                            [item2.key + '_start']: value.start ?? '',
-                                            [item2.key + '_end']: value.end ?? ''
+                                            [item2.key + "_start"]: value.start ?? "",
+                                            [item2.key + "_end"]: value.end ?? "",
                                         });
                                     } }));
                             }
-                            else if (item2.type === 'input') {
-                                return (React.createElement(InputSearch, { key: item2.key, title: item2.title, value: data ? data[item2.key]?.toString() : '', disabled: item2.disabled, onChange: (value) => {
+                            else if (item2.type === "input") {
+                                return (React.createElement(InputSearch, { key: item2.key, title: item2.title, value: data ? data[item2.key]?.toString() : "", disabled: item2.disabled, onChange: (value) => {
                                         if (item2.onChange) {
                                             let db = item2.options?.find((i) => i.value === value);
                                             item2.onChange(db);
                                         }
                                         setData({
                                             ...data,
-                                            [item2.key]: value
+                                            [item2.key]: value,
                                         });
                                     }, activeEnter: activeEnter }));
                             }
-                            else if (item2.type === 'switch') {
+                            else if (item2.type === "switch") {
                                 return (React.createElement(SwitchSearch, { key: item2.key, title: item2.title, value: data ? Boolean(data[item2.key]) : false, disabled: item2.disabled, onChange: (value) => {
                                         if (item2.onChange) {
                                             item2.onChange(value);
                                         }
                                         setData({
                                             ...data,
-                                            [item2.key]: value
+                                            [item2.key]: value,
                                         });
                                     } }));
                             }
-                            else if (item2.type === 'check') {
+                            else if (item2.type === "check") {
                                 return (React.createElement(CheckSearch, { key: item2.key, title: item2.title, value: data ? Boolean(data[item2.key]) : false, disabled: item2.disabled, onChange: (value) => {
                                         if (item2.onChange) {
                                             item2.onChange(value);
                                         }
                                         setData({
                                             ...data,
-                                            [item2.key]: value
+                                            [item2.key]: value,
                                         });
                                     } }));
                             }
@@ -23745,36 +23710,34 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
                             }
                         }))))));
         })),
-        React.createElement(antd.Space, { size: 'small', className: styles$2.searchboxBtn },
-            React.createElement(antd.Button, { disabled: searchDisabled, type: 'text', icon: React.createElement(icons.RedoOutlined, null), onClick: resetSubmit }, "\uC120\uD0DD\uCD08\uAE30\uD654"),
-            React.createElement(antd.Button, { disabled: searchDisabled, style: { width: 100 }, type: 'primary', onClick: (e) => {
+        React.createElement(antd.Space, { size: "small", className: styles$2.searchboxBtn },
+            React.createElement(antd.Button, { disabled: searchDisabled, type: "text", icon: React.createElement(icons.RedoOutlined, null), onClick: resetSubmit }, "\uC120\uD0DD\uCD08\uAE30\uD654"),
+            React.createElement(antd.Button, { disabled: searchDisabled, style: { width: 100 }, type: "primary", onClick: (e) => {
                     let id = [];
                     searchOption.forEach((item) => {
                         item.items.forEach((item2) => {
                             if (data) {
-                                if (item2.type === 'date' &&
-                                    data[item2.key + '_start'] &&
-                                    data[item2.key + '_end']) {
+                                if (item2.type === "date" && data[item2.key + "_start"] && data[item2.key + "_end"]) {
                                     id = id.concat([
                                         {
-                                            key: item2.key + '_start',
-                                            id: data[item2.key + '_start']
+                                            key: item2.key + "_start",
+                                            id: data[item2.key + "_start"],
                                         },
-                                        { key: item2.key + '_end', id: data[item2.key + '_end'] }
+                                        { key: item2.key + "_end", id: data[item2.key + "_end"] },
                                     ]);
                                 }
                                 else {
                                     if (data[item2.key]) {
                                         id.push({
                                             key: item2.key,
-                                            id: data[item2.key]
+                                            id: data[item2.key],
                                         });
                                     }
                                 }
                             }
                         });
                     });
-                    var searchQuery = '';
+                    var searchQuery = "";
                     id.forEach((item, index) => {
                         let txt = `${item.key}=${item.id}`;
                         if (index == 0)
@@ -23785,14 +23748,14 @@ const SearchBox = ({ searchOption = [], searchDisabled = false, onSubmit, onRese
                     onSubmit && onSubmit(searchQuery, data);
                 } }, "\uC870\uD68C"))));
 };
-const SwitchSearch = ({ title, value, disabled = false, onChange }) => {
+const SwitchSearch = ({ title, value, disabled = false, onChange, }) => {
     return (React.createElement(antd.Space, null,
         title && React.createElement(Text$1, null, title),
         React.createElement(antd.Switch, { disabled: disabled, onChange: (value) => {
                 onChange(value);
             }, value: value })));
 };
-const CheckSearch = ({ title, value, disabled = false, onChange }) => {
+const CheckSearch = ({ title, value, disabled = false, onChange, }) => {
     return (React.createElement(antd.Space, null,
         title && React.createElement(Text$1, null, title),
         React.createElement(antd.Checkbox, { disabled: disabled, onChange: (value) => {
@@ -23800,48 +23763,48 @@ const CheckSearch = ({ title, value, disabled = false, onChange }) => {
                 onChange(value.target.checked);
             }, checked: value })));
 };
-const SelectSearch = ({ title, options, value, disabled = false, onChange }) => {
+const SelectSearch = ({ title, options, value, disabled = false, onChange, }) => {
     return (React.createElement(antd.Space, null,
         title && React.createElement(Text$1, null, title),
-        React.createElement(antd.Select, { disabled: disabled, style: { minWidth: '120px' }, options: options, onChange: (value) => {
+        React.createElement(antd.Select, { disabled: disabled, style: { minWidth: "120px" }, options: options, onChange: (value) => {
                 onChange(value);
             }, value: value })));
 };
-const DateSearch = ({ single = false, type, title, value, disabled = false, onChange }) => {
+const DateSearch = ({ single = false, type, title, value, disabled = false, onChange, }) => {
     if (single) {
         return (React.createElement(antd.Space, null,
             title && React.createElement(Text$1, null, title),
-            React.createElement(antd.DatePicker, { picker: type ?? 'date', 
+            React.createElement(antd.DatePicker, { picker: type ?? "date", 
                 // disabledDate={disabledDate}
-                value: value.start ? dayjs(value.start) : undefined, placeholder: '', disabled: disabled, onChange: (e) => {
+                value: value.start ? dayjs(value.start) : undefined, placeholder: "", disabled: disabled, onChange: (e) => {
                     if (e) {
-                        let format = 'YYYY-MM-DD 00:00:00';
-                        if (type === 'year') {
-                            format = 'YYYY';
+                        let format = "YYYY-MM-DD 00:00:00";
+                        if (type === "year") {
+                            format = "YYYY";
                             onChange({
                                 start: e?.format(format) ?? null,
-                                end: null
+                                end: null,
                             });
                         }
-                        else if (type === 'month') {
-                            format = 'YYYY-MM';
+                        else if (type === "month") {
+                            format = "YYYY-MM";
                             onChange({
                                 start: e?.format(format) ?? null,
-                                end: null
+                                end: null,
                             });
                         }
-                        else if (type === 'date') {
-                            format = 'YYYY-MM-DD HH:mm:ss';
+                        else if (type === "date") {
+                            format = "YYYY-MM-DD HH:mm:ss";
                             onChange({
                                 start: e?.format(format) ?? null,
-                                end: null
+                                end: null,
                             });
                         }
-                        else if (type === 'time') {
-                            format = 'YYYY-MM-DD HH:mm:ss';
+                        else if (type === "time") {
+                            format = "YYYY-MM-DD HH:mm:ss";
                             onChange({
                                 start: e?.format(format) ?? null,
-                                end: null
+                                end: null,
                             });
                         }
                     }
@@ -23852,42 +23815,37 @@ const DateSearch = ({ single = false, type, title, value, disabled = false, onCh
     }
     return (React.createElement(antd.Space, null,
         title && React.createElement(Text$1, null, title),
-        React.createElement(RangePicker, { picker: type ?? 'date', 
+        React.createElement(RangePicker, { picker: type ?? "date", 
             // disabledDate={disabledDate}
-            disabled: disabled, value: value
-                ? [
-                    value.start ? dayjs(value.start) : undefined,
-                    value.end ? dayjs(value.end) : undefined
-                ]
-                : null, placeholder: ['', ''], onChange: (e) => {
+            disabled: disabled, value: value ? [value.start ? dayjs(value.start) : undefined, value.end ? dayjs(value.end) : undefined] : null, placeholder: ["", ""], onChange: (e) => {
                 if (e) {
-                    let format = 'YYYY-MM-DD 00:00:00';
-                    if (type === 'year') {
-                        format = 'YYYY';
+                    let format = "YYYY-MM-DD 00:00:00";
+                    if (type === "year") {
+                        format = "YYYY";
                         onChange({
                             start: e[0]?.format(format) ?? null,
-                            end: e[1]?.format(format) ?? null
+                            end: e[1]?.format(format) ?? null,
                         });
                     }
-                    else if (type === 'month') {
-                        format = 'YYYY-MM';
+                    else if (type === "month") {
+                        format = "YYYY-MM";
                         onChange({
                             start: e[0]?.format(format) ?? null,
-                            end: e[1]?.format(format) ?? null
+                            end: e[1]?.format(format) ?? null,
                         });
                     }
-                    else if (type === 'date') {
-                        format = 'YYYY-MM-DD HH:mm:ss';
+                    else if (type === "date") {
+                        format = "YYYY-MM-DD HH:mm:ss";
                         onChange({
-                            start: e[0]?.startOf('date').format(format) ?? null,
-                            end: e[1]?.endOf('date').format(format) ?? null
+                            start: e[0]?.startOf("date").format(format) ?? null,
+                            end: e[1]?.endOf("date").format(format) ?? null,
                         });
                     }
-                    else if (type === 'time') {
-                        format = 'YYYY-MM-DD HH:mm:ss';
+                    else if (type === "time") {
+                        format = "YYYY-MM-DD HH:mm:ss";
                         onChange({
                             start: e[0]?.format(format) ?? null,
-                            end: e[1]?.format(format) ?? null
+                            end: e[1]?.format(format) ?? null,
                         });
                     }
                 }
@@ -23896,10 +23854,10 @@ const DateSearch = ({ single = false, type, title, value, disabled = false, onCh
                 }
             } })));
 };
-const InputSearch = ({ title, value, disabled = false, onChange, activeEnter }) => {
+const InputSearch = ({ title, value, disabled = false, onChange, activeEnter, }) => {
     return (React.createElement(antd.Space, null,
         title && React.createElement(Text$1, null, title),
-        React.createElement(antd.Input, { style: { width: '170px' }, disabled: disabled, onChange: (e) => {
+        React.createElement(antd.Input, { style: { width: "170px" }, disabled: disabled, onChange: (e) => {
                 onChange(e.target.value);
             }, value: value, onKeyDown: (e) => activeEnter(e) })));
 };
@@ -24031,32 +23989,32 @@ const ErrorPage = ({ name, message, onHome }) => {
  * 로딩 레이아웃
  * @author 신민우
  */
-const LoadingLayout = ({ tip, isLoading, error, isError, style, children, className, notFullScreen }) => {
+const LoadingLayout = ({ tip, isLoading, error, isError, style, children, className, notFullScreen, }) => {
     if (isError && error) {
-        return (React.createElement(antd.Flex, { flex: 1, style: { alignItems: 'center', justifyContent: 'center' } },
+        return (React.createElement(antd.Flex, { flex: 1, style: { alignItems: "center", justifyContent: "center" } },
             React.createElement(ErrorPage, { name: error.name, message: error.message })));
     }
     return (React.createElement(antd.Flex, { className: className, flex: 1, style: {
             ...style,
-            alignItems: 'flex-start',
-            height: '100%',
-            overflowY: 'auto',
-            overflowX: 'hidden',
-            marginBottom: '60px',
-            width: '100%'
+            alignItems: "flex-start",
+            height: "100%",
+            overflowY: "auto",
+            overflowX: "hidden",
+            marginBottom: "60px",
+            width: "100%",
         }, vertical: true },
         React.createElement("div", { style: {
-                position: 'absolute',
-                width: 'calc(100vw - 350px)',
-                height: 'calc(100vh - 350px)',
-                background: '#ffffffcc',
+                position: "absolute",
+                width: "calc(100vw - 350px)",
+                height: "calc(100vh - 350px)",
+                background: "#ffffffcc",
                 zIndex: isLoading ? 1001 : -1,
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
                 opacity: isLoading ? 1 : 0,
-                transition: 'opacity 0.5s'
-            } }, isLoading && (React.createElement(antd.Spin, { fullscreen: notFullScreen === undefined ? false : true, tip: notFullScreen === undefined ? undefined : tip ?? '목록 불러오는중', size: 'large', indicator: React.createElement(icons.LoadingOutlined, { style: { fontSize: 48 }, spin: true }) }))),
+                transition: "opacity 0.5s",
+            } }, isLoading && (React.createElement(antd.Spin, { fullscreen: notFullScreen === undefined ? false : true, tip: notFullScreen === undefined ? undefined : tip ?? "목록 불러오는중", size: "large", indicator: React.createElement(icons.LoadingOutlined, { style: { fontSize: 48 }, spin: true }) }))),
         children));
 };