@thefreshop/tb 1.0.23 → 1.0.25

package/dist/cjs/index.js

@@ -190,14 +190,14 @@ 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, defalultTopKey }, }) => {
+const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight }, }) => {
     const { logout, user, addTabKey, setCurrentTabKey } = useTbState();
     const navigate = reactRouter.useNavigate();
     const userTop = () => {
         let topmenutable = [];
         if (user?.user_group?.group_key === "master" || setting.islogin === false) {
             topMenuSetting.forEach((m, index) => {
-                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
+                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
             });
         }
         else {
@@ -205,7 +205,7 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
                 return user?.user_group?.group_section_auth.includes(m.key);
             });
             userSection.forEach((m, index) => {
-                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
+                topmenutable.push(React.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
             });
         }
         return topmenutable;
@@ -224,15 +224,9 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
         React.createElement("div", { className: styles$8.top_menu }, userTop()),
         topRight ? (topRight) : !setting?.islogin ? null : setting?.logoutComponent ? (setting?.logoutComponent) : (React.createElement("button", { onClick: () => logout() }, "\uB85C\uADF8\uC544\uC6C3"))));
 };
-const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle = {}, defalultTopKey, }) => {
+const TopMenu = ({ topMenuSetting: { title, icon, key }, menuStyle = {} }) => {
     const [hover, setHover] = React.useState(false);
     const { topkey, setTopkey } = useTbState();
-    React.useEffect(() => {
-        if (defalultTopKey) {
-            console.log(defalultTopKey);
-            setTopkey(defalultTopKey);
-        }
-    }, [defalultTopKey]);
     return (React.createElement("div", { className: `${styles$8.top_menu_item} ${hover ? styles$8.menu_hover : styles$8.menu_nomal}`, style: menuStyle.menuWidth ? { width: menuStyle.menuWidth } : {}, onMouseEnter: () => {
             setHover(true);
         }, onMouseLeave: () => {
@@ -23090,7 +23084,7 @@ const useFormColumns = ({ isModify, columns, onChange, }) => {
                 }
                 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, initialValues: moment$1().format("X") })));
                 }
                 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 },
@@ -23228,7 +23222,7 @@ const useFormColumns = ({ isModify, columns, onChange, }) => {
  * @author 송영내
  */
 const UploadImage = (props) => {
-    const { onChange, value } = props;
+    const { onChange, value, maxWidth = 500, maxHeight = 500, compressFormat = "PNG", quality = 100, outputType = "blob" } = props;
     //   const readfileData = (file: any) => {
     //     return new Promise<string>((resolve, reject) => {
     //       if (file) {
@@ -23243,17 +23237,17 @@ const UploadImage = (props) => {
     //     })
     //   }
     const resizeFile = (file) => new Promise((resolve) => {
-        Resizer.imageFileResizer(file, 500, 500, "PNG", 100, 0, (uri) => {
+        Resizer.imageFileResizer(file, maxWidth, maxHeight, compressFormat, quality, 0, (uri) => {
             resolve(uri);
-        }, "base64");
+        }, outputType);
     });
     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: {
-                cropSize: { width: 500, height: 500 },
+        React.createElement(ImgCrop, { showGrid: true, modalWidth: 800, zoomSlider: true, quality: 1, minZoom: 0.1, modalClassName: "ImgCropModal", modalProps: { style: { height: 600 } }, cropperProps: {
+                cropSize: { width: maxWidth, height: maxHeight },
                 style: {},
                 mediaProps: {},
-                zoomSpeed: 1,
+                zoomSpeed: 0.1,
                 restrictPosition: false,
                 keyboardStep: 1,
             } },