test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat(amis-editor): inputRange支持设置小数

Browse Source
This commit is contained in:
wibetter 2024-07-12 16:03:02 +08:00
parent 5aa7a8771a
commit 3f5a2577dc
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/amis-editor/src/plugin/Form/InputRange.tsx
View File

@ -233,7 +233,8 @@ export class RangeControlPlugin extends BasePlugin {
type: 'ae-input-range-value',
name: 'value',
label: '默认值',
visibleOn: 'this.multiple'
visibleOn: 'this.multiple',
precision: '${precision}'
},
getSchemaTpl('valueFormula', {
@ -244,7 +245,8 @@ export class RangeControlPlugin extends BasePlugin {
},
valueType: 'number', // 期望数值类型
visibleOn: '!this.multiple',
pipeIn: defaultValue(0)
pipeIn: defaultValue(0),
precision: '${precision}'
}),
getSchemaTpl('valueFormula', {
@ -256,7 +258,8 @@ export class RangeControlPlugin extends BasePlugin {
pipeIn: defaultValue(0),
needDeleteProps: ['min'], // 避免自我限制
label: '最小值',
valueType: 'number'
valueType: 'number',
precision: '${precision}'
}),
getSchemaTpl('valueFormula', {
name: 'max',
@ -267,17 +270,29 @@ export class RangeControlPlugin extends BasePlugin {
pipeIn: defaultValue(100),
needDeleteProps: ['max'], // 避免自我限制
label: '最大值',
valueType: 'number'
valueType: 'number',
precision: '${precision}'
}),
{
label: '步长',
name: 'step',
type: 'input-number',
value: 1,
precision: '${precision}',
pipeOut: (value?: number) => {
return value || 1;
}
},
{
type: 'input-number',
name: 'precision',
label: tipedLabel(
'小数位数',
'根据四舍五入精确保留设置的小数位数'
),
min: 1,
max: 100
},
getSchemaTpl('unit'),

5
packages/amis-editor/src/renderer/InputRangeValueControl.tsx
View File

@ -24,7 +24,8 @@ const InputRangeValue: React.FC<InputRangeValueProps> = props => {
name,
onChange,
value,
render
render,
precision
} = props;
const key = 'InputRangeValue';
const joinValues = ctx?.joinValues ?? true;
@ -105,6 +106,7 @@ const InputRangeValue: React.FC<InputRangeValueProps> = props => {
type: 'input-number',
validations: 'isNumeric',
name: minField,
precision,
value: 0
},
{
@ -116,6 +118,7 @@ const InputRangeValue: React.FC<InputRangeValueProps> = props => {
type: 'input-number',
validations: 'isNumeric',
name: maxField,
precision,
value: 100
}
]