vue-devui
vue-devui copied to clipboard
DevCloudFE
UI components based on Vue3 and DevUI Design
### Version v1.0.0-rc.11 ### Vue Version 3.2.29 ### Link to minimal reproduction [playground link](https://devcloudfe.github.io/devui-playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiaWNvbi1leGFtcGxlXCI+XG4gICAgPGQtaWNvbiBuYW1lPVwiYWRkXCIgZGF0YS1pY29uPjwvZC1pY29uPlxuICA8L2Rpdj5cbiAgXG48L3RlbXBsYXRlPlxuXG48c2NyaXB0IHNldHVwIGxhbmc9XCJ0c1wiPlxuaW1wb3J0IHsgc2V0dXBEZXZ1aSB9IGZyb20gJy4vZGV2dWkuanMnXG5cbi8vIGRvbid0IHJlbW92ZVxuc2V0dXBEZXZ1aSgpXG48L3NjcmlwdD5cbjxzdHlsZT5cbiAgLmljb24tZXhhbXBsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcGlua1xuICB9XG4gIFtkYXRhLWljb25de1xuICAgIGJvcmRlcjogMnB4IHNvbGlkIHJlZDtcbiAgfVxuPC9zdHlsZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XCJpbXBvcnRzXCI6e1widnVlLWRldnVpXCI6XCJodHRwczovL3VucGtnLmNvbS92dWUtZGV2dWlAbGF0ZXN0L3Z1ZS1kZXZ1aS5lcy5qc1wiLFwidnVlXCI6XCJodHRwczovL3VucGtnLmNvbS92dWVAbGF0ZXN0L2Rpc3QvdnVlLmVzbS1icm93c2VyLmpzXCIsXCJ2dWUtcm91dGVyXCI6XCJodHRwczovL3VucGtnLmNvbS92dWUtcm91dGVyQGxhdGVzdC9kaXN0L3Z1ZS1yb3V0ZXIuZXNtLWJyb3dzZXIuanNcIixcIkBmbG9hdGluZy11aS9kb21cIjpcImh0dHBzOi8vdW5wa2cuY29tL0BmbG9hdGluZy11aS9kb21AbGF0ZXN0L2Rpc3QvZmxvYXRpbmctdWkuZG9tLmVzbS5qc1wiLFwiQGZsb2F0aW5nLXVpL2NvcmVcIjpcImh0dHBzOi8vdW5wa2cuY29tL0BmbG9hdGluZy11aS9jb3JlQGxhdGVzdC9kaXN0L2Zsb2F0aW5nLXVpLmNvcmUuZXNtLmpzXCIsXCJAdnVldXNlL2NvcmVcIjpcImh0dHBzOi8vdW5wa2cuY29tL0B2dWV1c2UvY29yZUBsYXRlc3QvaW5kZXgubWpzXCIsXCJAdnVlL2RldnRvb2xzLWFwaVwiOlwiaHR0cHM6Ly91bnBrZy5jb20vQHZ1ZS9kZXZ0b29scy1hcGlAbGF0ZXN0L2xpYi9lc20vaW5kZXguanNcIixcIkB2dWV1c2Uvc2hhcmVkXCI6XCJodHRwczovL3VucGtnLmNvbS9AdnVldXNlL3NoYXJlZEBsYXRlc3QvaW5kZXgubWpzXCIsXCJ2dWUtZGVtaVwiOlwiaHR0cHM6Ly91bnBrZy5jb20vdnVlLWRlbWlAbGF0ZXN0L2xpYi9pbmRleC5tanNcIn19In0=) ### Step to reproduce Download the latest version and run ### What is expected Icon can...
### What problem does this feature solve 参考： https://devui.design/components/zh-cn/dashboard/demo ### What does the proposed API look like 参考： https://devui.design/components/zh-cn/dashboard/demo
### Version v1.0.0-rc.11 ### Vue Version 3.2.29 ### Link to minimal reproduction ### Step to reproduce 打开Cascader组件 ### What is expected 语气清除按钮等按钮位置正确 ### What is actually happening 打开Cascader组件歪斜 ### Any...
### Version latest ### Vue Version latest ### Link to minimal reproduction 以下demo可复现： [https://vue-devui-pr-1156.surge.sh/components/cascader/#%E5%8F%AF%E6%90%9C%E7%B4%A2](https://vue-devui-pr-1156.surge.sh/components/cascader/#%E5%8F%AF%E6%90%9C%E7%B4%A2)  ### Step to reproduce 在可搜索级联菜单组件输入框中输入一个不存在的字符，比如：`option2-1-2`，即可复现该问题：  正常应该显示没有数据：  ### What is expected _No response_ ###...
待补充的单元测试已通过`it.todo`方式标记出来，可以在项目里搜索`it.todo`关键字，找到想要贡献的单元测试。 --- 为了保障组件质量和稳定性，为新特性的添加或代码重构添加防护网，每个组件需要增加完善的单元测试，测试组件的UI表现、交互逻辑是否正常，每个api是否生效和符合预期。 执行以下命令可以查看全量组件的单元测试结果： ``` pnpm test ``` 查看特定组件单元测试结果： ``` pnpm cli --filter vue-devui -- code-check -t unit-test -c alert,collapse ```
### What problem does this feature solve 目前Tree组件还有以下功能未完成： - [x] 基本功能 - [x] 可勾选 - [x] 默认状态 - [x] 禁用状态 - [x] 自定义图标 - [x] 懒加载 - [x] 增删改查操作 -...
背景： 目前 select 组件包含很多功能，这些功能目前大部分杂糅在了 useSelect 这个 composable(hook)里面，应该按照功能拆分成多个 composable，每个功能一个 composable，比如（只是举例，需要根据实际代码逻辑寻找更好的拆分方法）： - useCore 核心的单选逻辑 - useDisable 禁用 - useFilter 过滤 - useMultiple 多选 - useCreate 新增选项 可以参考 tree 组件
### Version latest ### Vue Version latest ### Link to minimal reproduction https://vue-devui.github.io/components/tabs/#%E6%B7%BB%E5%8A%A0-%E5%88%A0%E9%99%A4 ### Step to reproduce 1. 打开官网 2. 打开Tabs组件 3. 在添加/删除节不断添加 4. 会发现溢出不截断错误 ### What is expected 超出容器宽度时应当截断或显示省略号，例如[React...
### What problem does this feature solve 目前Table还有以下功能未完成： - [x] 基本功能 - [x] 表格样式 - [x] 异步加载数据 - [x] 表格交互 - [x] 自定义表格选中 - [x] 懒加载 - [ ] 虚拟滚动...