Number

数字输入框

在交付控制台的 typeMeta 配置里可以直接配置 Number 的展示格式，也可以在 xml 的 RenderType 里指定，在 xml 里指定的优先级更高。

RenderType 包含 Number 和 NumberRange

API

INumberProps

参数	类型	说明	默认值
format	string	格式化展示	-
prefix	string	前缀	-
suffix	string	后缀	-
unit	boolean | string	单位	-
style	React.CSSProperties	自定义样式	-

format

前端基于Numberal做 format:

Number	Format	String
10000	’0,0.0000’	10,000.0000
10000.23	’0,0’	10,000
10000.23	’+0,0’	+10,000
-10000	’0,0.0’	-10,000.0
10000.1234	’0.000’	10000.123
100.1234	’00000’	00100
1000.1234	’000000,0’	001,000
10	’000.00’	010.00
10000.1234	’0[.]00000’	10000.12340
-10000	’(0,0.0000)‘	(10,000.0000)
-0.23	’.00’	-.23
-0.23	’(.00)‘	(.23)
0.23	’0.00000’	0.23000

用法

<View title="Number" version="2">
  <Record key="person" model="trantor_doc_Person" />

  <Form model="trantor_doc_Person" label="编辑态">
    <Fields>
      <Field name="age" label="年龄（输入状态不能使用format格式化）">
        <RenderType>
          <Number step="2" max="10" min="2" digits="2" unit="岁"/>
        </RenderType>
      </Field>
    </Fields>
  </Form>

  <Detail model="trantor_doc_Person" lookupFrom="person" label="编辑态">
    <Fields>
      <Field name="age" typeMeta="0.00"/>
      <Field name="age">
        <RenderType>
          <Number format="0.00" />
        </RenderType>
      </Field>
    </Fields>
  </Detail>

  <Table model="trantor_doc_Person" dataCondition="department.id = ?" dataParams="[#department.data.id]" label="编辑态">
    <Search>
      <Fields>
        <Field name="age" label="年龄（默认就是NumberRange）">
          <RenderType>
            <Number />
          </RenderType>
        </Field>
        <Field name="age" label="年龄（主动修改类型NumberRange会报错）">
          <RenderType>
            <NumberRange />
          </RenderType>
        </Field>
      </Fields>
    </Search>
    <Fields>
      <Field name="name" />
      <Field name="age" />
    </Fields>
  </Table>
</View>

注意：当前例子为0.17.x 版本