@seakoi/native-ui 1.1.3 → 1.3.0

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"}

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

@@ -0,0 +1,6 @@
+export { useSelectMultipleContentStyles } from './select-multiple-content-styles';
+export { useSelectPopupStyles } from './select-popup-styles';
+export { useSelectSingleContentStyles } from './select-single-content-styles';
+export { useSelectStyles } from './select-styles';
+export { useSelectSuffixStyles } from './select-suffix-styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,40 @@
+/**
+ * SelectMultipleContent 组件样式
+ */
+export declare const useSelectMultipleContentStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    input: {
+        flex: number;
+        minWidth: number;
+        margin: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        maxWidth: "100%";
+    };
+    inputInner: {
+        color: "rgba(0, 0, 0, 0.9)";
+        padding: number;
+        margin: number;
+        minWidth: number;
+        width: "auto";
+        fontSize: number;
+    };
+    tagItem: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: 6;
+        paddingVertical: 4;
+        borderRadius: 2;
+        gap: 4;
+        flexShrink: number;
+        height: "100%";
+        backgroundColor: "rgba(243, 243, 243, 1)";
+    };
+    tagRemoveButton: {
+        marginLeft: 4;
+        padding: 4;
+    };
+    overflowSuffix: {
+        flexShrink: number;
+    };
+};
+//# sourceMappingURL=select-multiple-content-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-multiple-content-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/style/select-multiple-content-styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxC,CAAC"}

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

@@ -0,0 +1,61 @@
+/**
+ * SelectPopup 组件样式
+ */
+export declare const useSelectPopupStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    popupRoot: {
+        position: "absolute";
+        backgroundColor: "rgba(255, 255, 255, 1)";
+        borderRadius: 4;
+        borderWidth: number;
+        borderColor: "rgba(220, 220, 220, 1)";
+        zIndex: number;
+    };
+    popupList: {};
+    popupListItem: {
+        paddingHorizontal: 12;
+        paddingVertical: 8;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    popupListItemSelected: {
+        backgroundColor: "rgba(241, 248, 255, 1)";
+    };
+    popupListItemDisabled: {
+        opacity: number;
+    };
+    popupListItemText: {
+        flex: number;
+    };
+    popupGroupLabel: {
+        paddingHorizontal: 12;
+        paddingVertical: 6;
+        backgroundColor: "rgba(243, 243, 243, 1)";
+    };
+    popupCreateOption: {
+        paddingHorizontal: 12;
+        paddingVertical: 8;
+        borderBottomWidth: number;
+        borderBottomColor: "rgba(231, 231, 231, 1)";
+    };
+    loading: {
+        paddingHorizontal: 12;
+        paddingVertical: 16;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    empty: {
+        paddingHorizontal: 12;
+        paddingVertical: 16;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    backdrop: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=select-popup-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-popup-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/style/select-popup-styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD9B,CAAC"}

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

@@ -0,0 +1,22 @@
+/**
+ * SelectSingleContent 组件样式
+ */
+export declare const useSelectSingleContentStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    input: {
+        flex: number;
+        minWidth: number;
+        margin: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        maxWidth: "100%";
+    };
+    inputInner: {
+        color: "rgba(0, 0, 0, 0.9)";
+        padding: number;
+        margin: number;
+        minWidth: number;
+        width: "auto";
+        fontSize: number;
+    };
+};
+//# sourceMappingURL=select-single-content-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-single-content-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/style/select-single-content-styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;CAiBtC,CAAC"}

package/dist/typescript/components/base/select/style/select-styles.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Select 主组件样式
+ */
+export declare const useSelectStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    root: {
+        position: "relative";
+        minHeight: number;
+        width: "100%";
+    };
+    selector: {
+        flexDirection: "row";
+        alignItems: "center";
+        minHeight: number;
+        paddingHorizontal: 12;
+        paddingVertical: 6;
+        backgroundColor: "rgba(255, 255, 255, 1)";
+        borderWidth: number;
+        borderColor: "rgba(220, 220, 220, 1)";
+        borderRadius: 4;
+    };
+    selectorDisabled: {
+        backgroundColor: "rgba(238, 238, 238, 1)";
+        borderColor: "rgba(231, 231, 231, 1)";
+    };
+    selectorFocused: {
+        borderColor: "rgba(43, 152, 254, 1)";
+        borderWidth: number;
+    };
+    prefix: {
+        marginRight: 6;
+    };
+    content: {
+        flex: number;
+        flexDirection: "row";
+        flexWrap: "wrap";
+        alignItems: "center";
+        gap: 6;
+    };
+};
+//# sourceMappingURL=select-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/style/select-styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCzB,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * SelectSuffix 组件样式
+ */
+export declare const useSelectSuffixStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    suffix: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginLeft: 6;
+        gap: 6;
+    };
+    clearButton: {
+        padding: 4;
+    };
+};
+//# sourceMappingURL=select-suffix-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-suffix-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/select/style/select-suffix-styles.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;CAU/B,CAAC"}

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

