view-design / viewui Goto Github PK

What problem does this feature solve?

目前遇到这种需求，只能手动重新去自己画表格，希望table组件能支持内容列表的行和列的自定义合并显示

What does the proposed API look like?

element ui已经支持了，希望能实现同样的功能

What problem does this feature solve?

此版本单选不明显，而且还需要利用render函数实现Radio单选功能，比较麻烦，希望可以像checkbox,在每一行前面添加一个Radio单选框

What does the proposed API look like?

类似checkbox 实现方式添加type

What problem does this feature solve?

Ionicons 4 has some new icons that we need for our project.
Please update it to latest version so we can use it.

What does the proposed API look like?

Same as before.

What problem does this feature solve?

重现链接：https://run.iviewui.com/WL2FnhQ6
解决了使用Tooltip与Poptip导致的被包裹元素样式只能为inline-block问题，部分场景如input输入框仍希望为block

What does the proposed API look like?

新属性 block boolean true/默认false 设为true后 被包裹样式display:block 否则display:inline-block

What problem does this feature solve?

设置属性 change-on-select 点任何一级都可以选择，那如果进行搜索一级或者二级的时候，应该将当前的级别也显示让用户选择，而不是搜索的结果都是到最后一级。

What does the proposed API look like?

比如选择公司的组织架构时，我想搜索部门并且只选择到部门，而部门下面还有小组之类的，那就无法直接选择到部门了，具体可以参考element的级联选择组件：https://element.eleme.cn/2.1/#/zh-CN/component/cascader#events
最后希望iview能越来越好！

before

after

这种样式问题还有很多页面，再每个页面做定制化css覆盖变得很麻烦

Environment

iview 3.5.1

Reproduction link

https://codepen.io/yangdan8/pen/qBBbamd

Steps to reproduce

直接打开输入可测试

What is expected?

0~1

What is actually happening?

1或者0

What problem does this feature solve?

在Collapse组件关闭或打开后需要重新计算一些高度

What does the proposed API look like?

<Collapse @on-animation-end></Collapse>
或
<Collapse @on-transition-end></Collapse>

Environment

Mac、Winodws / Chrome / 2.6.10

Reproduction link

https://run.iviewui.com/1S9gecL7

Steps to reproduce

有固定列时，同时其他列表头有其他图标如排序、筛选，其他列长度不够时，导致表头换行，表格表头为对齐，出现错行。
当Tooltip内容为英文或字符时，未换行显示完整。

What is expected?

表头对齐、Tooltip内容显示完整

What is actually happening?

表头未对齐、Tooltip内容为英文时未显示完整

What problem does this feature solve?

我想通过vue.use方式去引用组件，但是不想把iview打包，想通过cdn的方式引入iview包

What does the proposed API look like?

如上

Environment
Windows 10 专业版最新版本；默认Edge浏览器；
"dependencies": {
"axios": "^0.19.0",
"clipboard": "^2.0.4",
"core-js": "^2.6.5",
"dayjs": "^1.8.16",
"imagemin-webpack-plugin": "^2.4.2",
"view-design": "^4.0.0",
"js-cookie": "^2.2.1",
"qrcode": "^1.4.2",
"vue": "^2.6.10",
"vue-awesome-swiper": "^3.1.3",
"vue-router": "^3.0.7",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.11.0",
"@vue/cli-plugin-eslint": "^3.11.0",
"@vue/cli-service": "^3.11.0",
"@vue/eslint-config-standard": "^4.0.0",
"babel-eslint": "^10.0.1",
"babel-plugin-import": "^1.12.1",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"sass": "^1.18.0",
"sass-loader": "^7.1.0",
"vue-cli-plugin-pug": "^1.0.7",
"vue-template-compiler": "^2.6.10"
},

Reproduction link
项目还未上线，没有链接

What is expected?
页面空白，控制台报错：Expected identifier, string or number

老版本"iview": "^3.5.1"正常

What problem does this feature solve?

表格拖动改变列宽时出现卡顿

What does the proposed API look like?

数据量大时拖动改变列宽不会出现明显卡顿

Environment

Windows 10

Reproduction link

https://run.iviewui.com/cBKqZxtj

Steps to reproduce

