plugin-ui-for-kzt 0.0.4 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plugin-ui-for-kzt",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "plugin-ui for kazaktelekom",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/Modal/Modal.vue

@@ -54,8 +54,8 @@ const getTypeModal = computed<{ img: any; nameClass: string }>(() => {
       return { img: SuccessIcon, nameClass: "success" };
     case "warning":
       return { img: WarningIcon, nameClass: "warning" };
-    case "info":
-      return { img: InfoIcon, nameClass: "info" };
+    case "infoModal":
+      return { img: InfoIcon, nameClass: "infoModal" };
     default:
       return {
         img: SuccessIcon,
@@ -139,7 +139,7 @@ const getTypeModal = computed<{ img: any; nameClass: string }>(() => {
   background: #15b853;
 }
 
-.info {
+.infoModal {
   background: #f4a900;
 }
 

package/src/plugins/modalPlugin.ts

@@ -2,7 +2,7 @@ import {createApp, h, getCurrentInstance} from "vue";
 import {useModalStore} from "../store/modal";
 import Modal from "../components/Modal/Modal.vue";
 import {watch} from "vue";
-import {IModalState} from "types";
+import {IModalState, IModalType} from "types";
 
 export default {
     install(app: any) {
@@ -10,7 +10,7 @@ export default {
 
         // Добавление глобального метода $modal
         app.config.globalProperties.$modal = {
-            open(name: string, options: IModalState) {
+            open(name: IModalType, options: IModalState) {
                 modalStore.openModal(name, options); // Открытие модалки через Pinia
                 console.log("Current modals:", modalStore.modals);
             },
@@ -43,7 +43,7 @@ export default {
                     modalContainer.addEventListener("click", () => {
                         console.log("this click on background");
                         modalStore.closeModal(modal.id);
-                        if (modalStore.modals.length === 1) modalContainer.classList.remove("modal")
+                        if (modalStore.modals.length === 0) modalContainer.classList.remove("modal")
                     });
 
                     const modalApp = createApp({
@@ -75,7 +75,7 @@ export function useModal() {
 declare module "@vue/runtime-core" {
     interface ComponentCustomProperties {
         $modal: {
-            open: (name: string, options?: Record<string, any>) => void;
+            open: (name: IModalType, options?: IModalState) => void;
             close: (id: number) => void;
         };
     }

package/src/types/index.ts

@@ -1,4 +1,7 @@
 export interface IModalState{
     title: string;
     message: string;
-}
+}
+
+export type IModalType=  string | 'success' | 'error' | 'infoModal' | 'warning';
+