@topvisor/ui 1.0.42-popupPosition.0 → 1.1.0-addNativeDialog.6

package/types/components/dialogV2/dialog/composables/types.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'vue';
+/**
+ * Компонент с определением конкретного диалогового окна с использованием компонента `TopDialog`
+ */
+export type TopDialogComponent = Component & {
+    id?: string;
+};
+export type AsyncDialogComponentResolveResult<T extends TopDialogComponent> = {
+    default: T;
+};
+export type AsyncTopDialogComponentLoader<T extends TopDialogComponent> = () => Promise<AsyncDialogComponentResolveResult<T>>;

package/types/components/dialogV2/dialog/composables/utils.d.ts

@@ -0,0 +1,23 @@
+import { TopDialogHandle } from './dialogHandle';
+import { AsyncTopDialogHandle } from './asyncDialogHandle';
+import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
+import { TopDialogHandle } from '../../../dialog/dialog/composables/dialogHandle';
+import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
+/**
+ * Получить объект управленя текущим диалоговым окном
+ */
+export declare const useTopDialogSelf: () => TopDialogHandle<TopDialogComponent> | TopDialogHandle<TopDialogComponent>;
+/**
+ * Получить объект управленя диалоговым окном
+ *
+ * При первом вызове компонент диалогового окна будет внедрен в компонент DialogWrapper
+ */
+export declare const useTopDialog: <T extends TopDialogComponent>(DialogComponent: T) => TopDialogHandle<T>;
+/**
+ * Получить объект управленя асинхронным диалоговым окном
+ *
+ * Компонент диалогового окна будет загружен и инициирован при первом взаимодействии с объектом
+ *
+ * Использует useTopDialog()
+ */
+export declare const useAsyncTopDialog: <T extends TopDialogComponent>(resolve: AsyncTopDialogComponentLoader<T>) => AsyncTopDialogHandle<T>;

package/types/components/dialogV2/dialog/dialog.vue.d.ts

@@ -0,0 +1,28 @@
+import { Props, Slots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Slots> & Slots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (pageName: string) => any;
+    open: (pageName: string) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((pageName: string) => any) | undefined;
+    onOpen?: ((pageName: string) => any) | undefined;
+}>, {
+    modal: boolean;
+    width: string;
+    height: string;
+    historyType: "push" | "replace";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/dialogV2/dialog/dialogs/dialogs.vue.d.ts

@@ -0,0 +1,13 @@
+import { TopDialogHandle } from '../../../dialog/dialog/composables/dialogHandle';
+import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Получить компонент диалогового окна по id
+ */
+export declare const getDialogWorker: (id: string) => TopDialogHandle<TopDialogComponent> | undefined;
+/**
+ * Добавить компонент диалогового окна для использования
+ */
+export declare const addDialogWorker: <T extends TopDialogComponent>(TopDialogComponent: T) => TopDialogHandle<T>;
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/dialogV2/dialog/page/types.d.ts

@@ -0,0 +1,72 @@
+export interface Props extends PropsCommon {
+    /**
+     * Статус загрузки страницы диалогового окна
+     *
+     * При включении взаимодействие со страницей блокируется, отображается анимация загрузки
+     */
+    isLoading?: boolean;
+}
+/**
+ * Общие props для компонентов реализуюущих TopDialogPage
+ */
+export interface PropsCommon {
+    /**
+     * Имя страницы для диалогового окна
+     *
+     * Имя страницы нужно для навигации между страницами в одном диалоговом окне
+     */
+    name: string;
+    /**
+     * Порядкой номер страницы в диалоговом окне
+     *
+     * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер
+     */
+    order: number;
+    /**
+     * Имя предыдущей страницы
+     *
+     * Для кнопки Назад / Закрыть в мобильной версии
+     */
+    prevName?: string;
+    /**
+     * Стиль отображения футера, при котороым элементы растягиваются на всю ширину
+     *
+     * Разрешены переносы
+     */
+    footerFullWith?: boolean;
+}
+/**
+ * Общие props для компонентов реализуюущих TopDialogPage
+ *
+ * Для не SFC компонентов
+ */
+export declare const propsPageCommon: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    order: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    prevName: StringConstructor;
+    footerFullWith: BooleanConstructor;
+};
+export interface Slots {
+    /**
+     * Шапка страницы
+     */
+    header(props: {}): any;
+    /**
+     * Кнопки для шапки страницы
+     */
+    headerButtons?(props: {}): any;
+    /**
+     * Контент страницы
+     */
+    body(props: {}): any;
+    /**
+     * Футер страницы
+     */
+    footer?(props: {}): any;
+}

