adata-ui 3.1.45 → 3.1.46

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "failOnWarn": false,
-  "version": "3.1.45",
+  "version": "3.1.46",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/module.mjs

@@ -23,6 +23,14 @@ const module = defineNuxtModule({
         localize: _options.localize
       }
     );
+    _nuxt.options.nitro = defu(_nuxt.options.nitro || {}, { publicAssets: [] });
+    _nuxt.options.nitro.publicAssets.push({
+      dir: resolver.resolve("./runtime/public"),
+      baseURL: "/adata-ui",
+      // чтобы не конфликтовать с корневым /public
+      maxAge: 60 * 60 * 24 * 365
+      // кэш 1 год (можно убрать/уменьшить)
+    });
     if (_nuxt.options.builder === "@nuxt/vite-builder") {
       const plugin = await import('@tailwindcss/vite').then((r) => r.default);
       addVitePlugin(plugin());

package/dist/runtime/components/Error.vue

@@ -0,0 +1,162 @@
+<script setup>
+import { useLocalePath, useI18n, navigateTo, computed } from "#imports";
+import ErrorTemplate from "./error-template/index.vue";
+const props = defineProps({
+  error: Object
+});
+const { t } = useI18n();
+const localePath = useLocalePath();
+const errorData = computed(() => {
+  const statusCode = props.error?.statusCode;
+  switch (statusCode) {
+    case 504: {
+      return {
+        icon: "/adata-ui/504.webp",
+        statusCode,
+        title: t("errorPage.504.title"),
+        content: {
+          subTitle: t("errorPage.504.subTitle")
+        }
+      };
+    }
+    case 401:
+      return {
+        icon: "/adata-ui/401.webp",
+        statusCode,
+        title: t("errorPage.401.title"),
+        content: {
+          subTitle: t("errorPage.401.subTitle")
+        }
+      };
+    case 404:
+      return {
+        icon: "/adata-ui/404.webp",
+        statusCode,
+        title: t("errorPage.404.title"),
+        content: {
+          subTitle: t("errorPage.404.subTitle"),
+          subTitleSecond: t("errorPage.404.subTitleSecond")
+        }
+      };
+    case 403:
+      return {
+        icon: "/adata-ui/403.webp",
+        statusCode,
+        title: t("errorPage.403.title"),
+        content: {
+          subTitle: t("errorPage.403.subTitle"),
+          subTitleSecond: t("errorPage.403.subTitleSecond")
+        }
+      };
+    case 503:
+      return {
+        icon: "/adata-ui/503.webp",
+        statusCode,
+        title: t("errorPage.503.title"),
+        content: {
+          subTitle: t("errorPage.503.subTitle")
+        }
+      };
+    case 502:
+      return {
+        icon: "/adata-ui/502.webp",
+        statusCode,
+        title: t("errorPage.502.title"),
+        content: {
+          title: "\u0412\u0430\u0440\u0438\u0430\u043D\u0442\u044B \u0440\u0435\u0448\u0435\u043D\u0438\u044F \u043F\u0440\u043E\u0431\u043B\u0435\u043C\u044B:",
+          list: [
+            {
+              id: 1,
+              label: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443",
+              link: false
+            },
+            {
+              id: 1,
+              label: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u0435 \u043A\u044D\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430",
+              link: false
+            },
+            {
+              id: 1,
+              label: "\u0421\u0432\u044F\u0436\u0438\u0442\u0435\u0441\u044C \u0441 \u0442\u0435\u0445\u043D\u0438\u0447\u0435\u0441\u043A\u043E\u0439 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439",
+              link: true
+            }
+          ]
+        }
+      };
+    case 500:
+      return {
+        icon: "/adata-ui/500.webp",
+        statusCode,
+        title: t("errorPage.500.title"),
+        content: {
+          subTitle: t("errorPage.500.subTitle")
+        }
+      };
+  }
+});
+function handleError() {
+  navigateTo(`${localePath("/")}`, { external: true });
+}
+</script>
+
+<template>
+  <div class="container mx-auto lg:fixed lg:left-[50%] lg:top-[50%] lg:-translate-x-[50%] lg:-translate-y-[50%]">
+    <error-template :error="errorData">
+      <template #content>
+        <div class="body-500 mt-4 flex flex-col gap-4">
+          <div
+            v-if="errorData?.content"
+            class="flex flex-col gap-4 lg:gap-2"
+          >
+            <p
+              v-if="errorData.content?.title"
+              class="text-base font-bold"
+            >
+              {{ errorData.content.title }}
+            </p>
+            <p
+              v-if="errorData.content?.subTitle"
+              class="text-sm	font-medium lg:max-w-[560px]"
+            >
+              {{ errorData.content.subTitle }}
+            </p>
+            <p
+              v-if="errorData.content?.subTitleSecond"
+              class="text-sm	font-medium"
+            >
+              {{
+                errorData.content.subTitleSecond
+              }}
+            </p>
+            <div
+              v-for="item in errorData.content?.list"
+              :key="item.id"
+              class="flex items-center gap-1 text-sm	font-medium"
+            >
+              <i-check-circle class="stroke-blue-600" />
+              {{ item.label }}
+              <span
+                v-if="item.link"
+                class="text-blue-700"
+              >info@adata.kz</span>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template #default>
+        <div class="mt-0 w-full p-4 lg:mt-8 lg:w-fit lg:p-0">
+          <adt-button
+            v-if="errorData.statusCode !== 502"
+            class="w-full lg:w-fit"
+            @click="handleError"
+          >
+            {{t("modals.buttons.goToMainPage")}}
+          </adt-button>
+        </div>
+      </template>
+    </error-template>
+    <span class="hidden">
+      {{ error }}
+    </span>
+  </div>
+</template>

package/dist/runtime/components/Error.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    error: () => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    error: () => any;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/error-template/index.vue

@@ -0,0 +1,40 @@
+<script setup>
+defineProps({
+  error: { type: Object, required: true }
+});
+</script>
+
+<template>
+  <div class="flex items-center justify-center gap-14">
+    <slot name="icon">
+      <div class="hidden lg:block max-w-[600px]">
+        <img
+          :src="error.icon"
+          class="hidden lg:block"
+          alt="error-icon"
+        >
+      </div>
+    </slot>
+    <div class="flex min-h-screen flex-col lg:min-h-0">
+      <div class="flex-1 px-4 py-8 lg:p-0">
+        <slot name="status">
+          <p class="mb-6 text-4xl font-bold">
+            {{ error.statusCode }}
+          </p>
+        </slot>
+        <slot name="title">
+          <h2 class="lg:heading-03 text-2xl font-bold ">
+            {{ error.title }}
+          </h2>
+        </slot>
+        <slot
+          name="content"
+          :data="error"
+        />
+      </div>
+      <div class="sticky bottom-0 z-[10000] lg:static lg:flex">
+        <slot name="default" />
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/error-template/index.vue.d.ts

@@ -0,0 +1,26 @@
+import type { ErrorTemplateData } from './types.js';
+interface Props {
+    error: ErrorTemplateData;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {
+    data: any;
+}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    status?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_5) => any;
+} & {
+    content?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/error-template/types.d.ts

@@ -0,0 +1,19 @@
+export interface List {
+    id: number;
+    label: string;
+    link: boolean;
+}
+export interface Content {
+    title: string;
+    subTitle: string;
+    subTitleSecond?: string;
+    list: List[];
+}
+export interface ErrorTemplateData {
+    icon: string;
+    statusCode: number;
+    title: string;
+    subTitle: string | string[];
+    subTitleSecond: string | string[];
+    content?: Content;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "3.1.45",
+  "version": "3.1.46",
   "description": "Adata UI",
   "repository": "your-org/my-module",
   "license": "MIT",