x-next 0.0.0-alpha.61 → 0.0.0-alpha.62

package/dist/components/form-select/SelectOption.vue.d.ts

@@ -0,0 +1,213 @@
+import { PropType } from 'vue';
+import { TagProps } from '../tag/interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项值（如不填，会从内容中获取）
+     * @en Option value (if not filled, it will be obtained from the content)
+     */
+    value: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @zh 选项标签（如不填，会从内容中获取）
+     * @en Option label (if not filled, it will be obtained from the content)
+     */
+    label: StringConstructor;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: BooleanConstructor;
+    /**
+     * @zh 展示的标签属性
+     * @en Displayed tag attributes
+     * @version 2.8.0
+     */
+    tagProps: {
+        type: PropType<TagProps>;
+    };
+    /**
+     * @zh 额外数据。2.18.0 版本废弃，可使用对象形式的 value 扩展数据
+     * @en Extra data
+     * @version 2.10.0
+     */
+    extra: {
+        type: ObjectConstructor;
+    };
+    /**
+     * @zh 用于手动指定选项的 index
+     * @en index for manually specifying option
+     * @version 2.20.0
+     */
+    index: {
+        type: NumberConstructor;
+    };
+    internal: BooleanConstructor;
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean | undefined;
+    })[]>;
+    selectCtx: import('./context').SelectContext | undefined;
+    itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    component: import('vue').ComputedRef<string>;
+    isSelected: import('vue').ComputedRef<boolean>;
+    isValid: import('vue').Ref<boolean, boolean>;
+    handleClick: (ev: MouseEvent) => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项值（如不填，会从内容中获取）
+     * @en Option value (if not filled, it will be obtained from the content)
+     */
+    value: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @zh 选项标签（如不填，会从内容中获取）
+     * @en Option label (if not filled, it will be obtained from the content)
+     */
+    label: StringConstructor;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: BooleanConstructor;
+    /**
+     * @zh 展示的标签属性
+     * @en Displayed tag attributes
+     * @version 2.8.0
+     */
+    tagProps: {
+        type: PropType<TagProps>;
+    };
+    /**
+     * @zh 额外数据。2.18.0 版本废弃，可使用对象形式的 value 扩展数据
+     * @en Extra data
+     * @version 2.10.0
+     */
+    extra: {
+        type: ObjectConstructor;
+    };
+    /**
+     * @zh 用于手动指定选项的 index
+     * @en index for manually specifying option
+     * @version 2.20.0
+     */
+    index: {
+        type: NumberConstructor;
+    };
+    internal: BooleanConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    value: string | number | boolean | Record<string, any>;
+    internal: boolean;
+}, {}, {
+    Checkbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | Array<string | number | boolean>>;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        uninjectGroupContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
+        change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | Array<string | number | boolean>>;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        uninjectGroupContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        modelValue: boolean | (string | number | boolean)[];
+        defaultChecked: boolean;
+        indeterminate: boolean;
+        uninjectGroupContext: boolean;
+    }, {}, {
+        IconCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: "mini" | "small" | "medium" | "large" | "huge";
+            disabled: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/form-select/SelectOptionGroup.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项组的标题
+     * @en Title of option group
+     */
+    label: {
+        type: StringConstructor;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项组的标题
+     * @en Title of option group
+     */
+    label: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/form-select/context.d.ts

@@ -0,0 +1,17 @@
+import { InjectionKey } from 'vue';
+import { FilterOption, SelectOptionInfo } from './interface';
+export interface SelectContext {
+    multiple?: boolean;
+    valueKey?: string;
+    inputValue?: string;
+    filterOption?: FilterOption;
+    component?: string;
+    valueKeys: string[];
+    activeKey?: string;
+    onSelect: (key: string, ev: Event) => void;
+    setActiveKey: (key?: string) => void;
+    getNextSlotOptionIndex: () => number;
+    addSlotOptionInfo: (id: number, optionInfo: SelectOptionInfo) => void;
+    removeSlotOptionInfo: (id: number) => void;
+}
+export declare const selectInjectionKey: InjectionKey<SelectContext>;

package/dist/components/form-select/hooks/use-options.d.ts

@@ -0,0 +1,30 @@
+import { Ref } from 'vue';
+import { FilterOption, SelectOption, SelectOptionInfo, SelectFieldNames } from '../interface';
+export declare const useOptions: ({ options, extraOptions, inputValue, filterOption, showExtraOptions, valueKey, fieldNames, }: {
+    options?: Ref<SelectOption[]>;
+    extraOptions?: Ref<SelectOption[]>;
+    inputValue?: Ref<string>;
+    filterOption?: Ref<FilterOption>;
+    showExtraOptions?: Ref<boolean>;
+    valueKey?: Ref<string>;
+    fieldNames?: Ref<SelectFieldNames | undefined>;
+}) => {
+    validOptions: import('vue').ComputedRef<(SelectOptionInfo | import('../interface').SelectOptionGroupInfo)[]>;
+    optionInfoMap: import('vue').Reactive<Map<string, SelectOptionInfo>>;
+    validOptionInfos: import('vue').ComputedRef<{
+        [x: string]: any;
+        raw: Record<string, unknown>;
+        key: string;
+        index?: number | undefined;
+        origin: "slot" | "options" | "extraOptions";
+        value: import('../interface').SelectOptionValue;
+        label: string;
+        disabled?: boolean | undefined;
+        tagProps?: any;
+        render?: import('vue').RenderFunction | undefined;
+    }[]>;
+    enabledOptionKeys: import('vue').ComputedRef<string[]>;
+    getNextSlotOptionIndex: () => number;
+    addSlotOptionInfo: (id: number, optionInfo: SelectOptionInfo) => void;
+    removeSlotOptionInfo: (id: number) => void;
+};

package/dist/components/form-select/hooks/use-select.d.ts

@@ -0,0 +1,47 @@
+import { ComponentPublicInstance, Ref } from 'vue';
+import { FilterOption, SelectOption, SelectFieldNames } from '../interface';
+import { VirtualListRef } from '../../virtual-list-v2/interface';
+export declare const useSelect: ({ multiple, options, extraOptions, inputValue, filterOption, showExtraOptions, component, valueKey, fieldNames, loading, popupVisible, valueKeys, dropdownRef, optionRefs, virtualListRef, onSelect, onPopupVisibleChange, enterToOpen, defaultActiveFirstOption, }: {
+    multiple?: Ref<boolean>;
+    options?: Ref<SelectOption[]>;
+    extraOptions?: Ref<SelectOption[]>;
+    inputValue?: Ref<string>;
+    filterOption?: Ref<FilterOption>;
+    showExtraOptions?: Ref<boolean>;
+    component?: Ref<"li" | "div">;
+    valueKey?: Ref<string>;
+    fieldNames?: Ref<SelectFieldNames | undefined>;
+    loading?: Ref<boolean>;
+    popupVisible: Ref<boolean>;
+    valueKeys: Ref<string[]>;
+    dropdownRef?: Ref<ComponentPublicInstance | undefined>;
+    optionRefs?: Ref<Record<string | number, HTMLElement>>;
+    virtualListRef?: Ref<VirtualListRef>;
+    onSelect: (key: string, ev: Event) => void;
+    onPopupVisibleChange: (visible: boolean) => void;
+    enterToOpen?: boolean;
+    defaultActiveFirstOption?: Ref<boolean>;
+}) => {
+    validOptions: import('vue').ComputedRef<(import('../interface').SelectOptionInfo | import('../interface').SelectOptionGroupInfo)[]>;
+    optionInfoMap: import('vue').Reactive<Map<string, import('../interface').SelectOptionInfo>>;
+    validOptionInfos: import('vue').ComputedRef<{
+        [x: string]: any;
+        raw: Record<string, unknown>;
+        key: string;
+        index?: number | undefined;
+        origin: "slot" | "options" | "extraOptions";
+        value: import('../interface').SelectOptionValue;
+        label: string;
+        disabled?: boolean | undefined;
+        tagProps?: any;
+        render?: import('vue').RenderFunction | undefined;
+    }[]>;
+    enabledOptionKeys: import('vue').ComputedRef<string[]>;
+    activeKey: Ref<string | undefined, string | undefined>;
+    setActiveKey: (key?: string) => void;
+    addSlotOptionInfo: (id: number, optionInfo: import('../interface').SelectOptionInfo) => void;
+    removeSlotOptionInfo: (id: number) => void;
+    getNextActiveKey: (direction: "up" | "down") => string | undefined;
+    scrollIntoView: (key: string) => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+};