package/types/components/dialogV2/dialog/pageComponent/types.d.ts

@@ -0,0 +1,18 @@
+import { PropsCommon } from '../page/types';
+import { Component } from 'vue';
+export interface Props extends PropsCommon {
+    /**
+     * Компонент страницы с реализицией TopDialogPage
+     */
+    component: Component;
+    /**
+     * Кешировать ли эту страницу
+     *
+     * По умолчанию: true
+     */
+    keepAlive?: boolean;
+    /**
+     * Произвольный набор props, который будет передан в компонент страницы
+     */
+    props?: Record<string, any>;
+}

package/types/components/dialogV2/dialog/stories/dialog_example/pages/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefineProps } from 'vue';
+import { TopDialogPagePropsCommon } from '../../../../../dialog/dialog';
+/**
+ * Логирования в console.log() событий страницы диалогового окна
+ * @param props
+ */
+export declare const useLog: (props: DefineProps<TopDialogPagePropsCommon, never>) => void;

package/types/components/dialogV2/dialog/types.d.ts

@@ -0,0 +1,58 @@
+export interface Props {
+    id: string;
+    /**
+     * Имя активной страницы
+     */
+    pageActive: string;
+    /**
+     * Базовая ширина окна
+     */
+    width?: string;
+    /**
+     * Базовая высота окна
+     *
+     * Установите auto, если окно должно подстраиваться под размеры содержимого
+     *
+     * Установите значение, если окно должно подстраиваться под размеры содержимого
+     *
+     * @example 'auto'
+     * @example '200px'
+     */
+    height?: string;
+    /**
+     * Является ли окно модальным
+     *
+     * @see https://api.jqueryui.com/dialog/#option-modal
+     */
+    modal?: boolean;
+    /**
+     * Позиция окна
+     *
+     * @see https://api.jqueryui.com/dialog/#option-position
+     */
+    position?: string;
+    /**
+     * Для хеш-навигации
+     */
+    historyType?: 'push' | 'replace';
+    /**
+     * Список css классов для диалогового окна
+     */
+    classes?: string[];
+}
+export type Emits = {
+    /**
+     * Диалоговое окно было открыто
+     */
+    open: [pageName: string];
+    /**
+     * Диалоговое окно было закрыто
+     */
+    close: [pageName: string];
+};
+export interface Slots {
+    /**
+     * Слот с компонентами `TopDialogPage` и / или `TopDialogPageComponent`
+     */
+    default(props: {}): any;
+}

package/types/components/dialogV2/dialog.d.ts

@@ -0,0 +1,6 @@
+export { default as TopDialog } from '../dialog/dialog/dialog.vue';
+export { default as TopDialogPage } from '../dialog/dialog/page/page.vue';
+export type { PropsCommon as TopDialogPagePropsCommon } from '../dialog/dialog/page/types';
+export { propsPageCommon } from '../dialog/dialog/page/types';
+export { default as TopDialogPageComponent } from '../dialog/dialog/pageComponent/pageComponent.vue';
+export { useTopDialogSelf } from '../dialog/dialog/composables/utils';

package/types/components/dialogV2/lib/types.d.ts

@@ -0,0 +1,44 @@
+export type TopDialogOptions = {
+    /**
+     * Загрузчик для компонентов диалоговых окон по их id
+     */
+    load?: TopDialogLoad;
+    /**
+     * Глобальный декоратор на событие инициализации диалогового окна
+     */
+    decoratorOnCreate?: DecoratorOnCreate;
+    /**
+     * Пауза перед загрузкой утилиты диалоговых окон в ms
+     *
+     * Для производительности
+     *
+     * Утилиты будут в любом случае загружены при работе с диалоговыми окнами, но их не надо грузить каждый раз после открытия страинцы
+     */
+    autoInitDelay?: number;
+};
+export type TopDialogLoad = (dialogId: string) => Promise<void>;
+export type DecoratorOnCreate = (elDialog: HTMLElement) => Promise<void>;
+export type MoveDirection = 'next' | 'prev' | 'none';
+export type ElTopDialogOpener<El extends HTMLElement = HTMLElement> = El & {
+    dataset: {
+        toView: string;
+    };
+};
+export type ElTopDialogWrapper = HTMLElement & {
+    querySelector: (selectors: '.ui-dialog-content') => ElTopDialog;
+};
+export type ElTopDialog = HTMLElement & {
+    getAttribute: (qualifiedName: 'id') => string;
+    closest: (el: '.ui-dialog') => ElTopDialogWrapper;
+    dataset: {
+        viewPageActive: string;
+    };
+};
+export type ElTopDialogBody = HTMLElement;
+export type ElTopDialogPage = HTMLElement & {
+    dataset: {
+        'view-page': string;
+        order?: string;
+    };
+};
+export type ElTopDialogModalLayer = HTMLElement;

