vue-devui
vue-devui copied to clipboard
DevCloudFE
UI components based on Vue3 and DevUI Design
### Version 1.5.1 ### Vue Version 3.2.45 ### Link to minimal reproduction 1、主题问题 按照文档安装依赖之后，引入时并没有文档中所提供的的多种主题 2、按需引入问题 部分组件路径错误，例如： 3、文档部分错误，例如： // 第二种 引入局部调用 import { message } from 'vue-devui' 应为： // 第二种 引入局部调用...
### Version latest ### Vue Version latest ### Link to minimal reproduction  通过统计发现，项目packages/devui-vue/devui目录下.spec.tsx问价个数为34，.spec.ts问价个数为55。 ### Step to reproduce 使用测试用例时。 ### What is expected 由于ts文件和tsx文件中代码写法不一致，甚至项目某些组件__test__目录下同时存在这两种文件，导致修改或新增代码时不是特别友好。 从项目统一性和可维护性角度，建议项目中的测试文件统一使用tsx或ts，个人认为tsx写法会更加方便简洁。 ### What is actually happening...
### Version 1.4.1 ### Vue Version 3.2.45 ### Link to minimal reproduction 无法提交具体的代码,需要在 ios 手机测试 ### Step to reproduce 1: 准备下拉框, 2: ` ` 以上为代码,当点击select 焦点时,弹框会错位 [这是预览图片](http://qiniu.picgo.srliforever.ltd/img/20221228214818.png) ### What is...
> @chenxi24 EditableSelect 组件我看你持续开发和打磨了很长时间，非常赞，后续有两个可能值得思考的点： > > 1. EditableSelect组件和Select组件的[筛选过滤](https://vue-devui.github.io/components/select/#%E7%AD%9B%E9%80%89%E3%80%81%E6%90%9C%E7%B4%A2%E9%80%89%E9%A1%B9)功能存在一定的功能重叠，这部分可以思考下怎么统一 > 2. EditableSelect 组件内部自己实现了一个 Dropdown 组件，这个组件库的 [Dropdown](https://vue-devui.github.io/components/dropdown/) 组件存在功能重叠，怎么实现统一 1.关于第一点，其实 EditableSelect 组件大部分功能都与 Select 功能重叠，EditableSelect 是否有独立存在的必要？ 2.关于第二点，当时只是想，之后可能在 dropdown 上加一些功能分开可能会更好一点。目前来看似乎可以直接用组件库的dropdown 组件 _Originally posted by @chenxi24...
### Version latest ### Vue Version latest ### Link to minimal reproduction The following link can reproduce the problem: [https://vue-devui.github.io/components/search/](https://vue-devui.github.io/components/search/)  ### Step to reproduce The search button icon is...
### Version 1.3.2 ### Vue Version 3.2.41 ### Link to minimal reproduction It's not easy to write minimal repro examples, sorry! ### Step to reproduce 1. Fork `https://github.com/KevinZhang19870314/v-formly-v3.git`; 2. Run...
### What problem does this feature solve At present, the official website only supports Chinese. Developers in some other countries want to use Vue DevUI, but they can't read Chinese....
### Version latest ### Vue Version latest ### Link to minimal reproduction 官网-Message全局提示组件-[可关闭消息提示](https://vue-devui.github.io/components/message/#%E5%8F%AF%E5%85%B3%E9%97%AD%E6%B6%88%E6%81%AF%E6%8F%90%E7%A4%BA) 问题1：根据文档中所描述的，设置duration为0表示不会自动关闭，那么鼠标移入移出应该也不会自动关闭，除非用户主动点击关闭按钮 问题2：message提示中的关闭按钮未垂直居中 ### Step to reproduce 1. 可关闭消息提示-not close按钮点击出现message提示 2. 鼠标移入message提示后移出 3. 会发现：message提示自动消失 ### What is expected...
### Version latest ### Vue Version latest ### Link to minimal reproduction 复制官网Pagination-极简模式的`have-config-menu=true`案例，进行修改后的[demo](https://devcloudfe.github.io/devui-playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8aDUgc3R5bGU9XCJwYWRkaW5nOiAyMHB4IDAgMTBweDtcIj5oYXZlLWNvbmZpZy1tZW51ID0gXCJ0cnVlXCI8L2g1PlxuICA8ZC1wYWdpbmF0aW9uXG4gICAgc2l6ZT1cInNtXCJcbiAgICA6dG90YWw9XCJwYWdlci50b3RhbFwiXG4gICAgdi1tb2RlbDpwYWdlU2l6ZT1cInBhZ2VyLnBhZ2VTaXplXCJcbiAgICA6c2hvdy1wYWdlLXNlbGVjdG9yPVwiZmFsc2VcIlxuICAgIDpwYWdlLXNpemUtb3B0aW9ucz1cInBhZ2VyLnBhZ2VTaXplT3B0aW9uc1wiXG4gICAgdi1tb2RlbDpwYWdlSW5kZXg9XCJwYWdlci5wYWdlSW5kZXhcIlxuICAgIDpjYW4tY2hhbmdlLXBhZ2Utc2l6ZT1cInRydWVcIlxuICAgIDpsaXRlPVwidHJ1ZVwiXG4gICAgOmhhdmUtY29uZmlnLW1lbnU9XCJ0cnVlXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uLWNvbmZpZy1pdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29uZmlnLWl0ZW0tdGl0bGVcIj5zaG93IGZpZWxkPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29uZmlnLWl0ZW0td29yZHNcIj5zZXR0aW5nPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInBhZ2luYXRpb24tY29uZmlnLWl0ZW1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb25maWctaXRlbS10aXRsZVwiPmRpc3BsYXkgbWV0aG9kPC9kaXY+XG4gICAgICA8ZGl2IHN0eWxlPVwicGFkZGluZy1sZWZ0OiA4cHg7IG1hcmdpbi10b3A6IDRweFwiPlxuICAgICAgICA8aSBjbGFzcz1cImljb24tbGlzdC12aWV3XCI+PC9pPlxuICAgICAgICA8aSBjbGFzcz1cImljb24tdmVJY29uLWJyaWVmY2FzZVwiPjwvaT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2QtcGFnaW5hdGlvbj5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQgbGFuZz1cInRzXCI+XG5pbXBvcnQgeyBzZXR1cERldnVpIH0gZnJvbSAnLi9kZXZ1aS5qcydcbmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgc2hhbGxvd1JlYWN0aXZlIH0gZnJvbSAndnVlJztcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHtcbiAgc2V0dXAoKSB7XG4gICAgc2V0dXBEZXZ1aSgpXG4gICAgY29uc3QgcGFnZXIgPSBzaGFsbG93UmVhY3RpdmUoe1xuICAgICAgdG90YWw6IDMwNixcbiAgICAgIHBhZ2VJbmRleDogNSxcbiAgICAgIHBhZ2VTaXplOiAxMCxcbiAgICAgIHBhZ2VTaXplT3B0aW9uczogWzEwLCAyMCwgMzAsIDQwLCA1MCwgNjAsIDcwLCA4MCwgOTAsIDEwMF0sXG4gICAgfSk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgcGFnZXIsXG4gICAgfTtcbiAgfSxcbn0pO1xuPC9zY3JpcHQ+XG4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XCJpbXBvcnRzXCI6e1wiZGV2dWktdGhlbWVcIjpcImh0dHBzOi8vdW5wa2cuY29tL2RldnVpLXRoZW1lQGxhdGVzdC9pbmRleC5lcy5qc1wiLFwidnVlLWRldnVpXCI6XCJodHRwczovL3VucGtnLmNvbS92dWUtZGV2dWlAbGF0ZXN0L3Z1ZS1kZXZ1aS5lcy5qc1wiLFwidnVlXCI6XCJodHRwczovL3VucGtnLmNvbS92dWVAbGF0ZXN0L2Rpc3QvdnVlLmVzbS1icm93c2VyLmpzXCIsXCJ2dWUtcm91dGVyXCI6XCJodHRwczovL3VucGtnLmNvbS92dWUtcm91dGVyQGxhdGVzdC9kaXN0L3Z1ZS1yb3V0ZXIuZXNtLWJyb3dzZXIuanNcIixcIkBmbG9hdGluZy11aS9kb21cIjpcImh0dHBzOi8vdW5wa2cuY29tL0BmbG9hdGluZy11aS9kb21AbGF0ZXN0L2Rpc3QvZmxvYXRpbmctdWkuZG9tLmVzbS5qc1wiLFwiQGZsb2F0aW5nLXVpL2NvcmVcIjpcImh0dHBzOi8vdW5wa2cuY29tL0BmbG9hdGluZy11aS9jb3JlQGxhdGVzdC9kaXN0L2Zsb2F0aW5nLXVpLmNvcmUuZXNtLmpzXCIsXCJAdnVldXNlL2NvcmVcIjpcImh0dHBzOi8vdW5wa2cuY29tL0B2dWV1c2UvY29yZUBsYXRlc3QvaW5kZXgubWpzXCIsXCJAdnVlL2RldnRvb2xzLWFwaVwiOlwiaHR0cHM6Ly91bnBrZy5jb20vQHZ1ZS9kZXZ0b29scy1hcGlAbGF0ZXN0L2xpYi9lc20vaW5kZXguanNcIixcIkB2dWV1c2Uvc2hhcmVkXCI6XCJodHRwczovL3VucGtnLmNvbS9AdnVldXNlL3NoYXJlZEBsYXRlc3QvaW5kZXgubWpzXCIsXCJ2dWUtZGVtaVwiOlwiaHR0cHM6Ly91bnBrZy5jb20vdnVlLWRlbWlAbGF0ZXN0L2xpYi9pbmRleC5tanNcIn19In0=) ### Step to reproduce 1. 当配置的pagesizeOptions比较多时（虽然是一种不常见场景），点开设置按钮后出现弹框，会发现pageSizeOptions的配置已经超出弹框区域 2. 在设置`have-config-menu`为`true`后，在分页组件处于页面右侧时，会出现设置弹框被遮挡情况 ### What is expected `pageSizeOptions`配置过多时，保证不超出弹框，可二选一解决： 1. 增加弹框的宽度 2. pageSize单元折行展示...
### Version latest ### Vue Version latest ### Link to minimal reproduction 官网-Pagination分页-[多种配置](https://vue-devui.github.io/components/pagination/#%E5%A4%9A%E7%A7%8D%E9%85%8D%E7%BD%AE) 因多种配置案例中公用一个pager设置，导致看不出设置`auto-dix-page-index`效果 ### Step to reproduce 1. 针对多种配置案例中设置不同的pager 2. 观察`auto-dix-page-index`为true和false的区别 3. 会发现：设置true与false结果都一样，都会自动修正页码 原因：根据pagination.tsx中的代码中发现，如果只设置`auto-dix-page-index`为false无任何作用，必须将`show-true-page-index`字段进行设置，此值默认值为true，会导致`auto-dix-page-index`无论为何值，都会自动修正页码 ### What is expected 建议：...