# yonui-ys
YonSuite交互风格主题包
---
[![npm version](https://img.shields.io/npm/v/yonui-ys.svg)](https://www.npmjs.com/package/yonui-ys)
[![devDependency Status](https://img.shields.io/david/dev/yonui/yonui-ys.svg)](https://david-dm.org/yonui/yonui-ys#info=devDependencies)
[![NPM downloads](http://img.shields.io/npm/dt/yonui-ys.svg?style=flat)](https://npmjs.org/package/yonui-ys)

---

[![NPM](https://nodei.co/npm/yonui-ys.png)](https://nodei.co/npm/yonui-ys/)
---

### 安装

`npm install yonui-ys -S`

### 使用

```js
import { Button } from 'yonui-ys';
import 'yonui/lib/theme/index.less';
...

ReactDOM.render(
  <div>
    <Button type="primary">Primary</Button>
    <Button>Default</Button>
    <Button type="dashed">Dashed</Button>
    <Button type="danger">Danger</Button>
  </div>
, mountNode);
```

使用CDN的方式使用，页面加载`yonui-ys/dist/index.css` 和 `yonui-ys/dist/index.js`后，设置
```json
  // 构建排除指定包
  externals: {
      "yonui-ys": "YonuiYs"
  }
```


### tinper项目升级指南

- `SvgIcon` 目前需要单独引入，参考[这里](http://bee.tinper.org/tinper-bee/bee-svgicon)
- 样式引入改为 `import 'yonui/lib/theme/tinper.less`
- 新增以下配置文件，即可兼容

```js
export {
  Affix,
  Anchor,
  AutoComplete,
  Badge,
  CarouselFigure,
  Col,
  Con,
  Checkbox,
  Card,
  Collapse,
  Cascader,
  Calendar,
  Dropdown,
  DatePicker,
  Grid,
  Form,
  Locale,
  Input,
  InputNumber,
  Menu,
  Notification,
  Popconfirm,
  Popover,
  Pagination,
  Progress,
  Radio,
  Row,
  Switch,
  Select,
  Slider,
  Steps,
  Tag,
  Tabs,
  TimePicker,
  Tree,
  TreeSelect,
  Transfer,
  Upload,
  Tooltip,
  ProgressBar,
  Timeline,
  Panel,
  Loading,
  Message,
  ButtonGroup,
  Label,
  SearchPanel,
  Tile,
  FormControl,
  PageLayout,
  Clipboard,
  ColorPicker,
  LoadingState,
  Viewer,
  Breadcrumb,
  Navbar,
  Backtop,
  Alert,
  Drawer,
  InputGroup,
  FormGroup,
  Rate,
  Table,
  BeeModal as Modal,
  BeeIcon as Icon,
  BeeCheckbox as Checkbox,
  BeeRadio as Radio,
  BeeCollapse as Collapse,
  BeeLoading as Loading,
  BeeButton as Button,
  BeePopconfirm as Popconfirm,
  BeeTabs as Tabs
} from 'yonui-ys';

```

### 分支管理
[分支管理 ](https://www.yuque.com/docs/share/32194616-5a6e-4031-af0c-d34041e35a2c)


### Referance
[调试文档](https://www.yuque.com/docs/share/0dab4cdb-30fe-46f3-b70c-0d60c4db4815) <br/>
[维护手册](https://www.yuque.com/docs/share/f5a24951-2665-4b05-b110-8840705a7930) <br/>
[字体图标](http://iuap-design-cdn.oss-cn-beijing.aliyuncs.com/static/mdd/ys/newfont/demo_index.html) <br/>

