From 4d1e62b33a81927805c3f57f6a304fef793cb136 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Tue, 18 Apr 2023 16:42:36 +0300 Subject: [PATCH] api generator updates --- api-generator/components/avatar.js | 8 ++++++++ api-generator/components/calendar.js | 2 +- api-generator/components/carousel.js | 6 +++++- api-generator/components/cascadeselect.js | 8 ++++++++ api-generator/components/chip.js | 4 ++++ api-generator/components/column.js | 16 ++++++++++++++-- api-generator/components/confirmdialog.js | 14 +++++++++++++- api-generator/components/confirmpopup.js | 12 ++++++++++++ api-generator/components/datatable.js | 8 ++++++++ api-generator/components/dropdown.js | 16 ++++++++++++++++ api-generator/components/fileupload.js | 8 ++++++++ api-generator/components/galleria.js | 4 ++-- api-generator/components/inlinemessage.js | 4 ++-- api-generator/components/inplace.js | 8 ++++++-- api-generator/components/multiselect.js | 8 ++++++++ api-generator/components/paginator.js | 4 ++-- api-generator/components/picklist.js | 4 ++++ api-generator/components/rating.js | 16 ++++++++++++++++ api-generator/components/sidebar.js | 4 ++++ api-generator/components/speeddial.js | 8 ++++++-- api-generator/components/splitbutton.js | 4 ++++ api-generator/components/tag.js | 10 +++++++++- api-generator/components/togglebutton.js | 8 ++++++++ api-generator/components/toolbar.js | 4 ++++ api-generator/components/treeselect.js | 8 -------- components/lib/avatar/Avatar.d.ts | 2 +- components/lib/scrolltop/ScrollTop.d.ts | 2 +- 27 files changed, 174 insertions(+), 26 deletions(-) diff --git a/api-generator/components/avatar.js b/api-generator/components/avatar.js index 5146e4981..d3eff8255 100644 --- a/api-generator/components/avatar.js +++ b/api-generator/components/avatar.js @@ -31,6 +31,13 @@ const AvatarProps = [ } ]; +const AvatarSlots = [ + { + name: 'icon', + description: 'Custom icon template.' + } +]; + const AvatarEvents = [ { name: 'error', @@ -43,6 +50,7 @@ module.exports = { name: 'Avatar', description: 'Avatar represents people using icons, labels and images.', props: AvatarProps, + slots: AvatarSlots, events: AvatarEvents } }; diff --git a/api-generator/components/calendar.js b/api-generator/components/calendar.js index f145a44a6..7e9d3b28e 100644 --- a/api-generator/components/calendar.js +++ b/api-generator/components/calendar.js @@ -466,7 +466,7 @@ const CalendarSlots = [ description: 'Custom dropdown icon template.' }, { - name: 'previcon', + name: 'previousicon', description: 'Custom previous icon template.' }, { diff --git a/api-generator/components/carousel.js b/api-generator/components/carousel.js index ea51532dd..ddcce2e23 100644 --- a/api-generator/components/carousel.js +++ b/api-generator/components/carousel.js @@ -86,6 +86,10 @@ const CarouselProps = [ ]; const CarouselSlots = [ + { + name: 'header', + description: 'Custom content for the component header.' + }, { name: 'header', description: 'Custom content for the component header.' @@ -99,7 +103,7 @@ const CarouselSlots = [ description: 'Custom content for the component item.' }, { - name: 'previcon', + name: 'previousicon', description: 'Custom previous icon template.' }, { diff --git a/api-generator/components/cascadeselect.js b/api-generator/components/cascadeselect.js index 00d43400f..743e85d69 100644 --- a/api-generator/components/cascadeselect.js +++ b/api-generator/components/cascadeselect.js @@ -284,6 +284,14 @@ const CascadeSelectSlots = [ name: 'indicator', description: 'Custom content for the dropdown indicator.' }, + { + name: 'dropdownicon', + description: 'Custom dropdown icon template.' + }, + { + name: 'loadingicon', + description: 'Custom loading icon template.' + }, { name: 'optiongroupicon', description: 'Custom content for the option group icon.' diff --git a/api-generator/components/chip.js b/api-generator/components/chip.js index 1f4c4abca..4d9022d64 100644 --- a/api-generator/components/chip.js +++ b/api-generator/components/chip.js @@ -46,6 +46,10 @@ const ChipEvents = [ ]; const ChipSlots = [ + { + name: 'icon', + description: 'Custom icon template of chip component.' + }, { name: 'removeicon', description: 'Custom remove icon template of chip component.' diff --git a/api-generator/components/column.js b/api-generator/components/column.js index 243428103..ecd348a63 100644 --- a/api-generator/components/column.js +++ b/api-generator/components/column.js @@ -290,10 +290,22 @@ const ColumnSlots = [ name: 'filterapply', description: "Custom content for the filter menu's apply section" }, + { + name: 'loading', + description: 'Custom loading template.' + }, { name: 'rowtogglericon', description: 'Custom row toggler icon template.' }, + { + name: 'rowtogglericon', + description: 'Custom row toggler icon template.' + }, + { + name: 'rowcheckboxicon', + description: 'Custom row checkbox icon template.' + }, { name: 'roweditoriniticon', description: 'Custom row editor init icon template.' @@ -331,8 +343,8 @@ const ColumnSlots = [ description: 'Custom header checkbox icon template.' }, { - name: 'rowcheckboxicon', - description: 'Custom row checkbox icon template.' + name: 'rowreordericon', + description: 'Custom row reorder icon template.' } ]; diff --git a/api-generator/components/confirmdialog.js b/api-generator/components/confirmdialog.js index 6e39797ca..43da51ff6 100644 --- a/api-generator/components/confirmdialog.js +++ b/api-generator/components/confirmdialog.js @@ -22,7 +22,19 @@ const ConfirmDialogProps = [ const ConfirmDialogSlots = [ { name: 'message', - description: 'Custom content for the component.' + description: 'Custom icon template.' + }, + { + name: 'icon', + description: 'Custom icon template.' + }, + { + name: 'accepticon', + description: 'Custom accept icon template.' + }, + { + name: 'rejecticon', + description: 'Custom reject icon template.' } ]; diff --git a/api-generator/components/confirmpopup.js b/api-generator/components/confirmpopup.js index c5354e9b9..9cd5870d1 100644 --- a/api-generator/components/confirmpopup.js +++ b/api-generator/components/confirmpopup.js @@ -11,6 +11,18 @@ const ConfirmPopupSlots = [ { name: 'message', description: 'Custom content for the component.' + }, + { + name: 'icon', + description: 'Custom icon template.' + }, + { + name: 'accepticon', + description: 'Custom accept icon template.' + }, + { + name: 'rejecticon', + description: 'Custom reject icon template.' } ]; diff --git a/api-generator/components/datatable.js b/api-generator/components/datatable.js index 978542b1f..8266bfb2d 100644 --- a/api-generator/components/datatable.js +++ b/api-generator/components/datatable.js @@ -1142,6 +1142,10 @@ const DataTableSlots = [ name: 'groupfooter', description: "Custom content for the component's subgroup footer." }, + { + name: 'loading', + description: 'Custom loading template.' + }, { name: 'loadingicon', description: 'Custom loading icon template.' @@ -1173,6 +1177,10 @@ const DataTableSlots = [ { name: 'paginatorlastpagelinkicon', description: 'Custom paginator last page link icon template.' + }, + { + name: 'empty', + description: 'Custom empty template.' } ]; diff --git a/api-generator/components/dropdown.js b/api-generator/components/dropdown.js index d4826f131..b98d00d0c 100644 --- a/api-generator/components/dropdown.js +++ b/api-generator/components/dropdown.js @@ -372,6 +372,22 @@ const DropdownSlots = [ { name: 'loader', description: 'Custom content for the virtual scroller loader items' + }, + { + name: 'clearicon', + description: 'Custom clear icon template.' + }, + { + name: 'dropdownicon', + description: 'Custom dropdown icon template.' + }, + { + name: 'loadingicon', + description: 'Custom loading icon template.' + }, + { + name: 'filtericon', + description: 'Custom filter icon template.' } ]; diff --git a/api-generator/components/fileupload.js b/api-generator/components/fileupload.js index 1372c416e..18776df0c 100644 --- a/api-generator/components/fileupload.js +++ b/api-generator/components/fileupload.js @@ -276,6 +276,14 @@ const FileUploadEvents = [ ]; const FileUploadSlots = [ + { + name: 'header', + description: 'Custom header template.' + }, + { + name: 'content', + description: 'Custom content template.' + }, { name: 'empty', description: 'Custom content when there is no selected file' diff --git a/api-generator/components/galleria.js b/api-generator/components/galleria.js index 4ef0cb142..7848d81a4 100644 --- a/api-generator/components/galleria.js +++ b/api-generator/components/galleria.js @@ -175,7 +175,7 @@ const GalleriaSlots = [ description: 'Custom close icon template.' }, { - name: 'previtemicon', + name: 'previousitemicon', description: 'Custom navigator previous item icon template.' }, { @@ -183,7 +183,7 @@ const GalleriaSlots = [ description: 'Custom navigator next item icon template.' }, { - name: 'prevthumbnailicon', + name: 'previousthumbnailicon', description: 'Custom thumbnail previous icon template.' }, { diff --git a/api-generator/components/inlinemessage.js b/api-generator/components/inlinemessage.js index 78616eb77..d9f7fd8aa 100644 --- a/api-generator/components/inlinemessage.js +++ b/api-generator/components/inlinemessage.js @@ -15,8 +15,8 @@ const InlineMessageProps = [ const MessageSlots = [ { - name: 'messageicon', - description: 'Custom message icon template.' + name: 'icon', + description: 'Custom icon template.' } ]; diff --git a/api-generator/components/inplace.js b/api-generator/components/inplace.js index 5e2a4a6ba..978936a77 100644 --- a/api-generator/components/inplace.js +++ b/api-generator/components/inplace.js @@ -47,11 +47,15 @@ const InplaceEvents = [ const InplaceSlots = [ { name: 'display', - description: 'Output content' + description: 'Custom display template.' }, { name: 'content', - description: 'Actual content' + description: 'Custom content template.' + }, + { + name: 'closeicon', + description: 'Custom close icon template.' } ]; diff --git a/api-generator/components/multiselect.js b/api-generator/components/multiselect.js index 14fbcbe37..43e19d855 100644 --- a/api-generator/components/multiselect.js +++ b/api-generator/components/multiselect.js @@ -448,6 +448,14 @@ const MultiSelectSlots = [ { name: 'itemcheckboxicon', description: 'Custom item checkbox icon template.' + }, + { + name: 'loadingicon', + description: 'Custom loading icon template.' + }, + { + name: 'dropdownicon', + description: 'Custom dropdown icon template.' } ]; diff --git a/api-generator/components/paginator.js b/api-generator/components/paginator.js index 89c1fcc10..29f0246d1 100644 --- a/api-generator/components/paginator.js +++ b/api-generator/components/paginator.js @@ -80,11 +80,11 @@ const PaginatorEvents = [ const PaginatorSlots = [ { - name: 'left', + name: 'start', description: "Custom content for the component's left side." }, { - name: 'right', + name: 'end', description: "Custom content for the component's right side." }, { diff --git a/api-generator/components/picklist.js b/api-generator/components/picklist.js index 2579f62a5..6ddd63b84 100644 --- a/api-generator/components/picklist.js +++ b/api-generator/components/picklist.js @@ -172,6 +172,10 @@ const PickListEvents = [ ]; const PickListSlots = [ + { + name: 'header', + description: 'Custom header template.' + }, { name: 'sourceheader', description: "Custom content for the component's source header." diff --git a/api-generator/components/rating.js b/api-generator/components/rating.js index a65cfe909..117fe5adb 100644 --- a/api-generator/components/rating.js +++ b/api-generator/components/rating.js @@ -49,6 +49,21 @@ const RatingProps = [ } ]; +const RatingSlots = [ + { + name: 'cancelicon', + description: 'Custom cancel icon template.' + }, + { + name: 'onicon', + description: 'Custom on icon template.' + }, + { + name: 'officon', + description: 'Custom off icon template.' + } +]; + const RatingEvents = [ { name: 'change', @@ -73,6 +88,7 @@ module.exports = { name: 'rating', description: 'Rating component is a star based selection input.', props: RatingProps, + slots: RatingSlots, events: RatingEvents } }; diff --git a/api-generator/components/sidebar.js b/api-generator/components/sidebar.js index 333484b7b..952f6e5d5 100644 --- a/api-generator/components/sidebar.js +++ b/api-generator/components/sidebar.js @@ -80,6 +80,10 @@ const SidebarSlots = [ { name: 'header', description: 'Custom content for the component header.' + }, + { + name: 'closeicon', + description: 'Custom close icon template.' } ]; diff --git a/api-generator/components/speeddial.js b/api-generator/components/speeddial.js index 01c3d3422..5ea2a6028 100644 --- a/api-generator/components/speeddial.js +++ b/api-generator/components/speeddial.js @@ -137,8 +137,12 @@ const SpeedDialSlots = [ description: 'Custom content for the item' }, { - name: 'toggle', - description: 'toggle: toggle metadata' + name: 'button', + description: 'Custom button template.' + }, + { + name: 'icon', + description: 'Custom icon template.' } ]; diff --git a/api-generator/components/splitbutton.js b/api-generator/components/splitbutton.js index f60cf12d3..5562dba4e 100644 --- a/api-generator/components/splitbutton.js +++ b/api-generator/components/splitbutton.js @@ -118,6 +118,10 @@ const SplitButtonEvents = [ ]; const SplitButtonSlots = [ + { + name: 'icon', + description: 'Custom icon template.' + }, { name: 'menubuttonicon', description: 'Custom menu button icon template.' diff --git a/api-generator/components/tag.js b/api-generator/components/tag.js index 56a03541f..e98d6a7e1 100644 --- a/api-generator/components/tag.js +++ b/api-generator/components/tag.js @@ -25,10 +25,18 @@ const TagProps = [ } ]; +const TagSlots = [ + { + name: 'icon', + description: 'custom icon template.' + } +]; + module.exports = { tag: { name: 'Tag', description: 'Tag component is used to categorize content.', - props: TagProps + props: TagProps, + slots: TagSlots } }; diff --git a/api-generator/components/togglebutton.js b/api-generator/components/togglebutton.js index 6614ca535..481071984 100644 --- a/api-generator/components/togglebutton.js +++ b/api-generator/components/togglebutton.js @@ -109,11 +109,19 @@ const ToggleButtonEvents = [ } ]; +const ToggleButtonSlots = [ + { + name: 'icon', + description: 'custom icon template.' + } +]; + module.exports = { togglebutton: { name: 'ToggleButton', description: 'ToggleButton is used to select a boolean value using a button.', props: ToggleButtonProps, + slots: ToggleButtonSlots, events: ToggleButtonEvents } }; diff --git a/api-generator/components/toolbar.js b/api-generator/components/toolbar.js index 40b5f6506..a9f08a52e 100644 --- a/api-generator/components/toolbar.js +++ b/api-generator/components/toolbar.js @@ -21,6 +21,10 @@ const ToolbarSlots = [ { name: 'end', description: "Custom content for the component's right side" + }, + { + name: 'center', + description: "Custom content for the component's center" } ]; diff --git a/api-generator/components/treeselect.js b/api-generator/components/treeselect.js index 878d8e58f..7a0bd4afe 100644 --- a/api-generator/components/treeselect.js +++ b/api-generator/components/treeselect.js @@ -199,14 +199,6 @@ const TreeSelectSlots = [ name: 'triggericon', description: 'Custom content for the dropdown indicator' }, - { - name: 'loadingicon', - description: 'Custom loading icon template.' - }, - { - name: 'searchicon', - description: 'Custom search icon template.' - }, { name: 'itemtogglericon', description: 'Custom item toggler icon template.' diff --git a/components/lib/avatar/Avatar.d.ts b/components/lib/avatar/Avatar.d.ts index 0a8ec13b9..9e0bef653 100644 --- a/components/lib/avatar/Avatar.d.ts +++ b/components/lib/avatar/Avatar.d.ts @@ -55,7 +55,7 @@ export interface AvatarSlots { */ default(): VNode[]; /** - * Content can easily be customized with the default slot instead of using the built-in modes. + * Custom icon template. */ icon(): VNode[]; } diff --git a/components/lib/scrolltop/ScrollTop.d.ts b/components/lib/scrolltop/ScrollTop.d.ts index fcad676cd..dcb696f5d 100644 --- a/components/lib/scrolltop/ScrollTop.d.ts +++ b/components/lib/scrolltop/ScrollTop.d.ts @@ -26,6 +26,7 @@ export interface ScrollTopProps { threshold?: number | undefined; /** * Icon to display. + * @deprecated since v3.27.0. Use 'icon' slot. */ icon?: string | undefined; /** @@ -41,7 +42,6 @@ export interface ScrollTopProps { export interface ScrollTopSlots { /** * Custom scrolltop icon template. - * @deprecated since v3.27.0. Use 'icon' slot. */ icon(): VNode[]; }