【需求】物料广场组件步进器支持手动输入负值
项目功能需求:温度校正功能,校正范围(-20.0——20.0),步进0.1。此功能可使用涂鸦物料广场上的步进器组件TyStepper(@ray-js/components-ty-stepper),但是无法进行手动输入负值。虽然可按钮操作一步一步减下去,但如果值为-20.0的话,那就得按钮点击200次,这是件很悲催的操作。望步进器组件能支持负值输入!!! 同时存在一个问题:手动输入的时候,会被输入法遮挡(红米K40)。
项目功能需求:温度校正功能,校正范围(-20.0——20.0),步进0.1。此功能可使用涂鸦物料广场上的步进器组件TyStepper(@ray-js/components-ty-stepper),但是无法进行手动输入负值。虽然可按钮操作一步一步减下去,但如果值为-20.0的话,那就得按钮点击200次,这是件很悲催的操作。望步进器组件能支持负值输入!!! 同时存在一个问题:手动输入的时候,会被输入法遮挡(红米K40)。
不好意思,我们会尽快修复该问题,预计会在0.0.6版本发布
已修复负值无法输入的问题。yarn add --registry=https://registry.npmjs.org/ @ray-js/components-ty-stepper@0.0.6
“红米K40会被输入法遮挡” 我们会尽快修复该问题,有进展会同步你
此问题何时可修复,我的项目都快要结案了,但此问题依然存在。
晚回复,我这边用红米k40测试未出现描述中的问题,请查看是否业务代码存在逻辑问题或重新描述问题。测试视频:
[bbvideo]https://images.tuyacn.com/rms-static/f7 ... 37-832.mp4[/bbvideo]
测试机型号:
测试代码:
Code: Select all
import React from 'react';
import { View, Text } from '@ray-js/components';
import Stepper from '@ray/components-ty-stepper';
import styles from './index.module.less';
const DemoBlock = ({ title, children }) => (
<View className={styles.demoBlock}>
<View className={styles.demoBlockTitle}>
<Text className={styles.demoBlockTitleText}>{title}</Text>
</View>
{children}
</View>
);
export default function Home() {
const [state, setState] = React.useState(0);
return (
<View className={styles.view}>
<DemoBlock title="基础用法: ellipse">
<Stepper
onValueChange={console.log}
stepValue={1}
min={-4}
max={10}
valueChangeTrigger={['add', 'sub', 'onBlur']}
editable
value={1}
buttonType="ellipse"
iconColor="red"
/>
</DemoBlock>
<DemoBlock title="基础用法: triangle">
<Stepper buttonType="triangle" editable={false} />
</DemoBlock>
<DemoBlock title="基础用法: disabled">
<Stepper disabled />
</DemoBlock>
<DemoBlock title="受控">
<Stepper value={state} onValueChange={setState} />
<Stepper
buttonType="triangle"
value={state}
editable
onValueChange={setState}
style={{ marginTop: '12rpx' }}
/>
</DemoBlock>
<DemoBlock title="受控">
<Stepper value={state} onValueChange={setState} />
<Stepper
buttonType="triangle"
value={state}
editable
onValueChange={setState}
style={{ marginTop: '12rpx' }}
/>
</DemoBlock>
</View>
);
}