@factoringplus/pl-components-pack-v3 2.0.0-pre-optimized-20-icons → 2.0.0-pre-optimized-21-icons

package/src/components/shared/pl-icon/assets-map/40/WarningPolygon40.ts

@@ -0,0 +1,2 @@
+import WarningPolygon40 from '../../assets/40/WarningPolygon40.svg';
+export default WarningPolygon40;

package/src/components/shared/pl-icon/assets-map/40/WarningTriangle40.ts

@@ -0,0 +1,2 @@
+import WarningTriangle40 from '../../assets/40/WarningTriangle40.svg';
+export default WarningTriangle40;

package/src/components/shared/pl-icon/assets-map/40/Yandex40.ts

@@ -0,0 +1,2 @@
+import Yandex40 from '../../assets/40/Yandex40.svg';
+export default Yandex40;

package/src/components/shared/pl-icon/assets-map/40/Youtube40.ts

@@ -0,0 +1,2 @@
+import Youtube40 from '../../assets/40/Youtube40.svg';
+export default Youtube40;

package/src/components/shared/pl-icon/assets-map/56/GoldenApple56.ts

@@ -0,0 +1,2 @@
+import GoldenApple56 from '../../assets/56/GoldenApple56.svg';
+export default GoldenApple56;

package/src/components/shared/pl-icon/assets-map/56/Lamoda56.ts

@@ -0,0 +1,2 @@
+import Lamoda56 from '../../assets/56/Lamoda56.svg';
+export default Lamoda56;

package/src/components/shared/pl-icon/assets-map/56/Ozon56.ts

@@ -0,0 +1,2 @@
+import Ozon56 from '../../assets/56/Ozon56.svg';
+export default Ozon56;

package/src/components/shared/pl-icon/assets-map/56/WB56.ts

@@ -0,0 +1,2 @@
+import WB56 from '../../assets/56/WB56.svg';
+export default WB56;

package/src/components/shared/pl-icon/assets-map/56/Yandex56.ts

@@ -0,0 +1,2 @@
+import Yandex56 from '../../assets/56/Yandex56.svg';
+export default Yandex56;

package/src/components/shared/pl-icon/iconNameMap.ts

@@ -0,0 +1,23 @@
+export const iconNameMap: Record<string, string> = {
+  ChevronBottom16: 'ChevronDown16',
+  ChevronTop16: 'ChevronUp16',
+  ChevronBottom32: 'ChevronDown32',
+  ChevronBottom40: 'ChevronDown40',
+  ChevronUp40: 'ChevronUp40',
+  ChevronTop32: 'ChevronUp32',
+  SortOne16: 'Sort16',
+  WarningThree16: 'WarningCircle16',
+  WarningTwo16: 'WarningPolygon16',
+  WarningOne16: 'WarningTriangle16',
+  WarningThree20: 'WarningCircle20',
+  WarningTwo20: 'WarningPolygon20',
+  WarningOne20: 'WarningTriangle20',
+  WarningThree24: 'WarningCircle24',
+  WarningTwo24: 'WarningPolygon24',
+  WarningOne24: 'WarningTriangle24',
+  DoubleLeft32: 'ChevronDoubleLeft32',
+  DoubleLeft40: 'ChevronDoubleLeft40',
+  USBPort16: 'USB16',
+  USBPort32: 'USB32',
+  USBPort40: 'USB40',
+};

package/src/components/shared/pl-icon/index.ts

@@ -0,0 +1,21 @@
+import Icon from './pl-icon.vue';
+import { withInstallFunction } from '@/install-function';
+
+import type { TIconProps, TIcon } from './types';
+
+export const PlIcon = withInstallFunction(Icon, 'PlIcon');
+export default PlIcon;
+export type { TIconProps, TIcon };
+// export * from './assets-map/index';
+declare module 'vue' {
+  export interface GlobalComponents {
+    /**
+     * Свойства иконки.
+     *
+     * @property name - Название иконки
+     * @property color - Цвет иконки
+     * @property icon - Компонент иконки
+     */
+    PlIcon: import('vue').DefineComponent<TIconProps>;
+  }
+}

package/src/components/shared/pl-icon/pl-icon.vue