Menu组件的active-name和open-names可以通过外部初始化，但切换侧边栏菜单，Menu组件的active-name和open-names没有变化

What is expected?

Menu组件的active-name和open-names按如期变化

What is actually happening?

Menu组件的active-name和open-names没有按如期变化

What problem does this feature solve?

方便设计和产品人员使用，方便前端风格的统一

What does the proposed API look like?

原型库

IE下不显示

Environment

win10，vue2.6

Reproduction link

https://www.iviewui.com/components/table#TZTZLK

Steps to reproduce

iview4.0 快速拖动表格列会显示

What is expected?

表格拖动只会改变列的宽度

What is actually happening?

表格宽度会错乱

hello , I have this code

 <Radio v-model="form.payment_type" :value="'card'" size="large" >Card</Radio>

   data(){
            return {
               form:{payment_type:'card' }
          }
}

It should start with card , selected , but is not started selected when I load the page.
=/

Environment

拆分单元格后，无法使用fixed了，否则就会导致无法拆分，Iview4.0，目前发现这个Bug

Reproduction link

https://run.iviewui.com/Ex7Izf7v

Steps to reproduce

拆分单元格后，无法使用fixed了，否则就会导致无法拆分，Iview4.0，目前发现这个Bug

What is expected?

拆分单元格后，无法使用fixed了，否则就会导致无法拆分，Iview4.0，目前发现这个Bug

What is actually happening?

拆分单元格后，无法使用fixed了，否则就会导致无法拆分，Iview4.0，目前发现这个Bug

Environment

vue3.0

Reproduction link

https://run.iviewui.com/XgxJB14E

Steps to reproduce

:visible.sync="modal1" 更改为 :value.sync="modal1"

What is expected?

visible可以控制组件的显示与隐藏

What is actually happening?

不能控制，源码中props传值为value，并非旧版本中的visible

最新版本的引入应为 import iView from 'view-design' 而不是旧版本的 import iView from 'iview';新版本文档更新不及时

Environment

win10/chrome/vue2.0/ivew4.0

Reproduction link

https://run.iviewui.com/YMy6tM2w

Steps to reproduce

1，Cascader加上transfer属性
2，选择某项，点击后立马消失

What is expected?

正常选择

What is actually happening?

点击某项后立马消失，未选中

Environment

谷歌 最新版本,"vue": "^2.5.2",

Reproduction link

https://run.iviewui.com/CKcrTT0T

Steps to reproduce

无

What is expected?

Cascader 可以下拉正常点击

What is actually happening?

点击后消失

Environment

vue 3 iview 4

Reproduction link

https://jsfiddle.net/h9qbm160/

Steps to reproduce

Press set values button and then move the steps several times forward and backward.

What is expected?

Select to keep the value setted in v-model

What is actually happening?

It is setting the id of option into the label

This is required when editing some records from database and must set the initial value. My case is when I press edit on some table row, I open a new modal with this selects and need to fill the values selected from database... [email protected]

Environment

Win 10 谷歌

Reproduction link

https://run.iviewui.com/cAhPiwBr

Steps to reproduce

拖拽表格列至表头文字换行

What is expected?

表头高度一致

What is actually happening?

表头高度不一致

Environment

windows 10 / chrome 77.0.3865.120 / vue 2.6.10

Reproduction link

https://run.iviewui.com/uiOZlvQn

Steps to reproduce

1. 选择SELECT中选项测试1
2. 点击清空按钮
3. 点击清空按钮

What is expected?

1. 绑定的region属性不消失
2. 表单重置不应该提示校验信息

What is actually happening?

1. 绑定的region属性消失了
2. 表单重置提示了校验信息

第一次点击清空按钮，绑定的region属性消失了
第二次点击清空按钮，绑定的region属性又被加上了

Environment

所有版本

Reproduction link

https://run.iviewui.com/lwZgmBSD

Steps to reproduce

拖拽头部

What is expected?

期望结果是newWidth是新的值而不是oldWidth

What is actually happening?

实际结果newWidth为oldWidth的值

Environment

Windows10/搜狗浏览器8.6.0/Vue2.6.10

Reproduction link

https://run.iviewui.com/IAbyJx2e

Steps to reproduce

使用Table组件，设置不同的size属性

