textarea 的ui options的rows属性无效，在demo连接测试的

我在看https://vue-json-schema-form.lljj.me/zh/guide/adv-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89field的时候，尝试自己去配置一下demo，结果报没有加载“LinkImgField”这个组件的错误，我当时只是在我的父组件中import 了LinkImgField，但是没效果，我去翻查项目源代码，发现common文件夹下面有个“registerExtraElementComponent.js”文件，里面才是引入了LinkImgField这个组件，然后父组件import这个registerExtraElementComponent.js就行了，所以建议这个要在文档里面说明一下吧，没找到有如何引入LinkImgField的说明。

文件是比较特殊的类型，其中图片甚之。

目前图片类型json schema书写如下：

"imgUrl": {
    "title": "单个图片",
    "type": "string",
    "default": "http://img.alicdn.com/tfs/TB1vYlkdnZmx1VjSZFGXXax2XXa-468-644.jpg_320x5000q100.jpg_.webp",
    "ui:action": "https://run.mocky.io/v3/518d7af7-204f-45ab-9628-a6e121dab8ca",
    "ui:widget": "UploadWidget",
    "ui:btnText": "上传按钮文案配置"
}

表单面板展示如下：

提议1

1. json schema编写支持图片的image类型。
2. 表单面板支持input输入。

"imgUrl": {
    "title": "单个图片",
    "type": "image",
    "default": "http://img.alicdn.com/tfs/TB1vYlkdnZmx1VjSZFGXXax2XXa-468-644.jpg_320x5000q100.jpg_.webp",
    "ui:action": "https://run.mocky.io/v3/518d7af7-204f-45ab-9628-a6e121dab8ca"
}

提议2

以作者的活动编辑器来讲，文件的上传是否可以交到这一层（编辑器开发者、动态表单方案采纳者？）统一处理，而无需组件开发者重复填写ui:action地址。

<vue-form
    v-model="formData"
    :schema="schema"
    :beforeUpload="uploadCover"
/>

"imgUrl": {
    "title": "单个图片",
    "type": "image",
    "default": "http://img.alicdn.com/tfs/TB1vYlkdnZmx1VjSZFGXXax2XXa-468-644.jpg_320x5000q100.jpg_.webp"
}

这样的支持，对于可视化（组件化）中台来讲，组件开发者会轻松许多。

😃 盼回复~

如果Playgroudf是自己项目里的界面，schema的editor的安全问题考虑，editor是否可识别js或别的，会吗，这样的话自己的后端服务数据会有危险的吧？

当一个表单用来当做搜索条件的时候，一般用inline=true，这时候怎么添加两个横向跟在表单之后的重置和保存按钮？（或者说动态添加按钮），目前插件没有按钮的表单控件。

你好，两个jsonSchema之间可以互相‘引用’或者如何建立联系？比如一个表单有字段a、b，另一个表单有字段a,b,c,d这个时候后者可以直接去引用包含前者吗，还是说我这个想法太荒谬？

https://form.lljj.me/v3/#/demo?ui=VueAntForm&type=Widgets
以上ant版本，在顶部工具栏，选择Label靠左时：

1. 颜色选择器宽度不足。
2. 没有默认值的下拉选择框宽度也不足。

widget.js里的todo，目前vue3已经修复此bug，希望这边可以更新一下

只运行 Playground

yarn run demo:dev --dir=index可以这样单个运行，可以单个打包发布？

https://www.npmjs.com/package/vue-editor-interline 这个组件还不错~

可以将editor的中const components = getComponentsAndInitToolsConfig(configTools);
在其他位置进行数据初始化，放在editor的变量中进行初始化，存在点问题，不好新手理解

假设一个自定义省市区表单控件要绑定3个变量，分别是省市区，如果做才可以绑定省市区到formData的根节点？如下结构
{ "p":"广东省", "c":"佛山市", "d":"顺德区" }

如果自定义type为array组件，如何利用$emit('eventName')向父组件更新数据。这个事件名称在文档里查不到。

• 数组ui配置支持 $index 占位符

• 所有的ui配置都放开支持表达式配置

• array 类型，支持直接配置 ui:widget

• 默认集成一个 upload widget组件

• anyOf 做切换时不在移除已输入的相同字段

• 支持布局，比如一行1、2、3个，同时支持 ui:width 参数配置单个item宽度，会自动加上padding right

• labelPosition 不在top时，description显示样式调整为鼠标移上去提示

• 修复默认formData和schema计算值相等时可能无法同步值问题

features:

