sti-antd-package 0.0.32 → 0.0.33

package/dist/components/Upload/Dragger/types.d.ts

@@ -1,8 +1,10 @@
 import { formColLayout } from "../../../constants";
 import { ValidateStatus } from "antd/es/form/FormItem";
 import { RcFile } from "antd/es/upload";
-import { UploadListType } from "antd/es/upload/interface";
+import { UploadChangeParam, UploadFile, UploadListType } from "antd/es/upload/interface";
 import { Rule, RuleObject } from "rc-field-form/lib/interface";
+import { UploadRequestOption } from "rc-upload/lib/interface";
+type BeforeUploadValueType = void | boolean | string | Blob | File;
 export interface UploadDraggerComponentProps {
     noItem?: boolean;
     multiple?: boolean;
@@ -12,6 +14,12 @@ export interface UploadDraggerComponentProps {
     rootClassNames?: string[];
     classNames?: string[];
     action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
+    withCredentials?: boolean;
+    beforeUpload?: ((file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>);
+    customRequest?: (options: UploadRequestOption<any>) => void;
+    onChange?: (info: UploadChangeParam<UploadFile<any>>) => void;
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    defaultFileList?: UploadFile<any>[];
     formColLayout?: typeof formColLayout;
     name?: string;
     label?: React.ReactNode;
@@ -22,3 +30,4 @@ export interface UploadDraggerComponentProps {
     validateStatus?: ValidateStatus;
     help?: React.ReactNode;
 }
+export {};

package/dist/index.d.ts

@@ -30,7 +30,8 @@ import { TableProps } from 'rc-table';
 import { GetRowKey, ExpandableConfig } from 'rc-table/lib/interface';
 import { TabsType, TabsPosition, TabsProps } from 'antd/es/tabs';
 import { RcFile } from 'antd/es/upload';
-import { UploadListType } from 'antd/es/upload/interface';
+import { UploadListType, UploadChangeParam, UploadFile } from 'antd/es/upload/interface';
+import { UploadRequestOption } from 'rc-upload/lib/interface';
 import { MessageInstance } from 'antd/es/message/interface';
 import { HookAPI } from 'antd/es/modal/useModal';
 import { NotificationInstance } from 'antd/es/notification/interface';
@@ -1100,6 +1101,7 @@ interface TextAreaComponentProps {
 
 declare const _default: React$1.NamedExoticComponent<TextAreaComponentProps>;
 
+type BeforeUploadValueType = void | boolean | string | Blob | File;
 interface UploadDraggerComponentProps {
     noItem?: boolean;
     multiple?: boolean;
@@ -1109,6 +1111,12 @@ interface UploadDraggerComponentProps {
     rootClassNames?: string[];
     classNames?: string[];
     action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
+    withCredentials?: boolean;
+    beforeUpload?: ((file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>);
+    customRequest?: (options: UploadRequestOption<any>) => void;
+    onChange?: (info: UploadChangeParam<UploadFile<any>>) => void;
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    defaultFileList?: UploadFile<any>[];
     formColLayout?: typeof _default$i;
     name?: string;
     label?: React.ReactNode;

package/dist/index.esm.js

@@ -23510,28 +23510,13 @@ const normFile = (event) => {
         return event;
     return event && event['fileList'];
 };
-const UploadDraggerComponent = ({ noItem, readonly, multiple, disabled, listType, rootClassNames, classNames, action, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const UploadDraggerComponent = ({ noItem, readonly, multiple, disabled, listType, rootClassNames, classNames, action, withCredentials, beforeUpload, customRequest, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const rootClassDragger = [];
     rootClassNames && rootClassDragger.push(...rootClassNames);
     const classDragger = [];
     classNames && classDragger.push(...classNames);
     readonly && classDragger.push(styleDragger['readonly']);
-    const onChange = (info) => {
-        const { status } = info.file;
-        if (status !== 'uploading') {
-            console.log(info.file, info.fileList);
-        }
-        if (status === 'done') {
-            message.success(`${info.file.name} file uploaded successfully.`);
-        }
-        else if (status === 'error') {
-            message.error(`${info.file.name} file upload failed.`);
-        }
-    };
-    const onDrop = (e) => {
-        console.log('Dropped files', e.dataTransfer.files);
-    };
-    const dragger = (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), action: action, onChange: onChange, onDrop: onDrop, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] }));
+    const dragger = (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: onChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] }));
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "fileList", getValueFromEvent: normFile, validateStatus: validateStatus, help: help, children: dragger })))
             : dragger }));
 };

package/dist/index.js

@@ -23529,28 +23529,13 @@ const normFile = (event) => {
         return event;
     return event && event['fileList'];
 };
-const UploadDraggerComponent = ({ noItem, readonly, multiple, disabled, listType, rootClassNames, classNames, action, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const UploadDraggerComponent = ({ noItem, readonly, multiple, disabled, listType, rootClassNames, classNames, action, withCredentials, beforeUpload, customRequest, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const rootClassDragger = [];
     rootClassNames && rootClassDragger.push(...rootClassNames);
     const classDragger = [];
     classNames && classDragger.push(...classNames);
     readonly && classDragger.push(styleDragger['readonly']);
-    const onChange = (info) => {
-        const { status } = info.file;
-        if (status !== 'uploading') {
-            console.log(info.file, info.fileList);
-        }
-        if (status === 'done') {
-            antd.message.success(`${info.file.name} file uploaded successfully.`);
-        }
-        else if (status === 'error') {
-            antd.message.error(`${info.file.name} file upload failed.`);
-        }
-    };
-    const onDrop = (e) => {
-        console.log('Dropped files', e.dataTransfer.files);
-    };
-    const dragger = (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), action: action, onChange: onChange, onDrop: onDrop, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] }));
+    const dragger = (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: onChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] }));
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "fileList", getValueFromEvent: normFile, validateStatus: validateStatus, help: help, children: dragger })))
             : dragger }));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",