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

package/components/navigation/header/SystemNotification.vue

@@ -1,108 +1,108 @@
-<script setup lang="ts">
-import { useCurrentModule } from '#adata-ui/composables/projectState'
-
-defineOptions({ name: 'SystemNotification' })
-
-interface SystemMessageDetail {
-  message: string
-  message_en: string
-  message_kz: string
-}
-
-const { locale } = useI18n()
-const { myLayer } = useAppConfig()
-const env = myLayer.mode
-
-const currentModule = useCurrentModule()
-const message = useCookie('message')
-
-const systemMessage = ref<string | null>(null)
-const isOpen = ref(false)
-
-const moduleName = computed(() => (currentModule.value === 'pk' ? 'counterparty' : currentModule.value))
-
-function localizedMessage(detail: SystemMessageDetail): string {
-  switch (locale.value) {
-    case 'en':
-      return detail.message_en
-    case 'kk':
-      return detail.message_kz
-    default:
-      return detail.message
-  }
-}
-
-async function fetchNotification() {
-  if (message.value !== undefined) return
-
-  try {
-    const res = await $fetch<{ data: { details?: SystemMessageDetail[] } }>(
-      `https://users.${env}.kz/api/v1/system-messages/active-list/`,
-      { query: { module_name: moduleName.value } },
-    )
-
-    const detail = res.data?.details?.[0]
-    if (detail) {
-      systemMessage.value = localizedMessage(detail)
-      isOpen.value = true
-    }
-  }
-  catch (e) {
-    console.error(e instanceof Error ? e.message : e)
-  }
-}
-
-function close() {
-  message.value = false
-  isOpen.value = false
-}
-
-onMounted(fetchNotification)
-</script>
-
-<template>
-  <client-only>
-    <transition name="system-notification">
-      <div
-        v-if="isOpen && systemMessage"
-        class="bg-warning-subtle px-2 py-3 md:px-0"
-      >
-        <div class="a-container flex items-center justify-between gap-4">
-          <div class="flex items-center gap-2">
-            <a-icon-info-circle
-              class="max-h-[16px] w-full max-w-[16px] shrink-0 stroke-icon-amber"
-            />
-            <span class="text-body-md-strong text-warning">{{ systemMessage }}</span>
-          </div>
-          <a-icon-x-mark
-            class="max-h-[16px] w-full max-w-[16px] shrink-0 cursor-pointer stroke-icon-amber"
-            @click="close"
-          />
-        </div>
-      </div>
-    </transition>
-  </client-only>
-</template>
-
-<style scoped>
-.system-notification-enter-active,
-.system-notification-leave-active {
-  transition:
-    opacity 200ms ease,
-    transform 200ms ease;
-  overflow: hidden;
-}
-
-.system-notification-enter-from,
-.system-notification-leave-to {
-  opacity: 0;
-  transform: translateY(-100%);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .system-notification-enter-active,
-  .system-notification-leave-active {
-    transition: none;
-  }
-}
-</style>
+<script setup lang="ts">
+import { useCurrentModule } from '#adata-ui/composables/projectState'
+
+defineOptions({ name: 'SystemNotification' })
+
+interface SystemMessageDetail {
+  message: string
+  message_en: string
+  message_kz: string
+}
+
+const { locale } = useI18n()
+const { myLayer } = useAppConfig()
+const env = myLayer.mode
+
+const currentModule = useCurrentModule()
+const message = useCookie('message')
+
+const systemMessage = ref<string | null>(null)
+const isOpen = ref(false)
+
+const moduleName = computed(() => (currentModule.value === 'pk' ? 'counterparty' : currentModule.value))
+
+function localizedMessage(detail: SystemMessageDetail): string {
+  switch (locale.value) {
+    case 'en':
+      return detail.message_en
+    case 'kk':
+      return detail.message_kz
+    default:
+      return detail.message
+  }
+}
+
+async function fetchNotification() {
+  if (message.value !== undefined) return
+
+  try {
+    const res = await $fetch<{ data: { details?: SystemMessageDetail[] } }>(
+      `https://users.${env}.kz/api/v1/system-messages/active-list/`,
+      { query: { module_name: moduleName.value } },
+    )
+
+    const detail = res.data?.details?.[0]
+    if (detail) {
+      systemMessage.value = localizedMessage(detail)
+      isOpen.value = true
+    }
+  }
+  catch (e) {
+    console.error(e instanceof Error ? e.message : e)
+  }
+}
+
+function close() {
+  message.value = false
+  isOpen.value = false
+}
+
+onMounted(fetchNotification)
+</script>
+
+<template>
+  <client-only>
+    <transition name="system-notification">
+      <div
+        v-if="isOpen && systemMessage"
+        class="bg-warning-subtle px-2 py-3 md:px-0"
+      >
+        <div class="a-container flex items-center justify-between gap-4">
+          <div class="flex items-center gap-2">
+            <a-icon-info-circle
+              class="max-h-[16px] w-full max-w-[16px] shrink-0 stroke-icon-amber"
+            />
+            <span class="text-body-md-strong text-warning">{{ systemMessage }}</span>
+          </div>
+          <a-icon-x-mark
+            class="max-h-[16px] w-full max-w-[16px] shrink-0 cursor-pointer stroke-icon-amber"
+            @click="close"
+          />
+        </div>
+      </div>
+    </transition>
+  </client-only>
+</template>
+
+<style scoped>
+.system-notification-enter-active,
+.system-notification-leave-active {
+  transition:
+    opacity 200ms ease,
+    transform 200ms ease;
+  overflow: hidden;
+}
+
+.system-notification-enter-from,
+.system-notification-leave-to {
+  opacity: 0;
+  transform: translateY(-100%);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .system-notification-enter-active,
+  .system-notification-leave-active {
+    transition: none;
+  }
+}
+</style>

