import BasicField from '../Basic'
import { KMPopupSelect } from '@/components/ui'
import { FormControl } from '../../form'
import type { IBasicSelectProps } from '@/types'

class BasicSelect extends BasicField {
  props: IBasicSelectProps
  constructor(props: IBasicSelectProps, form: FormControl) {
    super(props, form)
    this.props = props
    this.rules = this.getRules(props.componentConfig)
  }
  getRules(config: IBasicSelectProps['componentConfig']) {
    const rules = []
    if (config.required) {
      rules.push({
        required: true,
        message: `请选择${this.name}`
      })
    }
    return rules
  }
  render() {
    return (
      <KMPopupSelect
        title={`请选择${this.name}`}
        {...this.props.componentConfig}
      />
    )
  }
}

export default BasicSelect