@thefreshop/tb 1.0.24 → 1.0.26

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/esm/index.js

@@ -554,7 +554,7 @@ const TbFrame = ({ setting, top, bottom, nav, top_banner, hashmode = false, }) =
                 },
             ]);
         }
-    }, [hashmode, user]);
+    }, [hashmode, user, top, nav, setting, top_banner, bottom]);
     return React__default.createElement(RouterProvider, { router: router });
 };
 const MainLayout = ({ errMsg, setting, top_banner, nav, user, top, bottom, }) => {
@@ -23064,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 },
@@ -23202,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) {
@@ -23217,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,
             } },