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

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

@@ -0,0 +1,115 @@
+import { RenderFunction } from 'vue';
+import { FieldString } from '../../_hooks/_types';
+import { Size } from '../../_utils/constant';
+import { VirtualListProps } from '../virtual-list-v2/interface';
+import { TriggerProps } from '../trigger-v2/interface';
+export interface SelectProps {
+    options?: (string | number | boolean | SelectOptionData | SelectOptionGroup)[];
+    multiple?: boolean;
+    modelValue?: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+    defaultValue?: string | number | boolean | Record<string, unknown> | (string | number | boolean | Record<string, unknown>)[];
+    inputValue?: string;
+    defaultInputValue?: string;
+    size?: Size;
+    placeholder?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    allowClear?: boolean;
+    allowSearch?: boolean | {
+        retainInputValue?: boolean;
+    };
+    allowCreate?: boolean;
+    maxTagCount?: number;
+    popupContainer?: string | HTMLElement;
+    bordered?: boolean;
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    unmountOnClose?: boolean;
+    filterOption?: boolean | ((inputValue: string, option: SelectOptionData) => boolean);
+    virtualListProps?: VirtualListProps;
+    triggerProps?: TriggerProps;
+    formatLabel?: (data: SelectOptionData) => string;
+    fallbackOption?: boolean | ((value: string | number | boolean | Record<string, unknown>) => SelectOptionData);
+    showExtraOptions?: boolean;
+    valueKey?: string;
+    searchDelay?: number;
+    limit?: number;
+    fieldNames?: SelectFieldNames;
+    showHeaderOnEmpty?: boolean;
+    showFooterOnEmpty?: boolean;
+}
+export type SelectOptionValue = string | number | boolean | Record<string, unknown>;
+export interface OptionValueWithKey {
+    value: SelectOptionValue;
+    key: string;
+}
+export type SelectFieldNames = FieldString<SelectOptionData>;
+export interface SelectOptionData {
+    /**
+     * @zh 选项值
+     * @en Option Value
+     */
+    value?: string | number | boolean | Record<string, unknown>;
+    /**
+     * @zh 选项内容
+     * @en Option content
+     */
+    label?: string;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled?: boolean;
+    /**
+     * @zh 选项对应的多选标签的属性
+     * @en Props of the multi-select label corresponding to the option
+     */
+    tagProps?: any;
+    /**
+     * @zh 自定义渲染
+     * @en Custom Render
+     */
+    render?: RenderFunction;
+    [other: string]: any;
+}
+export interface SelectOptionGroup {
+    /**
+     * @zh 是否为选项组
+     * @en Whether it is an option group
+     */
+    isGroup: true;
+    /**
+     * @zh 选项组标题
+     * @en Option group title
+     */
+    label: string;
+    /**
+     * @zh 选项组中的选项
+     * @en Options in the option group
+     */
+    options: SelectOption[];
+    [other: string]: any;
+}
+/**
+ * @zh 选项
+ * @en Option
+ */
+export type SelectOption = string | number | boolean | SelectOptionData | SelectOptionGroup;
+export interface SelectOptionInfo extends SelectOptionData {
+    raw: Record<string, unknown>;
+    key: string;
+    index?: number;
+    origin: 'slot' | 'options' | 'extraOptions';
+    value: SelectOptionValue;
+    label: string;
+}
+export interface SelectOptionGroupInfo extends SelectOptionGroup {
+    key: string;
+    options: (SelectOptionInfo | SelectOptionGroupInfo)[];
+}
+/**
+ * @zh 筛选
+ * @en Filter
+ */
+export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);

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

@@ -0,0 +1,27 @@
+import { FilterOption, SelectOptionGroup, SelectOptionGroupInfo, SelectOption, SelectOptionData, SelectOptionInfo, SelectOptionValue, SelectFieldNames } from './interface';
+export declare const isGroupOption: (option: SelectOption) => option is SelectOptionGroup;
+export declare const isGroupOptionInfo: (option: SelectOptionInfo | SelectOptionGroupInfo) => option is SelectOptionGroupInfo;
+export declare const getValueString: (value: SelectOptionValue, valueKey?: string) => string;
+export declare const getKeyFromValue: (value?: SelectOptionValue, valueKey?: string) => string;
+export declare const hasEmptyStringKey: (optionInfoMap: Map<string, SelectOptionInfo>) => boolean;
+export declare const createOptionInfo: (option: string | number | SelectOptionData, { valueKey, fieldNames, origin, index, }: {
+    valueKey: string;
+    fieldNames: Required<SelectFieldNames>;
+    origin: "slot" | "options" | "extraOptions";
+    index?: number;
+}) => SelectOptionInfo;
+export declare const getOptionInfos: (options: SelectOption[], { valueKey, fieldNames, origin, optionInfoMap, }: {
+    valueKey: string;
+    fieldNames: Required<SelectFieldNames>;
+    origin: "options" | "extraOptions";
+    optionInfoMap: Map<string, SelectOptionInfo>;
+}) => (SelectOptionInfo | SelectOptionGroupInfo)[];
+export declare const createOptionInfoMap: (optionInfos: (SelectOptionInfo | SelectOptionGroupInfo)[]) => Map<string, SelectOptionInfo>;
+export declare const getValidOptions: (optionInfos: (SelectOptionInfo | SelectOptionGroupInfo)[], { inputValue, filterOption, }: {
+    inputValue?: string;
+    filterOption?: FilterOption;
+}) => (SelectOptionInfo | SelectOptionGroupInfo)[];
+export declare const isValidOption: (optionInfo: SelectOptionInfo, { inputValue, filterOption, }: {
+    inputValue?: string;
+    filterOption?: FilterOption;
+}) => boolean;