femessage / element Goto Github PK

我给el-tree设置一个固定宽度后，内部元素左侧没有对齐

如果不设置宽度，右侧的滚动条位置就会根据内容变换，体验很不好，我是用原生element设置宽度没有问题，开启虚拟dom后就会出现显示问题
以下是正常样式，不设宽度或者使用原生element的。

组件初始化正常，出如关键字查询，显示新的树，滚动树的滚动条，渐渐空白拉大。到底部几乎全部空白

**Is your feature request related to a problem?

• 目前安装主题包的时候不太方便，总是设置需要registry
• 为了使在服务器能够正常构建项目，需要将对应的*-lock.json文件提交到git仓库

受影响版本

@femessage/element-ui: ~2.12.1
对应官方 element-ui: 2.12.0

原因

• 由于升级失误，导致本仓库的 npm 包比 element 官方的 npm 包，领先了几个 commit。

暂时发现的问题

1. 如果基于官方 element-ui 2.12.0 生成的主题，配合 @femessage/element-ui 使用时，有部分组件的样式会不匹配。

2. 官方 element 也存在的问题，如果使用按需引入组件样式的方式使用组件库，部分组件的样式之间会互相覆盖

样式出现问题的组件

• Drawer （问题1）
• Cascader （问题2）

解决方案

问题1

请根据本仓库的 master 分支生成自定义主题，即可解决。等到 element 更新版本后再同步一次，就可以无缝官方的主题了。不过由于本仓库新增了部分组件，所以推荐使用本仓库作为基准生成主题

问题2

因为按需引入和代码分割的共同作用，部分相同权重的组件样式，会随着路由的切换不断被新增的样式覆盖，导致样式污染的情况发生。

被动解决：等待官方 element 的更新

主动解决：可以使用 cdn 全量引入组件样式，对于长期使用不断迭代的项目，长远角度来说，cdn 缓存机制节省的流量比打包在项目中更多。

cdn 链接：https://cdn.jsdelivr.net/npm/@femessage/[email protected]/lib/theme-chalk/index.css

gzip：37.5k

Is your feature request related to a problem? Please describe.

时间戳可以放在时间线的左边，右边放内容

Describe the solution you'd like
我希望能用element-ui 2.12.0才有的Drawer组件，因为项目中使用的element-ui theme是该项目的theme（基于2.4.1版本的element-ui），所以会导致.../drawer.css 找不到。

Describe the bug

当重新 setOptions 时，如果新的 options 匹配不到当前值，则会直接显示 value，给用户造成困扰

Screenshots

To Reproduce

1. 随意选择一项
2. 通过 setOptions 传入其他的 options（此 options 所有项的 value 都不和第一步所选的值一致
3. 由于匹配不上，会直接显示 value

Expected behavior

希望在 setOptions 时，如果新的 options 匹配不到当前值，则将当前值置空

Is your feature request related to a problem? Please describe.

在项目中发现想直接分享其中一个tab，点击鼠标右键没有相应的 复制链接 选项，因为只是 div 元素吧

Describe the solution you'd like

支持 slot 以使得自行定制 tab item 的内容，正好可以自定义一个 a 元素可以让用户操作上述行为

Is your feature request related to a problem? Please describe.

参考上图, 在填写了一些长内容的时候使用 readonly 的来作为观看, 阅读的时候会不直观

Describe the solution you'd like

• 如标题, 期待支持定制返回一个组件用于显示内容, 这个组件主要是为了格式化内容(例如包含少量的 md 文本)

Is your feature request related to a problem? Please describe.
组件如此使用

         <el-input-number
                 v-model="weight"
                 :min="0"
                 :max="999"
                 :step="0.00001"
                 step-stricky
                 :controls="false"
               />

Describe the solution you'd like

当输入 1 的时候，结果为1.0000000000000002
不要设置pricision,因为界面上不想显示：1.00000
:step="0.00001" step-stricky
是为了保证输入最多5位小数

Describe alternatives you've considered

Additional context
在blur 里面帮忙处理一下，但是还要考虑到科学计数法的情况：如 0.0000001 显示的是 1e-7

Describe the bug

A clear and concise description of what the bug is.

Screenshots

If applicable, add screenshots to help explain your problem.

To Reproduce

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

A clear and concise description of what you expected to happen.

environment information

• Version [e.g. 22]
• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]

Describe the bug

批量勾选过多节点时系统响应慢

Screenshots

To Reproduce

Steps to reproduce the behavior:

1. 添加超过200个节点
2. 点击父节点的checkbox

Expected behavior

选中不需要等待太长时间

environment information

• Version: @femessage/[email protected] for levy.ren:4873
• OS: All Desktop System
• Browser: Chrome 84
• @femessage/[email protected]

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Describe the bug

如题，除了这个组件外应该还有其他组件的说明页面图片显示失败的

Screenshots

To Reproduce

1. 访问 https://femessage.github.io/element/#/zh-CN/component/radio-img-button

Expected behavior

正常展示图片

Describe the bug

目前只会在 add 或 delete 的时候才更新 oldValue，而如果通过外部更新 value，则会导致 rowOptionsData 变成空

Screenshots

Describe the bug

el-table-column 同时存在type=selection和type=expand时，点击全选不能选中子项目

Screenshots

Describe the bug

A clear and concise description of what the bug is.

Screenshots

If applicable, add screenshots to help explain your problem.

To Reproduce

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

A clear and concise description of what you expected to happen.

environment information

• Version [e.g. 22]
• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]

Describe the bug

A clear and concise description of what the bug is.

Screenshots

If applicable, add screenshots to help explain your problem.

To Reproduce

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

A clear and concise description of what you expected to happen.

environment information

• Version [e.g. 22]
• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
  开启height虚拟滚动之后过滤节点功能失效，如果用远程搜索会导致整个树数据变化而不是控制节点显示隐藏，从而导致勾选子节点会把父节点也一并勾选

Describe the bug

经过排查，发现是对数据拍平函数，超过最大调用堆栈大小
对该方法进行了一些改进

Screenshots

tree.vue：
`flattenTree(datas) {
const conn = []
const flatten = arrs =>
arrs.forEach(data => {
if (data.visible) conn.push(data)
flatten(data.childNodes || [])
})

    flatten(datas)
    return conn
}`