@@ -0,0 +1,25 @@
+<template>
+  <div v-if="resolvedIcon" :style="styleObject" class="d-flex">
+    <component :is="resolvedIcon" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+// Иконка передаётся как компонент, а не по имени
+defineOptions({
+  name: 'PlIcon',
+});
+
+const props = defineProps<{
+  icon: any; // переданный компонент
+  color?: string;
+}>();
+
+const resolvedIcon = computed(() => props.icon);
+
+const styleObject = computed(() => ({
+  color: props.color ?? 'var(--color-text-icons-primary)',
+}));
+</script>

package/src/components/shared/pl-icon/types/index.ts

@@ -0,0 +1,568 @@
+export declare type TIconProps = {
+  /**
+   * Название иконки
+   */
+  name: TIcon;
+  /**
+   * Цвет иконки
+   */
+  color?: string | '';
+  /**
+   * Переданный компонент
+   */
+  icon?: any;
+};
+export declare type TIcon =
+  | ''
+  | 'Close16'
+  | 'User20'
+  | 'Group20'
+  | 'Edit20'
+  | 'BlankPan20'
+  | 'Support20'
+  | 'HandKey20'
+  | 'Lock20'
+  | 'Connection20'
+  | 'Picture20'
+  | 'Ruble20'
+  | 'Document20'
+  | 'Clip20'
+  | 'USB20'
+  | 'Layers20'
+  | 'BlankKey20'
+  | 'BlankChat20'
+  | 'BlankCheck20'
+  | 'BlankLock20'
+  | 'Calendar20'
+  | 'MailCheck20'
+  | 'Mail20'
+  | 'HandTop20'
+  | 'HandRight20'
+  | 'Pin20'
+  | 'Rotate20'
+  | 'Search20'
+  | 'ArrowTop20'
+  | 'ArrowRight20'
+  | 'ArrowLeft20'
+  | 'ArrowBottom20'
+  | 'Settings20'
+  | 'Chart20'
+  | 'Exit20'
+  | 'WarningTriangle20'
+  | 'WarningPolygon20'
+  | 'WarningCircle20'
+  | 'CircleCheck20'
+  | 'Question20'
+  | 'Library20'
+  | 'Loader20'
+  | 'Share20'
+  | 'Saved20'
+  | 'CloudDownload20'
+  | 'Bin20'
+  | 'Eye20'
+  | 'EyeCrossed20'
+  | 'Chat20'
+  | 'Bell20'
+  | 'DotsHorizontal20'
+  | 'DotsVertical20'
+  | 'Scheduled20'
+  | 'Dashboard20'
+  | 'Clock20'
+  | 'Box20'
+  | 'Sort20'
+  | 'SortTwo20'
+  | 'Filter20'
+  | 'Grid20'
+  | 'Hub20'
+  | 'GridTwo20'
+  | 'Home20'
+  | 'Key20'
+  | 'Bulb20'
+  | 'Attachment20'
+  | 'Download20'
+  | 'Link20'
+  | 'Copy20'
+  | 'Telegram20'
+  | 'SortThree20'
+  | 'Plus20'
+  | 'Minus20'
+  | 'Close20'
+  | 'Check20'
+  | 'Scroll20'
+  | 'Print20'
+  | 'Send20'
+  | 'Block20'
+  | 'Star20'
+  | 'Sticker20'
+  | 'ChevronDoubleLeft20'
+  | 'Cube20'
+  | 'Menu20'
+  | 'AlertFill20'
+  | 'Main20'
+  | 'Wallet20'
+  | 'Truck20'
+  | 'Percent20'
+  | 'Shield20'
+  | 'ChevronDown20'
+  | 'ChevronUp20'
+  | 'ChevronLeft20'
+  | 'ChevronRight20'
+  | 'CreditCard20'
+  | 'Zap20'
+  | 'User24'
+  | 'Group24'
+  | 'Edit24'
+  | 'BlankPan24'
+  | 'Support24'
+  | 'HandKey24'
+  | 'Lock24'
+  | 'Connection24'
+  | 'Picture24'
+  | 'Ruble24'
+  | 'Document24'
+  | 'Clip24'
+  | 'Bell24'
+  | 'USB24'
+  | 'Layers24'
+  | 'BlankKey24'
+  | 'BlankChat24'
+  | 'BlankCheck24'
+  | 'BlankLock24'
+  | 'Calendar24'
+  | 'MailCheck24'
+  | 'Mail24'
+  | 'HandTop24'
+  | 'HandRight24'
+  | 'Pin24'
+  | 'Rotate24'
+  | 'Search24'
+  | 'ArrowTop24'
+  | 'ArrowRight24'
+  | 'ArrowLeft24'
+  | 'ArrowBottom24'
+  | 'Settings24'
+  | 'Chart24'
+  | 'Exit24'
+  | 'WarningTriangle24'
+  | 'WarningPolygon24'
+  | 'WarningCircle24'
+  | 'CircleCheck24'
+  | 'Question24'
+  | 'Library24'
+  | 'Loader24'
+  | 'Share24'
+  | 'Saved24'
+  | 'CloudDownload24'
+  | 'Bin24'
+  | 'Eye24'
+  | 'EyeCrossed24'
+  | 'Chat24'
+  | 'DotsHorizontal24'
+  | 'DotsVertical24'
+  | 'Scheduled24'
+  | 'Dashboard24'
+  | 'Clock24'
+  | 'Box24'
+  | 'Sort24'
+  | 'SortTwo24'
+  | 'Filter24'
+  | 'Grid24'
+  | 'Hub24'
+  | 'GridTwo24'
+  | 'Home24'
+  | 'Key24'
+  | 'Bulb24'
+  | 'Attachment24'
+  | 'Download24'
+  | 'Link24'
+  | 'Copy24'
+  | 'Telegram24'
+  | 'SortThree24'
+  | 'Plus24'
+  | 'Minus24'
+  | 'Close24'
+  | 'Check24'
+  | 'Scroll24'
+  | 'Print24'
+  | 'Send24'
+  | 'Block24'
+  | 'Star24'
+  | 'Sticker24'
+  | 'ChevronDoubleLeft24'
+  | 'ChevronDoubleRight24'
+  | 'Cube24'
+  | 'Menu24'
+  | 'AlertFill24'
+  | 'Main24'
+  | 'Wallet24'
+  | 'Truck24'
+  | 'Percent24'
+  | 'Shield24'
+  | 'ChevronDown24'
+  | 'ChevronUp24'
+  | 'ChevronLeft24'
+  | 'ChevronRight24'
+  | 'Word24'
+  | 'Exel24'
+  | 'PDF24'
+  | 'JPG24'
+  | 'PNG24'
+  | 'Info24'
+  | 'WB20'
+  | 'Ozon20'
+  | 'Yandex20'
+  | 'WB24'
+  | 'Ozon24'
+  | 'Yandex24'
+  | 'WB40'
+  | 'Ozon40'
+  | 'Yandex40'
+  | 'WB56'
+  | 'Ozon56'
+  | 'Yandex56'
+  | 'Attachment32'
+  | 'Bell32'
+  | 'Bin32'
+  | 'BlankChat32'
+  | 'BlankCheck32'
+  | 'BlankKey32'
+  | 'BlankLock32'
+  | 'BlankPan32'
+  | 'Block32'
+  | 'Box32'
+  | 'Bulb32'
+  | 'Bulb40'
+  | 'Calendar32'
+  | 'Chart32'
+  | 'Chat32'
+  | 'Chat40'
+  | 'Check32'
+  | 'CheckCircle32'
+  | 'Connection32'
+  | 'Copy32'
+  | 'CreditCard32'
+  | 'CreditCard40'
+  | 'Dashboard32'
+  | 'Document32'
+  | 'DotsHorizontal32'
+  | 'DotsVertical32'
+  | 'ChevronDoubleLeft32'
+  | 'Download32'
+  | 'Edit32'
+  | 'Exit32'
+  | 'Eye32'
+  | 'EyeCrossed32'
+  | 'Filter32'
+  | 'FilterTwo32'
+  | 'Grid32'
+  | 'GridTwo32'
+  | 'Grid40'
+  | 'GridTwo40'
+  | 'Group32'
+  | 'HandKey32'
+  | 'HandRight32'
+  | 'HandTop32'
+  | 'Home32'
+  | 'Hub32'
+  | 'Hub40'
+  | 'Key32'
+  | 'Layers32'
+  | 'Library32'
+  | 'Link32'
+  | 'Link40'
+  | 'Loader32'
+  | 'Lock32'
+  | 'Mail32'
+  | 'MailCheck32'
+  | 'Menu32'
+  | 'Minus32'
+  | 'Notification32'
+  | 'Picture32'
+  | 'Pin32'
+  | 'Plus32'
+  | 'Print32'
+  | 'Question32'
+  | 'Rotate32'
+  | 'Ruble32'
+  | 'Sample32'
+  | 'Saved32'
+  | 'Scheduled32'
+  | 'Scroll32'
+  | 'Search32'
+  | 'Send32'
+  | 'Settings32'
+  | 'Share32'
+  | 'ShareTwo32'
+  | 'Sort32'
+  | 'SortTwo32'
+  | 'Star32'
+  | 'Sticker32'
+  | 'Support32'
+  | 'USB32'
+  | 'User32'
+  | 'WarningCircle32'
+  | 'WarningPolygon32'
+  | 'WarningTriangle32'
+  | 'BankAccount32'
+  | 'ChevronDown32'
+  | 'ChevronLeft32'
+  | 'ChevronRight32'
+  | 'ChevronUp32'
+  | 'ArrowBottom32'
+  | 'ArrowLeft32'
+  | 'ArrowRight32'
+  | 'ArrowTop32'
+  | 'ArrowTopRight32'
+  | 'Credit32'
+  | 'Factoring32'
+  | 'Guarantees32'
+  | 'Facebook32'
+  | 'Instagram32'
+  | 'Telegram32'
+  | 'VK32'
+  | 'Youtube32'
+  | 'Attachment40'
+  | 'Bell40'
+  | 'Bin40'
+  | 'BlankChat40'
+  | 'BlankCheck40'
+  | 'BlankKey40'
+  | 'BlankLock40'
+  | 'BlankPan40'
+  | 'Block40'
+  | 'Box40'
+  | 'Calendar40'
+  | 'Chart40'
+  | 'Check40'
+  | 'CheckCircle40'
+  | 'Clip40'
+  | 'Clock40'
+  | 'Close40'
+  | 'CloudDownload40'
+  | 'Connection40'
+  | 'Copy40'
+  | 'Dashboard40'
+  | 'Document40'
+  | 'DotsHorizontal40'
+  | 'DotsVertical40'
+  | 'ChevronDoubleLeft40'
+  | 'Download40'
+  | 'Edit40'
+  | 'Exit40'
+  | 'Eye40'
+  | 'EyeCrossed40'
+  | 'Filter40'
+  | 'FilterTwo40'
+  | 'Group40'
+  | 'HandKey40'
+  | 'HandRight40'
+  | 'HandTop40'
+  | 'Home40'
+  | 'Key40'
+  | 'Layers40'
+  | 'Library40'
+  | 'Loader40'
+  | 'Lock40'
+  | 'Mail40'
+  | 'MailCheck40'
+  | 'Menu40'
+  | 'Minus40'
+  | 'Notification40'
+  | 'Picture40'
+  | 'Pin40'
+  | 'Plus40'
+  | 'Print40'
+  | 'Question40'
+  | 'Rotate40'
+  | 'Ruble40'
+  | 'Sample40'
+  | 'Saved40'
+  | 'Scheduled40'
+  | 'Scroll40'
+  | 'Search40'
+  | 'Send40'
+  | 'Settings40'
+  | 'Share40'
+  | 'ShareTwo40'
+  | 'Sort40'
+  | 'SortTwo40'
+  | 'Star40'
+  | 'Sticker40'
+  | 'Support40'
+  | 'USB40'
+  | 'User40'
+  | 'WarningCircle40'
+  | 'WarningPolygon40'
+  | 'WarningTriangle40'
+  | 'ChevronDown40'
+  | 'ChevronLeft40'
+  | 'ChevronRight40'
+  | 'ChevronUp40'
+  | 'ArrowBottom40'
+  | 'ArrowLeft40'
+  | 'ArrowRight40'
+  | 'ArrowTop40'
+  | 'ArrowTopRight40'
+  | 'BankAccount40'
+  | 'Credit40'
+  | 'Factoring40'
+  | 'Guarantees40'
+  | 'Facebook40'
+  | 'Instagram40'
+  | 'Telegram40'
+  | 'VK40'
+  | 'Youtube40'
+  | 'Thunder20'
+  | 'Thunder24'
+  | 'Thunder32'
+  | 'Thunder40'
+  | 'Suitcase20'
+  | 'Suitcase24'
+  | 'Suitcase32'
+  | 'Suitcase40'
+  | 'Cloud20'
+  | 'Cloud24'
+  | 'Cloud32'
+  | 'Cloud40'
+  | 'AlertFill16'
+  | 'Cube16'
+  | 'ArrowBottom16'
+  | 'ArrowLeft16'
+  | 'ArrowRight16'
+  | 'ArrowTop16'
+  | 'Attachment16'
+  | 'Bell16'
+  | 'BellTwo16'
+  | 'Bin16'
+  | 'BlankChat16'
+  | 'BlankCheck16'
+  | 'BlankKey16'
+  | 'BlankLock16'
+  | 'BlankPan16'
+  | 'Block16'
+  | 'Box16'
+  | 'Bulb16'
+  | 'Calendar16'
+  | 'Chart16'
+  | 'Chat16'
+  | 'Check16'
+  | 'ChevronDown16'
+  | 'ChevronDoubleLeft16'
+  | 'ChevronLeft16'
+  | 'ChevronRight16'
+  | 'ChevronUp16'
+  | 'CircleCheck16'
+  | 'Clip16'
+  | 'Clock16'
+  | 'CloudDownload16'
+  | 'Connection16'
+  | 'Copy16'
+  | 'Dashboard16'
+  | 'Document16'
+  | 'DotsHorizontal16'
+  | 'DotsVertical16'
+  | 'Download16'
+  | 'Edit16'
+  | 'Exit16'
+  | 'Eye16'
+  | 'EyeCrossed16'
+  | 'Facebook16'
+  | 'Filter16'
+  | 'Grid16'
+  | 'GridTwo16'
+  | 'Group16'
+  | 'HandKey16'
+  | 'HandRight16'
+  | 'HandTop16'
+  | 'Home16'
+  | 'Hub16'
+  | 'Instagram16'
+  | 'Key16'
+  | 'Layers16'
+  | 'Library16'
+  | 'Link16'
+  | 'Loader16'
+  | 'Lock16'
+  | 'Mail16'
+  | 'MailCheck16'
+  | 'Menu16'
+  | 'MenuTwo16'
+  | 'Minus16'
+  | 'Notification16'
+  | 'Picture16'
+  | 'Pin16'
+  | 'Plus16'
+  | 'Print16'
+  | 'Question16'
+  | 'Rotate16'
+  | 'Ruble16'
+  | 'Saved16'
+  | 'Scheduled16'
+  | 'Scroll16'
+  | 'Search16'
+  | 'Send16'
+  | 'Settings16'
+  | 'Share16'
+  | 'ShareTwo16'
+  | 'Sort16'
+  | 'SortThree16'
+  | 'SortTwo16'
+  | 'Star16'
+  | 'Sticker16'
+  | 'Support16'
+  | 'Telegram16'
+  | 'USB16'
+  | 'User16'
+  | 'VK16'
+  | 'WarningTriangle16'
+  | 'WarningCircle16'
+  | 'WarningPolygon16'
+  | 'Cloud16'
+  | 'CreditCard16'
+  | 'Factoring16'
+  | 'Icon16'
+  | 'Main16'
+  | 'Percent16'
+  | 'Shield16'
+  | 'Suitcase16'
+  | 'Thunder16'
+  | 'Truck16'
+  | 'Wallet16'
+  | 'Zap16'
+  | 'ChevronDoubleRight16'
+  | 'ChevronDoubleRight20'
+  | 'Sidebar20'
+  | 'Sidebar16'
+  | 'Sidebar32'
+  | 'Sidebar40'
+  | 'Info16'
+  | 'Info20'
+  | 'Info40'
+  | 'Info32'
+  | 'ArrowTopRight16'
+  | 'ArrowTopRight20'
+  | 'ArrowTopRight24'
+  | 'Lamoda20'
+  | 'Lamoda24'
+  | 'Lamoda40'
+  | 'Lamoda56'
+  | 'CheckList20'
+  | 'Update20'
+  | 'AttachmentTwo20'
+  | 'Comment20'
+  | 'InfoTwo20'
+  | 'Ozon32'
+  | 'WB32'
+  | 'Yandex32'
+  | 'Lamoda32'
+  | 'GoldenApple20'
+  | 'GoldenApple24'
+  | 'GoldenApple32'
+  | 'GoldenApple40'
+  | 'GoldenApple56'
+  | 'CalendarEdit20'
+  | 'CalendarEdit24'
+  | 'Files24'
+  | 'PlusCircle32'
+  | 'ShoppingBag24'
+  | 'Diagram24';