What is expected?

table中的checkbox的size属性可以根据Table的size而变化

What is actually happening?

table中的checkbox的size均为default的状态

Environment

chorme/77.0.3865.90/2.6.10

Steps to reproduce

Form组件内嵌套 InputNumber，设置max或者不设置，输入的数据可以无限大

What is expected?

限制到max的目标

What is actually happening?

输入的数据可以无限大

这个是本地开发出来的bug，但是跟环境肯定没关系

What problem does this feature solve?

iView组件按需加载时，可以修改全局配置

What does the proposed API look like?

官网好像没找到

如elment-ui 的 Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };

What problem does this feature solve?

I want to add "this.modal.open()". API to Modal, without icons, with hideFooter, maskClosable and other props.
This will allow you to call modal windows from methods, rather than a template. And use a single api and have a callback in code.
I can make such a pull request.

What does the proposed API look like?

this.$modal.open({
title: 'title',
render: (h) => h(MyComponent), ()
maskClosable: true,
hideFooter: true
})

Hide footer because in component has custom buttons. They have validation state.
I am surprised that "maskСlosable" is not supported by default

Environment

window10/chrome75.0.3770.100/vue2.6.7

Reproduction link

https://run.iviewui.com/m3cuz4rl

Steps to reproduce

直接运行可见

What is expected?

文本上下居中

What is actually happening?

文本向上偏移

Environment

win10/chrome 版本 77.0.3865.120（正式版本） （64 位）/vue 2.0

Reproduction link

https://run.iviewui.com/ozli9Bj2

Steps to reproduce

Poptip组件开启transfer属性后会导致样式穿透，点击气泡中的内容，会关闭气泡

What is expected?

点击气泡中的内容不会关闭气泡

What is actually happening?

点击气泡中的内容会关闭气泡

Environment

系统：IOS；浏览器：微信/QQ自带浏览器

Reproduction link

https://www.iviewui.com/components/slider

Steps to reproduce

IOS系统下，使用微信/QQ自带浏览器打开链接拖动即可复现。

What is expected?

可以拖动到任意位置。

What is actually happening?

只能拖动到0和100%

Environment

Windows 10 专业版/chrome 75.0.3770.100（正式版本）（64 位）/Vue2.6.10

Reproduction link

http://localhost:8080/在我们后台系统，真实链接不方便展示

Steps to reproduce

比如有两个标签页, 页面内容是table表格，数据是异步渲染出来的。

在第一个标签页内选中某行, 然后切换到第二个标签页, 再切换回第一个标签页，数据重新请求，table重新渲染。

虽然页面展示中没看到有选中的行， 但实际上第一次的选中还在。 如果有其他操作，还是操作的第一次选中的行！

What is expected?

页面展示没选中， 就是真正的没选中。 尽量不要这样误导用户，这样很容易误操作。

What is actually happening?

页面展示没选中， 实际有选中。 并且可操作选中数据。

错误打印如下：
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'transfer' of undefined"
vue版本：2.6.10

拆分单元格后，无法使用fixed了，否则就会导致无法拆分，Iview4.0，目前发现这个Bug

What problem does this feature solve?

应用于Cascader级联选择器需要多选的场景

What does the proposed API look like?

和select选择器一样，增加一个multiple属性开启多选

Environment

Windows 10 / Chrome 77.0.3865.90 / ^2.6.10

Reproduction link

https://run.iviewui.com/s4JJlGvI

Steps to reproduce

1. TimePicker 不设置format
2. TimePicker 设置format为‘HH:mm’
3. TimePicker 设置format为‘HH:mm:ss’

分别用相同的时间戳给value赋值，显示的值不同。

What is expected?

设置format后显示的值正确

What is actually happening?

设置format后显示的值不正确

Reproduction link

官网 https://www.iviewui.com/docs/introduce

Steps to reproduce
例如:点击左侧的菜单,先点击[介绍],再[Transfer 穿梭框]或者其他菜单,你会发现左侧菜单再最上面了,虽然算不上bug,体验不够友好,希望左侧菜单是固定的,不要随右边的跳来跳去

What is expected?

记忆跳转之前的位置

What is actually happening?

菜单随页面跳转,不能记忆跳转之前的位置,体验不够友好

