u-fish-bubble / umy-ui Goto Github PK

npm ERR! peer dep missing: xe-utils@>= 3, required by [email protected]
npm ERR! peer dep missing: xe-utils@>= 3, required by [email protected]
每太懂 这个错误是什么

虚拟表格修改了表格行顺序，但是展示UI没有变化，需要重新滚动触发刷新

Hi @livelyPeng ,
Could you please add license file to this project? Same with https://github.com/livelyPeng/pl-table/blob/master/LICENSE
Or is there any reason of this missing?
Thanks & Best regards,
Twister

支持配合elemui的主题吗

首先感谢老哥, 你这个性能非常牛逼, 我现在ux-table-column是动态渲染出来的, 当我重新赋值fields后, field变量没有更新, 仍旧是之前的值

"vue-router": 版本 从"^3.4.3" 升级到 3.4.7后
进入带u-table组件的页面 第一次正常 退出这个页面 再进入就会出现CPU100% 页面卡死
在这个页面的 beforeDestroy 打印会发现 一进入这个页面 beforeDestroy 就有执行

flex左右布局，右侧为宽度自适应，u-table放在右侧区域内，表格计算出来的宽度会有问题，超出右侧区域的宽度

以这个展开为例，https://www.umyui.com/umycomponent/expandRow

<template v-slot:content="{ row, rowIndex }"> <template> <ul> <li> <span>Name：</span> <span>{{ row.name }}</span> </li> <li> <span>Name：</span> <span>{{ row.age }}</span> </li> </ul> </template> </template>

目前表格为500的高度，如果这段代码中的单行展开的显示高度超过500（多加几个换行使之超500高度），那么滚动就有问题的，该如何处理？

是因为过多的自定义内容导致的么？

ux-grid同时设置了maxHeight和showSummary的时候表主体部分高度不正常，没有减去合计部分的高度

开启虚拟表格导致固定在右边的操作列不显示了

axios中调用的数据1. 先选择所有数据 2. 再取得选中项，但是partRowSelections方法无效。 toggleRowSelection却可以

发现如果表格产生横向滚动条后，将滚动条拖动至表格最右侧，会出现列对不齐问题，而多出来的部分正好是滚动条的宽度，检查了示例文档的渲染元素，发现示例中多了一列元素：class="gutter"的td
但是我自己的渲染出来的表格没有这一列，请问作者大大，这个问题该怎么解决呀

示例文档：

demo里表格编辑上下键用不了

嵌套ux-table-column 使用template slot=header后 排序失效

建议去掉官网的音乐播放器，严重拖慢了网页的加载速度，望作者采纳，每次进官网都加载很久真的很难受啊

同时引入umy-ui;element-ui;element ui我是cdn引入的 umy-ui打包引入
在配置按钮默认大小的时候;初始化了我的配置
Vue.use(Element, {
size: 'small',
});
页面不生效

使用了虚拟表格，总共10列，对左侧的4列设置了fixed="left"之后发现页面有点卡顿，在不加的时候比较流畅，加了之后感觉没有不加的时候流畅

目前投机取巧的方式是将trigger置为空，是否考虑加个属性

您好，我们实际项目中，页面是由几个表格组成的，都是百分比布局的，并且需要动态改变表格的高度，是否可以支持百分比

直接复制网站文档中的虚拟表格的示例代码，还是卡死

• 当lazy点击加载的时候所有hasChildren元素都会是loading状态

• 示例代码 https://github.com/u-leo/umy-ui/blob/master/examples/pages/umycomponent/virtualTreeTableLazy.vue 一样，就是hasChildren 有多个。

使用 npm 引入，使用 ux-grid 组件会有这个错误。

按照文档安装指引，也不需要额外做其他组件引入。

翻看源码看了下，umy-ui 引用了 umy-table，ux-table-column/index.js 里是下面代码。
但是还没看明白 elx-grid 是在哪里注册， elx-table 这个依赖是在哪里。

