tinper-bee

tinper-bee

Introduction

tinper-beeis a component library based on the UI design language iUAP Design and React, providing developers with a complete ecosystem from product interface design to front-end development.

中文

Features

• It is a set of high quality UI components and based on IUAP DESIGN.
• Document complete and easy to use.
• A rich set of enterprise-class features
• Support for component extensions and customizations.

Quickstart

Install

• npm

npm install --save tinper-bee

• From github

git clone [e-mail]:iuap-design/tinper-bee.git

• CDN

use

import { Button } from 'tinper-bee';

ReactDOM.render(<Button />, mountNode);

Version

0.1.7。

Directory Description

/
│
├─assets
│      base.css
│      component.css
│
├─build
│      tinper-bee.js
│      tinper-bee.min.js
│
└─

Document

website

Develop documentation。

Compatible ie8。

tinper-bee components organization

Participate

Such as in the course of any problems encountered，submit issues,

or pull request。

There are urgent problems can be directly mail to me（Email：[e-mail]）

Develop

Developers can participate in contributing code for the tinper-bee, but also can be based on tinper-bee secondary development or packaging plug-ins.

tinper-bee components organization

Directory Structure

bower.json
CHANGELOG.md
CONTRIBUTING.md
build/
assets/
docs/
gulpfile.js
package.json
README.md
style/
tests/
webpack.conf.js

Tools

tinper-bee use gulp.js and webpack build the project.

clone:

$ git clone [e-mail]:iuap-design/tinper-bee.git

install：

$ cd tinper-bee && npm install

build：

$ gulp

Feedback

Bug Feedback and Request Submission

Licence

MIT.

Changelog

tinper-bee 2.0.1升级内容【主题定制、组件优化】

• [Feature] 所有的基础组件由之前的蓝色(#2db7f5)改为红色(#F53C32)，影响范围-(80%组件)。
• [Feature] 下拉式组件，影响范围-[select、autocomplete、datepicker、calendar、dropdown、table、tree、menu]
  • hover背景色变为灰色，hover文字色变为蓝色。
  • 下拉背景色变为深蓝，选中的文字色变为白色。
  • 底部按钮文字色由红色变为蓝色
• [Feature] 在tinper-bee.css 中增加 Datepicker、Calendar 组件的样式。
• [Feature] timepicker
  • 选中的文字色变为主题蓝色
  • bee-timepicker 外层输入框加清空功能
• [Update、Feature]bee-datepicker
  • 底部按钮文字色变为蓝色、所有类型默认增加输入框。
  • 新增快捷键功能：f2打开面板，enter关闭面板
• [Fixbug] 去掉组件中^的版本号，改成具体版本号
• [Fixbug] 修改component中大小写问题。
• [Feature] bee-button
  • 文字颜色由黑色变为主题蓝色 、带边框按钮的文字颜色改为黑色。
  • "size"API 增加取值默认大小“md”
• [Feature] bee-calendar
  • 选中日期的文字色由黑色变为白色
• bee-slider
  • [Feature]锚点色和滑动条色由"info"浅蓝变为"primary"主题蓝色。
• [Feature] bee-pagination
  • 默认页码按钮 由带边框变为无边框、背景色由蓝色变为深灰色、分页去掉确认按钮(可自定义)
• [Feature]bee-menus
  • bee-menus 最外层暴露 tabIndex属性
• bee-table@1.6.41
  • [Feature]Table组件hover某行，动态渲染菜单
  • [Feature]Table组件固定列滚动时显示阴影
  • [Fixbug]Table 拖拽场景下className连到一起的问题
  • [Feature]表格行内链接文字色由默认的超链接色变为主题蓝色
  • [Fixbug]Table 新增行数达到一定数量会有一个断层
  • [Fixbug]Table 动态控制表格外层显示隐藏，第一次加载的数据渲染不出来
  • [Feature]嵌套表格两个都是bigData场景，动态控制某行是否可以展开
  • [Feature] 前端排序增加回调，返回排序后的数据
  • [Fixbug] 表格行内编辑时，单元格获取焦点时，表格会增加2px问题
• [Fixbug] bee-message
  • 解决使用时报错的问题
• [Fixbug] bee-input-number
  • 解决小数点后无法输入 0 的Bug
• [Fixbug] bee-dropdown
  • 第一个宽度小于按钮，第二个太宽不撑开bug
  • 解决下拉背景色透明问题
• [Feature] bee-loading
  • 修改loading图标
• [Feature] bee-loading-state
  • 显示loading时，默认不给button显示遮罩层、用loadingText替换button的文字
• [Feature]bee-autocomplete
  • hover背景色和文字色关联主题，支持定制
• [Feature] 所有的组件圆角为3px。
• [Feature] 输入框、下拉框 size 统一为40(大)、32(中)、26(小)。
• [Feature] 边框色由之前的(#d9d9d9)调整为(#a5adba)，影响范围-[be-button、be-select、be-form-control、be-cascader、be-timepicker、be-datepicker、be-upload、be-badge、be-autocomplete、be-pagination、be-tooltip、be-input-number、be-city-select]
• [Feature] 主题色由之前的蓝色变为红色(#E60012)，影响范围-(80%组件)。
• [Feature] input 示例中，所有输入框行高32px，，影响范围-组件中带有输入框的组件。
• [Fixbug] be-menus 组件bug修复，缺少部分依赖组件。
• [Fixbug] bee-input-number 组件本身多边框重叠bug修复。