index.jsx 802 B

1234567891011121314151617
  1. import BasicNumber from '../../basic/number'
  2. import { useFormInput } from '../../../hooks/form-input'
  3. import { formInputProps, fromInputEmits } from '../../form-input-props'
  4. import './index.less'
  5. export default {
  6. name: 'ToleranceNumber',
  7. props: formInputProps,
  8. emits: [...fromInputEmits],
  9. setup (props, context) {
  10. const { proxyValue, proxyOtherValue, width } = useFormInput(props, context)
  11. return () => <div class={'extension-tolerance-number'} style={{ width: width.value }}>
  12. <BasicNumber v-model={proxyValue.value} disabled={props.disabled} config={props.config}/>
  13. <span class={'extension-tolerance-number__joint'}>±</span>
  14. <BasicNumber v-model={proxyOtherValue[0].value} disabled={props.disabled} config={{ ...props.config, noPrecision: true }}/>
  15. </div>
  16. }
  17. }