@svadmin/ui 0.33.0 → 0.34.0

package/dist/components/TaskStatusBadge.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+  import { t } from '@svadmin/core/i18n';
+  import { Clock3, Loader2, CheckCircle2, AlertTriangle, CircleDashed } from '@lucide/svelte';
+  import { Badge } from './ui/badge/index.js';
+
+  let {
+    status = 'pending',
+    showIcon = true,
+    class: className = '',
+  } = $props<{
+    status?: string;
+    showIcon?: boolean;
+    class?: string;
+  }>();
+
+  const normalizedStatus = $derived(String(status || 'pending').toLowerCase());
+
+  function translateStatus(value: string) {
+    const key = `task.status.${value}`;
+    const translated = t(key);
+    if (translated !== key) return translated;
+    return value.charAt(0).toUpperCase() + value.slice(1);
+  }
+
+  const config = $derived.by(() => {
+    switch (normalizedStatus) {
+      case 'running':
+      case 'processing':
+        return {
+          label: translateStatus(normalizedStatus),
+          variant: 'default' as const,
+          icon: Loader2,
+          iconClass: 'animate-spin',
+        };
+      case 'completed':
+      case 'success':
+      case 'done':
+        return {
+          label: translateStatus(normalizedStatus),
+          variant: 'secondary' as const,
+          icon: CheckCircle2,
+          iconClass: 'text-green-600 dark:text-green-400',
+        };
+      case 'failed':
+      case 'error':
+        return {
+          label: translateStatus(normalizedStatus),
+          variant: 'destructive' as const,
+          icon: AlertTriangle,
+          iconClass: '',
+        };
+      case 'queued':
+        return {
+          label: t('task.status.queued'),
+          variant: 'outline' as const,
+          icon: CircleDashed,
+          iconClass: '',
+        };
+      case 'pending':
+      default:
+        return {
+          label: translateStatus(normalizedStatus),
+          variant: 'outline' as const,
+          icon: Clock3,
+          iconClass: '',
+        };
+    }
+  });
+
+  const Icon = $derived(config.icon);
+</script>
+
+<Badge variant={config.variant} class={`gap-1.5 ${className}`.trim()}>
+  {#if showIcon}
+    <Icon class={`h-3.5 w-3.5 ${config.iconClass}`.trim()} />
+  {/if}
+  <span>{config.label}</span>
+</Badge>

package/dist/components/TaskStatusBadge.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    status?: string;
+    showIcon?: boolean;
+    class?: string;
+};
+declare const TaskStatusBadge: import("svelte").Component<$$ComponentProps, {}, "">;
+type TaskStatusBadge = ReturnType<typeof TaskStatusBadge>;
+export default TaskStatusBadge;

package/dist/index.d.ts

@@ -66,7 +66,12 @@ export { default as AuditLogViewer } from "./components/AuditLogViewer.svelte";
 export { default as TenantSwitcher } from "./components/TenantSwitcher.svelte";
 export type { Tenant } from "./types.js";
 export { default as TaskQueueDrawer } from "./components/TaskQueueDrawer.svelte";
-export type { BackgroundTask, TaskStatus } from "./types.js";
+export { default as TaskStatusBadge } from "./components/TaskStatusBadge.svelte";
+export { default as TaskProgressBar } from "./components/TaskProgressBar.svelte";
+export { default as TaskList } from "./components/TaskList.svelte";
+export { default as TaskDetails } from "./components/TaskDetails.svelte";
+export { default as RetryTaskButton } from "./components/RetryTaskButton.svelte";
+export { default as CancelTaskButton } from "./components/CancelTaskButton.svelte";
 export { default as DraggableGrid } from "./components/DraggableGrid.svelte";
 export type { GridModule } from "./types.js";
 export { BarChart, LineChart, PieChart } from './components/charts/index.js';

package/dist/index.js

@@ -69,6 +69,12 @@ export { default as RolesSettings } from "./components/RolesSettings.svelte";
 export { default as AuditLogViewer } from "./components/AuditLogViewer.svelte";
 export { default as TenantSwitcher } from "./components/TenantSwitcher.svelte";
 export { default as TaskQueueDrawer } from "./components/TaskQueueDrawer.svelte";
+export { default as TaskStatusBadge } from "./components/TaskStatusBadge.svelte";
+export { default as TaskProgressBar } from "./components/TaskProgressBar.svelte";
+export { default as TaskList } from "./components/TaskList.svelte";
+export { default as TaskDetails } from "./components/TaskDetails.svelte";
+export { default as RetryTaskButton } from "./components/RetryTaskButton.svelte";
+export { default as CancelTaskButton } from "./components/CancelTaskButton.svelte";
 export { default as DraggableGrid } from "./components/DraggableGrid.svelte";
 // Dashboard Charts (zero-dependency SVG)
 export { BarChart, LineChart, PieChart } from './components/charts/index.js';

package/dist/types.d.ts

@@ -20,17 +20,6 @@ export interface Tenant {
     logo?: string;
     [key: string]: unknown;
 }
-export type TaskStatus = 'pending' | 'running' | 'completed' | 'failed';
-export interface BackgroundTask {
-    id: string;
-    title: string;
-    status: TaskStatus;
-    progress?: number;
-    message?: string;
-    createdAt: string | Date;
-    downloadUrl?: string;
-    [key: string]: unknown;
-}
 export interface GridModule {
     id: string;
     w: number;

package/package.json

@@ -1,33 +1,32 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
-    "./src/app.css"
+    "./dist/app.css"
   ],
   "files": [
-    "dist",
-    "src/app.css"
+    "dist"
   ],
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "svelte": "./src/index.ts",
+      "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
     "./app.css": {
-      "svelte": "./src/app.css",
-      "import": "./src/app.css",
-      "style": "./src/app.css",
-      "default": "./src/app.css"
+      "svelte": "./dist/app.css",
+      "import": "./dist/app.css",
+      "style": "./dist/app.css",
+      "default": "./dist/app.css"
     },
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.24.0",
+    "@svadmin/core": "^0.25.0",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",
@@ -83,9 +82,16 @@
     "url": "https://github.com/zuohuadong/svadmin/issues"
   },
   "devDependencies": {
-    "@tanstack/table-core": "^9.0.0-alpha.32"
+    "@happy-dom/global-registrator": "^20.9.0",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/svelte": "^5.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "happy-dom": "^20.9.0",
+    "vitest": "^4.1.4"
   },
   "scripts": {
-    "build": "svelte-package -i src -o dist"
+    "build": "svelte-package -i src -o dist",
+    "test": "vitest run --config ./vitest.config.ts"
   }
 }