@uzum-tech/ui 2.3.2 → 2.3.3

package/es/_internal/select-menu/src/interface.d.ts

@@ -1,7 +1,10 @@
 import type { TreeNode } from 'treemate';
-import type { HTMLAttributes, Ref, UnwrapRef, VNode, VNodeChild } from 'vue';
-import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../../select/src/interface';
+import type { HTMLAttributes, PropType, Ref, UnwrapRef, VNode, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../../_utils';
+import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption, SelectOption, SelectTreeMate, Value } from '../../../select/src/interface';
+import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
 export type Size = 'small' | 'medium' | 'large';
+export type MarkType = 'mark' | 'checkbox';
 export type RenderLabel = (option: SelectBaseOption & SelectGroupOption & SelectIgnoredOption, selected: boolean) => VNodeChild;
 export type RenderLabelImpl = (option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption, selected: boolean) => VNodeChild;
 export type RenderOption = (info: {
@@ -19,6 +22,7 @@ export interface InternalSelectMenuInjection {
     handleOptionMouseEnter: (e: MouseEvent, tmNode: TreeNode<SelectBaseOption>) => void;
     handleOptionClick: (e: MouseEvent, tmNode: TreeNode<SelectBaseOption>) => void;
     showCheckmarkRef: Ref<boolean>;
+    markTypeRef: Ref<MarkType>;
     valueSetRef: Ref<Set<number | string>>;
     pendingTmNodeRef: Ref<TreeNode<SelectBaseOption> | null>;
     multipleRef: Ref<boolean>;
@@ -35,7 +39,651 @@ export interface InternalExposedProps {
     getPendingTmNode: () => TreeNode<SelectBaseOption> | null;
     prev: () => void;
     next: () => void;
+    focusSearchInput: () => void;
 }
+export declare const internalSelectMenuProps: {
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly treeMate: {
+        readonly type: PropType<SelectTreeMate>;
+        readonly required: true;
+    };
+    readonly multiple: BooleanConstructor;
+    readonly account: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: "medium";
+    };
+    readonly value: {
+        readonly type: PropType<Value | null>;
+        readonly default: null;
+    };
+    readonly autoPending: BooleanConstructor;
+    readonly virtualScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly labelField: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly valueField: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly loading: BooleanConstructor;
+    readonly focusable: BooleanConstructor;
+    readonly renderLabel: PropType<RenderLabel>;
+    readonly renderOption: PropType<RenderOption>;
+    readonly nodeProps: PropType<NodeProps>;
+    readonly showCheckmark: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly markType: {
+        readonly type: PropType<MarkType>;
+        readonly default: "mark";
+    };
+    readonly filterable: BooleanConstructor;
+    readonly pattern: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly searchPlaceholder: StringConstructor;
+    readonly onPatternInput: PropType<(value: string) => void>;
+    readonly onMousedown: PropType<(e: MouseEvent) => void>;
+    readonly onScroll: PropType<(e: Event) => void>;
+    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly onKeyup: PropType<(e: KeyboardEvent) => void>;
+    readonly onKeydown: PropType<(e: KeyboardEvent) => void>;
+    readonly onTabOut: PropType<() => void>;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
+    readonly onResize: PropType<() => void>;
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly inlineThemeDisabled: BooleanConstructor;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
+    readonly onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
+    readonly theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        height: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        optionPaddingSmall: string;
+        optionPaddingMedium: string;
+        optionPaddingLarge: string;
+        loadingSize: string;
+        optionFontSizeSmall: string;
+        optionFontSizeMedium: string;
+        optionFontSizeLarge: string;
+        optionHeightSmall: string;
+        optionHeightMedium: string;
+        optionHeightLarge: string;
+        optionBorderRadius: string;
+        borderRadius: string;
+        color: string;
+        groupHeaderTextColor: string;
+        actionDividerColor: string;
+        optionTextColor: string;
+        optionTextColorPressed: string;
+        optionTextColorDisabled: string;
+        optionTextColorActive: string;
+        optionOpacityDisabled: string;
+        optionCheckColor: string;
+        optionColorPending: string;
+        optionColorActive: string;
+        optionGroupHeaderBorderColor: string;
+        optionColorActivePending: string;
+        actionTextColor: string;
+        loadingColor: string;
+    }, {
+        Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+        Empty: import("../../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Checkbox: import("../../../_mixins").Theme<"Checkbox", {
+            fontWeight: string;
+            textColor: string;
+            descriptionTextColor: string;
+            textColorDisabled: string;
+            descriptionTextColorDisabled: string;
+            fontSizeLarge: string;
+            fontSizeMedium: string;
+            fontSizeSmall: string;
+            lineHeightLarge: string;
+            lineHeightMedium: string;
+            lineHeightSmall: string;
+            borderRadiusLarge: string;
+            borderRadiusMedium: string;
+            borderRadiusSmall: string;
+            color: string;
+            colorHover: string;
+            colorFocus: string;
+            colorActive: string;
+            colorChecked: string;
+            colorHoverChecked: string;
+            colorFocusChecked: string;
+            colorActiveChecked: string;
+            colorDisabled: string;
+            colorDisabledChecked: string;
+            checkMarkColor: string;
+            checkMarkColorHover: string;
+            checkMarkColorFocus: string;
+            checkMarkColorActive: string;
+            checkMarkColorDisabled: string;
+            checkMarkColorDisabledChecked: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderActive: string;
+            borderChecked: string;
+            borderHoverChecked: string;
+            borderFocusChecked: string;
+            borderActiveChecked: string;
+            borderDisabled: string;
+            borderDisabledChecked: string;
+            boxShadowHover: string;
+            boxShadowFocus: string;
+            boxShadowActive: string;
+            boxShadowHoverChecked: string;
+            boxShadowFocusChecked: string;
+            boxShadowActiveChecked: string;
+            sizeSmall: string;
+            sizeMedium: string;
+            sizeLarge: string;
+            labelPadding: string;
+        }, any>;
+        Input: import("../../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>;
+    readonly themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        height: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        optionPaddingSmall: string;
+        optionPaddingMedium: string;
+        optionPaddingLarge: string;
+        loadingSize: string;
+        optionFontSizeSmall: string;
+        optionFontSizeMedium: string;
+        optionFontSizeLarge: string;
+        optionHeightSmall: string;
+        optionHeightMedium: string;
+        optionHeightLarge: string;
+        optionBorderRadius: string;
+        borderRadius: string;
+        color: string;
+        groupHeaderTextColor: string;
+        actionDividerColor: string;
+        optionTextColor: string;
+        optionTextColorPressed: string;
+        optionTextColorDisabled: string;
+        optionTextColorActive: string;
+        optionOpacityDisabled: string;
+        optionCheckColor: string;
+        optionColorPending: string;
+        optionColorActive: string;
+        optionGroupHeaderBorderColor: string;
+        optionColorActivePending: string;
+        actionTextColor: string;
+        loadingColor: string;
+    }, {
+        Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+        Empty: import("../../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Checkbox: import("../../../_mixins").Theme<"Checkbox", {
+            fontWeight: string;
+            textColor: string;
+            descriptionTextColor: string;
+            textColorDisabled: string;
+            descriptionTextColorDisabled: string;
+            fontSizeLarge: string;
+            fontSizeMedium: string;
+            fontSizeSmall: string;
+            lineHeightLarge: string;
+            lineHeightMedium: string;
+            lineHeightSmall: string;
+            borderRadiusLarge: string;
+            borderRadiusMedium: string;
+            borderRadiusSmall: string;
+            color: string;
+            colorHover: string;
+            colorFocus: string;
+            colorActive: string;
+            colorChecked: string;
+            colorHoverChecked: string;
+            colorFocusChecked: string;
+            colorActiveChecked: string;
+            colorDisabled: string;
+            colorDisabledChecked: string;
+            checkMarkColor: string;
+            checkMarkColorHover: string;
+            checkMarkColorFocus: string;
+            checkMarkColorActive: string;
+            checkMarkColorDisabled: string;
+            checkMarkColorDisabledChecked: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderActive: string;
+            borderChecked: string;
+            borderHoverChecked: string;
+            borderFocusChecked: string;
+            borderActiveChecked: string;
+            borderDisabled: string;
+            borderDisabledChecked: string;
+            boxShadowHover: string;
+            boxShadowFocus: string;
+            boxShadowActive: string;
+            boxShadowHoverChecked: string;
+            boxShadowFocusChecked: string;
+            boxShadowActiveChecked: string;
+            sizeSmall: string;
+            sizeMedium: string;
+            sizeLarge: string;
+            labelPadding: string;
+        }, any>;
+        Input: import("../../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        height: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        optionPaddingSmall: string;
+        optionPaddingMedium: string;
+        optionPaddingLarge: string;
+        loadingSize: string;
+        optionFontSizeSmall: string;
+        optionFontSizeMedium: string;
+        optionFontSizeLarge: string;
+        optionHeightSmall: string;
+        optionHeightMedium: string;
+        optionHeightLarge: string;
+        optionBorderRadius: string;
+        borderRadius: string;
+        color: string;
+        groupHeaderTextColor: string;
+        actionDividerColor: string;
+        optionTextColor: string;
+        optionTextColorPressed: string;
+        optionTextColorDisabled: string;
+        optionTextColorActive: string;
+        optionOpacityDisabled: string;
+        optionCheckColor: string;
+        optionColorPending: string;
+        optionColorActive: string;
+        optionGroupHeaderBorderColor: string;
+        optionColorActivePending: string;
+        actionTextColor: string;
+        loadingColor: string;
+    }, {
+        Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+        Empty: import("../../../_mixins").Theme<"Empty", {
+            iconSizeSmall: string;
+            iconSizeMedium: string;
+            iconSizeLarge: string;
+            iconSizeHuge: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
+            iconColor: string;
+            iconBgColor: string;
+            extraTextColor: string;
+        }, any>;
+        Checkbox: import("../../../_mixins").Theme<"Checkbox", {
+            fontWeight: string;
+            textColor: string;
+            descriptionTextColor: string;
+            textColorDisabled: string;
+            descriptionTextColorDisabled: string;
+            fontSizeLarge: string;
+            fontSizeMedium: string;
+            fontSizeSmall: string;
+            lineHeightLarge: string;
+            lineHeightMedium: string;
+            lineHeightSmall: string;
+            borderRadiusLarge: string;
+            borderRadiusMedium: string;
+            borderRadiusSmall: string;
+            color: string;
+            colorHover: string;
+            colorFocus: string;
+            colorActive: string;
+            colorChecked: string;
+            colorHoverChecked: string;
+            colorFocusChecked: string;
+            colorActiveChecked: string;
+            colorDisabled: string;
+            colorDisabledChecked: string;
+            checkMarkColor: string;
+            checkMarkColorHover: string;
+            checkMarkColorFocus: string;
+            checkMarkColorActive: string;
+            checkMarkColorDisabled: string;
+            checkMarkColorDisabledChecked: string;
+            border: string;
+            borderHover: string;
+            borderFocus: string;
+            borderActive: string;
+            borderChecked: string;
+            borderHoverChecked: string;
+            borderFocusChecked: string;
+            borderActiveChecked: string;
+            borderDisabled: string;
+            borderDisabledChecked: string;
+            boxShadowHover: string;
+            boxShadowFocus: string;
+            boxShadowActive: string;
+            boxShadowHoverChecked: string;
+            boxShadowFocusChecked: string;
+            boxShadowActiveChecked: string;
+            sizeSmall: string;
+            sizeMedium: string;
+            sizeLarge: string;
+            labelPadding: string;
+        }, any>;
+        Input: import("../../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
+            countTextColorDisabled: string;
+            countTextColor: string;
+            heightTiny: string;
+            heightSmall: string;
+            heightMedium: string;
+            heightLarge: string;
+            heightHuge: string;
+            fontSizeTiny: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeight: string;
+            lineHeightTextarea: string;
+            borderRadius: string;
+            iconSize: string;
+            groupLabelTextColor: string;
+            textColor: string;
+            textColorDisabled: string;
+            textDecorationColor: string;
+            caretColor: string;
+            placeholderColor: string;
+            placeholderColorDisabled: string;
+            color: string;
+            colorDisabled: string;
+            colorFocus: string;
+            groupLabelBorder: string;
+            border: string;
+            borderHover: string;
+            borderDisabled: string;
+            borderFocus: string;
+            boxShadowFocus: string;
+            loadingColor: string;
+            loadingColorSuccess: string;
+            borderSuccess: string;
+            borderHoverSuccess: string;
+            colorFocusSuccess: string;
+            borderFocusSuccess: string;
+            boxShadowFocusSuccess: string;
+            caretColorSuccess: string;
+            loadingColorWarning: string;
+            borderWarning: string;
+            borderHoverWarning: string;
+            colorFocusWarning: string;
+            borderFocusWarning: string;
+            boxShadowFocusWarning: string;
+            caretColorWarning: string;
+            loadingColorError: string;
+            borderError: string;
+            borderHoverError: string;
+            colorFocusError: string;
+            borderFocusError: string;
+            boxShadowFocusError: string;
+            caretColorError: string;
+            clearColor: string;
+            clearColorHover: string;
+            clearColorPressed: string;
+            iconColor: string;
+            iconColorDisabled: string;
+            iconColorHover: string;
+            iconColorPressed: string;
+            suffixTextColor: string;
+            selectionColor: string;
+        }, any>;
+    }>>>;
+};
+export type InternalSelectMenuProps = ExtractPublicPropTypes<typeof internalSelectMenuProps>;
 export declare const internalSelectionMenuInjectionKey: import("vue").InjectionKey<InternalSelectMenuInjection>;
 export declare const internalSelectionMenuBodyInjectionKey: import("vue").InjectionKey<Ref<HTMLElement | null, HTMLElement | null>>;
 export type InternalSelectMenuRef = UnwrapRef<InternalExposedProps>;