• 使用 composition api
• render 函数换成使用 jsx
• 独立核心 lib-utils，为单独 private package
• lib-vue2-core - 为 vue2 基础版本，接收配置适配ui库，为单独 public package
• lib-vue3-core - 为 vue3 基础版本，接收配置适配ui库，为单独 public package
• lib-vue2-element - elementUi 版本，为单独 public package
• lib-vue2-ivew3- iview3 Vue 版本，为单独 public package
• lib-vue3-element - elementUi 版本，为单独 public package
• lib-vue3-ant- ant Vue 版本，为单独 public package
• 梳理下活动编辑器代码，丢弃旧的配置
• 添加 onFormMounted emit，接收 当前ui库form组件实例，并更新文档
• 添加getFormItem 配置，可以获取当前ui库formItem组件实例
• vue3 props添加自动解包功能 必要性不大，算了
• 核对一次文档，更新文档准确性

bugs

• vue3 elementPlus labelPosition right 无法正确渲染 description
• vue3 inline 布局异常

我想增加一个远程搜索的Select控件，但是看了几天有点没看明白，文档里也只是通过VueJsonForm组件传入uiSchema生成的，望指教，谢谢！

如果ui:xxxx和err:xxxx也能支持写到schema里面就更好了，类似alibaba的ant form那样，比较方便

首先，vue-json-schema-form是我在vue组件中遇到的最优秀的json-schema转换器，感谢作者的贡献。
目前有一个需求，通过一个rootformdata的一个字段来控制数组的长度，想通过动态修改type: 'array' 的maxItems属性值；
如果maxItems和minItems能支持方法传入就方便很多了！

目前有个需求，就是两个有enum属性的select框要进行联动，第一个select框改变了值，要让第二个select的可选内容改变，我目前想到的是schema中的if else属性来实现，不知大神还有没有其他办法。

lib中存在 const 等es6 语法未被babel转换

看起来像 vue plugin 生成的

Number Enum(Select)控件如何设置clearable以及多选？

vue3数组用v-for的时候，如果一开始是空数组，然后异步再复制，渲染会报错。

往空数组里面推数据就这样了

-- 来自qq群

有没有考虑支持拖拽啊

defaultFileList = isArrayValue ? curModelValue.map(function (item, index) { return { name: "\u5DF2\u4E0A\u4F20\u6587\u4EF6\uFF08".concat(index + 1, "\uFF09"), url: item }; }) : (curModelValue ? [{ name: '已上传文件', url: curModelValue }] : []);

有些属性，在你文档上我没看拿到,例如definitions，有没有交流群，QQ之类的呢，有问题也好交流，有些属性真不清楚是啥意思,
还有自定义Widget，只能支持原生的button吗，我如果要放置一个element button，应该怎么弄呢

footer里面的搜搜索和重置按钮如何跟在表单控件右边？

• Widget 组件 存在 enumOptions 配置，必须是 required 时才做默认选中
• 考虑 配置 widget ref ，方便直接获取到 widget 组件实例
• ui:hidden: false 文档错误问题

select筛选框的值可以动态配置吗？

文档中没找到相关的接口。 - 来自qq群

如下：

https://form.lljj.me/#/demo?type=AnyOf%28%E8%81%94%E5%8A%A8%29

其中最下一个 anyOf 的配置，即时对每组单独配置了 required 数据编辑依旧无法选中对应的选项。

貌似以前是可以的，待排查

求一个demo 教程

把可视化编辑jsonSchema和jsonSchema定制表单结合在一起的时候，type的切换可以切换组件，这个时候切换对应的组件（ui-schema写在jsonSchema中），可以吗

活动编辑器的draggable
v-model的数组和draggable的子元素循环渲染的数组不应该是同一个吗？为什么分别是editComponentList和trueComponentList. 这个trueComponentList包含的editHeaderComponentList和editFooterComponentList的用意是什么呢？

活动编辑器的页面布局若不是流式布局，比如是flex布局，是不是就会有点复杂了？有什么好的建议吗

活动编辑器编辑好的页面，发布，生成数组，我有疑问，之后数组怎么用呢？是需要写循环遍历然后再渲染成页面？这个循环遍历数组的方法是应该在别的项目？生成别的网站？

ref(xx)
reactive(xx)

TODO

features:

• #106
• #107
• #79
• #84
• 对 Widget 添加onChange props，接收parentData、rootFormData (可能打破jsonSchema)

DONE

features:

• 不需要 适配多ui库后，默认会注册相同名称的全局组件，考虑同时支持 vue.use 安装，支持传入组件前缀以示区分
• 已发布 支持 readonly 属性
• 添加title回退到属性名配置 #54
• 优化vue3 antd 默认color picker样式 #52

bugs:

• vue3 elementPlus dateTimeRange 区间选择，数据回填默认值写入不成功，鼠标hover即可恢复，待查element源码确element 新版本已修复
• 已发布 优化 upload 上传组件和bug解决 #50
• #105
• #104
• 支持 slots配置 #84
• 支持 emits的配置 #84

