项目介绍 swh-ui

• vue3 开发个人 ui 组件库，npm 托管

打包

• yarn ui

发版

• 修改版本号 version
• npm publish

本地调试

• yarn serve

项目使用

• yarn add swh-ui

项目目录结构

目录结构

• /dist ==> 打包后的文件输出
• /src ==> 开发代码
• .../assets ==> 公共样式和图片 icon 等
• .../directives ==> 自定义指令
• .../package ==> 标签组件和事件组件
• .../utils ==> 公共方法
• .../App.vue ==> 项目可视化主页（可测试组件功能）
• .../index.js ==> 引入全部功能（需要打包库的文件入口）
• .../main.js ==> 项目入口文件，引入 UI 库在 App.vue 中使用
• .gitignore ==> git 管理忽略文件
• .npmignore ==> npm 发版忽略文件
• babel.config.js ==> babel 配置文件
• package.json ==> 项目信息配置（项目信息、命令、依赖）
• vue.config.js ==> 项目其他相关配置

swh-ui v 1.0.37

1. 修改公共颜色，修改入口文件 src/index.js

swh-ui v 1.0.36

1. 测试打包入口文件 dist/dist.umd.js（组件报错）

swh-ui v 1.0.35

1. 测试打包公共样式

swh-ui v 1.0.34

1. 解决弹窗内部编辑数据，弹窗位置重置问题
2. 删除拖拽框内部控制显示隐藏配置字段

swh-ui v 1.0.33

1. 优化移入弹窗参数更新，创建多余元素问题
2. 设置表格内容可复制

swh-ui v 1.0.32

1. 优化鼠标移入弹窗指令，参数更新时，从新执行指令
2. 修改拖拽框阴影样式

swh-ui v 1.0.31

1. 优化移入弹窗，显示时间快时，删除元素时报错（a元素创建，但是还没挂载到body时，删除body中的a元素错误）
2. 解决：之前只判断a变量是否有值，修改为判断a是不是body中的子元素

swh-ui v 1.0.30

1. 优化下拉框显示过渡，修改下拉框dom结构，增加过渡时间配置

swh-ui v 1.0.29

1. 优化下拉框自动生成id，无需手动传入
2. 优化下拉框不可同时展示多个
3. 增加下拉框层级设置
4. 增加下拉框上下固定位置显示

swh-ui v 1.0.28

1. 优化下拉选择框点击其他位置时报错问题

swh-ui v 1.0.27

1. 解决切换页面删除下拉框元素，分页器字段修改

swh-ui v 1.0.26

1. 解决页面存在多个下拉选择框时，显示隐藏错乱问题

swh-ui v 1.0.25

1. 修复下拉框根据窗口位置变化显示

swh-ui v 1.0.24

1. 优化下拉组件下拉框位置

swh-ui v 1.0.22 ~ v 1.0.23

1. 优化下拉和分页组件

swh-ui v 1.0.21

1. 新增分页器组件
1. 新增下拉选择框组件

swh-ui v 1.0.20

1. 修改移动框组件名称和关闭事件

swh-ui v 1.0.19

1. 优化移动框组件边框配置字段

swh-ui v 1.0.18

1. 优化移动框组件

swh-ui v 1.0.17

1. 优化表格组件隔行换色&&边框

swh-ui v 1.0.16

1. 优化表格组件

swh-ui v 1.0.15

1. 优化评分组件

swh-ui v 1.0.14

1. porps事件参数调整

swh-ui v 1.0.13

1. 组件名增加swh前缀

swh-ui v 1.0.12

1. 调整开关porps配置参数

swh-ui v 1.0.11

1. 优化开关组件的props字段和文案位置配置

swh-ui v 1.0.10

1. 优化消息提示组件边距

swh-ui v 1.0.9

1. 优化消息提示组件，增加关闭按键设置

swh-ui v 1.0.8

1. 增加表格组件

swh-ui v 1.0.6

1. 优化移入浮窗传入父级显示位置错误问题（应计算父元素相对窗口的位置）

swh-ui v 1.0.4

1. 增加评分和按键切换组件
2. 导出组件实例同时导出组件配置信息

swh-ui v 1.0.2

1. 项目结构优化
2. 批量引入组件逻辑优化
3. 支持全部引入和按配置单独引入