package/types/components/dialogV2/lib/utils.d.ts

@@ -0,0 +1,15 @@
+import { MoveDirection } from './types';
+export declare const TopDialogUtils: {
+    updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
+    recalcPositions: () => void;
+    getDialogWrapperId: (dialogId: string) => string;
+    getDialogInnerId: (dialogId: string) => string;
+    toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
+    toView: (viewNameOrElDialog: HTMLDialogElement | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+    toViewPage: (elDialog: HTMLDialogElement, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+    toPrevPage: (elDialog: HTMLDialogElement) => void;
+    setLoading: (elPages: HTMLElement[], isLoading: boolean, duration?: number) => void;
+    isLoading: (elPage: HTMLElement) => boolean;
+    inAnimation: (elDialogInner: HTMLElement) => boolean;
+    close: (dialogId: string) => void;
+};

package/types/components/dialogV2/lib/utils.globalEvents.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Инициализация глобальных событий для диалоговых окон
+ *
+ * Проивзодится один раз при подклчюении диалогового окна
+ *
+ * События не размонитруются
+ */
+export declare const initDialogGlobalEvents: () => void;

package/types/components/dialogV2/lib/worker.d.ts

@@ -0,0 +1,62 @@
+import { MoveDirection, TopDialogOptions } from './types';
+export declare abstract class TopDialogWorker {
+    static state: {
+        load: TopDialogOptions["load"] | undefined;
+        decoratorOnCreate: TopDialogOptions["decoratorOnCreate"] | undefined;
+        /**
+         * Порядковай номер перехода в диалоговых окнах
+         *
+         * Для расчета анимации Вперед / Назад
+         */
+        viewPageN: number;
+    };
+    private static inited;
+    /**
+     * Инициировать события слежения за парамтерами url
+     *
+     * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
+     */
+    static init(options?: TopDialogOptions): void;
+    private static opendDialogsFromChangeUrl;
+    static getDialogsUtils(): Promise<{
+        updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
+        recalcPositions: () => void;
+        getDialogWrapperId: (dialogId: string) => string;
+        getDialogInnerId: (dialogId: string) => string;
+        toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
+        toView: (viewNameOrElDialog: HTMLDialogElement | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+        toViewPage: (elDialog: HTMLDialogElement, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+        toPrevPage: (elDialog: HTMLDialogElement) => void;
+        setLoading: (elPages: HTMLElement[], isLoading: boolean, duration?: number) => void;
+        isLoading: (elPage: HTMLElement) => boolean;
+        inAnimation: (elDialogInner: HTMLElement) => boolean;
+        close: (dialogId: string) => void;
+    }>;
+    static getDialog(el: HTMLElement): HTMLDialogElement | null;
+    static getPage(el: HTMLElement): Element | null;
+    /**
+     * @deprecated Для совместимости использования этого метода
+     */
+    static get$page: typeof TopDialogWorker.getPage;
+    static getPairPage(el: HTMLElement): Element | null | undefined;
+    /**
+     * Закрыть диалоговое окно
+     */
+    static close(dialogId: string): void;
+    /**
+     * Размонтировать $.dialog
+     */
+    static destroy(dialogId: string): void;
+    /**
+     * Сгенерировать ссылку на страницу в диалоговом окне
+     * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
+     * @param moveDirection
+     */
+    static genViewPageHash(toView: string, moveDirection?: MoveDirection): string;
+    /**
+     * Сравнить версию открытых диалоговых окон
+     * @returns вернет true, если состояния открытых окон изменилось
+     */
+    static compareStates(hash: string, hash2: string): boolean;
+    static opendDialogsFromUrl: () => Promise<true | void>;
+}

package/{components → types/components}/forms/button/button.vue.d.ts

@@ -1,11 +1,8 @@
-import { Props, Size, Color, Styling } from './types';
+import { Props, Slots, Size, Color, Styling } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        html?(_: {}): any;
-    };
+    slots: Readonly<Slots> & Slots;
     refs: {};
     rootEl: any;
 };

package/{components → types/components}/forms/button/types.d.ts

@@ -29,6 +29,16 @@ export interface Props {
     isActive?: boolean;
     isProgress?: boolean;
 }
+export interface Slots {
+    /**
+     * Текст в кнопке
+     */
+    default?(props: {}): any;
+    /**
+     * HTML в кнопке
+     */
+    html?(props: {}): any;
+}
 /**
  * Определение событий
  */

package/{components → types/components}/forms/checkbox/checkbox.vue.d.ts

@@ -14,9 +14,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | string[] | number[] | Set<string> | Set<number> | undefined) => any;
+    "update:modelValue": (value: boolean | number[] | string[] | Set<string> | Set<number> | undefined) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | string[] | number[] | Set<string> | Set<number> | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | number[] | string[] | Set<string> | Set<number> | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/types/components/formsExt/policy/policy.vue.d.ts

@@ -0,0 +1,8 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    accept: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onAccept?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/components/formsExt/policy/types.d.ts

@@ -0,0 +1,20 @@
+export interface Props {
+    /**
+     * Заголовок
+     */
+    title: string;
+    /**
+     * Описание в html
+     */
+    description: string;
+    /**
+     * Текст на кнопке
+     */
+    acceptText: string;
+}
+export interface Emits {
+    /**
+     * Нажата кнопка подтверждения
+     */
+    (e: 'accept'): void;
+}

package/{components → types/components}/formsExt/selector2/composables/useAPI.d.ts

@@ -26,5 +26,5 @@ export declare const useAPI: (apiRequest: Props["apiRequest"], minLength: number
     }[]>;
     isLoading: Ref<boolean, boolean>;
     loadAppend: () => Promise<void>;
-    setSearchTextAndLoad: (searchText: string, useDebounce?: boolean) => void;
+    setSearchTextAndLoad: (newSearchText: string, useDebounce?: boolean) => void;
 };

