# italent-task-tab-title

> 为任务中心头部tab下拉。 ## 安装 npm i italent-task-tab-title -S ## 前提 1 里头还有自己维护的图标，所以需要引入 @beisen/pb-svg/icomoon/style.css；

Latest version **2.1.1** (published 2019-11-11) · ISC license · 0 weekly downloads

## Install

```sh
npm install italent-task-tab-title
pnpm add italent-task-tab-title
yarn add italent-task-tab-title
bun add italent-task-tab-title
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.1.1 |
| Published | 2019-11-11 |
| First published | 2018-11-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 31.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | beisencorp |

## Links

- npm: https://www.npmjs.com/package/italent-task-tab-title
- Repository: git@gitlab.beisencorp.com:app-center/italent-task-tab-title
- npm.io page: https://npm.io/package/italent-task-tab-title

## Dependencies (6)

- [react](https://npm.io/package/react.md) ^16.x.x
- [react-dom](https://npm.io/package/react-dom.md) ^16.x.x
- [@beisen/tool-tip](https://npm.io/package/@beisen/tool-tip.md) ^0.1.83
- [styled-components](https://npm.io/package/styled-components.md) ^4.x.x
- [ux-feature-avatar](https://npm.io/package/ux-feature-avatar.md) ^1.0.63
- [@beisen-cmps/italent-click-outside](https://npm.io/package/@beisen-cmps/italent-click-outside.md) ^1.0.0

## Recent versions

- 2.1.1 (latest) — 2019-11-11
- 2.1.0 — 2019-10-31
- 2.0.8 — 2019-10-31
- 2.0.7 — 2019-07-02
- 2.0.6 — 2019-05-15
- 2.0.5 — 2019-05-15
- 2.0.4 — 2019-05-15
- 2.0.3 — 2019-05-15
- 2.0.2 — 2019-05-15
- 2.0.1 — 2019-05-14
- 2.0.0 — 2019-05-14
- 1.0.31 — 2019-05-14
- 1.0.30 — 2019-05-14
- 1.0.29 — 2019-05-14
- 1.0.28 — 2019-05-14
- … 28 more at https://npm.io/package/italent-task-tab-title/versions

## README

# 创建任务发布框
为任务中心头部tab下拉。
## 安装
npm i italent-task-tab-title -S
## 前提
    1 里头还有自己维护的图标，所以需要引入 @beisen/pb-svg/icomoon/style.css；
    
## 使用
```
import React, {Component} from 'react';
import Title from '../../src/index.js'
import '@beisen/pb-svg/icomoon/style.css';

export default class Demo extends Component{

  handleTabSelect=(tabId)=>{
    console.log(tabId)
  }

  handleDropSelect=(dropId,tabId)=>{
    console.log(dropId,tabId)
  }

  render(){
    const tabTitle=[{ 
      id:0,
      color: '#4F73FF',
      bgIcon:'font-task-title-tab1',
      titleText:'任务',
      selected:true,
      dropDownItems:[
        {
            id:0,
            title:'我负责的',
            selected:true,
        },{
            id:1,
            title:'我派发的',
            selected:false
        },{
            id:2,
            title:'我参与的',
            selected:false
        },{
            id:3,
            title:'全部任务',
            selected:false
        },{
            id:4,
            title:'我完成的',
            selected:false
        }
      ]
      },{
        id:1,
        selected:false,
        color:'#0CC991',//icon背景图
        bgIcon:'font-task-title-tab2',
        titleText:'任务追踪',
        dropDownItems:[]
      }
    ]
    return <Title data={tabTitle} onTabSelect={this.handleTabSelect} onDropSelect={this.handleDropSelect}/>
  }
}

```

## 参数
```
data:一堆默认值；
onTabSelect:tab选择的回调；
onDropSelect:下拉选择的回调

有了window.BSGlobal的loginUserInfo之后，以上参数都是可选参数。

```

---
_Source: https://npm.io/package/italent-task-tab-title · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._