@seakoi/native-ui 1.2.0 → 1.3.0

package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts

@@ -0,0 +1,144 @@
+import type { GestureResponderEvent } from 'react-native';
+import type { SelectMode, SelectOption } from '../types';
+/**
+ * 选项操作 Hook 参数
+ *
+ * @template ValueType - 选项值的类型
+ */
+export interface UseSelectActionsParams<ValueType = unknown, RealValueType = unknown> {
+    /**
+     * 当前值
+     */
+    value: RealValueType;
+    /**
+     * 选择模式
+     */
+    mode?: SelectMode;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 最大选择数量
+     */
+    maxCount?: number;
+    /**
+     * 自动清空搜索
+     */
+    autoClearSearchValue?: boolean;
+    /**
+     * 设置值
+     */
+    setValue: (value: RealValueType) => void;
+    /**
+     * 清空搜索
+     */
+    clearSearch: () => void;
+    /**
+     * 关闭下拉框
+     */
+    closePopup: () => void;
+    /**
+     * 判断选项是否被选中
+     */
+    isOptionSelected: (option: SelectOption<ValueType>) => boolean;
+    /**
+     * 激活回调
+     */
+    onActive?: (value: ValueType) => void;
+    /**
+     * 选择回调
+     */
+    onSelect?: (value: ValueType, option: SelectOption<ValueType>) => void;
+    /**
+     * 取消选择回调
+     */
+    onDeselect?: (value: ValueType) => void;
+    /**
+     * 清除回调
+     */
+    onClear?: () => void;
+    /**
+     * 创建选项回调
+     */
+    onCreateOption?: (inputValue: string) => SelectOption<ValueType> | void | undefined;
+}
+/**
+ * 选项操作 Hook 返回值
+ */
+export interface UseSelectActionsResult<ValueType = unknown> {
+    /**
+     * 处理选项点击
+     */
+    handleOptionPress: (option: SelectOption<ValueType>) => void;
+    /**
+     * 处理标签移除
+     */
+    handleTagClose: (option: SelectOption<ValueType>) => void;
+    /**
+     * 处理清除
+     */
+    handleClear: (e: GestureResponderEvent) => void;
+    /**
+     * 处理创建新选项
+     */
+    handleCreateOption: (searchValue: string) => void;
+}
+/**
+ * 选项操作 Hook
+ *
+ * 封装 Select 组件中与选项操作相关的逻辑,包括:
+ * - 选项点击处理
+ * - 标签移除处理
+ * - 清除操作处理
+ * - 创建新选项处理
+ *
+ * @template ValueType - 选项值的类型
+ *
+ * @example
+ * const {
+ *   handleOptionPress,
+ *   handleTagClose,
+ *   handleClear,
+ *   handleCreateOption
+ * } = useSelectActions({
+ *   value,
+ *   mode,
+ *   disabled,
+ *   maxCount,
+ *   autoClearSearchValue,
+ *   setValue,
+ *   clearSearch,
+ *   closePopup,
+ *   isOptionSelected,
+ *   onSelect,
+ *   onDeselect,
+ *   onClear
+ * });
+ */
+export declare const useSelectActions: <ValueType = unknown, RealValueType = unknown>(params: UseSelectActionsParams<ValueType, RealValueType>) => UseSelectActionsResult<ValueType>;
+/**
+ * 搜索配置
+ *
+ * @template OptionType - 选项类型
+ */
+export interface SelectSearchConfig<OptionType extends SelectOption = SelectOption> {
+    /**
+     * 是否在选中项后清空搜索框(仅 multiple/tags 模式)
+     * @default true
+     */
+    autoClearSearchValue?: boolean;
+    /** 是否根据输入项进行筛选 */
+    filterOption?: boolean | ((inputValue: string, option: OptionType) => boolean);
+    /** 搜索时对筛选结果排序 */
+    filterSort?: (optionA: OptionType, optionB: OptionType, info: {
+        searchValue: string;
+    }) => number;
+    /** 搜索时过滤对应的 option 属性 */
+    optionFilterProp?: string | string[];
+    /** 控制搜索文本 */
+    searchValue?: string;
+    /** 文本框值变化时回调 */
+    onSearch?: (value: string) => void;
+}
+//# sourceMappingURL=use-select-actions.d.ts.map

