Page 1 of 1

【需求】物料广场组件步进器支持手动输入负值

Posted: 2023年 Sep 1日 15:30
by soundpool

项目功能需求:温度校正功能,校正范围(-20.0——20.0),步进0.1。此功能可使用涂鸦物料广场上的步进器组件TyStepper(@ray-js/components-ty-stepper),但是无法进行手动输入负值。虽然可按钮操作一步一步减下去,但如果值为-20.0的话,那就得按钮点击200次,这是件很悲催的操作。望步进器组件能支持负值输入!!! 同时存在一个问题:手动输入的时候,会被输入法遮挡(红米K40)。


Re: 【需求】物料广场组件步进器支持手动输入负值

Posted: 2023年 Sep 4日 14:07
by muhai

不好意思,我们会尽快修复该问题,预计会在0.0.6版本发布


Re: 【需求】物料广场组件步进器支持手动输入负值

Posted: 2023年 Sep 4日 14:08
by muhai

已修复负值无法输入的问题。yarn add --registry=https://registry.npmjs.org/ @ray-js/components-ty-stepper@0.0.6


Re: 【需求】物料广场组件步进器支持手动输入负值

Posted: 2023年 Sep 4日 14:09
by muhai

“红米K40会被输入法遮挡” 我们会尽快修复该问题,有进展会同步你


Re: 【需求】物料广场组件步进器支持手动输入负值

Posted: 2023年 Sep 15日 15:53
by soundpool
muhai 2023年 Sep 4日 14:09

“红米K40会被输入法遮挡” 我们会尽快修复该问题,有进展会同步你

此问题何时可修复,我的项目都快要结案了,但此问题依然存在。


Re: 【需求】物料广场组件步进器支持手动输入负值

Posted: 2023年 Oct 17日 16:46
by muhai
soundpool 2023年 Sep 15日 15:53
muhai 2023年 Sep 4日 14:09

“红米K40会被输入法遮挡” 我们会尽快修复该问题,有进展会同步你

此问题何时可修复,我的项目都快要结案了,但此问题依然存在。

晚回复,我这边用红米k40测试未出现描述中的问题,请查看是否业务代码存在逻辑问题或重新描述问题。测试视频:
[bbvideo]https://images.tuyacn.com/rms-static/f7 ... 37-832.mp4[/bbvideo]

测试机型号:

Screenshot_2023-10-17-16-44-54-663_com.android.settings.jpg

测试代码:

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>
  );
}