Skip to content

Latest commit

 

History

History
212 lines (155 loc) · 6 KB

CHANGELOG.md

File metadata and controls

212 lines (155 loc) · 6 KB

2020-10-29

Features

  • getData方法增加type参数，可选值'json'/'string'，默认json。 由于json格式的值无法是function，当type为string时返回格式化好的字符串，可直接用于后端保存无需再次处理。并且options属性支持String类型，从后端请求来数据后可直接赋值设计器，也无需再次处理。(95eda5a)
this.$refs.form.getData('string').then(data => {
  this.$message.success("查看控制台")
  console.log(data) // type为string时获取到的data是字符串，可直接传给后端用于数据库保存。
})

2020-10-19

Bug Fixes

  • 分组中的复制问题 (09a0de0)
  • 超链接/图片绑定类型错误 (1334847)
  • 配置 图标 时错误 (2197557)

2020-10-18

更新 avue 2.6.18 版本

新特性

  • 新增toolbar属性，可控制顶部操作栏显隐。
  • 新增toolbar/toolbar-left两个插槽，可自定义顶部操作栏按钮。
  • options属性支持Object/String类型。由于function无法使用JSON.parse�转化成json，现在可以后台请求来字符串数据后直接赋值。
  • 新增getData方法。
<template>
  <avue-form-design ref="form"
                    style="height: 100vh;"
                    :options="options"
                    :toolbar="['import', 'preview', 'clear']">
    <template slot="toolbar-left">
      <el-button type="text"
                  icon="el-icon-download"
                  @click="handleGetData">获取JSON</el-button>
    </template>
  </avue-form-design>
</template>

<script>
export default {
  data() {
    return {
      options: `{ column: [{ type: 'input', label: '输入框', prop: 'input', span: 24, display: true, event: { change: () => { console.log('111') } } }] }`
    }
  },
  methods: {
    handleGetData() {
      this.$refs.form.getData().then(data => {
        this.$message.success("查看控制台")
        console.log(data)
      })
    }
  }
}
</script>

Bug修复

  • 修复了自定义组件中的js编辑器无法输入的问题。

废弃属性

  • showAvueDoc，请使用toolbar属性。

2020-09-22

更新 avue 2.6.16 版本

新特性

  • 🎉🎉🎉 新增customFields属性，支持左侧自定义组件（理论上支持任何已注册的组件的属性和事件配置）。其中自定义组件的事件需要avue 2.6.16的支持。
<template>
    <avue-form-design style="height: 100vh;"
                      :options="options"
                      storage
                      :custom-fields="customFields"></avue-form-design>
</template>

<script>
export default {
  name: 'app',
  data() {
    return {
      customFields: [
        {
          component: 'el-alert',
          label: '警告',
          span: 24,
          icon: 'el-icon-search',
          params: { // 组件的属性
            title: '标题标题标题标题标题标题标题',
            type: 'success'
          },
          event: { // 组件的事件
            close: () => {
              console.log('111')
            }
          }
        }
      ],
      options: {}
    }
  },
}
</script>

2020-09-12

新特性

  • 组件增加includeFields属性，可配置左侧字段显示。如只需展示input组件：
<avue-form-design style="height: 100vh;"
                  :include-fields="['input']"></avue-form-design>

2020-08-25

Bug修复

  • 修复了cascader/checkbox/radio/select/tree配置的属性类型问题。
  • 增加了cascader/checkbox/radio/select/tree的字典key配置。

2020-08-24

更新 avue 2.6.15 版本

  • dynamic组件添加type为form表单模式和index序号控制属性。
  • 新增 title/标题 组件。
  • 新增左侧字段点击基础功能。

Bug修复

  • asideRightWidth不生效的问题 #27

2020-08-01

新特性

  • 添加 撤销/重做 功能，并支持键盘快捷键。

2020-07-27

更新 avue 2.6.14 版本

新特性

  • number组件添加controls属性，控制器是否显示。

2020-07-23

更新 avue 2.6.13 版本

添加了打包好的js在普通html上使用的例子。详见examples。

2020-07-15

更新 avue 2.6.11 版本

新特性

2020-07-14

Bug修复

  • 修复number配置校验未生效的问题。
  • 修复upload配置文件大小未生效的问题。

新特性

  • 除dynamic、group外增加字段的change、focus、blur、click事件属性配置。 使用方法如下:
({value, column}) => {
  // TODO
}
  • 由于json的value值无法是函数，所以生成JSON时无法显示配置的事件属性，通过复制按钮可正常获取。
  • ！！！导入json时无法导入事件属性，如果有好的提议，欢迎pr！！！

2020-07-07

Bug 修复

  • 修复使用源码时，upload无法使用的问题。
  • 修复水印字体颜色未绑定的问题。
  • 修复分组配置中，avue-icon-select -> avue-input-icon。
  • 修复使用npm组件时，预览时的遮罩层挡住了内容。

2020-07-06

更新 avue 2.6.10 版本

  • color组件 -> input-color。
  • icon-select组件 -> input-icon。
  • 删除avue-plugin-map依赖，使用input-map。

2020-06-29

更新 avue 2.6.8 版本

  • 子表单字段支持验证。