跳转到内容

数据选择

使用el-input和el-autocomplete组件封装,用于选择单项数据,支持 AC 实时搜索,输入关键词即可从服务器获取数据;通过模态窗口呈现自定义样式的选择界面,解决下拉选择展示、检索及样式的局限,支持打开数据链接视图。支持编辑器类型包含:数据选择数据选择(无AC)数据选择(无AC、数据链接)数据选择(下拉、数据链接)数据选择(数据链接)数据选择(无按钮)

示例效果

输入参数

名称说明类型默认值
value编辑器值[String, Array, Object, Number]-
controller编辑器控制器对象new RequiredProp(Object as PropType<C>)-
data容器数据,通常为表单数据,表格行数据,面板数据new RequiredProp(Object as PropType<IData>)-
disabled是否禁用{ type: Boolean }false
readonly是否只读{ type: Boolean, default: false }false
autoFocus是否自动聚焦{ type: Boolean, default: false }false
controlParams容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数{ type: Object, required: false }-

事件

名称说明类型
change值变更事件{_value:V, _name?:string, _ignore?:boolean}
blur失焦事件{_event?:IData}
focus聚焦事件{_event?:IData}
enter回车事件{_event?:IData}
infoTextChange信息文本变更事件{_text:string}

编辑器参数

名称说明类型默认值
overflowmode用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时,下拉区域宽度会根据内容自动展开;当参数值为 'ellipsis' 时,下拉区域宽度将与输入框保持一致,若内容超出宽度则会显示省略号,鼠标悬浮在内容上时会出现 tooltip 提示信息'auto' | 'ellipsis''auto'
valuetype编辑器的值类型stringundefined
objectidfield值类型为OBJECT时的对象标识属性stringundefined
objectnamefield值类型为OBJECT时的对象名称属性stringundefined
objectvaluefield值类型为OBJECT时的对象值属性stringundefined
readonly设置编辑器是否为只读态booleanfalse
actionpostion设置AC模式行为组位置,默认在下拉底部'top' | 'bottom''bottom'
未来已来,立即拥抱应用融合的力量
Released under the MIT License.