import BasicField from '../Basic'
import Goods from '@/components/ui/Goods'
import { FormControl } from '../../form'
import type {
  IItemEnCodeProps,
  ItemSelectValueType,
  FiledRenderPropsType,
  FieldValueChangeType
} from '@/types'

class IItemEnCode extends BasicField {
  props: IItemEnCodeProps
  constructor(props: IItemEnCodeProps, form: FormControl) {
    super(props, form)
    this.props = props
    this.rules = this.getRules(props.componentConfig)
  }
  getRules(config: IItemEnCodeProps['componentConfig']) {
    const rules = []
    if (config.required) {
      rules.push({
        required: true,
        validator: (_: any, value: ItemSelectValueType[]) => {
          if (value && value.length) {
            return Promise.resolve()
          }
          return Promise.reject(new Error(`请选择${this.name}`))
        }
      })
    }
    return rules
  }
  render(
    props: FiledRenderPropsType<
      ItemSelectValueType,
      FieldValueChangeType<ItemSelectValueType[]>
    >
  ) {
    const { shopList, shopId } = props
    return (
      <Goods
        {...this.props.componentConfig}
        shopList={shopList}
        shopId={shopId}
        type={1}
      />
    )
  }
}

export default IItemEnCode