feat: 基于id定位的任意插槽

[2nthony]

New

• 支持基于$id的具名插槽,插槽内容会出现在对应位置的上方

Usage

<div id="app">
  <FormRenderer ref="formRenderer" :content="content">
    <button slot="$id:id" @click="updateValue">更新表单年龄</button>

    <ElFormItem label="您贵庚" slot="$id:name">
      <ElInput v-model="age" />
    </ElFormItem>
  </FormRenderer>
</div>

<script>
new Vue({
  data: {
    content: [
      {
        label: 'label',
        $id: 'id',
        $type: 'input'
      },
      {
        label: 'name',
        $id: 'name',
        $type: 'input'
      }
    ],
    age: ''
  },
  methods: {
    updateValue() {
      this.$refs.formRenderer.updateValue({ id: 'age', value: this.age })
    }
  }
})
</script>