更新日志
v0.1.0
- 新增:
- 新增 notice 蓝色主题,对应
'theme'和部分反馈组件的'type'属性的'notice'取值。 - 新增反馈组件:Dialog、Popconfirm、Badge、Alert、Progress。
- 新增导航组件:Menu、MenuItem、Submenu、MenuGroup、BackTop、DropDown、Breadcrumb、BreadcrumbItem、Pagination。
- Tooltip 和 Popover 新增
cascade属性,以维持嵌套浮窗的展示。 - 新增多语言国际化模块,可以通过入口文件导出的
locale调整对话框和确认弹出框的文本语言。 - Link 新增属性
variant取值为'normal'和'underline'(默认),控制是否展示下划线。 - VirtualList 新增插槽
'scroll-container'自定义滚动容器,建议配合h函数或者 JSX 食用。
- 新增 notice 蓝色主题,对应
- 调整:
- ⚠️需要注意⚠️ 移除形如 --px-primary|success|warning|danger|sakura-light|dark-number 的在项目中实际上未被使用到的 CSS 变量,例如
--px-warning-light-1。事实上组件的颜色直接源于 --px-color-light|dark-number 的 CSS 变量,例如:--px-orange-light-1。 - ⚠️需要注意⚠️ 为更方便地使用高阶组件,受限于 Vue 的机制,Row 与 Col、Container 与 Aside、Grid 与 GridItem、ButtonGroup 与 Button、InputGroup 与各数据输入组件等配对组件,接收对应的
provide数据时,现在对直接的亲代组件的类型不再做严格要求。 - ButtonGroup 的
shape增加可选值square和circle,并且移除默认值。square和circle时,Button 子组件的在视觉上长和宽相等。此处变更不会影响旧代码,因为 ButtonGroup 的shape默认值不存在时,时,Button 子组件也会采取rect的默认值。 - 为 Switch 组件 canvas 绘制增加防抖,改为用
transform来控制滑块位置,增加动画的流畅性(特便是高频率切换的时候)。
- ⚠️需要注意⚠️ 移除形如 --px-primary|success|warning|danger|sakura-light|dark-number 的在项目中实际上未被使用到的 CSS 变量,例如
- 优化:
- 给传入内部组件 props 的属性提供了更详细的类型声明。
- 优化代码 & 完善测试用例。
- 为大部分含有 canvas 的组件增加
pollSizeChange属性,用于轮询尺寸变化更新渲染。
- 修复:
- Vue 模板
<style>lang属性错误设置导致样式重复。 - 修复基于 OptionList 的下拉选项中,数据字体和字号 CSS 缺失的问题。
- 修复在微任务中快速切换按钮
loading状态时 canvas 渲染异常。 - 修复在按钮
size="small"时字体大小异常的问题。 - 修复输入组件在 FormItem 中横向延申异常的问题。
- 为 InputGroup 和 ButtonGroup 向子组件传递更新信息的 key 加上独特的 id,以防止影响其他组件下的子组件。另外,减少了检测子组件位置的频率。
- 修复 Radio、Checkbox、Switch、Select、AutoComplete、Input、InputNumber、InputTag、Textarea、Slider 组件在内部点击时会触发
focus和blur事件的问题。 - 修复了输入控件的图标被聚焦时会出现焦点环的问题。
- 修复了 Textarea 组件内部图标没有正常显示的问题。
- 修复了 Slider 没有 emit
focus和blur事件的问题。
- Vue 模板
v0.0.5
hotfix
- 修复:
- ⚠️需要注意⚠️ 修复
setPixelSize函数设置 CSS 变量异常的问题,并且增加dynamicComponentSize参数控制像素尺寸对绝大部分组件尺寸计算的影响,避免引起修复前后组件尺寸变化的问题。 - 修复 Tag 组件
line-height没有正确设置的问题,这会导致size="small"的 Tag 被撑高。 - 修复 Select
size="small"时高度没有正确设置的问题。 - 修复 InputTag 组件高度相关 CSS 没有被正确设置(虽然视觉上看起来是没有问题的)。
- ⚠️需要注意⚠️ 修复
v0.0.4
hotfix
- 修复:
- 优化了输入控件错误触发键盘操作提示边框的问题,优化了相关样式,后续会使用更合理的机制处理这一逻辑。
v0.0.3
- 新增:
- 支持切换像素宽度,支持 2px 和 4px。
- 完善表单组件:Form、FormItem、Switch、Slider、Radio、RadioGroup、Checkbox、CheckboxGroup。
- 新增图片展示组件 Image 和头像组件 Avatar。
- 新增虚拟列表组件 VirtualList。
- 新增图片像素化工具函数
pixelate。 - 新增视觉组件文本描边 TextOutline。
- 加入了 modern-normalize 的预设样式可供导入。
- 调整:
- ⚠️需要注意⚠️
'default'的shape属性重命名为'rect',旧有组件中的'default'依然生效。 - ⚠️需要注意⚠️ ButtonGroup 增加
theme属性,现在 ButtonGroup 和 Button 会将来自上级组件(例如 Form)注入的readonly属性作为disabled处理。 - ⚠️需要注意⚠️ 部分组件内部
size、variant、theme、shape的默认值实现方法发生变动,从withDefaults变为computed,以适应嵌套组件属性优先级影响的实现。 - ⚠️需要注意⚠️ 按需导入图标时,将不会自动导入组件库公共样式。
- ⚠️需要注意⚠️
- 优化:
- Select 组件增加
label插槽。 - InputGroup 增加
readonly属性。 - Main 组件增加
soft属性设置柔和背景。 - 优化弧线绘制算法。
- 选项组的子选项增加缩进。
- 优化 Select 组件的
focus和blur事件触发。 - 各种下拉和弹窗组件增加属性控制是否在隐藏时销毁内容。
- 优化代码 & 完善测试用例。
- Select 组件增加
- 修复:
- 修复
variant="text"的 Button 组件在 ButtonGroup 和 InputGroup 下的渲染。 - 修复表单控件
focus和blur事件没有 emit 的问题。 - 下拉选项设置
tabindex。
- 修复
v0.0.2
- 新增组件: Input、InputNumber、Textarea、InputGroup、Input、GroupLabel、Tag、InputTag、Tooltip、Popover、Empty、AutoComplete、Mask、Spin、Select。
- 加入图标库 pixelarticons。
- 优化代码。