Closed z-ZYS-s closed 5 years ago
暂时不添加大小扩展
senderVM
。比如@select="onSelect",onSelect 会有两个参数:$event 和 senderVM。clearable
属性composes
这个反人类的 CSS 功能src/u-xxx.vue
改为src/components/u-xxx.vue
。
【原因】1. 已经有部分directives
和utils
比较复杂了,组件库的功能包含了更多内容,将组件放在一个目录下更为清晰。2. src/components
的目录可以与日常项目路径保持同步。
【迁移事项】对于单独继承 ProtoUI 的组件需要替换路径。比如:import XXX from 'proto-ui.vusion/src/u-xxx.vue
或@import 'proto-ui.vusion/src/u-xxx.vue/module.css
。
【问题排查】编译阶段即可发现mapComponents
。组件重命名的时候也比较方便,如import { UCheckbox2 as UCheckbox } from 'xxx'
。3. 组件种类较多,目前已经有一些扩展类和图标类的组件了。
【迁移事项】原来 import XXX from default 的组件不会受影响,import { XXX } from exports 的组件需要变更为 UXXX。不影响模板中标签的使用。
【问题排查】编译阶段即可发现u-xxx-item.vue
变为u-xxx.vue
中的item.vue
。并用 export { UXXXItem } 导出。
【原因】1. 部分父组件的子组件已经很多了,会导致components
目录过于冗长,同时引入时需要引入多个子组件,很累啊。。2. 同时解决了 CSSModules 父组件控制子组件的样式问题,废除了烦琐的composes
方法。
【迁移事项】依然是继承时的路径问题。同时引入的 import 命名需要修改成import { UXXX } from 'xxx';
【问题排查】编译阶段<u-popper>
<u-button>xxx</u-button>
<div slot="popper">xxx</div>
</u-popper>
改为
<u-button>xxx
<m-popper>xxx</m-popper>
</u-button>
【原因】1. 添加弹出层时,会影响到原来组件的层级结构。比如<u-tooltip>
要套一层,是很蛋疼。2. <u-popper>
使用的是 render slot default 的输出方式,可能会对内部比较复杂的组件有意料之外的影响。
【迁移事项】需要搜索所有在模板中使用<u-popper>
的组件进行替换
【问题排查】需要人肉走查,不过<u-popper>
使用率不高,修改方便
open
属性重命名为opened
,UPopup、UTooltip、USelect 等同样。
【原因】有些组件有 open 方法,和属性名会有冲突。虽然在英文中open
比opened
用得更广泛,但没有更好的办法了。
【迁移事项】需要搜索所有在代码用中使用open
和currentOpen
字段,逐个替换。
【问题排查】需要人肉走查。可能有一定风险<ul>
和<li>
改为<nav>
和<a>
【原因】1. 原来的<li>
没有链接的一些特性,比如 hover 时浏览器有链接提示、右键打开新页面等。2. li 经常要进行清除样式。
【迁移事项】无需做任何事
【问题排查】Review 一下<a>
中有<a>
的情况,会不会产生问题。<u-suggest>
,将它替换为<u-select filterable>
,要注意的是,新的 USelect 只支持用data
属性传入数据。
【问题排查】需要人肉走查。可能有一定风险placeholder
属性,默认不会选择第一项了。
【原因】为了支持上面的统一,不得不将placeholder
功能提出来
【迁移事项】将原来的<u-select-item>请选择</u-select-item>
删掉,改为<u-select placeholder="请选择">
,也可以不填这个属性使用默认值。
【问题排查】基本没有问题。
[x] 组件命名重构
[x] 目录结构是否微调
[ ]
<u-form>
异步验证问题[x]
<u-popper>
、<u-draggable>
等的顺序问题[x]
ul, li
的样式问题[x] navbar和sidebar都使用
<a>
作为链接[x] 统一添加sender
[ ] 统一处理display
<u-select>
的问题[x] 关于 vusion-utils watch 相关