package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-actions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/hooks/use-select-actions.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,91 @@
+import type { SelectSearchConfig } from '#components/base/select/hooks/use-select-actions';
+import type { SelectMode, SelectOption, SelectOptionGroup } from '../types';
+export interface SelectFlattenedGroupOption extends Pick<SelectOptionGroup, 'label' | 'key'> {
+    /** 是否为分组标题 */
+    isGroup?: boolean;
+    /** 分组 key */
+    groupKey?: string;
+}
+/**
+ * 判断选项是否为分组
+ *
+ * @template ValueType - 选项值的类型
+ */
+export declare const isSelectOptionGroup: <ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>>(item: SelectOption<ValueType> | SelectOptionGroup<OptionType>) => item is SelectOptionGroup<OptionType>;
+export declare function isSelectFlattenedGroupOption<OptionType extends SelectOption>(v: SelectFlattenedGroupOption | OptionType): v is SelectFlattenedGroupOption;
+/**
+ * Select 选项处理 Hook 参数
+ *
+ * @template ValueType - 选项值的类型
+ * @template OptionType - 选项类型
+ * @template M - 选择模式
+ * @template RealValueType - 实际值类型
+ */
+export interface UseSelectOptionsParams<ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>, M extends SelectMode | undefined = undefined, RealValueType = unknown> extends SelectSearchConfig<OptionType> {
+    /**
+     * 选项列表
+     */
+    options: (OptionType | SelectOptionGroup<OptionType>)[];
+    /**
+     * 当前选中的值
+     */
+    value: RealValueType;
+    /**
+     * 选择模式
+     */
+    mode?: M;
+}
+/**
+ * Select 选项处理 Hook 返回值
+ *
+ * @template ValueType - 选项值的类型
+ * @template OptionType - 选项类型
+ */
+export interface UseSelectOptionsResult<ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>> {
+    /**
+     * 扁平化后的选项列表(包含分组标题)
+     */
+    flattenedOptions: (OptionType | SelectFlattenedGroupOption)[];
+    /**
+     * 所有可选项(不包含分组标题)
+     */
+    allOptions: SelectOption<ValueType>[];
+    /**
+     * 过滤后的选项列表
+     */
+    filteredOptions: (OptionType | SelectFlattenedGroupOption)[];
+    /**
+     * 当前选中的选项
+     */
+    selectedOptions: OptionType[];
+    /**
+     * 判断选项是否被选中
+     */
+    isOptionSelected: (option: OptionType) => boolean;
+}
+/**
+ * Select 选项处理 Hook
+ *
+ * 封装 Select 组件中与选项相关的逻辑,包括:
+ * - 扁平化选项列表
+ * - 过滤选项
+ * - 获取选中的选项
+ * - 判断选项是否被选中
+ *
+ * @example
+ * const {
+ *   allOptions,
+ *   filteredOptions,
+ *   selectedOptions,
+ *   isOptionSelected
+ * } = useSelectOptions({
+ *   options,
+ *   value,
+ *   mode,
+ *   searchValue,
+ *   filterOption: true,
+ *   optionFilterProp: 'label'
+ * });
+ */
+export declare const useSelectOptions: <ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>, M extends SelectMode | undefined = undefined, RealValueType = unknown>(params: UseSelectOptionsParams<ValueType, OptionType, M, RealValueType>) => UseSelectOptionsResult<ValueType>;
+//# sourceMappingURL=use-select-options.d.ts.map

package/dist/typescript/components/base/select/hooks/use-select-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-options.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/hooks/use-select-options.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAE3F,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE5E,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,KAAK,CAAC;IAChD,cAAc;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,EAEpE,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,KAC5D,IAAI,IAAI,iBAAiB,CAAC,UAAU,CAEtC,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,UAAU,SAAS,YAAY,EAC1E,CAAC,EAAE,0BAA0B,GAAG,UAAU,GACzC,CAAC,IAAI,0BAA0B,CAEjC;AAQD;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB,CACrC,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,EACpE,CAAC,SAAS,UAAU,GAAG,SAAS,GAAG,SAAS,EAC5C,aAAa,GAAG,OAAO,CACvB,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB,CACrC,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC;IAEpE;;OAEG;IACH,gBAAgB,EAAE,CAAC,UAAU,GAAG,0BAA0B,CAAC,EAAE,CAAC;IAC9D;;OAEG;IACH,UAAU,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACtC;;OAEG;IACH,eAAe,EAAE,CAAC,UAAU,GAAG,0BAA0B,CAAC,EAAE,CAAC;IAC7D;;OAEG;IACH,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B;;OAEG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,EACpE,CAAC,SAAS,UAAU,GAAG,SAAS,GAAG,SAAS,EAC5C,aAAa,GAAG,OAAO,EAEvB,QAAQ,sBAAsB,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,CAAC,KACtE,sBAAsB,CAAC,SAAS,CAqHlC,CAAC"}

