@luizleon/sf.prefeiturasp.vuecomponents 0.0.16 → 0.0.18

package/dist/services/dialogService.d.ts

@@ -4,9 +4,15 @@ interface ConfirmOptions {
     confirmLabel?: string;
     rejectLabel?: string;
 }
+interface AlertOptions {
+    text: string | string[];
+    title?: string;
+    icon?: "info" | "error" | "success" | "warning" | "question";
+}
 declare class DialogService {
     get IsVisible(): boolean;
     ConfirmAsync(options: ConfirmOptions): Promise<boolean>;
+    AlertAsync(options: AlertOptions): Promise<boolean>;
 }
 export declare const UseDialogService: () => DialogService;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luizleon/sf.prefeiturasp.vuecomponents",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Pacote de componentes Vue para projetos em SF.",
   "main": "dist/lib.umd.js",
   "module": "dist/lib.es.js",

package/src/components/button/Button.vue

@@ -43,7 +43,7 @@ function CssClass() {
   >
     <Icon
       v-if="!!props.icon"
-      :icon="props.icon"
+      :icone="props.icon"
       :loading="props.loading"
       :size="props.size"
       :button-props="{ tabindex: -1 }"

package/src/services/dialogService.ts

@@ -1,5 +1,4 @@
-// @ts-ignore
-import Swal from "sweetalert2/dist/sweetalert2.js";
+import Swal from "sweetalert2";
 
 interface ConfirmOptions {
   message: string;
@@ -8,10 +7,17 @@ interface ConfirmOptions {
   rejectLabel?: string;
 }
 
+interface AlertOptions {
+  text: string | string[];
+  title?: string;
+  icon?: "info" | "error" | "success" | "warning" | "question";
+}
+
 class DialogService {
   get IsVisible(): boolean {
     return Swal.isVisible();
   }
+
   async ConfirmAsync(options: ConfirmOptions): Promise<boolean> {
     return new Promise((r) => {
       Swal.fire({
@@ -28,6 +34,29 @@ class DialogService {
       });
     });
   }
+
+  async AlertAsync(options: AlertOptions): Promise<boolean> {
+    const icon = options.icon ?? "info";
+    let text: string;
+    let html: string;
+    if (Array.isArray(options.text)) {
+      html = `<div style="max-height: 50vh; overflow: auto">
+      ${options.text.join("<br />")}
+      </div>`;
+    } else {
+      text = options.text;
+    }
+    return new Promise((r) => {
+      Swal.fire({
+        allowEscapeKey: false,
+        allowOutsideClick: false,
+        icon,
+        title: options.title,
+        text: text,
+        html,
+      }).then(() => r(true));
+    });
+  }
 }
 
 const service = new DialogService();