view.jsx 807 B

123456789101112131415161718
  1. import BasicNumberView from '../../basic/number/view'
  2. import { formInputViewProps } from '../../form-input-props'
  3. import { useFormView } from '../../../hooks/form-input'
  4. import { useRange } from './use-range'
  5. import './index.less'
  6. export default {
  7. props: formInputViewProps,
  8. setup (props) {
  9. const { securityConfig, proxyOtherValue } = useFormView(props)
  10. const { joint } = useRange(props)
  11. // 此时min max 无效不需要特殊处理
  12. return () => <div class={['extension-number-range', 'extension-number-range--view']}>
  13. <BasicNumberView modelValue={props.modelValue} config={securityConfig.value}/>
  14. <span class={'extension-number-range__joint'}>{joint.value}</span>
  15. <BasicNumberView modelValue={proxyOtherValue[0].value} config={securityConfig.value}/>
  16. </div>
  17. }
  18. }