@uzum-tech/ui 1.11.2 → 1.12.1

package/es/header/demos/mock.js

@@ -0,0 +1,235 @@
+import { h } from 'vue';
+import { UIcon } from '../../icon';
+import { Card as CardIcon, Cash as CashIcon, PhonePortrait as PhoneIcon, Document as DocumentIcon, Settings as SettingsIcon, Home as HomeIcon } from '@vicons/ionicons5';
+export const mockSearchResults = [
+    {
+        key: 'card-credit-1',
+        label: 'Кредитные карты 1',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-1');
+        }
+    },
+    {
+        key: 'card-debit-1',
+        label: 'Дебетовые карты 1',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-1');
+        }
+    },
+    {
+        key: 'card-credit-2',
+        label: 'Кредитные карты 2',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-2');
+        }
+    },
+    {
+        key: 'card-debit-2',
+        label: 'Дебетовые карты 2',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-2');
+        }
+    },
+    {
+        key: 'card-credit-3',
+        label: 'Кредитные карты 3',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-3');
+        }
+    },
+    {
+        key: 'card-debit-3',
+        label: 'Дебетовые карты 3',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-3');
+        }
+    },
+    {
+        key: 'card-credit-4',
+        label: 'Кредитные карты 4',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-4');
+        }
+    },
+    {
+        key: 'card-debit-4',
+        label: 'Дебетовые карты 4',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-4');
+        }
+    },
+    {
+        key: 'card-credit-5',
+        label: 'Кредитные карты 5',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-5');
+        }
+    },
+    {
+        key: 'card-debit-5',
+        label: 'Дебетовые карты 5',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-5');
+        }
+    },
+    {
+        key: 'card-credit-6',
+        label: 'Кредитные карты 6',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-6');
+        }
+    },
+    {
+        key: 'card-debit-6',
+        label: 'Дебетовые карты 6',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-6');
+        }
+    },
+    {
+        key: 'card-credit-7',
+        label: 'Кредитные карты 7',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-7');
+        }
+    },
+    {
+        key: 'card-debit-7',
+        label: 'Дебетовые карты 7',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-7');
+        }
+    },
+    {
+        key: 'card-credit-8',
+        label: 'Кредитные карты 8',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-8');
+        }
+    },
+    {
+        key: 'card-debit-8',
+        label: 'Дебетовые карты 8',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CardIcon) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-8');
+        }
+    },
+    {
+        key: 'deposit',
+        label: 'Вклады',
+        description: 'Выгодные вклады со ставкой до 18% годовых',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CashIcon) }),
+        extra: 'Вклады',
+        onClick: () => {
+            console.log('deposit');
+        }
+    },
+    {
+        key: 'deposit-saving',
+        label: 'Накопительный счет',
+        description: 'Проценты на остаток каждый день',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CashIcon) }),
+        extra: 'Вклады',
+        onClick: () => {
+            console.log('deposit-saving');
+        }
+    },
+    {
+        key: 'mobile-app',
+        label: 'Мобильное приложение',
+        description: 'Скачайте приложение Uzum Bank для iOS и Android',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(PhoneIcon) }),
+        extra: 'Сервисы',
+        onClick: () => {
+            console.log('mobile-app');
+        }
+    },
+    {
+        key: 'business-account',
+        label: 'Расчетный счет для бизнеса',
+        description: 'Откройте счет для ИП и ООО онлайн',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(SettingsIcon) }),
+        extra: 'Бизнес',
+        onClick: () => {
+            console.log('business-account');
+        }
+    },
+    {
+        key: 'transfer',
+        label: 'Переводы',
+        description: 'Переводы по номеру телефона без комиссии',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(CashIcon) }),
+        extra: 'Переводы',
+        onClick: () => {
+            console.log('transfer');
+        }
+    },
+    {
+        key: 'documents',
+        label: 'Тарифы и документы',
+        description: 'Полный список тарифов и условий',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(DocumentIcon) }),
+        extra: 'Информация',
+        onClick: () => {
+            console.log('documents');
+        }
+    },
+    {
+        key: 'support',
+        label: 'Поддержка',
+        description: 'Контакты службы поддержки',
+        icon: () => h(UIcon, { size: 20 }, { default: () => h(HomeIcon) }),
+        extra: 'Помощь',
+        onClick: () => {
+            console.log('support');
+        }
+    }
+];

package/es/header/index.d.ts

@@ -0,0 +1,12 @@
+export { default as UHeader, headerProps } from './src/Header';
+export { default as UHeaderNavigation, headerNavigationProps } from './src/HeaderNavigation';
+export { default as UHeaderMobile, headerMobileProps } from './src/mobile/HeaderMobile';
+export { default as UHeaderActions, headerActionsProps } from './src/HeaderActions';
+export { default as UHeaderDesktopLayout, headerDesktopLayoutProps } from './src/HeaderDesktopLayout';
+export { default as UHeaderMobileLayout, headerMobileLayoutProps } from './src/HeaderMobileLayout';
+export { default as UHeaderSearchMobile, headerSearchMobileProps } from './src/HeaderSearchMobile';
+export { default as UHeaderSearchDesktop, headerSearchDesktopProps } from './src/HeaderSearchDesktop';
+export type { HeaderProps } from './src/Header';
+export { default as UHeaderSearchResults, headerSearchResultsProps } from './src/HeaderSearchResults';
+export type { HeaderMenuOption, HeaderMenuColumnOption, HeaderMenuChildOption, HeaderMenuGroupOption, HeaderMenuDividerOption, HeaderMenuPlacement, HeaderMenuTrigger, HeaderMenuTabsProps, LangOption, HeaderSearchResult, HeaderSearchHandler } from './src/interface';
+export * from './src/utils';

package/es/header/index.js

@@ -0,0 +1,10 @@
+export { default as UHeader, headerProps } from './src/Header';
+export { default as UHeaderNavigation, headerNavigationProps } from './src/HeaderNavigation';
+export { default as UHeaderMobile, headerMobileProps } from './src/mobile/HeaderMobile';
+export { default as UHeaderActions, headerActionsProps } from './src/HeaderActions';
+export { default as UHeaderDesktopLayout, headerDesktopLayoutProps } from './src/HeaderDesktopLayout';
+export { default as UHeaderMobileLayout, headerMobileLayoutProps } from './src/HeaderMobileLayout';
+export { default as UHeaderSearchMobile, headerSearchMobileProps } from './src/HeaderSearchMobile';
+export { default as UHeaderSearchDesktop, headerSearchDesktopProps } from './src/HeaderSearchDesktop';
+export { default as UHeaderSearchResults, headerSearchResultsProps } from './src/HeaderSearchResults';
+export * from './src/utils';