package/components/navigation/header/types.ts

@@ -1,28 +1,28 @@
-export type NavChild = {
-  key: string,
-  name: string
-  items: NavChildItem[]
-}
-export type NavChildItem = {
-  title: string
-  subtitle?: string
-  icon?: any
-  to: string
-}
-
-export type NavLink = {
-  label: string
-  to: string
-  items?: NavChild[],
-  options?:any
-  icon?: any
-}
-export type ProjectKeys =
-  | 'counterparty'
-  | 'pk'
-  | 'work'
-  | 'tenders'
-  | 'fines'
-  | 'analytics'
-  | 'fea'
-  | 'compliance';
+export type NavChild = {
+  key: string,
+  name: string
+  items: NavChildItem[]
+}
+export type NavChildItem = {
+  title: string
+  subtitle?: string
+  icon?: any
+  to: string
+}
+
+export type NavLink = {
+  label: string
+  to: string
+  items?: NavChild[],
+  options?:any
+  icon?: any
+}
+export type ProjectKeys =
+  | 'counterparty'
+  | 'pk'
+  | 'work'
+  | 'tenders'
+  | 'fines'
+  | 'analytics'
+  | 'fea'
+  | 'compliance';

package/components/navigation/line-tabs/ALineTabs.vue

@@ -1,112 +1,112 @@
-<template>
-  <div
-    class="whitespace-nowrap overflow-auto"
-    :class="props.wrapper === 'row'? 'flex':'flex flex-col'"
-  >
-    <button
-      v-for="(option) in options"
-      :key="option.key"
-      :disabled="option.disabled"
-      :class="activeTab === option.key ? selectedClasses() : defaultClasses()"
-      @click="() => handleClick(option)"
-    >
-      <slot
-        name="option"
-        :option="option"
-      >
-        <span
-          class="flex gap-1 "
-          :class="[align === 'left' ? 'justify-between' : 'justify-center' ]"
-        >
-          <span>
-            {{ option.name }}
-          </span>
-          <a-digit-badge
-            v-if="option.count!== undefined"
-            size="md"
-            class="font-normal justify-self-start"
-          >
-            {{ option.count }}
-          </a-digit-badge>
-          <a-icon-warning-circle
-            v-if="option.warning"
-            class="justify-self-end text-primary"
-          />
-        </span>
-      </slot>
-    </button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { Tab, ViewType} from "./types";
-
-defineOptions({name: 'ALineTabs'})
-
-interface Props {
-  options: Tab[]
-  view: 'bottom' | 'right' | "left"
-  size?: 'lg' | 'sm'
-  align: 'left' | 'center'
-  block?: boolean
-  wrapper?: 'row' | 'column'
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  view: 'bottom',
-  size: 'sm',
-  align: 'center',
-  block: false,
-  wrapper: 'row',
-})
-const emit = defineEmits(['selectOption']);
-const activeTab = defineModel<any>({
-  default: 1
-})
-
-
-const viewTypeValues: ViewType = {
-  bottom: {
-    default: 'border-b-2 border-transparent pt-[3px]',
-    selected: 'border-b-2 border-brand pt-[3px]'
-  },
-  right: {
-    default: 'text-primary bg-transparent',
-    selected: 'border-r-2 border-brand'
-  },
-  left: {
-    default: 'text-primary bg-transparent',
-    selected: 'border-l-2 border-brand'
-  },
-};
-
-
-
-
-/* осознанно константный focus-shadow #1B64B3: документированное исключение */
-const defaultClasses = () =>
-  [
-    'cursor-pointer select-none bg-transparent text-primary hover:bg-action-secondary-hover hover:disabled:bg-transparent disabled:cursor-not-allowed disabled:text-disabled focus-visible:shadow-[0_0_0_4px#1B64B3]',
-    viewTypeValues[props.view]['default'],
-    props.size == 'sm'?  'px-4 py-[7.5px]' : 'px-4 py-[11.5px]',
-    props.block ? 'w-full' : '',
-  ]
-
-const selectedClasses = () =>
-  [
-    'text-body-md-strong cursor-pointer transition duration-200 select-none focus-visible:shadow-[0_0_0_4px#1B64B3]',
-    viewTypeValues[props.view]['selected'],
-    props.size == 'sm'?  'px-4 py-[7.5px]' : 'px-4 py-[11.5px]',
-    props.block ? 'w-full' : '',
-  ]
-
-const handleClick = (option:Tab) => {
-  activeTab.value = option.key
-  emit('selectOption', option);
-}
-
-</script>
-
-<style>
-/* Add any additional styles here */
-</style>
+<template>
+  <div
+    class="whitespace-nowrap overflow-auto"
+    :class="props.wrapper === 'row'? 'flex':'flex flex-col'"
+  >
+    <button
+      v-for="(option) in options"
+      :key="option.key"
+      :disabled="option.disabled"
+      :class="activeTab === option.key ? selectedClasses() : defaultClasses()"
+      @click="() => handleClick(option)"
+    >
+      <slot
+        name="option"
+        :option="option"
+      >
+        <span
+          class="flex gap-1 "
+          :class="[align === 'left' ? 'justify-between' : 'justify-center' ]"
+        >
+          <span>
+            {{ option.name }}
+          </span>
+          <a-digit-badge
+            v-if="option.count!== undefined"
+            size="md"
+            class="font-normal justify-self-start"
+          >
+            {{ option.count }}
+          </a-digit-badge>
+          <a-icon-warning-circle
+            v-if="option.warning"
+            class="justify-self-end text-primary"
+          />
+        </span>
+      </slot>
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Tab, ViewType} from "./types";
+
+defineOptions({name: 'ALineTabs'})
+
+interface Props {
+  options: Tab[]
+  view: 'bottom' | 'right' | "left"
+  size?: 'lg' | 'sm'
+  align: 'left' | 'center'
+  block?: boolean
+  wrapper?: 'row' | 'column'
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  view: 'bottom',
+  size: 'sm',
+  align: 'center',
+  block: false,
+  wrapper: 'row',
+})
+const emit = defineEmits(['selectOption']);
+const activeTab = defineModel<any>({
+  default: 1
+})
+
+
+const viewTypeValues: ViewType = {
+  bottom: {
+    default: 'border-b-2 border-transparent pt-[3px]',
+    selected: 'border-b-2 border-brand pt-[3px]'
+  },
+  right: {
+    default: 'text-primary bg-transparent',
+    selected: 'border-r-2 border-brand'
+  },
+  left: {
+    default: 'text-primary bg-transparent',
+    selected: 'border-l-2 border-brand'
+  },
+};
+
+
+
+
+/* осознанно константный focus-shadow #1B64B3: документированное исключение */
+const defaultClasses = () =>
+  [
+    'cursor-pointer select-none bg-transparent text-primary hover:bg-action-secondary-hover hover:disabled:bg-transparent disabled:cursor-not-allowed disabled:text-disabled focus-visible:shadow-[0_0_0_4px#1B64B3]',
+    viewTypeValues[props.view]['default'],
+    props.size == 'sm'?  'px-4 py-[7.5px]' : 'px-4 py-[11.5px]',
+    props.block ? 'w-full' : '',
+  ]
+
+const selectedClasses = () =>
+  [
+    'text-body-md-strong cursor-pointer transition duration-200 select-none focus-visible:shadow-[0_0_0_4px#1B64B3]',
+    viewTypeValues[props.view]['selected'],
+    props.size == 'sm'?  'px-4 py-[7.5px]' : 'px-4 py-[11.5px]',
+    props.block ? 'w-full' : '',
+  ]
+
+const handleClick = (option:Tab) => {
+  activeTab.value = option.key
+  emit('selectOption', option);
+}
+
+</script>
+
+<style>
+/* Add any additional styles here */
+</style>

package/components/navigation/line-tabs/types.ts

@@ -1,21 +1,21 @@
-
-export type StateType = {
-  [key in 'default' | 'selected']: string;
-};
-
-export type ViewType = {
-  bottom: StateType;
-  left: StateType;
-  right: StateType;
-};
-
-
-
-export interface Tab {
-  name: string
-  key: string | number
-  count?: number
-  disabled?: boolean
-  warning?:boolean
-  url?: string
-}
+
+export type StateType = {
+  [key in 'default' | 'selected']: string;
+};
+
+export type ViewType = {
+  bottom: StateType;
+  left: StateType;
+  right: StateType;
+};
+
+
+
+export interface Tab {
+  name: string
+  key: string | number
+  count?: number
+  disabled?: boolean
+  warning?:boolean
+  url?: string
+}