adata-ui 2.1.41-beta.7 → 2.1.41-beta.8

package/components/modals/ContactsMobileModel.vue

@@ -1,182 +1,182 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import IconLocation from '#adata-ui/icons/location.vue'
-import IconMail from '#adata-ui/icons/mail.vue'
-import IconClock from '#adata-ui/icons/clock.vue'
-import IconPhone from '#adata-ui/icons/phone.vue'
-import IconWhatsapp from '#adata-ui/icons/whatsapp.vue'
-import ExpandWindow from '#adata-ui/icons/expand-window.vue'
-
-type Emits = {
-  (e: 'pushMain'): void
-}
-const { t } = useI18n()
-const isOpen = ref(false)
-const tab = ref('allData')
-const emits = defineEmits<Emits>()
-
-const tabOptions = [
-  {
-    name: t('mobile_navigation.contacts.first_type'),
-    key: 'allData'
-  },
-  {
-    name: t('mobile_navigation.contacts.second_type'),
-    key: 'allDataConsulting'
-  }
-]
-const sideLinks = <any>{
-  allData: [
-    {
-      title: t('mobile_navigation.contacts.allData.address'),
-      info: [
-        {
-          label: t('mobile_navigation.contacts.allData.address_info'),
-          icon: IconLocation
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.email'),
-      info: [
-        {
-          label: 'info@adata.kz',
-          icon: IconMail,
-          to: 'mailto:info@adata.kz'
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.mode'),
-      info: [
-        {
-          label: t('mobile_navigation.contacts.allData.mode_info'),
-          icon: IconClock
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.sales_department'),
-      info: [
-        {
-          label: '+7 (771) 779 49 60',
-          icon: IconWhatsapp,
-          to: 'https://api.whatsapp.com/send/?phone=77717794960'
-        },
-        {
-          label: '+7 (747) 225 07 84',
-          icon: IconWhatsapp,
-          to: 'https://api.whatsapp.com/send/?phone=77472250784'
-        },
-        {
-          label: '+7 (771) 709 32 84',
-          icon: IconWhatsapp,
-          to: 'https://api.whatsapp.com/send/?phone=77717093284'
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.technical_support'),
-      info: [
-        {
-          label: t('mobile_navigation.contacts.allData.support_link_title'),
-          icon: ExpandWindow,
-          to: 'https://api.whatsapp.com/send/?phone=77712289041'
-        }
-      ]
-    }
-  ],
-  allDataConsulting: [
-    {
-      title: t('mobile_navigation.contacts.allData.address'),
-      info: [
-        {
-          label: t('header.contacts.astana.adress.subtitle'),
-          icon: IconLocation
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.email'),
-      info: [
-        {
-          label: 'info@adata-c.kz',
-          icon: IconMail,
-          to: 'mailto:info@adata-c.kz'
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.mode'),
-      info: [
-        {
-          label: t('header.contacts.astana.schedule.subtitle'),
-          icon: IconClock
-        }
-      ]
-    },
-    {
-      title: t('mobile_navigation.contacts.allData.sales_department'),
-      info: [
-        {
-          label: '+7 700 744 00 10',
-          icon: IconWhatsapp,
-          to: 'https://api.whatsapp.com/send/?phone=77007440010'
-        }
-      ]
-    }
-  ]
-}
-const currentInfo = ref(sideLinks.allData)
-
-watch(tab, (e) => {
-  if (e) {
-    currentInfo.value = sideLinks[e]
-  }
-})
-</script>
-
-<template>
-  <a-modal v-model="isOpen" :title="t('modals.mobile_navigation.type_contacts')">
-    <div class="flex flex-col gap-4">
-      <div class="h-px w-full bg-(--border-color-default)" />
-      <div>
-        <a-pill-tabs v-model="tab" :options="tabOptions" view="gray" />
-      </div>
-      <div class="flex h-[40vh] flex-col gap-2 overflow-auto sm:h-[300px]">
-        <div v-for="items in currentInfo" :key="items.title" class="flex flex-col gap-2">
-          <p class="font-semibold">{{ items.title }}</p>
-          <div class="flex flex-wrap gap-4 text-body-md">
-            <template v-for="item in items.info">
-              <a
-                v-if="item.to"
-                :href="item.to"
-                class="flex items-center gap-1 text-brand"
-              >
-                <component :is="item.icon" class="h-[16px] w-[16px] min-w-[16px]" />
-                {{ item.label }}
-              </a>
-              <div v-else class="flex items-center gap-1">
-                <component :is="item.icon" class="h-[16px] w-[16px] min-w-[16px]" />
-                {{ item.label }}
-              </div>
-            </template>
-          </div>
-        </div>
-      </div>
-      <div class="h-px w-full bg-(--border-color-default)" />
-    </div>
-    <template #footer>
-      <nuxt-link
-        to="/"
-        @click="emits('pushMain')"
-        class="flex items-center gap-4 rounded-sm bg-muted px-4 py-3"
-      >
-        <a-icon-menu />
-        {{ t('modals.mobile_navigation.return_button') }}
-      </nuxt-link>
-    </template>
-  </a-modal>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { ref } from 'vue'
+import IconLocation from '#adata-ui/icons/location.vue'
+import IconMail from '#adata-ui/icons/mail.vue'
+import IconClock from '#adata-ui/icons/clock.vue'
+import IconPhone from '#adata-ui/icons/phone.vue'
+import IconWhatsapp from '#adata-ui/icons/whatsapp.vue'
+import ExpandWindow from '#adata-ui/icons/expand-window.vue'
+
+type Emits = {
+  (e: 'pushMain'): void
+}
+const { t } = useI18n()
+const isOpen = ref(false)
+const tab = ref('allData')
+const emits = defineEmits<Emits>()
+
+const tabOptions = [
+  {
+    name: t('mobile_navigation.contacts.first_type'),
+    key: 'allData'
+  },
+  {
+    name: t('mobile_navigation.contacts.second_type'),
+    key: 'allDataConsulting'
+  }
+]
+const sideLinks = <any>{
+  allData: [
+    {
+      title: t('mobile_navigation.contacts.allData.address'),
+      info: [
+        {
+          label: t('mobile_navigation.contacts.allData.address_info'),
+          icon: IconLocation
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.email'),
+      info: [
+        {
+          label: 'info@adata.kz',
+          icon: IconMail,
+          to: 'mailto:info@adata.kz'
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.mode'),
+      info: [
+        {
+          label: t('mobile_navigation.contacts.allData.mode_info'),
+          icon: IconClock
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.sales_department'),
+      info: [
+        {
+          label: '+7 (771) 779 49 60',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77717794960'
+        },
+        {
+          label: '+7 (747) 225 07 84',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77472250784'
+        },
+        {
+          label: '+7 (771) 709 32 84',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77717093284'
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.technical_support'),
+      info: [
+        {
+          label: t('mobile_navigation.contacts.allData.support_link_title'),
+          icon: ExpandWindow,
+          to: 'https://api.whatsapp.com/send/?phone=77712289041'
+        }
+      ]
+    }
+  ],
+  allDataConsulting: [
+    {
+      title: t('mobile_navigation.contacts.allData.address'),
+      info: [
+        {
+          label: t('header.contacts.astana.adress.subtitle'),
+          icon: IconLocation
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.email'),
+      info: [
+        {
+          label: 'info@adata-c.kz',
+          icon: IconMail,
+          to: 'mailto:info@adata-c.kz'
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.mode'),
+      info: [
+        {
+          label: t('header.contacts.astana.schedule.subtitle'),
+          icon: IconClock
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.sales_department'),
+      info: [
+        {
+          label: '+7 700 744 00 10',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77007440010'
+        }
+      ]
+    }
+  ]
+}
+const currentInfo = ref(sideLinks.allData)
+
+watch(tab, (e) => {
+  if (e) {
+    currentInfo.value = sideLinks[e]
+  }
+})
+</script>
+
+<template>
+  <a-modal v-model="isOpen" :title="t('modals.mobile_navigation.type_contacts')">
+    <div class="flex flex-col gap-4">
+      <div class="h-px w-full bg-(--border-color-default)" />
+      <div>
+        <a-pill-tabs v-model="tab" :options="tabOptions" view="gray" />
+      </div>
+      <div class="flex h-[40vh] flex-col gap-2 overflow-auto sm:h-[300px]">
+        <div v-for="items in currentInfo" :key="items.title" class="flex flex-col gap-2">
+          <p class="font-semibold">{{ items.title }}</p>
+          <div class="flex flex-wrap gap-4 text-body-md">
+            <template v-for="item in items.info">
+              <a
+                v-if="item.to"
+                :href="item.to"
+                class="flex items-center gap-1 text-brand"
+              >
+                <component :is="item.icon" class="h-[16px] w-[16px] min-w-[16px]" />
+                {{ item.label }}
+              </a>
+              <div v-else class="flex items-center gap-1">
+                <component :is="item.icon" class="h-[16px] w-[16px] min-w-[16px]" />
+                {{ item.label }}
+              </div>
+            </template>
+          </div>
+        </div>
+      </div>
+      <div class="h-px w-full bg-(--border-color-default)" />
+    </div>
+    <template #footer>
+      <nuxt-link
+        to="/"
+        @click="emits('pushMain')"
+        class="flex items-center gap-4 rounded-sm bg-muted px-4 py-3"
+      >
+        <a-icon-menu />
+        {{ t('modals.mobile_navigation.return_button') }}
+      </nuxt-link>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped></style>

package/components/modals/ContentNavigationModal.vue

@@ -1,100 +1,100 @@
-<script setup lang="ts">
-import type { Component } from 'vue'
-import { useCurrentModule } from '#adata-ui/composables/projectState'
-import { useHeaderNavigationLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
-
-interface NavItem {
-  title: string
-  icon: Component
-  to: string
-}
-
-interface Emits {
-  (e: 'pushMain'): void
-}
-const emits = defineEmits<Emits>()
-
-const open = defineModel<boolean>({ default: false })
-
-const { t } = useI18n()
-const modules = useHeaderNavigationLinks()
-
-const initialKey = useCurrentModule().value
-const tab = ref<string>(
-  initialKey && modules.value.some(module => module.key === initialKey)
-    ? initialKey
-    : (modules.value[0]?.key ?? 'pk'),
-)
-
-const tabOptions = computed(() =>
-  modules.value.map(module => ({ key: module.key, name: module.name })),
-)
-
-const currentLinks = computed<NavItem[]>(() => {
-  const module = modules.value.find(item => item.key === tab.value)
-  return (module?.items ?? []) as NavItem[]
-})
-
-function onReturn() {
-  emits('pushMain')
-}
-</script>
-
-<template>
-  <a-modal-v2
-    v-model="open"
-    hide-close
-    content-class="bg-muted"
-  >
-    <template #header>
-      <h2 class="w-full text-center text-body-lg-strong text-primary">
-        {{ t('modals.mobile_navigation.type_main') }}
-      </h2>
-    </template>
-
-    <div class="px-4 py-3">
-      <a-pill-tabs-v2
-        v-model="tab"
-        :options="tabOptions"
-        size="md"
-        scroll-into-view
-      />
-    </div>
-
-    <div class="no-scrollbar flex h-[50vh] flex-col gap-2 overflow-y-auto px-4 pb-4">
-      <nuxt-link
-        v-for="item in currentLinks"
-        :key="item.to"
-        :to="item.to"
-        class="group flex items-center gap-3 rounded-xl border border-default bg-main px-3 py-2.5 transition-colors hover:border-brand-200 hover:bg-brand-50/50 dark:hover:border-brand-500/40 dark:hover:bg-brand-subtle"
-      >
-        <!-- осознанно константный group-hover:text-white: белая иконка на brand-hover-заливке -->
-        <span class="flex size-10 shrink-0 items-center justify-center rounded-lg bg-brand-subtle text-brand transition-colors group-hover:bg-action-primary-hover group-hover:text-white">
-          <component
-            :is="item.icon"
-            class="size-5"
-          />
-        </span>
-
-        <span class="min-w-0 flex-1 truncate text-body-md-strong text-primary">
-          {{ item.title }}
-        </span>
-
-        <a-icon-chevron-right class="size-4 shrink-0 text-icon-disabled transition-colors group-hover:text-brand" />
-      </nuxt-link>
-    </div>
-
-    <template #footer>
-      <nuxt-link
-        to="/"
-        class="flex items-center justify-center gap-2 rounded-xl bg-badge px-4 py-3 text-body-md-strong text-primary transition-colors hover:bg-badge"
-        @click="onReturn"
-      >
-        <a-icon-menu class="size-5" />
-        {{ t('modals.mobile_navigation.return_button') }}
-      </nuxt-link>
-    </template>
-  </a-modal-v2>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import type { Component } from 'vue'
+import { useCurrentModule } from '#adata-ui/composables/projectState'
+import { useHeaderNavigationLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
+
+interface NavItem {
+  title: string
+  icon: Component
+  to: string
+}
+
+interface Emits {
+  (e: 'pushMain'): void
+}
+const emits = defineEmits<Emits>()
+
+const open = defineModel<boolean>({ default: false })
+
+const { t } = useI18n()
+const modules = useHeaderNavigationLinks()
+
+const initialKey = useCurrentModule().value
+const tab = ref<string>(
+  initialKey && modules.value.some(module => module.key === initialKey)
+    ? initialKey
+    : (modules.value[0]?.key ?? 'pk'),
+)
+
+const tabOptions = computed(() =>
+  modules.value.map(module => ({ key: module.key, name: module.name })),
+)
+
+const currentLinks = computed<NavItem[]>(() => {
+  const module = modules.value.find(item => item.key === tab.value)
+  return (module?.items ?? []) as NavItem[]
+})
+
+function onReturn() {
+  emits('pushMain')
+}
+</script>
+
+<template>
+  <a-modal-v2
+    v-model="open"
+    hide-close
+    content-class="bg-muted"
+  >
+    <template #header>
+      <h2 class="w-full text-center text-body-lg-strong text-primary">
+        {{ t('modals.mobile_navigation.type_main') }}
+      </h2>
+    </template>
+
+    <div class="px-4 py-3">
+      <a-pill-tabs-v2
+        v-model="tab"
+        :options="tabOptions"
+        size="md"
+        scroll-into-view
+      />
+    </div>
+
+    <div class="no-scrollbar flex h-[50vh] flex-col gap-2 overflow-y-auto px-4 pb-4">
+      <nuxt-link
+        v-for="item in currentLinks"
+        :key="item.to"
+        :to="item.to"
+        class="group flex items-center gap-3 rounded-xl border border-default bg-main px-3 py-2.5 transition-colors hover:border-brand-200 hover:bg-brand-50/50 dark:hover:border-brand-500/40 dark:hover:bg-brand-subtle"
+      >
+        <!-- осознанно константный group-hover:text-white: белая иконка на brand-hover-заливке -->
+        <span class="flex size-10 shrink-0 items-center justify-center rounded-lg bg-brand-subtle text-brand transition-colors group-hover:bg-action-primary-hover group-hover:text-white">
+          <component
+            :is="item.icon"
+            class="size-5"
+          />
+        </span>
+
+        <span class="min-w-0 flex-1 truncate text-body-md-strong text-primary">
+          {{ item.title }}
+        </span>
+
+        <a-icon-chevron-right class="size-4 shrink-0 text-icon-disabled transition-colors group-hover:text-brand" />
+      </nuxt-link>
+    </div>
+
+    <template #footer>
+      <nuxt-link
+        to="/"
+        class="flex items-center justify-center gap-2 rounded-xl bg-badge px-4 py-3 text-body-md-strong text-primary transition-colors hover:bg-badge"
+        @click="onReturn"
+      >
+        <a-icon-menu class="size-5" />
+        {{ t('modals.mobile_navigation.return_button') }}
+      </nuxt-link>
+    </template>
+  </a-modal-v2>
+</template>
+
+<style scoped></style>