schema：

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "type": "object",
  "title": "vjsf",
  "description": "vue-json-schema-form示例",
   "properties": {
        "listOfStrings": {
            "type": "array",
            "title": "A list of strings",
            "items": {
                "type": "string",
                "default": "bazinga"
            }
        }
}

ui-schema:

{
    "listOfStrings": {
        "ui:options": {
             "style": {
                    "boxShadow": "0 0 6px 2px #2b9939"
               }
        },
        "items": { ... }
    }
}

设置好后运行，这个listOfStrings的整体并没有带颜色的框出现，还有，设置"class"也无效

Schema生成器界面，拖拽‘布局组件’Array到中间（form区域），控制台报错：index.js?cf23:61 error: type array，值必须为 array 类型，为什么呢？谢谢

代码如下：

<template>
  ....
   <div slot-scope="{}">
              <p>
                <el-button type="danger" @click="empty">清空</el-button>
                <el-button type="primary" @click="submit">提交</el-button>
              </p>
            </div>
  ....
</template>

<script>
...
methods: {
     submit() {
        // 这里我怎么验证this.formData？验证合格才post
        var validate = ？
        if (validate) {
           post_to_backend(this.formData).then((res) => {
               console.log("res :>> ", res)
           })
        }
      },
}
...
</script>

我发现如果不进行验证，就算表单不符合json schema，也一样会提交掉。

是否支持在schema中指定value的类型，而不指定key，比如：
{
“dict”: {
"xxx": "str1",
"yyy": "str2"
}
}
能不能支持这种数据的展示，用户动态去增加键值对。

• form validate，formItem validate 必须使用promise，这里要同时兼容promise和callback。
• form model 参数不能自动解包，如 formData = ref(data)，需要model = formData.value
• input 等相关输入组件，v-model 不使用默认 modelValue update:modelValue 需要特殊转换。
• formItem  只对子元素进行劫持，并监听 blur 和 change 事件，存在嵌套默认无法触发数据校验。
• formItem 执行onFieldBlur触发校验， name为数组深度大于1，会导致执行多次执行validator
• 使用时间戳number类型会导致moment无法格式化，需要string类型
• datepicker时间日期选择iso时间会按本地时区使用，而非utc 0 时区
• 检查所有upload组件默认fileList计算逻辑
• vue3 playground 页Plugin has already been applied to target app ，检查重复安装
• 处理antdv icon样式
• 是否包装所有的antdv组件，或者提供包装方法，抹平非modelValue的差异性
• 优化vue3 playground多ui框架切换体验
• playground el- 配置调整为根据ui框架动态适配

首先，vue-json-schema-form是我在vue组件中遇到的最优秀的json-schema转换器，感谢作者的贡献。
目前就是在项目中使用的时候发现目前还不支持使用属性名做标题，针对json-schema文件比较大的情况，逐一配置title确实有点麻烦，希望可以增加一个配置支持属性名做标题，谢谢！

比如说，生成器中右侧的配置表单，这边是两个表单，但是如果这些数据是一个表单呢？

我在想您能否为大型表单提供一种分组的机制，类似于折叠面板或者tabs的实现，还是说有其他的方式展示大型表单？

hi，你好，感觉你的这个库做的很强大，想在一个更国际化的开源项目中推荐使用它来做可视化编辑界面。请问有计划提供英文版的可视化编辑器吗？包括schema-generator和活动编辑器。

{
"$schema": "https://json-schema.org/draft-06/schema#",
"definitions": {
"FileHeader": {
"type": "object",
"required": [
"author",
"date",
"description",
"revMajor",
"revMinor"
],
"properties": {
"author": {
"type": "string",
"title": "作者"
}
},
"title": "文件头"
},
"Directory": {
"type": "object",
"required": [
"path"
],
"properties": {
"path": {
"$ref":"#/definitions/FileHeader"
}
},
"title": "目录"
}
},
"type": "object",
"anyOf": [
{
"$ref": "#/definitions/Directory"
}
]
}

这种作为schema的时候会

vue.runtime.esm.js?2b0e:1888 Error: please transfer a valid prop path to form item!
at getPropByPath (util.js?8122:80)
at VueComponent.fieldValue (form-item.js?3787:602)
at Watcher.get (vue.runtime.esm.js?2b0e:4479)
at Watcher.evaluate (vue.runtime.esm.js?2b0e:4584)
at VueComponent.computedGetter [as fieldValue] (vue.runtime.esm.js?2b0e:4836)
at VueComponent.mounted (form-item.js?3787:764)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at callHook (vue.runtime.esm.js?2b0e:4219)
at Object.insert (vue.runtime.esm.js?2b0e:3139)
at invokeInsertHook (vue.runtime.esm.js?2b0e:6346)

想学习一下，这个vuedraggable插件的比较详细的地址可以推荐一下吗