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

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
soundpool
Posts: 67

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


Tags:
muhai
Posts: 99

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

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

muhai
Posts: 99

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

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

muhai
Posts: 99

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

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

soundpool
Posts: 67

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

muhai 2023年 Sep 4日 14:09

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

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

muhai
Posts: 99

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

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