@topvisor/ui 1.0.42-dev.2 → 1.0.42-policy.0

package/components/forms/radio/types.d.ts

@@ -0,0 +1,14 @@
+export interface Props {
+    /**
+     * [подробнее](https://vuejs.org/guide/essentials/forms.html#radio)
+     */
+    modelValue: number | string | object;
+    value: Props['modelValue'];
+    name?: string;
+    description?: string;
+    disabled?: boolean;
+    isError?: boolean;
+}
+export interface Emits {
+    (e: 'update:modelValue', value: Props['modelValue']): void;
+}

package/components/forms/select/select.vue.d.ts

@@ -0,0 +1,17 @@
+import { Props, Size, Style } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue: Props['modelValue'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+} & {
+    "update:modelValue": (value: string | number | boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    size: Size;
+    styling: Style;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+export default _default;

package/components/forms/select/stories/exampleOptions.d.ts

@@ -0,0 +1,5 @@
+import { Option, Props } from '../types';
+declare const optionsMap: Map<Props['modelValue'], Option>;
+declare const groupOptions: Map<string, string>;
+declare const optionsArray: Option[];
+export { groupOptions, optionsMap, optionsArray };

package/components/forms/select/types.d.ts

@@ -0,0 +1,58 @@
+import { Size } from '../helpers';
+export interface Props {
+    modelValue: string | number | boolean;
+    /**
+     * Словарь для генерации элементов <option>
+     *
+     * Поддерживает 3 типа аргумента:
+     * - Словарь со значениями: базовый способ создать простой список
+     * - Словарь с объектами Option: расширенный способ, позволяющий указать для <option disabled> и вынести <option> в <optgroup>
+     * - Массив с объектами Option: альтернативный словарю расширенный способ, в новых версиях js использовать не рекомендуется, работает медленнее
+     *
+     * Можно задать <optgroup>, передав в options[n].children вложенный список options
+     */
+    options: Options | Option[];
+    name?: string;
+    disabled?: boolean;
+    icon?: string;
+    size?: Size;
+    styling?: Style;
+    addChanger?: boolean;
+    title?: string;
+    isError?: boolean;
+}
+export declare const styling: {
+    readonly regular: "";
+    readonly soft: "soft";
+    readonly transparent: "transparent";
+};
+export type Style = typeof styling[keyof typeof styling];
+export interface Emits {
+    (e: 'update:modelValue', value: Props['modelValue']): void;
+}
+export type Options = Map<Props['modelValue'], string | Option>;
+/**
+ * Конфигурации для более сложной настройки <option>
+ */
+export interface Option {
+    value: Props['modelValue'];
+    title: string;
+    icon?: string;
+    disabled?: boolean;
+    children?: Props['options'];
+}
+/**
+ * Тип для внутренней реализации компонента
+ */
+export type LocalOptions = Map<Props['modelValue'], LocalOption>;
+/**
+ * Тип для внутренней реализации компонента
+ */
+export interface LocalOption {
+    value: Props['modelValue'];
+    title: string;
+    icon?: string;
+    disabled?: boolean;
+    children?: LocalOptions;
+}
+export type { Size };

package/components/forms/switcher/switcher.vue.d.ts

@@ -0,0 +1,23 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean | string[] | Set<string>) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | string[] | Set<string>) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/forms/switcher/types.d.ts

@@ -0,0 +1,21 @@
+type ModelValue = boolean | string[] | Set<string>;
+export interface Props {
+    /**
+     * Может быть одного из трех типов:
+     * - boolean
+     * - string[]
+     * - Set
+     *
+     * [подробнее](https://vuejs.org/guide/essentials/forms.html#checkbox)
+     */
+    modelValue: ModelValue;
+    name?: string;
+    value?: string;
+    description?: string;
+    disabled?: boolean;
+    isError?: boolean;
+}
+export interface Emits {
+    (e: 'update:modelValue', value: ModelValue): void;
+}
+export {};

package/components/forms/textarea/textarea.vue.d.ts