package/{components → types/components}/formsExt/selector2/composables/useMenu.d.ts

@@ -4,11 +4,13 @@ import { API } from './useAPI';
 /**
  * Функционал поиска
  */
-export declare const useMenu: (model: Ref<Props["modelValue"]>, items: Ref<Props["items"]>, multiselect: Props["multiselect"], appendAllValue: Ref<Props["appendAllValue"]>, appendSearchToResult: Ref<Props["appendSearchToResult"]>, api: API) => {
+export declare const useMenu: (model: Ref<Props["modelValue"]>, items: Ref<Props["items"]>, multiselect: Props["multiselect"], appendAllValue: Ref<Props["appendAllValue"]>, appendSearchToResult: Ref<Props["appendSearchToResult"]>, searchType: Ref<Props["searchType"]>, minLength: number, api: API) => {
     searchText: Ref<string, string>;
     resetSearch: () => void;
+    genIsShort: () => boolean;
     items: ComputedRef<Item[]>;
     itemsForShow: ComputedRef<Item[]>;
+    selectItem: (item: Item) => void;
     selectNextItem: () => void;
     deleteItemById: (id: Item["id"]) => Promise<void>;
 };

package/{components → types/components}/formsExt/selector2/selector2.vue.d.ts

@@ -1,5 +1,6 @@
 import { Item, Props, Slots, Size } from './types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TopLibPopup } from '../../popup/lib/popup';
+import { ShallowUnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue: Props['modelValue'];
@@ -8,6 +9,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<Slots> & Slots;
     refs: {
+        popupRef: ShallowUnwrapRef<{
+            id: string;
+            popup: TopLibPopup<undefined> | undefined;
+        }> | null;
         subcomponentSelector: unknown;
     };
     rootEl: any;
@@ -20,10 +25,13 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
 }>, {
     size: Size;
     items: Item[];
-    minLength: number;
     searchType: "none" | "inline" | "popup";
-    selectedAsPlaceholder: boolean;
+    minLength: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
+    popupRef: ShallowUnwrapRef<{
+        id: string;
+        popup: TopLibPopup<undefined> | undefined;
+    }> | null;
     subcomponentSelector: unknown;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/{components → types/components}/formsExt/selector2/types.d.ts

@@ -1,4 +1,5 @@
 import { Size } from '../../forms/helpers';
+import { Props as ButtonProps } from '../../forms/button/types';
 export interface Props {
     /**
      * Выбранный элемент
@@ -9,23 +10,41 @@ export interface Props {
     /**
      * Список вариантов для выбора
      *
-     * Работая совместно с apiRequest, всегда выводится перед результатами apiRequest
+     * При работе с apiRequest, всегда выводится перед результатами apiRequest
      */
     items?: Item[];
+    title?: string;
+    disabled?: boolean;
     /**
-     * Режим выбора нескольких вариантов
+     * Модификатор элемента, открывающего popup
      *
-     * Константа, после установки менять нельзя
+     * Добавит класс: `top-selector2-{{ modificator }}`
      */
-    multiselect?: boolean;
-    title?: string;
-    disabled?: boolean;
+    modificator?: string;
     size?: Size;
     isError?: boolean;
+    /**
+     * Тип поиска по элементам
+     *
+     * - none: без поиска
+     * - inline: сам Selector является полем ввода, только для `multiselect = false`
+     * - popup: поиск будет в popup
+     *
+     * Для мобильной версии `inline` всегда заменяется на `popup`
+     *
+     * Константа, после установки менять нельзя
+     */
+    searchType?: 'none' | 'inline' | 'popup';
+    /**
+     * Текст для placeholder поля поиска
+     */
+    placeholder?: string;
     /**
      * Если указан, будет выполнена загрузка результатов через API
      *
      * Константа, после установки заменять нельзя
+     *
+     * @subcategory apiRequest
      */
     apiRequest?: {
         params: {
@@ -43,27 +62,35 @@ export interface Props {
     /**
      * Минимальная длина для выполнения поиска
      *
-     * Для apiRequest
-     *
      * Константа, после установки менять нельзя
+     *
+     * @subcategory apiRequest
      */
     minLength?: number;
     /**
-     * Использовать кэширвоание
-     *
-     * Для apiRequest
+     * Использовать кэширование
      *
      * Константа, после установки менять нельзя
+     *
+     * @subcategory apiRequest
      */
     useCache?: boolean;
     /**
      * Добавить в результаты item = {id:null, name:search}, где search - введенная строка в поле поиска
      */
     appendSearchToResult?: boolean;
+    /**
+     * Режим выбора нескольких вариантов
+     *
+     * Константа, после установки менять нельзя
+     *
+     * @subcategory Multiselect
+     */
+    multiselect?: boolean;
     /**
      * Добавить вариант: "Все"
      *
-     * Для `multiselect = false`
+     * @subcategory Single select
      */
     appendAllValue?: boolean;
     /**
@@ -71,29 +98,25 @@ export interface Props {
      *
      * Работает с props.items без учета apiRequest
      *
-     * Для `multiselect = false`
+     * Нельзя использовать с кнопкой
+     *
+     * @subcategory Single select
      */
     addChanger?: boolean;
     /**
-     * Тип поиска по элементам
+     * Настройки кнопки
      *
-     * - none: без поиска
-     * - inline: сам Selector является полем ввода, только для `multiselect = false`
-     * - popup: поиск будет в popup
+     * Если не указан будет использоваться стандартный стиль селектора
      *
-     * Для мобильной версии `inline` всегда заменяется на `popup`
-     *
-     * Константа, после установки менять нельзя
+     * @subcategory Single select
      */
-    searchType?: 'none' | 'inline' | 'popup';
-    /**
-     * Текст для placeholder поля поиска
-     */
-    placeholder?: string;
+    buttonProps?: ButtonProps;
     /**
-     * Выводить в placeholder поля поиска выбранное значение modelValue.name
+     * Выводить в placeholder поля поиска выбранное значение `modelValue.name`
+     *
+     * Всегда включено для `searchType` = `inline`
      *
-     * Для `multiselect = false`
+     * @subcategory Single select
      */
     selectedAsPlaceholder?: boolean;
 }