import UxTableColumn from '../../elx-table/packages/column/src/column'
UxTableColumn.install = function(Vue) {
  Vue.component(UxTableColumn.name, UxTableColumn);
};

export default UxTableColumn;

带多选的固定列表格，横向可滚动，拖拽固定列下方的滚动条无法拖动，官网的demo就有这个问题

虚拟树形表格目前行高是60px，修改css滚动下面会出现留白，有什么方式可以设置么

因项目用到 ts ,所以提示要对 umy-ui进行 “declare module”，我在 npm 中未找到 “@types/umy-ui“，主要项目赶，我水平较一般，写不出来，诚恳提问， 是否可以提供方案解决？

在uniapp中使用，请问一下，和uview-ui库冲突，组件找不到怎么解决啊，使用了uni-app的easycome

这个错误是偶然的,但是不论什么情况,表格的ref是给了值的,但是通过refs获取的该ref是undefined

使用树形结构表格的use-virtual时候，绑定了一个row-click 行点击事件，当点击树形结构的展开收起按钮时，会触发行点击事件

1. 这是是自己问题。特别是出现在自定义单元格时出的问题
2. 假如td高度是60，但是td内容的高度是80，那么会导致纵向错位！
3. 假如td宽度是60，但是td内容的宽度是80，那么会导致横向错位！
4. 你需要去排查下，你的哪个节点单元格内容高度或者宽度，跟你的单元格宽度或者高度不符合的，要么超出隐藏，等等措施！
5. 不要肉眼去看表格整体的单元格，感觉宽度高度一样，要用控制台 去点开节点去看宽度 高度！

大神我想在plugins中引入，但是css不生效，求解！
module.exports = {
presets: [
'@vue/app'
],
plugins: [
["component", {
'libraryName': "umy-ui",
"styleLibraryName": "theme-chalk"
}, "umy-ui"]
]

感谢大佬们的组件库，这个table感觉功能很完整了，请问后续会增加查询表格吗~

作者您好，非常感谢您提供的组件，它解决了我特别大的难题，抱拳！

有个问题想请教下，现在有一个虚拟树，展开一些节点后，可以往节点下面添加子节点，或者删除节点，但是每次添加或者删除后，树列表都会自动折叠到最顶层，而不会保持原有展开的样子，而这个时候，左侧的折叠按钮是展开状态的！

观察后应该是table.mixin.js这个文件中pagingScrollTop方法有报错

pagingScrollTop (top = 0, left = 0, type) {
            if (!this.$refs.bodyWrapper) return Vue.nextTick(() => this.pagingScrollTop(top, left));
            if (this.$refs.bodyWrapper) {
                if (type && type === '不倒计时') {
                  this.$nextTick(() => {
                      this.$refs.bodyWrapper.scrollTop = top
                      this.$refs.bodyWrapper.scrollLeft = left || this.scrollLeft
                      const bodyScrollHeight = this.visibleCount * this.rowHeight
                      if (this.virtualBodyHeight < top + bodyScrollHeight) {
                          top = this.virtualBodyHeight - bodyScrollHeight
                      }
                      this.scrollTop = top
                      this.scrollLeft = left || this.scrollLeft
                  })
                } else {
                    setTimeout(() => {
                        this.$refs.bodyWrapper.scrollTop = top
                        this.$refs.bodyWrapper.scrollLeft = left || this.scrollLeft
                        const bodyScrollHeight = this.visibleCount * this.rowHeight
                        if (this.virtualBodyHeight < top + bodyScrollHeight) {
                            top = this.virtualBodyHeight - bodyScrollHeight
                        }
                        this.scrollTop = top
                        this.scrollLeft = left || this.scrollLeft
                    }, 10)
                }
            }

具体的bug原因是以下造成的

 setTimeout(() => {
          this.$refs.bodyWrapper.scrollTop = top
          // 后面省略
      }, 10)

前面的异常处理在这段代码里面没有覆盖到

左右固定列，上下滚动不同步,请问如何解决呢