@@ -0,0 +1,12 @@
+import { Props, Style } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value?: string | undefined) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+}>, {
+    styling: Style;
+    rows: number;
+    minHeight: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/forms/textarea/types.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Определение параметров
+ */
+export interface Props {
+    modelValue: string;
+    name?: string;
+    placeholder?: string;
+    styling?: Style;
+    /**
+     * Высота поля в строках, не работает в режиме **expandable**
+     */
+    rows?: number;
+    /**
+     * Минимальная высота в px для режима **expandable**
+     */
+    minHeight?: number;
+    /**
+     * Автоматически изменять высоту при вводе текста
+     */
+    expandable?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    isError?: boolean;
+    /**
+     * Добавить к полю элемент с подсказкой, которая будет появляться при наведении
+     */
+    hint?: string;
+    /**
+     * Максимальное количество символов
+     */
+    maxLength?: number;
+}
+export declare const styling: {
+    readonly regular: "";
+    readonly soft: "soft";
+    readonly transparent: "transparent";
+};
+export type Style = typeof styling[keyof typeof styling];
+/**
+ * Определение событий
+ */
+export interface Emits {
+    (e: 'update:modelValue', value?: string): void;
+}

package/components/formsExt/checkboxGroup/checkboxGroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { Props, Style } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Size } from '../radioGroup/types';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue: Props['modelValue'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number)[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    size: Size;
+    styling: Style;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/formsExt/checkboxGroup/stories/example.d.ts

@@ -0,0 +1,15 @@
+export declare const items1: {
+    id: number;
+    title: string;
+}[];
+export declare const items2: ({
+    id: number;
+    title: string;
+    icon: string;
+    disabled?: undefined;
+} | {
+    id: number;
+    title: string;
+    icon: string;
+    disabled: boolean;
+})[];

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

@@ -0,0 +1,19 @@
+import { Size } from '../../forms/helpers';
+export interface Item {
+    id: string | number;
+    title: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface Props {
+    modelValue: Item['id'][];
+    items: Item[];
+    size?: Size;
+    styling?: Style;
+    isError?: boolean;
+}
+export declare const styling: {
+    readonly outline: "outline";
+    readonly borderless: "borderless";
+};
+export type Style = typeof styling[keyof typeof styling];

package/components/formsExt/editArea/editArea.vue.d.ts

@@ -0,0 +1,18 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    close: () => any;
+    submit: (value: string) => any;
+    clickOnTitle: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+    onClickOnTitle?: (() => any) | undefined;
+}>, {
+    closeText: string;
+    expandable: boolean;
+    submitText: string;
+    cancelText: string;
+    defaultValue: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,33 @@
+import { Props as TextareaProps } from '../../forms/textarea/types';
+export interface Props extends TextareaProps {
+    /**
+     * Поддерживает modelValue и **все другие** props компонента Textarea
+     *
+     * См. докуменатцию **Textarea**
+     */
+    defaultValue?: string;
+    title?: string;
+    cancelText?: string;
+    submitText?: string;
+    closeText?: string;
+    /**
+     * Установить фокус на поле ввода при его появлении
+     */
+    isFocused?: boolean;
+    /**
+     * Показывать кнопку **Close** пока ничего не введено или не изменено
+     */
+    forceShowCloseBtn?: boolean;
+    /**
+     * Прикрепить к клавиатуре, прикрепляет форму к нижней части экрана
+     */
+    attachToKeyboard?: boolean;
+}
+export interface Emits {
+    (e: 'submit', value: string): void;
+    (e: 'close'): void;
+    /**
+     * Только если **attachToKeyboard = true**
+     */
+    (e: 'clickOnTitle'): void;
+}

package/components/formsExt/editInput/editInput.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, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,16 @@
+import { Props as InputProps } from '../../forms/input/types';
+import { Props as ButtonProps } from '../../forms/button/types';
+export interface Props {
+    modelValue: string;
+    /**
+     * Любые props компонента Input, за исключением modelValue
+     */
+    input?: Omit<InputProps, 'modelValue'>;
+    /**
+     * Любые props компонента Button
+     */
+    button?: ButtonProps;
+}
+export interface Emits {
+    (e: 'update:modelValue', value: string): void;
+}

package/components/formsExt/formsExt.d.ts

@@ -0,0 +1,17 @@
+import { ComponentCustomProps } from 'vue';
+import { default as EditArea } from './editArea/editArea.vue';
+import { default as EditInput } from './editInput/editInput.vue';
+import { default as RadioGroup } from './radioGroup/radioGroup.vue';
+import { default as CheckboxGroup } from './checkboxGroup/checkboxGroup.vue';
+import { default as Selector2 } from './selector2/selector2.vue';
+import { default as Menu } from './menu/menu.vue';
+import { default as Info } from './info/info.vue';
+import { default as Policy } from './policy/policy.vue';
+export declare const TopEditArea: typeof EditArea & ComponentCustomProps;
+export declare const TopEditInput: typeof EditInput & ComponentCustomProps;
+export declare const TopRadioGroup: typeof RadioGroup & ComponentCustomProps;
+export declare const TopCheckboxGroup: typeof CheckboxGroup & ComponentCustomProps;
+export declare const TopSelector2: typeof Selector2 & ComponentCustomProps;
+export declare const TopMenu: typeof Menu & ComponentCustomProps;
+export declare const TopInfo: typeof Info & ComponentCustomProps;
+export declare const TopPolicy: typeof Policy & ComponentCustomProps;

package/components/formsExt/info/info.vue.d.ts

@@ -0,0 +1,20 @@
+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, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "default" | "s" | "m" | "l";
+    styling: "default" | "info" | "warning" | "negative";
+}, {}, {}, {}, 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/components/formsExt/info/types.d.ts

@@ -0,0 +1,21 @@
+export interface Props {
+    icon: string;
+    /**
+     * Стиль оформления
+     */
+    styling?: 'default' | 'info' | 'warning' | 'negative';
+    /**
+     * Размер
+     */
+    size?: 'default' | 's' | 'm' | 'l';
+}
+export interface Slots {
+    /**
+     * Текст сообщения
+     */
+    default(props: {}): any;
+    /**
+     * Текст справа от сообещния с дополнительной информацией (например, сумма к оплате)
+     */
+    additional?(props: {}): any;
+}

package/components/formsExt/menu/menu.vue.d.ts

@@ -0,0 +1,16 @@
+import { Props, styling } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue: any;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    styling: styling[keyof styling];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    el: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/formsExt/menu/stories/items.d.ts

@@ -0,0 +1,3 @@
+import { Item } from '../types';
+declare const items: Item[];
+export default items;

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

@@ -0,0 +1,37 @@
+import { Props as ButtonProps } from '../../forms/button/types';
+export interface Props {
+    /**
+     * Значение активной кнопки, value или href
+     */
+    modelValue: string | string[] | number | number[];
+    /**
+     * Дополниетольно поддерижвает все props Button
+     */
+    items: Item[];
+    /**
+     * Возможность множественного выбора
+     */
+    isMultiple?: boolean;
+    /**
+     * Возможность пустого множества
+     */
+    canBeEmptyMultiple?: boolean;
+    /**
+     * Стиль меню
+     * default - табы
+     * bar - кнопки в баре
+     */
+    styling?: typeof styling[keyof typeof styling];
+    /**
+     * Кнопка - выбрать все
+     */
+    selectAllItem?: Item;
+}
+export interface Item extends ButtonProps {
+    value: string | number;
+    content?: string;
+}
+export declare const styling: {
+    readonly default: "default";
+    readonly bar: "bar";
+};

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

@@ -0,0 +1,21 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    accept: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onAccept?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/components/formsExt/radioGroup/radioGroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { Props, Size } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue: Props['modelValue'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    size: Size;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    elRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/formsExt/radioGroup/stories/example.d.ts

@@ -0,0 +1,20 @@
+export declare const radiosProps1: ({
+    value: number;
+    title: string;
+    disabled?: undefined;
+} | {
+    value: number;
+    title: string;
+    disabled: boolean;
+})[];
+export declare const radiosProps2: ({
+    value: number;
+    title: string;
+    icon: string;
+    disabled?: undefined;
+} | {
+    value: number;
+    title: string;
+    icon: string;
+    disabled: boolean;
+})[];

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

@@ -0,0 +1,21 @@
+import { Size } from '../../forms/helpers';
+export interface Props {
+    modelValue: number | string;
+    /**
+     * Массив props для вставки radioGroupItem
+     */
+    radiosProps?: ItemProps[];
+    showIndicator?: boolean;
+    size?: Size;
+    isError?: boolean;
+}
+export interface Emits {
+    (e: 'update:modelValue', value: Props['modelValue']): void;
+}
+export interface ItemProps {
+    value: Props['modelValue'];
+    title: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export type { Size };

package/components/formsExt/selector2/composables/useAPI.d.ts

@@ -0,0 +1,30 @@
+import { Item, Props } from '../types';
+import { Ref } from 'vue';
+export type API = ReturnType<typeof useAPI>;
+export declare const useAPI: (apiRequest: Props["apiRequest"], minLength: number, useCache: Props["useCache"]) => {
+    apiRequest: {
+        [propName: string]: any;
+        params: {
+            limit?: number;
+            offset?: number;
+            search?: string;
+        };
+        call: Function;
+        cache: Map<string, {
+            result: Array<Item>;
+            nextOffset?: number;
+        }>;
+    } | undefined;
+    items: Ref<{
+        [x: string]: any;
+        id: number | null;
+        name: string;
+    }[], Item[] | {
+        [x: string]: any;
+        id: number | null;
+        name: string;
+    }[]>;
+    isLoading: Ref<boolean, boolean>;
+    loadAppend: () => Promise<void>;
+    setSearchTextAndLoad: (newSearchText: string, useDebounce?: boolean) => void;
+};

package/components/formsExt/selector2/composables/useMenu.d.ts

@@ -0,0 +1,16 @@
+import { ComputedRef, Ref } from 'vue';
+import { Item, Props } from '../types';
+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"]>, 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/formsExt/selector2/itemMulti.vue.d.ts

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