@pnkx-lib/ui 1.9.359 → 1.9.360

package/es/ui/UploadComponent.js

@@ -21,6 +21,7 @@ const UploadComponent = ({
   description = "Ảnh có kích thước 400x400 px và dung lượng ảnh < 1 mb",
   customRequest,
   setImageUpload,
+  clickIconRemove,
   ...restProps
 }) => {
   const imageUrl = typeof field?.value === "string" ? field.value : field?.value instanceof File ? URL.createObjectURL(field.value) : null;
@@ -65,7 +66,10 @@ const UploadComponent = ({
                 "button",
                 {
                   type: "button",
-                  onClick: handleRemoveImage,
+                  onClick: () => {
+                    handleRemoveImage();
+                    clickIconRemove?.();
+                  },
                   className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-white cursor-pointer bg-opacity-80 rounded-full hover:bg-opacity-100 transition",
                   children: /* @__PURE__ */ jsx(RefIcon, { className: "text-black text-[12px]" })
                 }

package/es/ui/UploadMultiple.js

@@ -1,75 +1,19 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Spin, Upload, message } from 'antd';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { Spin, Upload } from 'antd';
 import { R as RefIcon } from '../chunks/InboxOutlined-DNCJCjk3.js';
 
 const { Dragger } = Upload;
 const UploadMultiple = ({
-  name,
-  control,
   title,
-  content
+  content,
+  isLoading,
+  ...props
 }) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const createUploadProps = (value, onChange) => ({
-    multiple: true,
-    listType: "picture",
-    showUploadList: true,
-    fileList: value,
-    customRequest: async ({ file, onSuccess, onError }) => {
-      const formData = new FormData();
-      formData.append("file", file);
-      formData.append("upload_preset", "ml_default");
-      setIsLoading(true);
-      try {
-        const res = await fetch(
-          "https://api.cloudinary.com/v1_1/dhtrzmzd3/image/upload",
-          {
-            method: "POST",
-            body: formData
-          }
-        );
-        const data = await res.json();
-        const newFile = {
-          uid: data.asset_id || Date.now().toString(),
-          name: data.original_filename,
-          url: data.secure_url
-        };
-        onChange([...value || [], newFile]);
-        onSuccess?.(data, new XMLHttpRequest());
-        message.success("Tải ảnh lên thành công.");
-      } catch (err) {
-        onError?.(err);
-        message.error("Tải ảnh lên thất bại.");
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    onPreview: (file) => {
-      window.open(file.url, "_blank");
-    },
-    onRemove: (file) => {
-      const newList = (value || []).filter((item) => item.uid !== file.uid);
-      onChange(newList);
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      render: ({ field }) => {
-        const { value, onChange } = field;
-        const props = createUploadProps(value || [], onChange);
-        return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
-        ] }) });
-      }
-    }
-  );
+  return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
+  ] }) });
 };
 
 export { UploadMultiple };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.359",
+  "version": "1.9.360",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/ui/UploadComponent.d.ts

@@ -12,6 +12,7 @@ interface UploadImageProps extends UploadProps {
     setImageUpload?: (value: string) => void;
     content?: string;
     description?: string;
+    clickIconRemove?: () => void;
 }
 export declare const UploadComponent: React.FC<UploadImageProps & {
     field: any;

package/types/components/ui/UploadMultiple.d.ts

@@ -4,5 +4,6 @@ export interface UploadMultipleProps {
     control: Control | any;
     title?: string;
     content?: string;
+    isLoading?: boolean;
 }
-export declare const UploadMultiple: ({ name, control, title, content, }: UploadMultipleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadMultiple: ({ title, content, isLoading, ...props }: UploadMultipleProps) => import("react/jsx-runtime").JSX.Element;