@goplusvn/core 0.1.86 → 0.1.87

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@goplusvn/core",
   "description": "GoPlusVN Platform Kit - ERP kernel: layout, RBAC, CRUD, multi-tenant, system pages",
-  "version": "0.1.86",
+  "version": "0.1.87",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/src/import/import-dialog.tsx

@@ -94,12 +94,22 @@ export interface ImportDialogProps {
   apiUrl: string;
   /**
    * Nguồn file mẫu — chọn MỘT:
-   *  - `templateApiUrl`: GET mẫu do server dựng (nhiều sheet, chứng từ), hoặc
-   *  - `config`: dựng mẫu ngay ở client từ EntityConfig.
-   * Có `config` thì dialog còn kiểm tra file TRƯỚC khi gửi và gửi kèm `format`.
+   *  - `templateApiUrl`: GET mẫu do server dựng (nhiều sheet, chứng từ),
+   *  - `config`: dựng mẫu ngay ở client từ EntityConfig, hoặc
+   *  - `onDownloadTemplate`: app tự dựng (mẫu phụ thuộc cấu hình đang chạy —
+   *    danh sách ca, danh sách món… — nên không khai trước bằng config được,
+   *    mà app lại không tự resolve được `xlsx`; core có).
    */
   templateApiUrl?: string;
   config?: EntityConfig;
+  onDownloadTemplate?: () => void | Promise<void>;
+  /**
+   * Nội dung riêng của app chèn NGAY DƯỚI khối kết quả — chỗ đặt nút "Tải file
+   * lỗi". Nhận nguyên văn thân JSON server trả, vì mỗi nghiệp vụ đính kèm một
+   * kiểu chi tiết khác nhau (dòng xem trước, lý do từng dòng…) mà dialog không
+   * nên biết.
+   */
+  renderResultExtra?: (raw: unknown) => ReactNode;
   /** Không có quyền nhập thì không render gì. */
   canImport?: boolean;
   onSuccess?: () => void;
@@ -132,6 +142,8 @@ export function ImportDialog({
   apiUrl,
   templateApiUrl,
   config,
+  onDownloadTemplate,
+  renderResultExtra,
   canImport = true,
   onSuccess,
   tasksPath,
@@ -140,6 +152,7 @@ export function ImportDialog({
   const [file, setFile] = useState<File | null>(null);
   const [loading, setLoading] = useState(false);
   const [result, setResult] = useState<NormalizedResult | null>(null);
+  const [rawResult, setRawResult] = useState<unknown>(null);
   const [format, setFormat] = useState<ImportOptions["format"]>("xlsx");
   const successTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
@@ -164,6 +177,7 @@ export function ImportDialog({
     (selectedFile: File) => {
       setFile(selectedFile);
       setResult(null);
+      setRawResult(null);
       if (configMode) {
         const extension = selectedFile.name.split(".").pop()?.toLowerCase();
         if (extension === "json") setFormat("json");
@@ -177,6 +191,7 @@ export function ImportDialog({
   const clearSelectedFile = () => {
     setFile(null);
     setResult(null);
+    setRawResult(null);
   };
 
   const onDrop = useCallback(
@@ -216,6 +231,10 @@ export function ImportDialog({
 
   const handleDownloadTemplate = async () => {
     try {
+      if (onDownloadTemplate) {
+        await onDownloadTemplate();
+        return;
+      }
       if (config) {
         const blob = await generateXLSXTemplate(config);
         triggerBlobDownload(blob, `${config.name}_template.xlsx`);
@@ -242,6 +261,7 @@ export function ImportDialog({
 
     setLoading(true);
     setResult(null);
+    setRawResult(null);
 
     try {
       // Chế độ config kiểm tra ở client trước, để người dùng thấy lỗi cột mà
@@ -297,6 +317,7 @@ export function ImportDialog({
         setOpen(false);
         setFile(null);
         setResult(null);
+        setRawResult(null);
         setLoading(false);
         return;
       }
@@ -307,6 +328,7 @@ export function ImportDialog({
 
       const normalized = normalizeImportResult(raw);
       setResult(normalized);
+      setRawResult(raw);
 
       if (normalized.success && normalized.importedCount > 0) {
         if (successTimeoutRef.current) clearTimeout(successTimeoutRef.current);
@@ -314,6 +336,7 @@ export function ImportDialog({
           setOpen(false);
           setFile(null);
           setResult(null);
+          setRawResult(null);
           onSuccess?.();
           successTimeoutRef.current = null;
         }, 2000);
@@ -353,6 +376,7 @@ export function ImportDialog({
     if (!open) {
       setFile(null);
       setResult(null);
+      setRawResult(null);
     }
   }, [open]);
 
@@ -554,13 +578,23 @@ export function ImportDialog({
               </AlertDescription>
             </Alert>
           )}
+
+          {result && renderResultExtra?.(rawResult)}
         </div>
 
         <DialogFooter className="flex flex-row sm:justify-end gap-2 space-x-0 pt-2">
-          <Button variant="outline" className="flex-1 sm:flex-none" onClick={() => setOpen(false)}>
+          <Button
+            variant="outline"
+            className="flex-1 sm:flex-none"
+            onClick={() => setOpen(false)}
+          >
             Đóng
           </Button>
-          <Button className="flex-1 sm:flex-none" onClick={handleImport} disabled={!file || loading}>
+          <Button
+            className="flex-1 sm:flex-none"
+            onClick={handleImport}
+            disabled={!file || loading}
+          >
             {loading ? "Đang import..." : "Import"}
           </Button>
         </DialogFooter>