@@ -0,0 +1,206 @@
+import type React from 'react';
+import type { NativeScrollEvent, NativeSyntheticEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { SelectSearchConfig } from '#components/base/select/hooks/use-select-actions';
+/**
+ * 选项数据类型
+ *
+ * @template ValueType - 选项值的类型
+ */
+export interface SelectOption<ValueType = unknown> {
+    /** 选项标签 */
+    label: React.ReactNode;
+    /** 选项值 */
+    value: ValueType;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 选项自定义样式 */
+    style?: StyleProp<ViewStyle>;
+    /** 自定义数据(用于扩展) */
+    [key: PropertyKey]: unknown;
+}
+/**
+ * 选项分组类型
+ *
+ * @template ValueType - 选项值的类型
+ */
+export interface SelectOptionGroup<OptionType extends SelectOption = SelectOption> {
+    /** 分组标识 */
+    key: string;
+    /** 分组名称 */
+    label: React.ReactNode;
+    /** 分组选项 */
+    options: OptionType[];
+    /** 分组自定义样式 */
+    style?: StyleProp<ViewStyle>;
+}
+/** 选择模式 */
+export type SelectMode = 'multiple' | 'tags';
+/**
+ * Select 组件属性
+ *
+ * @template ValueType - 选项值的类型
+ * @template M - 选择模式
+ */
+export interface SelectProps<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> extends SelectSearchConfig<OptionType> {
+    /**
+     * 是否允许清除
+     * @default false
+     */
+    allowClear?: boolean | {
+        clearIcon?: React.ReactNode;
+    };
+    /**
+     * 默认选中的值
+     */
+    defaultValue?: RealValueType;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 自定义当前选中的标签内容渲染
+     */
+    labelRender?: (props: OptionType, info: {
+        index: number;
+    }) => React.ReactNode;
+    /**
+     * 选择模式(多选或标签)
+     */
+    mode?: M;
+    /**
+     * 数据化配置选项内容
+     * @default []
+     */
+    options?: (OptionType | SelectOptionGroup<OptionType>)[];
+    /**
+     * 占位符文本
+     * @default '请选择'
+     */
+    placeholder?: string;
+    /**
+     * 自定义前缀
+     */
+    prefix?: React.ReactNode;
+    /**
+     * 自定义多选框清除图标
+     */
+    removeIcon?: React.ReactNode;
+    /**
+     * 配置搜索功能
+     * @default false
+     */
+    showSearch?: boolean;
+    /**
+     * 自定义后缀图标
+     */
+    suffixIcon?: React.ReactNode | ((open: boolean) => React.ReactNode);
+    /**
+     * 当前选中的值
+     */
+    value?: RealValueType;
+    /**
+     * 是否展开下拉菜单
+     */
+    open?: boolean;
+    /**
+     * 是否默认展开下拉菜单
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** 自定义下拉框内容 */
+    popupRender?: (menu: React.ReactElement) => React.ReactElement;
+    /** 下拉列表滚动时回调 */
+    onPopupScroll?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    /**
+     * 下拉菜单和选择器同宽
+     */
+    popupMatchWidth?: boolean | number;
+    /**
+     * 下拉菜单位置,不指定时自动计算
+     */
+    popupPlacement?: 'top' | 'bottom';
+    /**
+     * 加载中状态
+     */
+    popupLoading?: boolean;
+    /**
+     * 下拉列表为空时显示的内容
+     */
+    popupNotFoundContent?: React.ReactNode;
+    /**
+     * 自定义选中项图标
+     */
+    popupSelectedIcon?: React.ReactNode;
+    /**
+     * 自定义渲染下拉选项
+     */
+    popupOptionRender?: (option: OptionType, info: {
+        index: number;
+        selected: boolean;
+    }) => React.ReactNode;
+    /**
+     * 下拉菜单最大高度
+     * @default {@link DEFAULT_POPUP_MAX_HEIGHT}
+     */
+    popupMaxHeight?: number;
+    /** 最多可选中的数量 */
+    tagMaxCount?: number;
+    /** 最大标签数量 */
+    maxTagCount?: number | 'responsive' | 'all';
+    /** 超出最大数量时的占位符 */
+    maxTagPlaceholder?: React.ReactNode | ((omittedItems: OptionType[]) => React.ReactNode);
+    /** 最大标签文本长度 */
+    maxTagTextLength?: number;
+    /** 自定义标签渲染 */
+    tagRender?: (option: OptionType, props: {
+        disabled?: boolean;
+        onClose: () => void;
+        closable: boolean;
+    }) => React.ReactNode;
+    /** 根元素自定义样式 */
+    style?: StyleProp<ViewStyle>;
+    /** 前缀元素样式 */
+    prefixStyle?: StyleProp<ViewStyle>;
+    /** 内容容器样式 */
+    contentStyle?: StyleProp<ViewStyle>;
+    /** 占位符样式 */
+    placeholderStyle?: StyleProp<TextStyle>;
+    /** 输入框样式 */
+    inputStyle?: StyleProp<TextStyle>;
+    /** 多选标签项容器样式 */
+    tagItemStyle?: StyleProp<ViewStyle>;
+    /** 多选标签文本内容样式 */
+    tagContentStyle?: StyleProp<TextStyle>;
+    /** 多选标签删除按钮样式 */
+    tagRemoveStyle?: StyleProp<ViewStyle>;
+    /** 多选标签整体容器样式 */
+    tagContainerStyle?: StyleProp<ViewStyle>;
+    /** 后缀元素样式 */
+    suffixStyle?: StyleProp<ViewStyle>;
+    /** 清除按钮样式 */
+    clearStyle?: StyleProp<ViewStyle>;
+    /** 弹出菜单容器样式 */
+    popupRootStyle?: StyleProp<ViewStyle>;
+    /** 弹出菜单列表样式 */
+    popupListStyle?: StyleProp<ViewStyle>;
+    /** 弹出菜单条目样式 */
+    popupListItemStyle?: StyleProp<ViewStyle>;
+    /** 分组标签样式 */
+    popupGroupLabelStyle?: StyleProp<TextStyle>;
+    /** 键盘和鼠标交互时触发 */
+    onActive?: (value: ValueType) => void;
+    /** 选中值变化时回调 */
+    onChange?: (value: RealValueType) => void;
+    /** 清除内容时回调 */
+    onClear?: () => void;
+    /** 取消选中时回调(仅 multiple/tags 模式) */
+    onDeselect?: (value: ValueType) => void;
+    /** 展开下拉菜单的回调 */
+    onOpenChange?: (open: boolean) => void;
+    /** 被选中时回调 */
+    onSelect?: (value: ValueType, option: OptionType) => void;
+    /** 创建新选项时回调(仅 tags 模式) */
+    onCreateOption?: (inputValue: string) => OptionType | void;
+}
+//# sourceMappingURL=types.d.ts.map