@td-design/react-native
Version:
react-native UI组件库
33 lines • 1.08 kB
TypeScript
import { LayoutProps } from '@shopify/restyle';
import { Theme } from '../theme';
export type StepperProps = Omit<LayoutProps<Theme>, 'width' | 'minWidth'> & {
/** 最小值 */
min?: number;
/** 最大值 */
max?: number;
/** 默认值 */
defaultValue?: number;
/** 当前值 */
value?: number;
/** 修改事件 */
onChange?: (value?: number) => void;
/** 每次改变步数,可以为小数 */
step?: number;
/** 是否禁用 */
disabled?: boolean;
/** 宽度 */
width?: number;
/** 是否显示清除图标 */
allowClear?: boolean;
/** 是否允许手动输入 */
editable?: boolean;
/** 加号、减号按下时的不透明度 */
activeOpacity?: number;
};
export default function useStepper({ defaultValue, value, min, max, onChange, step, }: Pick<StepperProps, 'defaultValue' | 'value' | 'min' | 'max' | 'step' | 'onChange'>): {
current: number;
handleAdd: () => void;
handleMinus: () => void;
handleChange: (val: string) => void;
};
//# sourceMappingURL=useStepper.d.ts.map