[FR]: 期望Form表单保留required 的label占位或者说如果是左布局的时候应保留

[codedart2018]

这个功能解决了什么问题？

当布局为 labelPosition='left'的时候，不是所有字段都是必填的。本身在移动端空间有限，大多时候大家都是左布局。现在的节点就面临这个情况如果不required 那么将导致布局难看，如下图所示。

虽然我可以自己处理。但还是希望能更改下展示方式。

import * as React from 'react';
import { Text } from '@tarojs/components';
import { Form, Input } from '@nutui/nutui-react-taro';
import { InputFormItemProps } from './types';

const InputFormItem: React.FC<InputFormItemProps> = (props) => {
  const { required, label, name, placeholder } = props;

  return (
    <Form.Item
      required={required}
      name={name}
      label={required ? label : <><Text style={{ display: 'inline-block', width: 11 }} />{label}</>}
    >
      <Input placeholder={placeholder ? placeholder : `请选择${label}`} type='text' />
    </Form.Item>
  );
};

export default InputFormItem;

你期望的组件设计是怎样的？

期望把组件的　* 号label改成　position: absolute;　label 本体用padding把文字顶走留出*的占位。这样无论我表单是不是强制的都没关系，它这样不会影响我们页面布局和美观。期望能修改实现。

[ivan-My]

还没碰到过右布局，感觉starPosition多余