@seakoi/native-ui 1.2.0 → 1.3.0

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

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

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

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

@@ -0,0 +1,29 @@
+export declare const useTabsStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    container: {
+        width: "100%";
+    };
+    tabItem: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    labelText: {
+        color: "rgba(0, 0, 0, 0.6)";
+    };
+    labelTab: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderWidth: number;
+        borderColor: "rgba(243, 243, 244, 1)";
+        backgroundColor: "rgba(243, 243, 244, 1)";
+        borderRadius: 4;
+        gap: number;
+    };
+    labelTabActive: {
+        backgroundColor: "rgba(241, 248, 255, 1)";
+        borderColor: "rgba(43, 152, 254, 1)";
+    };
+    labelTextActive: {
+        color: "rgba(43, 152, 254, 1)";
+    };
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/tabs/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC"}

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

@@ -1,8 +1,29 @@
-interface TabsProps {
-    tabs: string[];
-    activeTab?: string | number;
-    onChange?: (tab: string | number) => void;
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface TabItem {
+    /** 标签文本 */
+    label: React.ReactNode;
+    /** 标签值，唯一标识 */
+    value: string | number;
+    /** 徽标内容（数字或红点） */
+    badge?: number | boolean;
+}
+export interface TabsProps {
+    /** 标签数据 */
+    tabs: TabItem[];
+    /** 当前激活的标签值（受控） */
+    value?: string | number;
+    /** 默认激活的标签值（非受控） */
+    defaultValue?: string | number;
+    /** 标签切换回调 */
+    onChange?: (value: string | number) => void;
+    /** 样式类型 */
+    variant?: 'underline' | 'label';
+    /** 容器样式 */
+    style?: StyleProp<ViewStyle>;
+    /** 右侧操作区域 */
+    extra?: React.ReactNode;
+    /** 是否均分宽度（仅 underline 和 isometric 支持） */
+    equalWidth?: boolean;
 }
 export declare const Tabs: React.FC<TabsProps>;
-export {};
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tabs/tabs.tsx"],"names":[],"mappings":"AAYA,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+IpC,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,OAAO;IACtB,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,WAAW;IACX,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW;IACX,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0NpC,CAAC"}

package/dist/typescript/native-provider/native-provider.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type PortalHostProps } from '#components/base';
 import { type ThemeConfig } from '#shared/theme';
 import { type ConfigContextValue, type RequestInstance } from './contexts';
 import { type ErrorBoundaryProps } from './error-boundary';
@@ -13,6 +14,7 @@ export interface NativeProviderProps {
     errorBoundary?: Omit<ErrorBoundaryProps, 'children'>;
     /** 导航配置 */
     navigators?: ConfigContextValue['navigators'];
+    portalHostProps: PortalHostProps;
 }
 export declare const NativeProvider: React.FC<NativeProviderProps>;
 //# sourceMappingURL=native-provider.d.ts.map

package/dist/typescript/native-provider/native-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native-provider.d.ts","sourceRoot":"","sources":["../../../src/native-provider/native-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,MAAM,WAAW,mBAAmB;IAClC,UAAU;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW;IACX,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACrD,WAAW;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}
+{"version":3,"file":"native-provider.d.ts","sourceRoot":"","sources":["../../../src/native-provider/native-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,MAAM,WAAW,mBAAmB;IAClC,UAAU;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW;IACX,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACrD,WAAW;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC9C,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}

package/dist/typescript/shared/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './element';
 export * from './error';
+export * from './object';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/shared/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,mBAAmB,SAAS,CAAC"}

package/dist/typescript/shared/utils/object.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 浅比较两个对象是否相等
+ *
+ * 仅比较对象的第一层属性，使用严格相等（===）进行比较。
+ * 不会递归比较嵌套对象或数组的内容。
+ *
+ * @param a - 第一个对象
+ * @param b - 第二个对象
+ * @returns 如果两个对象的所有第一层属性都相等则返回 true，否则返回 false。如果 a/b 有一个非对象，则直接比较二者
+ *
+ * @example
+ * shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // true
+ * shallowEqual({ a: 1 }, { a: 1, b: 2 }); // false
+ * shallowEqual({ a: { x: 1 } }, { a: { x: 1 } }); // false
+ * shallowEqual(null, null); // true
+ * shallowEqual(null, undefined); // false
+ * shallowEqual(1, 1); // true
+ * shallowEqual(1, '1'); // false
+ */
+export declare const shallowEqual: (a?: object, b?: object) => boolean;
+//# sourceMappingURL=object.d.ts.map

package/dist/typescript/shared/utils/object.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/object.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,IAAI,MAAM,KAAG,OAerD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seakoi/native-ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "keywords": [
     "ui-design",

package/src/components/base/index.ts

@@ -22,12 +22,14 @@ export * from './link';
 export * from './loading';
 export * from './modal';
 export * from './nav-bar';
+export * from './overflow';
 export * from './picker';
 export * from './picker-backup';
 export * from './picker-view';
 export * from './portal';
 export * from './radio';
 export * from './result';
+export * from './select';
 export * from './surface';
 export * from './switch';
 export * from './tabs';

package/src/components/base/input/base-input.tsx

@@ -194,7 +194,9 @@ export const BaseInput: React.FC<BaseInputProps> = ({
           if (!elementState.current.pointerDown) {
             props.onBlur?.(event);
             setInputIsFocused(false);
-            setInputValue(inputValue?.trimEnd());
+            if (inputValue && inputValue?.trimEnd() !== inputValue) {
+              setInputValue(inputValue?.trimEnd());
+            }
           } else {
             inputRef.current?.focus();
           }
@@ -203,7 +205,7 @@ export const BaseInput: React.FC<BaseInputProps> = ({
           };
         }}
       />
-      {!!hasSuffixNode && (
+      {hasSuffixNode && (
         <Flex align="center" gap={theme.spacing.sm}>
           {!!props.allowClear && (
             <Animated.View

package/src/components/base/overflow/all-mode-overflow.tsx

@@ -0,0 +1,49 @@
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+import { type useOverflowStyles } from './style';
+import type { OverflowProps } from './types';
+
+/**
+ * 全部显示模式组件
+ */
+export const AllModeOverflow = <ItemType = unknown,>({
+  data,
+  renderItem,
+  prefix,
+  suffix,
+  style,
+  prefixStyle,
+  itemStyle,
+  suffixStyle,
+  onVisibleCountChange,
+  styles,
+  getKey,
+}: OverflowProps<ItemType> & {
+  styles: ReturnType<typeof useOverflowStyles>;
+  getKey: (item: ItemType, index: number) => React.Key;
+}) => {
+  useEffect(() => {
+    onVisibleCountChange?.(data.length);
+  }, [data.length, onVisibleCountChange]);
+
+  return (
+    <View style={[styles.container, style]}>
+      {/* 前缀 */}
+      {prefix && <View style={[styles.item, prefixStyle]}>{prefix}</View>}
+
+      {/* 显示所有元素 */}
+      {data.map((item, index) => {
+        const key = getKey(item, index);
+        return (
+          <View key={key} style={[styles.item, itemStyle]}>
+            {renderItem(item, { index })}
+          </View>
+        );
+      })}
+
+      {/* 后缀 */}
+      {suffix && <View style={[styles.item, suffixStyle]}>{suffix}</View>}
+    </View>
+  );
+};