@thefreshop/tb 1.0.23 → 1.0.25

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { tbframeType, topType } from "../../types";
-declare const Top: ({ setting, top: { title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight, defalultTopKey }, }: {
+declare const Top: ({ setting, top: { title, titleimage, topMenuSetting, menuStyle, imgstyle, titleStyle, topRight }, }: {
     setting: tbframeType;
     top: topType;
 }) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
-import type { AnyObject } from 'antd/es/_util/type';
-import type { ExpandableConfig, GetRowKey, TablePaginationConfig, TableRowSelection } from 'antd/es/table/interface';
-import type { ColumnGroupType, ColumnType, TableProps } from 'antd/es/table';
+import type { AnyObject } from "antd/es/_util/type";
+import type { ExpandableConfig, GetRowKey, TablePaginationConfig, TableRowSelection } from "antd/es/table/interface";
+import type { ColumnGroupType, ColumnType, TableProps } from "antd/es/table";
 export interface AntBaseTableRefProps<ItemType> {
     resetSelection: () => void;
     reSelection: () => void;
@@ -19,7 +19,7 @@ export type antBasePropsType<T = AnyObject, K = string | GetRowKey<T>> = {
     customValue?: (data: any) => any;
     columns: antBaseColumnType[];
     expandable?: ExpandableConfig<AnyObject>;
-    size?: 'large' | 'middle' | 'small';
+    size?: "large" | "middle" | "small";
     onClick?: (record: T, index?: number) => void;
     onDoubleClick?: (record: T, index?: number) => void;
     selectProps?: selectType<T>;
@@ -39,11 +39,11 @@ export type antBasePropsType<T = AnyObject, K = string | GetRowKey<T>> = {
     upProps?: btnReturnTType<T>;
     downProps?: btnReturnTType<T>;
     pageProps?: TablePaginationConfig | false;
-    scroll?: TableProps<AnyObject>['scroll'];
+    scroll?: TableProps<AnyObject>["scroll"];
     onRefresh?: () => void;
     isCounter?: boolean;
     autoRefreshTime?: number;
-    createModalWidth?: React.CSSProperties['width'];
+    createModalWidth?: React.CSSProperties["width"];
     onCreateClose?: () => void;
 };
 export type antBaseColumnType = {
@@ -52,9 +52,9 @@ export type antBaseColumnType = {
     };
     formatProps?: {
         hidden?: boolean;
-        type: 'tag' | 'json_tags' | 'tagarr' | 'switch' | 'price' | 'length' | 'tel' | 'file' | 'files' | 'copy' | 'email' | 'image' | 'images' | 'addcount' | 'tostring' | 'jsonarr' | 'arr' | 'sleeptime' | 'sleeptimes' | 'compute' | 'answer' | 'number' | 'select' | 'DateTime' | 'imageCrop' | 'password' | 'code' | 'textEditer' | 'string' | 'custom' | 'remainingtime';
+        type: "tag" | "json_tags" | "tagarr" | "switch" | "price" | "length" | "tel" | "file" | "files" | "copy" | "email" | "image" | "images" | "addcount" | "tostring" | "jsonarr" | "arr" | "sleeptime" | "sleeptimes" | "compute" | "answer" | "number" | "select" | "DateTime" | "imageCrop" | "password" | "code" | "textEditer" | "string" | "custom" | "remainingtime";
         formatter?: {
-            text: 'default' | string | undefined | null;
+            text: "default" | string | undefined | null;
             asText: string;
             color: string;
         }[];
@@ -68,8 +68,8 @@ export type antBaseColumnType = {
             title: any;
             onChange: (data: any) => void;
         }) => any;
-        image_width?: React.CSSProperties['width'];
-        image_height?: React.CSSProperties['height'];
+        image_width?: React.CSSProperties["width"];
+        image_height?: React.CSSProperties["height"];
         imagesId?: string;
     };
     sort?: boolean;
@@ -80,7 +80,7 @@ export type antBaseColumnType = {
     countIndex?: string;
     tooltip?: any;
     placeholder?: any;
-    defaultValue?: any;
+    initialValues?: any;
     rules?: any[];
 };
 export type btnReturnTType<T> = {
@@ -105,8 +105,8 @@ export type customBtnReturnFType = {
     rightRender?: () => React.ReactNode;
 };
 export type selectType<T> = {
-    type: 'radio' | 'checkbox';
+    type: "radio" | "checkbox";
     onFun?: (key: T | React.Key[]) => void;
-    checkboxProps?: TableRowSelection<AnyObject>['getCheckboxProps'];
+    checkboxProps?: TableRowSelection<AnyObject>["getCheckboxProps"];
     onUpdateData?: (data?: T) => void;
 };

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

@@ -23,7 +23,6 @@ export type topMenuType = {
 };
 export declare const topbase: topType;
 export type topType = {
-    defalultTopKey?: string;
     title?: string;
     titleimage?: string;
     topMenuSetting: topMenuType[];

package/dist/esm/index.js

@@ -170,14 +170,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 = useNavigate();
     const userTop = () => {
         let topmenutable = [];
         if (user?.user_group?.group_key === "master" || setting.islogin === false) {
             topMenuSetting.forEach((m, index) => {
-                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
+                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
             });
         }
         else {
@@ -185,7 +185,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__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle, defalultTopKey: defalultTopKey }));
+                topmenutable.push(React__default.createElement(TopMenu, { key: index, topMenuSetting: m, menuStyle: menuStyle }));
             });
         }
         return topmenutable;
@@ -204,15 +204,9 @@ const Top = ({ setting, top: { title = topbase.title, titleimage, topMenuSetting
         React__default.createElement("div", { className: styles$8.top_menu }, userTop()),
         topRight ? (topRight) : !setting?.islogin ? null : setting?.logoutComponent ? (setting?.logoutComponent) : (React__default.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] = useState(false);
     const { topkey, setTopkey } = useTbState();
-    useEffect(() => {
-        if (defalultTopKey) {
-            console.log(defalultTopKey);
-            setTopkey(defalultTopKey);
-        }
-    }, [defalultTopKey]);
     return (React__default.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: () => {
@@ -23070,7 +23064,7 @@ const useFormColumns = ({ isModify, columns, onChange, }) => {
                 }
                 else if (i.formatProps.type === "code") {
                     ant_form.push(React__default.createElement(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__default.createElement(Input, { ...i.formatProps.itemProps, placeholder: i.placeholder, defaultValue: moment$1().format("X") })));
+                        React__default.createElement(Input, { ...i.formatProps.itemProps, placeholder: i.placeholder, initialValues: moment$1().format("X") })));
                 }
                 else if (i.formatProps.type === "switch") {
                     ant_form.push(React__default.createElement(Form.Item, { key: i.tableProps.dataIndex, name: i.tableProps.dataIndex, label: i.tableProps.title, tooltip: i.tooltip, rules: i.rules, hidden: i.formatProps.hidden },
@@ -23208,7 +23202,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) {
@@ -23223,17 +23217,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__default.createElement(Flex, { style: { padding: 2, alignItems: "center" }, gap: 3 },
         React__default.createElement(Image$1, { src: value ?? baseImage, width: 50, height: 50 }),
-        React__default.createElement(ImgCrop, { showGrid: true, modalWidth: 800, zoomSlider: true, quality: 1, modalClassName: "ImgCropModal", modalProps: { style: { height: 1000 } }, cropperProps: {
-                cropSize: { width: 500, height: 500 },
+        React__default.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,
             } },