@pnkx-lib/ui 1.9.238 → 1.9.240

package/es/ui/UploadMultiple.js

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState } from 'react';
+import { Spin, Upload, message } from 'antd';
+import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
+
+// This icon file is generated automatically.
+var InboxOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M885.2 446.3l-.2-.8-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7-.2.8c-1.3 4.9-1.7 9.9-1 14.8-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0060.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7.4-4.9 0-9.6-1.3-14.1zm-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3H589.4zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8 33.7 0 65-9.4 90.3-27.2 22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4V480.1z" } }] }, "name": "inbox", "theme": "outlined" };
+
+var InboxOutlined = function InboxOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+    ref: ref,
+    icon: InboxOutlined$1
+  }));
+};
+
+/**![inbox](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg4NS4yIDQ0Ni4zbC0uMi0uOC0xMTIuMi0yODUuMWMtNS0xNi4xLTE5LjktMjcuMi0zNi44LTI3LjJIMjgxLjJjLTE3IDAtMzIuMSAxMS4zLTM2LjkgMjcuNkwxMzkuNCA0NDNsLS4zLjctLjIuOGMtMS4zIDQuOS0xLjcgOS45LTEgMTQuOC0uMSAxLjYtLjIgMy4yLS4yIDQuOFY4MzBhNjAuOSA2MC45IDAgMDA2MC44IDYwLjhoNjI3LjJjMzMuNSAwIDYwLjgtMjcuMyA2MC45LTYwLjhWNDY0LjFjMC0xLjMgMC0yLjYtLjEtMy43LjQtNC45IDAtOS42LTEuMy0xNC4xem0tMjk1LjgtNDNsLS4zIDE1LjdjLS44IDQ0LjktMzEuOCA3NS4xLTc3LjEgNzUuMS0yMi4xIDAtNDEuMS03LjEtNTQuOC0yMC42UzQzNiA0NDEuMiA0MzUuNiA0MTlsLS4zLTE1LjdIMjI5LjVMMzA5IDIxMGgzOTkuMmw4MS43IDE5My4zSDU4OS40em0tMzc1IDc2LjhoMTU3LjNjMjQuMyA1Ny4xIDc2IDkwLjggMTQwLjQgOTAuOCAzMy43IDAgNjUtOS40IDkwLjMtMjcuMiAyMi4yLTE1LjYgMzkuNS0zNy40IDUwLjctNjMuNmgxNTYuNVY4MTRIMjE0LjRWNDgwLjF6IiAvPjwvc3ZnPg==) */
+var RefIcon = /*#__PURE__*/React.forwardRef(InboxOutlined);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon.displayName = 'InboxOutlined';
+}
+
+const { Dragger } = Upload;
+const UploadMultiple = ({
+  name,
+  control,
+  title,
+  content
+}) => {
+  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 })
+        ] }) });
+      }
+    }
+  );
+};
+
+export { UploadMultiple };

package/es/ui/index.js

@@ -68,6 +68,7 @@ export { Card } from './Card.js';
 export { ConfigProvider } from './ConfigProvider.js';
 export { PageNotFound } from './PageNotFound.js';
 export { UploadImage } from './UploadImage.js';
+export { UploadMultiple } from './UploadMultiple.js';
 export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 
 const SettingColumnItem = ({ lable, name, control }) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.238",
+  "version": "1.9.240",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -117,13 +117,13 @@
     ]
   },
   "peerDependencies": {
+    "@pnkx-lib/core": "^1.1.77",
     "@tailwindcss/vite": "^4.0.17",
     "antd": "^5.24.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router": "^7.6.0",
-    "tailwindcss": "^4.0.17",
-    "@pnkx-lib/core": "^1.1.71"
+    "tailwindcss": "^4.0.17"
   },
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
@@ -135,7 +135,7 @@
     "@headlessui/react": "^2.2.2",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.0.1",
-    "@pnkx-lib/icon": "^0.0.35",
+    "@pnkx-lib/icon": "^0.0.39",
     "@tailwindcss/cli": "^4.1.6",
     "@tanstack/react-query": "^5.80.7",
     "@tinymce/miniature": "^6.0.0",

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

@@ -16,7 +16,7 @@ export interface SidebarProps {
     userInfo?: {
         avatar: string;
         name: string;
-        email: string;
+        email?: string;
     };
 }
 export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Control } from 'react-hook-form';
+export interface UploadMultipleProps {
+    name: string;
+    control: Control | any;
+    title?: string;
+    content?: string;
+}
+export declare const UploadMultiple: ({ name, control, title, content, }: UploadMultipleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -58,3 +58,4 @@ export * from './Card';
 export * from './ConfigProvider';
 export * from './PageNotFound';
 export * from './UploadImage';
+export * from './UploadMultiple';

package/types/ui/UploadMultiple.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/ui/UploadMultiple'
+export {}