package/dist/typescript/components/base/select/hooks/use-selector.d.ts

@@ -0,0 +1,90 @@
+import { type RefObject } from 'react';
+import { type LayoutRectangle, type View } from 'react-native';
+/**
+ * 选择器 Hook 参数
+ */
+export interface UseSelectorParams {
+    /**
+     * 默认打开状态
+     */
+    defaultOpen?: boolean;
+    /**
+     * 受控的打开状态
+     */
+    open?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 打开状态变化回调
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * 选择器 Hook 返回值
+ */
+export interface UseSelectorResult {
+    /**
+     * 选择器 ref
+     */
+    selectorRef: RefObject<View | null>;
+    /**
+     * 是否打开
+     */
+    open: boolean;
+    /**
+     * 选择器布局信息
+     */
+    selectorLayout: LayoutRectangle | null;
+    /**
+     * 是否聚焦
+     */
+    isFocused: boolean;
+    /**
+     * 设置打开状态
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * 更新选择器位置
+     */
+    updateSelectorLayout: () => void;
+    /**
+     * 处理选择器点击
+     */
+    handleSelectorPress: () => void;
+    /**
+     * 处理选择器布局变化
+     */
+    handleSelectorLayout: () => void;
+    /**
+     * 关闭下拉框
+     */
+    closePopup: () => void;
+}
+/**
+ * 选择器 Hook
+ *
+ * 封装 Select 组件中与选择器相关的逻辑,包括:
+ * - 选择器 ref 管理
+ * - 打开/关闭状态管理
+ * - 选择器位置获取
+ * - 焦点状态管理
+ * - 选择器点击处理
+ *
+ * @example
+ * const {
+ *   selectorRef,
+ *   open,
+ *   selectorLayout,
+ *   isFocused,
+ *   handleSelectorPress,
+ *   handleSelectorLayout
+ * } = useSelector({
+ *   defaultOpen: false,
+ *   disabled: false,
+ *   onOpenChange
+ * });
+ */
+export declare const useSelector: (params: UseSelectorParams) => UseSelectorResult;
+//# sourceMappingURL=use-selector.d.ts.map

package/dist/typescript/components/base/select/hooks/use-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-selector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/hooks/use-selector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,eAAe,GAAG,IAAI,CAAC;IACvC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,iBAAiB,KAAG,iBA8DvD,CAAC"}

package/dist/typescript/components/base/select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './select';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/base/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,SAAS,CAAC"}

package/dist/typescript/components/base/select/select-multiple-content.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { SelectMode, SelectOption, SelectProps } from './types';
+/**
+ * Select 多选内容组件的 Props
+ */
+export interface SelectMultipleContentProps<ValueType> extends Pick<SelectProps<ValueType>, 'maxTagCount' | 'maxTagPlaceholder' | 'maxTagTextLength' | 'tagRender'> {
+    /** 选中的选项列表 */
+    selectedOptions: SelectOption<ValueType>[];
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义标签渲染 */
+    labelRender?: SelectProps<ValueType>['labelRender'];
+    /** 占位符样式 */
+    placeholderStyle?: StyleProp<TextStyle>;
+    /** 输入框样式 */
+    inputStyle?: StyleProp<TextStyle>;
+    /** 标签项容器样式 */
+    tagItemStyle?: StyleProp<ViewStyle>;
+    /** 标签文本内容样式 */
+    tagContentStyle?: StyleProp<TextStyle>;
+    /** 标签删除按钮样式 */
+    tagRemoveStyle?: StyleProp<ViewStyle>;
+    /** 标签整体容器样式 */
+    tagContainerStyle?: StyleProp<ViewStyle>;
+    /** 标签关闭事件 */
+    onTagClose: (option: SelectOption<ValueType>) => void;
+    /** 是否显示搜索输入框 */
+    showSearchInput?: boolean;
+    /** 搜索值 */
+    searchValue?: string;
+    /** 搜索值变化回调 */
+    onSearchChange?: (value: string) => void;
+    /** 占位符文本 */
+    placeholder?: string;
+    /** 选择模式 */
+    mode?: SelectMode;
+    /** 创建选项回调 */
+    onCreateOption?: (value: string) => void;
+    /** 下拉框是否打开 */
+    open: boolean;
+}
+/**
+ * Select 多选内容组件
+ *
+ * 负责渲染多选模式下的标签列表，包括标签的显示、关闭按钮等功能。
+ *
+ * @template ValueType - 选项值的类型
+ */
+export declare const SelectMultipleContent: <ValueType = unknown>({ selectedOptions, disabled, maxTagCount, maxTagTextLength, maxTagPlaceholder, tagRender, labelRender, placeholderStyle, inputStyle, tagItemStyle, tagContentStyle, tagRemoveStyle, tagContainerStyle, onTagClose, showSearchInput, searchValue, onSearchChange, placeholder, mode, onCreateOption, open, }: SelectMultipleContentProps<ValueType>) => React.JSX.Element;
+//# sourceMappingURL=select-multiple-content.d.ts.map

package/dist/typescript/components/base/select/select-multiple-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-multiple-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/select-multiple-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAIrE;;GAEG;AACH,MAAM,WAAW,0BAA0B,CAAC,SAAS,CACnD,SAAQ,IAAI,CACV,WAAW,CAAC,SAAS,CAAC,EACtB,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,WAAW,CACvE;IACD,cAAc;IACd,eAAe,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IAC3C,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,WAAW,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC;IACpD,YAAY;IACZ,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,YAAY;IACZ,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,cAAc;IACd,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,eAAe;IACf,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,eAAe;IACf,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa;IACb,UAAU,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACtD,gBAAgB;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc;IACd,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,aAAa;IACb,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAGD;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,SAAS,GAAG,OAAO,EAAG,6SAsBzD,0BAA0B,CAAC,SAAS,CAAC,sBAgMvC,CAAC"}

package/dist/typescript/components/base/select/select-popup.d.ts

@@ -0,0 +1,107 @@
+import React from 'react';
+import { type LayoutRectangle, type NativeScrollEvent, type NativeSyntheticEvent, type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import { type UseSelectOptionsResult } from '#components/base/select/hooks/use-select-options';
+import type { SelectOption } from './types';
+/** 下拉菜单默认最大高度 */
+export declare const DEFAULT_POPUP_MAX_HEIGHT: 256;
+/**
+ * SelectPopup 组件的属性
+ *
+ * @template ValueType - 选项值的类型
+ */
+export interface SelectPopupProps<ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>> {
+    /**
+     * 是否展开
+     */
+    open: boolean;
+    /**
+     * 选择器布局信息
+     */
+    selectorLayout: LayoutRectangle;
+    /**
+     * 下拉菜单和选择器同宽
+     */
+    matchWidth?: boolean | number;
+    /**
+     * 下拉菜单位置,不指定时自动计算
+     */
+    placement?: 'top' | 'bottom';
+    /**
+     * 加载中状态
+     */
+    loading?: boolean;
+    /**
+     * 下拉列表为空时显示的内容
+     */
+    notFoundContent?: React.ReactNode;
+    /**
+     * 自定义选中项图标
+     */
+    selectedIcon?: React.ReactNode;
+    /**
+     * 自定义渲染下拉选项
+     */
+    optionRender?: (option: OptionType, info: {
+        index: number;
+        selected: boolean;
+    }) => React.ReactNode;
+    /**
+     * 下拉菜单最大高度
+     * @default {@link DEFAULT_POPUP_MAX_HEIGHT}
+     */
+    popupMaxHeight?: number;
+    /**
+     * 过滤后的选项列表
+     */
+    filteredOptions: UseSelectOptionsResult<ValueType, OptionType>['filteredOptions'];
+    /**
+     * 搜索值
+     */
+    searchValue: string;
+    /**
+     * 选择模式
+     */
+    mode?: 'multiple' | 'tags';
+    /**
+     * 自定义样式
+     */
+    popupRootStyle?: StyleProp<ViewStyle>;
+    /**
+     * 弹出菜单列表样式
+     */
+    popupListStyle?: StyleProp<ViewStyle>;
+    /**
+     * 弹出菜单条目样式
+     */
+    popupListItemStyle?: StyleProp<ViewStyle>;
+    /**
+     * 分组标签样式
+     */
+    popupGroupLabelStyle?: StyleProp<TextStyle>;
+    /**
+     * 自定义下拉框内容
+     */
+    popupRender?: (originNode: React.ReactNode) => React.ReactNode;
+    /**
+     * 判断选项是否被选中
+     */
+    isOptionSelected: (option: OptionType) => boolean;
+    /**
+     * 关闭回调
+     */
+    onClose: () => void;
+    /**
+     * 选项点击回调
+     */
+    onOptionPress: (option: OptionType) => void;
+    /**
+     * 创建选项回调
+     */
+    onCreateOption: () => void;
+    /**
+     * 下拉列表滚动时回调
+     */
+    onPopupScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+}
+export declare const SelectPopup: <ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>>({ open, selectorLayout, matchWidth, placement: forcedPlacement, popupMaxHeight, loading, filteredOptions, notFoundContent, searchValue, mode, popupRootStyle, popupListStyle, popupListItemStyle, popupGroupLabelStyle, selectedIcon, optionRender, popupRender, isOptionSelected, onClose, onOptionPress, onCreateOption, onPopupScroll, }: SelectPopupProps<ValueType, OptionType>) => React.JSX.Element | null;
+//# sourceMappingURL=select-popup.d.ts.map

package/dist/typescript/components/base/select/select-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/select-popup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,kDAAkD,CAAC;AAI1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAiB;AACjB,eAAO,MAAM,wBAAwB,EAAG,GAAY,CAAC;AAErD;;;;GAIG;AACH,MAAM,WAAW,gBAAgB,CAC/B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC;IAEpE;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,eAAe,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KACvC,KAAK,CAAC,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,EAAE,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAClF;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D;;OAEG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;IAClD;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,WAAW,GACtB,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,EACpE,6UAuBC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,6BA8NzC,CAAC"}

package/dist/typescript/components/base/select/select-single-content.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { StyleProp, TextStyle } from 'react-native';
+import { type SelectProps } from '#components/base';
+import type { SelectMode, SelectOption } from './types';
+/**
+ * Select 单选内容组件的 Props
+ *
+ * @template ValueType - 选项值的类型
+ */
+export interface SelectSingleContentProps<ValueType> {
+    /** 选中的选项 */
+    selectedOption?: SelectOption<ValueType>;
+    /** 自定义标签渲染函数 */
+    labelRender?: SelectProps<ValueType>['labelRender'];
+    /** 是否显示搜索输入框 */
+    showSearchInput?: boolean;
+    /** 当前搜索值 */
+    searchValue?: string;
+    /** 搜索值变化回调函数 */
+    onSearchChange?: (value: string) => void;
+    /** 占位符文本 */
+    placeholder?: string;
+    /** 选择模式 */
+    mode?: SelectMode;
+    /** 创建新选项的回调函数 */
+    onCreateOption?: (value: string) => void;
+    /** 占位符样式 */
+    placeholderStyle?: StyleProp<TextStyle>;
+    /** 输入框样式 */
+    inputStyle?: StyleProp<TextStyle>;
+}
+/**
+ * Select 单选内容组件
+ *
+ * 负责渲染单选模式下的选中值显示，支持占位符、自定义渲染和搜索输入。
+ *
+ * @template ValueType - 选项值的类型
+ * @param props - 组件属性
+ *
+ * @example
+ * <SelectSingleContent
+ *   selectedOption={{ label: '选项1', value: 1 }}
+ *   placeholder="请选择"
+ *   styles={styles}
+ * />
+ */
+export declare const SelectSingleContent: <ValueType = unknown>({ selectedOption, labelRender, showSearchInput, searchValue, onSearchChange, placeholder, mode, onCreateOption, placeholderStyle, inputStyle, }: SelectSingleContentProps<ValueType>) => React.JSX.Element;
+//# sourceMappingURL=select-single-content.d.ts.map

package/dist/typescript/components/base/select/select-single-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-single-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/select-single-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAS,KAAK,WAAW,EAAQ,MAAM,kBAAkB,CAAC;AAIjE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,wBAAwB,CAAC,SAAS;IACjD,YAAY;IACZ,cAAc,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACzC,gBAAgB;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC;IACpD,gBAAgB;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iBAAiB;IACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY;IACZ,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,YAAY;IACZ,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,GAAG,OAAO,EAAG,iJAWvD,wBAAwB,CAAC,SAAS,CAAC,sBA+DrC,CAAC"}

package/dist/typescript/components/base/select/select-suffix.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+import type { SelectProps } from './types';
+/**
+ * SelectSuffix 组件的属性
+ */
+export interface SelectSuffixProps {
+    /**
+     * 是否显示清除按钮
+     */
+    showClearButton: boolean;
+    /**
+     * 是否允许清除
+     */
+    allowClear?: SelectProps['allowClear'];
+    /**
+     * 是否打开下拉框
+     */
+    open: boolean;
+    /**
+     * 自定义后缀图标
+     */
+    suffixIcon?: SelectProps['suffixIcon'];
+    /**
+     * 后缀元素样式
+     */
+    suffixStyle?: StyleProp<ViewStyle>;
+    /**
+     * 清除按钮样式
+     */
+    clearStyle?: StyleProp<ViewStyle>;
+    /**
+     * 清除按钮点击回调
+     */
+    onClear: (e: GestureResponderEvent) => void;
+}
+/**
+ * Select 后缀区域组件
+ *
+ * 包含清除按钮和下拉箭头图标
+ */
+export declare const SelectSuffix: React.FC<SelectSuffixProps>;
+//# sourceMappingURL=select-suffix.d.ts.map

package/dist/typescript/components/base/select/select-suffix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-suffix.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/select-suffix.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC7C;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6CpD,CAAC"}

package/dist/typescript/components/base/select/select.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { SelectMode, SelectOption, SelectProps } from './types';
+/**
+ * Select 选择器组件
+ *
+ * 支持单选、多选和标签模式，提供搜索、清除、自定义渲染等功能。
+ *
+ * @template ValueType - 选项值的类型
+ * @template M - 选择模式，可以是 'multiple' | 'tags' | undefined
+ *
+ * @param props - 组件属性
+ *
+ * @example
+ * // 单选模式
+ * <Select
+ *   options={[{ label: '选项1', value: 1 }]}
+ *   placeholder="请选择"
+ *   onChange={value => console.log(value)}
+ * />
+ *
+ * @example
+ * // 多选模式
+ * <Select
+ *   mode="multiple"
+ *   options={options}
+ *   value={[1, 2]}
+ *   onChange={values => console.log(values)}
+ * />
+ *
+ * @example
+ * // 标签模式（支持创建新选项）
+ * <Select
+ *   mode="tags"
+ *   options={options}
+ *   showSearch
+ *   onChange={values => console.log(values)}
+ * />
+ */
+export declare const Select: <ValueType = unknown, OptionType extends SelectOption<ValueType> = SelectOption<ValueType>, M extends SelectMode | undefined = undefined, RealValueType extends M extends SelectMode ? ValueType[] : ValueType = M extends SelectMode ? ValueType[] : ValueType>(props: SelectProps<ValueType, OptionType, M, RealValueType>) => React.JSX.Element;
+//# sourceMappingURL=select.d.ts.map

package/dist/typescript/components/base/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,MAAM,GACjB,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,EACpE,CAAC,SAAS,UAAU,GAAG,SAAS,GAAG,SAAS,EAC5C,aAAa,SAAS,CAAC,SAAS,UAAU,GACtC,SAAS,EAAE,GACX,SAAS,GAAG,CAAC,SAAS,UAAU,GAAG,SAAS,EAAE,GAAG,SAAS,EAE9D,OAAO,WAAW,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,CAAC,sBAkP5D,CAAC"}