alibaba-fusion / next Goto Github PK
View Code? Open in Web Editor NEW🦍 A configurable component library for web built on React.
Home Page: https://fusion.design
License: MIT License
🦍 A configurable component library for web built on React.
Home Page: https://fusion.design
License: MIT License
Describe the bug
Table: Divider line not align when virtual-scroll enable
表格虚拟滚动,开始滚动时中间快,锁列慢
Version of the Next Components
1.11.10
Reproduce URL
https://fusion.design/component/table
Expected behavior
https://rsuitejs.com/components/table#%E8%99%9A%E6%8B%9F%E5%8C%96%E7%9A%84%E5%A4%A7%E8%A1%A8%E6%A0%BC
Screenshots
因为可用性问题,要求键盘能够操作Switch组件,但焦点移动到Switch组件上时,没有视觉上的表现能够让用户感知到Switch获取焦点了,谢谢
感觉设计如果了解一点前端体系,这个产品是不是现在的意义就不是很明显了?(只是现阶段)特别是中小型公司,设计任务比较繁杂的情况下,时间成本可以和DS本身想传达的价值会不对等,会不会?
不过长远来看,UI规范化应该是发展的必然~
Describe the bug
当 tree 异步加载数据时,连续点击两个子节点加载异步数据时,第一个节点就会变成折叠状态
Version of the Next Components
最新版本
Reproduce URL
To Reproduce
Expected behavior
第一个点击的节点应该也是展开状态。
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Additional context
1.11.6
TreeSelect
和环境无关
https://riddle.alibaba-inc.com/riddles/bf30aaf
treeData = [{
label: '值是1',
value: '1',
}, {
label: '值是空字符串',
value: '',
}]
Is your feature request related to a problem? Please describe.
Upload.Card can drag to sort values
Search
macos10.13.6 谷歌浏览器71
http://gitlab.alibaba-inc.com/car-center/workorder-list
页面中有两个tab,不尽兴切换tab操作之前,输入正常,切换tab之后,search内容一旦有输入,立刻失焦
1.11.10
Nav
Chrome Latest
期望可以透传style
Is your feature request related to a problem? Please describe.
As we know, input element in React will trigger onChange when a key is pressed. If we are inputting Chinese in it, an input method toolbar will show, and it will composing Chinese words in the toolbar according to what we type, onChange will still be triggered when words are being composed. This won't bother in most situation, but if we need to do something for the input value in real time, for example, validating or autosaving the value, we will get some unwanted chars.
look the example below, when I type 哈哈哈
in input method' bar, the value of input element is ha'ha'ha
:
export class App extends React.Component {
state = {
value: ""
};
handleChange = e => {
this.setState({
value: e.target.value
});
};
render() {
return (
<div className="App">
<p>input value: {this.state.value}</p>
<input type="text" onChange={this.handleChange} />
</div>
);
}
}
Describe the solution you'd like
vuejs' v-model directive and react-composition already support this feature, they both use the native CompositionEvent
of browser to implement this. So I think Input element of Next should support it as well.
Describe the API you'd expected
I think we can keep the current behavior onChange
, and add another change handler prop, maybe call it onFinalValueChange
or onCompositedVauleChange
, so if we want to subscribe value changing only when composition is done, we can use the latter one, if we want the regular behavior, just use onChange
. If you think this is okay, I will make a pull request to implement it, looking forward to see your advice~
Menu组件的Item支持绑定onClick事件
如果你的项目用到了Fusion Design,欢迎在这个Issue下留言。
目前已经使用了很久的用户
推荐回复格式:
- 产品名: xxx
- 截图: (如果方便提供的话)
- 网址: (如果方便提供的话)
- 公司/组织: (如果方便提供的话)
If Fusion Design is used in your project or by your company/, welcome to reply in the issue.
Recommend replying format:
- product name: xxx
- screenshot: ( if possible)
- url: (if possible)
- company or organization: (if possible)
Select
In the source code, I found that:
But this is not suggested by react officially?
FYI:
"Composition vs Inheritance"
Here is a demo shows a "inheritance problem", value works wrong
Loading 应该是是 display: block, 而不是 display: inline-block
TreeSelect Dropdown
和环境无关
https://riddle.alibaba-inc.com/riddles/f2b6a306?mode=jsx
见代码
Is your feature request related to a problem? Please describe.
No.
Describe the solution you'd like
Upload component exposed an api that can modify xhr object before send request.
Describe the API you'd expected
{
beforeSendRequest: (xhr) =>{
// Modify xhr
xhr.responseType = 'blob';
}
}
Additional context
1.11.7
Tab
ANY
https://fusion.design/component/tab
Find the "disabled" demo at https://fusion.design/component/tab, click one and use left or right key to switch tab, it won't work
Table
能否考虑给表格添加行拖拽能力?可以只考虑普通的没有单元格合并的表格
部分场景下需要有手动排序的需求
Describe the bug
ConfigProvider.getContext()
will losing its cached context data after a portal component (e.g.: Dialog.show()
) was unmounted.
Version of the Next Components
^1.9.15
Reproduce URL
https://codepen.io/anon/pen/vQgmbP?&editors=0010
To Reproduce
<ConfigProvider>
to wrap the app.<ConfigProvider>
with { Dialog: { ok: 'OK', cancel: 'Cancel' } }
Dialog.confirm
or the other method which do create a portal modalDialog.confirm
againExpected behavior
The text of the modal's button always be OK
and Cancel
, but it'll be 确定
and 取消
except first mounting.
Thank you for this wonderful work!
Recently, I'm frustrated why fusion supports two usages:
Personally, options
is enough.
Since defaultValue always works with a form, so it seems thatvalue
is enough for these basic ui components.
在很多时候项目要求表头居中,但是内容文本居左数字居右,现在表头和内容是共用的align,无法分开设置
Upload里面触发input的选择框是由其他标签的click事件触发input的原生click事件产生的,由于想要达到可以选择相同的文件多次上传,所在input的click事件中他们重置了input的value值为null,这样会导致input的onChange事件二次执行,从而使文件列表数据进行叠加展示,数据异常
Upload
比如,上传阿里云 oss,每次上传是需要动态计算的,计算policy、action 地址、signature等参数。
现在的方案只能在渲染组件时,提前算好,然后设置 action 和 data 属性。但是这些值有时效性,
如果用户打开上传对话框,但是短时间未上传,则会无法上传
will this support vue.js?
CascaderSelect
当地址通过异步方式获取的二,三层级数据的时候,还没load相应的数据存储在dataSource里,使用搜索通过接口的方式搜索到后端的数据,这时候需要支持能进行自定义放置后端接口请求到的搜索结果,当前只能支持dataSource里的搜索内容
Describe the bug
in Safari
4.02 + 0.01 = 4.029999999999999;
This is a js float number feature and it will cause display bug in NumberPicker.
Version of the Next Components
1.10.x
To Reproduce
Steps to reproduce the behavior:
1.
<NumberPicker defaultValue={4.02} step={0.01} precision={2} />
or
<NumberPicker defaultValue={4.02} step={0.01} />
+
buttonExpected behavior
it should show 4.03
Desktop (please complete the following information):
1.11.10
Card
mac
http://riddle.alibaba-inc.com/riddles/235efdce
见 riddle) 我们有一个场景,并排放了两个 card,其中有一个超高隐藏,由于 footer 也有高度,导致两个 card 不一样高,影响美观。
version: @alife/next 1.11.5
description: 设置的值可以超过100%,超出后进度条会展示超出进度条的容器。
如题
1.11.5
Tab
OSX Chrome
https://riddle.alibaba-inc.com/riddles/64a888c1
Click on one tab and then click another one
Upload
提供一个钩子,暴露请求的 XMLHttpRequest 对象,给用户修改使用。
https://fusion.design/component/upload 裁剪上传
缺少cropperjs/dist/cropper.css
1.11.10
Input
Chrome Latest
期望高度不受影响
Affix
offsetTop 属性依赖于同级组件的 height,所以需要等到 render 后再 setState 一个新的 offsetTop 赋值给 Affix 组件。
1.11.10
Tree
mac os
RT
期望在onError中能拿到在beforeUpload中返回的错误信息
demo: https://codepen.io/hellohy/pen/JwrGvd?editors=0011
Upload里面结合Field进行拖拽上传时,由于onDragOver触发会导致componentWillReceiveProps会不断执行,从而默认value值会覆盖上传的文件value列表,导致上传数据无法展示
1.11.7
Checkbox
any
<CheckboxGroup>
<Checkbox defaultIndeterminate={true} >haha</Checkbox>
<Checkbox defaultIndeterminate={true} indeterminate={true} checked>haha</Checkbox></CheckboxGroup>
群号:966586365
Describe the bug
a0076f6 更新后无法启动 dev server。
webpack-dev-server 3.x is only compatible with webpack 4.x, as the peer dependencies already warn you about. -@webpack/webpack-dev-server#1334
Version of the Next Components
Check if the issue exists in the latest version.
Describe the bug
<Table useVirtual scrollToRow={n}>
scrollToRow 更新的时候滚动条当前位置没有受控。
Version of the Next Components
1.11.5
Reproduce URL
http://riddle.alibaba-inc.com/riddles/638ceda5
受控scrollToRow, onBodyScroll打印的不是当前位置,几个版本的表现都不大一致。总而言之,打印出来的不是当前位置。
我们业务上会统一请求的入口,里面会处理一些业务上的定制需求。
由于 upload 组件使用了内置的 xhr,我们需要自己在 onSuccess 和 onError 中写同样的业务代码处理相关逻辑
可以自行转入XHR对象
样例: https://github.com/react-component/upload#customrequest
Menu
Nav
Nav/Menu 应该支持一个 type=none/transparent 的属性,没有背景没有字体颜色没有边框和 shadow,全部继承父节点,更方便嵌入到类似 Header/Footer/用户自定义的 这种容器里
Describe the bug
Size 为 small 时 unCheckedChildren 位置有点奇怪
Version of the Next Components
1.x
Reproduce URL
https://riddle.alibaba-inc.com/riddles/abcc709d
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.