2.6.1

2.6.1

• Check <Autocomplete /> initial value. If it's string — use it. If there is a default value for this control — use it.

2.6.0

2.6.0

• Added <Autocomplete /> control

2.5.11

2.5.11

Fixed

• Omit Boolean type from label prop <FormItem />

2.5.10

2.5.10

Fixed

• Do not pass label prop to <Checkbox />

2.5.9

2.5.9

Fixed

• Do not pass label prop to <Input /> and <InputNumber />

2.5.8

2.5.8

Fixed

• label prop now accepts [String, Boolean]

2.5.7

2.5.7

Added

• Every unrecognized props applied to ArrayField passed to renderField as extra prop

Fixed

• ArrayField now also supports FormItem Props
• If you want to pass an empty label to a Control due to element-ui limitations — now you can. It won't be a name prop anymore.
• But if you will pass a label that means label={true} you will get a label startCase(name)

2.5.6

2.5.6

Removed

• marginTop for buttons container

2.5.5

2.5.5

Fixed

• renderComponent now accepts createElement as 3rd argument

2.5.4

2.5.4

Updated

• renderField now supports not only a function as prop value, also it supports any Component
• A Component will get { data, fields, name } options, where data is an Array, fields is an Object with methods to manipulate that Array, name is a String passed as a name to ArrayField component

import Form, { ArrayField } from '@detools/vue-form'
import Tasklist from '@/components/Tasklist'

// OK
const renderAsFunction = {
  render() {
    methods: {
      renderTasklist({ data, fields, name }) {
        return <Tasklist data={data} fields={fields} name={name} />
      },
    },

    return (
      <Form>
        <ArrayField name="tasklist" renderField={this.renderTasklist} />
      </Form>
    )
  }
}

// NOW OK
const renderAsComponent = {
  render() {
    return (
      <Form>
        <ArrayField name="tasklist" renderField={Tasklist} />
      </Form>
    )
  }
}