@profitliga/ui 2.0.1 → 2.0.3

package/dist/components/v2/Select/Select.types.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'vue';
+import { Component, VNodeChild } from 'vue';
 import { TBreakpoints } from '../../../types/global.types';
 import { PopoverAlign, PopoverSide } from '../Popover';
 export type SelectSize = 'small' | 'default' | 'large';
@@ -12,8 +12,55 @@ export interface SelectOptionData {
     /** Картинка 12×12 (аватар) перед подписью выбранного значения. */
     avatar?: string;
 }
-export interface SelectProps {
-    options: SelectOptionData[];
+/**
+ * Слоты перекрывают то, что компонент рисует по данным варианта: сначала
+ * проверяется слот, и только без него в дело идёт `label` и тексты из пропов.
+ *
+ * Набор намеренно повторяет `ComboboxSlots` — компоненты соседние, и
+ * разъехавшийся API слотов заставлял бы переучиваться при переходе с одного
+ * на другой. Строки загрузки у `Select` нет, поэтому нет и слота `loading`.
+ */
+export interface SelectSlots<T extends SelectOptionData = SelectOptionData> {
+    /**
+     * Строка списка. Маркер выбора остаётся снаружи слота — он часть
+     * механики выбора, а не содержимого варианта.
+     *
+     * Внутри `role="option"`, поэтому интерактивные элементы (кнопки, ссылки,
+     * поля) сюда класть нельзя: скринридер до них не доберётся.
+     */
+    option?: (props: {
+        option: T;
+        /** Вариант входит в текущее значение. */
+        selected: boolean;
+        /** Строка под курсором или выбрана с клавиатуры. */
+        active: boolean;
+        index: number;
+    }) => VNodeChild;
+    /**
+     * Содержимое чипа выбранного значения при `multiple`. Кнопка «убрать»
+     * остаётся снаружи — без неё значение нечем снять.
+     *
+     * Ширину чипов компонент меряет, чтобы спрятать лишние за счётчик «+n»:
+     * содержимое переменной ширины это переживает, а вот `width` в процентах
+     * внутри слота меряться будет не от того.
+     */
+    chip?: (props: {
+        option: T;
+        index: number;
+    }) => VNodeChild;
+    /**
+     * Выбранное значение в поле — только при одиночном выборе. При `multiple`
+     * его место занимают чипы, и слот не вызывается.
+     */
+    value?: (props: {
+        option: T | undefined;
+        displayValue: string;
+    }) => VNodeChild;
+    /** Пустой список: вариантов не передали вовсе. */
+    empty?: () => VNodeChild;
+}
+export interface SelectProps<T extends SelectOptionData = SelectOptionData> {
+    options: T[];
     /** Множественный выбор: список не закрывается, значения показываются чипами. */
     multiple?: boolean;
     /** Подпись над полем. */

package/dist/components/v2/Select/Select.vue.d.ts

@@ -1,41 +1,21 @@
-import { SelectOptionData, SelectProps, SelectValue, SelectSize } from './Select.types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { TBreakpoints } from '../../../types/global.types';
-import { PopoverSide, PopoverAlign } from '..';
-type __VLS_Props = SelectProps;
-type __VLS_PublicProps = {
-    modelValue?: SelectValue | SelectValue[] | undefined;
-} & __VLS_Props;
-declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (value: SelectValue | SelectValue[] | undefined) => any;
-    select: (option: SelectOptionData) => any;
-    change: (value: SelectValue | SelectValue[] | undefined) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: SelectValue | SelectValue[] | undefined) => any) | undefined;
-    onSelect?: ((option: SelectOptionData) => any) | undefined;
-    onChange?: ((value: SelectValue | SelectValue[] | undefined) => any) | undefined;
-}>, {
-    multiple: boolean;
-    label: string;
-    size: SelectSize;
-    placeholder: string;
-    disabled: boolean;
-    width: number;
-    breakpointMobile: TBreakpoints;
-    invalid: boolean;
-    errorText: string;
-    side: PopoverSide;
-    sideOffset: number;
-    align: PopoverAlign;
-    alignOffset: number;
-    ariaLabel: string;
-    testId: string;
-    supportText: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-    fieldRef: HTMLDivElement;
-    listRef: HTMLDivElement;
-    contentRef: HTMLDivElement;
-    chipsRef: HTMLSpanElement;
-    counterRef: HTMLSpanElement;
-}, any>;
+import { SelectOptionData, SelectProps, SelectSlots, SelectValue } from './Select.types';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const _default: <T extends SelectOptionData = SelectOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: SelectValue | SelectValue[] | undefined) => any) | undefined;
+        readonly onSelect?: ((option: T) => any) | undefined;
+        readonly onChange?: ((value: SelectValue | SelectValue[] | undefined) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:modelValue" | "onChange" | "onSelect"> & ({
+        modelValue?: SelectValue | SelectValue[] | undefined;
+    } & SelectProps<T>) & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<SelectSlots<T>> & SelectSlots<T>;
+    emit: (((evt: "select", option: T) => void) & ((evt: "change", value: SelectValue | SelectValue[] | undefined) => void)) & ((evt: "update:modelValue", value: SelectValue | SelectValue[] | undefined) => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/v2/Select/Select.vue.js

@@ -2,7 +2,7 @@ import './Select.css';
 import o from "./Select.vue2.js";
 /* empty css            */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9512ce4"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ec306731"]]);
 export {
   m as default
 };