文档中描述，on-column-width-resize第一个参数为新宽度，经测试为旧宽度，查看源码可以看到
`const handleMouseUp = () => {
if (this.dragging) {
const {
startColumnLeft,
startLeft
} = this.dragState;

                        const finalLeft = parseInt(resizeProxy.style.left, 10);
                        const columnWidth = finalLeft - startColumnLeft;

                        const _column = table.columns.find(item => item.__id === column.__id);
                        if (_column) _column.width = columnWidth;
                        table.$emit('on-column-width-resize', column.width, startLeft - startColumnLeft, column, event);

                        document.body.style.cursor = '';
                        this.dragging = false;
                        this.draggingColumn = null;
                        this.dragState = {};

                        table.showResizeLine = false;

}`
$emit处应该是_column.width

Environment

[email protected]; [email protected]

Reproduction link

https://www.iviewui.com/components/select#YCSS

Steps to reproduce

操作官网例子即可：

1. 输入a
2. 删除a

What is expected?

搜索结果变空

What is actually happening?

搜索结果未变化

Environment

Windows 10 / Chrome 77.0.3865.90 / ^2.6.10

Reproduction link

https://run.iviewui.com/Kx9nJik5

Steps to reproduce

1. DatePicker 不设置format
2. DatePicker 设置format为‘HH:mm’
3. DatePicker 设置format为‘HH:mm:ss’

分别用相同的时间戳给value赋值，显示的值不同。

What is expected?

设置format后显示的值正确

What is actually happening?

设置format后显示的值不正确

官方文档为什么没有type="time"了？

Environment

Vue 2.6.10

Reproduction link

https://run.iviewui.com/cqBdkoP0

Steps to reproduce

点击下拉组件，再直接点击旁边的输入框

What is expected?

光标直接focus再输入框内

What is actually happening?

需要等下拉组件收起后再次点击输入框光标才会focus再输入框内

Environment

win10/Chrome/vue2.6

Reproduction link

https://run.iviewui.com/z72Kgfu4

Steps to reproduce

Select组件或DatePicker组件 和Dropdown组件同时存在时，Dropdown组件下拉内容无法鼠标拖动滚动条，会直接触发clickouside
EN：When a Select component or a DatePicker component and a Dropdown component exist at the same time, the Dropdown component drop-down content cannot drag the scroll bar with the mouse, which triggers clickouside directly.

What is expected?

Select组件或DatePicker组件 和Dropdown组件同时存在时，Dropdown组件下拉内容可以通过鼠标下拉拖动滚动条
EN:When a Select component or a DatePicker component coexists with a Dropdown component, Dropdown component drop-down content can be dragged and scrolled through the mouse.

What is actually happening?

Select组件或DatePicker组件 和Dropdown组件同时存在时，Dropdown组件下拉内容无法鼠标拖动滚动条，会直接触发clickouside
EN:When a Select component or a DatePicker component and a Dropdown component exist at the same time, the Dropdown component drop-down content cannot drag the scroll bar with the mouse, which triggers clickouside directly.

Environment

Win10 搜狗浏览器 Vue2.5

Reproduction link

https://jsfiddle.net/t6g1mk84/

Steps to reproduce

刚开始固定列正常，但是反复经过一些操作（如使用this.data=[]更新全部或使用this.$set(this.data, rowindex, rowdata)更新某一行）后，固定列逐渐偏移，出现明显的bug

What is expected?

固定列能够正常

What is actually happening?

固定列偏移

What problem does this feature solve?

适应更多的布局方式

What does the proposed API look like?

类似Element UI的tabs切换 可以垂直方向的

Environment

任何环境都是这样

Reproduction link

https://run.iviewui.com/G1hcIv0X

Steps to reproduce

1.比如展开下拉框 选择 new york
2. 点击输入框 删除new york 搜索 parise
3. 点击输入框外部失去焦点
4. 点击输入框 发现下拉选项 只有new york 一项了

What is expected?

最后点击应该是完整得下拉选项

What is actually happening?

实际只有第一次你选择的一个下拉选项

What problem does this feature solve?

类似{value, label}结构的数据可以直接使用

What does the proposed API look like?

提供props：
value-key: String
label-key: String