adata-ui 2.1.40-beta.16 → 2.1.40-beta.18

package/components/elements/illustrations/noAccess.vue

@@ -1,71 +1,71 @@
-<script setup lang="ts">
-import { type LocalizedNavigationParams, navigateToLocalizedPage } from '#adata-ui/utils/localizedNavigation'
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-interface Props {
-  illClass?: string
-  text?: string
-  textClass?:string
-  buttonName?: string
-  to?: LocalizedNavigationParams
-  noIll?: boolean
-  noText?: boolean
-  noBtn?: boolean
-}
-const props = defineProps<Props>()
-
-const appConfig = useAppConfig()
-const { login } = useUrls()
-const authMode = appConfig.myLayer.authMode
-const device = useAdaptive()
-const { t, locale } = useI18n()
-
-const { loginModal } = useIdModals()
-
-function goAuth() {
-  if (authMode === 'local') {
-    loginModal.value = true
-    return
-  }
-
-  if (window) {
-    if (props.to) {
-      navigateToLocalizedPage(props.to)
-    } else {
-      const fullPath = encodeURIComponent(window.location.toString())
-      navigateToLocalizedPage({
-        locale,
-        projectUrl: login,
-        path: `/?url=${fullPath}`,
-        target: '_self'
-      })
-    }
-  }
-}
-</script>
-
-<template>
-  <div class="flex flex-col items-center gap-4 text-center text-sm">
-    <div v-if="!noIll">
-      <slot name="illustration">
-        <a-ill-door :class="illClass" />
-      </slot>
-    </div>
-    <p
-      v-if="!noText"
-      :class="textClass"
-    >
-      {{ text ?? t('illustrations.afterLogInBlock.tariff') }}
-    </p>
-    <slot name="button">
-      <a-button
-        v-if="!noBtn"
-        :block="device.isMobile"
-        view="outline"
-        @click="goAuth"
-      >
-        {{ buttonName ?? t('illustrations.afterLogInBlock.login') }}
-      </a-button>
-    </slot>
-  </div>
-</template>
+<script setup lang="ts">
+import { type LocalizedNavigationParams, navigateToLocalizedPage } from '#adata-ui/utils/localizedNavigation'
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+interface Props {
+  illClass?: string
+  text?: string
+  textClass?:string
+  buttonName?: string
+  to?: LocalizedNavigationParams
+  noIll?: boolean
+  noText?: boolean
+  noBtn?: boolean
+}
+const props = defineProps<Props>()
+
+const appConfig = useAppConfig()
+const { login } = useUrls()
+const authMode = appConfig.myLayer.authMode
+const device = useAdaptive()
+const { t, locale } = useI18n()
+
+const { loginModal } = useIdModals()
+
+function goAuth() {
+  if (authMode === 'local') {
+    loginModal.value = true
+    return
+  }
+
+  if (window) {
+    if (props.to) {
+      navigateToLocalizedPage(props.to)
+    } else {
+      const fullPath = encodeURIComponent(window.location.toString())
+      navigateToLocalizedPage({
+        locale,
+        projectUrl: login,
+        path: `/?url=${fullPath}`,
+        target: '_self'
+      })
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4 text-center text-sm">
+    <div v-if="!noIll">
+      <slot name="illustration">
+        <a-ill-door :class="illClass" />
+      </slot>
+    </div>
+    <p
+      v-if="!noText"
+      :class="textClass"
+    >
+      {{ text ?? t('illustrations.afterLogInBlock.tariff') }}
+    </p>
+    <slot name="button">
+      <a-button
+        v-if="!noBtn"
+        :block="device.isMobile"
+        view="outline"
+        @click="goAuth"
+      >
+        {{ buttonName ?? t('illustrations.afterLogInBlock.login') }}
+      </a-button>
+    </slot>
+  </div>
+</template>

package/components/elements/infinite-carousel/AInfiniteCarousel.vue

@@ -1,57 +1,57 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <div class="carousel overflow-hidden w-full relative">
-    <div class="flex w-max animate-scroll">
-      <div
-        v-for="i in 2"
-        :key="i"
-        class="flex"
-      >
-        <slot />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@keyframes scroll {
-  0% { transform: translateX(0); }
-  100% { transform: translateX(-50%); }
-}
-.animate-scroll {
-  animation: scroll 25s linear infinite;
-}
-
-.carousel:before,
-.carousel:after {
-  position: absolute;
-  top: 0;
-  width: 120px;
-  height: 100%;
-  content: "";
-  z-index: 2;
-}
-
-.carousel:before {
-  left: 0;
-  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
-}
-
-.carousel:after {
-  right: 0;
-  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
-}
-
-.dark {
-  .carousel:before {
-    background: linear-gradient(to left, rgba(38, 40, 43, 0), #161617);
-  }
-
-  .carousel:after {
-    background: linear-gradient(to right, rgba(38, 40, 43, 0), #161617);
-  }
-}
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="carousel overflow-hidden w-full relative">
+    <div class="flex w-max animate-scroll">
+      <div
+        v-for="i in 2"
+        :key="i"
+        class="flex"
+      >
+        <slot />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+@keyframes scroll {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
+}
+.animate-scroll {
+  animation: scroll 25s linear infinite;
+}
+
+.carousel:before,
+.carousel:after {
+  position: absolute;
+  top: 0;
+  width: 120px;
+  height: 100%;
+  content: "";
+  z-index: 2;
+}
+
+.carousel:before {
+  left: 0;
+  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
+}
+
+.carousel:after {
+  right: 0;
+  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
+}
+
+.dark {
+  .carousel:before {
+    background: linear-gradient(to left, rgba(38, 40, 43, 0), #161617);
+  }
+
+  .carousel:after {
+    background: linear-gradient(to right, rgba(38, 40, 43, 0), #161617);
+  }
+}
+</style>

package/components/elements/infinite-scroll/AInfiniteScroll.vue

@@ -1,33 +1,33 @@
-<script lang="ts" setup>
-import { useInfiniteScroll } from '@vueuse/core'
-
-const props = withDefaults(defineProps<{ canLoadMore: boolean }>(), {
-  canLoadMore: true
-})
-const emit = defineEmits<{ (e: 'intersected'): void }>()
-
-const observe = ref<HTMLDivElement | null>(null)
-
-useInfiniteScroll(
-  observe,
-  () => {
-    emit('intersected')
-  },
-  {
-    distance: 10,
-    interval: 1000,
-    canLoadMore() {
-      return props.canLoadMore
-    }
-  }
-)
-</script>
-
-<template>
-  <div>
-    <slot />
-    <div ref="observe" />
-  </div>
-</template>
-
-<style scoped></style>
+<script lang="ts" setup>
+import { useInfiniteScroll } from '@vueuse/core'
+
+const props = withDefaults(defineProps<{ canLoadMore: boolean }>(), {
+  canLoadMore: true
+})
+const emit = defineEmits<{ (e: 'intersected'): void }>()
+
+const observe = ref<HTMLDivElement | null>(null)
+
+useInfiniteScroll(
+  observe,
+  () => {
+    emit('intersected')
+  },
+  {
+    distance: 10,
+    interval: 1000,
+    canLoadMore() {
+      return props.canLoadMore
+    }
+  }
+)
+</script>
+
+<template>
+  <div>
+    <slot />
+    <div ref="observe" />
+  </div>
+</template>
+
+<style scoped></style>

package/components/elements/leave-note/ALeaveNote.vue

@@ -1,99 +1,78 @@
-<script setup lang="ts">
-import * as z from 'zod'
-import { useUIValidation } from '#adata-ui/composables/useUIValidation'
-import AButtonV2 from '#adata-ui/components/elements/button/AButtonV2.vue'
-
-const props = withDefaults(defineProps<{
-  isError?: boolean,
-  errorText?: string
-}>(), {
-  isError: false,
-  errorText: '',
-})
-
-const emit = defineEmits<{
-  (e: 'onCancel'): void
-  (e: 'onSubmit'): void
-}>()
-
-const { t } = useI18n()
-
-const note = defineModel<string>({ required: true })
-const isLoading = defineModel<boolean>('loading')
-
-const schema = z.object({
-  note: z.string().nonempty(t('forms.leaveNote.errors.required')).max(100, t('forms.leaveNote.errors.maxLength', { n: 100 })),
-})
-
-const submitted = ref(false)
-
-const { validation, getError } = useUIValidation(
-  schema,
-  () => ({
-    note: note.value,
-  }),
-  submitted,
-)
-
-function onCancel() {
-  submitted.value = false
-  note.value = ''
-  emit('onCancel')
-}
-
-async function onSubmit() {
-  submitted.value = true
-  if (validation.value) return
-  emit('onSubmit')
-}
-
-defineExpose({
-  reset: () => (submitted.value = false),
-})
-</script>
-
-<template>
-  <div class="flex flex-col items-start rounded-sm">
-    <p class="text-sm font-semibold mb-4">
-      {{ t('forms.leaveNote.title') }}
-    </p>
-    <a-textarea
-      v-model="note"
-      class="min-h-[120px]"
-      color-classes="bg-deepblue-900/5 outline outline-1 outline-gray-200 dark:outline-gray-600 dark:bg-gray-200/5 !rounded-[10px]"
-      size="sm"
-      resizeable="y"
-      :label="t('forms.leaveNote.placeholder')"
-      :error="getError('note')"
-    >
-      <template #alert>
-        <a-alert
-          v-if="isError"
-          color="red"
-          class="mt-1"
-        >
-          {{ isError ? (!!errorText ? errorText : t('forms.leaveNote.limit')) : '' }}
-        </a-alert>
-      </template>
-    </a-textarea>
-    <div class="mt-2 flex w-full justify-end items-center gap-2 md:gap-[10px]">
-      <a-button-v2
-        class="w-full sm:w-auto"
-        view="outline"
-        size="md"
-        @click="onCancel"
-      >
-        {{ t('actions.cancel') }}
-      </a-button-v2>
-      <a-button-v2
-        :disabled="!note.trim() && isLoading"
-        class="w-full sm:w-auto"
-        size="md"
-        :loading="isLoading"
-        @click="onSubmit"
-      >
-        {{ t('actions.send') }}
-      </a-button-v2>
-    </div>
-  </div>
-</template>
+<script setup lang="ts">
+import * as z from 'zod'
+import { useUIValidation } from '#adata-ui/composables/useUIValidation'
+
+const props = defineProps<{
+  isError?: boolean,
+  errorText?: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'onSubmit'): void
+}>()
+
+const { t } = useI18n()
+
+const note = defineModel<string>({ required: true })
+const isLoading = defineModel<boolean>('loading')
+
+const schema = z.object({
+  note: z.string().nonempty(t('forms.leaveNote.errors.required')).max(100, t('forms.leaveNote.errors.maxLength', { n: 100 })),
+})
+
+const submitted = ref(false)
+
+const { validation, getError } = useUIValidation(
+  schema,
+  () => ({
+    note: note.value,
+  }),
+  submitted,
+)
+
+async function onSubmit() {
+  submitted.value = true
+  if (validation.value) return
+  emit('onSubmit')
+}
+
+defineExpose({
+  reset: () => (submitted.value = false),
+})
+</script>
+
+<template>
+  <div class="flex flex-col items-start rounded-md">
+    <p class="text-sm font-semibold mb-4">
+      {{ t('forms.leaveNote.title') }}
+    </p>
+    <a-textarea
+      v-model="note"
+      :label="t('forms.leaveNote.placeholder')"
+      :error="getError('note')"
+      class="mb-2 min-h-[120px]"
+      resizeable="none"
+      clearable
+      required
+    >
+      <template #alert>
+        <a-alert
+          v-if="isError || getError('note')"
+          color="red"
+          class="mt-1"
+        >
+          {{ getError('note') || (isError ? (!!errorText ? errorText : t('forms.leaveNote.limit')) : '') }}
+        </a-alert>
+      </template>
+    </a-textarea>
+    <a-button
+      :disabled="!note.trim() && isLoading"
+      class="w-full sm:w-auto"
+      size="lg"
+      :loading="isLoading"
+      @click="onSubmit"
+    >
+      {{ t('actions.send') }}
+    </a-button>
+  </div>
+</template>