新增pagelayout组件

iuap-design · Sep 2, 2019 · 40bf3da · 40bf3da
1 parent 4ff2261
commit 40bf3da
Show file tree

Hide file tree

Showing 28 changed files with 72,467 additions and 77,751 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,63 @@
+## tinper-bee 2.2.0
+- [email protected]
+    - 🐞 [Fixbug]数据动态改变，表体显示空白的问题。
+    - 🐞 [Fixbug]设置属性`showHeader={false}`, 在多选框后面出现空白padding。[#287](https://github.com/iuap-design/tinper-bee/issues/287)
+- [email protected]
+    - 🐞 [Fixbug] 解决了右侧固定列无法使用扩展功能的问题。[#298](https://github.com/iuap-design/tinper-bee/issues/298)
+    - 🐞 [Fixbug]解决滚动加载场景，数据显示不全的问题。
+    - 🐞 [Fixbug]大数据量滚动加载场景，合并表格行时，出现样式错乱问题。
+    - 💄 [Update]`bodyDisplayInRow` 和 `headerDisplayInRow` 默认值设为 `true` ，即默认内容不换行，以省略号形式展现。
+    - 🌟 [Feature]新增Table属性 `showRowNum` 展示序号列，默认为 `false`，设置为 `true` 时使用默认配置。自定义配置时需传入 `showRowNum` 对象。
+    - 💄 [Update]点击行时同时触发点击勾选框的勾选或取消勾选。
+    - 🌟 [Feature]新增Column属性 `sortEnable`，开启默认排序
+默认值为 `false`（不排序）
+设置为 `true` 时，若设置 fieldType='number' ，则按数字排序，否则按字符串排序。
+优先级低于sorter属性
+    - 🌟 [Feature] Column新增 fieldType='link' 类型数据，可渲染url链接
+需在column中配置 `linkConfig` 属性
+该属性的渲染优先级低于render，即有 render 时设置不渲染为link类型。
+- [email protected]
+    - 💄 [Update]树形表支持多选。
+    - 🌟 [Feature]新增table属性 `autoSelect` ,在树型表中开启联动勾选
+    - 🌟 [Feature]fieldType属性新增 `stringChinese` 类型，供中文排序使用，渲染同string
+    - 💄 [Update]showRowNum 属性将不会改变数据源
+    - 🌟 [Feature]fieldType属性新增 `select` 类型，控制下拉类型的渲染
+    - 🌟 [Feature]column新增 `isShow` 属性，控制该列是否展示
+    - 🌟 [Feature]column新增 `cellMenu` 属性，展示单元格内菜单
+    - 🐞 [Fixbug]解决树表和行拖拽组合场景，图标重叠问题。[#325]
+    - 🌟 [Feature]增加 `onBodyScroll` 回调函数，在表体滚动时返回可视区最后一条数据的 index。
+- [email protected]
+    - 🌟 [Feature]树形表支持多级懒加载。
+- [email protected]
+    - 🌟 [Feature]增加 getScrollContainer 属性，自定义滚动事件监听的容器。
+    - 🐞 [Fixbug]滑动过程中出现层级结构错乱。
+    - 🐞 [Fixbug]树元数据序列化react dom节点信息丢失。
+    - 🌟 [Feature]增加 `expandWhenDoubleClick` API，设置双击树节点的时候，是否触发收起/展开动作。
+- [email protected]
+    - 💄 [Update]升级 react-beautiful-dnd 版本，draggableId 改为字符串。
+- [email protected]
+    - 💄 [Update]修改 export导出形式，兼容 GridToolBar = Grid.GridToolBar
+- [email protected]
+    - 💄 [Update]解决左右padding不一致问题。
+- [email protected]
+    - 🐞 [Fixbug]解决了click 和 mouseover 冒泡问题。
+    - 🐞 [Fixbug]更改系统时区后，日期框需要触发 onChange 事件。
+- [email protected]
+    - 🐞 [Fixbug]解决了 info、success 等方法点击遮罩层无法关闭的问题。[#313](https://github.com/iuap-design/tinper-bee/issues/313)
+    - 💄 [Update]当弹框留在可视区的宽度小于 50px 时，拖拽不生效，避免无法拖回的情况。
+- [email protected]
+    - 🌟 [Feature]新增 `sizeWithCookie` 属性，可将分页数据存储在 cookie 中，存储周期为 7 天。
+- [email protected]
+    - 🌟 [Feature]新增了自定义传给 modal 子组件属性的功能。
+    - 🌟 [Feature]新增了自定义是否隐藏右侧参数区域的功能。[#320](https://github.com/iuap-design/tinper-bee/issues/320)
+    - 🐞 [Fixbug]解决了colorPicker 白色回显的时候变成 none 的问题。[#319](https://github.com/iuap-design/tinper-bee/issues/319)
+- [email protected]
+    - 🐞 [Fixbug]横向 Menu 子菜单第二次渲染时，宽度变窄的问题。[#321](https://github.com/iuap-design/tinper-bee/issues/321)
+- [email protected]
+    - 🐞 [Fixbug]解决了当bee-form包裹时，选中项不能显示的问题。[#317](https://github.com/iuap-design/tinper-bee/issues/317)
+    - 💄 [Update]将 Radio 的三种状态（focus、selected、取消选中）统一为一种表现形式。[#260](https://github.com/iuap-design/tinper-bee/issues/260)
+
+
 ## tinper-bee 2.1.6
 - [email protected]
     - 🌟 [Feature]新增数值范围组件。

diff --git a/README.md b/README.md
@@ -2,7 +2,6 @@
 
 # tinper-bee
 
-
 [![npm version](https://img.shields.io/npm/v/tinper-bee.svg)](https://www.npmjs.com/package/tinper-bee)
 [![Build Status](https://img.shields.io/travis/iuap-design/tinper-bee/master.svg)](https://travis-ci.org/iuap-design/tinper-bee)
 [![Coverage Status](https://coveralls.io/repos/github/iuap-design/tinper-bee/badge.svg?branch=master)](https://coveralls.io/github/iuap-design/tinper-bee?branch=master)
@@ -11,57 +10,115 @@
 [![Percentage of issues still open](http://isitmaintained.com/badge/open/iuap-design/tinper-bee.svg)](http://isitmaintained.com/project/iuap-design/tinper-bee "Percentage of issues still open")
 
 
-## Introduction
+tinper-bee（[官网链接](http://bee.tinper.org/) ）是一套基于 React.js 的开源组件库，它从丰富的企业级中后台应用场景中实战沉淀而来，为复杂应用的快速开发提供一致性 UI 解决方案。
 
-[tinper-bee](http://bee.tinper.org/)is 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.
+## 关键特性
 
-[中文](README_CN.md)
+- 遵循设计语言/规范，提供一致性 UI 体验
+- 提供完善、高质量的基础组件体系，以及基于之上的业务组件体系
+- 详细的文档+示例的友好使用体验，提供友好易用的API文档
+- 提供具备强大功能的 Grid 组件，满足多种复杂业务场景需求
+- 六大公共特性：支持兼容性处理、支持全键盘能力、支持国际化、支持多端适配 、支持自定义主题、企业级特性
 
-## Features
+## 快速开始
+### 安装 tinper-bee
 
-- 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.
+可使用 npm、cnpm、yarn 以及 ynpm 来安装组件库以及组件。
 
+```
+npm install tinper-bee --save
+```
 
-## Quickstart
+### 项目中使用 tinper-bee
 
+为了方便用户单独处理样式和js文件，所以我们对js和css进行了单独的打包。
 
-### Install
+```
+import React,{ Component } from 'react';
 
-- npm
+//tinper-bee 组件库js引用
+import { Button,Panel } from 'tinper-bee';
+
+//tinper-bee 组件库 css 引用
+import 'tinper-bee/assets/tinper-bee.css';
+
+//项目样式
+import './index.less';
+
+class Example extends Component{
+  constructor(props) {
+   super(props);
+ }
+
+  render(){
+    return (
+    <Panel>
+      hello world
+    </Panel>)
+  }
+}
+
+export default Example；
 
 ```
-npm install --save tinper-bee
-```
 
-- From github
+### 使用CDN
+
+[版本号查阅](http://bee.tinper.org/tinper-bee/changelog)
+
+css样式
+
 ```
-git clone [email protected]:iuap-design/tinper-bee.git
+//引入指定版本号
+<link href="//design.yonyoucloud.com/static/tinper-bee/[版本号]/assets/tinper-bee.css">
+
+//始终引入最新版本
+<link href="//design.yonyoucloud.com/static/tinper-bee/latest/assets/tinper-bee.css">
 ```
 
-- CDN
+js
+
 ```
+//始终引入最新版本
+<script src="//design.yonyoucloud.com/static/tinper-bee/[版本号]/build/tinper-bee.js"></script>
+
+//引入指定版本号
+<script src="//design.yonyoucloud.com/static/tinper-bee/latest/build/tinper-bee.js"></script>
 ```
 
-### use
+并且，在你的webpack处，配置
 
 ```
-import { Button } from 'tinper-bee';
+externals: {
+   'tinper-bee': 'TinperBee'
+}
+```
+
+### 注意事项
+
+另外，有几个组件因为使用的第三方的包比较大，所以我们没有将它们打包进tinper-bee.js，只是对他进行了转码，引入方式略有变化，包含组件如下。
+
+Datepicker日期选择组件、Timepicker时间选择组件、Dnd拖拽组件、Calendar日历组件。
 
-ReactDOM.render(<Button />, mountNode);
+这些组件使用如下方式引入，不需要单独引入样式。 css的引入方式不变
 
 ```
+import Datepicker from 'tinper-bee/lib/Datepicker';
 
+import Timepicker from 'tinper-bee/lib/Timepicker';
 
-### Version
+import Dnd from 'tinper-bee/lib/Dnd';
 
-V 2.0.2
+import Calendar from 'tinper-bee/lib/Calendar';
 
+import Carousel from 'tinper-bee/lib/Carousel';
 
-### Directory Description
+import Viewer from 'bee-viewer';
+```
+
+## 目录及文件说明
 
+提供的资源目录结构
 ```
 /
 │
@@ -78,33 +135,32 @@ V 2.0.2
 
 ```
 
-### Document
-
-[website](http://bee.tinper.org/)
+## 开发文档
 
-[Develop documentation](https://github.com/iuap-design/tinper-bee/docs)。
+开发文档详见[这里](https://github.com/iuap-design/tinper-bee/docs)。
 
-[Compatible ie8](https://github.com/iuap-design/neoui-react/blob/master/docs/react-ie8.md)。
+如果你的项目要兼容ie8，见 [这里](https://github.com/iuap-design/neoui-react/blob/master/docs/react-ie8.md)。
 
-[tinper-bee components organization](https://github.com/tinper-bee)
+更多内容请移步我们的[官网](http://bee.tinper.org/)
 
+[tinper-bee组件组织](https://github.com/tinper-bee)
 
-### Participate
+## 参与讨论和开发
 
-Such as in the course of any problems encountered，submit [issues](https://github.com/iuap-design/tinper-bee/issues),
+如在使用过程中遇到任何问题，可以在[这里](https://github.com/iuap-design/tinper-bee/issues)提交issue反馈；
 
-or pull request。
+或者直接fork代码到你的github仓库，提交pull request给我们。
 
-There are urgent problems can be directly mail to me（Email：[email protected]）
+有紧急问题可以直接邮件给我（Email：[email protected]）
 
 
-## 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 贡献代码，同时也可以基于 tinper-bee 进行二次开发或封装插件。
 
 [tinper-bee components organization](https://github.com/tinper-bee)
 
-### Directory Structure
+## 目录结构
 
 ```
 bower.json
@@ -121,33 +177,29 @@ tests/
 webpack.conf.js
 ```
 
-### Tools
+## 构建工具
 
-tinper-bee use [gulp.js](http://gulpjs.com/) and [webpack](https://webpack.github.io/) build the project.
+tinper-bee 使用 [gulp.js](http://gulpjs.com/) 和 [webpack](https://webpack.github.io/)  构建项目。
 
-clone:
+克隆项目文件:
 
 ```
 $ git clone [email protected]:iuap-design/tinper-bee.git
 ```
 
-install：
+然后进入目录安装依赖：
 
 ```
-$ cd tinper-bee && npm install
+$ npm install
 ```
 
-build：
+接下来，执行 `gulp`：
 
 ```
 $ gulp
 ```
 
 
-## Feedback
-
-[Bug Feedback and Request Submission](CONTRIBUTING.md)
-
-## Licence
+## 反馈
 
-MIT.
+[Bug 反馈及需求提交](CONTRIBUTING.md)