uiwjs / uiw

⚛️ @uiwjs A high quality UI Toolkit, A Component Library for React 16+.
https://uiwjs.github.io
MIT License
713 stars 120 forks source link

[Tabs]:外层Tabs会更改内层Tabs的默认的type #796

Closed star-hamster closed 2 years ago

star-hamster commented 2 years ago

注意:根据下面内容复现错误问题,以方便测试。

描述错误

外层Tabs会更改内层Tabs的默认的type

提供在线重现示例

import React from 'react';
import ReactDOM from 'react-dom';
import { Tabs } from 'uiw';

class Demo extends React.Component {
  render() {
    return (
      <div style={{backgroundColor:'green'}}>
      <Tabs activeKey="1" type="line" onTabClick={(tab, key, e) => {
          console.log("=>", key, tab);
        }}>
          <Tabs.Pane label="用户管理" key="1">用户管理
            <Tabs activeKey="1" type="default" onTabClick={(tab, key, e) => {
              console.log("=>", key, tab);
            }}>
            <Tabs.Pane label="用户管理" key="1">用户管理</Tabs.Pane>
            <Tabs.Pane label="配置管理" key="2">配置管理</Tabs.Pane>
            <Tabs.Pane sequence="fadeIn up" label="角色管理" key="3">角色管理</Tabs.Pane>
            <Tabs.Pane label="大爷欢乐多" key="4"><div>大爷欢乐多22</div></Tabs.Pane>
          </Tabs>
          </Tabs.Pane>
          <Tabs.Pane label="配置管理" key="2">配置管理</Tabs.Pane>
          <Tabs.Pane sequence="fadeIn up" label="角色管理" key="3">角色管理</Tabs.Pane>
          <Tabs.Pane label="大爷欢乐多" key="4"><div>大爷欢乐多22</div></Tabs.Pane>
      </Tabs></div>
    );
  }
}
ReactDOM.render(<Demo />, _mount_);

预期行为

内层Tabs可以有默认的type

截图

image

桌面(请填写以下信息):

cuilanxin commented 2 years ago

@didiboji 已修复

nullptr-z commented 2 years ago

@cuilanxin bug任然存在 image

cuilanxin commented 2 years ago

@nullptr-z 已修复