mediacube-ui-v2 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.vue.d.ts +2 -0
- package/dist/McBottomLoader-DP6VeK0N.js +4 -0
- package/dist/McOverlay-BZft7En3.js +4 -0
- package/dist/assets/tokens/json/animations.json.d.ts +8 -0
- package/dist/assets/tokens/json/border-radius.json.d.ts +26 -0
- package/dist/assets/tokens/json/box-shadows.json.d.ts +26 -0
- package/dist/assets/tokens/json/colors.json.d.ts +73 -0
- package/dist/assets/tokens/json/durations.json.d.ts +12 -0
- package/dist/assets/tokens/json/easings.json.d.ts +5 -0
- package/dist/assets/tokens/json/font-families.json.d.ts +6 -0
- package/dist/assets/tokens/json/font-sizes.json.d.ts +20 -0
- package/dist/assets/tokens/json/font-weights.json.d.ts +14 -0
- package/dist/assets/tokens/json/gradients.json.d.ts +15 -0
- package/dist/assets/tokens/json/index.d.ts +18 -0
- package/dist/assets/tokens/json/letter-spacings.json.d.ts +6 -0
- package/dist/assets/tokens/json/line-heights.json.d.ts +20 -0
- package/dist/assets/tokens/json/media-queries.json.d.ts +28 -0
- package/dist/assets/tokens/json/opacities.json.d.ts +7 -0
- package/dist/assets/tokens/json/sizes.json.d.ts +44 -0
- package/dist/assets/tokens/json/spacings.json.d.ts +36 -0
- package/dist/assets/tokens/json/z-indexes.json.d.ts +14 -0
- package/dist/components/elements/McAvatar/McAvatar.vue.d.ts +156 -0
- package/dist/components/elements/McBadge/McBadge.vue.d.ts +53 -0
- package/dist/components/elements/McBottomLoader/McBottomLoader.vue.d.ts +14 -0
- package/dist/components/elements/McButton/McButton.vue.d.ts +438 -0
- package/dist/components/elements/McChip/McChip.vue.d.ts +122 -0
- package/dist/components/elements/McCropper/McCropper.vue.d.ts +28 -0
- package/dist/components/elements/McDatepicker/McDatepicker.vue.d.ts +12 -0
- package/dist/components/elements/McDraggable/McDraggable.vue.d.ts +78 -0
- package/dist/components/elements/McFieldCheckbox/McFieldCheckbox.vue.d.ts +11 -0
- package/dist/components/elements/McFieldRadio/McFieldRadio.vue.d.ts +189 -0
- package/dist/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue.d.ts +10 -0
- package/dist/components/elements/McFieldRange/McFieldRange.vue.d.ts +216 -0
- package/dist/components/elements/McFieldSelect/McFieldSelect.vue.d.ts +529 -0
- package/dist/components/elements/McFieldText/McFieldText.vue.d.ts +461 -0
- package/dist/components/elements/McFieldToggle/McFieldToggle.vue.d.ts +158 -0
- package/dist/components/elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue.d.ts +58 -0
- package/dist/components/elements/McNodata/McNoData.vue.d.ts +110 -0
- package/dist/components/elements/McNotification/McNotification.vue.d.ts +124 -0
- package/dist/components/elements/McProgress/McProgress.vue.d.ts +135 -0
- package/dist/components/elements/McSeparator/McSeparator.vue.d.ts +133 -0
- package/dist/components/elements/McSlideUpDown/McSlideUpDown.vue.d.ts +68 -0
- package/dist/components/elements/McStack/McStack.vue.d.ts +24 -0
- package/dist/components/elements/McSvgIcon/McSvgIcon.vue.d.ts +119 -0
- package/dist/components/elements/McTitle/McTitle.vue.d.ts +201 -0
- package/dist/components/elements/McTooltip/McTooltip.vue.d.ts +104 -0
- package/dist/components/index.d.ts +62 -0
- package/dist/components/patterns/McAccordion/McAccordion.vue.d.ts +28 -0
- package/dist/components/patterns/McCell/McCell.vue.d.ts +76 -0
- package/dist/components/patterns/McCollapse/McCollapse.vue.d.ts +67 -0
- package/dist/components/patterns/McDropdown/McDropdown.vue.d.ts +122 -0
- package/dist/components/patterns/McDropdown/McDropdownPanel.vue.d.ts +22 -0
- package/dist/components/patterns/McFilter/McFilter.vue.d.ts +152 -0
- package/dist/components/patterns/McFilter/McFilterChip/McFilterChip.vue.d.ts +55 -0
- package/dist/components/patterns/McFilter/McFilterTags/McFilterTags.vue.d.ts +85 -0
- package/dist/components/patterns/McFilter/McFilterTypeDate/McFilterTypeDate.vue.d.ts +66 -0
- package/dist/components/patterns/McFilter/McFilterTypeRange/McFilterTypeRange.vue.d.ts +57 -0
- package/dist/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue.d.ts +74 -0
- package/dist/components/patterns/McFilter/McFilterTypeText/McFilterTypeText.vue.d.ts +57 -0
- package/dist/components/patterns/McGridCol/McGridCol.vue.d.ts +107 -0
- package/dist/components/patterns/McGridRow/McGridRow.vue.d.ts +104 -0
- package/dist/components/patterns/McOverlay/McOverlay.vue.d.ts +24 -0
- package/dist/components/patterns/McPreview/McPreview.vue.d.ts +33 -0
- package/dist/components/patterns/McSideBar/McSideBar.vue.d.ts +292 -0
- package/dist/components/patterns/McSideBar/McSideBarBottom/McSideBarBottom.vue.d.ts +67 -0
- package/dist/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts +203 -0
- package/dist/components/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue.d.ts +94 -0
- package/dist/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.d.ts +123 -0
- package/dist/components/patterns/McTab/McTab.vue.d.ts +224 -0
- package/dist/components/patterns/McTabs/McTabs.vue.d.ts +148 -0
- package/dist/components/patterns/McWrapScroll/McWrapScroll.vue.d.ts +127 -0
- package/dist/components/templates/McDrawer/McDrawer.vue.d.ts +104 -0
- package/dist/components/templates/McDrawer/McDrawerContainer.vue.d.ts +31 -0
- package/dist/components/templates/McDrawer/McDrawerContentTemplate/McDrawerContentTemplate.vue.d.ts +39 -0
- package/dist/components/templates/McModal/McModal.vue.d.ts +232 -0
- package/dist/components/templates/McModal/McModalContainer.vue.d.ts +31 -0
- package/dist/components/templates/McTable/McTable/McTable.vue.d.ts +295 -0
- package/dist/components/templates/McTable/McTableCard/McTableCard.vue.d.ts +128 -0
- package/dist/components/templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue.d.ts +32 -0
- package/dist/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue.d.ts +18 -0
- package/dist/components/templates/McTable/McTableSort/McTableSort.vue.d.ts +29 -0
- package/dist/components/templates/McTopBar/McTopBar.vue.d.ts +85 -0
- package/dist/components/templates/McVirtualScroll/McVirtualScroll.vue.d.ts +79 -0
- package/dist/composables/index.d.ts +8 -0
- package/dist/composables/useDrawer.d.ts +6 -0
- package/dist/composables/useEncodeDecode.d.ts +5 -0
- package/dist/composables/useFieldErrors.d.ts +5 -0
- package/dist/composables/useHelper.d.ts +17 -0
- package/dist/composables/useModal.d.ts +5 -0
- package/dist/composables/useRandomNumber.d.ts +4 -0
- package/dist/composables/useTooltip.d.ts +8 -0
- package/dist/consts/table.d.ts +6 -0
- package/dist/enums/Cell.d.ts +5 -0
- package/dist/enums/Chip.d.ts +9 -0
- package/dist/enums/Datepicker.d.ts +37 -0
- package/dist/enums/Drawer.d.ts +4 -0
- package/dist/enums/Dropdown.d.ts +10 -0
- package/dist/enums/Filter.d.ts +12 -0
- package/dist/enums/Grid.d.ts +21 -0
- package/dist/enums/Input.d.ts +18 -0
- package/dist/enums/Modal.d.ts +4 -0
- package/dist/enums/Preview.d.ts +5 -0
- package/dist/enums/Radio.d.ts +4 -0
- package/dist/enums/RadioGroup.d.ts +4 -0
- package/dist/enums/Select.d.ts +9 -0
- package/dist/enums/Sidebar.d.ts +4 -0
- package/dist/enums/Tab.d.ts +5 -0
- package/dist/enums/Title.d.ts +19 -0
- package/dist/enums/Tooltip.d.ts +13 -0
- package/dist/enums/index.d.ts +21 -0
- package/dist/enums/ui/Alignment.d.ts +5 -0
- package/dist/enums/ui/Button.d.ts +21 -0
- package/dist/enums/ui/Directions.d.ts +4 -0
- package/dist/enums/ui/Weights.d.ts +6 -0
- package/dist/{es-ZT7NtsIJ.js → es-CKatgsl2.js} +1 -1
- package/dist/{index-BNI8_4VG.js → index-DUxSE0Pp.js} +11991 -9401
- package/dist/index.d.ts +9 -0
- package/dist/{mediacube-ui-v2.es.js → index.es.js} +1 -1
- package/dist/index.umd.js +38 -0
- package/dist/main.d.ts +0 -0
- package/dist/mocks/authUser.d.ts +132 -0
- package/dist/mocks/categories.d.ts +8 -0
- package/dist/mocks/filterMocks.d.ts +17 -0
- package/dist/mocks/icons.json.d.ts +3 -0
- package/dist/mocks/menuLangs.d.ts +5 -0
- package/dist/mocks/sidebar.d.ts +9 -0
- package/dist/mocks/tableData.d.ts +5 -0
- package/dist/no_table_data.png +0 -0
- package/dist/no_user.png +0 -0
- package/dist/{pt-DABURhaw.js → pt-CEavNnlV.js} +1 -1
- package/dist/{ru-DrTReLfa.js → ru-DX_6fNBy.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{th-CxdSf7Vb.js → th-DGTC0w1I.js} +1 -1
- package/dist/types/IButton.d.ts +40 -0
- package/dist/types/ICell.d.ts +4 -0
- package/dist/types/IChip.d.ts +8 -0
- package/dist/types/ICollapse.d.ts +14 -0
- package/dist/types/IDatepicker.d.ts +30 -0
- package/dist/types/IDirections.d.ts +4 -0
- package/dist/types/IDrawer.d.ts +25 -0
- package/dist/types/IDropdown.d.ts +5 -0
- package/dist/types/IFilter.d.ts +152 -0
- package/dist/types/IGrid.d.ts +4 -0
- package/dist/types/IInput.d.ts +5 -0
- package/dist/types/IModal.d.ts +27 -0
- package/dist/types/IPreview.d.ts +4 -0
- package/dist/types/IRadio.d.ts +4 -0
- package/dist/types/IRadioGroup.d.ts +9 -0
- package/dist/types/IRoute.d.ts +16 -0
- package/dist/types/ISelect.d.ts +15 -0
- package/dist/types/ISideBar.d.ts +73 -0
- package/dist/types/ITable.d.ts +69 -0
- package/dist/types/ITabs.d.ts +31 -0
- package/dist/types/ITitle.d.ts +5 -0
- package/dist/types/ITooltip.d.ts +26 -0
- package/dist/types/index.d.ts +36 -0
- package/dist/types/styles/Alignment.d.ts +2 -0
- package/dist/types/styles/AvatarSizes.d.ts +22 -0
- package/dist/types/styles/Colors.d.ts +73 -0
- package/dist/types/styles/Durations.d.ts +13 -0
- package/dist/types/styles/FontSizes.d.ts +20 -0
- package/dist/types/styles/FontWeights.d.ts +15 -0
- package/dist/types/styles/Grid.d.ts +4 -0
- package/dist/types/styles/Icons.d.ts +447 -0
- package/dist/types/styles/LineHeights.d.ts +20 -0
- package/dist/types/styles/MediaQueries.d.ts +26 -0
- package/dist/types/styles/Radiuses.d.ts +26 -0
- package/dist/types/styles/Sizes.d.ts +35 -0
- package/dist/types/styles/Spaces.d.ts +35 -0
- package/dist/types/styles/Weights.d.ts +2 -0
- package/dist/utils/dayjs.d.ts +175 -0
- package/dist/utils/mcGridColAdaptiveProps.d.ts +10 -0
- package/dist/utils/mcTitleAdaptiveProps.d.ts +10 -0
- package/dist/{vi-DiQKH9bm.js → vi-Pc8KAwzf.js} +1 -1
- package/package.json +5 -3
- package/dist/McBottomLoader-DXamMgue.js +0 -4
- package/dist/McOverlay-xiwfcXWp.js +0 -4
- package/dist/mediacube-ui-v2.umd.js +0 -38
|
@@ -0,0 +1,295 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ITableColumn, ITableColumnEnriched, ITableData, ITableSort, ITableTotals, ITablePlaceholders, TableCardState } from '../../../../types/ITable';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
columns: {
|
|
5
|
+
type: PropType<ITableColumn[]>;
|
|
6
|
+
required: true;
|
|
7
|
+
default: () => ITableColumn[];
|
|
8
|
+
};
|
|
9
|
+
data: {
|
|
10
|
+
type: PropType<ITableData>;
|
|
11
|
+
required: true;
|
|
12
|
+
default: () => never[];
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
|
|
16
|
+
* */
|
|
17
|
+
totals: {
|
|
18
|
+
type: PropType<ITableTotals<ITableColumn>>;
|
|
19
|
+
default: () => {};
|
|
20
|
+
};
|
|
21
|
+
sort: {
|
|
22
|
+
type: PropType<ITableSort>;
|
|
23
|
+
default: () => {};
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* Фиксировать ли первую колонку таблицы
|
|
27
|
+
* */
|
|
28
|
+
fixedFirstColumn: {
|
|
29
|
+
type: PropType<boolean>;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Фиксировать ли последнюю колонку таблицы
|
|
34
|
+
* */
|
|
35
|
+
fixedLastColumn: {
|
|
36
|
+
type: PropType<boolean>;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
|
|
41
|
+
* */
|
|
42
|
+
hasLoadMore: {
|
|
43
|
+
type: PropType<boolean>;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
46
|
+
height: {
|
|
47
|
+
type: PropType<number | "auto">;
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Высота строки в шапке
|
|
52
|
+
* */
|
|
53
|
+
headerRowHeight: {
|
|
54
|
+
type: PropType<number>;
|
|
55
|
+
default: number;
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* Высота строки в теле таблицы
|
|
59
|
+
* */
|
|
60
|
+
rowHeight: {
|
|
61
|
+
type: PropType<number>;
|
|
62
|
+
default: number;
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* Высота строки в подвале (строка с тоталами)
|
|
66
|
+
* */
|
|
67
|
+
footerRowHeight: {
|
|
68
|
+
type: PropType<number>;
|
|
69
|
+
default: number;
|
|
70
|
+
};
|
|
71
|
+
/**
|
|
72
|
+
* Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
|
|
73
|
+
*/
|
|
74
|
+
skeletonLoading: {
|
|
75
|
+
type: PropType<boolean>;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* Лоадинг внизу таблицы
|
|
80
|
+
* */
|
|
81
|
+
bottomLoading: {
|
|
82
|
+
type: PropType<boolean>;
|
|
83
|
+
default: boolean;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* Оверлей с затемнение на всю таблицу
|
|
87
|
+
* */
|
|
88
|
+
loading: {
|
|
89
|
+
type: PropType<boolean>;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
/**
|
|
93
|
+
* Переводы плейсхолеров и текстов
|
|
94
|
+
*/
|
|
95
|
+
placeholders: {
|
|
96
|
+
type: PropType<Partial<ITablePlaceholders>>;
|
|
97
|
+
default: () => {};
|
|
98
|
+
};
|
|
99
|
+
noDataIcon: {
|
|
100
|
+
type: () => "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "click" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copy" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "drag" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "error" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "pause" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "play" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
|
|
101
|
+
default: null;
|
|
102
|
+
};
|
|
103
|
+
noDataImg: {
|
|
104
|
+
type: PropType<string>;
|
|
105
|
+
default: string;
|
|
106
|
+
};
|
|
107
|
+
/**
|
|
108
|
+
* Любые данные что бы передать их в карточку из таблицы
|
|
109
|
+
* */
|
|
110
|
+
toTableCardProps: {
|
|
111
|
+
type: PropType<Record<any, any>>;
|
|
112
|
+
default: () => {};
|
|
113
|
+
};
|
|
114
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
115
|
+
sort: (value: ITableSort) => any;
|
|
116
|
+
loading: () => any;
|
|
117
|
+
"row-click": (value: any) => any;
|
|
118
|
+
"table-card-opened": (value: TableCardState) => any;
|
|
119
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
120
|
+
columns: {
|
|
121
|
+
type: PropType<ITableColumn[]>;
|
|
122
|
+
required: true;
|
|
123
|
+
default: () => ITableColumn[];
|
|
124
|
+
};
|
|
125
|
+
data: {
|
|
126
|
+
type: PropType<ITableData>;
|
|
127
|
+
required: true;
|
|
128
|
+
default: () => never[];
|
|
129
|
+
};
|
|
130
|
+
/**
|
|
131
|
+
* Тоталы таблицы (отображаются в футере), обьект ключи которого = поле field из массива колонок
|
|
132
|
+
* */
|
|
133
|
+
totals: {
|
|
134
|
+
type: PropType<ITableTotals<ITableColumn>>;
|
|
135
|
+
default: () => {};
|
|
136
|
+
};
|
|
137
|
+
sort: {
|
|
138
|
+
type: PropType<ITableSort>;
|
|
139
|
+
default: () => {};
|
|
140
|
+
};
|
|
141
|
+
/**
|
|
142
|
+
* Фиксировать ли первую колонку таблицы
|
|
143
|
+
* */
|
|
144
|
+
fixedFirstColumn: {
|
|
145
|
+
type: PropType<boolean>;
|
|
146
|
+
default: boolean;
|
|
147
|
+
};
|
|
148
|
+
/**
|
|
149
|
+
* Фиксировать ли последнюю колонку таблицы
|
|
150
|
+
* */
|
|
151
|
+
fixedLastColumn: {
|
|
152
|
+
type: PropType<boolean>;
|
|
153
|
+
default: boolean;
|
|
154
|
+
};
|
|
155
|
+
/**
|
|
156
|
+
* Есть ли у таблицы еще данные, если true, при полном пролистывании таблицы вниз, будет вызываться метод @loading
|
|
157
|
+
* */
|
|
158
|
+
hasLoadMore: {
|
|
159
|
+
type: PropType<boolean>;
|
|
160
|
+
default: boolean;
|
|
161
|
+
};
|
|
162
|
+
height: {
|
|
163
|
+
type: PropType<number | "auto">;
|
|
164
|
+
default: string;
|
|
165
|
+
};
|
|
166
|
+
/**
|
|
167
|
+
* Высота строки в шапке
|
|
168
|
+
* */
|
|
169
|
+
headerRowHeight: {
|
|
170
|
+
type: PropType<number>;
|
|
171
|
+
default: number;
|
|
172
|
+
};
|
|
173
|
+
/**
|
|
174
|
+
* Высота строки в теле таблицы
|
|
175
|
+
* */
|
|
176
|
+
rowHeight: {
|
|
177
|
+
type: PropType<number>;
|
|
178
|
+
default: number;
|
|
179
|
+
};
|
|
180
|
+
/**
|
|
181
|
+
* Высота строки в подвале (строка с тоталами)
|
|
182
|
+
* */
|
|
183
|
+
footerRowHeight: {
|
|
184
|
+
type: PropType<number>;
|
|
185
|
+
default: number;
|
|
186
|
+
};
|
|
187
|
+
/**
|
|
188
|
+
* Отрисовка всей таблицы и полоса загрузки в каждой ячейке (скелетная загрузка)
|
|
189
|
+
*/
|
|
190
|
+
skeletonLoading: {
|
|
191
|
+
type: PropType<boolean>;
|
|
192
|
+
default: boolean;
|
|
193
|
+
};
|
|
194
|
+
/**
|
|
195
|
+
* Лоадинг внизу таблицы
|
|
196
|
+
* */
|
|
197
|
+
bottomLoading: {
|
|
198
|
+
type: PropType<boolean>;
|
|
199
|
+
default: boolean;
|
|
200
|
+
};
|
|
201
|
+
/**
|
|
202
|
+
* Оверлей с затемнение на всю таблицу
|
|
203
|
+
* */
|
|
204
|
+
loading: {
|
|
205
|
+
type: PropType<boolean>;
|
|
206
|
+
default: boolean;
|
|
207
|
+
};
|
|
208
|
+
/**
|
|
209
|
+
* Переводы плейсхолеров и текстов
|
|
210
|
+
*/
|
|
211
|
+
placeholders: {
|
|
212
|
+
type: PropType<Partial<ITablePlaceholders>>;
|
|
213
|
+
default: () => {};
|
|
214
|
+
};
|
|
215
|
+
noDataIcon: {
|
|
216
|
+
type: () => "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "click" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copy" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "drag" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "error" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "pause" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "play" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
|
|
217
|
+
default: null;
|
|
218
|
+
};
|
|
219
|
+
noDataImg: {
|
|
220
|
+
type: PropType<string>;
|
|
221
|
+
default: string;
|
|
222
|
+
};
|
|
223
|
+
/**
|
|
224
|
+
* Любые данные что бы передать их в карточку из таблицы
|
|
225
|
+
* */
|
|
226
|
+
toTableCardProps: {
|
|
227
|
+
type: PropType<Record<any, any>>;
|
|
228
|
+
default: () => {};
|
|
229
|
+
};
|
|
230
|
+
}>> & Readonly<{
|
|
231
|
+
onSort?: ((value: ITableSort) => any) | undefined;
|
|
232
|
+
onLoading?: (() => any) | undefined;
|
|
233
|
+
"onRow-click"?: ((value: any) => any) | undefined;
|
|
234
|
+
"onTable-card-opened"?: ((value: TableCardState) => any) | undefined;
|
|
235
|
+
}>, {
|
|
236
|
+
sort: ITableSort;
|
|
237
|
+
data: ITableData;
|
|
238
|
+
height: number | "auto";
|
|
239
|
+
loading: boolean;
|
|
240
|
+
placeholders: Partial<ITablePlaceholders>;
|
|
241
|
+
columns: ITableColumn[];
|
|
242
|
+
totals: ITableTotals<ITableColumn>;
|
|
243
|
+
fixedFirstColumn: boolean;
|
|
244
|
+
fixedLastColumn: boolean;
|
|
245
|
+
hasLoadMore: boolean;
|
|
246
|
+
headerRowHeight: number;
|
|
247
|
+
rowHeight: number;
|
|
248
|
+
footerRowHeight: number;
|
|
249
|
+
skeletonLoading: boolean;
|
|
250
|
+
bottomLoading: boolean;
|
|
251
|
+
noDataIcon: "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "click" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copy" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "drag" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "error" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "pause" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "play" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
|
|
252
|
+
noDataImg: string;
|
|
253
|
+
toTableCardProps: Record<any, any>;
|
|
254
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, Partial<Record<`${string}-header-right`, (_: {
|
|
255
|
+
column: ITableColumnEnriched;
|
|
256
|
+
cellIndex: number;
|
|
257
|
+
}) => any>> & Partial<Record<`${string}-total`, (_: {
|
|
258
|
+
column: ITableColumnEnriched;
|
|
259
|
+
cellIndex: number;
|
|
260
|
+
}) => any>> & Partial<Record<string, (_: {
|
|
261
|
+
row: any;
|
|
262
|
+
rowIndex: number;
|
|
263
|
+
column: ITableColumnEnriched;
|
|
264
|
+
cellIndex: number;
|
|
265
|
+
cellValue: any;
|
|
266
|
+
}) => any>> & Partial<Record<`${string}-right`, (_: {}) => any>> & {
|
|
267
|
+
"header-cell"?(_: {
|
|
268
|
+
column: ITableColumnEnriched;
|
|
269
|
+
cellIndex: number;
|
|
270
|
+
}): any;
|
|
271
|
+
"footer-cell"?(_: {
|
|
272
|
+
column: ITableColumnEnriched;
|
|
273
|
+
cellIndex: number;
|
|
274
|
+
cellValue: string | number | undefined;
|
|
275
|
+
}): any;
|
|
276
|
+
default?(_: {
|
|
277
|
+
id?: string | number | undefined;
|
|
278
|
+
tableColumns: ITableColumn[];
|
|
279
|
+
tableData: ITableData;
|
|
280
|
+
tableTotals: ITableTotals<ITableColumn>;
|
|
281
|
+
tableSort: ITableSort;
|
|
282
|
+
tableHeaderRowHeight: number;
|
|
283
|
+
tableFooterRowHeight: number;
|
|
284
|
+
tableFixedFirstColumn: boolean;
|
|
285
|
+
tableCardProps: Record<any, any>;
|
|
286
|
+
footerBlur?: boolean | undefined;
|
|
287
|
+
onSetTableCardState: any;
|
|
288
|
+
}): any;
|
|
289
|
+
}>;
|
|
290
|
+
export default _default;
|
|
291
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
292
|
+
new (): {
|
|
293
|
+
$slots: S;
|
|
294
|
+
};
|
|
295
|
+
};
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ITableColumn, ITableColumnWidth, ITableData, ITableSort, ITableTotals, TableCardState } from '../../../../types/ITable';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
/**
|
|
5
|
+
* Обязательно что бы таблица правильно подсвечивала выбранную строку. Проверка будет по полю id
|
|
6
|
+
* Если карточка используется как рутовый узел страницы, будет автоматически приходить router.params.id
|
|
7
|
+
* */
|
|
8
|
+
id: {
|
|
9
|
+
type: PropType<string | number>;
|
|
10
|
+
};
|
|
11
|
+
tableColumns: {
|
|
12
|
+
type: PropType<ITableColumnWidth[]>;
|
|
13
|
+
default: () => never[];
|
|
14
|
+
};
|
|
15
|
+
tableData: {
|
|
16
|
+
type: PropType<ITableData>;
|
|
17
|
+
default: () => never[];
|
|
18
|
+
};
|
|
19
|
+
tableTotals: {
|
|
20
|
+
type: PropType<ITableTotals<ITableColumn>>;
|
|
21
|
+
default: () => {};
|
|
22
|
+
};
|
|
23
|
+
tableSort: {
|
|
24
|
+
type: PropType<ITableSort>;
|
|
25
|
+
default: () => {};
|
|
26
|
+
};
|
|
27
|
+
tableFixedFirstColumn: {
|
|
28
|
+
type: PropType<boolean>;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
tableHeaderRowHeight: {
|
|
32
|
+
type: PropType<number>;
|
|
33
|
+
default: number;
|
|
34
|
+
};
|
|
35
|
+
tableFooterRowHeight: {
|
|
36
|
+
type: PropType<number>;
|
|
37
|
+
default: number;
|
|
38
|
+
};
|
|
39
|
+
tableCardProps: {
|
|
40
|
+
type: PropType<Record<any, any>>;
|
|
41
|
+
default: () => {};
|
|
42
|
+
};
|
|
43
|
+
footerBlur: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
48
|
+
"set-table-card-state": (value: TableCardState) => any;
|
|
49
|
+
"card-id-updated": (value: TableCardState) => any;
|
|
50
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
51
|
+
/**
|
|
52
|
+
* Обязательно что бы таблица правильно подсвечивала выбранную строку. Проверка будет по полю id
|
|
53
|
+
* Если карточка используется как рутовый узел страницы, будет автоматически приходить router.params.id
|
|
54
|
+
* */
|
|
55
|
+
id: {
|
|
56
|
+
type: PropType<string | number>;
|
|
57
|
+
};
|
|
58
|
+
tableColumns: {
|
|
59
|
+
type: PropType<ITableColumnWidth[]>;
|
|
60
|
+
default: () => never[];
|
|
61
|
+
};
|
|
62
|
+
tableData: {
|
|
63
|
+
type: PropType<ITableData>;
|
|
64
|
+
default: () => never[];
|
|
65
|
+
};
|
|
66
|
+
tableTotals: {
|
|
67
|
+
type: PropType<ITableTotals<ITableColumn>>;
|
|
68
|
+
default: () => {};
|
|
69
|
+
};
|
|
70
|
+
tableSort: {
|
|
71
|
+
type: PropType<ITableSort>;
|
|
72
|
+
default: () => {};
|
|
73
|
+
};
|
|
74
|
+
tableFixedFirstColumn: {
|
|
75
|
+
type: PropType<boolean>;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
78
|
+
tableHeaderRowHeight: {
|
|
79
|
+
type: PropType<number>;
|
|
80
|
+
default: number;
|
|
81
|
+
};
|
|
82
|
+
tableFooterRowHeight: {
|
|
83
|
+
type: PropType<number>;
|
|
84
|
+
default: number;
|
|
85
|
+
};
|
|
86
|
+
tableCardProps: {
|
|
87
|
+
type: PropType<Record<any, any>>;
|
|
88
|
+
default: () => {};
|
|
89
|
+
};
|
|
90
|
+
footerBlur: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
94
|
+
}>> & Readonly<{
|
|
95
|
+
"onSet-table-card-state"?: ((value: TableCardState) => any) | undefined;
|
|
96
|
+
"onCard-id-updated"?: ((value: TableCardState) => any) | undefined;
|
|
97
|
+
}>, {
|
|
98
|
+
tableColumns: ITableColumnWidth[];
|
|
99
|
+
tableData: ITableData;
|
|
100
|
+
tableTotals: ITableTotals<ITableColumn>;
|
|
101
|
+
tableSort: ITableSort;
|
|
102
|
+
tableHeaderRowHeight: number;
|
|
103
|
+
tableFooterRowHeight: number;
|
|
104
|
+
tableFixedFirstColumn: boolean;
|
|
105
|
+
tableCardProps: Record<any, any>;
|
|
106
|
+
footerBlur: boolean;
|
|
107
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
|
|
108
|
+
header?(_: {}): any;
|
|
109
|
+
default?(_: {
|
|
110
|
+
tableColumns: ITableColumnWidth[];
|
|
111
|
+
tableData: ITableData;
|
|
112
|
+
tableTotals: ITableTotals<ITableColumn>;
|
|
113
|
+
tableSort: ITableSort;
|
|
114
|
+
tableHeaderRowHeight: number;
|
|
115
|
+
tableFooterRowHeight: number;
|
|
116
|
+
tableFixedFirstColumn: boolean;
|
|
117
|
+
tableCardProps: Record<any, any>;
|
|
118
|
+
footerBlur: boolean;
|
|
119
|
+
id?: string | number | undefined;
|
|
120
|
+
}): any;
|
|
121
|
+
footer?(_: {}): any;
|
|
122
|
+
}>;
|
|
123
|
+
export default _default;
|
|
124
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
125
|
+
new (): {
|
|
126
|
+
$slots: S;
|
|
127
|
+
};
|
|
128
|
+
};
|
package/dist/components/templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue.d.ts
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
3
|
+
buttonBackText: {
|
|
4
|
+
type: PropType<string>;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
backTo: {
|
|
8
|
+
type: PropType<string>;
|
|
9
|
+
default: null;
|
|
10
|
+
};
|
|
11
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
12
|
+
buttonBackText: {
|
|
13
|
+
type: PropType<string>;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
backTo: {
|
|
17
|
+
type: PropType<string>;
|
|
18
|
+
default: null;
|
|
19
|
+
};
|
|
20
|
+
}>> & Readonly<{}>, {
|
|
21
|
+
buttonBackText: string;
|
|
22
|
+
backTo: string;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
|
|
24
|
+
default?(_: {}): any;
|
|
25
|
+
right?(_: {}): any;
|
|
26
|
+
}>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
package/dist/components/templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ITableColumnEnriched } from '../../../../types';
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
columns: {
|
|
5
|
+
type: PropType<ITableColumnEnriched[]>;
|
|
6
|
+
required: true;
|
|
7
|
+
default: () => ITableColumnEnriched[];
|
|
8
|
+
};
|
|
9
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
10
|
+
columns: {
|
|
11
|
+
type: PropType<ITableColumnEnriched[]>;
|
|
12
|
+
required: true;
|
|
13
|
+
default: () => ITableColumnEnriched[];
|
|
14
|
+
};
|
|
15
|
+
}>> & Readonly<{}>, {
|
|
16
|
+
columns: ITableColumnEnriched[];
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ITableSort } from '../../../../types/ITable';
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
|
+
sort: {
|
|
5
|
+
type: PropType<ITableSort>;
|
|
6
|
+
default: () => {};
|
|
7
|
+
};
|
|
8
|
+
column: {
|
|
9
|
+
type: PropType<string>;
|
|
10
|
+
default: null;
|
|
11
|
+
};
|
|
12
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
13
|
+
change: (value: ITableSort) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
15
|
+
sort: {
|
|
16
|
+
type: PropType<ITableSort>;
|
|
17
|
+
default: () => {};
|
|
18
|
+
};
|
|
19
|
+
column: {
|
|
20
|
+
type: PropType<string>;
|
|
21
|
+
default: null;
|
|
22
|
+
};
|
|
23
|
+
}>> & Readonly<{
|
|
24
|
+
onChange?: ((value: ITableSort) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
column: string;
|
|
27
|
+
sort: ITableSort;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
3
|
+
/**
|
|
4
|
+
* Данные пользователя
|
|
5
|
+
*
|
|
6
|
+
*/
|
|
7
|
+
user: {
|
|
8
|
+
type: PropType<Record<string, any>>;
|
|
9
|
+
default: () => {};
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Меню языков
|
|
13
|
+
*
|
|
14
|
+
*/
|
|
15
|
+
menuLangs: {
|
|
16
|
+
type: ArrayConstructor;
|
|
17
|
+
default: () => never[];
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Локализация или текст по умолчанию
|
|
21
|
+
*
|
|
22
|
+
*/
|
|
23
|
+
defaultLang: {
|
|
24
|
+
type: PropType<string>;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Текущая локализация
|
|
29
|
+
*
|
|
30
|
+
*/
|
|
31
|
+
currentLang: {
|
|
32
|
+
type: PropType<string>;
|
|
33
|
+
default: null;
|
|
34
|
+
};
|
|
35
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
36
|
+
/**
|
|
37
|
+
* Данные пользователя
|
|
38
|
+
*
|
|
39
|
+
*/
|
|
40
|
+
user: {
|
|
41
|
+
type: PropType<Record<string, any>>;
|
|
42
|
+
default: () => {};
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* Меню языков
|
|
46
|
+
*
|
|
47
|
+
*/
|
|
48
|
+
menuLangs: {
|
|
49
|
+
type: ArrayConstructor;
|
|
50
|
+
default: () => never[];
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Локализация или текст по умолчанию
|
|
54
|
+
*
|
|
55
|
+
*/
|
|
56
|
+
defaultLang: {
|
|
57
|
+
type: PropType<string>;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Текущая локализация
|
|
62
|
+
*
|
|
63
|
+
*/
|
|
64
|
+
currentLang: {
|
|
65
|
+
type: PropType<string>;
|
|
66
|
+
default: null;
|
|
67
|
+
};
|
|
68
|
+
}>> & Readonly<{}>, {
|
|
69
|
+
user: Record<string, any>;
|
|
70
|
+
menuLangs: unknown[];
|
|
71
|
+
defaultLang: string;
|
|
72
|
+
currentLang: string;
|
|
73
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
|
|
74
|
+
left?(_: {}): any;
|
|
75
|
+
right?(_: {}): any;
|
|
76
|
+
user?(_: {}): any;
|
|
77
|
+
"user-dropdown-panel"?(_: {}): any;
|
|
78
|
+
bottom?(_: {}): any;
|
|
79
|
+
}>;
|
|
80
|
+
export default _default;
|
|
81
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
82
|
+
new (): {
|
|
83
|
+
$slots: S;
|
|
84
|
+
};
|
|
85
|
+
};
|