yonui-ys
Version:
135 lines (118 loc) • 2.63 kB
Markdown
# yonui-ys
YonSuite交互风格主题包
---
[](https://www.npmjs.com/package/yonui-ys)
[](https://david-dm.org/yonui/yonui-ys#info=devDependencies)
[](https://npmjs.org/package/yonui-ys)
---
[](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/>