adata-ui 2.1.40-beta.2 → 2.1.40-beta.20

package/-error.vue

@@ -1,170 +1,170 @@
-<script setup lang="ts">
-import type { NuxtError } from '#app'
-import ErrorTemplate from '#adata-ui/components/elements/error-template/index.vue'
-import type { ErrorTemplateData } from '#adata-ui/components/elements/error-template/types'
-
-const props = defineProps({
-  error: Object as () => NuxtError,
-})
-const { t } = useI18n()
-const localePath = useLocalePath()
-
-const errorData = computed<ErrorTemplateData>(() => {
-  const statusCode = props.error?.statusCode
-  switch (statusCode) {
-    case 504: {
-      return {
-        icon: '/error-illustrations/504.webp',
-        statusCode,
-        title: t('errorPage.504.title'),
-        content: {
-          subTitle: t('errorPage.504.subTitle'),
-        },
-      }
-    }
-    case 401:
-      return {
-        icon: '/error-illustrations/401.webp',
-        statusCode,
-        title: t('errorPage.401.title'),
-        content: {
-          subTitle: t('errorPage.401.subTitle'),
-        },
-      }
-    case 404:
-      return {
-        icon: '/error-illustrations/404.webp',
-        statusCode,
-        title: t('errorPage.404.title'),
-        content: {
-          subTitle: t('errorPage.404.subTitle'),
-          subTitleSecond: t('errorPage.404.subTitleSecond'),
-        },
-      }
-    case 403:
-      return {
-        icon: '/error-illustrations/403.webp',
-        statusCode,
-        title: t('errorPage.403.title'),
-        content: {
-          subTitle: t('errorPage.403.subTitle'),
-          subTitleSecond: t('errorPage.403.subTitleSecond'),
-        },
-      }
-    case 503:
-      return {
-        icon: '/error-illustrations/503.webp',
-        statusCode,
-        title: t('errorPage.503.title'),
-        content: {
-          subTitle: t('errorPage.503.subTitle'),
-        },
-      }
-    case 502:
-      return {
-        icon: '/error-illustrations/502.webp',
-        statusCode,
-        title: t('errorPage.502.title'),
-        content: {
-          title: 'Варианты решения проблемы:',
-          list: [
-            {
-              id: 1,
-              label: 'Обновите страницу',
-              link: false,
-            },
-            {
-              id: 1,
-              label: 'Очистите кэш браузера',
-              link: false,
-            },
-            {
-              id: 1,
-              label: 'Свяжитесь с технической поддержкой',
-              link: true,
-            },
-          ],
-        },
-      }
-    case 500:
-      return {
-        icon: '/error-illustrations/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"
-            >
-              <a-icon-check 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">
-          <a-button
-            v-if="errorData.statusCode !== 502"
-            class="w-full lg:w-fit"
-            @click="handleError"
-          >
-            {{t('modals.buttons.goToMainPage')}}
-          </a-button>
-        </div>
-      </template>
-    </error-template>
-    <span class="hidden">
-      {{ error }}
-    </span>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import type { NuxtError } from '#app'
+import ErrorTemplate from '#adata-ui/components/elements/error-template/index.vue'
+import type { ErrorTemplateData } from '#adata-ui/components/elements/error-template/types'
+
+const props = defineProps({
+  error: Object as () => NuxtError,
+})
+const { t } = useI18n()
+const localePath = useLocalePath()
+
+const errorData = computed<ErrorTemplateData>(() => {
+  const statusCode = props.error?.statusCode
+  switch (statusCode) {
+    case 504: {
+      return {
+        icon: '/error-illustrations/504.webp',
+        statusCode,
+        title: t('errorPage.504.title'),
+        content: {
+          subTitle: t('errorPage.504.subTitle'),
+        },
+      }
+    }
+    case 401:
+      return {
+        icon: '/error-illustrations/401.webp',
+        statusCode,
+        title: t('errorPage.401.title'),
+        content: {
+          subTitle: t('errorPage.401.subTitle'),
+        },
+      }
+    case 404:
+      return {
+        icon: '/error-illustrations/404.webp',
+        statusCode,
+        title: t('errorPage.404.title'),
+        content: {
+          subTitle: t('errorPage.404.subTitle'),
+          subTitleSecond: t('errorPage.404.subTitleSecond'),
+        },
+      }
+    case 403:
+      return {
+        icon: '/error-illustrations/403.webp',
+        statusCode,
+        title: t('errorPage.403.title'),
+        content: {
+          subTitle: t('errorPage.403.subTitle'),
+          subTitleSecond: t('errorPage.403.subTitleSecond'),
+        },
+      }
+    case 503:
+      return {
+        icon: '/error-illustrations/503.webp',
+        statusCode,
+        title: t('errorPage.503.title'),
+        content: {
+          subTitle: t('errorPage.503.subTitle'),
+        },
+      }
+    case 502:
+      return {
+        icon: '/error-illustrations/502.webp',
+        statusCode,
+        title: t('errorPage.502.title'),
+        content: {
+          title: 'Варианты решения проблемы:',
+          list: [
+            {
+              id: 1,
+              label: 'Обновите страницу',
+              link: false,
+            },
+            {
+              id: 1,
+              label: 'Очистите кэш браузера',
+              link: false,
+            },
+            {
+              id: 1,
+              label: 'Свяжитесь с технической поддержкой',
+              link: true,
+            },
+          ],
+        },
+      }
+    case 500:
+      return {
+        icon: '/error-illustrations/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"
+            >
+              <a-icon-check 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">
+          <a-button
+            v-if="errorData.statusCode !== 502"
+            class="w-full lg:w-fit"
+            @click="handleError"
+          >
+            {{t('modals.buttons.goToMainPage')}}
+          </a-button>
+        </div>
+      </template>
+    </error-template>
+    <span class="hidden">
+      {{ error }}
+    </span>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/.editorconfig

@@ -1,12 +1,12 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

package/.gitlab-ci.yml

@@ -1,16 +1,16 @@
-stages:
-  - build
-
-create-archive:
-  stage: build
-  image: alpine
-  script:
-    - apk add --no-cache tar gzip
-    - ls -la
-    - tar --exclude='*.story.vue' --ignore-failed-read -czf master.tar.gz .
-  artifacts:
-    paths:
-      - master.tar.gz
-    expire_in: 12 week # The artifact will be kept for 1 week
-  only:
-    - master # Run this job only on the 'main' branch
+stages:
+  - build
+
+create-archive:
+  stage: build
+  image: alpine
+  script:
+    - apk add --no-cache tar gzip
+    - ls -la
+    - tar --exclude='*.story.vue' --ignore-failed-read -czf master.tar.gz .
+  artifacts:
+    paths:
+      - master.tar.gz
+    expire_in: 12 week # The artifact will be kept for 1 week
+  only:
+    - master # Run this job only on the 'main' branch

package/.nuxtrc

@@ -1 +1 @@
-typescript.includeWorkspace = true
+typescript.includeWorkspace = true

package/.nvmrc

@@ -1 +1 @@
-v20.11.0
+v20.11.0

package/.playground/app.config.ts

@@ -1,5 +1,5 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'My amazing Nuxt layer (overwritten)'
-  }
-})
+export default defineAppConfig({
+  myLayer: {
+    name: 'My amazing Nuxt layer (overwritten)'
+  }
+})

package/.playground/app.vue

@@ -1,102 +1,102 @@
-<script setup lang="ts">
-const manualOpen = ref(false)
-const placements = ['top', 'top-start', 'bottom', 'bottom-end', 'left', 'right'] as const
-</script>
-
-<template>
-  <div class="min-h-screen bg-gray-50 p-10 dark:bg-gray-950">
-    <div class="mx-auto flex max-w-3xl flex-col gap-10">
-      <div class="flex items-center justify-between">
-        <h1 class="text-xl font-bold text-deepblue-900 dark:text-gray-100">
-          ATooltipV2
-        </h1>
-        <a-color-mode />
-      </div>
-
-      <!-- Placements + arrow (hover/focus) -->
-      <section class="flex flex-wrap gap-6">
-        <a-tooltip-v2
-          v-for="p in placements"
-          :key="p"
-          :placement="p"
-          arrow
-          :open-delay="80"
-        >
-          <button class="rounded-lg bg-blue-700 px-3 py-2 text-sm text-white dark:bg-blue-500 dark:text-gray-900">
-            {{ p }}
-          </button>
-          <template #content>
-            <div class="text-[11px] text-deepblue-900 dark:text-gray-100">
-              Placement <b>{{ p }}</b>
-            </div>
-          </template>
-        </a-tooltip-v2>
-      </section>
-
-      <!-- Click trigger, interactive content -->
-      <section>
-        <a-tooltip-v2
-          trigger="click"
-          placement="bottom-start"
-          arrow
-          content-class="w-56"
-        >
-          <button class="rounded-lg px-3 py-2 text-sm text-deepblue-900 ring-1 ring-gray-200 dark:text-gray-100 dark:ring-gray-700">
-            Click me
-          </button>
-          <template #content="{ close }">
-            <div class="flex flex-col gap-2 text-[11px] text-deepblue-900 dark:text-gray-100">
-              <p>Interactive — outside-click &amp; Esc close.</p>
-              <button
-                class="self-start text-blue-700 dark:text-blue-400"
-                @click="close"
-              >
-                Close
-              </button>
-            </div>
-          </template>
-        </a-tooltip-v2>
-      </section>
-
-      <!-- Manual via v-model:open -->
-      <section class="flex items-center gap-4">
-        <button
-          class="rounded-lg bg-deepblue-900 px-3 py-2 text-sm text-white dark:bg-gray-100 dark:text-gray-900"
-          @click="manualOpen = !manualOpen"
-        >
-          Toggle manual ({{ manualOpen }})
-        </button>
-        <a-tooltip-v2
-          v-model:open="manualOpen"
-          trigger="manual"
-          placement="right"
-          arrow
-        >
-          <span class="text-sm text-gray-500 dark:text-gray-400">anchor</span>
-          <template #content>
-            <div class="text-[11px] text-deepblue-900 dark:text-gray-100">
-              Manually controlled
-            </div>
-          </template>
-        </a-tooltip-v2>
-      </section>
-
-      <!-- Teleport out of an overflow-hidden container -->
-      <section class="h-24 overflow-hidden rounded-lg p-3 ring-1 ring-gray-200 dark:ring-gray-700">
-        <a-tooltip-v2
-          placement="top"
-          arrow
-        >
-          <button class="rounded-lg bg-green-500 px-3 py-2 text-sm text-white dark:text-gray-900">
-            Inside overflow-hidden (teleported)
-          </button>
-          <template #content>
-            <div class="text-[11px] text-deepblue-900 dark:text-gray-100">
-              Not clipped
-            </div>
-          </template>
-        </a-tooltip-v2>
-      </section>
-    </div>
-  </div>
-</template>
+<script setup lang="ts">
+const manualOpen = ref(false)
+const placements = ['top', 'top-start', 'bottom', 'bottom-end', 'left', 'right'] as const
+</script>
+
+<template>
+  <div class="min-h-screen bg-gray-50 p-10 dark:bg-gray-950">
+    <div class="mx-auto flex max-w-3xl flex-col gap-10">
+      <div class="flex items-center justify-between">
+        <h1 class="text-xl font-bold text-deepblue-900 dark:text-gray-100">
+          ATooltipV2
+        </h1>
+        <a-color-mode />
+      </div>
+
+      <!-- Placements + arrow (hover/focus) -->
+      <section class="flex flex-wrap gap-6">
+        <a-tooltip-v2
+          v-for="p in placements"
+          :key="p"
+          :placement="p"
+          arrow
+          :open-delay="80"
+        >
+          <button class="rounded-lg bg-blue-700 px-3 py-2 text-sm text-white dark:bg-blue-500 dark:text-gray-900">
+            {{ p }}
+          </button>
+          <template #content>
+            <div class="text-[11px] text-deepblue-900 dark:text-gray-100">
+              Placement <b>{{ p }}</b>
+            </div>
+          </template>
+        </a-tooltip-v2>
+      </section>
+
+      <!-- Click trigger, interactive content -->
+      <section>
+        <a-tooltip-v2
+          trigger="click"
+          placement="bottom-start"
+          arrow
+          content-class="w-56"
+        >
+          <button class="rounded-lg px-3 py-2 text-sm text-deepblue-900 ring-1 ring-gray-200 dark:text-gray-100 dark:ring-gray-700">
+            Click me
+          </button>
+          <template #content="{ close }">
+            <div class="flex flex-col gap-2 text-[11px] text-deepblue-900 dark:text-gray-100">
+              <p>Interactive — outside-click &amp; Esc close.</p>
+              <button
+                class="self-start text-blue-700 dark:text-blue-400"
+                @click="close"
+              >
+                Close
+              </button>
+            </div>
+          </template>
+        </a-tooltip-v2>
+      </section>
+
+      <!-- Manual via v-model:open -->
+      <section class="flex items-center gap-4">
+        <button
+          class="rounded-lg bg-deepblue-900 px-3 py-2 text-sm text-white dark:bg-gray-100 dark:text-gray-900"
+          @click="manualOpen = !manualOpen"
+        >
+          Toggle manual ({{ manualOpen }})
+        </button>
+        <a-tooltip-v2
+          v-model:open="manualOpen"
+          trigger="manual"
+          placement="right"
+          arrow
+        >
+          <span class="text-sm text-gray-500 dark:text-gray-400">anchor</span>
+          <template #content>
+            <div class="text-[11px] text-deepblue-900 dark:text-gray-100">
+              Manually controlled
+            </div>
+          </template>
+        </a-tooltip-v2>
+      </section>
+
+      <!-- Teleport out of an overflow-hidden container -->
+      <section class="h-24 overflow-hidden rounded-lg p-3 ring-1 ring-gray-200 dark:ring-gray-700">
+        <a-tooltip-v2
+          placement="top"
+          arrow
+        >
+          <button class="rounded-lg bg-green-500 px-3 py-2 text-sm text-white dark:text-gray-900">
+            Inside overflow-hidden (teleported)
+          </button>
+          <template #content>
+            <div class="text-[11px] text-deepblue-900 dark:text-gray-100">
+              Not clipped
+            </div>
+          </template>
+        </a-tooltip-v2>
+      </section>
+    </div>
+  </div>
+</template>

package/.playground/nuxt.config.ts

@@ -1,4 +1,4 @@
-export default defineNuxtConfig({
-  extends: ['..'],
-  compatibilityDate: '2025-03-20',
+export default defineNuxtConfig({
+  extends: ['..'],
+  compatibilityDate: '2025-03-20',
 })