# 升级指南

说明

由于之前没有此专题模块,所以之前的版本可能不会有内容写入,使用组件时注意查看组件文档的参数是否发生变化。

本专题不是每次更新版本的时候都会写入内容,只有某些需要特殊留意和处理的版本升级时,才会在这里写入相关的升级指导,如果您想看ThorUI都有哪些升级记录,请查看:更新日志 (opens new window)

# V1.7.0(ThorUI示例V1.2.0)升级注意事项

# 1、tui-form(表单验证)组件优化

部分平台不支持在props中嵌套传入Function函数,modelrules 参数不再推荐由props传入,改为校验方法 validate 中传入。

# 2、uni-app端所有 commonJS 改为 ES6 模块规范

导入模块 ,uni-app端所改变如下(小程序端不变):

// 之前 - Vue 2, 使用 commonJS
const thorui = require("@/**/xxx.js");

// 之后 - Vue 3, 只支持 ES6 模块
import thorui from "@/**/xxx.js";

# 3、tui-progress(进度条)组件优化

移除 animationactiveMode 属性。

# V1.6.5(ThorUI示例V1.1.0)升级注意事项

# 1、组织架构树组件(tui-org-tree)优化

该组件传入的数据结构做了如下调整(id=>value,label=>text),具体查看文档

//调整之前
treeData: [{
	id: 1,
	label: '组织架构树',
	children: [{
		id: 101,
		label: '多级数据展示',
		page: '../org-tree_default/org-tree_default',
		children: [{
			id: 10001,
			label: '多级数据展示',
			page: '../org-tree_default/org-tree_default',
			children: []
		}, {
			id: 10002,
			label: '自定义样式',
			page: '../org-tree_style/org-tree_style',
			children: []
		}]
	}, {
		id: 102,
		label: '自定义样式',
		page: '../org-tree_style/org-tree_style',
		children: []
	}]
}]

//调整之后
treeData: [{
	text: '组织架构树',
	value: 1,
	//vertical,horizontal 为空则自适应排列
	align: '',
	children: [{
		text: '多级数据展示',
		value: 101,

		page: '../org-tree_default/org-tree_default',
		children: []
	}, {
		text: '自定义样式',
		value: 102,
		page: '../org-tree_style/org-tree_style',
		children: []
	}]
}]

# V1.6.1升级注意事项

# 1、消息提示组件(tui-tips)优化

该组件去掉了参数 type,使用了自定义背景色,字体颜色以及字体大小进行替代,具体查看文档