diff --git a/README.md b/README.md
index a837983..03d81ec 100644
--- a/README.md
+++ b/README.md
@@ -241,6 +241,9 @@ import multiSelect from "bee-table/lib/multiSelect.js";
| draggable | 可拖拽交换列 | boolean | false |
| dragborder | 可拖拽改变列宽 | boolean | false |
| checkMinSize | 当前表格显示最少列数 | boolean | false |
+| onDragEnd | 交换列后的回调函数 | function | (event,data,columns) |
+| onDrop | 交换列的回调函数 | function | (event,data,columns) |
+
diff --git a/build/Table.js b/build/Table.js
index 1c343cd..911fdbf 100644
--- a/build/Table.js
+++ b/build/Table.js
@@ -566,6 +566,7 @@ var Table = function (_Component) {
onDragEnter = _props.onDragEnter,
onDragOver = _props.onDragOver,
onDrop = _props.onDrop,
+ onDragEnd = _props.onDragEnd,
draggable = _props.draggable,
onMouseDown = _props.onMouseDown,
onMouseMove = _props.onMouseMove,
@@ -592,7 +593,7 @@ var Table = function (_Component) {
}
var trStyle = headerHeight && !fixed ? { height: headerHeight } : fixed ? this.getHeaderRowStyle(columns, rows) : null;
- var drop = draggable ? { onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, draggable: draggable } : {};
+ var drop = draggable ? { onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, onDragEnd: onDragEnd, onDragEnter: onDragEnter, draggable: draggable } : {};
var dragBorder = dragborder ? { onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onMouseUp, dragborder: dragborder, onThMouseMove: onThMouseMove, dragborderKey: dragborderKey, onDropBorder: onDropBorder, onDraggingBorder: onDraggingBorder } : {};
var contentWidthDiff = 0;
//非固定表格,宽度不够时自动扩充
diff --git a/build/TableHeader.js b/build/TableHeader.js
index ed56b58..b34461b 100644
--- a/build/TableHeader.js
+++ b/build/TableHeader.js
@@ -315,6 +315,12 @@ var TableHeader = function (_Component) {
var event = _utils.Event.getEvent(e),
target = _utils.Event.getTarget(event);
_this.currentDome.setAttribute('draggable', false); //添加交换列效果
+
+ var data = _this.getCurrentEventData(_this._dragCurrent);
+ if (!data) return;
+ if (!_this.props.onDrop) return;
+ // this.props.onDrop(event,target);
+ _this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
};
_this.onDragEnter = function (e) {
@@ -340,8 +346,8 @@ var TableHeader = function (_Component) {
var data = _this.getCurrentEventData(_this._dragCurrent);
if (!data) return;
if (!_this.currentObj || _this.currentObj.key == data.key) return;
- if (!_this.props.onDrop) return;
- _this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
+ if (!_this.props.onDragEnd) return;
+ _this.props.onDragEnd(event, { dragSource: _this.currentObj, dragTarg: data });
};
_this.onDragLeave = function (e) {
diff --git a/build/lib/dragColumn.js b/build/lib/dragColumn.js
index 476242c..ea9fc27 100644
--- a/build/lib/dragColumn.js
+++ b/build/lib/dragColumn.js
@@ -51,7 +51,7 @@ function dragColumn(Table) {
return _column;
};
- _this.onDrop = function (event, data) {
+ _this.onDragEnd = function (event, data) {
var dragSource = data.dragSource,
dragTarg = data.dragTarg;
var columns = _this.state.columns;
@@ -76,14 +76,11 @@ function dragColumn(Table) {
newDate.title = da.title;
_newColumns.push(newDate);
});
- // console.log(" onDrop-------columns--- ",columns);
_this.setState({
columns: _newColumns //cloneDeep(columns)
});
- // console.log(" onDrop-------columns--- ",_newColumns);
- // console.log(columns === _newColumns);
- if (_this.props.onDrop) {
- _this.props.onDrop(event, data, columns);
+ if (_this.props.onDragEnd) {
+ _this.props.onDragEnd(event, data, columns);
}
};
@@ -134,21 +131,13 @@ function dragColumn(Table) {
dragborder = _props.dragborder,
draggable = _props.draggable,
className = _props.className,
- columns = _props.columns,
- onDragStart = _props.onDragStart,
- onDragEnter = _props.onDragEnter,
- onDragOver = _props.onDragOver,
- onDrop = _props.onDrop,
- others = _objectWithoutProperties(_props, ['data', 'dragborder', 'draggable', 'className', 'columns', 'onDragStart', 'onDragEnter', 'onDragOver', 'onDrop']);
+ others = _objectWithoutProperties(_props, ['data', 'dragborder', 'draggable', 'className']);
return _react2["default"].createElement(Table, _extends({}, others, {
columns: this.state.columns,
data: data,
className: className + ' u-table-drag-border',
- onDragStart: this.onDragStart,
- onDragOver: this.onDragOver,
- onDrop: this.onDrop,
- onDragEnter: this.onDragEnter,
+ onDragEnd: this.onDragEnd,
draggable: draggable,
dragborder: dragborder
}));
diff --git a/demo/demolist/Demo1001.js b/demo/demolist/Demo1001.js
index fb5f1b1..081b328 100644
--- a/demo/demolist/Demo1001.js
+++ b/demo/demolist/Demo1001.js
@@ -2,7 +2,7 @@
*
* @title 拖拽改变列顺序
* @parent 列操作-拖拽 Drag
-* @description 点击选择表头并左右拖拽,可以改变表格列顺序。onDrop方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。
+* @description 点击选择表头并左右拖拽,可以改变表格列顺序。 onDragEnd 方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。
* demo1001
*/
import React, { Component } from 'react';
@@ -69,8 +69,16 @@ class Demo22 extends Component {
columns={columns}
data={data}
bordered
- draggable={true}
+ draggable={true}
+
onDrop ={(event,data,columns)=>{
+ console.log("--拖拽交换列onDrop触发事件");
+ console.log("event.target:",event.target);
+ console.log("data:",data);
+ console.log("拖拽完成后的columns:",columns);
+ }}
+
+ onDragEnd ={(event,data,columns)=>{
console.log("--拖拽交换列后触发事件");
console.log("event.target:",event.target);
console.log("data:",data);
diff --git a/demo/index.js b/demo/index.js
index b001a86..ee945f9 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -8,7 +8,7 @@ import Button from '../src';
-var Demo0101 = require("./demolist/Demo0101");var Demo0102 = require("./demolist/Demo0102");var Demo0103 = require("./demolist/Demo0103");var Demo0104 = require("./demolist/Demo0104");var Demo0105 = require("./demolist/Demo0105");var Demo0106 = require("./demolist/Demo0106");var Demo0107 = require("./demolist/Demo0107");var Demo0201 = require("./demolist/Demo0201");var Demo0202 = require("./demolist/Demo0202");var Demo0301 = require("./demolist/Demo0301");var Demo0302 = require("./demolist/Demo0302");var Demo0402 = require("./demolist/Demo0402");var Demo0404 = require("./demolist/Demo0404");var Demo0405 = require("./demolist/Demo0405");var Demo0501 = require("./demolist/Demo0501");var Demo0502 = require("./demolist/Demo0502");var Demo0503 = require("./demolist/Demo0503");var Demo0505 = require("./demolist/Demo0505");var Demo0601 = require("./demolist/Demo0601");var Demo0602 = require("./demolist/Demo0602");var Demo0603 = require("./demolist/Demo0603");var Demo0701 = require("./demolist/Demo0701");var Demo0702 = require("./demolist/Demo0702");var Demo0802 = require("./demolist/Demo0802");var Demo0901 = require("./demolist/Demo0901");var Demo0902 = require("./demolist/Demo0902");var Demo0903 = require("./demolist/Demo0903");var Demo1001 = require("./demolist/Demo1001");var Demo1002 = require("./demolist/Demo1002");var Demo1101 = require("./demolist/Demo1101");var Demo1102 = require("./demolist/Demo1102");var Demo1103 = require("./demolist/Demo1103");var Demo1105 = require("./demolist/Demo1105");var Demo1106 = require("./demolist/Demo1106");var Demo1107 = require("./demolist/Demo1107");var Demo1108 = require("./demolist/Demo1108");var Demo1201 = require("./demolist/Demo1201");var Demo1301 = require("./demolist/Demo1301");var Demo1302 = require("./demolist/Demo1302");var Demo1401 = require("./demolist/Demo1401");var Demo1402 = require("./demolist/Demo1402");var Demo1403 = require("./demolist/Demo1403");var Demo1404 = require("./demolist/Demo1404");var Demo1601 = require("./demolist/Demo1601");var DemoArray = [{"example":,"title":" 基本表格","code":"/**\n*\n* @title 基本表格\n* @parent 基础 Basic\n* @description 单元格数据过长时,可结合Tooltip组件使用。\n* demo0101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo0101 extends Component {\n render() {\n return (\n
\n );\n }\n}\n\n\n","desc":" 单元格数据过长时,可结合Tooltip组件使用。"},{"example":,"title":" 默认无数据展示","code":"/**\r\n*\r\n* @title 默认无数据展示\r\n* @parent 基础 Basic\r\n* @description 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。\r\n* demo0102\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n {\r\n title: \"员工编号\",\r\n dataIndex: \"num\",\r\n key: \"num\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"员工姓名\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"部门\",\r\n dataIndex: \"department\",\r\n key: \"department\"\r\n }\r\n];\r\n \r\nconst data = [];\r\n\r\n// 在此自定义无数据时的展示内容\r\nconst emptyFunc = () => 'No Data';\r\n \r\nclass Demo02 extends Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\n","desc":" 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。"},{"example":,"title":" 固定表头","code":"/**\r\n*\r\n* @title 固定表头\r\n* @parent 基础 Basic\r\n* @description 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。\r\n* demo0103\r\n*/\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns03 = [\r\n {\r\n title: \"序号\",\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n width: 80, \r\n render(text, record, index) {\r\n return index + 1;\r\n }\r\n },\r\n {\r\n title: \"订单编号\",\r\n dataIndex: \"orderCode\",\r\n key: \"orderCode\",\r\n width: 200, \r\n },\r\n {\r\n title: \"供应商名称\",\r\n dataIndex: \"supplierName\",\r\n key: \"supplierName\",\r\n width: 200\r\n },\r\n {\r\n title: \"类型\",\r\n dataIndex: \"type_name\",\r\n key: \"type_name\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组织\",\r\n dataIndex: \"purchasing\",\r\n key: \"purchasing\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组\",\r\n dataIndex: \"purchasingGroup\",\r\n key: \"purchasingGroup\",\r\n width: 200\r\n },\r\n {\r\n title: \"凭证日期\",\r\n dataIndex: \"voucherDate\",\r\n key: \"voucherDate\",\r\n width: 200,\r\n }\r\n];\r\n\r\nconst data03 = [\r\n { \r\n orderCode:\"NU0391025\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年03月18日\",\r\n key: \"1\"\r\n }, \r\n { \r\n orderCode:\"NU0391026\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织a', \r\n purchasingGroup:\"bb\",\r\n voucherDate:\"2018年02月05日\",\r\n key: \"2\"\r\n },\r\n { \r\n orderCode:\"NU0391027\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织b', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年07月01日\",\r\n key: \"3\"\r\n },\r\n { \r\n orderCode:\"NU0391028\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"4\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"cc\",\r\n voucherDate:\"2019年03月01日\",\r\n key: \"4\"\r\n },\r\n { \r\n orderCode:\"NU0391029\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"5\",\r\n purchasing:'组织d', \r\n purchasingGroup:\"ss\",\r\n voucherDate:\"2019年02月14日\",\r\n key: \"5\"\r\n },\r\n { \r\n orderCode:\"NU0391030\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织e', \r\n purchasingGroup:\"zz\",\r\n voucherDate:\"2019年02月18日\",\r\n key: \"6\"\r\n },\r\n { \r\n orderCode:\"NU0391031\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织f', \r\n purchasingGroup:\"qq\",\r\n voucherDate:\"2019年01月01日\",\r\n key: \"7\"\r\n },\r\n { \r\n orderCode:\"NU0391032\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织g', \r\n purchasingGroup:\"pp\",\r\n voucherDate:\"2019年01月31日\",\r\n key: \"8\"\r\n },\r\n];\r\n\r\nclass Demo03 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n","desc":" 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。"},{"example":,"title":" 隔行换色","code":"/**\n*\n* @title 隔行换色\n* @parent 基础 Basic\n* @description 可自定义斑马线颜色\n* demo0104\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns04 = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n\nconst data04 = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\n\nclass Demo04 extends Component {\n render() {\n return \n }\n}\n\n","desc":" 可自定义斑马线颜色","scss_code":".demo04 {\n &.u-table tr:nth-child(2n){\n background: #f7f9fb;\n }\n &.u-table tr.u-table-row-hover, .u-table tr:hover{\n background: #ebecf0;\n }\n}"},{"example":,"title":" 表格 Loading 加载","code":"/**\r\n*\r\n* @title 表格 Loading 加载\r\n* @parent 基础 Basic\r\n* @description loading可以传boolean或者object对象,object为bee-loading组件的参数类型\r\n* demo0105\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button,Tooltip} from \"tinper-bee\";\r\n\r\nconst columns05 = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",fixed:'left'},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data05 = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo05 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading : true\r\n }\r\n }\r\n changeLoading = () => {\r\n this.setState({\r\n loading : !this.state.loading\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" loading可以传boolean或者object对象,object为bee-loading组件的参数类型"},{"example":,"title":" 单元格内容居中","code":"/**\n*\n* @title 单元格内容居中\n* @parent 基础 Basic\n* @description 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。\n* demo0106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, className: \"rowClassName\",\n fixed:'left',\n textAlign:'center',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100,textAlign:'center'},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100,textAlign:'center'},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100,textAlign:'center' },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,textAlign:'center' }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。"},{"example":,"title":" 带边框","code":"/**\n*\n* @title 带边框\n* @parent 基础 Basic\n* @description 设置 `bordered` 属性可添加表格边框线。\n* demo0107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 设置 `bordered` 属性可添加表格边框线。"},{"example":,"title":" 横向滚动条","code":"/**\n*\n* @title 横向滚动条\n* @parent 滚动 Scroll View\n* @description `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 100, \n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 300, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 200\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 200\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 200\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 200\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 300,\n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 200\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 200\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n }\n];\n\nclass Demo11 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。"},{"example":,"title":" 纵向滚动条","code":"/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\nclass Demo12 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。"},{"example":,"title":" 渲染本地数据","code":"/**\n*\n* @title 渲染本地数据\n* @parent 数据操作 Data Opetation\n* @description 可自定义页头和页脚。\n* demo0301\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\nclass Demo21 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n\n render() {\n return (\n 员工信息统计表
}\n footer={currentData => 合计: 共{data.length}条数据
}\n />\n );\n }\n}\n\n\n","desc":" 可自定义页头和页脚。"},{"example":,"title":" 渲染远程数据","code":"/**\n*\n* @title 渲染远程数据\n* @parent 数据操作 Data Opetation\n* @description 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。\n* demo0302\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [{\n title: 'Name',\n dataIndex: 'name',\n sorter: true,\n render: name => `${name.first} ${name.last}`,\n width: '20%',\n}, {\n title: 'Gender',\n dataIndex: 'gender',\n filters: [\n { text: 'Male', value: 'male' },\n { text: 'Female', value: 'female' },\n ],\n width: '20%',\n}, {\n title: 'Email',\n dataIndex: 'email',\n}];\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: [],\n loading: false,\n }\n }\n\n fetch = (params = {}) => {\n console.log('params:', params);\n this.setState({ loading: true });\n reqwest({\n url: 'https://randomuser.me/api',\n method: 'get',\n data: {\n results: 10,\n ...params,\n },\n type: 'json',\n }).then((data) => {\n this.setState({\n loading: false,\n data: data.results,\n });\n });\n }\n\n render() {\n return (\n \n
\n
\n
\n );\n }\n}\n\n\n","desc":" 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。","scss_code":".demo22{\n .opt-btns{\n margin-bottom: 8px;\n }\n}"},{"example":,"title":" 多列表头","code":"/**\r\n *\r\n * @title 多列表头\r\n * @parent 列渲染 Custom Render\r\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\r\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\r\n * demo0402\r\n */\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button} from \"tinper-bee\";\r\n\r\nconst { ColumnGroup, Column } = Table;\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n width:600,\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: 100\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Company\",\r\n width:400,\r\n children: [\r\n {\r\n title: \"Company Address\",\r\n dataIndex: \"companyAddress\",\r\n key: \"companyAddress\",\r\n width:200,\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"companyName\",\r\n key: \"companyName\",\r\n width:200,\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 60,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nconst data = [];\r\nfor (let i = 0; i < 20; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\",\r\n age: i + 1,\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 2035,\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n}\r\n\r\nclass Demo32 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" columns[n] 可以内嵌 children,以渲染分组表头。","scss_code":".demo32{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}"},{"example":,"title":" 数据关联","code":"/**\n*\n* @title 数据关联\n* @parent 列渲染 Custom Render\n* @description 数据行关联自定义菜单显示\n* demo0404\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/newMultiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\n\nconst data = [\n { \n num:\"NU0391025\", \n name: \"aa\",\n sex: \"男\",\n dept:'财务二科', \n rank:\"T1\",\n year:\"1\",\n seniority:\"1\",\n key: \"1\"\n }, \n { \n num:\"NU0391026\", \n name: \"bb\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"M1\",\n year:\"1\",\n seniority:\"1\",\n key: \"2\"\n },\n { \n num:\"NU0391027\", \n name: \"dd\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"T2\",\n year:\"2\",\n seniority:\"2\",\n key: \"3\"\n }\n];\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\n\nclass Demo33 extends Component {\n constructor(props) {\n super(props);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n render() {\n const menu1 = (\n );\n let columns = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\n { title: \"员工编号\",dataIndex: \"num\",key: \"num\",width: 200 },\n { title: \"员工姓名\",dataIndex: \"name\",key: \"name\", width: 200},\n { title: \"员工性别\",dataIndex: \"sex\",key: \"sex\",width: 200 },\n { title: \"部门\",dataIndex: \"dept\",key: \"dept\",width: 200},\n { title: \"职级\",dataIndex: \"rank\",key: \"rank\",width: 200},\n { title: \"工龄\",dataIndex: \"year\",key: \"year\",width: 200},\n { title: \"司龄\",dataIndex: \"seniority\",key: \"seniority\",width: 200}\n ];\n return \n }\n}\n\n","desc":" 数据行关联自定义菜单显示"},{"example":,"title":" 列合计(总计)","code":"/**\n *\n * @title 列合计(总计)\n * @parent 列渲染 Custom Render\n * @description 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。\n * demo0405\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";; \nimport sum from \"tinper-bee/lib/sum.js\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\n \nlet ComplexTable = multiSelect(sum(Table), Checkbox);\nlet _sum = 0;\nconst columns = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"业务类型\",\n dataIndex: \"type\",\n key: \"type\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"仓库\",\n dataIndex: \"warehouse\",\n key: \"warehouse\",\n width: 80,\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 100,\n sumCol: true\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sumCol: true\n }\n];\n\nfunction getData(){\n const data = [];\n for (let i = 0; i < 5; i++) {\n data.push({\n key: i,\n num: \"NU039100\"+i,\n date: \"2019-03-01\",\n type: \"普通采购\",\n supplier: \"gys\"+i,\n contact: \"Tom\",\n warehouse: \"普通仓\",\n total: i + Math.floor(Math.random()*10),\n money: 20 * Math.floor(Math.random()*10)\n });\n _sum += data[i].total;\n _sum += data[i].money;\n }\n return data;\n}\n\nclass Demo35 extends Component {\n \n constructor(props) {\n super(props);\n this.state = {\n data: getData(),\n sum:_sum\n };\n }\n\n render() {\n const {data} = this.state;\n return (\n \n );\n }\n}\n\n","desc":" 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。"},{"example":,"title":" 行内编辑","code":"/**\n *\n * @title 行内编辑\n * @parent 编辑 Editor\n * @description 可以对行进行编辑的表格\n * demo0501\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0501 extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.dataBuffer = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n // 最好使用深复制\n this.dataBuffer[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n delete this.dataBuffer[index];\n this.setState({ editingRowsMap });\n };\n\n delete = index => () => {\n if (index === null) return;\n let { dataSource } = this.state;\n dataSource.splice(index,1);\n this.setState({\n dataSource:dataSource\n });\n }\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n let dataSource = [...this.state.dataSource];\n dataSource[index] = { ...this.dataBuffer[index] };\n this.setState({ editingRowsMap, dataSource });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n handleRowHover = (index, record) => {\n this.currentRecord = record;\n this.setState({ currentIndex: index });\n };\n\n renderRowHover = () => {\n const { currentIndex } = this.state;\n return this.state.editingRowsMap[currentIndex] ? (\n \n \n \n
\n ) : (\n \n \n \n
\n );\n };\n\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\n\n","desc":" 可以对行进行编辑的表格","scss_code":".demo0501 .u-table {\n .u-row-hover {\n .opt-btns,.cancel-btns {\n button {\n margin: 0;\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n }\n\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}"},{"example":,"title":" 单元格编辑","code":"/**\n *\n * @title 单元格编辑\n * @parent 编辑 Editor\n * @description 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)\n * demo0502\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Icon, Select, Tooltip, Form } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n this.editWarp = React.createRef();\n }\n\n commitChange = () => {\n if (this.state.value === \"\") return;\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n handleKeydown = event => {\n if (event.keyCode == 13) {\n this.commitChange();\n }\n };\n\n handleChange = e => {\n if (e.target.value === \"\") this.editWarp.className += \" verify-cell\";\n this.setState({ value: e.target.value });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
this.editWarp = el} className=\"editable-cell-input-wrapper\">\n \n {value === \"\" ? (\n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n
\n \n ) : null}\n
\n ) : (\n \n {value || \" \"}\n
\n )}\n \n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n }\n\n handleSelect = value => {\n this.setState({ value });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
\n {value || \" \"}\n
\n )}\n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props, context);\n this.state = {\n value: this.props.value.d,\n editable: false\n };\n this.refWarp = React.createRef();\n }\n\n edit = () => {\n this.setState({ editable: true }, () => this.refWarp.focus());\n };\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n onRefBlur = e => {\n // 消除点击子组件,父组件先失焦再聚焦的事件触发过程带来的副作用\n const __REF_CONTENT__ = document.querySelector(\"div.ref-core-modal\");\n if (!__REF_CONTENT__ && e.target === this.refWarp) {\n this.commitChange();\n }\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable } = this.state;\n return editable ? (\n (this.refWarp = el)}\n className=\"editable-cell-input-wrapper\"\n tabIndex={-1}\n onBlur={this.onRefBlur}\n >\n \n \n {getFieldError(\"code1\")}\n \n
\n ) : (\n \n {value.name || \" \"}\n
\n );\n }\n }\n);\n\nconst dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0502 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource\n };\n }\n\n onCellChange = (index, key) => {\n return value => {\n const { dataSource } = this.state;\n dataSource[index][key] = value;\n this.setState({ dataSource }, () => console.dir(this.state.dataSource));\n };\n };\n\n render() {\n return (\n \n
\n \n );\n }\n}\n\n\n","desc":" 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)","scss_code":".u-editable-table .u-table {\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n padding-left: 5px;\n font-size: 12px;\n\n &.error {\n border-color: #F44336;\n }\n }\n }\n\n .editable-cell {\n height: 30px;\n }\n\n &-hover {\n .editable-cell-text-wrapper {\n line-height: 19px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .editable-cell-input-wrapper {\n padding-right: 0;\n .ref-input-wrap {\n width: auto !important;\n height: 30px;\n .u-input-group{\n display: inline-block;\n }\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}"},{"example":,"title":" 弹框(表单)编辑","code":"/**\n *\n * @title 弹框(表单)编辑\n * @parent 编辑 Editor\n * @description 以弹框形式以对行进行编辑的表格\n * demo0503\n */\n\nimport React, { Component, PureComponent } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport {\n Select, Form, FormControl, Button, Icon,\n Tooltip, Modal, FormGroup, Label, Row, Col\n} from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nfunction handleFormValueChange(WarpCompProps, field, allFields) {\n const { onChange, throwError } = WarpCompProps;\n if (field.value === \"\") return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(field.value);\n}\n\nconst StringEditCell = Form.createForm({\n onValuesChange: handleFormValueChange\n})(PureStringEditCell);\n\nfunction PureStringEditCell(props) {\n const { getFieldProps, getFieldError } = props.form;\n const { value, required } = props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + props.colName}\n
\n }\n >\n \n \n )\n }\n ]\n })}\n />\n {getFieldError(\"value\")}\n \n );\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = value => {\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n return (\n \n \n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = values => {\n const { form, throwError, onChange } = this.props\n if (form.getFieldError(\"refValue\")) return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, required } = this.props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n );\n }\n }\n);\n\nclass EditModal extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n data: this.props.data,\n errorEditFlag: false\n };\n\n // 属性名对应 columns 属性中的 key 值\n this.renderElm = {\n b: (record, index) => (\n \n ),\n\n c: (record, index) => (\n \n ),\n d: (record, index) => (\n \n )\n }\n }\n\n onFieldChange = field => value => {\n let data = { ...this.state.data };\n data[field] = value;\n this.setState({ data });\n }\n\n submitChange = () => {\n if (this.state.errorEditFlag) return;\n const { onSubmit, onHide, currentIndex } = this.props;\n onSubmit && onSubmit(this.state.data, currentIndex);\n onHide && onHide();\n }\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { show, onHide, columns, currentIndex } = this.props;\n const { data } = this.state;\n return (\n \n \n 编辑行\n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0503 extends Component {\n constructor(props, context) {\n super(props);\n // 编辑态下每个单元格对应的编辑模式组件写在 EditModal 组件中,以 key 值对应\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\"\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => record.d.name\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n isEditing: false,\n currentIndex: null\n };\n }\n\n edit = () => {\n if (this.state.currentIndex === null) return;\n this.setState({ isEditing: true });\n };\n\n abortEdit = () => {\n this.setState({ isEditing: false });\n };\n\n commitChange = (editedRowData, rowIndex) => {\n console.log(editedRowData)\n console.log(rowIndex)\n let dataSource = [...this.state.dataSource];\n dataSource[rowIndex] = editedRowData;\n this.setState({ dataSource });\n };\n\n handleRowHover = (index, record) => {\n this.setState({ currentIndex: index });\n };\n\n hideEditModal = () => {\n this.setState({ isEditing: false });\n }\n\n renderRowHover = () => {\n return (\n \n \n
\n );\n };\n\n\n render() {\n const { dataSource, isEditing, currentIndex } = this.state;\n const columns = this.columns;\n return (\n \n
\n {\n isEditing ? (\n
\n ) : null\n }\n
\n );\n }\n}\n\n\n","desc":" 以弹框形式以对行进行编辑的表格","scss_code":".demo0503-m-b {\n\n &.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb;\n }\n\n .u-form-group {\n overflow: hidden;\n }\n\n .u-form-control {\n font-size: 12px;\n }\n\n .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px;\n }\n\n .ref-input-wrap {\n width: 240px !important;\n }\n\n .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n .mast {\n padding: 0;\n color: red;\n }\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n z-index: 9999 !important;\n\n .tp-content {\n color: #F44336;\n }\n}\n.ref-core-button .u-button:first-child{\n margin-right: 8px;\n}"},{"example":,"title":" 全表格编辑","code":"/**\n *\n * @title 全表格编辑\n * @parent 编辑 Editor\n * @description 以行内编辑形式对全表数据进行编辑\n * demo0505\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0505 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n // 用于记录数据是否被修改\n dataSource.forEach(item => (item.isEdited = {}));\n this.state = {\n dataSource: dataSource,\n isEditingAll: false,\n currentIndex: null,\n errorEditFlag: false\n };\n\n // 用于记录编辑前数据\n this.dataBuffer = [];\n }\n\n edit = () => {\n this.dataBuffer = [];\n // 最好使用深复制\n this.state.dataSource.forEach((item, index) => {\n this.dataBuffer.push({ ...item });\n });\n this.setState({ isEditingAll: true });\n };\n\n abortEdit = () => {\n let originData = [...this.state.dataSource];\n originData.forEach(item => (item.isEdited = {}));\n this.setState({\n isEditingAll: false,\n dataSource: originData\n });\n };\n\n commitChange = () => {\n if (this.state.errorEditFlag) return;\n const newData = this.dataBuffer.map(item => {\n return Object.assign({}, item, { isEdited: {} });\n });\n this.setState({ isEditingAll: false, dataSource: newData });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n this.dataBuffer[index].isEdited[key] = true;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { dataSource, isEditingAll } = this.state;\n const columns = this.columns;\n return (\n \n
\n {isEditingAll ? (\n \n \n \n \n ) : (\n \n )}\n
\n
\n
\n );\n }\n}\n\n\n","desc":" 以行内编辑形式对全表数据进行编辑","scss_code":".demo0505 {\n\n .toolbar-btns {\n margin-bottom: 8px;\n\n .u-button {\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n\n .u-table {\n .u-row-select {\n background-color: #FFF7E7;\n }\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}"},{"example":,"title":" 左侧固定列","code":"/**\n*\n* @title 左侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nclass Demo51 extends Component {\n render() {\n return ;\n }\n}\n\n","desc":" 固定列到表格的左侧"},{"example":,"title":" 右侧固定列","code":"/**\n*\n* @title 右侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的右侧\n* demo0602\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:100,\n fixed: \"right\",\n render(text, record, index) {\n return (\n \n )\n }\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"4\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"6\"\n }\n];\n\nclass Demo52 extends Component {\n render() {\n return ;\n }\n}\n\n","desc":" 固定列到表格的右侧"},{"example":,"title":" 动态设置列锁定、解除锁定","code":"/**\n*\n* @title 动态设置列锁定、解除锁定\n* @parent 列操作-锁定 Fixed\n* @description 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。\n* demo0603\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst { Item } = Menu;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n \nclass Demo24 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n columns:columns\n }\n }\n \n onSelect = ({key,item})=>{ \n console.log(`${key} selected`); //获取key\n let currentObject = item.props.data; //获取选中对象的数据\n let {columns} = this.state;\n let fixedCols = [];\n let nonColums = [];\n columns.find(da=>{\n if(da.key == key){\n da.fixed?delete da.fixed:da.fixed = 'left';\n }\n da.fixed?fixedCols.push(da):nonColums.push(da);\n });\n \n columns = [...fixedCols,...nonColums]\n\n this.setState({\n columns\n });\n }\n //表头增加下拉菜单\n renderColumnsDropdown(columns) {\n const icon ='uf-arrow-down';\n \n return columns.map((originColumn,index) => {\n let column = Object.assign({}, originColumn);\n let menuInfo = [], title='锁定';\n if(originColumn.fixed){\n title = '解锁'\n }\n menuInfo.push({\n info:title,\n key:originColumn.key,\n index:index\n });\n const menu = (\n )\n column.title = (\n \n {column.title}\n \n \n \n \n \n );\n return column;\n });\n \n }\n\n render() {\n let {columns} = this.state;\n columns = this.renderColumnsDropdown(columns);\n return(\n \n )\n }\n}\n\n","desc":" 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。","scss_code":"th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n"},{"example":,"title":" 按条件、值过滤","code":"/**\n*\n* @title 按条件、值过滤\n* @parent 列操作-过滤 Filter\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。\n* demo0701\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns26 = [\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\n];\n\nconst data26 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo26 extends Component {\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n render() {\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns26}\n data={data26} />;\n }\n}\n\n","desc":" 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。"},{"example":,"title":" 复杂表格中行过滤","code":"/**\n*\n* @title 复杂表格中行过滤\n* @parent 列操作-过滤 Filter\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\n* demo0702\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst data27 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\nclass Demo27 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dropdownvalue: []\n }\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"年龄\",\n width: 180,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"日期\",\n width: 190,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"时间范围\",\n width: 290,\n dataIndex: \"mark\",\n key: \"mark\",\n filterType: \"daterange\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"地址\",\n width: 100,\n dataIndex: \"address\",\n key: \"address\",\n filterType: \"dropdown\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n }\n ];\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\n filterable={true}//是否开启过滤数据功能\n getSelectedDataFunc={this.getSelectedDataFunc}\n bordered\n multiSelect={multiObj}\n columns={columns27}\n data={data27} />;\n }\n}\n\n","desc":" 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等"},{"example":,"title":" 列过滤面板","code":"/**\n*\n* @title 列过滤面板\n* @parent 列操作-隐藏 Hide\n* @description 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。\n* demo0802\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport sum from \"tinper-bee/lib/sum\";;\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\n\nconst defaultProps21 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo21 extends Component {\n constructor(props) {\n super(props);\n this.state ={\n columns: [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n ]};\n }\n afterFilter = (optData,columns)=>{\n if(optData.key == 'b'){\n if(optData.ifshow){\n columns[2].ifshow = false;\n }else{\n columns[2].ifshow = true;\n }\n this.setState({\n columns21 :columns,\n showFilterPopover:true\n });\n }\n \n }\n \n render() {\n return ;\n }\n}\n\nDemo21.defaultProps = defaultProps21;\n","desc":" 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。"},{"example":,"title":" 列排序","code":"/**\n* @title 列排序\n* @parent 列操作-排序 Sort\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\n* demo0901\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\n\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,key: \"3\" }\n];\n\nconst defaultProps11 = {\n prefixCls: \"bee-table\"\n};\nclass Demo11 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n render() {\n\n return ;\n }\n}\nDemo11.defaultProps = defaultProps11;\n\n\n","desc":" column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称"},{"example":,"title":" 后端列排序","code":"/**\n* @title 后端列排序\n* @parent 列操作-排序 Sort\n* @description 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序\n* demo0902\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\n\n// const columns11 = [\n// {\n// title: \"名字\",\n// dataIndex: \"a\",\n// key: \"a\",\n// width: 100\n// },\n// {\n// title: \"性别\",\n// dataIndex: \"b\",\n// key: \"b\",\n// width: 100\n// },\n// {\n// title: \"年龄\",\n// dataIndex: \"c\",\n// key: \"c\",\n// width: 200,\n// sorter: (a, b) => a.c - b.c\n// },\n// {\n// title: \"武功级别\",\n// dataIndex: \"d\",\n// key: \"d\"\n// },\n// {\n// title: \"分数\",\n// dataIndex: \"e\",\n// key: \"e\",\n// sorter: (a, b) => a.c - b.c\n// },\n// ];\n\n// const data11 = [\n// { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\n// { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\n// { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\n// ];\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sorter: (a, b) => a.money - b.money\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,money: 100,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,money: 50,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,money: 200,key: \"3\" }\n];\n\nconst defaultProps = {\n prefixCls: \"bee-table\"\n};\nclass Demo28 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n /**\n * 后端获取数据\n */\n sortFun = (sortParam)=>{\n console.info(sortParam);\n //将参数传递给后端排序\n }\n render() {\n let sortObj = {\n mode:'multiple',\n backSource:true,\n sortFun:this.sortFun\n }\n return ;\n }\n}\nDemo28.defaultProps = defaultProps;\n\n\n","desc":" 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序"},{"example":,"title":" 多列排序","code":"/**\n *\n * @title 多列排序\n * @parent 列操作-排序 Sort\n * @description 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。\n * demo0903\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox,Button,Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nimport sum from \"tinper-bee/lib/sum.js\";;\n\nconst columns13 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n className:'dfasd',\n width: 200,\n sorter: (pre, after) => {return pre.a.localeCompare(after.a)},\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.b - after.b,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"整单数量\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.c - after.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"日销售量\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.e - after.e,\n },\n {\n title: \"供应商\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200\n }\n];\n\nconst data13 = [\n { a: \"NU0391001\", b: 675, c: 30, d: \"xx供应商\",e:100, key: \"2\" },\n { a: \"NU0391002\", b: 43, c: 41, d: \"yy供应商\",e:90, key: \"1\" },\n { a: \"NU0391003\", b: 43, c: 81, d: \"zz供应商\", e:120,key: \"4\" },\n { a: \"NU0391004\", b: 43, c: 81, d: \"aa供应商\", e:130,key: \"5\" },\n { a: \"NU0391005\", b: 153, c: 25, d: \"bb供应商\",e:90, key: \"3\" }\n];\n\n\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet ComplexTable = multiSelect(sort(sum(Table, Icon)), Checkbox);\n\nclass Demo13 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data13: data13,\n selectedRow: this.selectedRow,\n selectDisabled: this.selectDisabled\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n selectDisabled = (record, index) => {\n // console.log(record);\n if (index === 1) {\n return true;\n }\n return false;\n };\n selectedRow = (record, index) => {\n // console.log(record);\n if (index === 0) {\n return true;\n }\n return false;\n };\n onClick = () => {\n this.setState({\n selectedRow: function() {}\n });\n };\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let sortObj = {\n mode:'multiple'\n }\n \n return (\n \n \n \n
\n );\n }\n}\n","desc":" 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。"},{"example":,"title":" 拖拽改变列顺序","code":"/**\n*\n* @title 拖拽改变列顺序\n* @parent 列操作-拖拽 Drag\n* @description 点击选择表头并左右拖拽,可以改变表格列顺序。onDrop方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。\n* demo1001\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n },\n {\n title: \"操作\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n fixed: 'right',\n }\n];\n\nconst data = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: 'xx供应商',d:'Tom',e:'...', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: 'yy供应商',d:'Jack',e:'...', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: 'zz供应商',d:'Jane',e:'...', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps22 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props); \n }\n \n render() {\n return {\n console.log(\"--拖拽交换列后触发事件\");\n console.log(\"event.target:\",event.target);\n console.log(\"data:\",data);\n console.log(\"拖拽完成后的columns:\",columns);\n }}\n />;\n }\n}\n\nDemo22.defaultProps = defaultProps22;\n","desc":" 点击选择表头并左右拖拽,可以改变表格列顺序。onDrop方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。"},{"example":,"title":" 拖拽改变列宽度","code":"/**\n*\n* @title 拖拽改变列宽度\n* @parent 列操作-拖拽 Drag\n* @description onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。\n* demo1002\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns23 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: '200',\n fixed:'left'\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: '600'\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: '200',\n }, \n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n }\n];\n\nconst data23 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nclass Demo23 extends Component {\n constructor(props) {\n super(props); \n }\n\n render() {\n return {\n console.log(width+\"--调整列宽后触发事件\",e.target);\n }}\n />;\n }\n}\n\n","desc":" onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。"},{"example":,"title":" 嵌套子表格","code":"/**\n*\n* @title 嵌套子表格\n* @parent 扩展行 Expanded Row\n* @description 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport { Popconfirm,Icon,Checkbox } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\n\nconst columns16 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:100,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst columns17 = [\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data16 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\", d: \"操作\", key: \"1\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\", d: \"操作\", key: \"2\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\", d: \"操作\", key: \"3\" }\n];\nconst MultiSelectTable = multiSelect(Table,Checkbox);\nclass Demo16 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{}\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\n \n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"NU0391056\", b: \"2019-03-01\", c: \"gys1\", d: \"操作\", key: \"1\" },\n { a: \"NU0391057\", b: \"2018-11-02\", c: \"gys2\", d: \"操作\", key: \"2\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"NU0391079\", b: \"2019-04-17\", c: \"gys5\", d: \"操作\", key: \"3\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n\n render() {\n return (\n }\n expandedIcon={}\n />\n );\n }\n}\n\n\n","desc":" 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。","scss_code":".expanded-table{\r\n .expand-icon-con .uf{\r\n font-size: 12px;\r\n }\r\n}"},{"example":,"title":" 树型表格数据展示","code":"/**\n*\n* @title 树型表格数据展示\n* @parent 扩展行 Expanded Row\n* @description 通过在data中配置children数据,来自动生成树形表格\n* demo1102\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\n\nconst columns4 = [\n {\n title: \"订单编号\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"供应商\",\n dataIndex: \"address\",\n key: \"address\"\n }\n];\n\nconst data4 = [\n {\n key: 1,\n name: \"NU0391001\",\n age: \"2019-03-01\",\n address: \"供应商1\",\n children: [\n {\n key: 11,\n name: \"NU0391002\",\n age: \"2019-03-02\",\n address: \"供应商2\"\n },\n {\n key: 12,\n name: \"NU0391003\",\n age: \"2019-03-03\",\n address: \"供应商3\",\n children: [\n {\n key: 121,\n name: \"NU0391004\",\n age: \"2019-03-04\",\n address: \"供应商4\"\n }\n ]\n },\n {\n key: 13,\n name: \"NU0391005\",\n age: \"2019-03-05\",\n address: \"供应商5\",\n children: [\n {\n key: 131,\n name: \"NU0391006\",\n age: \"2019-03-06\",\n address: \"供应商6\",\n children: [\n {\n key: 1311,\n name: \"NU0391007\",\n age: \"2019-03-07\",\n address: \"供应商7\"\n },\n {\n key: 1312,\n name: \"NU0391008\",\n age: \"2019-03-08\",\n address: \"供应商8\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n key: 2,\n name: \"NU0391009\",\n age: \"2019-03-09\",\n address: \"供应商9\"\n }\n];\nclass Demo4 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data4,\n factoryValue: 0,\n selectedRow: new Array(data4.length)//状态同步\n }\n }\n\n render() {\n return {\n if (this.state.selectedRow[index]) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n let selectedRow = new Array(this.state.data.length);\n selectedRow[index] = true;\n this.setState({\n factoryValue: record,\n selectedRow: selectedRow\n });\n }}\n \n columns={columns4} data={data4} />;\n }\n}\n\n\n","desc":" 通过在data中配置children数据,来自动生成树形表格"},{"example":,"title":" 自定义表格标题、表尾、选中行颜色","code":"/**\r\n*\r\n* @title 自定义表格标题、表尾、选中行颜色\r\n* @parent 扩展行 Expanded Row\r\n* @description 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。\r\n* demo1103\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n if (this.state.selectedRowIndex == index) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n this.setState({ \r\n selectedRowIndex: index\r\n });\r\n }}\r\n title={currentData => 员工信息统计表
}\r\n footer={currentData => 合计: 共{data.length}条数据
}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。"},{"example":,"title":" 紧凑型、宽松型","code":"/**\n*\n* @title 紧凑型、宽松型\n* @parent 扩展行 Expanded Row\n* @description 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。\n* demo1105\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip,Tag} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"订单编号\", dataIndex: \"orderNum\", key: \"orderNum\", width: 100 },\n { title: \"采购组织\", dataIndex: \"org\", key: \"org\", width: 200 },\n { title: \"供应商\", dataIndex: \"supplier\", key: \"supplier\", width: 100 },\n { title: \"订单日期\", dataIndex: \"orderDate\", key: \"orderDate\", width: 150 },\n { title: \"总数量\", dataIndex: \"quantity\", key: \"quantity\", width: 100 },\n { title: \"单据状态\", dataIndex: \"status\", key: \"status\", width: 100, \n render: (text, record, index) => {\n return (\n {text.desc}\n );\n }},\n { title: \"提交人\", dataIndex: \"submitter\", key: \"submitter\", width: 100 },\n { title: \"单位\", dataIndex: \"unit\", key: \"unit\", width: 100 },\n { title: \"总税价合计\", dataIndex: \"sum\", key: \"sum\", width: 100 },\n];\n\nconst data = [\n { \n orderNum: \"NU0391025\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年03月18日', \n quantity: '100.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小张', \n unit: 'pc', \n sum:'8,487.00', \n key: \"1\" \n },\n { \n orderNum: \"NU0391026\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年02月05日', \n quantity: '91.00', \n status: {type:'danger' ,desc:'异常'}, \n submitter: '小红', \n unit: 'pc', \n sum:'675.00', \n key: \"2\" \n },\n { \n orderNum: \"NU0391027\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年07月01日', \n quantity: '98.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小李', \n unit: 'pc', \n sum:'1,531.00', \n key: \"3\" \n }\n];\n\nclass Demo1 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。"},{"example":,"title":" 自定义行高","code":"/**\n*\n* @title 自定义行高\n* @parent 扩展行 Expanded Row\n* @description 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。\n* demo1106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\n\nclass Demo1 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n onRowHover=(index,record)=>{\n this.currentIndex = index;\n this.currentRecord = record;\n }\n\n getHoverContent=()=>{\n return
\n }\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n","desc":" 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。"},{"example":,"title":" 图片在表格中的展示","code":"/**\n*\n* @title 图片在表格中的展示\n* @parent 扩展行 Expanded Row\n* @description 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题\n* demo1107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80,\n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"图样\",\n dataIndex: \"picture\",\n key: \"picture\",\n render(text, record, index) {\n return
\n }\n },\n {\n title: \"组织部门\",\n dataIndex: \"orgDept\",\n key: \"orgDept\",\n width: 100,\n },\n {\n title: \"设施管理部门\",\n dataIndex: \"facilityManageUnit\",\n key: \"facilityManageUnit\",\n width: 150,\n },\n {\n title: \"案卷编号\",\n dataIndex: \"docketnum\",\n key: \"docketnum\",\n width: 100,\n },\n {\n title: \"数量\",\n dataIndex: \"num\",\n key: \"num\",\n width: 100,\n },\n {\n title: \"首次发现时间\",\n dataIndex: \"discoveryTime\",\n key: \"discoveryTime\",\n width: 150,\n },\n {\n title: \"实际修复时间\",\n dataIndex: \"repairTime\",\n key: \"repairTime\",\n width: 150,\n }\n];\n\nconst data = [\n { key: \"1\", orgDept: \"组织1\", facilityManageUnit: \"部门1\", docketnum: 41, num: \"1\", discoveryTime: \"2018-10-17\", repairTime: \"2018-10-30\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg\"},\n { key: \"2\", orgDept: \"组织2\", facilityManageUnit: \"部门2\", docketnum: 30, num: \"2\", discoveryTime: \"2019-01-15\", repairTime: \"2019-01-20\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg\"},\n { key: \"3\", orgDept: \"组织3\", facilityManageUnit: \"部门3\", docketnum: 35, num: \"3\", discoveryTime: \"2019-04-10\", repairTime: \"2019-04-17\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg\"}\n];\n\nclass Demo1107 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题"},{"example":,"title":" 自定义行、列合并","code":"/**\n*\n* @title 自定义行、列合并\n* @parent 扩展行 Expanded Row\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\n* demo1108\n*/\n\nimport React, { Component } from \"react\";\nimport { Button } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst renderContent = (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n};\n\nconst columns = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 2) {\n obj.props.rowSpan = 2;\n }\n if (index === 3) {\n obj.props.rowSpan = 0;\n }\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n },\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\n\nconst columns1 = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: renderContent\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\nconst data = [{\n key: '1',\n name: '小红',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: '北京海淀',\n}, {\n key: '2',\n name: '小明',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: '河北张家口',\n}, {\n key: '3',\n name: '张三',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '浙江杭州',\n}, {\n key: '4',\n name: '李四',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '广州深圳',\n}, {\n key: '5',\n name: '王五',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '北京昌平',\n}];\n\nclass Demo15 extends Component {\n constructor(props){\n super(props);\n this.state={\n colFlag:false\n }\n }\n onChange=()=>{\n const colFlag = this.state.colFlag;\n this.setState({\n colFlag:!colFlag\n })\n }\n render() {\n let cols = this.state.colFlag?columns:columns1;\n return (\n \n \n );\n }\n}\n\n\n\n","desc":" 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。"},{"example":,"title":" 拖拽改变行顺序","code":"/**\n*\n* @title 拖拽改变行顺序\n* @parent 行操作-拖拽\n* @description `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport { Switch } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:200 },\n { title: \"系统权限\", dataIndex: \"c\", key: \"c\", width: 200,render:()=>{return()}},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1001\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"1002\" },\n { a: \"ASVAL_201903120001\", b: \"小红\", c: \"女\", d: \"财务四科\", e: \"T3\", key: \"1003\" },\n { a: \"ASVAL_201903120002\", b: \"小姚\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1004\" },\n { a: \"ASVAL_201903120003\", b: \"小岳\", c: \"男\", d: \"财务五科\", e: \"T2\", key: \"1005\" },\n { a: \"ASVAL_201903120004\", b: \"小王\", c: \"男\", d: \"财务一科\", e: \"T5\", key: \"1006\" },\n { a: \"ASVAL_201903120005\", b: \"小绍\", c: \"男\", d: \"财务七科\", e: \"T2\", key: \"1007\" },\n { a: \"ASVAL_201903120006\", b: \"小郭\", c: \"男\", d: \"财务一科\", e: \"T3\", key: \"1008\" },\n { a: \"ASVAL_201903120007\", b: \"小杨\", c: \"女\", d: \"财务四科\", e: \"T2\", key: \"1009\" }\n];\n\nclass Demo1201 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n /**\n * 行拖拽开始时触发\n * @param record 拖拽行的数据\n * @param index 拖拽行的下标序号\n */\n onDragRowStart = (record,index) => {\n console.log('拖拽的行数据:', record);\n console.log('拖拽的行序号:', index);\n }\n\n /**\n * 行拖拽结束时触发\n * @param data 拖拽改变顺序后的新data数组\n * @param record 拖拽行的数据\n */\n onDropRow = (data, record) => {\n console.log('重排序后的data: ', data);\n console.log('拖拽的行数据: ', record);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。"},{"example":,"title":" 多选功能","code":"/**\r\n*\r\n* @title 多选功能\r\n* @parent 行操作-选择\r\n* @description 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。\r\n* demo1301\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\",_checked:true },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\",_checked:false },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\",_checked:false },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\",_disabled:true },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\",_checked:false}\r\n];\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet MultiSelectTable = multiSelect(Table, Checkbox);\r\n\r\nclass Demo12 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data\r\n };\r\n }\r\n /**\r\n *@param selectedList:当前选中的行数据\r\n *@param record 当前操作行数据\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (selectedList,record,index) => {\r\n console.log(\"selectedList\", selectedList,\"index\",index);\r\n // 如果在回调中增加setState逻辑,需要同步data中的_checked属性。即下面的代码\r\n // const allChecked = selectedList.length == 0?false:true;\r\n // record为undefind则为全选或者全不选\r\n // if(!record){\r\n // data12.forEach(item=>{\r\n // item._checked = allChecked;\r\n // })\r\n // }else{\r\n // data12[index]['_checked'] = record._checked;\r\n // } \r\n\r\n \r\n };\r\n \r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n return (\r\n {\r\n if (record._checked) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}/>\r\n );\r\n }\r\n}\r\n\r\n","desc":" 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。"},{"example":,"title":" 单选功能","code":"/**\r\n*\r\n* @title 单选功能\r\n* @parent 行操作-选择\r\n* @description 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。\r\n* Demo1302\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { Radio } from 'tinper-bee';\r\n\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport singleSelect from \"tinper-bee/lib/singleSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300 },\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n ];\r\n \r\n const data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" }\r\n ];\r\n\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet SingleSelectTable = singleSelect(Table, Radio);\r\n\r\nclass Demo1302 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0,\r\n }\r\n }\r\n\r\n /**\r\n *@param selected 当前选中的行数据(当前操作行数据)\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (record,index) => {\r\n console.log(\"record\", record, \"index\",index);\r\n\r\n this.setState({\r\n selectedRowIndex:index\r\n })\r\n };\r\n\r\n render() {\r\n let {selectedRowIndex} = this.state;\r\n\r\n return (\r\n {\r\n if (index === selectedRowIndex) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。"},{"example":,"title":" 万行以上数据渲染","code":"/**\n*\n* @title 万行以上数据渲染\n* @parent 无限滚动 Infinite-scroll\n* @description 万行数据渲染\n* demo1401\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'60',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n","desc":" 万行数据渲染","scss_code":".big-data tr td {\n // height: 48px;\n}"},{"example":,"title":" 嵌套子表格滚动加载","code":"/**\n*\n* @title 嵌套子表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst outColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst innerColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n })\n\n\n\n\n\nclass Demo31 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{\n 0:[\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ],\n 1: [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ],\n }\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 200;\n let innderData = [ ...new Array(100) ].map((e, i) => {\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\n })\n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。"},{"example":,"title":" 多功能表格滚动加载","code":"/**\n*\n* @title 多功能表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1403\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\n\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\n\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'80',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo32 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n getSelectedDataFunc={this.getSelectedDataFunc}/>\n\n );\n }\n}\n\n\n","desc":""},{"example":,"title":" 层级树大数据场景","code":"/**\n* @title 层级树大数据场景\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1404\n*/\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'150',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(1000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }else{\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }\n return rs;\n })\n\n\nclass Demo34 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n onExpandedRowsChange = (expandedRowKeys)=>{\n console.log('expandedRowKeys',expandedRowKeys);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n onExpandedRowsChange={this.onExpandedRowsChange}\n />\n\n \n );\n }\n}\n\n","desc":""},{"example":,"title":" 表格+分页","code":"/**\n * @title 表格+分页\n * @parent 分页 Pagination\n * @description 点击分页联动表格\n * demo1601\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Pagination} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst pageData = {\n 1: [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n ],\n 2: [\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" },\n ]\n};\n\nclass Demo8 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: pageData[1],\n activePage: 1\n };\n }\n\n handleSelect(eventKey) {\n this.setState({\n data: pageData[eventKey],\n activePage: eventKey\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\n","desc":" 点击分页联动表格","scss_code":".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}"}]
+var Demo0101 = require("./demolist/Demo0101");var Demo0102 = require("./demolist/Demo0102");var Demo0103 = require("./demolist/Demo0103");var Demo0104 = require("./demolist/Demo0104");var Demo0105 = require("./demolist/Demo0105");var Demo0106 = require("./demolist/Demo0106");var Demo0107 = require("./demolist/Demo0107");var Demo0201 = require("./demolist/Demo0201");var Demo0202 = require("./demolist/Demo0202");var Demo0301 = require("./demolist/Demo0301");var Demo0302 = require("./demolist/Demo0302");var Demo0402 = require("./demolist/Demo0402");var Demo0404 = require("./demolist/Demo0404");var Demo0405 = require("./demolist/Demo0405");var Demo0501 = require("./demolist/Demo0501");var Demo0502 = require("./demolist/Demo0502");var Demo0503 = require("./demolist/Demo0503");var Demo0505 = require("./demolist/Demo0505");var Demo0601 = require("./demolist/Demo0601");var Demo0602 = require("./demolist/Demo0602");var Demo0603 = require("./demolist/Demo0603");var Demo0701 = require("./demolist/Demo0701");var Demo0702 = require("./demolist/Demo0702");var Demo0802 = require("./demolist/Demo0802");var Demo0901 = require("./demolist/Demo0901");var Demo0902 = require("./demolist/Demo0902");var Demo0903 = require("./demolist/Demo0903");var Demo1001 = require("./demolist/Demo1001");var Demo1002 = require("./demolist/Demo1002");var Demo1101 = require("./demolist/Demo1101");var Demo1102 = require("./demolist/Demo1102");var Demo1103 = require("./demolist/Demo1103");var Demo1105 = require("./demolist/Demo1105");var Demo1106 = require("./demolist/Demo1106");var Demo1107 = require("./demolist/Demo1107");var Demo1108 = require("./demolist/Demo1108");var Demo1201 = require("./demolist/Demo1201");var Demo1301 = require("./demolist/Demo1301");var Demo1302 = require("./demolist/Demo1302");var Demo1401 = require("./demolist/Demo1401");var Demo1402 = require("./demolist/Demo1402");var Demo1403 = require("./demolist/Demo1403");var Demo1404 = require("./demolist/Demo1404");var Demo1601 = require("./demolist/Demo1601");var DemoArray = [{"example":,"title":" 基本表格","code":"/**\n*\n* @title 基本表格\n* @parent 基础 Basic\n* @description 单元格数据过长时,可结合Tooltip组件使用。\n* demo0101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo0101 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 单元格数据过长时,可结合Tooltip组件使用。"},{"example":,"title":" 默认无数据展示","code":"/**\r\n*\r\n* @title 默认无数据展示\r\n* @parent 基础 Basic\r\n* @description 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。\r\n* demo0102\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n {\r\n title: \"员工编号\",\r\n dataIndex: \"num\",\r\n key: \"num\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"员工姓名\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"部门\",\r\n dataIndex: \"department\",\r\n key: \"department\"\r\n }\r\n];\r\n \r\nconst data = [];\r\n\r\n// 在此自定义无数据时的展示内容\r\nconst emptyFunc = () => 'No Data';\r\n \r\nclass Demo02 extends Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\n","desc":" 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。"},{"example":,"title":" 固定表头","code":"/**\r\n*\r\n* @title 固定表头\r\n* @parent 基础 Basic\r\n* @description 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。\r\n* demo0103\r\n*/\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns03 = [\r\n {\r\n title: \"序号\",\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n width: 80, \r\n render(text, record, index) {\r\n return index + 1;\r\n }\r\n },\r\n {\r\n title: \"订单编号\",\r\n dataIndex: \"orderCode\",\r\n key: \"orderCode\",\r\n width: 200, \r\n },\r\n {\r\n title: \"供应商名称\",\r\n dataIndex: \"supplierName\",\r\n key: \"supplierName\",\r\n width: 200\r\n },\r\n {\r\n title: \"类型\",\r\n dataIndex: \"type_name\",\r\n key: \"type_name\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组织\",\r\n dataIndex: \"purchasing\",\r\n key: \"purchasing\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组\",\r\n dataIndex: \"purchasingGroup\",\r\n key: \"purchasingGroup\",\r\n width: 200\r\n },\r\n {\r\n title: \"凭证日期\",\r\n dataIndex: \"voucherDate\",\r\n key: \"voucherDate\",\r\n width: 200,\r\n }\r\n];\r\n\r\nconst data03 = [\r\n { \r\n orderCode:\"NU0391025\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年03月18日\",\r\n key: \"1\"\r\n }, \r\n { \r\n orderCode:\"NU0391026\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织a', \r\n purchasingGroup:\"bb\",\r\n voucherDate:\"2018年02月05日\",\r\n key: \"2\"\r\n },\r\n { \r\n orderCode:\"NU0391027\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织b', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年07月01日\",\r\n key: \"3\"\r\n },\r\n { \r\n orderCode:\"NU0391028\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"4\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"cc\",\r\n voucherDate:\"2019年03月01日\",\r\n key: \"4\"\r\n },\r\n { \r\n orderCode:\"NU0391029\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"5\",\r\n purchasing:'组织d', \r\n purchasingGroup:\"ss\",\r\n voucherDate:\"2019年02月14日\",\r\n key: \"5\"\r\n },\r\n { \r\n orderCode:\"NU0391030\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织e', \r\n purchasingGroup:\"zz\",\r\n voucherDate:\"2019年02月18日\",\r\n key: \"6\"\r\n },\r\n { \r\n orderCode:\"NU0391031\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织f', \r\n purchasingGroup:\"qq\",\r\n voucherDate:\"2019年01月01日\",\r\n key: \"7\"\r\n },\r\n { \r\n orderCode:\"NU0391032\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织g', \r\n purchasingGroup:\"pp\",\r\n voucherDate:\"2019年01月31日\",\r\n key: \"8\"\r\n },\r\n];\r\n\r\nclass Demo03 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n","desc":" 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。"},{"example":,"title":" 隔行换色","code":"/**\n*\n* @title 隔行换色\n* @parent 基础 Basic\n* @description 可自定义斑马线颜色\n* demo0104\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns04 = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n\nconst data04 = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\n\nclass Demo04 extends Component {\n render() {\n return \n }\n}\n\n","desc":" 可自定义斑马线颜色","scss_code":".demo04 {\n &.u-table tr:nth-child(2n){\n background: #f7f9fb;\n }\n &.u-table tr.u-table-row-hover, .u-table tr:hover{\n background: #ebecf0;\n }\n}"},{"example":,"title":" 表格 Loading 加载","code":"/**\r\n*\r\n* @title 表格 Loading 加载\r\n* @parent 基础 Basic\r\n* @description loading可以传boolean或者object对象,object为bee-loading组件的参数类型\r\n* demo0105\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button,Tooltip} from \"tinper-bee\";\r\n\r\nconst columns05 = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",fixed:'left'},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data05 = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo05 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading : true\r\n }\r\n }\r\n changeLoading = () => {\r\n this.setState({\r\n loading : !this.state.loading\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" loading可以传boolean或者object对象,object为bee-loading组件的参数类型"},{"example":,"title":" 单元格内容居中","code":"/**\n*\n* @title 单元格内容居中\n* @parent 基础 Basic\n* @description 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。\n* demo0106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, className: \"rowClassName\",\n fixed:'left',\n textAlign:'center',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100,textAlign:'center'},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100,textAlign:'center'},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100,textAlign:'center' },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,textAlign:'center' }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。"},{"example":,"title":" 带边框","code":"/**\n*\n* @title 带边框\n* @parent 基础 Basic\n* @description 设置 `bordered` 属性可添加表格边框线。\n* demo0107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 设置 `bordered` 属性可添加表格边框线。"},{"example":,"title":" 横向滚动条","code":"/**\n*\n* @title 横向滚动条\n* @parent 滚动 Scroll View\n* @description `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 100, \n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 300, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 200\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 200\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 200\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 200\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 300,\n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 200\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 200\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n }\n];\n\nclass Demo11 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。"},{"example":,"title":" 纵向滚动条","code":"/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\nclass Demo12 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。"},{"example":,"title":" 渲染本地数据","code":"/**\n*\n* @title 渲染本地数据\n* @parent 数据操作 Data Opetation\n* @description 可自定义页头和页脚。\n* demo0301\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\nclass Demo21 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n\n render() {\n return (\n 员工信息统计表
}\n footer={currentData => 合计: 共{data.length}条数据
}\n />\n );\n }\n}\n\n\n","desc":" 可自定义页头和页脚。"},{"example":,"title":" 渲染远程数据","code":"/**\n*\n* @title 渲染远程数据\n* @parent 数据操作 Data Opetation\n* @description 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。\n* demo0302\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [{\n title: 'Name',\n dataIndex: 'name',\n sorter: true,\n render: name => `${name.first} ${name.last}`,\n width: '20%',\n}, {\n title: 'Gender',\n dataIndex: 'gender',\n filters: [\n { text: 'Male', value: 'male' },\n { text: 'Female', value: 'female' },\n ],\n width: '20%',\n}, {\n title: 'Email',\n dataIndex: 'email',\n}];\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: [],\n loading: false,\n }\n }\n\n fetch = (params = {}) => {\n console.log('params:', params);\n this.setState({ loading: true });\n reqwest({\n url: 'https://randomuser.me/api',\n method: 'get',\n data: {\n results: 10,\n ...params,\n },\n type: 'json',\n }).then((data) => {\n this.setState({\n loading: false,\n data: data.results,\n });\n });\n }\n\n render() {\n return (\n \n
\n
\n
\n );\n }\n}\n\n\n","desc":" 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。","scss_code":".demo22{\n .opt-btns{\n margin-bottom: 8px;\n }\n}"},{"example":,"title":" 多列表头","code":"/**\r\n *\r\n * @title 多列表头\r\n * @parent 列渲染 Custom Render\r\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\r\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\r\n * demo0402\r\n */\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button} from \"tinper-bee\";\r\n\r\nconst { ColumnGroup, Column } = Table;\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n width:600,\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: 100\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Company\",\r\n width:400,\r\n children: [\r\n {\r\n title: \"Company Address\",\r\n dataIndex: \"companyAddress\",\r\n key: \"companyAddress\",\r\n width:200,\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"companyName\",\r\n key: \"companyName\",\r\n width:200,\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 60,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nconst data = [];\r\nfor (let i = 0; i < 20; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\",\r\n age: i + 1,\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 2035,\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n}\r\n\r\nclass Demo32 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" columns[n] 可以内嵌 children,以渲染分组表头。","scss_code":".demo32{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}"},{"example":,"title":" 数据关联","code":"/**\n*\n* @title 数据关联\n* @parent 列渲染 Custom Render\n* @description 数据行关联自定义菜单显示\n* demo0404\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/newMultiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\n\nconst data = [\n { \n num:\"NU0391025\", \n name: \"aa\",\n sex: \"男\",\n dept:'财务二科', \n rank:\"T1\",\n year:\"1\",\n seniority:\"1\",\n key: \"1\"\n }, \n { \n num:\"NU0391026\", \n name: \"bb\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"M1\",\n year:\"1\",\n seniority:\"1\",\n key: \"2\"\n },\n { \n num:\"NU0391027\", \n name: \"dd\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"T2\",\n year:\"2\",\n seniority:\"2\",\n key: \"3\"\n }\n];\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\n\nclass Demo33 extends Component {\n constructor(props) {\n super(props);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n render() {\n const menu1 = (\n );\n let columns = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\n { title: \"员工编号\",dataIndex: \"num\",key: \"num\",width: 200 },\n { title: \"员工姓名\",dataIndex: \"name\",key: \"name\", width: 200},\n { title: \"员工性别\",dataIndex: \"sex\",key: \"sex\",width: 200 },\n { title: \"部门\",dataIndex: \"dept\",key: \"dept\",width: 200},\n { title: \"职级\",dataIndex: \"rank\",key: \"rank\",width: 200},\n { title: \"工龄\",dataIndex: \"year\",key: \"year\",width: 200},\n { title: \"司龄\",dataIndex: \"seniority\",key: \"seniority\",width: 200}\n ];\n return \n }\n}\n\n","desc":" 数据行关联自定义菜单显示"},{"example":,"title":" 列合计(总计)","code":"/**\n *\n * @title 列合计(总计)\n * @parent 列渲染 Custom Render\n * @description 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。\n * demo0405\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";; \nimport sum from \"tinper-bee/lib/sum.js\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\n \nlet ComplexTable = multiSelect(sum(Table), Checkbox);\nlet _sum = 0;\nconst columns = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"业务类型\",\n dataIndex: \"type\",\n key: \"type\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"仓库\",\n dataIndex: \"warehouse\",\n key: \"warehouse\",\n width: 80,\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 100,\n sumCol: true\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sumCol: true\n }\n];\n\nfunction getData(){\n const data = [];\n for (let i = 0; i < 5; i++) {\n data.push({\n key: i,\n num: \"NU039100\"+i,\n date: \"2019-03-01\",\n type: \"普通采购\",\n supplier: \"gys\"+i,\n contact: \"Tom\",\n warehouse: \"普通仓\",\n total: i + Math.floor(Math.random()*10),\n money: 20 * Math.floor(Math.random()*10)\n });\n _sum += data[i].total;\n _sum += data[i].money;\n }\n return data;\n}\n\nclass Demo35 extends Component {\n \n constructor(props) {\n super(props);\n this.state = {\n data: getData(),\n sum:_sum\n };\n }\n\n render() {\n const {data} = this.state;\n return (\n \n );\n }\n}\n\n","desc":" 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。"},{"example":,"title":" 行内编辑","code":"/**\n *\n * @title 行内编辑\n * @parent 编辑 Editor\n * @description 可以对行进行编辑的表格\n * demo0501\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0501 extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.dataBuffer = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n // 最好使用深复制\n this.dataBuffer[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n delete this.dataBuffer[index];\n this.setState({ editingRowsMap });\n };\n\n delete = index => () => {\n if (index === null) return;\n let { dataSource } = this.state;\n dataSource.splice(index,1);\n this.setState({\n dataSource:dataSource\n });\n }\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n let dataSource = [...this.state.dataSource];\n dataSource[index] = { ...this.dataBuffer[index] };\n this.setState({ editingRowsMap, dataSource });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n handleRowHover = (index, record) => {\n this.currentRecord = record;\n this.setState({ currentIndex: index });\n };\n\n renderRowHover = () => {\n const { currentIndex } = this.state;\n return this.state.editingRowsMap[currentIndex] ? (\n \n \n \n
\n ) : (\n \n \n \n
\n );\n };\n\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\n\n","desc":" 可以对行进行编辑的表格","scss_code":".demo0501 .u-table {\n .u-row-hover {\n .opt-btns,.cancel-btns {\n button {\n margin: 0;\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n }\n\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}"},{"example":,"title":" 单元格编辑","code":"/**\n *\n * @title 单元格编辑\n * @parent 编辑 Editor\n * @description 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)\n * demo0502\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Icon, Select, Tooltip, Form } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n this.editWarp = React.createRef();\n }\n\n commitChange = () => {\n if (this.state.value === \"\") return;\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n handleKeydown = event => {\n if (event.keyCode == 13) {\n this.commitChange();\n }\n };\n\n handleChange = e => {\n if (e.target.value === \"\") this.editWarp.className += \" verify-cell\";\n this.setState({ value: e.target.value });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
this.editWarp = el} className=\"editable-cell-input-wrapper\">\n \n {value === \"\" ? (\n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n
\n \n ) : null}\n
\n ) : (\n \n {value || \" \"}\n
\n )}\n \n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n }\n\n handleSelect = value => {\n this.setState({ value });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
\n {value || \" \"}\n
\n )}\n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props, context);\n this.state = {\n value: this.props.value.d,\n editable: false\n };\n this.refWarp = React.createRef();\n }\n\n edit = () => {\n this.setState({ editable: true }, () => this.refWarp.focus());\n };\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n onRefBlur = e => {\n // 消除点击子组件,父组件先失焦再聚焦的事件触发过程带来的副作用\n const __REF_CONTENT__ = document.querySelector(\"div.ref-core-modal\");\n if (!__REF_CONTENT__ && e.target === this.refWarp) {\n this.commitChange();\n }\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable } = this.state;\n return editable ? (\n (this.refWarp = el)}\n className=\"editable-cell-input-wrapper\"\n tabIndex={-1}\n onBlur={this.onRefBlur}\n >\n \n \n {getFieldError(\"code1\")}\n \n
\n ) : (\n \n {value.name || \" \"}\n
\n );\n }\n }\n);\n\nconst dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0502 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource\n };\n }\n\n onCellChange = (index, key) => {\n return value => {\n const { dataSource } = this.state;\n dataSource[index][key] = value;\n this.setState({ dataSource }, () => console.dir(this.state.dataSource));\n };\n };\n\n render() {\n return (\n \n
\n \n );\n }\n}\n\n\n","desc":" 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)","scss_code":".u-editable-table .u-table {\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n padding-left: 5px;\n font-size: 12px;\n\n &.error {\n border-color: #F44336;\n }\n }\n }\n\n .editable-cell {\n height: 30px;\n }\n\n &-hover {\n .editable-cell-text-wrapper {\n line-height: 19px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .editable-cell-input-wrapper {\n padding-right: 0;\n .ref-input-wrap {\n width: auto !important;\n height: 30px;\n .u-input-group{\n display: inline-block;\n }\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}"},{"example":,"title":" 弹框(表单)编辑","code":"/**\n *\n * @title 弹框(表单)编辑\n * @parent 编辑 Editor\n * @description 以弹框形式以对行进行编辑的表格\n * demo0503\n */\n\nimport React, { Component, PureComponent } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport {\n Select, Form, FormControl, Button, Icon,\n Tooltip, Modal, FormGroup, Label, Row, Col\n} from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nfunction handleFormValueChange(WarpCompProps, field, allFields) {\n const { onChange, throwError } = WarpCompProps;\n if (field.value === \"\") return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(field.value);\n}\n\nconst StringEditCell = Form.createForm({\n onValuesChange: handleFormValueChange\n})(PureStringEditCell);\n\nfunction PureStringEditCell(props) {\n const { getFieldProps, getFieldError } = props.form;\n const { value, required } = props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + props.colName}\n
\n }\n >\n \n \n )\n }\n ]\n })}\n />\n {getFieldError(\"value\")}\n \n );\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = value => {\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n return (\n \n \n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = values => {\n const { form, throwError, onChange } = this.props\n if (form.getFieldError(\"refValue\")) return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, required } = this.props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n );\n }\n }\n);\n\nclass EditModal extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n data: this.props.data,\n errorEditFlag: false\n };\n\n // 属性名对应 columns 属性中的 key 值\n this.renderElm = {\n b: (record, index) => (\n \n ),\n\n c: (record, index) => (\n \n ),\n d: (record, index) => (\n \n )\n }\n }\n\n onFieldChange = field => value => {\n let data = { ...this.state.data };\n data[field] = value;\n this.setState({ data });\n }\n\n submitChange = () => {\n if (this.state.errorEditFlag) return;\n const { onSubmit, onHide, currentIndex } = this.props;\n onSubmit && onSubmit(this.state.data, currentIndex);\n onHide && onHide();\n }\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { show, onHide, columns, currentIndex } = this.props;\n const { data } = this.state;\n return (\n \n \n 编辑行\n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0503 extends Component {\n constructor(props, context) {\n super(props);\n // 编辑态下每个单元格对应的编辑模式组件写在 EditModal 组件中,以 key 值对应\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\"\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => record.d.name\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n isEditing: false,\n currentIndex: null\n };\n }\n\n edit = () => {\n if (this.state.currentIndex === null) return;\n this.setState({ isEditing: true });\n };\n\n abortEdit = () => {\n this.setState({ isEditing: false });\n };\n\n commitChange = (editedRowData, rowIndex) => {\n console.log(editedRowData)\n console.log(rowIndex)\n let dataSource = [...this.state.dataSource];\n dataSource[rowIndex] = editedRowData;\n this.setState({ dataSource });\n };\n\n handleRowHover = (index, record) => {\n this.setState({ currentIndex: index });\n };\n\n hideEditModal = () => {\n this.setState({ isEditing: false });\n }\n\n renderRowHover = () => {\n return (\n \n \n
\n );\n };\n\n\n render() {\n const { dataSource, isEditing, currentIndex } = this.state;\n const columns = this.columns;\n return (\n \n
\n {\n isEditing ? (\n
\n ) : null\n }\n
\n );\n }\n}\n\n\n","desc":" 以弹框形式以对行进行编辑的表格","scss_code":".demo0503-m-b {\n\n &.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb;\n }\n\n .u-form-group {\n overflow: hidden;\n }\n\n .u-form-control {\n font-size: 12px;\n }\n\n .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px;\n }\n\n .ref-input-wrap {\n width: 240px !important;\n }\n\n .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n .mast {\n padding: 0;\n color: red;\n }\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n z-index: 9999 !important;\n\n .tp-content {\n color: #F44336;\n }\n}\n.ref-core-button .u-button:first-child{\n margin-right: 8px;\n}"},{"example":,"title":" 全表格编辑","code":"/**\n *\n * @title 全表格编辑\n * @parent 编辑 Editor\n * @description 以行内编辑形式对全表数据进行编辑\n * demo0505\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0505 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n // 用于记录数据是否被修改\n dataSource.forEach(item => (item.isEdited = {}));\n this.state = {\n dataSource: dataSource,\n isEditingAll: false,\n currentIndex: null,\n errorEditFlag: false\n };\n\n // 用于记录编辑前数据\n this.dataBuffer = [];\n }\n\n edit = () => {\n this.dataBuffer = [];\n // 最好使用深复制\n this.state.dataSource.forEach((item, index) => {\n this.dataBuffer.push({ ...item });\n });\n this.setState({ isEditingAll: true });\n };\n\n abortEdit = () => {\n let originData = [...this.state.dataSource];\n originData.forEach(item => (item.isEdited = {}));\n this.setState({\n isEditingAll: false,\n dataSource: originData\n });\n };\n\n commitChange = () => {\n if (this.state.errorEditFlag) return;\n const newData = this.dataBuffer.map(item => {\n return Object.assign({}, item, { isEdited: {} });\n });\n this.setState({ isEditingAll: false, dataSource: newData });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n this.dataBuffer[index].isEdited[key] = true;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { dataSource, isEditingAll } = this.state;\n const columns = this.columns;\n return (\n \n
\n {isEditingAll ? (\n \n \n \n \n ) : (\n \n )}\n
\n
\n
\n );\n }\n}\n\n\n","desc":" 以行内编辑形式对全表数据进行编辑","scss_code":".demo0505 {\n\n .toolbar-btns {\n margin-bottom: 8px;\n\n .u-button {\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n\n .u-table {\n .u-row-select {\n background-color: #FFF7E7;\n }\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}"},{"example":,"title":" 左侧固定列","code":"/**\n*\n* @title 左侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nclass Demo51 extends Component {\n render() {\n return ;\n }\n}\n\n","desc":" 固定列到表格的左侧"},{"example":,"title":" 右侧固定列","code":"/**\n*\n* @title 右侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的右侧\n* demo0602\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:100,\n fixed: \"right\",\n render(text, record, index) {\n return (\n \n )\n }\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"4\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"6\"\n }\n];\n\nclass Demo52 extends Component {\n render() {\n return ;\n }\n}\n\n","desc":" 固定列到表格的右侧"},{"example":,"title":" 动态设置列锁定、解除锁定","code":"/**\n*\n* @title 动态设置列锁定、解除锁定\n* @parent 列操作-锁定 Fixed\n* @description 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。\n* demo0603\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst { Item } = Menu;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n \nclass Demo24 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n columns:columns\n }\n }\n \n onSelect = ({key,item})=>{ \n console.log(`${key} selected`); //获取key\n let currentObject = item.props.data; //获取选中对象的数据\n let {columns} = this.state;\n let fixedCols = [];\n let nonColums = [];\n columns.find(da=>{\n if(da.key == key){\n da.fixed?delete da.fixed:da.fixed = 'left';\n }\n da.fixed?fixedCols.push(da):nonColums.push(da);\n });\n \n columns = [...fixedCols,...nonColums]\n\n this.setState({\n columns\n });\n }\n //表头增加下拉菜单\n renderColumnsDropdown(columns) {\n const icon ='uf-arrow-down';\n \n return columns.map((originColumn,index) => {\n let column = Object.assign({}, originColumn);\n let menuInfo = [], title='锁定';\n if(originColumn.fixed){\n title = '解锁'\n }\n menuInfo.push({\n info:title,\n key:originColumn.key,\n index:index\n });\n const menu = (\n )\n column.title = (\n \n {column.title}\n \n \n \n \n \n );\n return column;\n });\n \n }\n\n render() {\n let {columns} = this.state;\n columns = this.renderColumnsDropdown(columns);\n return(\n \n )\n }\n}\n\n","desc":" 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。","scss_code":"th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n"},{"example":,"title":" 按条件、值过滤","code":"/**\n*\n* @title 按条件、值过滤\n* @parent 列操作-过滤 Filter\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。\n* demo0701\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns26 = [\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\n];\n\nconst data26 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo26 extends Component {\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n render() {\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns26}\n data={data26} />;\n }\n}\n\n","desc":" 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。"},{"example":,"title":" 复杂表格中行过滤","code":"/**\n*\n* @title 复杂表格中行过滤\n* @parent 列操作-过滤 Filter\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\n* demo0702\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst data27 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\nclass Demo27 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dropdownvalue: []\n }\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"年龄\",\n width: 180,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"日期\",\n width: 190,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"时间范围\",\n width: 290,\n dataIndex: \"mark\",\n key: \"mark\",\n filterType: \"daterange\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"地址\",\n width: 100,\n dataIndex: \"address\",\n key: \"address\",\n filterType: \"dropdown\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n }\n ];\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\n filterable={true}//是否开启过滤数据功能\n getSelectedDataFunc={this.getSelectedDataFunc}\n bordered\n multiSelect={multiObj}\n columns={columns27}\n data={data27} />;\n }\n}\n\n","desc":" 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等"},{"example":,"title":" 列过滤面板","code":"/**\n*\n* @title 列过滤面板\n* @parent 列操作-隐藏 Hide\n* @description 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。\n* demo0802\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport sum from \"tinper-bee/lib/sum\";;\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\n\nconst defaultProps21 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo21 extends Component {\n constructor(props) {\n super(props);\n this.state ={\n columns: [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n ]};\n }\n afterFilter = (optData,columns)=>{\n if(optData.key == 'b'){\n if(optData.ifshow){\n columns[2].ifshow = false;\n }else{\n columns[2].ifshow = true;\n }\n this.setState({\n columns21 :columns,\n showFilterPopover:true\n });\n }\n \n }\n \n render() {\n return ;\n }\n}\n\nDemo21.defaultProps = defaultProps21;\n","desc":" 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。"},{"example":,"title":" 列排序","code":"/**\n* @title 列排序\n* @parent 列操作-排序 Sort\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\n* demo0901\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\n\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,key: \"3\" }\n];\n\nconst defaultProps11 = {\n prefixCls: \"bee-table\"\n};\nclass Demo11 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n render() {\n\n return ;\n }\n}\nDemo11.defaultProps = defaultProps11;\n\n\n","desc":" column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称"},{"example":,"title":" 后端列排序","code":"/**\n* @title 后端列排序\n* @parent 列操作-排序 Sort\n* @description 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序\n* demo0902\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\n\n// const columns11 = [\n// {\n// title: \"名字\",\n// dataIndex: \"a\",\n// key: \"a\",\n// width: 100\n// },\n// {\n// title: \"性别\",\n// dataIndex: \"b\",\n// key: \"b\",\n// width: 100\n// },\n// {\n// title: \"年龄\",\n// dataIndex: \"c\",\n// key: \"c\",\n// width: 200,\n// sorter: (a, b) => a.c - b.c\n// },\n// {\n// title: \"武功级别\",\n// dataIndex: \"d\",\n// key: \"d\"\n// },\n// {\n// title: \"分数\",\n// dataIndex: \"e\",\n// key: \"e\",\n// sorter: (a, b) => a.c - b.c\n// },\n// ];\n\n// const data11 = [\n// { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\n// { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\n// { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\n// ];\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sorter: (a, b) => a.money - b.money\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,money: 100,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,money: 50,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,money: 200,key: \"3\" }\n];\n\nconst defaultProps = {\n prefixCls: \"bee-table\"\n};\nclass Demo28 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n /**\n * 后端获取数据\n */\n sortFun = (sortParam)=>{\n console.info(sortParam);\n //将参数传递给后端排序\n }\n render() {\n let sortObj = {\n mode:'multiple',\n backSource:true,\n sortFun:this.sortFun\n }\n return ;\n }\n}\nDemo28.defaultProps = defaultProps;\n\n\n","desc":" 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序"},{"example":,"title":" 多列排序","code":"/**\n *\n * @title 多列排序\n * @parent 列操作-排序 Sort\n * @description 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。\n * demo0903\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox,Button,Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nimport sum from \"tinper-bee/lib/sum.js\";;\n\nconst columns13 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n className:'dfasd',\n width: 200,\n sorter: (pre, after) => {return pre.a.localeCompare(after.a)},\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.b - after.b,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"整单数量\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.c - after.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"日销售量\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.e - after.e,\n },\n {\n title: \"供应商\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200\n }\n];\n\nconst data13 = [\n { a: \"NU0391001\", b: 675, c: 30, d: \"xx供应商\",e:100, key: \"2\" },\n { a: \"NU0391002\", b: 43, c: 41, d: \"yy供应商\",e:90, key: \"1\" },\n { a: \"NU0391003\", b: 43, c: 81, d: \"zz供应商\", e:120,key: \"4\" },\n { a: \"NU0391004\", b: 43, c: 81, d: \"aa供应商\", e:130,key: \"5\" },\n { a: \"NU0391005\", b: 153, c: 25, d: \"bb供应商\",e:90, key: \"3\" }\n];\n\n\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet ComplexTable = multiSelect(sort(sum(Table, Icon)), Checkbox);\n\nclass Demo13 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data13: data13,\n selectedRow: this.selectedRow,\n selectDisabled: this.selectDisabled\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n selectDisabled = (record, index) => {\n // console.log(record);\n if (index === 1) {\n return true;\n }\n return false;\n };\n selectedRow = (record, index) => {\n // console.log(record);\n if (index === 0) {\n return true;\n }\n return false;\n };\n onClick = () => {\n this.setState({\n selectedRow: function() {}\n });\n };\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let sortObj = {\n mode:'multiple'\n }\n \n return (\n \n \n \n
\n );\n }\n}\n","desc":" 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。"},{"example":,"title":" 拖拽改变列顺序","code":"/**\n*\n* @title 拖拽改变列顺序\n* @parent 列操作-拖拽 Drag\n* @description 点击选择表头并左右拖拽,可以改变表格列顺序。 onDragEnd 方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。\n* demo1001\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n },\n {\n title: \"操作\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n fixed: 'right',\n }\n];\n\nconst data = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: 'xx供应商',d:'Tom',e:'...', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: 'yy供应商',d:'Jack',e:'...', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: 'zz供应商',d:'Jane',e:'...', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps22 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props); \n }\n \n render() {\n return {\n console.log(\"--拖拽交换列onDrop触发事件\");\n console.log(\"event.target:\",event.target);\n console.log(\"data:\",data);\n console.log(\"拖拽完成后的columns:\",columns);\n }}\n\n onDragEnd ={(event,data,columns)=>{\n console.log(\"--拖拽交换列后触发事件\");\n console.log(\"event.target:\",event.target);\n console.log(\"data:\",data);\n console.log(\"拖拽完成后的columns:\",columns);\n }}\n />;\n }\n}\n\nDemo22.defaultProps = defaultProps22;\n","desc":" 点击选择表头并左右拖拽,可以改变表格列顺序。 onDragEnd 方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。"},{"example":,"title":" 拖拽改变列宽度","code":"/**\n*\n* @title 拖拽改变列宽度\n* @parent 列操作-拖拽 Drag\n* @description onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。\n* demo1002\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns23 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: '200',\n fixed:'left'\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: '600'\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: '200',\n }, \n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n }\n];\n\nconst data23 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nclass Demo23 extends Component {\n constructor(props) {\n super(props); \n }\n\n render() {\n return {\n console.log(width+\"--调整列宽后触发事件\",e.target);\n }}\n />;\n }\n}\n\n","desc":" onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。"},{"example":,"title":" 嵌套子表格","code":"/**\n*\n* @title 嵌套子表格\n* @parent 扩展行 Expanded Row\n* @description 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport { Popconfirm,Icon,Checkbox } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\n\nconst columns16 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:100,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst columns17 = [\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data16 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\", d: \"操作\", key: \"1\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\", d: \"操作\", key: \"2\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\", d: \"操作\", key: \"3\" }\n];\nconst MultiSelectTable = multiSelect(Table,Checkbox);\nclass Demo16 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{}\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\n \n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"NU0391056\", b: \"2019-03-01\", c: \"gys1\", d: \"操作\", key: \"1\" },\n { a: \"NU0391057\", b: \"2018-11-02\", c: \"gys2\", d: \"操作\", key: \"2\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"NU0391079\", b: \"2019-04-17\", c: \"gys5\", d: \"操作\", key: \"3\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n\n render() {\n return (\n }\n expandedIcon={}\n />\n );\n }\n}\n\n\n","desc":" 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。","scss_code":".expanded-table{\r\n .expand-icon-con .uf{\r\n font-size: 12px;\r\n }\r\n}"},{"example":,"title":" 树型表格数据展示","code":"/**\n*\n* @title 树型表格数据展示\n* @parent 扩展行 Expanded Row\n* @description 通过在data中配置children数据,来自动生成树形表格\n* demo1102\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\n\nconst columns4 = [\n {\n title: \"订单编号\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"供应商\",\n dataIndex: \"address\",\n key: \"address\"\n }\n];\n\nconst data4 = [\n {\n key: 1,\n name: \"NU0391001\",\n age: \"2019-03-01\",\n address: \"供应商1\",\n children: [\n {\n key: 11,\n name: \"NU0391002\",\n age: \"2019-03-02\",\n address: \"供应商2\"\n },\n {\n key: 12,\n name: \"NU0391003\",\n age: \"2019-03-03\",\n address: \"供应商3\",\n children: [\n {\n key: 121,\n name: \"NU0391004\",\n age: \"2019-03-04\",\n address: \"供应商4\"\n }\n ]\n },\n {\n key: 13,\n name: \"NU0391005\",\n age: \"2019-03-05\",\n address: \"供应商5\",\n children: [\n {\n key: 131,\n name: \"NU0391006\",\n age: \"2019-03-06\",\n address: \"供应商6\",\n children: [\n {\n key: 1311,\n name: \"NU0391007\",\n age: \"2019-03-07\",\n address: \"供应商7\"\n },\n {\n key: 1312,\n name: \"NU0391008\",\n age: \"2019-03-08\",\n address: \"供应商8\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n key: 2,\n name: \"NU0391009\",\n age: \"2019-03-09\",\n address: \"供应商9\"\n }\n];\nclass Demo4 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data4,\n factoryValue: 0,\n selectedRow: new Array(data4.length)//状态同步\n }\n }\n\n render() {\n return {\n if (this.state.selectedRow[index]) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n let selectedRow = new Array(this.state.data.length);\n selectedRow[index] = true;\n this.setState({\n factoryValue: record,\n selectedRow: selectedRow\n });\n }}\n \n columns={columns4} data={data4} />;\n }\n}\n\n\n","desc":" 通过在data中配置children数据,来自动生成树形表格"},{"example":,"title":" 自定义表格标题、表尾、选中行颜色","code":"/**\r\n*\r\n* @title 自定义表格标题、表尾、选中行颜色\r\n* @parent 扩展行 Expanded Row\r\n* @description 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。\r\n* demo1103\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n if (this.state.selectedRowIndex == index) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n this.setState({ \r\n selectedRowIndex: index\r\n });\r\n }}\r\n title={currentData => 员工信息统计表
}\r\n footer={currentData => 合计: 共{data.length}条数据
}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。"},{"example":,"title":" 紧凑型、宽松型","code":"/**\n*\n* @title 紧凑型、宽松型\n* @parent 扩展行 Expanded Row\n* @description 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。\n* demo1105\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip,Tag} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"订单编号\", dataIndex: \"orderNum\", key: \"orderNum\", width: 100 },\n { title: \"采购组织\", dataIndex: \"org\", key: \"org\", width: 200 },\n { title: \"供应商\", dataIndex: \"supplier\", key: \"supplier\", width: 100 },\n { title: \"订单日期\", dataIndex: \"orderDate\", key: \"orderDate\", width: 150 },\n { title: \"总数量\", dataIndex: \"quantity\", key: \"quantity\", width: 100 },\n { title: \"单据状态\", dataIndex: \"status\", key: \"status\", width: 100, \n render: (text, record, index) => {\n return (\n {text.desc}\n );\n }},\n { title: \"提交人\", dataIndex: \"submitter\", key: \"submitter\", width: 100 },\n { title: \"单位\", dataIndex: \"unit\", key: \"unit\", width: 100 },\n { title: \"总税价合计\", dataIndex: \"sum\", key: \"sum\", width: 100 },\n];\n\nconst data = [\n { \n orderNum: \"NU0391025\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年03月18日', \n quantity: '100.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小张', \n unit: 'pc', \n sum:'8,487.00', \n key: \"1\" \n },\n { \n orderNum: \"NU0391026\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年02月05日', \n quantity: '91.00', \n status: {type:'danger' ,desc:'异常'}, \n submitter: '小红', \n unit: 'pc', \n sum:'675.00', \n key: \"2\" \n },\n { \n orderNum: \"NU0391027\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年07月01日', \n quantity: '98.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小李', \n unit: 'pc', \n sum:'1,531.00', \n key: \"3\" \n }\n];\n\nclass Demo1 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。"},{"example":,"title":" 自定义行高","code":"/**\n*\n* @title 自定义行高\n* @parent 扩展行 Expanded Row\n* @description 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。\n* demo1106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\n\nclass Demo1 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n onRowHover=(index,record)=>{\n this.currentIndex = index;\n this.currentRecord = record;\n }\n\n getHoverContent=()=>{\n return
\n }\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n","desc":" 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。"},{"example":,"title":" 图片在表格中的展示","code":"/**\n*\n* @title 图片在表格中的展示\n* @parent 扩展行 Expanded Row\n* @description 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题\n* demo1107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80,\n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"图样\",\n dataIndex: \"picture\",\n key: \"picture\",\n render(text, record, index) {\n return
\n }\n },\n {\n title: \"组织部门\",\n dataIndex: \"orgDept\",\n key: \"orgDept\",\n width: 100,\n },\n {\n title: \"设施管理部门\",\n dataIndex: \"facilityManageUnit\",\n key: \"facilityManageUnit\",\n width: 150,\n },\n {\n title: \"案卷编号\",\n dataIndex: \"docketnum\",\n key: \"docketnum\",\n width: 100,\n },\n {\n title: \"数量\",\n dataIndex: \"num\",\n key: \"num\",\n width: 100,\n },\n {\n title: \"首次发现时间\",\n dataIndex: \"discoveryTime\",\n key: \"discoveryTime\",\n width: 150,\n },\n {\n title: \"实际修复时间\",\n dataIndex: \"repairTime\",\n key: \"repairTime\",\n width: 150,\n }\n];\n\nconst data = [\n { key: \"1\", orgDept: \"组织1\", facilityManageUnit: \"部门1\", docketnum: 41, num: \"1\", discoveryTime: \"2018-10-17\", repairTime: \"2018-10-30\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg\"},\n { key: \"2\", orgDept: \"组织2\", facilityManageUnit: \"部门2\", docketnum: 30, num: \"2\", discoveryTime: \"2019-01-15\", repairTime: \"2019-01-20\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg\"},\n { key: \"3\", orgDept: \"组织3\", facilityManageUnit: \"部门3\", docketnum: 35, num: \"3\", discoveryTime: \"2019-04-10\", repairTime: \"2019-04-17\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg\"}\n];\n\nclass Demo1107 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题"},{"example":,"title":" 自定义行、列合并","code":"/**\n*\n* @title 自定义行、列合并\n* @parent 扩展行 Expanded Row\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\n* demo1108\n*/\n\nimport React, { Component } from \"react\";\nimport { Button } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst renderContent = (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n};\n\nconst columns = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 2) {\n obj.props.rowSpan = 2;\n }\n if (index === 3) {\n obj.props.rowSpan = 0;\n }\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n },\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\n\nconst columns1 = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: renderContent\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\nconst data = [{\n key: '1',\n name: '小红',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: '北京海淀',\n}, {\n key: '2',\n name: '小明',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: '河北张家口',\n}, {\n key: '3',\n name: '张三',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '浙江杭州',\n}, {\n key: '4',\n name: '李四',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '广州深圳',\n}, {\n key: '5',\n name: '王五',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '北京昌平',\n}];\n\nclass Demo15 extends Component {\n constructor(props){\n super(props);\n this.state={\n colFlag:false\n }\n }\n onChange=()=>{\n const colFlag = this.state.colFlag;\n this.setState({\n colFlag:!colFlag\n })\n }\n render() {\n let cols = this.state.colFlag?columns:columns1;\n return (\n \n \n );\n }\n}\n\n\n\n","desc":" 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。"},{"example":,"title":" 拖拽改变行顺序","code":"/**\n*\n* @title 拖拽改变行顺序\n* @parent 行操作-拖拽\n* @description `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport { Switch } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:200 },\n { title: \"系统权限\", dataIndex: \"c\", key: \"c\", width: 200,render:()=>{return()}},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1001\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"1002\" },\n { a: \"ASVAL_201903120001\", b: \"小红\", c: \"女\", d: \"财务四科\", e: \"T3\", key: \"1003\" },\n { a: \"ASVAL_201903120002\", b: \"小姚\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1004\" },\n { a: \"ASVAL_201903120003\", b: \"小岳\", c: \"男\", d: \"财务五科\", e: \"T2\", key: \"1005\" },\n { a: \"ASVAL_201903120004\", b: \"小王\", c: \"男\", d: \"财务一科\", e: \"T5\", key: \"1006\" },\n { a: \"ASVAL_201903120005\", b: \"小绍\", c: \"男\", d: \"财务七科\", e: \"T2\", key: \"1007\" },\n { a: \"ASVAL_201903120006\", b: \"小郭\", c: \"男\", d: \"财务一科\", e: \"T3\", key: \"1008\" },\n { a: \"ASVAL_201903120007\", b: \"小杨\", c: \"女\", d: \"财务四科\", e: \"T2\", key: \"1009\" }\n];\n\nclass Demo1201 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n /**\n * 行拖拽开始时触发\n * @param record 拖拽行的数据\n * @param index 拖拽行的下标序号\n */\n onDragRowStart = (record,index) => {\n console.log('拖拽的行数据:', record);\n console.log('拖拽的行序号:', index);\n }\n\n /**\n * 行拖拽结束时触发\n * @param data 拖拽改变顺序后的新data数组\n * @param record 拖拽行的数据\n */\n onDropRow = (data, record) => {\n console.log('重排序后的data: ', data);\n console.log('拖拽的行数据: ', record);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。"},{"example":,"title":" 多选功能","code":"/**\r\n*\r\n* @title 多选功能\r\n* @parent 行操作-选择\r\n* @description 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。\r\n* demo1301\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\",_checked:true },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\",_checked:false },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\",_checked:false },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\",_disabled:true },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\",_checked:false}\r\n];\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet MultiSelectTable = multiSelect(Table, Checkbox);\r\n\r\nclass Demo12 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data\r\n };\r\n }\r\n /**\r\n *@param selectedList:当前选中的行数据\r\n *@param record 当前操作行数据\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (selectedList,record,index) => {\r\n console.log(\"selectedList\", selectedList,\"index\",index);\r\n // 如果在回调中增加setState逻辑,需要同步data中的_checked属性。即下面的代码\r\n // const allChecked = selectedList.length == 0?false:true;\r\n // record为undefind则为全选或者全不选\r\n // if(!record){\r\n // data12.forEach(item=>{\r\n // item._checked = allChecked;\r\n // })\r\n // }else{\r\n // data12[index]['_checked'] = record._checked;\r\n // } \r\n\r\n \r\n };\r\n \r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n return (\r\n {\r\n if (record._checked) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}/>\r\n );\r\n }\r\n}\r\n\r\n","desc":" 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。"},{"example":,"title":" 单选功能","code":"/**\r\n*\r\n* @title 单选功能\r\n* @parent 行操作-选择\r\n* @description 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。\r\n* Demo1302\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { Radio } from 'tinper-bee';\r\n\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport singleSelect from \"tinper-bee/lib/singleSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300 },\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n ];\r\n \r\n const data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" }\r\n ];\r\n\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet SingleSelectTable = singleSelect(Table, Radio);\r\n\r\nclass Demo1302 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0,\r\n }\r\n }\r\n\r\n /**\r\n *@param selected 当前选中的行数据(当前操作行数据)\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (record,index) => {\r\n console.log(\"record\", record, \"index\",index);\r\n\r\n this.setState({\r\n selectedRowIndex:index\r\n })\r\n };\r\n\r\n render() {\r\n let {selectedRowIndex} = this.state;\r\n\r\n return (\r\n {\r\n if (index === selectedRowIndex) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n","desc":" 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。"},{"example":,"title":" 万行以上数据渲染","code":"/**\n*\n* @title 万行以上数据渲染\n* @parent 无限滚动 Infinite-scroll\n* @description 万行数据渲染\n* demo1401\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'60',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n","desc":" 万行数据渲染","scss_code":".big-data tr td {\n // height: 48px;\n}"},{"example":,"title":" 嵌套子表格滚动加载","code":"/**\n*\n* @title 嵌套子表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst outColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst innerColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n })\n\n\n\n\n\nclass Demo31 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{\n 0:[\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ],\n 1: [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ],\n }\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 200;\n let innderData = [ ...new Array(100) ].map((e, i) => {\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\n })\n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。"},{"example":,"title":" 多功能表格滚动加载","code":"/**\n*\n* @title 多功能表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1403\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\n\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\n\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'80',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo32 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n getSelectedDataFunc={this.getSelectedDataFunc}/>\n\n );\n }\n}\n\n\n","desc":""},{"example":,"title":" 层级树大数据场景","code":"/**\n* @title 层级树大数据场景\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1404\n*/\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'150',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(1000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }else{\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }\n return rs;\n })\n\n\nclass Demo34 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n onExpandedRowsChange = (expandedRowKeys)=>{\n console.log('expandedRowKeys',expandedRowKeys);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n onExpandedRowsChange={this.onExpandedRowsChange}\n />\n\n \n );\n }\n}\n\n","desc":""},{"example":,"title":" 表格+分页","code":"/**\n * @title 表格+分页\n * @parent 分页 Pagination\n * @description 点击分页联动表格\n * demo1601\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Pagination} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst pageData = {\n 1: [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n ],\n 2: [\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" },\n ]\n};\n\nclass Demo8 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: pageData[1],\n activePage: 1\n };\n }\n\n handleSelect(eventKey) {\n this.setState({\n data: pageData[eventKey],\n activePage: eventKey\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\n","desc":" 点击分页联动表格","scss_code":".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}"}]
class Demo extends Component {
diff --git a/dist/demo.css b/dist/demo.css
index 00972bd..4fc17a4 100644
--- a/dist/demo.css
+++ b/dist/demo.css
@@ -291,7 +291,7 @@
.u-table-fixed-left .u-table-body-inner {
margin-right: -20px;
padding-right: 20px; }
- .u-table-fixed-header .u-table-fixed-left .u-table-body-inner {
+ .u-table-fixed-header:not(.u-table-hide-header) .u-table-fixed-left .u-table-body-inner {
padding-right: 0px; }
.u-table-fixed-header .u-table-body-inner {
height: 100%;
diff --git a/dist/demo.css.map b/dist/demo.css.map
index 25e75a7..2d6c444 100644
--- a/dist/demo.css.map
+++ b/dist/demo.css.map
@@ -1 +1 @@
-{"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-loading/src/Loading.scss","../node_modules/tinper-bee-core/scss/minxin-themeColors.scss","../src/Table.scss","TableDemo.scss","demolist/Demo0104.scss","demolist/Demo0302.scss","demolist/Demo0402.scss","demolist/Demo0501.scss","demolist/Demo0502.scss","demolist/Demo0503.scss","demolist/Demo0505.scss","demolist/Demo0603.scss","demolist/Demo1101.scss","demolist/Demo1601.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACuXjB,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;AC5XjB;;IAEI;AAcJ;;IAEI;AACJ;EACE,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,SAAQ;EACR,gBCfmB;EDgBnB,eDauB;ECZvB,mBAAkB,EACnB;;AAGD;;IAEI;AAEJ;EAGM,mBAAkB;EAClB,oBAAmB;EACnB,YAAW;EAEX,0BAAyB;EAGzB,YDkwCmB;ECjwCnB,aDiwCmB;EChwCnB,SD2wCiB;EC1wCjB,UD2wCkB;EC1wClB,mBD6wCsB;EC5wCtB,kBD4wCsB;EC3wCtB,mCAAkC;EAClC,sBAAqB;EAErB,wCAAuC;EACvC,mBAAkB;EAClB,kBDuvCmB,EC9uCpB;EA9BL;IAuBQ,YDqvCiB,ECpvClB;EAxBP;IA0BQ,eA9DoB;IA+DpB,gBAAe;IACf,WAAU,EACX;;AA7BP;EAiCQ,mBD2vCuB;EC1vCvB,kBD0vCuB;ECzvCvB,YD0uCoB;ECzuCpB,aDyuCoB;ECxuCpB,kBDwuCoB,ECjuCrB;EA5CP;IAuCU,YDsuCkB,ECruCnB;EAxCT;IA0CU,gBAAe,EAChB;;AA3CT;EAgDQ,mBD0uCwB;ECzuCxB,kBDyuCwB;ECxuCxB,YDytCqB;ECxtCrB,aDwtCqB;ECvtCrB,kBDutCqB,EChtCtB;EA3DP;IAsDU,YDqtCmB,ECptCpB;EAvDT;IAyDU,gBAAe,EAChB;;AA1DT;EA+DQ,eDorC8B,ECjrC/B;;AAlEP;EAsEQ,eD8qCqB,EC3qCtB;;AAzEP;EA6EQ,eDwqC2B,ECrqC5B;;AAMP;EACE,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,UAAS;EACT,QAAO;EACP,cAAa;EAGb,2CAAsC,EAIvC;EAbD;IAWI,gBAAe,EAChB;;AAGH;EACE;IAEE,iCAAgC,EAAA;EAGlC;IAEE,mCAAkC,EAAA;EAGpC;IAEE,mCAAkC,EAAA,EAAA;;AAItC;EAEI,mBAAkB;EAClB,SD8pCmB;EC7pCnB,UD8pCoB;EC7pCpB,kBDqqC0B;ECpqC1B,mBDqqC2B,ECnnC5B;EAxDH;IAQM,0BAAyB;IACzB,WDkpCiB;ICjpCjB,aDkpCmB;ICjpCnB,mBAAkB;IAClB,YAAW;IAEX,0BAAyB;IACzB,sBAAqB,EACtB;EAhBL;IAkBM,kBD0pC2B;ICzpC3B,mBD0pC4B,ECrpC7B;IAxBL;MAqBQ,WDwoCkB;MCvoClB,aDwoCoB,ECvoCrB;EAvBP;IA0BM,kBD8oC4B;IC7oC5B,mBD8oC4B,ECzoC7B;IAhCL;MA6BQ,WD4nCmB;MC3nCnB,aD4nCoB,EC3nCrB;EA/BP;IAoCQ,2ED6lC8D;IC5lC9D,0BDmmCU,EClmCX;EAtCP;IAoCQ,2ED8lC8D;IC7lC9D,0BDomCU,ECnmCX;EAtCP;IAoCQ,2ED+lC8D;IC9lC9D,0BDqmCU,ECpmCX;EAtCP;IAoCQ,2EDgmC8D;IC/lC9D,0BDsmCU,ECrmCX;EAtCP;IAoCQ,2EDimC8D;IChmC9D,0BDumCU,ECtmCX;EAtCP;IA2CQ,0BDklC8B,ECjlC/B;EA5CP;IAgDQ,0BD8kCqB,EC7kCtB;EAjDP;IAqDQ,0BD0kC2B,ECzkC5B;;AAIP;EAGM,mBAAkB;EAClB,UAAS;EACT,SAAQ;EAER,iCAA+B,EAChC;;AAGL;EACE;IAEE,qBAAoB,EAAA;EAGtB;IAEE,uBAAsB,EAAA;EAGxB;IAEE,qBAAoB,EAAA,EAAA;;AExNxB;EACE,gBApBmB;EAqBnB,eHkBuB;EGhBvB,mBAAkB;EAClB,kBAvBgB;EAwBhB,iBAAgB,EA2qBjB;EA1qBC;IAEE,mBAAkB,EAKnB;IAPA;MAIG,cAAa;MACb,qBAAoB,EACrB;EAEH;IACE,mBAAkB,EAOnB;IANC;MACE,mBAAkB;MAClB,SAAQ;MACR,UAAS,EAEV;EAtBL;IAyBI,YAAW;IACX,0BAAyB;IACzB,iBAAgB,EACjB;EA5BH;IAgCI,kBAlCyB;IAmCzB,iBAAgB;IAEhB,kBAAiB,EAOlB;IA1CH;MAqCM,mBAAkB,EACnB;IAtCL;MAwCM,iBAAgB,EACjB;EAzCL;IA6CI,4CA7D4D;IA8D5D,kBAhEc,EA6Ef;IA3DH;MAgDM,eAAc,EAOf;MAvDL;QAkDQ,eAAc,EACf;MAnDP;QAqDQ,eAAc,EACf;IAtDP;MAyDM,sBACF,EAAC;EA1DL;IA8DM,iCAnEyB,EAoE1B;EA/DL;IAiEM,mBAAkB,EACnB;EAlEL;IA0EU,+BAA8B,EAC/B;EA3ET;IA+EM,eAAc,EAOf;IAtFL;MAiFQ,eAAc,EACf;IAlFP;MAoFQ,eAAc,EACf;EArFP;IAwFM,qBAAa;IAAb,cAAa;IACb,gCAA2B;IAA3B,4BAA2B,EAgB5B;IAzGL;MA2FQ,mBAAkB,EACnB;IA5FP;MA8FQ,aAAY,EAOb;MArGP;QAgGU,WAAU,EACX;MAjGT;QAmGU,WAAU,EACX;IApGT;MAuGQ,UAAS,EACV;EAxGP;IA4GI,+BHiF8D,EGhF/D;EA7GH;;IAiHI,kBA7HoB;IA8HpB,sBAAqB,EAmBtB;IArIH;;MAqHQ,gBAAe;MACf,kBAAiB,EAClB;IAvHP;;MA0HM,mBAAkB,EACnB;IA3HL;;MA6HM,kBAAiB,EAClB;IA9HL;;MAgIM,gBAAe;MACf,sBAAqB;MACrB,gBAAe;MACf,kBAAiB,EAClB;EAEF;IAEG,iBApJkB,EAqJnB;EAEF;IAEG,kBAzJkB,EA0JnB;EA9IL;IAoJQ,4BAA2B;IAC3B,+BAA8B,EAO/B;IA5JP;MAuJU,aAAY,EACb;IAxJT;MA0JU,aAAY,EACb;EAIP;IACE,+BAAuD,EACxD;EAED;IACE,eAAc,EACf;EACA;IAEG,qCAxL0D;IAyL1D,uBAAsB;IACtB,oBAAmB,EAEpB;EANF;IASK,iBAAgB,EACnB;EAVF;IAaK,gBAAgB,EACjB;EAdJ;IAkBG,4CAxM0D;IAyM1D,uBAAsB,EACvB;EApBF;;IAuBG,2CA7M0D;IA8M1D,uBAAsB,EACvB;EAEF;IAGK,iBAAgB,EAIjB;IAPJ;MAKO,cAAa,EACd;EAIP;IACE,iBAAgB;IAChB,+BHmvC2E;IGlvC3E,uBHmvC+D,EGlvChE;EA/MH;IAkNI,iBA9NoB,EA+NrB;EAED;IACE,iBAAgB;IAChB,mBAAkB,EACnB;EACD;IACE,oBAAmB;IACnB,oBAAmB,EACpB;EAEA;IACC,mBAAkB,EACnB;EAED;IACE,aAAY;IACZ,iBAAgB,EACjB;EAGD;IACE,mBAAkB;IAClB,qBAAoB;IACpB,qBAAoB;IACpB,mBAAkB;IAClB,uBAAsB,EACvB;EAED;IACE,kBA7PoB;IA8PpB,yCAlQ4D,EAmQ7D;EAED;IACE,mBAAkB,EACnB;EAED;IACE,kBAtQoB;IAuQpB,4CA3Q4D,EA+Q7D;IANA;MAIG,mBAAkB,EACnB;EAEH;IACE,mBA7QoB,EA8QrB;EAED;IACE,kBAA8B;IAC9B,iBAAgB;IAChB,4CAvR4D;IAwR5D,mBAAkB;IAClB,mBAAkB,EAUnB;IAfA;MAOG,gBAAe;MACf,kBAAiB,EAMlB;MAdF;QAUK,gBAAe;QACf,kBAAiB;QACjB,eAAc,EACf;EAIL;IACE,YAAW,EACZ;EACA;IAIK,iBAAgB,EACjB;EALJ;IAOK,+BAAuD,EACxD;EAEH;IACE,gBAAe;IACf,sBAAqB;IACrB,kBAAiB;IACjB,YAAW;IACX,aAAY;IACZ,mBAAkB;IAClB,kBAAiB;IACjB,0BAAiB;IAAjB,uBAAiB;IAAjB,sBAAiB;IAAjB,kBAAiB,EAKlB;IAbA;MAUG,gBAAe;MACf,WAAU,EACX;EAEH;IACE,mBAAkB,EACnB;EACD;IACE,aAAY,EACb;EACA;IAEG,iBAAgB;IAChB,kBAAiB,EAClB;EAEF;IAEG,iBAAgB;IAChB,kBAAiB,EAClB;EAGJ;IAEG,oBAAmB,EACpB;EAtUL;IAyUI,oBAAmB,EAQpB;IAjVH;MA2UM,oBAAmB,EACpB;IA5UL;MA+UM,WAAU,EACX;EAEH;IACE,cAAa,EACd;EACD;IAEE,gBAAe;IACf,YAAW;IACX,WAAU,EAWX;IAfA;MAMG,eAAc,EACf;IACD;MACE,oBAAmB;MACnB,YAAW,EAIZ;MANA;QAIG,YAAW,EACZ;EAGL;IACE,kBAAiB,EAIlB;IALA;MAGG,aAAY,EACb;EAEH;IACE,aAAY,EAIb;IALA;MAGG,aAAY,EACb;EAGH;IAEE,mBAAkB;IAClB,OAAM;IACN,iBAAgB;IAChB,WAAU,EAKX;IAVA;MAOG,YAAW;MACX,iBAAgB,EACjB;EAGH;IACE,QAAO;IACP,+CAA8C,EAQ/C;IAPC;MACE,oBAAmB;MACnB,oBAAmB,EACpB;IACD;MACE,iBAAgB,EACjB;EAGH;IACE,SAAQ;IACR,gDAA+C,EAShD;IALC;MACE,mBAAkB;MAClB,qBAAoB,EACrB;EAIH;IACE,iBAAgB,EACjB;EAED;IACE,iBAAgB,EACjB;EAEA;IAEG,oBAAmB,EACpB;EAHF;IAKG,qBAAa;IAAb,cAAa;IACb,sBAAuB;IAAvB,wBAAuB;IACvB,uBAAmB;IAAnB,oBAAmB,EAIpB;IAXF;MASK,gBAAe,EAChB;EAVJ;IAaG,+BHohCyE;IGnhCzE,uBHohC6D;IGnhC7D,6BAA2B;IAE3B,4BAA2B;IAE3B,0BAAyB;IACzB;;QAEE;IACA,sBAAqB;IACrB,kBAAiB,EA+DpB;IAvFF;MA8BK,mBAAkB;MAClB,iBAAgB;MAChB,aAAY;MACZ,uBAAsB;MACtB,mBAAkB;MAClB,sBAAqB;MACrB,iBAAgB,EAejB;MAnDJ;QAsCO,aAAY;QACZ,iBAAgB;QAChB,eAxcS,EAycV;MAzCN;;QA6CO,kBAAiB;QACjB,eAAc;QACd,YAAW;QACX,gBAAe,EAChB;IAjDN;;;;MAyDK,eAAc,EACf;IA1DJ;;MA8DK,aAAY;MACZ,gBAAe,EAChB;IAhEJ;;MAmEK,sBAAqB;MACrB,WAAU;MACV,gBAAe;MACf,iBAAgB;MAGhB,uCAAyC;MACzC,+GAA8G;MAC9G,QAAO;MACP,iBAAgB;MAChB,YAAW;MACX,YAAW,EAGZ;IAjFJ;MAoFS,sBAAqB,EACxB;EArFN;IAyFG,aAAY,EACb;EA1FF;IA4FG,+BH9T4D,EGgU7D;EA9FF;IAoGG,iBAAgB,EACjB;EACD;IACE,mBAAkB,EAgCnB;IA9BC;MACE,aAAY;MACZ,mBAAkB;MAClB,aAAY;MACZ,OAAM;MAIN,YAAW;MAEX,uBAAsB;MACtB,WAAU,EAYX;MAvBA;QAcG,aAAY;QACZ,WAAU;QACV,wBAAsB;QACtB,eAAc,EACf;MAlBF;QAoBG,oBAAkB,EACnB;IAGH;MACE,mBAAkB,EAInB;MALA;QAGG,oBACF,EAAC;EAGJ;IAEG,aAAY,EACb;EAOH;IACE,YAAW;IACX,kBAAiB;IACjB,iBAAgB;IAChB,eAAa,EACd;EACD;IAEE,gBAAe;IACf,mBAAkB,EACnB;EACD;IACE,mBAAkB,EACnB;EACD;IACE,mBAAkB;IAClB,YAAW;IACX,aAAa;IACb,kBAAiB;IACjB,WAAW;IACX,SAAQ;IACR,WAAU;IACV,+BHy3ByE;IGx3BzE,mBAAkB;IAClB,gBAAe,EAKhB;IAfA;MAYG,aAAY;MACZ,eA7kBW,EA8kBZ;EAEH;IACE,gBAAe;IACf,gBAAe;IAEf,gBAAe,EAKhB;IATA;MAMG,YAAW,EAEZ;EAEH;IACE,kBAAiB;IACjB,iBAAgB;IAChB,uBAAsB;IACtB,gBAAe;IACf,iBAAgB;IAChB,wBAAuB;IACvB,oBAAmB;IACnB,sBAAqB;IACrB,uBAAsB,EACvB;EACD;IACE,uBAAsB;IACtB,iBAAgB,EACjB;EAGH;IAEE,cAAY;IACZ,qBAAoB,EACrB;EA9mBH;IAinBI,aAvnBiB;IAwnBjB,kBAxnBiB;IAynBjB,YAAU;IACV,eAAc;IACd,iBAAgB,EASjB;IA9nBH;MAunBM,kBA7nBe;MA8nBf,mBAAkB,EAKnB;MA7nBL;QA0nBQ,YAhoBa;QAioBb,aAjoBa,EAkoBd;EA5nBP;IAkoBQ,mBA7oBuB,EA8oBxB;EAnoBP;IA0oBU,kBAtpBc,EAupBf;EA3oBT;IAipBI,WAAU;IACV,YAAW,EACZ;EAnpBH;IAqpBI,cAAa,EACd;EAtpBH;IAwpBI,+BAA8B;IAC9B,mBAAkB,EACnB;EA1pBH;IA4pBI,mBAAkB;IAClB,0BAAyB;IACzB,mBAAkB,EACnB;EA/pBH;IAkqBI,cAAa,EACd;EAnqBH;IAsqBI,cAAa,EACd;EAvqBH;IA0qBI,aAAW,EACZ;EA3qBH;IA6qBI,aAAY;IACZ,aAAY,EACb;;AAIH;EACE,cAAa;EAGb,kBAAiB,EAClB;;AAEC;EAEI,oBAAkB,EACnB;;AAEL;EAEI,0BAAyB,EAC1B;;AAHH;;EAMI,qCArtB4D,EAstB7D;;AAGH;;EAEE,WAAU;EACV,+DAA8D;EAC9D,yBAAwB;EACxB,0BAAyB;EACzB,6BAA4B,EAC7B;;AAED;EACE,kEAAiE;EACjE,yBAAwB;EACxB,0BAAyB;EACzB,6BAA4B,EAC7B;;AAED;;EAEE,2BAA0B;EAC1B,8BAA6B,EAC9B;;AAED;EACE,6BAA4B;EAC5B,8BAA6B,EAC9B;;AAED;EACE;IACE,sBAAqB;IACrB,4BAA2B;IAC3B,WAAU;IACV,6BHlsB+C,EAAA;EGosBjD;IACE,sBAAqB;IACrB,yBAAwB;IACxB,WAAU,EAAA;EAEZ;IACE,6BH1sB+C,EAAA;EG4sBjD;IACE,wBAAuB;IACvB,WAAU,EAAA,EAAA;;AAId;EACE;IACE,sBAAqB;IACrB,yBAAwB;IACxB,WAAU,EAAA;EAEZ;IACE,sBAAqB;IACrB,6BAA4B;IAC5B,WAAU,EAAA,EAAA;;AAId;EACE,cAAa;EACb,kBAAiB;EACjB,WAAU,EACX;;AACD;EACE,cAAa;EACb,aAAY;EACZ,sBAAsB;EACtB,yBAAyB;EACzB,wBAAuB;EACvB,eAAc;EACd,yBAAyB;EACzB,0BAA0B;EAC1B,UAAS;EACT,mBAAkB;EAClB,WAAU;EACV,SAAQ;EACR,SAAQ,EACT;;AAED;EACE,mBAAkB,EACnB;;AAED;;EAEE,oBAAmB,EACpB;;AACD;EAEI,cAAa,EACd;;AAHH;EAKI,aAAY;EACZ,gBAAe,EAChB;;AAGH;EACE,0BAAyB;EACzB,aAAY,EACb;;AAED;;EAEE,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,YAAW;EACX,gBAAe,EAChB;;AAED;EACE,kBAAiB;EACjB,cAAa,EACd;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,sBAAqB,EACtB;;AAED;;EAEE,eAAc,EACf;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,oBAAmB,EAuBpB;EAxBD;IAGI,mBAAkB;IAClB,YAAW;IACX,YAAW;IACX,SAAQ;IACR,eAAc;IACd,gBAAe,EAChB;EATH;IAWI,aAAY,EACb;EAZH;IAcI,aAAY;IACZ,oBAAmB;IACnB,sBAAqB;IACrB,oBAAmB,EACpB;EAlBH;IAoBI,SAAQ;IACR,YAAW;IACX,mBAAkB,EACnB;;AAIH;EACE,YAAW;EACX,mBAAkB,EAyDnB;EA3DD;IAKI,oBAAmB,EACpB;EANH;IASI,oBAAmB,EACpB;EAVH;IAaI,cAAa,EACd;EAdH;IAiBI,kBAAiB;IACjB,mBAAkB;IAClB,WAAU;IACV,YAAW;IACX,mBAAkB,EAqCnB;IA1DH;MAwBM,eAAc;MACd,UAAS;MACT,mBAAkB;MAClB,mBAAkB,EAQnB;MAnCL;QA8BQ,WACF,EAAC;MA/BP;QAiCQ,UACF,EAAC;IAlCP;MAuCQ,oBAAmB,EACpB;IAxCP;MA0CQ,kBAAiB,EAClB;IA3CP;MA+CM,gBAAe;MACf,cAAa,EACd;IAjDL;MAoDM,mBAAkB;MAClB,WAAU;MACV,aAAY;MACZ,SAAQ;MACR,UAAS,EACV;;AAIL;EACI,cAAa,EAShB;EAVD;IAIY,kBAh7BoB;IAi7BpB,aAj7BoB;IAk7BpB,yBAAwB;IACxB,gBAAe,EAClB;;AAGT;EAEI,aAz7B4B,EA07B7B;;AAHH;EAKI,aA57B4B,EA67B7B;;AANH;EASM,kBAAiB,EAClB;;AAVL;EAaI,kBAAiB,EAClB;;AAEH;EACE,mBAAkB;EAClB,YAAW;EACX,cAAa;EACb,uBAAmB;EAAnB,oBAAmB;EACnB,sBAAuB;EAAvB,wBAAuB;EACvB,wBAAuB,EACxB;;AAED;EACE,mBAAkB;EAClB,UAAS,EACV;;AAKD;EAGM,oBAAmB,EACpB;;AAJL;EAOI,wBAAuB;EACvB,oBAAmB;EACnB,uBAAsB;EACtB,iBAAgB,EACjB;;AAEH;EAGM,oBAAmB,EACpB;;AAJL;EAQI,wBAAuB;EACvB,oBAAmB;EACnB,uBAAsB;EACtB,iBAAgB,EACjB;;AAEH;EACE,mBAAkB;EAClB,aAAW,EACZ;;AAED;EAGM,kBAAiB;EACjB,0BAAyB,EAC1B;;AALL;EAUM,kBAAiB;EACjB,0BAAyB,EAC1B;;AAZL;EAiBM,cAAa,EACd;;AAIL;EAEI,oBAAmB;EACnB,wCAAuC,EACxC;;AAJH;EAOI,iCAAgC,EACjC;;ACrhCH;EACE,oBAAmB,EACpB;;AAED;EACE,aAAY,EAMb;EAPD;IAII,YAAW,EACZ;;AAGH;EACE,cAAa;EACb,YAAW;EACX,oBAAmB;EACnB,sBAAqB,EAKtB;EATD;IAMI,oBAAmB;IACnB,sBAAqB,EACtB;;AC1CH;EAEQ,oBAAmB,EACtB;;AAHL;EAKQ,oBAAmB,EACtB;;ACNL;EAEQ,mBAAkB,EACrB;;ACHL;EAEQ,iBAAgB;EAChB,oBAAmB,EACtB;;ACJL;EAIQ,UAAS,EAIV;EARP;IAMU,kBAAiB,EAClB;;AAPT;EAcM,iBAAgB,EAMjB;EApBL;IAiBQ,gBAAe;IACf,kBAAiB,EAClB;;AAnBP;;EAwBM,aAAY,EACb;;AAzBL;EA6BI,uBAAsB;EACtB,kBAAiB;EACjB,mBAAkB,EACnB;;AAhCH;EAmCI,kBAAiB;EACjB,mBAAkB,EAenB;EAnDH;IAuCM,aAAY;IACZ,0BAAyB;IACzB,SAAQ;IACR,aAAY;IACZ,mBAAkB;IAClB,SAAQ;IACR,WAAU,EACX;EA9CL;IAiDM,eACF,EAAC;;AAlDL;EAqDI,+BAA8B,EAC/B;;AAtDH;EAyDI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AA7DH;EAgEI,wBAAuB,EACxB;;AAGH;EAEI,eAAc,EACf;;ACvEH;EAGM,iBAAgB,EAUjB;EAbL;IAMQ,kBAAiB;IACjB,gBAAe,EAKhB;IAZP;MAUU,sBAAqB,EACtB;;AAXT;EAgBM,aAAY,EACb;;AAjBL;EAqBQ,kBAAiB,EAClB;;AAtBP;;EA2BM,aAAY,EACb;;AA5BL;EAgCI,uBAAsB;EACtB,kBAAiB;EACjB,mBAAkB,EACnB;;AAnCH;EAsCI,iBAAgB,EAQjB;EA9CH;IAwCM,uBAAsB;IACtB,aAAY,EAIb;IA7CL;MA2CQ,sBAAqB,EACtB;;AA5CP;EAiDI,+BAA8B,EAC/B;;AAlDH;EAqDI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AAGH;EAEI,eAAc,EACf;;AC/DH;EAGI,gBAAe;EACf,oBAAmB,EACpB;;AALH;EAQI,iBAAgB,EACjB;;AATH;EAYI,gBAAe,EAChB;;AAbH;EAgBI,eAAc;EACd,YAAW;EACX,aAAY;EACZ,oBAAmB,EACpB;;AApBH;EAuBI,wBAAuB,EACxB;;AAxBH;EA2BI,eAAc;EACd,YAAW;EACX,kBAAiB;EACjB,aAAY;EACZ,uBAAsB;EACtB,oBAAmB;EACnB,gBAAe;EACf,aAAY;EACZ,kBAAiB,EAKlB;EAxCH;IAqCM,WAAU;IACV,WAAU,EACX;;AAvCL;EA2CI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AAGH;EACE,yBAAwB,EAKzB;EAND;IAII,eAAc,EACf;;AAEH;EACE,kBAAiB,EAClB;;AC3DD;EAGI,mBAAkB,EAOnB;EAVH;IAOQ,kBAAiB,EAClB;;AARP;EAcM,0BAAyB,EAC1B;;AAfL;EAkBQ,iBAAgB,EAMjB;EAxBP;IAqBU,gBAAe;IACf,kBAAiB,EAClB;;AAvBT;;EA4BQ,aAAY,EACb;;AA7BP;EAiCM,uBAAsB;EACtB,kBAAiB;EACjB,mBAAkB,EACnB;;AApCL;EAuCM,kBAAiB;EACjB,mBAAkB,EAenB;EAvDL;IA2CQ,aAAY;IACZ,0BAAyB;IACzB,SAAQ;IACR,aAAY;IACZ,mBAAkB;IAClB,SAAQ;IACR,WAAU,EACX;EAlDP;IAqDQ,eACF,EAAC;;AAtDP;EA0DM,+BAA8B,EAC/B;;AA3DL;EA8DM,aAAY;EACZ,mBAAkB;EAClB,aAAY;EACZ,OAAM;EACN,QAAO;EACP,kBAAiB;EACjB,oBAAmB;EACnB,sDAAqD,EACtD;;AAtEL;EAyEM,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AA7EL;EAgFM,wBAAuB,EACxB;;AAIL;EAEI,eAAc,EACf;;ACxFH;EAGY,gBAAe;EACf,mBAAkB;EAClB,kBAAiB,EACpB;;AANT;EAYgB,oBAAmB,EAC1B;;ACbT;EAEQ,gBAAe,EAClB;;;ACHL;EAEQ,oBAAmB,EACtB;;AAHL;EAKQ,qBAAa;EAAb,cAAa;EACb,uBAAmB;EAAnB,oBAAmB;EACnB,sBAAuB;EAAvB,wBAAuB,EAC1B","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n/**\r\n * 加载背景\r\n */\n/**\r\n * 文字\r\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: 14px;\n color: #212121;\n text-align: center; }\n\n/**\r\n * default样式 单个圆圈加载\r\n */\n.u-loading.u-loading-rotate > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n width: 40px;\n height: 40px;\n top: 50%;\n left: 50%;\n margin-left: -22px;\n margin-top: -22px;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 1s 0s linear infinite;\n animation: rotate 1s 0s linear infinite;\n text-align: center;\n line-height: 40px; }\n .u-loading.u-loading-rotate > div > img {\n width: 40px; }\n .u-loading.u-loading-rotate > div > .uf {\n color: #0084ff;\n font-size: 40px;\n padding: 0; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-lg > div {\n margin-left: -35px;\n margin-top: -35px;\n width: 60px;\n height: 60px;\n line-height: 60px; }\n .u-loading.u-loading-rotate.u-loading-rotate-lg > div > img {\n width: 60px; }\n .u-loading.u-loading-rotate.u-loading-rotate-lg > div > .uf {\n font-size: 60px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-sm > div {\n margin-left: -15px;\n margin-top: -15px;\n width: 25px;\n height: 25px;\n line-height: 25px; }\n .u-loading.u-loading-rotate.u-loading-rotate-sm > div > img {\n width: 25px; }\n .u-loading.u-loading-rotate.u-loading-rotate-sm > div > .uf {\n font-size: 25px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-primary > div > .uf {\n color: #3f51b5; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-success > div > .uf {\n color: #4caf50; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-warning > div > .uf {\n color: #ff9800; }\n\n.u-loading-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(255, 255, 255, 0.4); }\n .u-loading-backdrop.full-screen {\n position: fixed; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1); }\n 50% {\n -webkit-transform: rotate(180deg) scale(1);\n transform: rotate(180deg) scale(1); }\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1); } }\n\n.u-loading.u-loading-line {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -30px;\n margin-left: -25px; }\n .u-loading.u-loading-line > div {\n background-color: #C2C3C5;\n width: 6px;\n height: 50px;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block; }\n .u-loading.u-loading-line.u-loading-line-lg {\n margin-top: -50px;\n margin-left: -30px; }\n .u-loading.u-loading-line.u-loading-line-lg > div {\n width: 8px;\n height: 90px; }\n .u-loading.u-loading-line.u-loading-line-sm {\n margin-top: -22px;\n margin-left: -20px; }\n .u-loading.u-loading-line.u-loading-line-sm > div {\n width: 4px;\n height: 35px; }\n .u-loading.u-loading-line div:nth-child(1) {\n -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #F44336; }\n .u-loading.u-loading-line div:nth-child(2) {\n -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #7ED321; }\n .u-loading.u-loading-line div:nth-child(3) {\n -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #0084FF; }\n .u-loading.u-loading-line div:nth-child(4) {\n -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #FF9800; }\n .u-loading.u-loading-line div:nth-child(5) {\n -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #D0021B; }\n .u-loading.u-loading-line.u-loading-line-primary > div {\n background-color: #3f51b5; }\n .u-loading.u-loading-line.u-loading-line-success > div {\n background-color: #4caf50; }\n .u-loading.u-loading-line.u-loading-line-warning > div {\n background-color: #ff9800; }\n\n.u-loading.u-loading-custom > div {\n position: absolute;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1); }\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4); }\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1); } }\n\n.u-table {\n font-size: 12px;\n color: #212121;\n position: relative;\n line-height: 1.33;\n overflow: hidden; }\n .u-table-body {\n position: relative; }\n .u-table-body .u-table-row-expand-columns-in-body .expand-icon-con {\n display: none;\n pointer-events: none; }\n .u-table-hiden-drag {\n position: relative; }\n .u-table-hiden-drag-li {\n position: absolute;\n top: 0px;\n left: 0px; }\n .u-table table {\n width: 100%;\n border-collapse: collapse;\n text-align: left; }\n .u-table th {\n font-weight: bold;\n text-align: left;\n line-height: 16px; }\n .u-table th[colspan] {\n text-align: center; }\n .u-table th ::last-child {\n overflow: hidden; }\n .u-table td {\n border-bottom: 1px solid rgb(193, 199, 208);\n line-height: 1.33; }\n .u-table td a {\n color: #2196F3; }\n .u-table td a:hover {\n color: #1565c0; }\n .u-table td a:active {\n color: #1565c0; }\n .u-table td .u-switch-span {\n display: inline-block; }\n .u-table thead tr:last-child {\n border-bottom: 1px solid #C1C7D0; }\n .u-table thead tr > th:last-child {\n border-right: none; }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr tr a {\n color: #2196F3; }\n .u-table tr tr a:hover {\n color: #1565c0; }\n .u-table tr tr a:active {\n color: #1565c0; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) {\n display: flex;\n flex-direction: row-reverse; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body):nth-last-child(1):last-child {\n border-right: none; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con {\n height: 14px; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con .uf {\n padding: 0; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con .u-table-row-expand-icon {\n width: 2px; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .u-checkbox {\n margin: 0; }\n .u-table tr.tr-row-hover {\n background: rgb(235, 236, 240); }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table th.drag-handle-column .uf,\n .u-table td.drag-handle-column .uf {\n font-size: 12px;\n line-height: 12px; }\n .u-table th.text-center,\n .u-table td.text-center {\n text-align: center; }\n .u-table th.text-right,\n .u-table td.text-right {\n text-align: right; }\n .u-table th .expand-icon-con,\n .u-table td .expand-icon-con {\n cursor: pointer;\n display: inline-block;\n font-size: 12px;\n line-height: 12px; }\n .u-table-sm td {\n padding: 8px 8px; }\n .u-table-lg td {\n padding: 16px 8px; }\n .u-table tr.filterable th {\n padding-top: 5px !important;\n padding-bottom: 5px !important; }\n .u-table tr.filterable th .filterContext {\n height: 35px; }\n .u-table tr.filterable th .u-select-selection--single {\n height: 26px; }\n .u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid rgb(193, 199, 208);\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered .u-table-header > table {\n border-bottom: 0; }\n .u-table-bordered .u-table-header ~ .u-table-body table, .u-table-bordered .u-table-header ~ .u-table-body-outer table {\n border-top: 0px; }\n .u-table-bordered th {\n border-bottom: 1px solid rgb(193, 199, 208);\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid rgb(193, 199, 208);\n box-sizing: border-box; }\n .u-table-drag-border tr th.th-can-not-drag {\n overflow: hidden; }\n .u-table-drag-border tr th.th-can-not-drag .u-table-thead-th-drag-gap {\n display: none; }\n .u-table-header {\n overflow: hidden;\n background: rgb(241, 242, 245);\n color: rgb(33, 33, 33); }\n .u-table.fixed-height td {\n padding: 0px 8px; }\n .u-table-fixed-header .u-table-body {\n background: #fff;\n position: relative; }\n .u-table-fixed-left .u-table-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-header .u-table-fixed-left .u-table-body-inner {\n padding-right: 0px; }\n .u-table-fixed-header .u-table-body-inner {\n height: 100%;\n overflow: scroll; }\n .u-table-fixed-header .u-table-scroll .u-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box; }\n .u-table-title {\n padding: 12px 8px;\n border-top: 1px solid rgb(193, 199, 208); }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid rgb(193, 199, 208); }\n .u-table-footer .u-table-scroll {\n overflow-x: hidden; }\n .u-table-footer .u-table {\n margin: -12px -8px; }\n .u-table-placeholder {\n padding: 12px 8px;\n background: #fff;\n border-bottom: 1px solid rgb(193, 199, 208);\n text-align: center;\n position: relative; }\n .u-table-placeholder .table-nodata {\n font-size: 40px;\n line-height: 44px; }\n .u-table-placeholder .table-nodata + span {\n font-size: 12px;\n line-height: 12px;\n display: block; }\n .u-table-expand-icon-col {\n width: 10px; }\n .u-table-row .u-table tr, .u-table-expanded-row .u-table tr {\n background: #fff; }\n .u-table-row .u-table tr.u-table-row-hover, .u-table-expanded-row .u-table tr.u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-row-expand-icon, .u-table-expanded-row-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 8px;\n width: 14px;\n height: 14px;\n text-align: center;\n line-height: 14px;\n user-select: none; }\n .u-table-row-expand-icon.uf, .u-table-expanded-row-expand-icon.uf {\n font-size: 12px;\n padding: 0; }\n .u-table-row-spaced, .u-table-expanded-row-spaced {\n visibility: hidden; }\n .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {\n content: \".\"; }\n .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {\n content: \"\\e639\";\n font-family: \"uf\"; }\n .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {\n content: \"\\e61c\";\n font-family: \"uf\"; }\n .u-table-row.selected {\n background: #FFF7E7; }\n .u-table tr.u-table-expanded-row {\n background: #DFE1E6; }\n .u-table tr.u-table-expanded-row:hover {\n background: #DFE1E6; }\n .u-table tr.u-table-expanded-row .u-table {\n z-index: 1; }\n .u-table-column-hidden {\n display: none; }\n .u-table-prev-columns-page, .u-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1; }\n .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {\n color: #2db7f5; }\n .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999; }\n .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {\n color: #999; }\n .u-table-prev-columns-page {\n margin-right: 8px; }\n .u-table-prev-columns-page:before {\n content: \"<\"; }\n .u-table-next-columns-page {\n float: right; }\n .u-table-next-columns-page:before {\n content: \">\"; }\n .u-table-fixed-left, .u-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1; }\n .u-table-fixed-left table, .u-table-fixed-right table {\n width: auto;\n background: #fff; }\n .u-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-left-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {\n padding-right: 0; }\n .u-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-right-expanded-row {\n color: transparent;\n pointer-events: none; }\n .u-table-scroll-position-left .u-table-fixed-left {\n box-shadow: none; }\n .u-table-scroll-position-right .u-table-fixed-right {\n box-shadow: none; }\n .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {\n font-weight: normal; }\n .u-table-thead .filter-wrap {\n display: flex;\n justify-content: center;\n align-items: center; }\n .u-table-thead .filter-wrap .filter-btns {\n min-width: 58px; }\n .u-table-thead th {\n background: rgb(241, 242, 245);\n color: rgb(33, 33, 33);\n background-clip: padding-box;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none; }\n .u-table-thead th .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 16px;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n margin-top: -3px; }\n .u-table-thead th .bee-table-column-sorter i {\n padding: 0px;\n font-weight: 600;\n color: #505F79; }\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {\n line-height: 16px;\n display: block;\n width: 34px;\n cursor: pointer; }\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999; }\n .u-table-thead th:hover .bee-table-column-sorter {\n display: inline-block; }\n .u-table-thead .th-drag {\n cursor: move; }\n .u-table-thead .th-drag:hover {\n background: rgb(235, 236, 240); }\n .u-table-thead .th-drag-hover {\n background: #ccc; }\n .u-table-thead-th {\n position: relative; }\n .u-table-thead-th-drag-gap {\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n width: 20px;\n box-sizing: border-box;\n z-index: 1; }\n .u-table-thead-th-drag-gap .online {\n height: 100%;\n width: 1px;\n background: transparent;\n margin: 0 auto; }\n .u-table-thead-th-drag-gap .online-hover {\n background: #000000; }\n .u-table-thead-th-drag-gap:hover {\n cursor: col-resize; }\n .u-table-thead-th-drag-gap:hover .online {\n background: #000000; }\n .u-table-thead-th:last-child-drag-gap {\n border: none; }\n .u-table-filter-column-pop-cont {\n margin: 0px;\n max-height: 300px;\n overflow-y: auto;\n color: #212121; }\n .u-table-filter-column-clear-setting {\n cursor: pointer;\n margin-bottom: 4px; }\n .u-table-filter-column-cont {\n position: relative; }\n .u-table-filter-column-filter-icon {\n position: absolute;\n width: 30px;\n height: 39px;\n line-height: 39px;\n right: 0px;\n top: 1px;\n z-index: 2;\n background: rgb(241, 242, 245);\n text-align: center;\n cursor: pointer; }\n .u-table-filter-column-filter-icon i.uf {\n padding: 0px;\n color: #505F79; }\n .u-table-filter-column-pop-cont-item {\n margin-top: 8px;\n font-size: 12px;\n cursor: pointer; }\n .u-table-filter-column-pop-cont-item .u-checkbox {\n margin: 0px; }\n .u-table-filter-column-pop-cont-item span.drop-menu-title {\n margin-left: -3px;\n max-width: 132px;\n width: auto !important;\n min-width: 56px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: middle; }\n .u-table-filter-column-pop .u-modal-dialog {\n border: 1px solid #ccc;\n background: #fff; }\n .u-table-row-fixed-columns-in-body {\n display: none;\n pointer-events: none; }\n .u-table .u-checkbox {\n height: 14px;\n line-height: 14px;\n margin: 0px;\n display: block;\n margin-left: 5px; }\n .u-table .u-checkbox .u-checkbox-label {\n line-height: 14px;\n padding-left: 16px; }\n .u-table .u-checkbox .u-checkbox-label:before, .u-table .u-checkbox .u-checkbox-label:after {\n width: 14px;\n height: 14px; }\n .u-table .u-table-scroll tr td:first-child, .u-table .u-table-scroll tr th:first-child, .u-table .u-table-fixed-left tr td:first-child, .u-table .u-table-fixed-left tr th:first-child {\n padding-left: 12px; }\n .u-table.has-fixed-left .u-table-scroll tr td:first-child, .u-table.has-fixed-left .u-table-scroll tr th:first-child {\n padding-left: 8px; }\n .u-table ::-webkit-scrollbar {\n width: 8px;\n height: 8px; }\n .u-table ::-webkit-scrollbar-button {\n display: none; }\n .u-table ::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px; }\n .u-table ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute; }\n .u-table ::-webkit-scrollbar-track {\n display: none; }\n .u-table ::-webkit-scrollbar-track-piece {\n display: none; }\n .u-table .row-dragg-able {\n cursor: move; }\n .u-table .u-table-drag-hidden-cont {\n width: 100px;\n height: 40px; }\n\n.u-table:focus {\n outline: none;\n box-shadow: 0 0 0; }\n\n.u-table-bordered .u-table-drag-gap {\n background: #e9e9e9; }\n\n.u-table.bordered table {\n border-collapse: collapse; }\n\n.u-table.bordered th,\n.u-table.bordered td {\n border: 1px solid rgb(193, 199, 208); }\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running; }\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running; }\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: rgb(238,238,238); }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 80% {\n background: rgb(238,238,238); }\n 100% {\n background: transparent;\n opacity: 1; } }\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0; } }\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0; }\n\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0; }\n\n.editable-cell {\n position: relative; }\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px; }\n\n.editable-cell-input-wrapper .u-form-item.formItem-style .u-label {\n display: none; }\n\n.editable-cell-input-wrapper .u-input-group .u-form-control {\n height: 26px;\n font-size: 12px; }\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px; }\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer; }\n\n.editable-cell-icon {\n line-height: 28px;\n display: none; }\n\n.editable-cell-icon-check {\n line-height: 28px; }\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block; }\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5; }\n\n.editable-add-btn {\n margin-bottom: 8px; }\n\n.search-component {\n margin-bottom: 20px; }\n .search-component .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer; }\n .search-component.u-input-group.simple {\n float: right; }\n .search-component.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px; }\n .search-component.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute; }\n\n.col-resize-container {\n height: 0px;\n position: relative; }\n .col-resize-container + .table-col-resizer:first-of-type {\n table-layout: fixed; }\n .col-resize-container .active-drag .icon {\n visibility: visible; }\n .col-resize-container .last-handle {\n display: none; }\n .col-resize-container .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize; }\n .col-resize-container .drag-handle .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden; }\n .col-resize-container .drag-handle .icon:first-child {\n left: -2px; }\n .col-resize-container .drag-handle .icon:last-child {\n left: 6px; }\n .col-resize-container .drag-handle:hover .icon {\n visibility: visible; }\n .col-resize-container .drag-handle:hover .col-resizer {\n border: 1px solid; }\n .col-resize-container .drag-handle.disabled-drag {\n cursor: default;\n display: none; }\n .col-resize-container .drag-handle .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px; }\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800; }\n .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {\n line-height: 26px;\n height: 26px;\n padding: 0px 16px 0 16px;\n cursor: pointer; }\n\n.filter-wrap .u-form-control {\n height: 26px; }\n\n.filter-wrap .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {\n height: 26px; }\n\n.filter-wrap .calendar-picker .u-input-group-btn {\n line-height: 20px; }\n\n.filter-wrap .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf {\n line-height: 12px; }\n\n.u-row-hover {\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent; }\n\n.u-row-hover2 {\n position: absolute;\n left: 100; }\n\n.header-dispaly-in-row.u-table table {\n table-layout: fixed; }\n\n.header-dispaly-in-row th {\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden; }\n\n.body-dispaly-in-row.u-table table {\n table-layout: fixed; }\n\n.body-dispaly-in-row td {\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden; }\n\n.u-table-drag-hidden-cont {\n position: absolute;\n top: -1000px; }\n\n.u-editable-table .u-table .u-table-row-hover .editable-cell-text-wrapper {\n padding-left: 4px;\n border: 1px solid #c1c7d0; }\n\n.u-editable-table .u-table .editable-cell-text-wrapper:hover {\n padding-left: 4px;\n border: 1px solid #a5adba; }\n\n.u-editable-table .u-table .editable-cell-input-wrapper:focus {\n outline: none; }\n\n.u-editable-table-tp .tooltip-arrow {\n top: 1px !important;\n border-bottom-color: #F44336 !important; }\n\n.u-editable-table-tp .tooltip-inner {\n border-color: #F44336 !important; }\n\n.selected {\n background: #FFF7E7; }\n\n.demo25 {\n height: 100%; }\n .demo25 .u-table-filter-column-filter-icon {\n right: 15px; }\n\n.opt-btns .u-button {\n margin: 0 4px;\n color: #fff;\n background: #505F79;\n border-color: #505F79; }\n .opt-btns .u-button:hover, .opt-btns .u-button:active {\n background: #344563;\n border-color: #505F79; }\n\n.demo04.u-table tr:nth-child(2n) {\n background: #f7f9fb; }\n\n.demo04.u-table tr.u-table-row-hover, .demo04 .u-table tr:hover {\n background: #ebecf0; }\n\n.demo22 .opt-btns {\n margin-bottom: 8px; }\n\n.demo32 .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px; }\n\n.demo0501 .u-table .u-row-hover .opt-btns button, .demo0501 .u-table .u-row-hover .cancel-btns button {\n margin: 0; }\n .demo0501 .u-table .u-row-hover .opt-btns button:first-child, .demo0501 .u-table .u-row-hover .cancel-btns button:first-child {\n margin-right: 8px; }\n\n.demo0501 .u-table .u-table-row td {\n padding: 5px 8px; }\n .demo0501 .u-table .u-table-row td input {\n font-size: 12px;\n padding-left: 5px; }\n\n.demo0501 .u-table .u-table-row .u-form-control,\n.demo0501 .u-table .u-table-row .u-select-selection {\n height: 30px; }\n\n.demo0501 .u-table .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px; }\n\n.demo0501 .u-table .required {\n margin-left: 10px;\n position: relative; }\n .demo0501 .u-table .required::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px; }\n .demo0501 .u-table .required span.u-input-group {\n display: block; }\n\n.demo0501 .u-table .verify-cell {\n padding-right: 25px !important; }\n\n.demo0501 .u-table .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.demo0501 .u-table .ref-input-wrap {\n width: 160px !important; }\n\n.u-editable-table-tp .tp-content {\n color: #F44336; }\n\n.u-editable-table .u-table .u-table-row td {\n padding: 5px 8px; }\n .u-editable-table .u-table .u-table-row td input {\n padding-left: 5px;\n font-size: 12px; }\n .u-editable-table .u-table .u-table-row td input.error {\n border-color: #F44336; }\n\n.u-editable-table .u-table .u-table-row .editable-cell {\n height: 30px; }\n\n.u-editable-table .u-table .u-table-row-hover .editable-cell-text-wrapper {\n line-height: 19px; }\n\n.u-editable-table .u-table .u-table-row .u-form-control,\n.u-editable-table .u-table .u-table-row .u-select-selection {\n height: 30px; }\n\n.u-editable-table .u-table .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px; }\n\n.u-editable-table .u-table .editable-cell-input-wrapper {\n padding-right: 0; }\n .u-editable-table .u-table .editable-cell-input-wrapper .ref-input-wrap {\n width: auto !important;\n height: 30px; }\n .u-editable-table .u-table .editable-cell-input-wrapper .ref-input-wrap .u-input-group {\n display: inline-block; }\n\n.u-editable-table .u-table .verify-cell {\n padding-right: 25px !important; }\n\n.u-editable-table .u-table .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.u-editable-table-tp .tp-content {\n color: #F44336; }\n\n.demo0503-m-b.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb; }\n\n.demo0503-m-b .u-form-group {\n overflow: hidden; }\n\n.demo0503-m-b .u-form-control {\n font-size: 12px; }\n\n.demo0503-m-b .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px; }\n\n.demo0503-m-b .ref-input-wrap {\n width: 240px !important; }\n\n.demo0503-m-b .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px; }\n .demo0503-m-b .u-label .mast {\n padding: 0;\n color: red; }\n\n.demo0503-m-b .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.u-editable-table-tp {\n z-index: 9999 !important; }\n .u-editable-table-tp .tp-content {\n color: #F44336; }\n\n.ref-core-button .u-button:first-child {\n margin-right: 8px; }\n\n.demo0505 .toolbar-btns {\n margin-bottom: 8px; }\n .demo0505 .toolbar-btns .u-button:first-child {\n margin-right: 8px; }\n\n.demo0505 .u-table .u-row-select {\n background-color: #FFF7E7; }\n\n.demo0505 .u-table .u-table-row td {\n padding: 5px 8px; }\n .demo0505 .u-table .u-table-row td input {\n font-size: 12px;\n padding-left: 5px; }\n\n.demo0505 .u-table .u-table-row .u-form-control,\n.demo0505 .u-table .u-table-row .u-select-selection {\n height: 30px; }\n\n.demo0505 .u-table .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px; }\n\n.demo0505 .u-table .required {\n margin-left: 10px;\n position: relative; }\n .demo0505 .u-table .required::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px; }\n .demo0505 .u-table .required span.u-input-group {\n display: block; }\n\n.demo0505 .u-table .verify-cell {\n padding-right: 25px !important; }\n\n.demo0505 .u-table .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336; }\n\n.demo0505 .u-table .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.demo0505 .u-table .ref-input-wrap {\n width: 160px !important; }\n\n.u-editable-table-tp .tp-content {\n color: #F44336; }\n\nth .drop-menu .uf {\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px; }\n\nth:hover .uf {\n visibility: visible; }\n\n.expanded-table .expand-icon-con .uf {\n font-size: 12px; }\n\n\n.demo8 .u-table {\n margin-bottom: 11px; }\n\n.demo8 .u-pagination {\n display: flex;\n align-items: center;\n justify-content: center; }\n","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-size-base: 12px !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n// 白色背景下的文字颜色\n$font-color-base: #212121 !default;\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n// $border-color-base: $gray-lighter;\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\n$line-height-base: 1.57142857;\n\n// 边框圆角\n$border-radius-base: $border-radius;\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: #909090;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n// 品牌色\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\n\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\n\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-50})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-50})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-50})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-50})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$color-light: $gray-darker !default;\n\n//redius\n\n$default-border-radius: $border-radius;\n\n// hover时的背景色,包括select、dropdown、table、datepicker、tree、menu等组件\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\n// // selected背景色,包括:select、menu等\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\n\n// UButton\n\n// Button 基础背景色.\n// 默认按钮()\n$button-default-color: unquote(\"rgb(#{$default-color})\");\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\n\n// 边框按钮(shape:'border')\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\n\n// Button 不同状态下的背景色 :hover、active、focus状态.\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\n\n// Button 配置不同colors属性时的背景色.\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-secondary-color: $brand-secondary;\n$button-secondary-active-color: $brand-secondary-active;\n$button-secondary-hover-color: $brand-secondary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n$button-light-color: $brand-light;\n$button-light-active-color: $brand-light-active;\n$button-light-hover-color: $brand-light-hover;\n\n// Button 文字颜色.\n// 主按钮(colors:'primary')\n$button-primary-text-color: $color-primary-contrast !default;\n$button-text-color: $button-primary-text-color;\n// 次按钮(colors:'secondary')\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\n// 默认按钮()\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\n// 边框按钮(shape:'border')\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// Button 边框样式及颜色.\n$button-border-style: unquote(\"solid\") !default;\n$button-border-color: $border-color-base;\n$button-default-border-color: $button-default-color !default;\n\n// Button 不同状态下的边框颜色 :hover、active、focus状态.\n$button-hover-border-color: $brand-default-hover;\n$button-active-border-color: $brand-default-active;\n$button-focus-border-color: $brand-default-active;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 4/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 4px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 3/10 * $unit !default;\n$button-border-width: 1/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n// Button 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n// Button 特大型按钮\n$button-padding-y-xg:10.5px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n// Button 小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: $border-radius-base;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 32px;\n$form-control-lg-height: 40px;\n$form-control-sm-height: 26px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: $border-color-base;\n$form-control-disable-bg-color: #F7F9FB;\n$form-control-disable-color: $disabled-color-base;\n$form-control-disable-border-color: #DFE1E6;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-primary-color: $brand-primary;\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: $border-radius;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: $disabled-color-base !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color:$font-color-base;\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: $brand-primary;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n$timepicker-border-gap-color:#ccc;\n$timepicker-font-size:14px;\n\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #42526E;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: 1;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: $border-color-base;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:#7A869A;\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9.5px;\n$pagination-lg-padding-horizontal: 15.5px;\n\n$pagination-small-font-size: 12px;\n$pagination-small-padding-vertical: 4px;\n$pagination-small-padding-horizontal: 9.5px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:$hover-bg-color-base;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:#7A869A;\n$pag-active-border-color:#7A869A;\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: $border-radius;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $brand-primary;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 976px;\n$modal-lg: 800px;\n$modal-sm: 400px;\n$modal-default: 600px;\n$modal-border-radius: $border-radius-base;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: $border-color-base;\n$select-border-radius: $border-radius-base;\n$select-color: $font-color-base;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: $hover-bg-color-base;\n$select-dropdown-selected-bg: $selected-bg-color-base;\n$select-dropdown-selected-color: rgb(134, 119, 119);\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: $disabled-color-base;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: $disabled-color-base;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$brand-primary;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\n\n// bee-tree\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tree-node-bg-color: $hover-bg-color-base !default;\n\n// bee-table\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\n\n// bee-transfer\n$transfer-border-gap-color:#d9d9d9;\n\n// bee-transfer\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n\r\n$loading-icon-color: #0084ff;\r\n\r\n/**\r\n * 加载背景\r\n */\r\n//.u-loading-back{\r\n// position:relative;\r\n// text-align: center;\r\n// width:$loading-back-width;\r\n// height:$loading-back-height;\r\n// margin:0 auto;\r\n// &.light{\r\n// background: #fff;\r\n// }\r\n// &.dark{\r\n// background: #000;\r\n// }\r\n//}\r\n/**\r\n * 文字\r\n */\r\n.u-loading-desc {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n font-size: $font-size-base;\r\n color: $font-color-base;\r\n text-align: center;\r\n}\r\n\r\n\r\n/**\r\n * default样式 单个圆圈加载\r\n */\r\n\r\n.u-loading {\r\n &.u-loading-rotate {\r\n & > div {\r\n position: absolute;\r\n border-radius: 100%;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n // border: 2px solid #0084ff;\r\n // border-bottom-color: transparent;\r\n width: $loading-rotate-size;\r\n height: $loading-rotate-size;\r\n top: $loading-center-top;\r\n left: $loading-center-left;\r\n margin-left: $loading-rotate-center;\r\n margin-top: $loading-rotate-center;\r\n background: transparent !important;\r\n display: inline-block;\r\n -webkit-animation: rotate 1s 0s linear infinite;\r\n animation: rotate 1s 0s linear infinite;\r\n text-align: center;\r\n line-height: $loading-rotate-size;\r\n & > img{\r\n width: $loading-rotate-size;\r\n }\r\n & > .uf{\r\n color: $loading-icon-color;\r\n font-size: 40px;\r\n padding: 0;\r\n }\r\n }\r\n &.u-loading-rotate-lg {\r\n & > div {\r\n margin-left: $loading-rotate-center-lg;\r\n margin-top: $loading-rotate-center-lg;\r\n width: $loading-rotate-lg-size;\r\n height: $loading-rotate-lg-size;\r\n line-height: $loading-rotate-lg-size;\r\n & > img{\r\n width: $loading-rotate-lg-size;\r\n }\r\n & > .uf{\r\n font-size: 60px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-sm {\r\n & > div {\r\n margin-left:$loading-rotate-center-sm;\r\n margin-top: $loading-rotate-center-sm;\r\n width: $loading-rotate-sm-size;\r\n height:$loading-rotate-sm-size;\r\n line-height: $loading-rotate-sm-size;\r\n & > img{\r\n width: $loading-rotate-sm-size;\r\n }\r\n & > .uf{\r\n font-size: 25px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-primary {\r\n & > div > .uf{\r\n color: $loading-loadprimary;\r\n // border: 2px solid $loading-loadprimary;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-success {\r\n & > div > .uf{\r\n color: $loading-loadsuccess;\r\n // border: 2px solid $loading-loadsuccess;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-warning {\r\n & > div > .uf{\r\n color: $loading-loadwarn;\r\n // border: 2px solid $loading-loadwarn;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n.u-loading-backdrop{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1900;\r\n // opacity: .4;\r\n // filter: blur(.5px);\r\n background-color:rgba(255,255,255,0.4);\r\n &.full-screen{\r\n position: fixed;\r\n }\r\n}\r\n\r\n@keyframes rotate {\r\n 0% {\r\n -webkit-transform: rotate(0deg) scale(1);\r\n transform: rotate(0deg) scale(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: rotate(180deg) scale(1);\r\n transform: rotate(180deg) scale(1);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: rotate(360deg) scale(1);\r\n transform: rotate(360deg) scale(1);\r\n }\r\n}\r\n\r\n.u-loading {\r\n &.u-loading-line {\r\n position: absolute;\r\n top:$loading-center-top;\r\n left: $loading-center-left;\r\n margin-top: $loading-line-center-top;\r\n margin-left: $loading-line-center-left;\r\n & > div {\r\n background-color: #C2C3C5;\r\n width: $loading-line-width;\r\n height: $loading-line-height;\r\n border-radius: 2px;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n display: inline-block;\r\n }\r\n &.u-loading-line-lg {\r\n margin-top: $loading-line-center-lg-top;\r\n margin-left: $loading-line-center-lg-left;\r\n & > div {\r\n width: $loading-line-lg-width;\r\n height: $loading-line-lg-height;\r\n }\r\n }\r\n &.u-loading-line-sm {\r\n margin-top: $loading-line-center-sm-top;\r\n margin-left: $loading-line-center-sm-left;\r\n & > div {\r\n width:$loading-line-sm-width;\r\n height: $loading-line-sm-height;\r\n }\r\n }\r\n @each $index, $anima in $loading-lineanimating {\r\n div:nth-child( #{$index} ) {\r\n -webkit-animation: $anima;\r\n animation: $anima;\r\n background-color: map_get($loading-linebackcolor, $index);\r\n }\r\n }\r\n\r\n &.u-loading-line-primary {\r\n & > div {\r\n background-color: $loading-loadprimary;\r\n }\r\n }\r\n &.u-loading-line-success {\r\n & > div {\r\n background-color: $loading-loadsuccess;\r\n }\r\n }\r\n &.u-loading-line-warning {\r\n & > div {\r\n background-color: $loading-loadwarn;\r\n }\r\n }\r\n }\r\n}\r\n.u-loading {\r\n &.u-loading-custom {\r\n & > div {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n -webkit-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n }\r\n }\r\n}\r\n@keyframes line-scale {\r\n 0% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: scaley(0.4);\r\n transform: scaley(0.4);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n\r\n }\r\n}\r\n","@import \"minxin-colors\";\n\n// 默认色\n$default-color: $palette-blue-grey-50;\n$default-color-dark: \"223,225,230\";\n$default-color-light: \"223,225,230\";\n\n// 主题色\n$primary-color: \"245, 60, 50\" !default;\n$primary-color-dark: \"230, 0, 18\" !default;\n$primary-color-light: \"230, 0, 18\" !default;\n\n// 字体\n$font-family-primary: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif !default;\n// 主字号\n$font-size-base: 14px !default;\n// 主按钮文本色\n$text-color-base: $color-dark-contrast !default; \n\n// 圆角,包括:button、select等\n$border-radius: 3px !default;\n// 边框色,包括按钮、输入框、分页\n$border-color: \"165, 173, 186\" !default;\n// 条目hover背景色,包括:select、dropdown、table、datepicker、tree、menu、calendar\n$item-hover-bg-color-base: \"235, 236, 240\" !default;\n// 条目selected背景色,包括:select、menu等\n$item-selected-bg-color-base: \"255, 247, 231\" !default;\n\n// Button 细化样式变量:\n// 次按钮背景色\n$secondary-color: $palette-blue-grey-50 !default;\n$secondary-color-dark: \"223,225,230\" !default;\n$secondary-color-light: \"223,225,230\" !default;\n// 次按钮文本色\n$button-secondary-text-color: $palette-grey-900 !default;\n\n// Table 细化样式变量:\n// 表头背景色\n$table-header-background-color: \"241, 242, 245\";\n// 表头文字颜色\n$table-header-text-color: \"33, 33, 33\";\n// 表格分割线颜色\n$table-border-color-base: \"193, 199, 208\";\n// 表格行hover背景色\n$table-row-hover-bg-color: \"235, 236, 240\";\n\n// 向下兼容\n$color-primary: $palette-blue-600 !default;\n$color-primary-dark: $palette-blue-800 !default;\n$color-primary-light: $palette-blue-400 !default;\n\n// 辅色\n$color-accent: $palette-green-600 !default;\n$color-accent-dark: $palette-green-800 !default;\n$color-accent-light: $palette-green-400 !default;\n\n\n// cyan主题\n//$color-primary: $palette-cyan-500 !default;\n//$color-primary-dark: $palette-cyan-700 !default;\n//$color-accent: $palette-light-blue-500 !default;\n\n// orange主题\n//$color-primary: $palette-orange-500 !default;\n//$color-primary-dark: $palette-orange-700 !default;\n//$color-accent: $palette-deep-orange-500 !default;\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-loading/src/Loading\";\n\n$text-color: $font-color-base;\n$font-size-base: 12px;\n$line-height: 1.33;\n// 主题定制border:\n$table-border-color: unquote(\"rgb(#{$table-border-color-base})\");\n// $table-head-background-color: #f7f7f7;\n// $table-head-text-color: #666;\n$vertical-padding: 12px;\n$horizontal-padding: 8px;\n$first-horizontal-padding: 12px;\n// $table-border-color: #e9e9e9;\n\n$table-hover-color: #E7F2FC;\n$table-move-in-color: $bg-color-base;\n$checkbox-height:14px;\n$table-th-bottom-border:#C1C7D0;\n\n$filter-form-control-height:26px;\n$table-head-font-weight: bold;\n$icon-color:#505F79;\n.u-table {\n font-size: $font-size-base;\n color: $text-color;\n // transition: opacity 0.3s ease;\n position: relative;\n line-height: $line-height;\n overflow: hidden;\n &-body{\n // overflow: hidden!important;\n position: relative;\n .u-table-row-expand-columns-in-body .expand-icon-con {\n display: none;\n pointer-events: none;\n }\n }\n &-hiden-drag{\n position: relative;\n &-li{\n position: absolute;\n top: 0px;\n left: 0px;\n // height: 10px;//这个高度先注释掉了,加上后,在火狐浏览器上会站位置。滚动条拉到最右边有错行\n }\n }\n table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n\n th {\n // background: $table-head-background-color;\n font-weight: $table-head-font-weight;\n text-align: left;\n // transition: background 0.3s ease;\n line-height: 16px;\n &[colspan] {\n text-align: center;\n }\n ::last-child{\n overflow: hidden;\n }\n }\n\n td {\n border-bottom: 1px solid $table-border-color;\n line-height: $line-height;\n a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n .u-switch-span{\n display: inline-block\n }\n }\n thead{\n tr:last-child{\n border-bottom: 1px solid $table-th-bottom-border;\n }\n tr>th:last-child{\n border-right: none; \n }\n }\n tr {\n // transition: all 0.3s ease;\n &:hover {\n // background: $hover-bg-color-base;\n td {\n .uf-eye{\n visibility: visible !important;\n }\n }\n }\n tr a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body){\n display: flex;\n flex-direction: row-reverse;\n &:nth-last-child(1):last-child {\n border-right: none;\n }\n .expand-icon-con {\n height: 14px;\n .uf{\n padding: 0;\n }\n .u-table-row-expand-icon {\n width: 2px;\n }\n }\n .u-checkbox {\n margin: 0;\n }\n }\n }\n tr.tr-row-hover {\n background: $hover-bg-color-base;\n }\n\n th,\n td {\n padding: $vertical-padding $horizontal-padding;\n word-break: break-all;\n &.drag-handle-column {\n .uf {\n font-size: 12px;\n line-height: 12px;\n }\n }\n &.text-center{\n text-align: center;\n }\n &.text-right{\n text-align: right;\n }\n .expand-icon-con{\n cursor: pointer;\n display: inline-block;\n font-size: 12px;\n line-height: 12px;\n }\n }\n &-sm {\n td {\n padding: 8px $horizontal-padding;\n }\n }\n &-lg {\n td {\n padding: 16px $horizontal-padding;\n }\n }\n tr {\n \n &.filterable{\n th{\n padding-top: 5px !important;\n padding-bottom: 5px !important;\n .filterContext{\n height: 35px;\n }\n .u-select-selection--single{\n height: 26px;\n }\n }\n }\n }\n &-row-hover {\n background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n }\n \n &-scroll {\n overflow: auto;\n }\n &-bordered {\n table {\n border: 1px solid $table-border-color;\n box-sizing: border-box;\n table-layout: fixed;\n // width:auto;\n }\n \n .u-table-header>table {\n border-bottom: 0;\n }\n .u-table-header~.u-table-body,.u-table-header~.u-table-body-outer{\n table{\n border-top: 0px ;\n }\n }\n\n th {\n border-bottom: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n th,\n td {\n border-right: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n }\n &-drag-border{\n tr {\n th.th-can-not-drag{ //拖拽tag影响了表格整体宽度\n overflow: hidden;\n .u-table-thead-th-drag-gap{//最后一个非固定列不可以拖拽\n display: none;\n }\n }\n }\n }\n &-header {\n overflow: hidden;\n background: $table-head-background-color;\n color: $table-head-text-color;\n }\n\n &.fixed-height td {\n padding: 0px $horizontal-padding;\n }\n\n &-fixed-header &-body {\n background: #fff;\n position: relative;\n }\n &-fixed-left &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n\n &-fixed-header &-fixed-left &-body-inner {\n padding-right: 0px;\n }\n\n &-fixed-header &-body-inner {\n height: 100%;\n overflow: scroll;\n }\n\n\n &-fixed-header &-scroll &-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n &-title {\n padding: $vertical-padding $horizontal-padding;\n border-top: 1px solid $table-border-color;\n }\n\n &-content {\n position: relative;\n }\n\n &-footer {\n padding: $vertical-padding $horizontal-padding;\n border-bottom: 1px solid $table-border-color;\n .u-table-scroll{\n overflow-x: hidden;\n }\n }\n &-footer & {\n margin: (-$vertical-padding) (-$horizontal-padding);\n }\n\n &-placeholder {\n padding: $vertical-padding 8px;\n background: #fff;\n border-bottom: 1px solid $table-border-color;\n text-align: center;\n position: relative;\n .table-nodata{ \n font-size: 40px; \n line-height: 44px;\n + span{\n font-size: 12px;\n line-height: 12px;\n display: block;\n }\n }\n }\n\n &-expand-icon-col {\n width: 10px;\n }\n &-row,\n &-expanded-row {\n .u-table{\n tr{\n background: #fff;\n }\n tr.u-table-row-hover{\n background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n }\n }\n &-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 8px;\n width: 14px;\n height: 14px;\n text-align: center;\n line-height: 14px;\n user-select: none;\n &.uf{\n font-size: 12px;\n padding: 0;\n }\n }\n &-spaced {\n visibility: hidden;\n }\n &-spaced:after {\n content: \".\";\n }\n &-expanded {\n &:after {\n content: \"\\e639\";\n font-family: \"uf\";\n }\n }\n &-collapsed {\n &:after {\n content: \"\\e61c\";\n font-family: \"uf\";\n }\n }\n }\n &-row{\n &.selected{\n background: #FFF7E7;\n }\n }\n tr.u-table-expanded-row {\n background: #DFE1E6;\n &:hover {\n background: #DFE1E6;\n }\n .u-table {\n // padding: 0 40px 0 20px;\n z-index: 1;\n }\n }\n &-column-hidden {\n display: none;\n }\n &-prev-columns-page,\n &-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1;\n &:hover {\n color: #2db7f5;\n }\n &-disabled {\n cursor: not-allowed;\n color: #999;\n &:hover {\n color: #999;\n }\n }\n }\n &-prev-columns-page {\n margin-right: 8px;\n &:before {\n content: \"<\";\n }\n }\n &-next-columns-page {\n float: right;\n &:before {\n content: \">\";\n }\n }\n\n &-fixed-left,\n &-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1;\n table {\n width: auto;\n background: #fff;\n }\n }\n\n &-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n &-fixed-header & &-body-inner {\n padding-right: 0;\n }\n }\n\n &-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n\n // hide expand row content in right fixed Table\n // https://github.com/ant-design/ant-design/issues/1898\n &-expanded-row {\n color: transparent;\n pointer-events: none;\n }\n \n }\n \n &-scroll-position-left &-fixed-left {\n box-shadow: none;\n }\n\n &-scroll-position-right &-fixed-right {\n box-shadow: none;\n }\n\n &-thead{\n .filter-text,.filter-dropdown,.filter-date {\n font-weight: normal;\n }\n .filter-wrap{\n display: flex;\n justify-content: center;\n align-items: center;\n .filter-btns{\n min-width: 58px;\n }\n }\n th{\n background: $table-head-background-color;\n color: $table-head-text-color;\n background-clip:padding-box;\n //禁止选中文字\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none; \n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none;\n\n // overflow: hidden;\n // white-space: nowrap;\n // text-overflow: ellipsis;\n .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 16px;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n margin-top: -3px;\n i{\n padding: 0px;\n font-weight: 600;\n color: $icon-color;\n }\n \n & > .bee-table-column-sorter-down,\n & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\n line-height: 16px;\n display: block;\n width: 34px;\n cursor: pointer;\n }\n \n }\n\n .bee-table-column-sorter-down.on .uf-triangle-down,\n .bee-table-column-sorter-down.on .uf-triangle-up,\n .bee-table-column-sorter-up.on .uf-triangle-down,\n .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66666667) rotate(0deg);\n -ms-transform: scale(0.66666667) rotate(0deg);\n transform: scale(0.66666667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999;\n // -webkit-transition: all 0.3s;\n // transition: all 0.3s;\n }\n &:hover{\n .bee-table-column-sorter {\n display: inline-block;\n }\n }\n }\n .th-drag{\n cursor: move;\n }\n .th-drag:hover{\n background: $hover-bg-color-base;\n\n }\n //为了区分是拖拽宽度还是交换列,先注释上面了\n // .th-drag:hover{\n // background:#ccc;\n // }\n .th-drag-hover{ \n background: #ccc;\n }\n &-th{\n position: relative;\n\n &-drag-gap{\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n // background:transparent;\n // width: 1px;\n // background:#ccc;\n width: 20px;\n \n box-sizing: border-box;\n z-index: 1;\n\n .online{\n height: 100%;\n width: 1px;\n background:transparent;//兼容火狐浏览器,如果table设置border,\n margin: 0 auto;\n }\n .online-hover{\n background:#000000;\n }\n \n }\n &-drag-gap:hover{\n cursor: col-resize;\n .online{\n background: #000000\n }\n }\n }\n &-th:last-child {\n &-drag-gap{\n border: none;\n }\n }\n }\n\n\n &-filter-column{\n \n &-pop-cont{\n margin: 0px;\n max-height: 300px;\n overflow-y: auto;\n color:#212121;\n }\n &-clear-setting{ \n // border-bottom: 1px solid #ccc;\n cursor: pointer;\n margin-bottom: 4px;\n }\n &-cont{\n position: relative;\n }\n &-filter-icon{\n position: absolute;\n width: 30px;\n height: 39px ;\n line-height: 39px;\n right: 0px ;\n top:1px ;\n z-index: 2;\n background: $table-head-background-color;\n text-align: center;\n cursor: pointer;\n i.uf{\n padding: 0px;\n color: $icon-color;\n }\n }\n &-pop-cont-item{\n margin-top: 8px;\n font-size: 12px;\n // line-height: 30px;\n cursor: pointer;\n .u-checkbox {\n margin: 0px;\n\n }\n }\n &-pop-cont-item span.drop-menu-title{\n margin-left: -3px;\n max-width: 132px;\n width: auto !important;\n min-width: 56px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: middle;\n }\n &-pop .u-modal-dialog{\n border: 1px solid #ccc;\n background: #fff;\n }\n }\n //拖拽宽度代码\n &-row-fixed-columns-in-body{\n // visibility: hidden;\n display:none;\n pointer-events: none;\n }\n //固定列含有checkbox 样式复写\n .u-checkbox {\n height: $checkbox-height;\n line-height: $checkbox-height;\n margin:0px;\n display: block;\n margin-left: 5px;\n .u-checkbox-label{\n line-height: $checkbox-height;\n padding-left: 16px;\n &:before,&:after {\n width: $checkbox-height;\n height: $checkbox-height;\n }\n }\n }\n .u-table-scroll,.u-table-fixed-left{\n tr{\n td:first-child, th:first-child{\n padding-left: $first-horizontal-padding\n }\n }\n }\n &.has-fixed-left{\n .u-table-scroll{\n tr{\n td:first-child, th:first-child{\n padding-left: $horizontal-padding\n }\n }\n }\n }\n // 滚动条样式复写\n ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n ::-webkit-scrollbar-button {\n display: none;\n }\n ::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute;\n }\n\n ::-webkit-scrollbar-track {\n display: none;\n }\n\n ::-webkit-scrollbar-track-piece {\n display: none;\n }\n\n .row-dragg-able{\n cursor:move;\n }\n .u-table-drag-hidden-cont{\n width: 100px;\n height: 40px;\n }\n\n}\n\n.u-table:focus{\n outline: none;\n // border-color: #9ecaed;\n // box-shadow: 0 0 10px #9ecaed;\n box-shadow: 0 0 0;\n}\n\n .u-table-bordered {\n .u-table-drag-gap{\n background:#e9e9e9;\n }\n }\n.u-table.bordered {\n table {\n border-collapse: collapse;\n }\n th,\n td {\n border: 1px solid $table-border-color;\n }\n}\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running;\n}\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running;\n}\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: $table-move-in-color;\n }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 80% {\n background: $table-move-in-color;\n }\n 100% {\n background: transparent;\n opacity: 1;\n }\n}\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0;\n }\n}\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0;\n}\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0;\n}\n\n.editable-cell {\n position: relative;\n}\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px;\n}\n.editable-cell-input-wrapper {\n .u-form-item.formItem-style .u-label{\n display: none;\n }\n .u-input-group .u-form-control{\n height: 26px;\n font-size: 12px;\n }\n}\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px;\n}\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer;\n}\n\n.editable-cell-icon {\n line-height: 28px;\n display: none;\n}\n\n.editable-cell-icon-check {\n line-height: 28px;\n}\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block;\n}\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5;\n}\n\n.editable-add-btn {\n margin-bottom: 8px;\n}\n\n.search-component {\n margin-bottom: 20px;\n .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer;\n }\n &.u-input-group.simple {\n float: right;\n }\n &.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px;\n }\n &.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute;\n }\n}\n\n\n.col-resize-container {\n height: 0px;\n position: relative;\n\n & + .table-col-resizer:first-of-type {\n table-layout: fixed;\n }\n\n .active-drag .icon{\n visibility: visible;\n }\n\n .last-handle {\n display: none;\n }\n\n .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize;\n\n .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden;\n\n &:first-child {\n left: -2px\n }\n &:last-child {\n left: 6px\n }\n }\n\n &:hover{\n .icon{\n visibility: visible;\n }\n .col-resizer {\n border: 1px solid;\n }\n }\n\n &.disabled-drag {\n cursor: default;\n display: none;\n }\n\n .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px;\n }\n }\n}\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800;\n .u-dropdown-menu {\n li.u-dropdown-menu-item {\n line-height: $filter-form-control-height;\n height: $filter-form-control-height;\n padding: 0px 16px 0 16px;\n cursor: pointer;\n }\n }\n}\n.filter-wrap {\n .u-form-control{\n height: $filter-form-control-height;\n }\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {\n height: $filter-form-control-height;\n }\n .calendar-picker {\n .u-input-group-btn{\n line-height: 20px;\n }\n }\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf{\n line-height: 12px;\n }\n}\n.u-row-hover{\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent;\n}\n\n.u-row-hover2{\n position: absolute;\n left: 100;\n}\n\n\n\n// 表格显示里面的内容显示在一行\n.header-dispaly-in-row{\n &.u-table{\n table{\n table-layout: fixed;\n }\n }\n th{\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden;\n }\n}\n.body-dispaly-in-row{\n &.u-table{\n table{\n table-layout: fixed;\n }\n \n }\n td{\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden;\n }\n}\n.u-table-drag-hidden-cont{\n position: absolute;\n top:-1000px;\n}\n\n.u-editable-table .u-table {\n .u-table-row-hover {\n .editable-cell-text-wrapper {\n padding-left: 4px;\n border: 1px solid #c1c7d0;\n }\n }\n\n .editable-cell-text-wrapper {\n &:hover {\n padding-left: 4px;\n border: 1px solid #a5adba;\n }\n }\n\n .editable-cell-input-wrapper {\n &:focus {\n outline: none;\n }\n }\n}\n\n.u-editable-table-tp {\n .tooltip-arrow {\n top: 1px !important;\n border-bottom-color: #F44336 !important;\n }\n\n .tooltip-inner {\n border-color: #F44336 !important;\n }\n}\n","// @import \"../node_modules/tinper-bee-core/scss/index.scss\";\n// @import \"../node_modules/bee-panel/src/Panel.scss\";\n// @import \"../node_modules/bee-layout/src/Layout.scss\";\n// @import \"../node_modules/bee-button/src/Button.scss\";\n// @import \"../node_modules/bee-transition/src/Transition.scss\";\n// @import \"../node_modules/bee-popconfirm/src/Popconfirm.scss\";\n// @import \"../node_modules/bee-form-control/src/FormControl.scss\";\n// @import \"../node_modules/bee-pagination/src/Pagination.scss\";\n// @import \"../node_modules/bee-checkbox/src/Checkbox.scss\";\n// @import \"../node_modules/bee-select/src/Select.scss\";\n// @import \"../node_modules/bee-popover/src/Popover.scss\";\n// @import \"../node_modules/bee-tooltip/src/Tooltip.scss\";\n// @import \"../node_modules/bee-message/build/Message.css\";\n// @import \"../node_modules/bee-dropdown/build/Dropdown.css\";\n// @import \"../node_modules/bee-input-number/build/InputNumber.css\";\n// @import \"../node_modules/bee-modal/build/Modal.css\";\n@import \"../src/Table.scss\";\n\n\n//引入日期控件样式文件\n// @import \"../node_modules/bee-datepicker/src/datepicker.scss\";\n\n.selected{\n background: #FFF7E7;\n}\n\n.demo25{\n height: 100%;\n\n .u-table-filter-column-filter-icon{\n right: 15px;\n }\n\n}\n.opt-btns .u-button{\n margin: 0 4px;\n color: #fff;\n background: #505F79;\n border-color: #505F79;\n &:hover, &:active{\n background: #344563;\n border-color: #505F79;\n }\n}",".demo04 {\n &.u-table tr:nth-child(2n){\n background: #f7f9fb;\n }\n &.u-table tr.u-table-row-hover, .u-table tr:hover{\n background: #ebecf0;\n }\n}",".demo22{\n .opt-btns{\n margin-bottom: 8px;\n }\n}",".demo32{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}",".demo0501 .u-table {\n .u-row-hover {\n .opt-btns,.cancel-btns {\n button {\n margin: 0;\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n }\n\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}",".u-editable-table .u-table {\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n padding-left: 5px;\n font-size: 12px;\n\n &.error {\n border-color: #F44336;\n }\n }\n }\n\n .editable-cell {\n height: 30px;\n }\n\n &-hover {\n .editable-cell-text-wrapper {\n line-height: 19px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .editable-cell-input-wrapper {\n padding-right: 0;\n .ref-input-wrap {\n width: auto !important;\n height: 30px;\n .u-input-group{\n display: inline-block;\n }\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}",".demo0503-m-b {\n\n &.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb;\n }\n\n .u-form-group {\n overflow: hidden;\n }\n\n .u-form-control {\n font-size: 12px;\n }\n\n .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px;\n }\n\n .ref-input-wrap {\n width: 240px !important;\n }\n\n .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n .mast {\n padding: 0;\n color: red;\n }\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n z-index: 9999 !important;\n\n .tp-content {\n color: #F44336;\n }\n}\n.ref-core-button .u-button:first-child{\n margin-right: 8px;\n}",".demo0505 {\n\n .toolbar-btns {\n margin-bottom: 8px;\n\n .u-button {\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n\n .u-table {\n .u-row-select {\n background-color: #FFF7E7;\n }\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}","th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n",".expanded-table{\r\n .expand-icon-con .uf{\r\n font-size: 12px;\r\n }\r\n}",".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}"],"sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"sources":["demo.css","../node_modules/tinper-bee-core/scss/minxin-variables.scss","../node_modules/bee-loading/src/Loading.scss","../node_modules/tinper-bee-core/scss/minxin-themeColors.scss","../src/Table.scss","TableDemo.scss","demolist/Demo0104.scss","demolist/Demo0302.scss","demolist/Demo0402.scss","demolist/Demo0501.scss","demolist/Demo0502.scss","demolist/Demo0503.scss","demolist/Demo0505.scss","demolist/Demo0603.scss","demolist/Demo1101.scss","demolist/Demo1601.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACuXjB,eAAe;AAWf,iBAAiB;AAXjB,eAAe;AAWf,iBAAiB;AC5XjB;;IAEI;AAcJ;;IAEI;AACJ;EACE,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,SAAQ;EACR,gBCfmB;EDgBnB,eDauB;ECZvB,mBAAkB,EACnB;;AAGD;;IAEI;AAEJ;EAGM,mBAAkB;EAClB,oBAAmB;EACnB,YAAW;EAEX,0BAAyB;EAGzB,YDkwCmB;ECjwCnB,aDiwCmB;EChwCnB,SD2wCiB;EC1wCjB,UD2wCkB;EC1wClB,mBD6wCsB;EC5wCtB,kBD4wCsB;EC3wCtB,mCAAkC;EAClC,sBAAqB;EAErB,wCAAuC;EACvC,mBAAkB;EAClB,kBDuvCmB,EC9uCpB;EA9BL;IAuBQ,YDqvCiB,ECpvClB;EAxBP;IA0BQ,eA9DoB;IA+DpB,gBAAe;IACf,WAAU,EACX;;AA7BP;EAiCQ,mBD2vCuB;EC1vCvB,kBD0vCuB;ECzvCvB,YD0uCoB;ECzuCpB,aDyuCoB;ECxuCpB,kBDwuCoB,ECjuCrB;EA5CP;IAuCU,YDsuCkB,ECruCnB;EAxCT;IA0CU,gBAAe,EAChB;;AA3CT;EAgDQ,mBD0uCwB;ECzuCxB,kBDyuCwB;ECxuCxB,YDytCqB;ECxtCrB,aDwtCqB;ECvtCrB,kBDutCqB,EChtCtB;EA3DP;IAsDU,YDqtCmB,ECptCpB;EAvDT;IAyDU,gBAAe,EAChB;;AA1DT;EA+DQ,eDorC8B,ECjrC/B;;AAlEP;EAsEQ,eD8qCqB,EC3qCtB;;AAzEP;EA6EQ,eDwqC2B,ECrqC5B;;AAMP;EACE,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,UAAS;EACT,QAAO;EACP,cAAa;EAGb,2CAAsC,EAIvC;EAbD;IAWI,gBAAe,EAChB;;AAGH;EACE;IAEE,iCAAgC,EAAA;EAGlC;IAEE,mCAAkC,EAAA;EAGpC;IAEE,mCAAkC,EAAA,EAAA;;AAItC;EAEI,mBAAkB;EAClB,SD8pCmB;EC7pCnB,UD8pCoB;EC7pCpB,kBDqqC0B;ECpqC1B,mBDqqC2B,ECnnC5B;EAxDH;IAQM,0BAAyB;IACzB,WDkpCiB;ICjpCjB,aDkpCmB;ICjpCnB,mBAAkB;IAClB,YAAW;IAEX,0BAAyB;IACzB,sBAAqB,EACtB;EAhBL;IAkBM,kBD0pC2B;ICzpC3B,mBD0pC4B,ECrpC7B;IAxBL;MAqBQ,WDwoCkB;MCvoClB,aDwoCoB,ECvoCrB;EAvBP;IA0BM,kBD8oC4B;IC7oC5B,mBD8oC4B,ECzoC7B;IAhCL;MA6BQ,WD4nCmB;MC3nCnB,aD4nCoB,EC3nCrB;EA/BP;IAoCQ,2ED6lC8D;IC5lC9D,0BDmmCU,EClmCX;EAtCP;IAoCQ,2ED8lC8D;IC7lC9D,0BDomCU,ECnmCX;EAtCP;IAoCQ,2ED+lC8D;IC9lC9D,0BDqmCU,ECpmCX;EAtCP;IAoCQ,2EDgmC8D;IC/lC9D,0BDsmCU,ECrmCX;EAtCP;IAoCQ,2EDimC8D;IChmC9D,0BDumCU,ECtmCX;EAtCP;IA2CQ,0BDklC8B,ECjlC/B;EA5CP;IAgDQ,0BD8kCqB,EC7kCtB;EAjDP;IAqDQ,0BD0kC2B,ECzkC5B;;AAIP;EAGM,mBAAkB;EAClB,UAAS;EACT,SAAQ;EAER,iCAA+B,EAChC;;AAGL;EACE;IAEE,qBAAoB,EAAA;EAGtB;IAEE,uBAAsB,EAAA;EAGxB;IAEE,qBAAoB,EAAA,EAAA;;AExNxB;EACE,gBApBmB;EAqBnB,eHkBuB;EGhBvB,mBAAkB;EAClB,kBAvBgB;EAwBhB,iBAAgB,EA2qBjB;EA1qBC;IAEE,mBAAkB,EAKnB;IAPA;MAIG,cAAa;MACb,qBAAoB,EACrB;EAEH;IACE,mBAAkB,EAOnB;IANC;MACE,mBAAkB;MAClB,SAAQ;MACR,UAAS,EAEV;EAtBL;IAyBI,YAAW;IACX,0BAAyB;IACzB,iBAAgB,EACjB;EA5BH;IAgCI,kBAlCyB;IAmCzB,iBAAgB;IAEhB,kBAAiB,EAOlB;IA1CH;MAqCM,mBAAkB,EACnB;IAtCL;MAwCM,iBAAgB,EACjB;EAzCL;IA6CI,4CA7D4D;IA8D5D,kBAhEc,EA6Ef;IA3DH;MAgDM,eAAc,EAOf;MAvDL;QAkDQ,eAAc,EACf;MAnDP;QAqDQ,eAAc,EACf;IAtDP;MAyDM,sBACF,EAAC;EA1DL;IA8DM,iCAnEyB,EAoE1B;EA/DL;IAiEM,mBAAkB,EACnB;EAlEL;IA0EU,+BAA8B,EAC/B;EA3ET;IA+EM,eAAc,EAOf;IAtFL;MAiFQ,eAAc,EACf;IAlFP;MAoFQ,eAAc,EACf;EArFP;IAwFM,qBAAa;IAAb,cAAa;IACb,gCAA2B;IAA3B,4BAA2B,EAgB5B;IAzGL;MA2FQ,mBAAkB,EACnB;IA5FP;MA8FQ,aAAY,EAOb;MArGP;QAgGU,WAAU,EACX;MAjGT;QAmGU,WAAU,EACX;IApGT;MAuGQ,UAAS,EACV;EAxGP;IA4GI,+BHiF8D,EGhF/D;EA7GH;;IAiHI,kBA7HoB;IA8HpB,sBAAqB,EAmBtB;IArIH;;MAqHQ,gBAAe;MACf,kBAAiB,EAClB;IAvHP;;MA0HM,mBAAkB,EACnB;IA3HL;;MA6HM,kBAAiB,EAClB;IA9HL;;MAgIM,gBAAe;MACf,sBAAqB;MACrB,gBAAe;MACf,kBAAiB,EAClB;EAEF;IAEG,iBApJkB,EAqJnB;EAEF;IAEG,kBAzJkB,EA0JnB;EA9IL;IAoJQ,4BAA2B;IAC3B,+BAA8B,EAO/B;IA5JP;MAuJU,aAAY,EACb;IAxJT;MA0JU,aAAY,EACb;EAIP;IACE,+BAAuD,EACxD;EAED;IACE,eAAc,EACf;EACA;IAEG,qCAxL0D;IAyL1D,uBAAsB;IACtB,oBAAmB,EAEpB;EANF;IASK,iBAAgB,EACnB;EAVF;IAaK,gBAAgB,EACjB;EAdJ;IAkBG,4CAxM0D;IAyM1D,uBAAsB,EACvB;EApBF;;IAuBG,2CA7M0D;IA8M1D,uBAAsB,EACvB;EAEF;IAGK,iBAAgB,EAIjB;IAPJ;MAKO,cAAa,EACd;EAIP;IACE,iBAAgB;IAChB,+BHmvC2E;IGlvC3E,uBHmvC+D,EGlvChE;EA/MH;IAkNI,iBA9NoB,EA+NrB;EAED;IACE,iBAAgB;IAChB,mBAAkB,EACnB;EACD;IACE,oBAAmB;IACnB,oBAAmB,EACpB;EAEA;IACC,mBAAkB,EACnB;EAED;IACE,aAAY;IACZ,iBAAgB,EACjB;EAGD;IACE,mBAAkB;IAClB,qBAAoB;IACpB,qBAAoB;IACpB,mBAAkB;IAClB,uBAAsB,EACvB;EAED;IACE,kBA7PoB;IA8PpB,yCAlQ4D,EAmQ7D;EAED;IACE,mBAAkB,EACnB;EAED;IACE,kBAtQoB;IAuQpB,4CA3Q4D,EA+Q7D;IANA;MAIG,mBAAkB,EACnB;EAEH;IACE,mBA7QoB,EA8QrB;EAED;IACE,kBAA8B;IAC9B,iBAAgB;IAChB,4CAvR4D;IAwR5D,mBAAkB;IAClB,mBAAkB,EAUnB;IAfA;MAOG,gBAAe;MACf,kBAAiB,EAMlB;MAdF;QAUK,gBAAe;QACf,kBAAiB;QACjB,eAAc,EACf;EAIL;IACE,YAAW,EACZ;EACA;IAIK,iBAAgB,EACjB;EALJ;IAOK,+BAAuD,EACxD;EAEH;IACE,gBAAe;IACf,sBAAqB;IACrB,kBAAiB;IACjB,YAAW;IACX,aAAY;IACZ,mBAAkB;IAClB,kBAAiB;IACjB,0BAAiB;IAAjB,uBAAiB;IAAjB,sBAAiB;IAAjB,kBAAiB,EAKlB;IAbA;MAUG,gBAAe;MACf,WAAU,EACX;EAEH;IACE,mBAAkB,EACnB;EACD;IACE,aAAY,EACb;EACA;IAEG,iBAAgB;IAChB,kBAAiB,EAClB;EAEF;IAEG,iBAAgB;IAChB,kBAAiB,EAClB;EAGJ;IAEG,oBAAmB,EACpB;EAtUL;IAyUI,oBAAmB,EAQpB;IAjVH;MA2UM,oBAAmB,EACpB;IA5UL;MA+UM,WAAU,EACX;EAEH;IACE,cAAa,EACd;EACD;IAEE,gBAAe;IACf,YAAW;IACX,WAAU,EAWX;IAfA;MAMG,eAAc,EACf;IACD;MACE,oBAAmB;MACnB,YAAW,EAIZ;MANA;QAIG,YAAW,EACZ;EAGL;IACE,kBAAiB,EAIlB;IALA;MAGG,aAAY,EACb;EAEH;IACE,aAAY,EAIb;IALA;MAGG,aAAY,EACb;EAGH;IAEE,mBAAkB;IAClB,OAAM;IACN,iBAAgB;IAChB,WAAU,EAKX;IAVA;MAOG,YAAW;MACX,iBAAgB,EACjB;EAGH;IACE,QAAO;IACP,+CAA8C,EAQ/C;IAPC;MACE,oBAAmB;MACnB,oBAAmB,EACpB;IACD;MACE,iBAAgB,EACjB;EAGH;IACE,SAAQ;IACR,gDAA+C,EAShD;IALC;MACE,mBAAkB;MAClB,qBAAoB,EACrB;EAIH;IACE,iBAAgB,EACjB;EAED;IACE,iBAAgB,EACjB;EAEA;IAEG,oBAAmB,EACpB;EAHF;IAKG,qBAAa;IAAb,cAAa;IACb,sBAAuB;IAAvB,wBAAuB;IACvB,uBAAmB;IAAnB,oBAAmB,EAIpB;IAXF;MASK,gBAAe,EAChB;EAVJ;IAaG,+BHohCyE;IGnhCzE,uBHohC6D;IGnhC7D,6BAA2B;IAE3B,4BAA2B;IAE3B,0BAAyB;IACzB;;QAEE;IACA,sBAAqB;IACrB,kBAAiB,EA+DpB;IAvFF;MA8BK,mBAAkB;MAClB,iBAAgB;MAChB,aAAY;MACZ,uBAAsB;MACtB,mBAAkB;MAClB,sBAAqB;MACrB,iBAAgB,EAejB;MAnDJ;QAsCO,aAAY;QACZ,iBAAgB;QAChB,eAxcS,EAycV;MAzCN;;QA6CO,kBAAiB;QACjB,eAAc;QACd,YAAW;QACX,gBAAe,EAChB;IAjDN;;;;MAyDK,eAAc,EACf;IA1DJ;;MA8DK,aAAY;MACZ,gBAAe,EAChB;IAhEJ;;MAmEK,sBAAqB;MACrB,WAAU;MACV,gBAAe;MACf,iBAAgB;MAGhB,uCAAyC;MACzC,+GAA8G;MAC9G,QAAO;MACP,iBAAgB;MAChB,YAAW;MACX,YAAW,EAGZ;IAjFJ;MAoFS,sBAAqB,EACxB;EArFN;IAyFG,aAAY,EACb;EA1FF;IA4FG,+BH9T4D,EGgU7D;EA9FF;IAoGG,iBAAgB,EACjB;EACD;IACE,mBAAkB,EAgCnB;IA9BC;MACE,aAAY;MACZ,mBAAkB;MAClB,aAAY;MACZ,OAAM;MAIN,YAAW;MAEX,uBAAsB;MACtB,WAAU,EAYX;MAvBA;QAcG,aAAY;QACZ,WAAU;QACV,wBAAsB;QACtB,eAAc,EACf;MAlBF;QAoBG,oBAAkB,EACnB;IAGH;MACE,mBAAkB,EAInB;MALA;QAGG,oBACF,EAAC;EAGJ;IAEG,aAAY,EACb;EAOH;IACE,YAAW;IACX,kBAAiB;IACjB,iBAAgB;IAChB,eAAa,EACd;EACD;IAEE,gBAAe;IACf,mBAAkB,EACnB;EACD;IACE,mBAAkB,EACnB;EACD;IACE,mBAAkB;IAClB,YAAW;IACX,aAAa;IACb,kBAAiB;IACjB,WAAW;IACX,SAAQ;IACR,WAAU;IACV,+BHy3ByE;IGx3BzE,mBAAkB;IAClB,gBAAe,EAKhB;IAfA;MAYG,aAAY;MACZ,eA7kBW,EA8kBZ;EAEH;IACE,gBAAe;IACf,gBAAe;IAEf,gBAAe,EAKhB;IATA;MAMG,YAAW,EAEZ;EAEH;IACE,kBAAiB;IACjB,iBAAgB;IAChB,uBAAsB;IACtB,gBAAe;IACf,iBAAgB;IAChB,wBAAuB;IACvB,oBAAmB;IACnB,sBAAqB;IACrB,uBAAsB,EACvB;EACD;IACE,uBAAsB;IACtB,iBAAgB,EACjB;EAGH;IAEE,cAAY;IACZ,qBAAoB,EACrB;EA9mBH;IAinBI,aAvnBiB;IAwnBjB,kBAxnBiB;IAynBjB,YAAU;IACV,eAAc;IACd,iBAAgB,EASjB;IA9nBH;MAunBM,kBA7nBe;MA8nBf,mBAAkB,EAKnB;MA7nBL;QA0nBQ,YAhoBa;QAioBb,aAjoBa,EAkoBd;EA5nBP;IAkoBQ,mBA7oBuB,EA8oBxB;EAnoBP;IA0oBU,kBAtpBc,EAupBf;EA3oBT;IAipBI,WAAU;IACV,YAAW,EACZ;EAnpBH;IAqpBI,cAAa,EACd;EAtpBH;IAwpBI,+BAA8B;IAC9B,mBAAkB,EACnB;EA1pBH;IA4pBI,mBAAkB;IAClB,0BAAyB;IACzB,mBAAkB,EACnB;EA/pBH;IAkqBI,cAAa,EACd;EAnqBH;IAsqBI,cAAa,EACd;EAvqBH;IA0qBI,aAAW,EACZ;EA3qBH;IA6qBI,aAAY;IACZ,aAAY,EACb;;AAIH;EACE,cAAa;EAGb,kBAAiB,EAClB;;AAEC;EAEI,oBAAkB,EACnB;;AAEL;EAEI,0BAAyB,EAC1B;;AAHH;;EAMI,qCArtB4D,EAstB7D;;AAGH;;EAEE,WAAU;EACV,+DAA8D;EAC9D,yBAAwB;EACxB,0BAAyB;EACzB,6BAA4B,EAC7B;;AAED;EACE,kEAAiE;EACjE,yBAAwB;EACxB,0BAAyB;EACzB,6BAA4B,EAC7B;;AAED;;EAEE,2BAA0B;EAC1B,8BAA6B,EAC9B;;AAED;EACE,6BAA4B;EAC5B,8BAA6B,EAC9B;;AAED;EACE;IACE,sBAAqB;IACrB,4BAA2B;IAC3B,WAAU;IACV,6BHlsB+C,EAAA;EGosBjD;IACE,sBAAqB;IACrB,yBAAwB;IACxB,WAAU,EAAA;EAEZ;IACE,6BH1sB+C,EAAA;EG4sBjD;IACE,wBAAuB;IACvB,WAAU,EAAA,EAAA;;AAId;EACE;IACE,sBAAqB;IACrB,yBAAwB;IACxB,WAAU,EAAA;EAEZ;IACE,sBAAqB;IACrB,6BAA4B;IAC5B,WAAU,EAAA,EAAA;;AAId;EACE,cAAa;EACb,kBAAiB;EACjB,WAAU,EACX;;AACD;EACE,cAAa;EACb,aAAY;EACZ,sBAAsB;EACtB,yBAAyB;EACzB,wBAAuB;EACvB,eAAc;EACd,yBAAyB;EACzB,0BAA0B;EAC1B,UAAS;EACT,mBAAkB;EAClB,WAAU;EACV,SAAQ;EACR,SAAQ,EACT;;AAED;EACE,mBAAkB,EACnB;;AAED;;EAEE,oBAAmB,EACpB;;AACD;EAEI,cAAa,EACd;;AAHH;EAKI,aAAY;EACZ,gBAAe,EAChB;;AAGH;EACE,0BAAyB;EACzB,aAAY,EACb;;AAED;;EAEE,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,YAAW;EACX,gBAAe,EAChB;;AAED;EACE,kBAAiB;EACjB,cAAa,EACd;;AAED;EACE,kBAAiB,EAClB;;AAED;EACE,sBAAqB,EACtB;;AAED;;EAEE,eAAc,EACf;;AAED;EACE,mBAAkB,EACnB;;AAED;EACE,oBAAmB,EAuBpB;EAxBD;IAGI,mBAAkB;IAClB,YAAW;IACX,YAAW;IACX,SAAQ;IACR,eAAc;IACd,gBAAe,EAChB;EATH;IAWI,aAAY,EACb;EAZH;IAcI,aAAY;IACZ,oBAAmB;IACnB,sBAAqB;IACrB,oBAAmB,EACpB;EAlBH;IAoBI,SAAQ;IACR,YAAW;IACX,mBAAkB,EACnB;;AAIH;EACE,YAAW;EACX,mBAAkB,EAyDnB;EA3DD;IAKI,oBAAmB,EACpB;EANH;IASI,oBAAmB,EACpB;EAVH;IAaI,cAAa,EACd;EAdH;IAiBI,kBAAiB;IACjB,mBAAkB;IAClB,WAAU;IACV,YAAW;IACX,mBAAkB,EAqCnB;IA1DH;MAwBM,eAAc;MACd,UAAS;MACT,mBAAkB;MAClB,mBAAkB,EAQnB;MAnCL;QA8BQ,WACF,EAAC;MA/BP;QAiCQ,UACF,EAAC;IAlCP;MAuCQ,oBAAmB,EACpB;IAxCP;MA0CQ,kBAAiB,EAClB;IA3CP;MA+CM,gBAAe;MACf,cAAa,EACd;IAjDL;MAoDM,mBAAkB;MAClB,WAAU;MACV,aAAY;MACZ,SAAQ;MACR,UAAS,EACV;;AAIL;EACI,cAAa,EAShB;EAVD;IAIY,kBAh7BoB;IAi7BpB,aAj7BoB;IAk7BpB,yBAAwB;IACxB,gBAAe,EAClB;;AAGT;EAEI,aAz7B4B,EA07B7B;;AAHH;EAKI,aA57B4B,EA67B7B;;AANH;EASM,kBAAiB,EAClB;;AAVL;EAaI,kBAAiB,EAClB;;AAEH;EACE,mBAAkB;EAClB,YAAW;EACX,cAAa;EACb,uBAAmB;EAAnB,oBAAmB;EACnB,sBAAuB;EAAvB,wBAAuB;EACvB,wBAAuB,EACxB;;AAED;EACE,mBAAkB;EAClB,UAAS,EACV;;AAKD;EAGM,oBAAmB,EACpB;;AAJL;EAOI,wBAAuB;EACvB,oBAAmB;EACnB,uBAAsB;EACtB,iBAAgB,EACjB;;AAEH;EAGM,oBAAmB,EACpB;;AAJL;EAQI,wBAAuB;EACvB,oBAAmB;EACnB,uBAAsB;EACtB,iBAAgB,EACjB;;AAEH;EACE,mBAAkB;EAClB,aAAW,EACZ;;AAED;EAGM,kBAAiB;EACjB,0BAAyB,EAC1B;;AALL;EAUM,kBAAiB;EACjB,0BAAyB,EAC1B;;AAZL;EAiBM,cAAa,EACd;;AAIL;EAEI,oBAAmB;EACnB,wCAAuC,EACxC;;AAJH;EAOI,iCAAgC,EACjC;;ACrhCH;EACE,oBAAmB,EACpB;;AAED;EACE,aAAY,EAMb;EAPD;IAII,YAAW,EACZ;;AAGH;EACE,cAAa;EACb,YAAW;EACX,oBAAmB;EACnB,sBAAqB,EAKtB;EATD;IAMI,oBAAmB;IACnB,sBAAqB,EACtB;;AC1CH;EAEQ,oBAAmB,EACtB;;AAHL;EAKQ,oBAAmB,EACtB;;ACNL;EAEQ,mBAAkB,EACrB;;ACHL;EAEQ,iBAAgB;EAChB,oBAAmB,EACtB;;ACJL;EAIQ,UAAS,EAIV;EARP;IAMU,kBAAiB,EAClB;;AAPT;EAcM,iBAAgB,EAMjB;EApBL;IAiBQ,gBAAe;IACf,kBAAiB,EAClB;;AAnBP;;EAwBM,aAAY,EACb;;AAzBL;EA6BI,uBAAsB;EACtB,kBAAiB;EACjB,mBAAkB,EACnB;;AAhCH;EAmCI,kBAAiB;EACjB,mBAAkB,EAenB;EAnDH;IAuCM,aAAY;IACZ,0BAAyB;IACzB,SAAQ;IACR,aAAY;IACZ,mBAAkB;IAClB,SAAQ;IACR,WAAU,EACX;EA9CL;IAiDM,eACF,EAAC;;AAlDL;EAqDI,+BAA8B,EAC/B;;AAtDH;EAyDI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AA7DH;EAgEI,wBAAuB,EACxB;;AAGH;EAEI,eAAc,EACf;;ACvEH;EAGM,iBAAgB,EAUjB;EAbL;IAMQ,kBAAiB;IACjB,gBAAe,EAKhB;IAZP;MAUU,sBAAqB,EACtB;;AAXT;EAgBM,aAAY,EACb;;AAjBL;EAqBQ,kBAAiB,EAClB;;AAtBP;;EA2BM,aAAY,EACb;;AA5BL;EAgCI,uBAAsB;EACtB,kBAAiB;EACjB,mBAAkB,EACnB;;AAnCH;EAsCI,iBAAgB,EAQjB;EA9CH;IAwCM,uBAAsB;IACtB,aAAY,EAIb;IA7CL;MA2CQ,sBAAqB,EACtB;;AA5CP;EAiDI,+BAA8B,EAC/B;;AAlDH;EAqDI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AAGH;EAEI,eAAc,EACf;;AC/DH;EAGI,gBAAe;EACf,oBAAmB,EACpB;;AALH;EAQI,iBAAgB,EACjB;;AATH;EAYI,gBAAe,EAChB;;AAbH;EAgBI,eAAc;EACd,YAAW;EACX,aAAY;EACZ,oBAAmB,EACpB;;AApBH;EAuBI,wBAAuB,EACxB;;AAxBH;EA2BI,eAAc;EACd,YAAW;EACX,kBAAiB;EACjB,aAAY;EACZ,uBAAsB;EACtB,oBAAmB;EACnB,gBAAe;EACf,aAAY;EACZ,kBAAiB,EAKlB;EAxCH;IAqCM,WAAU;IACV,WAAU,EACX;;AAvCL;EA2CI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AAGH;EACE,yBAAwB,EAKzB;EAND;IAII,eAAc,EACf;;AAEH;EACE,kBAAiB,EAClB;;AC3DD;EAGI,mBAAkB,EAOnB;EAVH;IAOQ,kBAAiB,EAClB;;AARP;EAcM,0BAAyB,EAC1B;;AAfL;EAkBQ,iBAAgB,EAMjB;EAxBP;IAqBU,gBAAe;IACf,kBAAiB,EAClB;;AAvBT;;EA4BQ,aAAY,EACb;;AA7BP;EAiCM,uBAAsB;EACtB,kBAAiB;EACjB,mBAAkB,EACnB;;AApCL;EAuCM,kBAAiB;EACjB,mBAAkB,EAenB;EAvDL;IA2CQ,aAAY;IACZ,0BAAyB;IACzB,SAAQ;IACR,aAAY;IACZ,mBAAkB;IAClB,SAAQ;IACR,WAAU,EACX;EAlDP;IAqDQ,eACF,EAAC;;AAtDP;EA0DM,+BAA8B,EAC/B;;AA3DL;EA8DM,aAAY;EACZ,mBAAkB;EAClB,aAAY;EACZ,OAAM;EACN,QAAO;EACP,kBAAiB;EACjB,oBAAmB;EACnB,sDAAqD,EACtD;;AAtEL;EAyEM,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,gBAAe,EAChB;;AA7EL;EAgFM,wBAAuB,EACxB;;AAIL;EAEI,eAAc,EACf;;ACxFH;EAGY,gBAAe;EACf,mBAAkB;EAClB,kBAAiB,EACpB;;AANT;EAYgB,oBAAmB,EAC1B;;ACbT;EAEQ,gBAAe,EAClB;;;ACHL;EAEQ,oBAAmB,EACtB;;AAHL;EAKQ,qBAAa;EAAb,cAAa;EACb,uBAAmB;EAAnB,oBAAmB;EACnB,sBAAuB;EAAvB,wBAAuB,EAC1B","file":"demo.css","sourcesContent":["@charset \"UTF-8\";\n/* FormGroup */\n/* Navlayout */\n/* FormGroup */\n/* Navlayout */\n/**\r\n * 加载背景\r\n */\n/**\r\n * 文字\r\n */\n.u-loading-desc {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n font-size: 14px;\n color: #212121;\n text-align: center; }\n\n/**\r\n * default样式 单个圆圈加载\r\n */\n.u-loading.u-loading-rotate > div {\n position: absolute;\n border-radius: 100%;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n width: 40px;\n height: 40px;\n top: 50%;\n left: 50%;\n margin-left: -22px;\n margin-top: -22px;\n background: transparent !important;\n display: inline-block;\n -webkit-animation: rotate 1s 0s linear infinite;\n animation: rotate 1s 0s linear infinite;\n text-align: center;\n line-height: 40px; }\n .u-loading.u-loading-rotate > div > img {\n width: 40px; }\n .u-loading.u-loading-rotate > div > .uf {\n color: #0084ff;\n font-size: 40px;\n padding: 0; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-lg > div {\n margin-left: -35px;\n margin-top: -35px;\n width: 60px;\n height: 60px;\n line-height: 60px; }\n .u-loading.u-loading-rotate.u-loading-rotate-lg > div > img {\n width: 60px; }\n .u-loading.u-loading-rotate.u-loading-rotate-lg > div > .uf {\n font-size: 60px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-sm > div {\n margin-left: -15px;\n margin-top: -15px;\n width: 25px;\n height: 25px;\n line-height: 25px; }\n .u-loading.u-loading-rotate.u-loading-rotate-sm > div > img {\n width: 25px; }\n .u-loading.u-loading-rotate.u-loading-rotate-sm > div > .uf {\n font-size: 25px; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-primary > div > .uf {\n color: #3f51b5; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-success > div > .uf {\n color: #4caf50; }\n\n.u-loading.u-loading-rotate.u-loading-rotate-warning > div > .uf {\n color: #ff9800; }\n\n.u-loading-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(255, 255, 255, 0.4); }\n .u-loading-backdrop.full-screen {\n position: fixed; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(1);\n transform: rotate(0deg) scale(1); }\n 50% {\n -webkit-transform: rotate(180deg) scale(1);\n transform: rotate(180deg) scale(1); }\n 100% {\n -webkit-transform: rotate(360deg) scale(1);\n transform: rotate(360deg) scale(1); } }\n\n.u-loading.u-loading-line {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -30px;\n margin-left: -25px; }\n .u-loading.u-loading-line > div {\n background-color: #C2C3C5;\n width: 6px;\n height: 50px;\n border-radius: 2px;\n margin: 2px;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n display: inline-block; }\n .u-loading.u-loading-line.u-loading-line-lg {\n margin-top: -50px;\n margin-left: -30px; }\n .u-loading.u-loading-line.u-loading-line-lg > div {\n width: 8px;\n height: 90px; }\n .u-loading.u-loading-line.u-loading-line-sm {\n margin-top: -22px;\n margin-left: -20px; }\n .u-loading.u-loading-line.u-loading-line-sm > div {\n width: 4px;\n height: 35px; }\n .u-loading.u-loading-line div:nth-child(1) {\n -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #F44336; }\n .u-loading.u-loading-line div:nth-child(2) {\n -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #7ED321; }\n .u-loading.u-loading-line div:nth-child(3) {\n -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #0084FF; }\n .u-loading.u-loading-line div:nth-child(4) {\n -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #FF9800; }\n .u-loading.u-loading-line div:nth-child(5) {\n -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n animation: line-scale 1s 0.5s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);\n background-color: #D0021B; }\n .u-loading.u-loading-line.u-loading-line-primary > div {\n background-color: #3f51b5; }\n .u-loading.u-loading-line.u-loading-line-success > div {\n background-color: #4caf50; }\n .u-loading.u-loading-line.u-loading-line-warning > div {\n background-color: #ff9800; }\n\n.u-loading.u-loading-custom > div {\n position: absolute;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n@keyframes line-scale {\n 0% {\n -webkit-transform: scaley(1);\n transform: scaley(1); }\n 50% {\n -webkit-transform: scaley(0.4);\n transform: scaley(0.4); }\n 100% {\n -webkit-transform: scaley(1);\n transform: scaley(1); } }\n\n.u-table {\n font-size: 12px;\n color: #212121;\n position: relative;\n line-height: 1.33;\n overflow: hidden; }\n .u-table-body {\n position: relative; }\n .u-table-body .u-table-row-expand-columns-in-body .expand-icon-con {\n display: none;\n pointer-events: none; }\n .u-table-hiden-drag {\n position: relative; }\n .u-table-hiden-drag-li {\n position: absolute;\n top: 0px;\n left: 0px; }\n .u-table table {\n width: 100%;\n border-collapse: collapse;\n text-align: left; }\n .u-table th {\n font-weight: bold;\n text-align: left;\n line-height: 16px; }\n .u-table th[colspan] {\n text-align: center; }\n .u-table th ::last-child {\n overflow: hidden; }\n .u-table td {\n border-bottom: 1px solid rgb(193, 199, 208);\n line-height: 1.33; }\n .u-table td a {\n color: #2196F3; }\n .u-table td a:hover {\n color: #1565c0; }\n .u-table td a:active {\n color: #1565c0; }\n .u-table td .u-switch-span {\n display: inline-block; }\n .u-table thead tr:last-child {\n border-bottom: 1px solid #C1C7D0; }\n .u-table thead tr > th:last-child {\n border-right: none; }\n .u-table tr:hover td .uf-eye {\n visibility: visible !important; }\n .u-table tr tr a {\n color: #2196F3; }\n .u-table tr tr a:hover {\n color: #1565c0; }\n .u-table tr tr a:active {\n color: #1565c0; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) {\n display: flex;\n flex-direction: row-reverse; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body):nth-last-child(1):last-child {\n border-right: none; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con {\n height: 14px; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con .uf {\n padding: 0; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .expand-icon-con .u-table-row-expand-icon {\n width: 2px; }\n .u-table tr td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body) .u-checkbox {\n margin: 0; }\n .u-table tr.tr-row-hover {\n background: rgb(235, 236, 240); }\n .u-table th,\n .u-table td {\n padding: 12px 8px;\n word-break: break-all; }\n .u-table th.drag-handle-column .uf,\n .u-table td.drag-handle-column .uf {\n font-size: 12px;\n line-height: 12px; }\n .u-table th.text-center,\n .u-table td.text-center {\n text-align: center; }\n .u-table th.text-right,\n .u-table td.text-right {\n text-align: right; }\n .u-table th .expand-icon-con,\n .u-table td .expand-icon-con {\n cursor: pointer;\n display: inline-block;\n font-size: 12px;\n line-height: 12px; }\n .u-table-sm td {\n padding: 8px 8px; }\n .u-table-lg td {\n padding: 16px 8px; }\n .u-table tr.filterable th {\n padding-top: 5px !important;\n padding-bottom: 5px !important; }\n .u-table tr.filterable th .filterContext {\n height: 35px; }\n .u-table tr.filterable th .u-select-selection--single {\n height: 26px; }\n .u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-scroll {\n overflow: auto; }\n .u-table-bordered table {\n border: 1px solid rgb(193, 199, 208);\n box-sizing: border-box;\n table-layout: fixed; }\n .u-table-bordered .u-table-header > table {\n border-bottom: 0; }\n .u-table-bordered .u-table-header ~ .u-table-body table, .u-table-bordered .u-table-header ~ .u-table-body-outer table {\n border-top: 0px; }\n .u-table-bordered th {\n border-bottom: 1px solid rgb(193, 199, 208);\n box-sizing: border-box; }\n .u-table-bordered th,\n .u-table-bordered td {\n border-right: 1px solid rgb(193, 199, 208);\n box-sizing: border-box; }\n .u-table-drag-border tr th.th-can-not-drag {\n overflow: hidden; }\n .u-table-drag-border tr th.th-can-not-drag .u-table-thead-th-drag-gap {\n display: none; }\n .u-table-header {\n overflow: hidden;\n background: rgb(241, 242, 245);\n color: rgb(33, 33, 33); }\n .u-table.fixed-height td {\n padding: 0px 8px; }\n .u-table-fixed-header .u-table-body {\n background: #fff;\n position: relative; }\n .u-table-fixed-left .u-table-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-header:not(.u-table-hide-header) .u-table-fixed-left .u-table-body-inner {\n padding-right: 0px; }\n .u-table-fixed-header .u-table-body-inner {\n height: 100%;\n overflow: scroll; }\n .u-table-fixed-header .u-table-scroll .u-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box; }\n .u-table-title {\n padding: 12px 8px;\n border-top: 1px solid rgb(193, 199, 208); }\n .u-table-content {\n position: relative; }\n .u-table-footer {\n padding: 12px 8px;\n border-bottom: 1px solid rgb(193, 199, 208); }\n .u-table-footer .u-table-scroll {\n overflow-x: hidden; }\n .u-table-footer .u-table {\n margin: -12px -8px; }\n .u-table-placeholder {\n padding: 12px 8px;\n background: #fff;\n border-bottom: 1px solid rgb(193, 199, 208);\n text-align: center;\n position: relative; }\n .u-table-placeholder .table-nodata {\n font-size: 40px;\n line-height: 44px; }\n .u-table-placeholder .table-nodata + span {\n font-size: 12px;\n line-height: 12px;\n display: block; }\n .u-table-expand-icon-col {\n width: 10px; }\n .u-table-row .u-table tr, .u-table-expanded-row .u-table tr {\n background: #fff; }\n .u-table-row .u-table tr.u-table-row-hover, .u-table-expanded-row .u-table tr.u-table-row-hover {\n background: rgb(235, 236, 240); }\n .u-table-row-expand-icon, .u-table-expanded-row-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 8px;\n width: 14px;\n height: 14px;\n text-align: center;\n line-height: 14px;\n user-select: none; }\n .u-table-row-expand-icon.uf, .u-table-expanded-row-expand-icon.uf {\n font-size: 12px;\n padding: 0; }\n .u-table-row-spaced, .u-table-expanded-row-spaced {\n visibility: hidden; }\n .u-table-row-spaced:after, .u-table-expanded-row-spaced:after {\n content: \".\"; }\n .u-table-row-expanded:after, .u-table-expanded-row-expanded:after {\n content: \"\\e639\";\n font-family: \"uf\"; }\n .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {\n content: \"\\e61c\";\n font-family: \"uf\"; }\n .u-table-row.selected {\n background: #FFF7E7; }\n .u-table tr.u-table-expanded-row {\n background: #DFE1E6; }\n .u-table tr.u-table-expanded-row:hover {\n background: #DFE1E6; }\n .u-table tr.u-table-expanded-row .u-table {\n z-index: 1; }\n .u-table-column-hidden {\n display: none; }\n .u-table-prev-columns-page, .u-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1; }\n .u-table-prev-columns-page:hover, .u-table-next-columns-page:hover {\n color: #2db7f5; }\n .u-table-prev-columns-page-disabled, .u-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999; }\n .u-table-prev-columns-page-disabled:hover, .u-table-next-columns-page-disabled:hover {\n color: #999; }\n .u-table-prev-columns-page {\n margin-right: 8px; }\n .u-table-prev-columns-page:before {\n content: \"<\"; }\n .u-table-next-columns-page {\n float: right; }\n .u-table-next-columns-page:before {\n content: \">\"; }\n .u-table-fixed-left, .u-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1; }\n .u-table-fixed-left table, .u-table-fixed-right table {\n width: auto;\n background: #fff; }\n .u-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-left-body-inner {\n margin-right: -20px;\n padding-right: 20px; }\n .u-table-fixed-left-fixed-header .u-table-fixed-left .u-table-fixed-left-body-inner {\n padding-right: 0; }\n .u-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1); }\n .u-table-fixed-right-expanded-row {\n color: transparent;\n pointer-events: none; }\n .u-table-scroll-position-left .u-table-fixed-left {\n box-shadow: none; }\n .u-table-scroll-position-right .u-table-fixed-right {\n box-shadow: none; }\n .u-table-thead .filter-text, .u-table-thead .filter-dropdown, .u-table-thead .filter-date {\n font-weight: normal; }\n .u-table-thead .filter-wrap {\n display: flex;\n justify-content: center;\n align-items: center; }\n .u-table-thead .filter-wrap .filter-btns {\n min-width: 58px; }\n .u-table-thead th {\n background: rgb(241, 242, 245);\n color: rgb(33, 33, 33);\n background-clip: padding-box;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none; }\n .u-table-thead th .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 16px;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n margin-top: -3px; }\n .u-table-thead th .bee-table-column-sorter i {\n padding: 0px;\n font-weight: 600;\n color: #505F79; }\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-down,\n .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-up, .u-table-thead th .bee-table-column-sorter > .bee-table-column-sorter-flat {\n line-height: 16px;\n display: block;\n width: 34px;\n cursor: pointer; }\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-down.on .uf-triangle-up,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px; }\n .u-table-thead th .bee-table-column-sorter .uf-triangle-down,\n .u-table-thead th .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66667) rotate(0deg);\n -ms-transform: scale(0.66667) rotate(0deg);\n transform: scale(0.66667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999; }\n .u-table-thead th:hover .bee-table-column-sorter {\n display: inline-block; }\n .u-table-thead .th-drag {\n cursor: move; }\n .u-table-thead .th-drag:hover {\n background: rgb(235, 236, 240); }\n .u-table-thead .th-drag-hover {\n background: #ccc; }\n .u-table-thead-th {\n position: relative; }\n .u-table-thead-th-drag-gap {\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n width: 20px;\n box-sizing: border-box;\n z-index: 1; }\n .u-table-thead-th-drag-gap .online {\n height: 100%;\n width: 1px;\n background: transparent;\n margin: 0 auto; }\n .u-table-thead-th-drag-gap .online-hover {\n background: #000000; }\n .u-table-thead-th-drag-gap:hover {\n cursor: col-resize; }\n .u-table-thead-th-drag-gap:hover .online {\n background: #000000; }\n .u-table-thead-th:last-child-drag-gap {\n border: none; }\n .u-table-filter-column-pop-cont {\n margin: 0px;\n max-height: 300px;\n overflow-y: auto;\n color: #212121; }\n .u-table-filter-column-clear-setting {\n cursor: pointer;\n margin-bottom: 4px; }\n .u-table-filter-column-cont {\n position: relative; }\n .u-table-filter-column-filter-icon {\n position: absolute;\n width: 30px;\n height: 39px;\n line-height: 39px;\n right: 0px;\n top: 1px;\n z-index: 2;\n background: rgb(241, 242, 245);\n text-align: center;\n cursor: pointer; }\n .u-table-filter-column-filter-icon i.uf {\n padding: 0px;\n color: #505F79; }\n .u-table-filter-column-pop-cont-item {\n margin-top: 8px;\n font-size: 12px;\n cursor: pointer; }\n .u-table-filter-column-pop-cont-item .u-checkbox {\n margin: 0px; }\n .u-table-filter-column-pop-cont-item span.drop-menu-title {\n margin-left: -3px;\n max-width: 132px;\n width: auto !important;\n min-width: 56px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: middle; }\n .u-table-filter-column-pop .u-modal-dialog {\n border: 1px solid #ccc;\n background: #fff; }\n .u-table-row-fixed-columns-in-body {\n display: none;\n pointer-events: none; }\n .u-table .u-checkbox {\n height: 14px;\n line-height: 14px;\n margin: 0px;\n display: block;\n margin-left: 5px; }\n .u-table .u-checkbox .u-checkbox-label {\n line-height: 14px;\n padding-left: 16px; }\n .u-table .u-checkbox .u-checkbox-label:before, .u-table .u-checkbox .u-checkbox-label:after {\n width: 14px;\n height: 14px; }\n .u-table .u-table-scroll tr td:first-child, .u-table .u-table-scroll tr th:first-child, .u-table .u-table-fixed-left tr td:first-child, .u-table .u-table-fixed-left tr th:first-child {\n padding-left: 12px; }\n .u-table.has-fixed-left .u-table-scroll tr td:first-child, .u-table.has-fixed-left .u-table-scroll tr th:first-child {\n padding-left: 8px; }\n .u-table ::-webkit-scrollbar {\n width: 8px;\n height: 8px; }\n .u-table ::-webkit-scrollbar-button {\n display: none; }\n .u-table ::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px; }\n .u-table ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute; }\n .u-table ::-webkit-scrollbar-track {\n display: none; }\n .u-table ::-webkit-scrollbar-track-piece {\n display: none; }\n .u-table .row-dragg-able {\n cursor: move; }\n .u-table .u-table-drag-hidden-cont {\n width: 100px;\n height: 40px; }\n\n.u-table:focus {\n outline: none;\n box-shadow: 0 0 0; }\n\n.u-table-bordered .u-table-drag-gap {\n background: #e9e9e9; }\n\n.u-table.bordered table {\n border-collapse: collapse; }\n\n.u-table.bordered th,\n.u-table.bordered td {\n border: 1px solid rgb(193, 199, 208); }\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused; }\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running; }\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running; }\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: rgb(238,238,238); }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 80% {\n background: rgb(238,238,238); }\n 100% {\n background: transparent;\n opacity: 1; } }\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1; }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0; } }\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0; }\n\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0; }\n\n.editable-cell {\n position: relative; }\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px; }\n\n.editable-cell-input-wrapper .u-form-item.formItem-style .u-label {\n display: none; }\n\n.editable-cell-input-wrapper .u-input-group .u-form-control {\n height: 26px;\n font-size: 12px; }\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px; }\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer; }\n\n.editable-cell-icon {\n line-height: 28px;\n display: none; }\n\n.editable-cell-icon-check {\n line-height: 28px; }\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block; }\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5; }\n\n.editable-add-btn {\n margin-bottom: 8px; }\n\n.search-component {\n margin-bottom: 20px; }\n .search-component .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer; }\n .search-component.u-input-group.simple {\n float: right; }\n .search-component.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px; }\n .search-component.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute; }\n\n.col-resize-container {\n height: 0px;\n position: relative; }\n .col-resize-container + .table-col-resizer:first-of-type {\n table-layout: fixed; }\n .col-resize-container .active-drag .icon {\n visibility: visible; }\n .col-resize-container .last-handle {\n display: none; }\n .col-resize-container .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize; }\n .col-resize-container .drag-handle .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden; }\n .col-resize-container .drag-handle .icon:first-child {\n left: -2px; }\n .col-resize-container .drag-handle .icon:last-child {\n left: 6px; }\n .col-resize-container .drag-handle:hover .icon {\n visibility: visible; }\n .col-resize-container .drag-handle:hover .col-resizer {\n border: 1px solid; }\n .col-resize-container .drag-handle.disabled-drag {\n cursor: default;\n display: none; }\n .col-resize-container .drag-handle .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px; }\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800; }\n .u-filter-dropdown-menu-wrap .u-dropdown-menu li.u-dropdown-menu-item {\n line-height: 26px;\n height: 26px;\n padding: 0px 16px 0 16px;\n cursor: pointer; }\n\n.filter-wrap .u-form-control {\n height: 26px; }\n\n.filter-wrap .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {\n height: 26px; }\n\n.filter-wrap .calendar-picker .u-input-group-btn {\n line-height: 20px; }\n\n.filter-wrap .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf {\n line-height: 12px; }\n\n.u-row-hover {\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent; }\n\n.u-row-hover2 {\n position: absolute;\n left: 100; }\n\n.header-dispaly-in-row.u-table table {\n table-layout: fixed; }\n\n.header-dispaly-in-row th {\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden; }\n\n.body-dispaly-in-row.u-table table {\n table-layout: fixed; }\n\n.body-dispaly-in-row td {\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden; }\n\n.u-table-drag-hidden-cont {\n position: absolute;\n top: -1000px; }\n\n.u-editable-table .u-table .u-table-row-hover .editable-cell-text-wrapper {\n padding-left: 4px;\n border: 1px solid #c1c7d0; }\n\n.u-editable-table .u-table .editable-cell-text-wrapper:hover {\n padding-left: 4px;\n border: 1px solid #a5adba; }\n\n.u-editable-table .u-table .editable-cell-input-wrapper:focus {\n outline: none; }\n\n.u-editable-table-tp .tooltip-arrow {\n top: 1px !important;\n border-bottom-color: #F44336 !important; }\n\n.u-editable-table-tp .tooltip-inner {\n border-color: #F44336 !important; }\n\n.selected {\n background: #FFF7E7; }\n\n.demo25 {\n height: 100%; }\n .demo25 .u-table-filter-column-filter-icon {\n right: 15px; }\n\n.opt-btns .u-button {\n margin: 0 4px;\n color: #fff;\n background: #505F79;\n border-color: #505F79; }\n .opt-btns .u-button:hover, .opt-btns .u-button:active {\n background: #344563;\n border-color: #505F79; }\n\n.demo04.u-table tr:nth-child(2n) {\n background: #f7f9fb; }\n\n.demo04.u-table tr.u-table-row-hover, .demo04 .u-table tr:hover {\n background: #ebecf0; }\n\n.demo22 .opt-btns {\n margin-bottom: 8px; }\n\n.demo32 .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px; }\n\n.demo0501 .u-table .u-row-hover .opt-btns button, .demo0501 .u-table .u-row-hover .cancel-btns button {\n margin: 0; }\n .demo0501 .u-table .u-row-hover .opt-btns button:first-child, .demo0501 .u-table .u-row-hover .cancel-btns button:first-child {\n margin-right: 8px; }\n\n.demo0501 .u-table .u-table-row td {\n padding: 5px 8px; }\n .demo0501 .u-table .u-table-row td input {\n font-size: 12px;\n padding-left: 5px; }\n\n.demo0501 .u-table .u-table-row .u-form-control,\n.demo0501 .u-table .u-table-row .u-select-selection {\n height: 30px; }\n\n.demo0501 .u-table .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px; }\n\n.demo0501 .u-table .required {\n margin-left: 10px;\n position: relative; }\n .demo0501 .u-table .required::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px; }\n .demo0501 .u-table .required span.u-input-group {\n display: block; }\n\n.demo0501 .u-table .verify-cell {\n padding-right: 25px !important; }\n\n.demo0501 .u-table .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.demo0501 .u-table .ref-input-wrap {\n width: 160px !important; }\n\n.u-editable-table-tp .tp-content {\n color: #F44336; }\n\n.u-editable-table .u-table .u-table-row td {\n padding: 5px 8px; }\n .u-editable-table .u-table .u-table-row td input {\n padding-left: 5px;\n font-size: 12px; }\n .u-editable-table .u-table .u-table-row td input.error {\n border-color: #F44336; }\n\n.u-editable-table .u-table .u-table-row .editable-cell {\n height: 30px; }\n\n.u-editable-table .u-table .u-table-row-hover .editable-cell-text-wrapper {\n line-height: 19px; }\n\n.u-editable-table .u-table .u-table-row .u-form-control,\n.u-editable-table .u-table .u-table-row .u-select-selection {\n height: 30px; }\n\n.u-editable-table .u-table .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px; }\n\n.u-editable-table .u-table .editable-cell-input-wrapper {\n padding-right: 0; }\n .u-editable-table .u-table .editable-cell-input-wrapper .ref-input-wrap {\n width: auto !important;\n height: 30px; }\n .u-editable-table .u-table .editable-cell-input-wrapper .ref-input-wrap .u-input-group {\n display: inline-block; }\n\n.u-editable-table .u-table .verify-cell {\n padding-right: 25px !important; }\n\n.u-editable-table .u-table .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.u-editable-table-tp .tp-content {\n color: #F44336; }\n\n.demo0503-m-b.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb; }\n\n.demo0503-m-b .u-form-group {\n overflow: hidden; }\n\n.demo0503-m-b .u-form-control {\n font-size: 12px; }\n\n.demo0503-m-b .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px; }\n\n.demo0503-m-b .ref-input-wrap {\n width: 240px !important; }\n\n.demo0503-m-b .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px; }\n .demo0503-m-b .u-label .mast {\n padding: 0;\n color: red; }\n\n.demo0503-m-b .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.u-editable-table-tp {\n z-index: 9999 !important; }\n .u-editable-table-tp .tp-content {\n color: #F44336; }\n\n.ref-core-button .u-button:first-child {\n margin-right: 8px; }\n\n.demo0505 .toolbar-btns {\n margin-bottom: 8px; }\n .demo0505 .toolbar-btns .u-button:first-child {\n margin-right: 8px; }\n\n.demo0505 .u-table .u-row-select {\n background-color: #FFF7E7; }\n\n.demo0505 .u-table .u-table-row td {\n padding: 5px 8px; }\n .demo0505 .u-table .u-table-row td input {\n font-size: 12px;\n padding-left: 5px; }\n\n.demo0505 .u-table .u-table-row .u-form-control,\n.demo0505 .u-table .u-table-row .u-select-selection {\n height: 30px; }\n\n.demo0505 .u-table .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px; }\n\n.demo0505 .u-table .required {\n margin-left: 10px;\n position: relative; }\n .demo0505 .u-table .required::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px; }\n .demo0505 .u-table .required span.u-input-group {\n display: block; }\n\n.demo0505 .u-table .verify-cell {\n padding-right: 25px !important; }\n\n.demo0505 .u-table .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336; }\n\n.demo0505 .u-table .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px; }\n\n.demo0505 .u-table .ref-input-wrap {\n width: 160px !important; }\n\n.u-editable-table-tp .tp-content {\n color: #F44336; }\n\nth .drop-menu .uf {\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px; }\n\nth:hover .uf {\n visibility: visible; }\n\n.expanded-table .expand-icon-con .uf {\n font-size: 12px; }\n\n\n.demo8 .u-table {\n margin-bottom: 11px; }\n\n.demo8 .u-pagination {\n display: flex;\n align-items: center;\n justify-content: center; }\n","\n\n// $performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n@import \"minxin-colors\";\n\n\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n$unit: 10px !default;\n// IMAGES\n$image_path: '/images' !default;\n\n\n\n//默认颜色\n$trim-color-classes: false !default;\n\n@import \"minxin-themeColors\";\n\n//对比色\n$color-primary-contrast: $color-dark-contrast !default;\n$color-accent-contrast: $color-dark-contrast !default;\n//字体颜色\n$color-text: $palette-grey-900 !default;\n\n//不明所以 $primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n\n// -- Fonts 字体大小权重预定义\n$preferred-font: 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif !default;\n$font-size: 1.6 * $unit !default;\n$font-size-tiny: 1.2 * $unit !default;\n$font-size-small: 1.4 * $unit !default;\n$font-size-normal: $font-size !default;\n$font-size-big: 1.8 * $unit !default;\n$font-size-base: 12px !default;\n$font-weight-thin: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-semi-bold: 500 !default;\n$font-weight-bold: 700 !default;\n$font-color:unquote(\"rgb(#{$palette-u-gray-800})\") !default;\n// 白色背景下的文字颜色\n$font-color-base: #212121 !default;\n\n$font-weight-override: false;\n$font-weight-light: 300;\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n$font-weight-base: $font-weight-normal;\n\n\n\n\n$gray-base: unquote(\"rgb(#{$palette-grey-900})\") !default;\n$gray-darkest: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$gray-darker: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$gray-dark: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$gray: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$gray-light: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$gray-lighter: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$gray-lightest:unquote(\"rgb(#{$palette-grey-200})\") !default;\n$inverse: unquote(\"rgb(#{$color-white})\") !default;\n// $border-color-base: $gray-lighter;\n$border-color-base: unquote(\"rgb(#{$border-color})\") !default;\n$line-height-base: 1.57142857;\n\n// 边框圆角\n$border-radius-base: $border-radius;\n\n// 阴影\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n$shadow-base: 0 1px 5px $gray-lighter;\n\n\n\n//-- Indexes\n$z-index-highest: 300;\n$z-index-higher: 200;\n$z-index-high: 100;\n$z-index-normal: 1;\n$z-index-low: -100;\n$z-index-lower: -200;\n\n$zindex-modal: 1700;\n$zindex-modal-background: 1600;\n$zIndex-notification: 1560;\n$zIndex-message: 1550;\n$zIndex-popconfirm: 1540;\n$zIndex-popover: 1540;\n$zIndex-tooltip: 1530;\n$zIndex-alert: 1510;\n$zindex-navbar-fixed: 1500;\n$zindex-menubar: 1400;\n$zindex-overlay: 1300;\n$zindex-dropdown: 1200;\n$zindex-navbar: 1200;\n$zindex-header: 1100;\n$zindex-footer: 1000;\n$zindex-backtop:2000;\n\n// 文本字体\n\n//todo\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n$target-elements-directly: true !default;\n\n\n$global-selected-color: unquote(\"rgb(#{$palette-blue-100})\") !default;\n\n\n// 控件\n$cursor-disabled: not-allowed;\n\n\n$title-color: $gray-darkest;\n//todo\n$subtitle-color: $gray-darker;\n$text-color: $gray-dark;\n\n$prompt-color: $gray;\n//全局不同状态颜色\n//todo\n$active-color-base: unquote(\"rgb(#{$palette-blue-800})\") !default;\n$normal-color-base: unquote(\"rgb(#{$palette-blue-600})\") !default;\n$hover-color-base: unquote(\"rgb(#{$palette-blue-400})\") !default;\n\n$bg-color-base: $gray-lightest;\n\n//disable颜色\n$disabled-color-base: #909090;\n$disabled-border-color: $gray-lighter;\n$disabled-bg-color: $gray-lightest;\n\n// 全局链接颜色\n$link-color: $normal-color-base;\n$link-hover-color: $hover-color-base;\n$link-active-color: $active-color-base;\n\n// 品牌色\n$brand-default: $gray-lighter;\n$brand-default-hover: $gray-lightest;\n$brand-default-active: $gray-light;\n// $brand-default: unquote(\"rgb(#{$color-primary})\");\n// $brand-default-hover: unquote(\"rgb(#{$color-primary-light})\");\n// $brand-default-active: unquote(\"rgb(#{$color-primary-dark})\");\n\n$brand-primary : unquote(\"rgb(#{$primary-color})\") !default;\n$brand-primary-hover: unquote(\"rgb(#{$primary-color-light})\") !default;\n$brand-primary-active: unquote(\"rgb(#{$primary-color-dark})\") !default;\n\n$brand-secondary : unquote(\"rgb(#{$secondary-color})\") !default;\n$brand-secondary-hover: unquote(\"rgb(#{$secondary-color-light})\") !default;\n$brand-secondary-active: unquote(\"rgb(#{$secondary-color-dark})\") !default;\n\n$brand-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$brand-success-hover: unquote(\"rgb(#{$palette-green-300})\") !default;\n$brand-success-active: unquote(\"rgb(#{$palette-green-700})\") !default;\n\n$brand-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$brand-info-hover: unquote(\"rgb(#{$palette-cyan-300})\") !default;\n$brand-info-active: unquote(\"rgb(#{$palette-cyan-700})\") !default;\n\n$brand-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$brand-warning-hover: unquote(\"rgb(#{$palette-orange-300})\") !default;\n$brand-warning-active: unquote(\"rgb(#{$palette-orange-700})\") !default;\n\n\n$brand-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$brand-news-hover: unquote(\"rgb(#{$palette-blue-300})\") !default;\n$brand-news-active: unquote(\"rgb(#{$palette-blue-700})\") !default;\n\n$brand-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$brand-danger-hover: unquote(\"rgb(#{$palette-red-300})\") !default;\n$brand-danger-active: unquote(\"rgb(#{$palette-red-700})\") !default;\n\n$brand-dark: $gray-darker;\n$brand-dark-hover: $gray-dark;\n$brand-dark-active: $gray-darkest;\n\n$brand-light : unquote(\"rgb(#{$color-dark-contrast})\") !default;\n$brand-light-hover: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$brand-light-active: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n$brand-light-primary : unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-success: unquote(\"rgb(#{$palette-green-50})\") !default;\n$brand-light-info: unquote(\"rgb(#{$palette-cyan-50})\") !default;\n$brand-light-warning: unquote(\"rgb(#{$palette-orange-50})\") !default;\n$brand-light-news: unquote(\"rgb(#{$palette-blue-50})\") !default;\n$brand-light-danger: unquote(\"rgb(#{$palette-red-50})\") !default;\n\n//不同背景下对应的文字颜色\n\n$color-news: unquote(\"rgb(#{$palette-blue-500})\") !default;\n$color-success: unquote(\"rgb(#{$palette-green-500})\") !default;\n$color-info: unquote(\"rgb(#{$palette-cyan-500})\") !default;\n$color-warning: unquote(\"rgb(#{$palette-orange-500})\") !default;\n$color-danger: unquote(\"rgb(#{$palette-red-500})\") !default;\n$color-light: $gray-darker !default;\n\n//redius\n\n$default-border-radius: $border-radius;\n\n// hover时的背景色,包括select、dropdown、table、datepicker、tree、menu等组件\n$hover-bg-color-base: unquote(\"rgb(#{$item-hover-bg-color-base})\") !default;\n// // selected背景色,包括:select、menu等\n$selected-bg-color-base: unquote(\"rgb(#{$item-selected-bg-color-base})\") !default;\n\n// UButton\n\n// Button 基础背景色.\n// 默认按钮()\n$button-default-color: unquote(\"rgb(#{$default-color})\");\n$button-default-color-IE8: unquote(\"rgb(#{$default-color})\");\n\n// 边框按钮(shape:'border')\n$button-border-bg-color: unquote(\"rgb(#{$color-dark-contrast})\");\n\n// Button 不同状态下的背景色 :hover、active、focus状态.\n$button-hover-color: unquote(\"rgb(#{$default-color-light})\");\n$button-active-color: unquote(\"rgb(#{$default-color-dark})\");\n$button-focus-color: unquote(\"rgb(#{$default-color-light})\");\n\n// Button 配置不同colors属性时的背景色.\n$button-primary-color: $brand-primary;\n$button-primary-active-color: $brand-primary-active;\n$button-primary-hover-color: $brand-primary-hover;\n$button-secondary-color: $brand-secondary;\n$button-secondary-active-color: $brand-secondary-active;\n$button-secondary-hover-color: $brand-secondary-hover;\n$button-success-color: $brand-success;\n$button-success-active-color: $brand-success-active;\n$button-success-hover-color: $brand-success-hover;\n$button-info-color: $brand-info;\n$button-info-active-color: $brand-info-active;\n$button-info-hover-color: $brand-info-hover;\n$button-warning-color: $brand-warning;\n$button-warning-active-color: $brand-warning-active;\n$button-warning-hover-color: $brand-warning-hover;\n$button-danger-color: $brand-danger;\n$button-danger-active-color: $brand-danger-active;\n$button-danger-hover-color: $brand-danger-hover;\n$button-dark-color: $brand-dark;\n$button-dark-active-color: $brand-dark-active;\n$button-dark-hover-color: $brand-dark-hover;\n$button-light-color: $brand-light;\n$button-light-active-color: $brand-light-active;\n$button-light-hover-color: $brand-light-hover;\n\n// Button 文字颜色.\n// 主按钮(colors:'primary')\n$button-primary-text-color: $color-primary-contrast !default;\n$button-text-color: $button-primary-text-color;\n// 次按钮(colors:'secondary')\n$button-second-text-color: unquote(\"rgb(#{$button-secondary-text-color})\") !default;\n// 默认按钮()\n$button-default-text-color: unquote(\"rgb(#{$palette-grey-900})\") !default;\n// 边框按钮(shape:'border')\n// $button-border-text-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// Button 边框样式及颜色.\n$button-border-style: unquote(\"solid\") !default;\n$button-border-color: $border-color-base;\n$button-default-border-color: $button-default-color !default;\n\n// Button 不同状态下的边框颜色 :hover、active、focus状态.\n$button-hover-border-color: $brand-default-hover;\n$button-active-border-color: $brand-default-active;\n$button-focus-border-color: $brand-default-active;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent-light})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n// Button 最小宽度、高度、内边距、外边距、行高、边框粗细、圆角.\n$button-min-width: 72/10 * $unit !default;\n$button-height: 36/10 * $unit !default;\n$button-padding: 4/10* $unit 13/10 * $unit !default;\n$button-padding-IE8: 4px 13px !default;\n$button-top-padding: 1310 * $unit !default;\n$button-left-padding: 6/10* $unit !default;\n$button-line-height:1.57142857;\n$button-margin: 4/10 * $unit !default;\n$button-border-radius: 3/10 * $unit !default;\n$button-border-width: 1/10 * $unit !default;\n\n$button-fab-size: 38/10 * $unit !default;\n$button-fab-size-mini: 30/10 * $unit !default;\n$button-fab-font-size: 14/10 * $unit !default;\n\n$button-icon-size: 32/10 * $unit !default;\n$button-icon-size-mini: 13/10 * $unit !default;\n\n$button-raised-font-size: 14/10 * $unit !default;\n\n// Button 大按钮\n$button-padding-y-lg:8px;\n$button-padding-x-lg:15px;\n$font-size-lg:1.4 * $unit;\n\n\n// Button 特大型按钮\n$button-padding-y-xg:10.5px;\n$button-padding-x-xg:18px;\n$font-size-xg:1.6 * $unit;\n\n\n// Button 小型按钮\n$button-padding-y-sm:3px;\n$button-padding-x-sm:5px;\n$font-size-sm:1.2 * $unit;\n\n\n\n// UText\n\n\n$form-control-border-radius: $border-radius-base;\n$form-control-default-font-size: 14px;\n$form-control-lg-font-size: 14px;\n$form-control-sm-font-size: 12px;\n$form-control-default-height: 32px;\n$form-control-lg-height: 40px;\n$form-control-sm-height: 26px;\n$form-control-color: #424242;\n$form-control-bg-color: #fff;\n$form-control-border-color: $border-color-base;\n$form-control-disable-bg-color: #F7F9FB;\n$form-control-disable-color: $disabled-color-base;\n$form-control-disable-border-color: #DFE1E6;\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-bottom-border-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n$input-text-must-color:unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n\n$input-text-font-size: 14px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n$input-text-height:36px !default;\n$input-text-normal-width:360px !default;\n$input-text-short-width:180px !default;\n$input-text-normal-border-color:unquote(\"rgb(#{$palette-u-gray-400})\") !default;\n$input-text-color:unquote(\"rgb(#{$palette-u-gray-A200})\") !default;\n$input-text-focus-border-color:unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$input-lable-color:unquote(\"rgb(#{$palette-u-gray-900})\") !default;\n\n\n/* FormGroup */\n\n$error-input-border:$brand-danger;\n$warning-input-border:$brand-warning;\n$success-input-border:$brand-success;\n$success-addon-bg: $brand-light-success;\n$warning-addon-bg: $brand-light-warning;\n$error-addon-bg: $brand-light-danger;\n$form-group-margin-top: 15px;\n$form-group-margin-bottom: 15px;\n\n/* Navlayout */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-100})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$layout-drawer-navigation-link-active-color: $layout-text-color !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n$layout-nav-link-font-size: 13px !default;\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 44px !default;\n$layout-drawer-button-desktop-size: 34px !default;\n$layout-drawer-button-desktop-margin-top: 5px !default;\n$layout-drawer-button-mobile-margin-top: 10px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 44px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n// gridlayout\n\n// Extra small screen / phone\n//$screen-xs: 480px;\n\n$screen-xs-min: 480px;\n// Deprecated `@screen-phone` as of v3.0.1\n//@screen-phone: @screen-xs-min;\n\n// Small screen / tablet\n// Deprecated `@screen-sm` as of v3.0.1\n//@screen-sm: 768px;\n$screen-sm-min: 768px;\n// Deprecated `@screen-tablet` as of v3.0.1\n//@screen-tablet: @screen-sm-min;\n\n// Medium screen / desktop\n// Deprecated `@screen-md` as of v3.0.1\n//@screen-md: 992px;\n$screen-md-min: 992px;\n// Deprecated `@screen-desktop` as of v3.0.1\n//@screen-desktop: @screen-md-min;\n\n// Large screen / wide desktop\n// Deprecated `@screen-lg` as of v3.0.1\n//@screen-lg: 1200px;\n$screen-lg-min: 1200px;\n// Deprecated `@screen-lg-desktop` as of v3.0.1\n//@screen-lg-desktop: @screen-lg-min;\n$screen-xs-max: ($screen-sm-min - 1 );\n\n$screen-sm-max: ($screen-sm-min - 1 );\n\n$screen-md-max: ($screen-lg-min - 1 );\n\n\n\n\n// Number of columns in the grid.\n$grid-columns: 12;\n// Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px;\n// Navbar collapse\n// Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: 768px;\n// Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width);\n// For `@screen-sm-min` and up.\n$container-sm: $container-tablet;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width);\n// For `@screen-md-min` and up.\n$container-md: $container-desktop;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width);\n// For `@screen-lg-min` and up.\n$container-lg: $container-large-desktop;\n\n\n\n// menu\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-text-color-IE8: unquote(\"rgb(#{$color-black})\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-u-blue-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-u-blue-100})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-u-blue-200})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n// Tile\n$tile-width: 100%;\n\n$tile-default-border-color: #e9e9e9;\n$tile-default-hover-shadow-color: rgba(0, 0, 0, 0.2);\n\n$tile-primary-border-color: $button-primary-color;\n$tile-primary-hover-shadow-color: $button-primary-hover-color;\n\n$tile-danger-border-color: $button-danger-color;\n$tile-danger-hover-shadow-color: $button-danger-hover-color;\n\n$tile-warning-border-color: $button-warning-color;\n$tile-warning-hover-shadow-color: $button-warning-hover-color;\n\n$tile-success-border-color: $button-success-color;\n$tile-success-hover-shadow-color: $button-success-hover-color;\n\n$tile-info-border-color: $button-info-color;\n$tile-info-hover-shadow-color: $button-info-hover-color;\n\n// Alert\n$alert-news-bg: $brand-light-news;\n$alert-success-bg: $brand-light-success;\n$alert-info-bg: $brand-light-info;\n$alert-warning-bg: $brand-light-warning;\n$alert-danger-bg: $brand-light-danger;\n\n\n$alert-dark-news-bg: $brand-news;\n$alert-dark-success-bg: $brand-success;\n$alert-dark-info-bg: $brand-info;\n$alert-dark-warning-bg: $brand-warning;\n$alert-dark-danger-bg: $brand-danger;\n\n$alert-news-color: $color-news;\n$alert-success-color: $color-success;\n$alert-info-color: $color-info;\n$alert-warning-color: $color-warning;\n$alert-danger-color: $color-danger;\n\n$timeline-primary-color: $brand-primary;\n$timeline-news-color: $color-news;\n$timeline-success-color: $color-success;\n$timeline-info-color: $color-info;\n$timeline-warning-color: $color-warning;\n$timeline-danger-color: $color-danger;\n\n$alert-padding:10px;\n$alert-font-size:12px;\n$alert-border-radius: $border-radius;\n$alert-text-padding-left: 15px;\n$alert-text-padding-right: 15px;\n$alert-close-font-size: 21px;\n$alert-close-opacity: .2;\n$alert-close-font-weight: 700;\n\n//Checkbox\n\n$checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$checkbox-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-disabled-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$palette-u-blue-500}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n$checkbox-label-font-size: 13px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n$checkbox-primary-bg: $brand-primary;\n$checkbox-success-bg: $brand-success;\n$checkbox-info-bg: $brand-info;\n$checkbox-warning-bg: $brand-warning;\n$checkbox-danger-bg: $brand-danger;\n$checkbox-dark-bg: $brand-dark;\n\n$progress-primary-bg: $brand-primary;\n$progress-success-bg: $brand-success;\n$progress-info-bg: $brand-info;\n$progress-warning-bg: $brand-warning;\n$progress-danger-bg: $brand-danger;\n$progress-dark-bg: $brand-dark;\n\n$primary-color-opacity:unquote(\"rgba(#{$primary-color}, 0.7)\") !default;\n$color-success-opacity:unquote(\"rgba(#{$palette-green-500}, 0.7)\") !default;\n$color-info-opacity:unquote(\"rgba(#{$palette-cyan-500}, 0.7)\") !default;\n$color-warning-opacity:unquote(\"rgba(#{$palette-orange-500}, 0.7)\") !default;\n$color-danger-opacity:unquote(\"rgba(#{$palette-red-500}, 0.7)\") !default;\n$color-dark-opacity:unquote(\"rgba(#{$palette-grey-700}, 0.7)\") !default;\n\n\n$progress-sm-height: 10px;\n$progress-xs-height: 5px;\n$progress-xs-width: 170px;\n$progress-default-height: 20px;\n$progress-sm-lable-font-size: 10px;\n$progress-sm-lable-line-height: 10px;\n$progress-xs-lable-line-height: 8px;\n$progress-xs-lable-margin-left: 140px;\n$progress-xs-lable-font-size: 10px;\n$progress-xs-lable-color: #000;\n\n// Radio\n\n$radio-color: unquote(\"rgb(#{$primary-color})\") !default;\n$radio-off-color: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-off-color-IE8: unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$radio-disabled-color: $disabled-color-base !default;\n\n$radio-label-font-size: 13px !default;\n$radio-label-height: 32px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n$radio-primary-bg: $brand-primary;\n$radio-success-bg: $brand-success;\n$radio-info-bg: $brand-info;\n$radio-warning-bg: $brand-warning;\n$radio-danger-bg: $brand-danger;\n$radio-dark-bg: $brand-dark;\n\n$radio-disabled-bg: #f7f7f7;\n$radio-diabled-border-color: #d9d9d9;\n\n$radio-border-color: #d9d9d9;\n$radio-bg-color: #fff;\n$radio-color:$font-color-base;\n\n$radio-checked-bg-color: #fff;\n$radio-checked-color: $brand-primary;\n$radio-checked-border-color: $radio-checked-color;\n\n$radio-icon-height: 18px;\n$radio-icon-width: 18px;\n$radio-icon-checked-height: 8px;\n$radio-icon-checked-width: 8px;\n\n$radio-button-lg-height:42px;\n$radio-button-lg-line-height:26px;\n\n$radio-button-sm-height:22px;\n$radio-button-sm-line-height:20px;\n\n$radio-button-height: 28px;\n$radio-button-line-height: 26px;\n\n\n\n\n\n//loading\n\n$loading-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$loading-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$loading-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$loading-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$loading-single-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n$loading-size: 28px !default;\n$loading-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$loading-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$loading-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$loading-arc-start-rot: 216deg !default;\n\n$loading-duration: 360 * $loading-arc-time / (\n strip-units($loading-arc-start-rot + (360deg - $loading-arc-size)));\n\n// datetimepicker\n$timepicker-border-gap-color:#ccc;\n$timepicker-font-size:14px;\n\n$date-bg-color: unquote(\"rgb(#{$primary-color})\") !default;\n\n// message\n$snackbar-color: unquote(\"rgb(#{$color-white})\") !default;\n$snackbar-background-color: unquote(\"rgb(#{$primary-color})\") !default;\n$snackbar-color-cancel: unquote(\"rgb(#{$palette-red-500})\") !default;\n$snackbar-color-accept: unquote(\"rgb(#{$palette-green-500})\") !default;\n$snackbar-color-warning: unquote(\"rgb(#{$palette-lime-200})\") !default;\n\n// DATA TABLE\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n$data-table-divider-color-IE8: rgb(0,0,0) !default;\n\n//$data-table-hover-color: #eeeeee !default;\n$data-table-hover-color: #E9F7FC !default;\n$data-table-selection-color: #C4EAF6 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n$data-table-dividers-IE8: 1px solid $data-table-divider-color-IE8 !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n// $line-height-computed: round(($font-size-small * $line-height-base));\n$line-height-computed: round((14px * $line-height-base));\n$table-bg: transparent;\n$table-cell-padding: 8px;\n$table-border-color: $border-color-base;\n$table-bg-hover: $bg-color-base;\n$table-bg-active: $table-bg-hover;\n$table-bg-accent: unquote(\"rgba(#{$palette-grey-200},.3)\") !default;\n\n\n\n\n// tooltip\n$tooltip-max-width: 200px;\n$tooltip-color: #fff;\n$tooltip-bg: #42526E;\n$tooltip-inverse-border-color: #d9d9d9;\n$tooltip-inverse-color: rgb(51,51,51);\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-opacity: 1;\n\n\n// 进度条\n$bar-height: 4px !default;\n$progress-main-color: unquote(\"rgb(#{$primary-color})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n$progress-buffer-bar-border:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n\n\n$tab-highlight-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n\n\n//CARD\n\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 13px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 10px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1.4 * $unit !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 13px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n// Cover image\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n\n$input-border:unquote(\"rgb(#{$palette-u-gray-500})\");\n$input-border-focus:unquote(\"rgb(#{$primary-color})\");\n$input-border-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-bg-disabled:unquote(\"rgb(#{$palette-u-gray-100})\");\n$input-color:unquote(\"rgb(#{$palette-u-gray-A100})\");\n$form-input-height:36px;\n$form-input-height-sm:28px;\n$form-input-padding-left:12px;\n$form-label-color:unquote(\"rgb(#{$palette-u-gray-900})\");\n$form-control-feedback-color:unquote(\"rgb(#{$palette-u-gray-700})\");\n$form-validate-error-color:unquote(\"rgb(#{$palette-u-red-600})\");\n\n\n// BADGE\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n$badge-primary-color:#FFFFFF;\n$badge-primary-bg:$brand-primary;\n\n$badge-success-color:#FFFFFF;\n$badge-success-bg: $brand-success;\n\n$badge-info-color:#FFFFFF;\n$badge-info-bg:$brand-info;\n\n$badge-warning-color:#FFFFFF;\n$badge-warning-bg:$brand-warning;\n\n$badge-danger-color:#FFFFFF;\n$badge-danger-bg:$brand-danger;\n\n$badge-dark-color:#FFFFFF;\n$badge-dark-bg:$brand-dark;\n\n$badge-font-size: 12px;\n$badge-font-dataicon-size: 10px;\n$badge-default-dataicon-fontcolor: #757575;\n$badge-default-dataicon-bgcolor: #fff;\n$badge-default-dataicon-bordercolor: $border-color-base;\n\n// labels\n$tag-padding: .25em .6em .25em;\n$tag-border-radius: 0.3em;\n$tag-bg: #eeeeee;\n$tag-round-border-radius: 1em;\n$tag-default-color: #757575;\n$tag-default-bg:#e0e0e0;\n$tag-lg-font-size: 16px;\n$tag-sm-font-size: 10px;\n$tag-sm-padding: .1em .5em .1em;\n$tag-default-hover-bg: $brand-default-hover;\n$tag-primary-hover-bg: $brand-primary-hover;\n$tag-success-hover-bg: $brand-success-hover;\n$tag-info-hover-bg: $brand-info-hover;\n$tag-warning-hover-bg: $brand-warning-hover;\n$tag-danger-hover-bg: $brand-danger-hover;\n$tag-dark-hover-bg: $brand-dark-hover;\n$tag-default-bg: $brand-default;\n$tag-primary-bg: $brand-primary;\n$tag-success-bg: $brand-success;\n$tag-info-bg: $brand-info;\n$tag-warning-bg: $brand-warning;\n$tag-danger-bg: $brand-danger;\n$tag-dark-bg: $brand-dark;\n$tag-default-hover-color:unquote(\"rgb(#{$palette-u-gray-500})\");\n\n\n// pagination\n$pagination-gap-hover-border:#7A869A;\n\n$pagination-link-padding: 7px 13px;\n$pagination-lg-font-size: 16px;\n$pagination-lg-padding-vertical: 9.5px;\n$pagination-lg-padding-horizontal: 15.5px;\n\n$pagination-small-font-size: 12px;\n$pagination-small-padding-vertical: 4px;\n$pagination-small-padding-horizontal: 9.5px;\n\n$pag-color: #666666;\n$pag-bg-color: #fff;\n$pag-border-color:#d7d7d7;\n$pag-hover-color: #666;\n$pag-hover-bg-color:$hover-bg-color-base;\n$pag-hover-border-color:#d7d7d7;\n$pag-active-color: #fff;\n$pag-active-bg-color:#7A869A;\n$pag-active-border-color:#7A869A;\n$pag-disabled-color: #777;\n$pag-disabled-bg-color:#fff;\n$pag-disabled-border-color:#ddd;\n\n$border-radius-base: $border-radius;\n$border-radius-large: 4px;\n$border-radius-small: 2px;\n\n$line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5;\n// widget\n\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n//tooltips\n\n$tooltip-default-bg: $brand-default;\n$tooltip-primary-bg: $brand-primary;\n$tooltip-success-bg: $brand-success;\n$tooltip-info-bg: $brand-info;\n$tooltip-warning-bg: $brand-warning;\n$tooltip-danger-bg: $brand-danger;\n$tooltip-dark-bg: $brand-dark;\n\n//menu Button\n\n$menu-default-bg: $brand-default;\n$menu-primary-bg: $brand-primary;\n$menu-success-bg: $brand-success;\n$menu-info-bg: $brand-info;\n$menu-warning-bg: $brand-warning;\n$menu-danger-bg: $brand-danger;\n$menu-dark-bg: $brand-dark;\n$menu-default-bg-hover: $brand-default-hover;\n$menu-primary-bg-hover: $brand-primary-hover;\n$menu-success-bg-hover: $brand-success-hover;\n$menu-info-bg-hover: $brand-info-hover;\n$menu-warning-bg-hover: $brand-warning-hover;\n$menu-danger-bg-hover: $brand-danger-hover;\n$menu-dark-bg-hover: $brand-dark-hover;\n\n\n// breadcrumbs\n\n$breadcrumb-padding-vertical: 8px;\n$breadcrumb-padding-horizontal: 10px;\n$breadcrumb-separator: \"/\\00a0\";\n$breadcrumb-bg: transparent;\n$breadcrumb-margin-bottom: 10px;\n\n$breadcrumb-color: $brand-primary;\n$breadcrumb-active-color: $text-color;\n\n$breadcrumb-icon-margin-right: 10px;\n$breadcrumb-arrow-separator: \"\\00bb\\00a0\";\n\n$breadcrumb-bg-color: #f5f5f5;\n$breadcrumb-active-color: #777;\n$breadcrumb-separate-color: #ccc;\n\n// list-group\n$list-group-media-heading-font-size : $font-size-small;//14px\n$list-group-link-disabled-color : $disabled-color-base;\n\n$list-group-link-disabled-bg : $gray-lightest;\n\n$list-group-active-color : $brand-primary;\n$list-group-link-active-color : unquote(\"rgb(#{$color-white})\") !default;\n$list-group-link-active-bg : $brand-primary;\n\n\n$list-group-item-icon-margin-right : 10px;\n\n$list-group-bg-inherit-item-border : rgba(0, 0, 0, 0.075);\n$list-group-bg-inherit-item-hover-bg : rgba(0, 0, 0, 0.075);\n\n\n$list-group-border-radius: $border-radius-base;\n\n\n\n$list-group-link-color: $text-color;\n$list-group-link-hover-color: $text-color;\n$list-group-link-heading-color: $title-color;\n\n$list-group-hover-bg: $bg-color-base;\n\n$list-group-disabled-bg: transparent;\n\n$list-group-disabled-color: $disabled-color-base;\n\n\n$list-group-disabled-text-color: $list-group-disabled-color;\n$list-group-active-bg: transparent;\n$list-group-active-border: $list-group-active-bg;\n// $list-group-active-text-color: lighten($list-group-active-color, 40%);\n$list-group-active-text-color: $list-group-active-color;\n\n$list-group-bg: #fff;\n$list-group-border: transparent;\n// $list-group-bordered-border : $border-color-base;\n// $list-group-bordered-active-color : $component-active-color;\n// $list-group-bordered-active-bg : $component-active-bg;\n// $list-group-bordered-active-border : $list-group-bordered-active-bg;\n\n// $list-group-gap-item-margin-bottom : 2px;\n\n//step\n$steps-margin-bottom: $line-height-computed;\n$step-padding-horizontal:20px;\n$step-padding-vertical: 12px;\n\n$step-vertical-padding-horizontal: 20px;\n$step-vertical-padding-vertical:18px;\n\n$step-color: $gray;\n$step-bg: $bg-color-base;\n$step-number-bg: $gray-lighter;\n$step-number-color: $inverse;\n\n$step-current-color: $inverse;\n$step-current-bg: $brand-primary;\n\n$step-done-color: $inverse;\n$step-done-bg:$brand-success;\n\n$step-error-color: $inverse;\n$step-error-bg: $brand-danger;\n\n$step-disabled-color:$gray-light;\n\n$step-font-size: inherit;\n$step-title-font-size: 20px;\n$step-icon-font-size:27px;\n$step-number-font-size:24px;\n$step-number-size: 40px;\n\n$step-lg-padding-horizontal:20px;\n$step-lg-padding-vertical:20px;\n$step-lg-font-size: 16px;\n$step-lg-title-font-size:22px;\n$step-lg-icon-font-size: 32px;\n$step-lg-number-font-size:28px;\n$step-lg-number-size:46px;\n\n$step-sm-font-size: 12px;\n$step-sm-title-font-size: 18px;\n$step-sm-icon-font-size: 24px;\n$step-sm-number-font-size: 24px;\n$step-sm-number-size: 30px;\n\n$step-xs-font-size: 10px;\n$step-xs-title-font-size: 16px;\n$step-xs-icon-font-size: 22px;\n$step-xs-number-font-size: 20px;\n$step-xs-number-size: 24px;\n\n// blog nav\n$blognav-active-color:unquote(\"rgb(#{$primary-color})\");\n// widget\n$widget-padding-left:30px;\n$widget-padding-top:10px;\n\n\n// couter 数据统计\n\n$counter-number-color: $gray-darkest;\n$counter-number-font-size: 20px;\n$counter-icon-font-size: $counter-number-font-size;\n\n$counter-lg-number-font-size: 40px;\n$counter-md-number-font-size: 30px;\n$counter-sm-number-font-size: 14px;\n\n$counter-lg-icon-font-size: $counter-lg-number-font-size;\n$counter-md-icon-font-size: $counter-md-number-font-size;\n$counter-sm-icon-font-size: $counter-sm-number-font-size;\n\n$counter-inverse-color: $inverse;\n\n\n// navbar\n\n\n$menu-active-color: #108ee9;\n$menu-border-active-color: #108ee9;\n$menu-selected-bg-color: #eaf8fe;\n$menu-group-titil-color: #999;\n$menu-group-title-padding-left: 32px;\n$menu-color: #666;\n$menu-border-color: #d9d9d9;\n\n$navbar-default-bg-color: #f8f8f8;\n$navbar-default-border-color: #e7e7e7;\n$navbar-default-color: #777;\n$navbar-default-hover-color: #333;\n$navbar-inverse-hover-color: #fff;\n$navbar-inverse-color: #9d9d9d;\n$navbar-inverse-bg-color: #222;\n$navbar-inverse-border-color: #080808;\n$navbar-border-radius: 4px;\n\n$navbar-side-container-border-color: #d9d9d9;\n$navbar-side-container-width: 242px;\n$navbar-side-container-border-shadow: #d9d9d9;\n\n// Basics of a navbar\n$navbar-height: 50px;\n$navbar-margin-bottom: $line-height-computed;\n$navbar-border-radius: $border-radius-base;\n$navbar-padding-horizontal: floor(($grid-gutter-width / 2));\n$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2);\n$navbar-collapse-max-height: 340px;\n\n$navbar-avatar-margin-horizontal: (($navbar-height - 32px) / 2);\n\n$navbar-brand-padding-horizontal: 20px;\n$navbar-brand-logo-height: 32px;\n\n$navbar-default-color: $text-color;\n$navbar-default-bg: $inverse;\n$navbar-default-border: $border-color-base;\n\n// Navbar links\n$navbar-default-link-color: $text-color;\n$navbar-default-link-hover-color: $gray-darker;\n$navbar-default-link-hover-bg: rgba(238,238,238, 30%);\n$navbar-default-link-active-color: $navbar-default-link-hover-color;\n$navbar-default-link-active-bg: rgba(238,238,238, 60%);\n$navbar-default-link-disabled-color: $disabled-color-base;\n$navbar-default-link-disabled-bg: transparent;\n\n// Navbar brand label\n$navbar-default-brand-color: $title-color;\n$navbar-default-brand-hover-color: $navbar-default-brand-color;\n$navbar-default-brand-hover-bg: none;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;\n$navbar-default-toggle-icon-bar-bg: $navbar-default-color;\n$navbar-default-toggle-border-color: transparent;\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-bg: $brand-primary;\n$navbar-inverse-border: rgba(0, 0, 0, .1);\n\n// Inverted navbar links\n$navbar-inverse-link-color: $inverse;\n$navbar-inverse-link-hover-color: $inverse;\n$navbar-inverse-link-hover-bg: rgba(0, 0, 0, .1);\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;\n$navbar-inverse-link-active-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-link-disabled-color: $inverse;\n$navbar-inverse-link-disabled-bg: transparent;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color;\n$navbar-inverse-brand-hover-color: $inverse;\n$navbar-inverse-brand-hover-bg: none;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg;\n$navbar-inverse-toggle-icon-bar-bg: $inverse;\n$navbar-inverse-toggle-border-color: transparent;\n\n//hamburger\n$hamburger-size: 17px;\n\n\n//panel\n$panel-header-padding : 10px 15px;\n$panel-footer-padding : 10px 15px;\n$panel-body-padding : 15px 15px;\n$panel-header-bg-color : #f5f5f5;\n$panel-footer-bg-color : #f5f5f5;\n$panel-bg-color : #fff;\n$panel-default-color : #757575;\n$panel-inner-border-color: #ddd;\n\n\n//modal\n$modal-header-padding : 15px;\n$modal-body-padding : 15px;\n$modal-footer-padding : 15px;\n$modal-content-bg-color: #fff;\n$modal-backdrop-bg: #000;\n$modal-backdrop-opacity: .6;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: transparent;\n$modal-xlg: 976px;\n$modal-lg: 800px;\n$modal-sm: 400px;\n$modal-default: 600px;\n$modal-border-radius: $border-radius-base;\n\n//notification\n\n$zIndex-notification: $zIndex-notification;\n$notification-top: 30px;\n$notification-bottom: 30px;\n$notification-right: 30px;\n$notification-width: 300px;\n$notification-text-margin-right: 15px;\n$notice-padding: 15px;\n$notice-background: $gray-darkest;\n$notice-bottom: 15px;\n\n//message\n\n$message-font-size: 12px;\n\n$message-right: 30px;\n$message-width: 300px;\n$message-text-margin-right: 15px;\n$message-padding: 0;\n$message-content-padding: 15px;\n$message-background: $gray-darkest;\n\n//popconfirm\n\n$popconfirm-max-width: 300px;\n\n$popconfirm-dark-bg: $gray-darkest;\n$popconfirm-fallback-dark-border-color: $gray-darkest;\n$popconfirm-margin: 10px;\n$popconfirm-title-bg: #fff;\n$popconfirm-border-color:$border-color-base;\n$popconfirm-arrow-width: 10px;\n$popconfirm-arrow-color: $border-color-base;\n$popconfirm-arrow-outer-width: 0;\n$popconfirm-arrow-outer-color: $border-color-base;\n$popconfirm-border-right-color: $border-color-base;\n$popconfirm-fallback-border-color: #fff;\n\n//select\n\n$select-bg-color: #fff;\n$select-border-color: $border-color-base;\n$select-border-radius: $border-radius-base;\n$select-color: $font-color-base;\n$select-font-size: 12px;\n$select-dropdown-color: #666;\n$select-dropdown-bg-color: #fff;\n$select-dropdown-hover-bg: $hover-bg-color-base;\n$select-dropdown-selected-bg: $selected-bg-color-base;\n$select-dropdown-selected-color: rgb(134, 119, 119);\n$select-dropwdown-item-padding: 7px 16px;\n$select-disabled-color: $disabled-color-base;\n$select-disabled-bg: #f7f7f7;\n$select-disabled-border-color: #d9d9d9;\n//dropdown\n\n$dropdown-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-100})\");\n$dropdown-item-divier-bg-color: $gray-lighter;\n$dropdown-border-color: $border-color-base;\n$dropdown-border-radius:3px;\n$dropdown-shadow: 0 1px 5px $dropdown-border-color;\n$dropdown-margin: 5px 0 0 0;\n$dropdown-menu-item-padding: 0px 16px 0 28px;\n$dropdown-menu-font-size: 12px;\n$dropdown-menu-item-height: 42px;\n$dropdown-menu-item-light-height: 42px;\n$dropdown-menu-title-font-size: 12px;\n$dropdown-menu-title-color: $disabled-color-base;\n$dropdown-menu-title-padding:8px 16px;\n$dropdown-menu-title-line-height: 1.5;\n\n//upload\n\n$upload-list-color: #108ee9;\n$upload-list-bg : #fff;\n$upload-list-hover-bg: #e7f4fd;\n$upload-list-error-color: #f50;\n$upload-thumbnail-height: 48px;\n$upload-thumbnail-width: 48px;\n$upload-thumbnail-img-height: 48px;\n$upload-thumbnail-img-width: 48px;\n\n//loading\n\n$loading-loadprimary: rgb(63, 81, 181);\n$loading-loadsuccess: #4caf50;\n$loading-loadwarn: rgb(255, 152, 0);\n$loading-lineanimating: (\n 1:line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08),\n 2:line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08),\n 3:line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08),\n 4:line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08),\n 5:line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08)\n);\n$loading-linebackcolor: (\n 1: #F44336,\n 2: #7ED321,\n 3: #0084FF,\n 4: #FF9800,\n 5: #D0021B\n);\n$loading-back-width: 120px;\n$loading-back-height:110px;\n$loading-desc-font-size: 16px;\n$loading-desc-color: #cecece;\n$loading-rotate-bor:#c2c3c5;\n\n//两种加载的尺寸 width height\n$loading-rotate-sm-size: 25px;\n$loading-rotate-size:40px;\n$loading-rotate-lg-size:60px;\n\n$loading-line-sm-width: 4px;\n$loading-line-sm-height:35px;\n$loading-line-width:6px;\n$loading-line-height:50px;\n$loading-line-lg-width:8px;\n$loading-line-lg-height:90px ;\n\n//居中位置top left\n$loading-center-top:50%;\n$loading-center-left:50%;\n\n$loading-rotate-center-sm: -15px ;\n$loading-rotate-center:-22px;\n$loading-rotate-center-lg:-35px ;\n\n$loading-line-center-sm-top: -22px;\n$loading-line-center-sm-left:-20px;\n$loading-line-center-top:-30px;\n$loading-line-center-left:-25px;\n$loading-line-center-lg-top:-50px;\n$loading-line-center-lg-left:-30px;\n\n\n//switch\n\n\n//color\n$switch-border-color: $gray-lighter;\n$switch-back-color: $gray-lighter;\n$switch-checked-borColor: $brand-primary;\n$switch-checked-backColor: $brand-primary;\n\n// border-radius of different state switch\n$switch-border-radius: 20px;\n$switch-border-radius-after: 18px;\n\n// width height line-height of the three switches\n$switch-width: (default:44px, small:32px, large:60px);\n$switch-height: (default:22px, small:16px, large:30px);\n$switch-lineHeight: (default:20px, small:12px, large:12px);\n\n// style of u-switch-inner\n$switch-inner-fontSize: (default:12px, small:10px, large:18px);\n$switch-inner-left: (default:22px, small:16px, large:30px);\n$switch-inner-largeTop: 8px;\n\n// style of u-switch:active:after\n$switch-active-width: (default:24px, small:16px, large:32px);\n\n// style of u-switch:after\n$switch-after-widthHeight: 18px;\n$switch-after-widthHeight-sm: 14px;\n$switch-after-widthHeight-lg: 26px;\n$switch-after-top: 1px;\n$switch-after-top-sm: 0;\n$switch-after-top-lg: 1px;\n$switch-after-left: 0;\n$switch-after-left-sm: 0;\n$switch-after-left-lg: 0;\n\n// style of u-switch.is-checked\n$switch-checked-innerLeft: (default:8px, small:4px, large:8px);\n$switch-checked-afterLeft: (default:24px, small:16px, large:32px);\n$switch-checked-activeLeft: (default:16px, small:10px, large:26px);\n\n$switch-primary-bg: $brand-primary;\n$switch-dark-bg: $brand-dark;\n$switch-success-bg: $brand-success;\n$switch-warning-bg: $brand-warning;\n$switch-danger-bg: $brand-danger;\n$switch-info-bg: $brand-info;\n\n//tabs\n\n$tabs-basic-back: #f5f5f5;\n$tabs-cls-color: #666;\n$tabs-cls-width: 900px;\n$tabs-simple-conHeight: 120px;\n$tabs-simple-conPad: 16px;\n$tabs-simple-conWidth: 100%;\n\n$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);\n$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);\n$tabs-marginBottom: -1px;\n\n$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);\n$tabs-simple-tabBorder: 1px solid #fff;\n$tabs-simple-activeBorder: 1px solid $brand-primary;\n$tabs-simple-activeColor: #fff;\n$tabs-simple-activeBorBottom: 1px solid $brand-primary;\n$tabs-simple-activeTopRadius: 5px;\n$tabs-simple-fontWeight: bold;\n\n$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);\n$tabs-fill-tab-maright: 5px;\n$tabs-fill-after-top: 0;\n$tabs-fill-after-left: 0;\n$tabs-fill-after-width: 100%;\n$tabs-fill-after-height: 100%;\n$tabs-fill-fontWeight: bold;\n\n$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);\n$tabs-turn-after-top: 0;\n$tabs-turn-after-left: 0;\n$tabs-turn-after-width: 100%;\n$tabs-turn-after-height: 100%;\n$tabs-turn-beforeBot: 32px;\n$tabs-turn-beforeRight: 15px;\n$tabs-turn-fontWeight: bold;\n$tabs-moveleft-conHeight: 120px;\n$tabs-moveleft-conPad: 16px;\n\n$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);\n$tabs-slide-child-bottom: 0;\n$tabs-slide-child-left: 0;\n$tabs-slide-child-height: 4px;\n$tabs-slide-child-back: $brand-primary;\n$tabs-slide-fontWeight: bold;\n\n$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fade-conPad: 16px;\n$tabs-fade-conBor: 5px;\n\n$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);\n$tabs-fadeup-top: -5px;\n$tabs-fadeup-left: 0;\n$tabs-fadeup-width: 100%;\n$tabs-fadeup-height: 100%;\n$tabs-fadeup-color: #666;\n$tabs-fadeup-conHeight: 120px;\n$tabs-fadeup-conPad: 16px;\n\n\n//rate\n$rate-star-default-color:$gray-lightest;\n$rate-star-active-color:$brand-primary;\n$rate-star-marginRight:8px;\n//backtop\n$back-top-padding:5px;\n$backtop-background:unquote(\"rgb(#{$palette-u-gray-600})\") !default;\n$backtop-color:unquote(\"rgb(#{$color-white})\") !default;\n$backtop-right:10px;\n$backtop-bottom:10px;\n$backtop-dom-right:40px;\n\n\n//dnd\n$dnd-list-background:unquote(\"rgb(#{$palette-grey-400})\")!default;\n$dnd-list-padding:8px;\n$dnd-list-dragging-background:unquote(\"rgb(#{$palette-light-blue-A200})\")!default;\n$dnd-item-color:unquote(\"rgb(#{$color-black})\")!default;\n$dnd-item-padding:16px;\n$dnd-item-margin:4px;\n$dnd-item-background:unquote(\"rgb(#{$palette-grey-500})\")!default;\n$dnd-item-dragging-background:unquote(\"rgb(#{$palette-blue-300})\")!default;\n\n// bee-tree\n$tree-checkbox-color: unquote(\"rgb(#{$primary-color})\") !default;\n$tree-node-bg-color: $hover-bg-color-base !default;\n\n// bee-table\n$table-head-background-color: unquote(\"rgb(#{$table-header-background-color})\") !default;\n$table-head-text-color: unquote(\"rgb(#{$table-header-text-color})\") !default;\n\n// bee-transfer\n$transfer-border-gap-color:#d9d9d9;\n\n// bee-transfer\n$cascader-border-gap-color:#ccc;","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\r\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\r\n\r\n\r\n$loading-icon-color: #0084ff;\r\n\r\n/**\r\n * 加载背景\r\n */\r\n//.u-loading-back{\r\n// position:relative;\r\n// text-align: center;\r\n// width:$loading-back-width;\r\n// height:$loading-back-height;\r\n// margin:0 auto;\r\n// &.light{\r\n// background: #fff;\r\n// }\r\n// &.dark{\r\n// background: #000;\r\n// }\r\n//}\r\n/**\r\n * 文字\r\n */\r\n.u-loading-desc {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n font-size: $font-size-base;\r\n color: $font-color-base;\r\n text-align: center;\r\n}\r\n\r\n\r\n/**\r\n * default样式 单个圆圈加载\r\n */\r\n\r\n.u-loading {\r\n &.u-loading-rotate {\r\n & > div {\r\n position: absolute;\r\n border-radius: 100%;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n // border: 2px solid #0084ff;\r\n // border-bottom-color: transparent;\r\n width: $loading-rotate-size;\r\n height: $loading-rotate-size;\r\n top: $loading-center-top;\r\n left: $loading-center-left;\r\n margin-left: $loading-rotate-center;\r\n margin-top: $loading-rotate-center;\r\n background: transparent !important;\r\n display: inline-block;\r\n -webkit-animation: rotate 1s 0s linear infinite;\r\n animation: rotate 1s 0s linear infinite;\r\n text-align: center;\r\n line-height: $loading-rotate-size;\r\n & > img{\r\n width: $loading-rotate-size;\r\n }\r\n & > .uf{\r\n color: $loading-icon-color;\r\n font-size: 40px;\r\n padding: 0;\r\n }\r\n }\r\n &.u-loading-rotate-lg {\r\n & > div {\r\n margin-left: $loading-rotate-center-lg;\r\n margin-top: $loading-rotate-center-lg;\r\n width: $loading-rotate-lg-size;\r\n height: $loading-rotate-lg-size;\r\n line-height: $loading-rotate-lg-size;\r\n & > img{\r\n width: $loading-rotate-lg-size;\r\n }\r\n & > .uf{\r\n font-size: 60px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-sm {\r\n & > div {\r\n margin-left:$loading-rotate-center-sm;\r\n margin-top: $loading-rotate-center-sm;\r\n width: $loading-rotate-sm-size;\r\n height:$loading-rotate-sm-size;\r\n line-height: $loading-rotate-sm-size;\r\n & > img{\r\n width: $loading-rotate-sm-size;\r\n }\r\n & > .uf{\r\n font-size: 25px;\r\n }\r\n }\r\n }\r\n &.u-loading-rotate-primary {\r\n & > div > .uf{\r\n color: $loading-loadprimary;\r\n // border: 2px solid $loading-loadprimary;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-success {\r\n & > div > .uf{\r\n color: $loading-loadsuccess;\r\n // border: 2px solid $loading-loadsuccess;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n &.u-loading-rotate-warning {\r\n & > div > .uf{\r\n color: $loading-loadwarn;\r\n // border: 2px solid $loading-loadwarn;\r\n // border-bottom-color: transparent;\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n.u-loading-backdrop{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1900;\r\n // opacity: .4;\r\n // filter: blur(.5px);\r\n background-color:rgba(255,255,255,0.4);\r\n &.full-screen{\r\n position: fixed;\r\n }\r\n}\r\n\r\n@keyframes rotate {\r\n 0% {\r\n -webkit-transform: rotate(0deg) scale(1);\r\n transform: rotate(0deg) scale(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: rotate(180deg) scale(1);\r\n transform: rotate(180deg) scale(1);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: rotate(360deg) scale(1);\r\n transform: rotate(360deg) scale(1);\r\n }\r\n}\r\n\r\n.u-loading {\r\n &.u-loading-line {\r\n position: absolute;\r\n top:$loading-center-top;\r\n left: $loading-center-left;\r\n margin-top: $loading-line-center-top;\r\n margin-left: $loading-line-center-left;\r\n & > div {\r\n background-color: #C2C3C5;\r\n width: $loading-line-width;\r\n height: $loading-line-height;\r\n border-radius: 2px;\r\n margin: 2px;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n display: inline-block;\r\n }\r\n &.u-loading-line-lg {\r\n margin-top: $loading-line-center-lg-top;\r\n margin-left: $loading-line-center-lg-left;\r\n & > div {\r\n width: $loading-line-lg-width;\r\n height: $loading-line-lg-height;\r\n }\r\n }\r\n &.u-loading-line-sm {\r\n margin-top: $loading-line-center-sm-top;\r\n margin-left: $loading-line-center-sm-left;\r\n & > div {\r\n width:$loading-line-sm-width;\r\n height: $loading-line-sm-height;\r\n }\r\n }\r\n @each $index, $anima in $loading-lineanimating {\r\n div:nth-child( #{$index} ) {\r\n -webkit-animation: $anima;\r\n animation: $anima;\r\n background-color: map_get($loading-linebackcolor, $index);\r\n }\r\n }\r\n\r\n &.u-loading-line-primary {\r\n & > div {\r\n background-color: $loading-loadprimary;\r\n }\r\n }\r\n &.u-loading-line-success {\r\n & > div {\r\n background-color: $loading-loadsuccess;\r\n }\r\n }\r\n &.u-loading-line-warning {\r\n & > div {\r\n background-color: $loading-loadwarn;\r\n }\r\n }\r\n }\r\n}\r\n.u-loading {\r\n &.u-loading-custom {\r\n & > div {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n -webkit-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n }\r\n }\r\n}\r\n@keyframes line-scale {\r\n 0% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n }\r\n\r\n 50% {\r\n -webkit-transform: scaley(0.4);\r\n transform: scaley(0.4);\r\n }\r\n\r\n 100% {\r\n -webkit-transform: scaley(1);\r\n transform: scaley(1);\r\n\r\n }\r\n}\r\n","@import \"minxin-colors\";\n\n// 默认色\n$default-color: $palette-blue-grey-50;\n$default-color-dark: \"223,225,230\";\n$default-color-light: \"223,225,230\";\n\n// 主题色\n$primary-color: \"245, 60, 50\" !default;\n$primary-color-dark: \"230, 0, 18\" !default;\n$primary-color-light: \"230, 0, 18\" !default;\n\n// 字体\n$font-family-primary: \"Open Sans\", \"Helvetica Neue\", Arial, \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif !default;\n// 主字号\n$font-size-base: 14px !default;\n// 主按钮文本色\n$text-color-base: $color-dark-contrast !default; \n\n// 圆角,包括:button、select等\n$border-radius: 3px !default;\n// 边框色,包括按钮、输入框、分页\n$border-color: \"165, 173, 186\" !default;\n// 条目hover背景色,包括:select、dropdown、table、datepicker、tree、menu、calendar\n$item-hover-bg-color-base: \"235, 236, 240\" !default;\n// 条目selected背景色,包括:select、menu等\n$item-selected-bg-color-base: \"255, 247, 231\" !default;\n\n// Button 细化样式变量:\n// 次按钮背景色\n$secondary-color: $palette-blue-grey-50 !default;\n$secondary-color-dark: \"223,225,230\" !default;\n$secondary-color-light: \"223,225,230\" !default;\n// 次按钮文本色\n$button-secondary-text-color: $palette-grey-900 !default;\n\n// Table 细化样式变量:\n// 表头背景色\n$table-header-background-color: \"241, 242, 245\";\n// 表头文字颜色\n$table-header-text-color: \"33, 33, 33\";\n// 表格分割线颜色\n$table-border-color-base: \"193, 199, 208\";\n// 表格行hover背景色\n$table-row-hover-bg-color: \"235, 236, 240\";\n\n// 向下兼容\n$color-primary: $palette-blue-600 !default;\n$color-primary-dark: $palette-blue-800 !default;\n$color-primary-light: $palette-blue-400 !default;\n\n// 辅色\n$color-accent: $palette-green-600 !default;\n$color-accent-dark: $palette-green-800 !default;\n$color-accent-light: $palette-green-400 !default;\n\n\n// cyan主题\n//$color-primary: $palette-cyan-500 !default;\n//$color-primary-dark: $palette-cyan-700 !default;\n//$color-accent: $palette-light-blue-500 !default;\n\n// orange主题\n//$color-primary: $palette-orange-500 !default;\n//$color-primary-dark: $palette-orange-700 !default;\n//$color-accent: $palette-deep-orange-500 !default;\n","@import \"../node_modules/tinper-bee-core/scss/minxin-variables\";\n@import \"../node_modules/tinper-bee-core/scss/minxin-mixins\";\n@import \"../node_modules/bee-loading/src/Loading\";\n\n$text-color: $font-color-base;\n$font-size-base: 12px;\n$line-height: 1.33;\n// 主题定制border:\n$table-border-color: unquote(\"rgb(#{$table-border-color-base})\");\n// $table-head-background-color: #f7f7f7;\n// $table-head-text-color: #666;\n$vertical-padding: 12px;\n$horizontal-padding: 8px;\n$first-horizontal-padding: 12px;\n// $table-border-color: #e9e9e9;\n\n$table-hover-color: #E7F2FC;\n$table-move-in-color: $bg-color-base;\n$checkbox-height:14px;\n$table-th-bottom-border:#C1C7D0;\n\n$filter-form-control-height:26px;\n$table-head-font-weight: bold;\n$icon-color:#505F79;\n.u-table {\n font-size: $font-size-base;\n color: $text-color;\n // transition: opacity 0.3s ease;\n position: relative;\n line-height: $line-height;\n overflow: hidden;\n &-body{\n // overflow: hidden!important;\n position: relative;\n .u-table-row-expand-columns-in-body .expand-icon-con {\n display: none;\n pointer-events: none;\n }\n }\n &-hiden-drag{\n position: relative;\n &-li{\n position: absolute;\n top: 0px;\n left: 0px;\n // height: 10px;//这个高度先注释掉了,加上后,在火狐浏览器上会站位置。滚动条拉到最右边有错行\n }\n }\n table {\n width: 100%;\n border-collapse: collapse;\n text-align: left;\n }\n\n th {\n // background: $table-head-background-color;\n font-weight: $table-head-font-weight;\n text-align: left;\n // transition: background 0.3s ease;\n line-height: 16px;\n &[colspan] {\n text-align: center;\n }\n ::last-child{\n overflow: hidden;\n }\n }\n\n td {\n border-bottom: 1px solid $table-border-color;\n line-height: $line-height;\n a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n .u-switch-span{\n display: inline-block\n }\n }\n thead{\n tr:last-child{\n border-bottom: 1px solid $table-th-bottom-border;\n }\n tr>th:last-child{\n border-right: none; \n }\n }\n tr {\n // transition: all 0.3s ease;\n &:hover {\n // background: $hover-bg-color-base;\n td {\n .uf-eye{\n visibility: visible !important;\n }\n }\n }\n tr a{\n color: #2196F3;\n &:hover{\n color: #1565c0;\n }\n &:active{\n color: #1565c0;\n }\n }\n td.u-table-multiSelect-column.u-table-row-has-expandIcon:not(.u-table-row-fixed-columns-in-body){\n display: flex;\n flex-direction: row-reverse;\n &:nth-last-child(1):last-child {\n border-right: none;\n }\n .expand-icon-con {\n height: 14px;\n .uf{\n padding: 0;\n }\n .u-table-row-expand-icon {\n width: 2px;\n }\n }\n .u-checkbox {\n margin: 0;\n }\n }\n }\n tr.tr-row-hover {\n background: $hover-bg-color-base;\n }\n\n th,\n td {\n padding: $vertical-padding $horizontal-padding;\n word-break: break-all;\n &.drag-handle-column {\n .uf {\n font-size: 12px;\n line-height: 12px;\n }\n }\n &.text-center{\n text-align: center;\n }\n &.text-right{\n text-align: right;\n }\n .expand-icon-con{\n cursor: pointer;\n display: inline-block;\n font-size: 12px;\n line-height: 12px;\n }\n }\n &-sm {\n td {\n padding: 8px $horizontal-padding;\n }\n }\n &-lg {\n td {\n padding: 16px $horizontal-padding;\n }\n }\n tr {\n \n &.filterable{\n th{\n padding-top: 5px !important;\n padding-bottom: 5px !important;\n .filterContext{\n height: 35px;\n }\n .u-select-selection--single{\n height: 26px;\n }\n }\n }\n }\n &-row-hover {\n background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n }\n \n &-scroll {\n overflow: auto;\n }\n &-bordered {\n table {\n border: 1px solid $table-border-color;\n box-sizing: border-box;\n table-layout: fixed;\n // width:auto;\n }\n \n .u-table-header>table {\n border-bottom: 0;\n }\n .u-table-header~.u-table-body,.u-table-header~.u-table-body-outer{\n table{\n border-top: 0px ;\n }\n }\n\n th {\n border-bottom: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n th,\n td {\n border-right: 1px solid $table-border-color;\n box-sizing: border-box;\n }\n }\n &-drag-border{\n tr {\n th.th-can-not-drag{ //拖拽tag影响了表格整体宽度\n overflow: hidden;\n .u-table-thead-th-drag-gap{//最后一个非固定列不可以拖拽\n display: none;\n }\n }\n }\n }\n &-header {\n overflow: hidden;\n background: $table-head-background-color;\n color: $table-head-text-color;\n }\n\n &.fixed-height td {\n padding: 0px $horizontal-padding;\n }\n\n &-fixed-header &-body {\n background: #fff;\n position: relative;\n }\n &-fixed-left &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n\n &-fixed-header:not(.u-table-hide-header) &-fixed-left &-body-inner {\n padding-right: 0px;\n }\n\n &-fixed-header &-body-inner {\n height: 100%;\n overflow: scroll;\n }\n\n\n &-fixed-header &-scroll &-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n &-title {\n padding: $vertical-padding $horizontal-padding;\n border-top: 1px solid $table-border-color;\n }\n\n &-content {\n position: relative;\n }\n\n &-footer {\n padding: $vertical-padding $horizontal-padding;\n border-bottom: 1px solid $table-border-color;\n .u-table-scroll{\n overflow-x: hidden;\n }\n }\n &-footer & {\n margin: (-$vertical-padding) (-$horizontal-padding);\n }\n\n &-placeholder {\n padding: $vertical-padding 8px;\n background: #fff;\n border-bottom: 1px solid $table-border-color;\n text-align: center;\n position: relative;\n .table-nodata{ \n font-size: 40px; \n line-height: 44px;\n + span{\n font-size: 12px;\n line-height: 12px;\n display: block;\n }\n }\n }\n\n &-expand-icon-col {\n width: 10px;\n }\n &-row,\n &-expanded-row {\n .u-table{\n tr{\n background: #fff;\n }\n tr.u-table-row-hover{\n background:unquote(\"rgb(#{$table-row-hover-bg-color})\");\n }\n }\n &-expand-icon {\n cursor: pointer;\n display: inline-block;\n margin-right: 8px;\n width: 14px;\n height: 14px;\n text-align: center;\n line-height: 14px;\n user-select: none;\n &.uf{\n font-size: 12px;\n padding: 0;\n }\n }\n &-spaced {\n visibility: hidden;\n }\n &-spaced:after {\n content: \".\";\n }\n &-expanded {\n &:after {\n content: \"\\e639\";\n font-family: \"uf\";\n }\n }\n &-collapsed {\n &:after {\n content: \"\\e61c\";\n font-family: \"uf\";\n }\n }\n }\n &-row{\n &.selected{\n background: #FFF7E7;\n }\n }\n tr.u-table-expanded-row {\n background: #DFE1E6;\n &:hover {\n background: #DFE1E6;\n }\n .u-table {\n // padding: 0 40px 0 20px;\n z-index: 1;\n }\n }\n &-column-hidden {\n display: none;\n }\n &-prev-columns-page,\n &-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1;\n &:hover {\n color: #2db7f5;\n }\n &-disabled {\n cursor: not-allowed;\n color: #999;\n &:hover {\n color: #999;\n }\n }\n }\n &-prev-columns-page {\n margin-right: 8px;\n &:before {\n content: \"<\";\n }\n }\n &-next-columns-page {\n float: right;\n &:before {\n content: \">\";\n }\n }\n\n &-fixed-left,\n &-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n z-index: 1;\n table {\n width: auto;\n background: #fff;\n }\n }\n\n &-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n &-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n &-fixed-header & &-body-inner {\n padding-right: 0;\n }\n }\n\n &-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n\n // hide expand row content in right fixed Table\n // https://github.com/ant-design/ant-design/issues/1898\n &-expanded-row {\n color: transparent;\n pointer-events: none;\n }\n \n }\n \n &-scroll-position-left &-fixed-left {\n box-shadow: none;\n }\n\n &-scroll-position-right &-fixed-right {\n box-shadow: none;\n }\n\n &-thead{\n .filter-text,.filter-dropdown,.filter-date {\n font-weight: normal;\n }\n .filter-wrap{\n display: flex;\n justify-content: center;\n align-items: center;\n .filter-btns{\n min-width: 58px;\n }\n }\n th{\n background: $table-head-background-color;\n color: $table-head-text-color;\n background-clip:padding-box;\n //禁止选中文字\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none; \n /*\n Introduced in IE 10. \n */\n -ms-user-select: none;\n user-select: none;\n\n // overflow: hidden;\n // white-space: nowrap;\n // text-overflow: ellipsis;\n .bee-table-column-sorter {\n position: relative;\n margin-left: 4px;\n height: 16px;\n vertical-align: middle;\n text-align: center;\n display: inline-block;\n margin-top: -3px;\n i{\n padding: 0px;\n font-weight: 600;\n color: $icon-color;\n }\n \n & > .bee-table-column-sorter-down,\n & > .bee-table-column-sorter-up, & > .bee-table-column-sorter-flat {\n line-height: 16px;\n display: block;\n width: 34px;\n cursor: pointer;\n }\n \n }\n\n .bee-table-column-sorter-down.on .uf-triangle-down,\n .bee-table-column-sorter-down.on .uf-triangle-up,\n .bee-table-column-sorter-up.on .uf-triangle-down,\n .bee-table-column-sorter-up.on .uf-triangle-up {\n color: #108ee9;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n -webkit-filter: none;\n filter: none;\n font-size: 12px;\n }\n .bee-table-column-sorter .uf-triangle-down,\n .bee-table-column-sorter .uf-triangle-up {\n display: inline-block;\n padding: 0;\n font-size: 12px;\n font-size: 8px\\9;\n -webkit-transform: scale(0.66666667) rotate(0deg);\n -ms-transform: scale(0.66666667) rotate(0deg);\n transform: scale(0.66666667) rotate(0deg);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)\";\n zoom: 1;\n line-height: 4px;\n height: 4px;\n color: #999;\n // -webkit-transition: all 0.3s;\n // transition: all 0.3s;\n }\n &:hover{\n .bee-table-column-sorter {\n display: inline-block;\n }\n }\n }\n .th-drag{\n cursor: move;\n }\n .th-drag:hover{\n background: $hover-bg-color-base;\n\n }\n //为了区分是拖拽宽度还是交换列,先注释上面了\n // .th-drag:hover{\n // background:#ccc;\n // }\n .th-drag-hover{ \n background: #ccc;\n }\n &-th{\n position: relative;\n\n &-drag-gap{\n height: 100%;\n position: absolute;\n right: -10px;\n top: 0;\n // background:transparent;\n // width: 1px;\n // background:#ccc;\n width: 20px;\n \n box-sizing: border-box;\n z-index: 1;\n\n .online{\n height: 100%;\n width: 1px;\n background:transparent;//兼容火狐浏览器,如果table设置border,\n margin: 0 auto;\n }\n .online-hover{\n background:#000000;\n }\n \n }\n &-drag-gap:hover{\n cursor: col-resize;\n .online{\n background: #000000\n }\n }\n }\n &-th:last-child {\n &-drag-gap{\n border: none;\n }\n }\n }\n\n\n &-filter-column{\n \n &-pop-cont{\n margin: 0px;\n max-height: 300px;\n overflow-y: auto;\n color:#212121;\n }\n &-clear-setting{ \n // border-bottom: 1px solid #ccc;\n cursor: pointer;\n margin-bottom: 4px;\n }\n &-cont{\n position: relative;\n }\n &-filter-icon{\n position: absolute;\n width: 30px;\n height: 39px ;\n line-height: 39px;\n right: 0px ;\n top:1px ;\n z-index: 2;\n background: $table-head-background-color;\n text-align: center;\n cursor: pointer;\n i.uf{\n padding: 0px;\n color: $icon-color;\n }\n }\n &-pop-cont-item{\n margin-top: 8px;\n font-size: 12px;\n // line-height: 30px;\n cursor: pointer;\n .u-checkbox {\n margin: 0px;\n\n }\n }\n &-pop-cont-item span.drop-menu-title{\n margin-left: -3px;\n max-width: 132px;\n width: auto !important;\n min-width: 56px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: middle;\n }\n &-pop .u-modal-dialog{\n border: 1px solid #ccc;\n background: #fff;\n }\n }\n //拖拽宽度代码\n &-row-fixed-columns-in-body{\n // visibility: hidden;\n display:none;\n pointer-events: none;\n }\n //固定列含有checkbox 样式复写\n .u-checkbox {\n height: $checkbox-height;\n line-height: $checkbox-height;\n margin:0px;\n display: block;\n margin-left: 5px;\n .u-checkbox-label{\n line-height: $checkbox-height;\n padding-left: 16px;\n &:before,&:after {\n width: $checkbox-height;\n height: $checkbox-height;\n }\n }\n }\n .u-table-scroll,.u-table-fixed-left{\n tr{\n td:first-child, th:first-child{\n padding-left: $first-horizontal-padding\n }\n }\n }\n &.has-fixed-left{\n .u-table-scroll{\n tr{\n td:first-child, th:first-child{\n padding-left: $horizontal-padding\n }\n }\n }\n }\n // 滚动条样式复写\n ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n ::-webkit-scrollbar-button {\n display: none;\n }\n ::-webkit-scrollbar-thumb {\n background: #d5d5d5 !important;\n border-radius: 5px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #d5d5d5;\n position: absolute;\n }\n\n ::-webkit-scrollbar-track {\n display: none;\n }\n\n ::-webkit-scrollbar-track-piece {\n display: none;\n }\n\n .row-dragg-able{\n cursor:move;\n }\n .u-table-drag-hidden-cont{\n width: 100px;\n height: 40px;\n }\n\n}\n\n.u-table:focus{\n outline: none;\n // border-color: #9ecaed;\n // box-shadow: 0 0 10px #9ecaed;\n box-shadow: 0 0 0;\n}\n\n .u-table-bordered {\n .u-table-drag-gap{\n background:#e9e9e9;\n }\n }\n.u-table.bordered {\n table {\n border-collapse: collapse;\n }\n th,\n td {\n border: 1px solid $table-border-color;\n }\n}\n\n.move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running;\n}\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running;\n}\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: $table-move-in-color;\n }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 80% {\n background: $table-move-in-color;\n }\n 100% {\n background: transparent;\n opacity: 1;\n }\n}\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0;\n }\n}\n\n.formItem-style {\n height: unset;\n min-height: unset;\n padding: 0;\n}\n.errMessage-style {\n display: none;\n border: none;\n /* margin-top: 5px; */\n /* margin-bottom: 5px; */\n background: transparent;\n color: #f22c1d;\n /* padding-left: 12px; */\n /* padding-right: 12px; */\n margin: 0;\n position: absolute;\n padding: 0;\n top: 3px;\n right: 0;\n}\n\n.editable-cell {\n position: relative;\n}\n\n.editable-cell-input-wrapper,\n.editable-cell-text-wrapper {\n padding-right: 24px;\n}\n.editable-cell-input-wrapper {\n .u-form-item.formItem-style .u-label{\n display: none;\n }\n .u-input-group .u-form-control{\n height: 26px;\n font-size: 12px;\n }\n}\n\n.editable-cell-text-wrapper {\n padding: 5px 24px 5px 5px;\n height: 30px;\n}\n\n.editable-cell-icon,\n.editable-cell-icon-check {\n position: absolute;\n top: 0;\n right: 0;\n width: 20px;\n cursor: pointer;\n}\n\n.editable-cell-icon {\n line-height: 28px;\n display: none;\n}\n\n.editable-cell-icon-check {\n line-height: 28px;\n}\n\n.editable-cell:hover .editable-cell-icon {\n display: inline-block;\n}\n\n.editable-cell-icon:hover,\n.editable-cell-icon-check:hover {\n color: #2db7f5;\n}\n\n.editable-add-btn {\n margin-bottom: 8px;\n}\n\n.search-component {\n margin-bottom: 20px;\n .empty-search {\n position: absolute;\n right: 45px;\n z-index: 20;\n top: 5px;\n color: #524e4e;\n cursor: pointer;\n }\n &.u-input-group.simple {\n float: right;\n }\n &.u-input-group.simple .u-form-control {\n width: 251px;\n background: #f5f5f5;\n border-color: #f5f5f5;\n border-radius: 20px;\n }\n &.u-input-group.simple .u-input-group-btn {\n top: 3px;\n right: 20px;\n position: absolute;\n }\n}\n\n\n.col-resize-container {\n height: 0px;\n position: relative;\n\n & + .table-col-resizer:first-of-type {\n table-layout: fixed;\n }\n\n .active-drag .icon{\n visibility: visible;\n }\n\n .last-handle {\n display: none;\n }\n\n .drag-handle {\n margin-left: -5px;\n position: absolute;\n z-index: 5;\n width: 10px;\n cursor: col-resize;\n\n .icon {\n color: #40b0dc;\n top: -1px;\n position: absolute;\n visibility: hidden;\n\n &:first-child {\n left: -2px\n }\n &:last-child {\n left: 6px\n }\n }\n\n &:hover{\n .icon{\n visibility: visible;\n }\n .col-resizer {\n border: 1px solid;\n }\n }\n\n &.disabled-drag {\n cursor: default;\n display: none;\n }\n\n .col-resizer {\n position: absolute;\n width: 1px;\n height: 100%;\n top: 0px;\n left: 3px;\n }\n }\n}\n\n.u-filter-dropdown-menu-wrap {\n z-index: 1800;\n .u-dropdown-menu {\n li.u-dropdown-menu-item {\n line-height: $filter-form-control-height;\n height: $filter-form-control-height;\n padding: 0px 16px 0 16px;\n cursor: pointer;\n }\n }\n}\n.filter-wrap {\n .u-form-control{\n height: $filter-form-control-height;\n }\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group {\n height: $filter-form-control-height;\n }\n .calendar-picker {\n .u-input-group-btn{\n line-height: 20px;\n }\n }\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .uf{\n line-height: 12px;\n }\n}\n.u-row-hover{\n position: absolute;\n right: 24px;\n display: none;\n align-items: center;\n justify-content: center;\n background: transparent;\n}\n\n.u-row-hover2{\n position: absolute;\n left: 100;\n}\n\n\n\n// 表格显示里面的内容显示在一行\n.header-dispaly-in-row{\n &.u-table{\n table{\n table-layout: fixed;\n }\n }\n th{\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden;\n }\n}\n.body-dispaly-in-row{\n &.u-table{\n table{\n table-layout: fixed;\n }\n \n }\n td{\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden;\n }\n}\n.u-table-drag-hidden-cont{\n position: absolute;\n top:-1000px;\n}\n\n.u-editable-table .u-table {\n .u-table-row-hover {\n .editable-cell-text-wrapper {\n padding-left: 4px;\n border: 1px solid #c1c7d0;\n }\n }\n\n .editable-cell-text-wrapper {\n &:hover {\n padding-left: 4px;\n border: 1px solid #a5adba;\n }\n }\n\n .editable-cell-input-wrapper {\n &:focus {\n outline: none;\n }\n }\n}\n\n.u-editable-table-tp {\n .tooltip-arrow {\n top: 1px !important;\n border-bottom-color: #F44336 !important;\n }\n\n .tooltip-inner {\n border-color: #F44336 !important;\n }\n}\n","// @import \"../node_modules/tinper-bee-core/scss/index.scss\";\n// @import \"../node_modules/bee-panel/src/Panel.scss\";\n// @import \"../node_modules/bee-layout/src/Layout.scss\";\n// @import \"../node_modules/bee-button/src/Button.scss\";\n// @import \"../node_modules/bee-transition/src/Transition.scss\";\n// @import \"../node_modules/bee-popconfirm/src/Popconfirm.scss\";\n// @import \"../node_modules/bee-form-control/src/FormControl.scss\";\n// @import \"../node_modules/bee-pagination/src/Pagination.scss\";\n// @import \"../node_modules/bee-checkbox/src/Checkbox.scss\";\n// @import \"../node_modules/bee-select/src/Select.scss\";\n// @import \"../node_modules/bee-popover/src/Popover.scss\";\n// @import \"../node_modules/bee-tooltip/src/Tooltip.scss\";\n// @import \"../node_modules/bee-message/build/Message.css\";\n// @import \"../node_modules/bee-dropdown/build/Dropdown.css\";\n// @import \"../node_modules/bee-input-number/build/InputNumber.css\";\n// @import \"../node_modules/bee-modal/build/Modal.css\";\n@import \"../src/Table.scss\";\n\n\n//引入日期控件样式文件\n// @import \"../node_modules/bee-datepicker/src/datepicker.scss\";\n\n.selected{\n background: #FFF7E7;\n}\n\n.demo25{\n height: 100%;\n\n .u-table-filter-column-filter-icon{\n right: 15px;\n }\n\n}\n.opt-btns .u-button{\n margin: 0 4px;\n color: #fff;\n background: #505F79;\n border-color: #505F79;\n &:hover, &:active{\n background: #344563;\n border-color: #505F79;\n }\n}",".demo04 {\n &.u-table tr:nth-child(2n){\n background: #f7f9fb;\n }\n &.u-table tr.u-table-row-hover, .u-table tr:hover{\n background: #ebecf0;\n }\n}",".demo22{\n .opt-btns{\n margin-bottom: 8px;\n }\n}",".demo32{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}",".demo0501 .u-table {\n .u-row-hover {\n .opt-btns,.cancel-btns {\n button {\n margin: 0;\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n }\n\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}",".u-editable-table .u-table {\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n padding-left: 5px;\n font-size: 12px;\n\n &.error {\n border-color: #F44336;\n }\n }\n }\n\n .editable-cell {\n height: 30px;\n }\n\n &-hover {\n .editable-cell-text-wrapper {\n line-height: 19px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .editable-cell-input-wrapper {\n padding-right: 0;\n .ref-input-wrap {\n width: auto !important;\n height: 30px;\n .u-input-group{\n display: inline-block;\n }\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}",".demo0503-m-b {\n\n &.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb;\n }\n\n .u-form-group {\n overflow: hidden;\n }\n\n .u-form-control {\n font-size: 12px;\n }\n\n .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px;\n }\n\n .ref-input-wrap {\n width: 240px !important;\n }\n\n .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n .mast {\n padding: 0;\n color: red;\n }\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n z-index: 9999 !important;\n\n .tp-content {\n color: #F44336;\n }\n}\n.ref-core-button .u-button:first-child{\n margin-right: 8px;\n}",".demo0505 {\n\n .toolbar-btns {\n margin-bottom: 8px;\n\n .u-button {\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n\n .u-table {\n .u-row-select {\n background-color: #FFF7E7;\n }\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}","th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n",".expanded-table{\r\n .expand-icon-con .uf{\r\n font-size: 12px;\r\n }\r\n}",".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/demo.js b/dist/demo.js
index ada80ae..d46ffa0 100644
--- a/dist/demo.js
+++ b/dist/demo.js
@@ -58,15 +58,15 @@
var _beePanel = __webpack_require__(9);
- var _beeDrawer = __webpack_require__(82);
+ var _beeDrawer = __webpack_require__(84);
var _beeDrawer2 = _interopRequireDefault(_beeDrawer);
- var _beeClipboard = __webpack_require__(96);
+ var _beeClipboard = __webpack_require__(98);
var _beeClipboard2 = _interopRequireDefault(_beeClipboard);
- var _src = __webpack_require__(264);
+ var _src = __webpack_require__(268);
var _src2 = _interopRequireDefault(_src);
@@ -80,7 +80,7 @@
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
- var Demo0101 = __webpack_require__(591);var Demo0102 = __webpack_require__(594);var Demo0103 = __webpack_require__(595);var Demo0104 = __webpack_require__(596);var Demo0105 = __webpack_require__(597);var Demo0106 = __webpack_require__(598);var Demo0107 = __webpack_require__(599);var Demo0201 = __webpack_require__(600);var Demo0202 = __webpack_require__(601);var Demo0301 = __webpack_require__(602);var Demo0302 = __webpack_require__(603);var Demo0402 = __webpack_require__(606);var Demo0404 = __webpack_require__(607);var Demo0405 = __webpack_require__(612);var Demo0501 = __webpack_require__(614);var Demo0502 = __webpack_require__(616);var Demo0503 = __webpack_require__(617);var Demo0505 = __webpack_require__(618);var Demo0601 = __webpack_require__(619);var Demo0602 = __webpack_require__(620);var Demo0603 = __webpack_require__(621);var Demo0701 = __webpack_require__(622);var Demo0702 = __webpack_require__(623);var Demo0802 = __webpack_require__(624);var Demo0901 = __webpack_require__(629);var Demo0902 = __webpack_require__(630);var Demo0903 = __webpack_require__(631);var Demo1001 = __webpack_require__(632);var Demo1002 = __webpack_require__(634);var Demo1101 = __webpack_require__(635);var Demo1102 = __webpack_require__(636);var Demo1103 = __webpack_require__(637);var Demo1105 = __webpack_require__(638);var Demo1106 = __webpack_require__(639);var Demo1107 = __webpack_require__(640);var Demo1108 = __webpack_require__(641);var Demo1201 = __webpack_require__(642);var Demo1301 = __webpack_require__(645);var Demo1302 = __webpack_require__(646);var Demo1401 = __webpack_require__(652);var Demo1402 = __webpack_require__(654);var Demo1403 = __webpack_require__(655);var Demo1404 = __webpack_require__(656);var Demo1601 = __webpack_require__(657);var DemoArray = [{ "example": _react2['default'].createElement(Demo0101, null), "title": " 基本表格", "code": "/**\n*\n* @title 基本表格\n* @parent 基础 Basic\n* @description 单元格数据过长时,可结合Tooltip组件使用。\n* demo0101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo0101 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 单元格数据过长时,可结合Tooltip组件使用。" }, { "example": _react2['default'].createElement(Demo0102, null), "title": " 默认无数据展示", "code": "/**\r\n*\r\n* @title 默认无数据展示\r\n* @parent 基础 Basic\r\n* @description 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。\r\n* demo0102\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n {\r\n title: \"员工编号\",\r\n dataIndex: \"num\",\r\n key: \"num\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"员工姓名\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"部门\",\r\n dataIndex: \"department\",\r\n key: \"department\"\r\n }\r\n];\r\n \r\nconst data = [];\r\n\r\n// 在此自定义无数据时的展示内容\r\nconst emptyFunc = () => 'No Data';\r\n \r\nclass Demo02 extends Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\n", "desc": " 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。" }, { "example": _react2['default'].createElement(Demo0103, null), "title": " 固定表头", "code": "/**\r\n*\r\n* @title 固定表头\r\n* @parent 基础 Basic\r\n* @description 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。\r\n* demo0103\r\n*/\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns03 = [\r\n {\r\n title: \"序号\",\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n width: 80, \r\n render(text, record, index) {\r\n return index + 1;\r\n }\r\n },\r\n {\r\n title: \"订单编号\",\r\n dataIndex: \"orderCode\",\r\n key: \"orderCode\",\r\n width: 200, \r\n },\r\n {\r\n title: \"供应商名称\",\r\n dataIndex: \"supplierName\",\r\n key: \"supplierName\",\r\n width: 200\r\n },\r\n {\r\n title: \"类型\",\r\n dataIndex: \"type_name\",\r\n key: \"type_name\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组织\",\r\n dataIndex: \"purchasing\",\r\n key: \"purchasing\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组\",\r\n dataIndex: \"purchasingGroup\",\r\n key: \"purchasingGroup\",\r\n width: 200\r\n },\r\n {\r\n title: \"凭证日期\",\r\n dataIndex: \"voucherDate\",\r\n key: \"voucherDate\",\r\n width: 200,\r\n }\r\n];\r\n\r\nconst data03 = [\r\n { \r\n orderCode:\"NU0391025\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年03月18日\",\r\n key: \"1\"\r\n }, \r\n { \r\n orderCode:\"NU0391026\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织a', \r\n purchasingGroup:\"bb\",\r\n voucherDate:\"2018年02月05日\",\r\n key: \"2\"\r\n },\r\n { \r\n orderCode:\"NU0391027\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织b', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年07月01日\",\r\n key: \"3\"\r\n },\r\n { \r\n orderCode:\"NU0391028\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"4\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"cc\",\r\n voucherDate:\"2019年03月01日\",\r\n key: \"4\"\r\n },\r\n { \r\n orderCode:\"NU0391029\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"5\",\r\n purchasing:'组织d', \r\n purchasingGroup:\"ss\",\r\n voucherDate:\"2019年02月14日\",\r\n key: \"5\"\r\n },\r\n { \r\n orderCode:\"NU0391030\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织e', \r\n purchasingGroup:\"zz\",\r\n voucherDate:\"2019年02月18日\",\r\n key: \"6\"\r\n },\r\n { \r\n orderCode:\"NU0391031\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织f', \r\n purchasingGroup:\"qq\",\r\n voucherDate:\"2019年01月01日\",\r\n key: \"7\"\r\n },\r\n { \r\n orderCode:\"NU0391032\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织g', \r\n purchasingGroup:\"pp\",\r\n voucherDate:\"2019年01月31日\",\r\n key: \"8\"\r\n },\r\n];\r\n\r\nclass Demo03 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n", "desc": " 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。" }, { "example": _react2['default'].createElement(Demo0104, null), "title": " 隔行换色", "code": "/**\n*\n* @title 隔行换色\n* @parent 基础 Basic\n* @description 可自定义斑马线颜色\n* demo0104\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns04 = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n\nconst data04 = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\n\nclass Demo04 extends Component {\n render() {\n return \n }\n}\n\n", "desc": " 可自定义斑马线颜色", "scss_code": ".demo04 {\n &.u-table tr:nth-child(2n){\n background: #f7f9fb;\n }\n &.u-table tr.u-table-row-hover, .u-table tr:hover{\n background: #ebecf0;\n }\n}" }, { "example": _react2['default'].createElement(Demo0105, null), "title": " 表格 Loading 加载", "code": "/**\r\n*\r\n* @title 表格 Loading 加载\r\n* @parent 基础 Basic\r\n* @description loading可以传boolean或者object对象,object为bee-loading组件的参数类型\r\n* demo0105\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button,Tooltip} from \"tinper-bee\";\r\n\r\nconst columns05 = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",fixed:'left'},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data05 = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo05 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading : true\r\n }\r\n }\r\n changeLoading = () => {\r\n this.setState({\r\n loading : !this.state.loading\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " loading可以传boolean或者object对象,object为bee-loading组件的参数类型" }, { "example": _react2['default'].createElement(Demo0106, null), "title": " 单元格内容居中", "code": "/**\n*\n* @title 单元格内容居中\n* @parent 基础 Basic\n* @description 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。\n* demo0106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, className: \"rowClassName\",\n fixed:'left',\n textAlign:'center',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100,textAlign:'center'},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100,textAlign:'center'},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100,textAlign:'center' },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,textAlign:'center' }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。" }, { "example": _react2['default'].createElement(Demo0107, null), "title": " 带边框", "code": "/**\n*\n* @title 带边框\n* @parent 基础 Basic\n* @description 设置 `bordered` 属性可添加表格边框线。\n* demo0107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 设置 `bordered` 属性可添加表格边框线。" }, { "example": _react2['default'].createElement(Demo0201, null), "title": " 横向滚动条", "code": "/**\n*\n* @title 横向滚动条\n* @parent 滚动 Scroll View\n* @description `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 100, \n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 300, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 200\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 200\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 200\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 200\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 300,\n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 200\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 200\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n }\n];\n\nclass Demo11 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。" }, { "example": _react2['default'].createElement(Demo0202, null), "title": " 纵向滚动条", "code": "/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\nclass Demo12 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。" }, { "example": _react2['default'].createElement(Demo0301, null), "title": " 渲染本地数据", "code": "/**\n*\n* @title 渲染本地数据\n* @parent 数据操作 Data Opetation\n* @description 可自定义页头和页脚。\n* demo0301\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\nclass Demo21 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n\n render() {\n return (\n 员工信息统计表
}\n footer={currentData => 合计: 共{data.length}条数据
}\n />\n );\n }\n}\n\n\n", "desc": " 可自定义页头和页脚。" }, { "example": _react2['default'].createElement(Demo0302, null), "title": " 渲染远程数据", "code": "/**\n*\n* @title 渲染远程数据\n* @parent 数据操作 Data Opetation\n* @description 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。\n* demo0302\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [{\n title: 'Name',\n dataIndex: 'name',\n sorter: true,\n render: name => `${name.first} ${name.last}`,\n width: '20%',\n}, {\n title: 'Gender',\n dataIndex: 'gender',\n filters: [\n { text: 'Male', value: 'male' },\n { text: 'Female', value: 'female' },\n ],\n width: '20%',\n}, {\n title: 'Email',\n dataIndex: 'email',\n}];\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: [],\n loading: false,\n }\n }\n\n fetch = (params = {}) => {\n console.log('params:', params);\n this.setState({ loading: true });\n reqwest({\n url: 'https://randomuser.me/api',\n method: 'get',\n data: {\n results: 10,\n ...params,\n },\n type: 'json',\n }).then((data) => {\n this.setState({\n loading: false,\n data: data.results,\n });\n });\n }\n\n render() {\n return (\n \n
\n
\n
\n );\n }\n}\n\n\n", "desc": " 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。", "scss_code": ".demo22{\n .opt-btns{\n margin-bottom: 8px;\n }\n}" }, { "example": _react2['default'].createElement(Demo0402, null), "title": " 多列表头", "code": "/**\r\n *\r\n * @title 多列表头\r\n * @parent 列渲染 Custom Render\r\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\r\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\r\n * demo0402\r\n */\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button} from \"tinper-bee\";\r\n\r\nconst { ColumnGroup, Column } = Table;\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n width:600,\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: 100\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Company\",\r\n width:400,\r\n children: [\r\n {\r\n title: \"Company Address\",\r\n dataIndex: \"companyAddress\",\r\n key: \"companyAddress\",\r\n width:200,\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"companyName\",\r\n key: \"companyName\",\r\n width:200,\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 60,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nconst data = [];\r\nfor (let i = 0; i < 20; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\",\r\n age: i + 1,\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 2035,\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n}\r\n\r\nclass Demo32 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " columns[n] 可以内嵌 children,以渲染分组表头。", "scss_code": ".demo32{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}" }, { "example": _react2['default'].createElement(Demo0404, null), "title": " 数据关联", "code": "/**\n*\n* @title 数据关联\n* @parent 列渲染 Custom Render\n* @description 数据行关联自定义菜单显示\n* demo0404\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/newMultiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\n\nconst data = [\n { \n num:\"NU0391025\", \n name: \"aa\",\n sex: \"男\",\n dept:'财务二科', \n rank:\"T1\",\n year:\"1\",\n seniority:\"1\",\n key: \"1\"\n }, \n { \n num:\"NU0391026\", \n name: \"bb\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"M1\",\n year:\"1\",\n seniority:\"1\",\n key: \"2\"\n },\n { \n num:\"NU0391027\", \n name: \"dd\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"T2\",\n year:\"2\",\n seniority:\"2\",\n key: \"3\"\n }\n];\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\n\nclass Demo33 extends Component {\n constructor(props) {\n super(props);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n render() {\n const menu1 = (\n );\n let columns = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\n { title: \"员工编号\",dataIndex: \"num\",key: \"num\",width: 200 },\n { title: \"员工姓名\",dataIndex: \"name\",key: \"name\", width: 200},\n { title: \"员工性别\",dataIndex: \"sex\",key: \"sex\",width: 200 },\n { title: \"部门\",dataIndex: \"dept\",key: \"dept\",width: 200},\n { title: \"职级\",dataIndex: \"rank\",key: \"rank\",width: 200},\n { title: \"工龄\",dataIndex: \"year\",key: \"year\",width: 200},\n { title: \"司龄\",dataIndex: \"seniority\",key: \"seniority\",width: 200}\n ];\n return \n }\n}\n\n", "desc": " 数据行关联自定义菜单显示" }, { "example": _react2['default'].createElement(Demo0405, null), "title": " 列合计(总计)", "code": "/**\n *\n * @title 列合计(总计)\n * @parent 列渲染 Custom Render\n * @description 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。\n * demo0405\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";; \nimport sum from \"tinper-bee/lib/sum.js\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\n \nlet ComplexTable = multiSelect(sum(Table), Checkbox);\nlet _sum = 0;\nconst columns = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"业务类型\",\n dataIndex: \"type\",\n key: \"type\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"仓库\",\n dataIndex: \"warehouse\",\n key: \"warehouse\",\n width: 80,\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 100,\n sumCol: true\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sumCol: true\n }\n];\n\nfunction getData(){\n const data = [];\n for (let i = 0; i < 5; i++) {\n data.push({\n key: i,\n num: \"NU039100\"+i,\n date: \"2019-03-01\",\n type: \"普通采购\",\n supplier: \"gys\"+i,\n contact: \"Tom\",\n warehouse: \"普通仓\",\n total: i + Math.floor(Math.random()*10),\n money: 20 * Math.floor(Math.random()*10)\n });\n _sum += data[i].total;\n _sum += data[i].money;\n }\n return data;\n}\n\nclass Demo35 extends Component {\n \n constructor(props) {\n super(props);\n this.state = {\n data: getData(),\n sum:_sum\n };\n }\n\n render() {\n const {data} = this.state;\n return (\n \n );\n }\n}\n\n", "desc": " 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。" }, { "example": _react2['default'].createElement(Demo0501, null), "title": " 行内编辑", "code": "/**\n *\n * @title 行内编辑\n * @parent 编辑 Editor\n * @description 可以对行进行编辑的表格\n * demo0501\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0501 extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.dataBuffer = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n // 最好使用深复制\n this.dataBuffer[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n delete this.dataBuffer[index];\n this.setState({ editingRowsMap });\n };\n\n delete = index => () => {\n if (index === null) return;\n let { dataSource } = this.state;\n dataSource.splice(index,1);\n this.setState({\n dataSource:dataSource\n });\n }\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n let dataSource = [...this.state.dataSource];\n dataSource[index] = { ...this.dataBuffer[index] };\n this.setState({ editingRowsMap, dataSource });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n handleRowHover = (index, record) => {\n this.currentRecord = record;\n this.setState({ currentIndex: index });\n };\n\n renderRowHover = () => {\n const { currentIndex } = this.state;\n return this.state.editingRowsMap[currentIndex] ? (\n \n \n \n
\n ) : (\n \n \n \n
\n );\n };\n\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\n\n", "desc": " 可以对行进行编辑的表格", "scss_code": ".demo0501 .u-table {\n .u-row-hover {\n .opt-btns,.cancel-btns {\n button {\n margin: 0;\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n }\n\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}" }, { "example": _react2['default'].createElement(Demo0502, null), "title": " 单元格编辑", "code": "/**\n *\n * @title 单元格编辑\n * @parent 编辑 Editor\n * @description 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)\n * demo0502\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Icon, Select, Tooltip, Form } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n this.editWarp = React.createRef();\n }\n\n commitChange = () => {\n if (this.state.value === \"\") return;\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n handleKeydown = event => {\n if (event.keyCode == 13) {\n this.commitChange();\n }\n };\n\n handleChange = e => {\n if (e.target.value === \"\") this.editWarp.className += \" verify-cell\";\n this.setState({ value: e.target.value });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
this.editWarp = el} className=\"editable-cell-input-wrapper\">\n \n {value === \"\" ? (\n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n
\n \n ) : null}\n
\n ) : (\n \n {value || \" \"}\n
\n )}\n \n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n }\n\n handleSelect = value => {\n this.setState({ value });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
\n {value || \" \"}\n
\n )}\n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props, context);\n this.state = {\n value: this.props.value.d,\n editable: false\n };\n this.refWarp = React.createRef();\n }\n\n edit = () => {\n this.setState({ editable: true }, () => this.refWarp.focus());\n };\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n onRefBlur = e => {\n // 消除点击子组件,父组件先失焦再聚焦的事件触发过程带来的副作用\n const __REF_CONTENT__ = document.querySelector(\"div.ref-core-modal\");\n if (!__REF_CONTENT__ && e.target === this.refWarp) {\n this.commitChange();\n }\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable } = this.state;\n return editable ? (\n (this.refWarp = el)}\n className=\"editable-cell-input-wrapper\"\n tabIndex={-1}\n onBlur={this.onRefBlur}\n >\n \n \n {getFieldError(\"code1\")}\n \n
\n ) : (\n \n {value.name || \" \"}\n
\n );\n }\n }\n);\n\nconst dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0502 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource\n };\n }\n\n onCellChange = (index, key) => {\n return value => {\n const { dataSource } = this.state;\n dataSource[index][key] = value;\n this.setState({ dataSource }, () => console.dir(this.state.dataSource));\n };\n };\n\n render() {\n return (\n \n
\n \n );\n }\n}\n\n\n", "desc": " 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)", "scss_code": ".u-editable-table .u-table {\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n padding-left: 5px;\n font-size: 12px;\n\n &.error {\n border-color: #F44336;\n }\n }\n }\n\n .editable-cell {\n height: 30px;\n }\n\n &-hover {\n .editable-cell-text-wrapper {\n line-height: 19px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .editable-cell-input-wrapper {\n padding-right: 0;\n .ref-input-wrap {\n width: auto !important;\n height: 30px;\n .u-input-group{\n display: inline-block;\n }\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}" }, { "example": _react2['default'].createElement(Demo0503, null), "title": " 弹框(表单)编辑", "code": "/**\n *\n * @title 弹框(表单)编辑\n * @parent 编辑 Editor\n * @description 以弹框形式以对行进行编辑的表格\n * demo0503\n */\n\nimport React, { Component, PureComponent } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport {\n Select, Form, FormControl, Button, Icon,\n Tooltip, Modal, FormGroup, Label, Row, Col\n} from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nfunction handleFormValueChange(WarpCompProps, field, allFields) {\n const { onChange, throwError } = WarpCompProps;\n if (field.value === \"\") return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(field.value);\n}\n\nconst StringEditCell = Form.createForm({\n onValuesChange: handleFormValueChange\n})(PureStringEditCell);\n\nfunction PureStringEditCell(props) {\n const { getFieldProps, getFieldError } = props.form;\n const { value, required } = props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + props.colName}\n
\n }\n >\n \n \n )\n }\n ]\n })}\n />\n {getFieldError(\"value\")}\n \n );\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = value => {\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n return (\n \n \n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = values => {\n const { form, throwError, onChange } = this.props\n if (form.getFieldError(\"refValue\")) return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, required } = this.props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n );\n }\n }\n);\n\nclass EditModal extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n data: this.props.data,\n errorEditFlag: false\n };\n\n // 属性名对应 columns 属性中的 key 值\n this.renderElm = {\n b: (record, index) => (\n \n ),\n\n c: (record, index) => (\n \n ),\n d: (record, index) => (\n \n )\n }\n }\n\n onFieldChange = field => value => {\n let data = { ...this.state.data };\n data[field] = value;\n this.setState({ data });\n }\n\n submitChange = () => {\n if (this.state.errorEditFlag) return;\n const { onSubmit, onHide, currentIndex } = this.props;\n onSubmit && onSubmit(this.state.data, currentIndex);\n onHide && onHide();\n }\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { show, onHide, columns, currentIndex } = this.props;\n const { data } = this.state;\n return (\n \n \n 编辑行\n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0503 extends Component {\n constructor(props, context) {\n super(props);\n // 编辑态下每个单元格对应的编辑模式组件写在 EditModal 组件中,以 key 值对应\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\"\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => record.d.name\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n isEditing: false,\n currentIndex: null\n };\n }\n\n edit = () => {\n if (this.state.currentIndex === null) return;\n this.setState({ isEditing: true });\n };\n\n abortEdit = () => {\n this.setState({ isEditing: false });\n };\n\n commitChange = (editedRowData, rowIndex) => {\n console.log(editedRowData)\n console.log(rowIndex)\n let dataSource = [...this.state.dataSource];\n dataSource[rowIndex] = editedRowData;\n this.setState({ dataSource });\n };\n\n handleRowHover = (index, record) => {\n this.setState({ currentIndex: index });\n };\n\n hideEditModal = () => {\n this.setState({ isEditing: false });\n }\n\n renderRowHover = () => {\n return (\n \n \n
\n );\n };\n\n\n render() {\n const { dataSource, isEditing, currentIndex } = this.state;\n const columns = this.columns;\n return (\n \n
\n {\n isEditing ? (\n
\n ) : null\n }\n
\n );\n }\n}\n\n\n", "desc": " 以弹框形式以对行进行编辑的表格", "scss_code": ".demo0503-m-b {\n\n &.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb;\n }\n\n .u-form-group {\n overflow: hidden;\n }\n\n .u-form-control {\n font-size: 12px;\n }\n\n .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px;\n }\n\n .ref-input-wrap {\n width: 240px !important;\n }\n\n .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n .mast {\n padding: 0;\n color: red;\n }\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n z-index: 9999 !important;\n\n .tp-content {\n color: #F44336;\n }\n}\n.ref-core-button .u-button:first-child{\n margin-right: 8px;\n}" }, { "example": _react2['default'].createElement(Demo0505, null), "title": " 全表格编辑", "code": "/**\n *\n * @title 全表格编辑\n * @parent 编辑 Editor\n * @description 以行内编辑形式对全表数据进行编辑\n * demo0505\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0505 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n // 用于记录数据是否被修改\n dataSource.forEach(item => (item.isEdited = {}));\n this.state = {\n dataSource: dataSource,\n isEditingAll: false,\n currentIndex: null,\n errorEditFlag: false\n };\n\n // 用于记录编辑前数据\n this.dataBuffer = [];\n }\n\n edit = () => {\n this.dataBuffer = [];\n // 最好使用深复制\n this.state.dataSource.forEach((item, index) => {\n this.dataBuffer.push({ ...item });\n });\n this.setState({ isEditingAll: true });\n };\n\n abortEdit = () => {\n let originData = [...this.state.dataSource];\n originData.forEach(item => (item.isEdited = {}));\n this.setState({\n isEditingAll: false,\n dataSource: originData\n });\n };\n\n commitChange = () => {\n if (this.state.errorEditFlag) return;\n const newData = this.dataBuffer.map(item => {\n return Object.assign({}, item, { isEdited: {} });\n });\n this.setState({ isEditingAll: false, dataSource: newData });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n this.dataBuffer[index].isEdited[key] = true;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { dataSource, isEditingAll } = this.state;\n const columns = this.columns;\n return (\n \n
\n {isEditingAll ? (\n \n \n \n \n ) : (\n \n )}\n
\n
\n
\n );\n }\n}\n\n\n", "desc": " 以行内编辑形式对全表数据进行编辑", "scss_code": ".demo0505 {\n\n .toolbar-btns {\n margin-bottom: 8px;\n\n .u-button {\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n\n .u-table {\n .u-row-select {\n background-color: #FFF7E7;\n }\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}" }, { "example": _react2['default'].createElement(Demo0601, null), "title": " 左侧固定列", "code": "/**\n*\n* @title 左侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nclass Demo51 extends Component {\n render() {\n return ;\n }\n}\n\n", "desc": " 固定列到表格的左侧" }, { "example": _react2['default'].createElement(Demo0602, null), "title": " 右侧固定列", "code": "/**\n*\n* @title 右侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的右侧\n* demo0602\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:100,\n fixed: \"right\",\n render(text, record, index) {\n return (\n \n )\n }\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"4\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"6\"\n }\n];\n\nclass Demo52 extends Component {\n render() {\n return ;\n }\n}\n\n", "desc": " 固定列到表格的右侧" }, { "example": _react2['default'].createElement(Demo0603, null), "title": " 动态设置列锁定、解除锁定", "code": "/**\n*\n* @title 动态设置列锁定、解除锁定\n* @parent 列操作-锁定 Fixed\n* @description 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。\n* demo0603\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst { Item } = Menu;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n \nclass Demo24 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n columns:columns\n }\n }\n \n onSelect = ({key,item})=>{ \n console.log(`${key} selected`); //获取key\n let currentObject = item.props.data; //获取选中对象的数据\n let {columns} = this.state;\n let fixedCols = [];\n let nonColums = [];\n columns.find(da=>{\n if(da.key == key){\n da.fixed?delete da.fixed:da.fixed = 'left';\n }\n da.fixed?fixedCols.push(da):nonColums.push(da);\n });\n \n columns = [...fixedCols,...nonColums]\n\n this.setState({\n columns\n });\n }\n //表头增加下拉菜单\n renderColumnsDropdown(columns) {\n const icon ='uf-arrow-down';\n \n return columns.map((originColumn,index) => {\n let column = Object.assign({}, originColumn);\n let menuInfo = [], title='锁定';\n if(originColumn.fixed){\n title = '解锁'\n }\n menuInfo.push({\n info:title,\n key:originColumn.key,\n index:index\n });\n const menu = (\n )\n column.title = (\n \n {column.title}\n \n \n \n \n \n );\n return column;\n });\n \n }\n\n render() {\n let {columns} = this.state;\n columns = this.renderColumnsDropdown(columns);\n return(\n \n )\n }\n}\n\n", "desc": " 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。", "scss_code": "th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n" }, { "example": _react2['default'].createElement(Demo0701, null), "title": " 按条件、值过滤", "code": "/**\n*\n* @title 按条件、值过滤\n* @parent 列操作-过滤 Filter\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。\n* demo0701\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns26 = [\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\n];\n\nconst data26 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo26 extends Component {\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n render() {\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns26}\n data={data26} />;\n }\n}\n\n", "desc": " 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。" }, { "example": _react2['default'].createElement(Demo0702, null), "title": " 复杂表格中行过滤", "code": "/**\n*\n* @title 复杂表格中行过滤\n* @parent 列操作-过滤 Filter\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\n* demo0702\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst data27 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\nclass Demo27 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dropdownvalue: []\n }\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"年龄\",\n width: 180,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"日期\",\n width: 190,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"时间范围\",\n width: 290,\n dataIndex: \"mark\",\n key: \"mark\",\n filterType: \"daterange\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"地址\",\n width: 100,\n dataIndex: \"address\",\n key: \"address\",\n filterType: \"dropdown\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n }\n ];\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\n filterable={true}//是否开启过滤数据功能\n getSelectedDataFunc={this.getSelectedDataFunc}\n bordered\n multiSelect={multiObj}\n columns={columns27}\n data={data27} />;\n }\n}\n\n", "desc": " 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等" }, { "example": _react2['default'].createElement(Demo0802, null), "title": " 列过滤面板", "code": "/**\n*\n* @title 列过滤面板\n* @parent 列操作-隐藏 Hide\n* @description 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。\n* demo0802\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport sum from \"tinper-bee/lib/sum\";;\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\n\nconst defaultProps21 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo21 extends Component {\n constructor(props) {\n super(props);\n this.state ={\n columns: [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n ]};\n }\n afterFilter = (optData,columns)=>{\n if(optData.key == 'b'){\n if(optData.ifshow){\n columns[2].ifshow = false;\n }else{\n columns[2].ifshow = true;\n }\n this.setState({\n columns21 :columns,\n showFilterPopover:true\n });\n }\n \n }\n \n render() {\n return ;\n }\n}\n\nDemo21.defaultProps = defaultProps21;\n", "desc": " 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。" }, { "example": _react2['default'].createElement(Demo0901, null), "title": " 列排序", "code": "/**\n* @title 列排序\n* @parent 列操作-排序 Sort\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\n* demo0901\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\n\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,key: \"3\" }\n];\n\nconst defaultProps11 = {\n prefixCls: \"bee-table\"\n};\nclass Demo11 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n render() {\n\n return ;\n }\n}\nDemo11.defaultProps = defaultProps11;\n\n\n", "desc": " column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称" }, { "example": _react2['default'].createElement(Demo0902, null), "title": " 后端列排序", "code": "/**\n* @title 后端列排序\n* @parent 列操作-排序 Sort\n* @description 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序\n* demo0902\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\n\n// const columns11 = [\n// {\n// title: \"名字\",\n// dataIndex: \"a\",\n// key: \"a\",\n// width: 100\n// },\n// {\n// title: \"性别\",\n// dataIndex: \"b\",\n// key: \"b\",\n// width: 100\n// },\n// {\n// title: \"年龄\",\n// dataIndex: \"c\",\n// key: \"c\",\n// width: 200,\n// sorter: (a, b) => a.c - b.c\n// },\n// {\n// title: \"武功级别\",\n// dataIndex: \"d\",\n// key: \"d\"\n// },\n// {\n// title: \"分数\",\n// dataIndex: \"e\",\n// key: \"e\",\n// sorter: (a, b) => a.c - b.c\n// },\n// ];\n\n// const data11 = [\n// { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\n// { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\n// { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\n// ];\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sorter: (a, b) => a.money - b.money\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,money: 100,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,money: 50,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,money: 200,key: \"3\" }\n];\n\nconst defaultProps = {\n prefixCls: \"bee-table\"\n};\nclass Demo28 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n /**\n * 后端获取数据\n */\n sortFun = (sortParam)=>{\n console.info(sortParam);\n //将参数传递给后端排序\n }\n render() {\n let sortObj = {\n mode:'multiple',\n backSource:true,\n sortFun:this.sortFun\n }\n return ;\n }\n}\nDemo28.defaultProps = defaultProps;\n\n\n", "desc": " 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序" }, { "example": _react2['default'].createElement(Demo0903, null), "title": " 多列排序", "code": "/**\n *\n * @title 多列排序\n * @parent 列操作-排序 Sort\n * @description 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。\n * demo0903\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox,Button,Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nimport sum from \"tinper-bee/lib/sum.js\";;\n\nconst columns13 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n className:'dfasd',\n width: 200,\n sorter: (pre, after) => {return pre.a.localeCompare(after.a)},\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.b - after.b,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"整单数量\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.c - after.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"日销售量\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.e - after.e,\n },\n {\n title: \"供应商\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200\n }\n];\n\nconst data13 = [\n { a: \"NU0391001\", b: 675, c: 30, d: \"xx供应商\",e:100, key: \"2\" },\n { a: \"NU0391002\", b: 43, c: 41, d: \"yy供应商\",e:90, key: \"1\" },\n { a: \"NU0391003\", b: 43, c: 81, d: \"zz供应商\", e:120,key: \"4\" },\n { a: \"NU0391004\", b: 43, c: 81, d: \"aa供应商\", e:130,key: \"5\" },\n { a: \"NU0391005\", b: 153, c: 25, d: \"bb供应商\",e:90, key: \"3\" }\n];\n\n\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet ComplexTable = multiSelect(sort(sum(Table, Icon)), Checkbox);\n\nclass Demo13 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data13: data13,\n selectedRow: this.selectedRow,\n selectDisabled: this.selectDisabled\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n selectDisabled = (record, index) => {\n // console.log(record);\n if (index === 1) {\n return true;\n }\n return false;\n };\n selectedRow = (record, index) => {\n // console.log(record);\n if (index === 0) {\n return true;\n }\n return false;\n };\n onClick = () => {\n this.setState({\n selectedRow: function() {}\n });\n };\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let sortObj = {\n mode:'multiple'\n }\n \n return (\n \n \n \n
\n );\n }\n}\n", "desc": " 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。" }, { "example": _react2['default'].createElement(Demo1001, null), "title": " 拖拽改变列顺序", "code": "/**\n*\n* @title 拖拽改变列顺序\n* @parent 列操作-拖拽 Drag\n* @description 点击选择表头并左右拖拽,可以改变表格列顺序。onDrop方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。\n* demo1001\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n },\n {\n title: \"操作\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n fixed: 'right',\n }\n];\n\nconst data = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: 'xx供应商',d:'Tom',e:'...', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: 'yy供应商',d:'Jack',e:'...', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: 'zz供应商',d:'Jane',e:'...', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps22 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props); \n }\n \n render() {\n return {\n console.log(\"--拖拽交换列后触发事件\");\n console.log(\"event.target:\",event.target);\n console.log(\"data:\",data);\n console.log(\"拖拽完成后的columns:\",columns);\n }}\n />;\n }\n}\n\nDemo22.defaultProps = defaultProps22;\n", "desc": " 点击选择表头并左右拖拽,可以改变表格列顺序。onDrop方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。" }, { "example": _react2['default'].createElement(Demo1002, null), "title": " 拖拽改变列宽度", "code": "/**\n*\n* @title 拖拽改变列宽度\n* @parent 列操作-拖拽 Drag\n* @description onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。\n* demo1002\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns23 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: '200',\n fixed:'left'\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: '600'\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: '200',\n }, \n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n }\n];\n\nconst data23 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nclass Demo23 extends Component {\n constructor(props) {\n super(props); \n }\n\n render() {\n return {\n console.log(width+\"--调整列宽后触发事件\",e.target);\n }}\n />;\n }\n}\n\n", "desc": " onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。" }, { "example": _react2['default'].createElement(Demo1101, null), "title": " 嵌套子表格", "code": "/**\n*\n* @title 嵌套子表格\n* @parent 扩展行 Expanded Row\n* @description 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport { Popconfirm,Icon,Checkbox } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\n\nconst columns16 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:100,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst columns17 = [\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data16 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\", d: \"操作\", key: \"1\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\", d: \"操作\", key: \"2\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\", d: \"操作\", key: \"3\" }\n];\nconst MultiSelectTable = multiSelect(Table,Checkbox);\nclass Demo16 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{}\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\n \n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"NU0391056\", b: \"2019-03-01\", c: \"gys1\", d: \"操作\", key: \"1\" },\n { a: \"NU0391057\", b: \"2018-11-02\", c: \"gys2\", d: \"操作\", key: \"2\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"NU0391079\", b: \"2019-04-17\", c: \"gys5\", d: \"操作\", key: \"3\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n\n render() {\n return (\n }\n expandedIcon={}\n />\n );\n }\n}\n\n\n", "desc": " 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。", "scss_code": ".expanded-table{\r\n .expand-icon-con .uf{\r\n font-size: 12px;\r\n }\r\n}" }, { "example": _react2['default'].createElement(Demo1102, null), "title": " 树型表格数据展示", "code": "/**\n*\n* @title 树型表格数据展示\n* @parent 扩展行 Expanded Row\n* @description 通过在data中配置children数据,来自动生成树形表格\n* demo1102\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\n\nconst columns4 = [\n {\n title: \"订单编号\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"供应商\",\n dataIndex: \"address\",\n key: \"address\"\n }\n];\n\nconst data4 = [\n {\n key: 1,\n name: \"NU0391001\",\n age: \"2019-03-01\",\n address: \"供应商1\",\n children: [\n {\n key: 11,\n name: \"NU0391002\",\n age: \"2019-03-02\",\n address: \"供应商2\"\n },\n {\n key: 12,\n name: \"NU0391003\",\n age: \"2019-03-03\",\n address: \"供应商3\",\n children: [\n {\n key: 121,\n name: \"NU0391004\",\n age: \"2019-03-04\",\n address: \"供应商4\"\n }\n ]\n },\n {\n key: 13,\n name: \"NU0391005\",\n age: \"2019-03-05\",\n address: \"供应商5\",\n children: [\n {\n key: 131,\n name: \"NU0391006\",\n age: \"2019-03-06\",\n address: \"供应商6\",\n children: [\n {\n key: 1311,\n name: \"NU0391007\",\n age: \"2019-03-07\",\n address: \"供应商7\"\n },\n {\n key: 1312,\n name: \"NU0391008\",\n age: \"2019-03-08\",\n address: \"供应商8\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n key: 2,\n name: \"NU0391009\",\n age: \"2019-03-09\",\n address: \"供应商9\"\n }\n];\nclass Demo4 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data4,\n factoryValue: 0,\n selectedRow: new Array(data4.length)//状态同步\n }\n }\n\n render() {\n return {\n if (this.state.selectedRow[index]) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n let selectedRow = new Array(this.state.data.length);\n selectedRow[index] = true;\n this.setState({\n factoryValue: record,\n selectedRow: selectedRow\n });\n }}\n \n columns={columns4} data={data4} />;\n }\n}\n\n\n", "desc": " 通过在data中配置children数据,来自动生成树形表格" }, { "example": _react2['default'].createElement(Demo1103, null), "title": " 自定义表格标题、表尾、选中行颜色", "code": "/**\r\n*\r\n* @title 自定义表格标题、表尾、选中行颜色\r\n* @parent 扩展行 Expanded Row\r\n* @description 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。\r\n* demo1103\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n if (this.state.selectedRowIndex == index) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n this.setState({ \r\n selectedRowIndex: index\r\n });\r\n }}\r\n title={currentData => 员工信息统计表
}\r\n footer={currentData => 合计: 共{data.length}条数据
}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。" }, { "example": _react2['default'].createElement(Demo1105, null), "title": " 紧凑型、宽松型", "code": "/**\n*\n* @title 紧凑型、宽松型\n* @parent 扩展行 Expanded Row\n* @description 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。\n* demo1105\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip,Tag} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"订单编号\", dataIndex: \"orderNum\", key: \"orderNum\", width: 100 },\n { title: \"采购组织\", dataIndex: \"org\", key: \"org\", width: 200 },\n { title: \"供应商\", dataIndex: \"supplier\", key: \"supplier\", width: 100 },\n { title: \"订单日期\", dataIndex: \"orderDate\", key: \"orderDate\", width: 150 },\n { title: \"总数量\", dataIndex: \"quantity\", key: \"quantity\", width: 100 },\n { title: \"单据状态\", dataIndex: \"status\", key: \"status\", width: 100, \n render: (text, record, index) => {\n return (\n {text.desc}\n );\n }},\n { title: \"提交人\", dataIndex: \"submitter\", key: \"submitter\", width: 100 },\n { title: \"单位\", dataIndex: \"unit\", key: \"unit\", width: 100 },\n { title: \"总税价合计\", dataIndex: \"sum\", key: \"sum\", width: 100 },\n];\n\nconst data = [\n { \n orderNum: \"NU0391025\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年03月18日', \n quantity: '100.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小张', \n unit: 'pc', \n sum:'8,487.00', \n key: \"1\" \n },\n { \n orderNum: \"NU0391026\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年02月05日', \n quantity: '91.00', \n status: {type:'danger' ,desc:'异常'}, \n submitter: '小红', \n unit: 'pc', \n sum:'675.00', \n key: \"2\" \n },\n { \n orderNum: \"NU0391027\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年07月01日', \n quantity: '98.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小李', \n unit: 'pc', \n sum:'1,531.00', \n key: \"3\" \n }\n];\n\nclass Demo1 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。" }, { "example": _react2['default'].createElement(Demo1106, null), "title": " 自定义行高", "code": "/**\n*\n* @title 自定义行高\n* @parent 扩展行 Expanded Row\n* @description 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。\n* demo1106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\n\nclass Demo1 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n onRowHover=(index,record)=>{\n this.currentIndex = index;\n this.currentRecord = record;\n }\n\n getHoverContent=()=>{\n return
\n }\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n", "desc": " 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。" }, { "example": _react2['default'].createElement(Demo1107, null), "title": " 图片在表格中的展示", "code": "/**\n*\n* @title 图片在表格中的展示\n* @parent 扩展行 Expanded Row\n* @description 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题\n* demo1107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80,\n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"图样\",\n dataIndex: \"picture\",\n key: \"picture\",\n render(text, record, index) {\n return
\n }\n },\n {\n title: \"组织部门\",\n dataIndex: \"orgDept\",\n key: \"orgDept\",\n width: 100,\n },\n {\n title: \"设施管理部门\",\n dataIndex: \"facilityManageUnit\",\n key: \"facilityManageUnit\",\n width: 150,\n },\n {\n title: \"案卷编号\",\n dataIndex: \"docketnum\",\n key: \"docketnum\",\n width: 100,\n },\n {\n title: \"数量\",\n dataIndex: \"num\",\n key: \"num\",\n width: 100,\n },\n {\n title: \"首次发现时间\",\n dataIndex: \"discoveryTime\",\n key: \"discoveryTime\",\n width: 150,\n },\n {\n title: \"实际修复时间\",\n dataIndex: \"repairTime\",\n key: \"repairTime\",\n width: 150,\n }\n];\n\nconst data = [\n { key: \"1\", orgDept: \"组织1\", facilityManageUnit: \"部门1\", docketnum: 41, num: \"1\", discoveryTime: \"2018-10-17\", repairTime: \"2018-10-30\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg\"},\n { key: \"2\", orgDept: \"组织2\", facilityManageUnit: \"部门2\", docketnum: 30, num: \"2\", discoveryTime: \"2019-01-15\", repairTime: \"2019-01-20\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg\"},\n { key: \"3\", orgDept: \"组织3\", facilityManageUnit: \"部门3\", docketnum: 35, num: \"3\", discoveryTime: \"2019-04-10\", repairTime: \"2019-04-17\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg\"}\n];\n\nclass Demo1107 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题" }, { "example": _react2['default'].createElement(Demo1108, null), "title": " 自定义行、列合并", "code": "/**\n*\n* @title 自定义行、列合并\n* @parent 扩展行 Expanded Row\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\n* demo1108\n*/\n\nimport React, { Component } from \"react\";\nimport { Button } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst renderContent = (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n};\n\nconst columns = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 2) {\n obj.props.rowSpan = 2;\n }\n if (index === 3) {\n obj.props.rowSpan = 0;\n }\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n },\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\n\nconst columns1 = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: renderContent\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\nconst data = [{\n key: '1',\n name: '小红',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: '北京海淀',\n}, {\n key: '2',\n name: '小明',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: '河北张家口',\n}, {\n key: '3',\n name: '张三',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '浙江杭州',\n}, {\n key: '4',\n name: '李四',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '广州深圳',\n}, {\n key: '5',\n name: '王五',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '北京昌平',\n}];\n\nclass Demo15 extends Component {\n constructor(props){\n super(props);\n this.state={\n colFlag:false\n }\n }\n onChange=()=>{\n const colFlag = this.state.colFlag;\n this.setState({\n colFlag:!colFlag\n })\n }\n render() {\n let cols = this.state.colFlag?columns:columns1;\n return (\n \n \n );\n }\n}\n\n\n\n", "desc": " 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。" }, { "example": _react2['default'].createElement(Demo1201, null), "title": " 拖拽改变行顺序", "code": "/**\n*\n* @title 拖拽改变行顺序\n* @parent 行操作-拖拽\n* @description `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport { Switch } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:200 },\n { title: \"系统权限\", dataIndex: \"c\", key: \"c\", width: 200,render:()=>{return()}},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1001\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"1002\" },\n { a: \"ASVAL_201903120001\", b: \"小红\", c: \"女\", d: \"财务四科\", e: \"T3\", key: \"1003\" },\n { a: \"ASVAL_201903120002\", b: \"小姚\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1004\" },\n { a: \"ASVAL_201903120003\", b: \"小岳\", c: \"男\", d: \"财务五科\", e: \"T2\", key: \"1005\" },\n { a: \"ASVAL_201903120004\", b: \"小王\", c: \"男\", d: \"财务一科\", e: \"T5\", key: \"1006\" },\n { a: \"ASVAL_201903120005\", b: \"小绍\", c: \"男\", d: \"财务七科\", e: \"T2\", key: \"1007\" },\n { a: \"ASVAL_201903120006\", b: \"小郭\", c: \"男\", d: \"财务一科\", e: \"T3\", key: \"1008\" },\n { a: \"ASVAL_201903120007\", b: \"小杨\", c: \"女\", d: \"财务四科\", e: \"T2\", key: \"1009\" }\n];\n\nclass Demo1201 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n /**\n * 行拖拽开始时触发\n * @param record 拖拽行的数据\n * @param index 拖拽行的下标序号\n */\n onDragRowStart = (record,index) => {\n console.log('拖拽的行数据:', record);\n console.log('拖拽的行序号:', index);\n }\n\n /**\n * 行拖拽结束时触发\n * @param data 拖拽改变顺序后的新data数组\n * @param record 拖拽行的数据\n */\n onDropRow = (data, record) => {\n console.log('重排序后的data: ', data);\n console.log('拖拽的行数据: ', record);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。" }, { "example": _react2['default'].createElement(Demo1301, null), "title": " 多选功能", "code": "/**\r\n*\r\n* @title 多选功能\r\n* @parent 行操作-选择\r\n* @description 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。\r\n* demo1301\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\",_checked:true },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\",_checked:false },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\",_checked:false },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\",_disabled:true },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\",_checked:false}\r\n];\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet MultiSelectTable = multiSelect(Table, Checkbox);\r\n\r\nclass Demo12 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data\r\n };\r\n }\r\n /**\r\n *@param selectedList:当前选中的行数据\r\n *@param record 当前操作行数据\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (selectedList,record,index) => {\r\n console.log(\"selectedList\", selectedList,\"index\",index);\r\n // 如果在回调中增加setState逻辑,需要同步data中的_checked属性。即下面的代码\r\n // const allChecked = selectedList.length == 0?false:true;\r\n // record为undefind则为全选或者全不选\r\n // if(!record){\r\n // data12.forEach(item=>{\r\n // item._checked = allChecked;\r\n // })\r\n // }else{\r\n // data12[index]['_checked'] = record._checked;\r\n // } \r\n\r\n \r\n };\r\n \r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n return (\r\n {\r\n if (record._checked) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}/>\r\n );\r\n }\r\n}\r\n\r\n", "desc": " 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。" }, { "example": _react2['default'].createElement(Demo1302, null), "title": " 单选功能", "code": "/**\r\n*\r\n* @title 单选功能\r\n* @parent 行操作-选择\r\n* @description 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。\r\n* Demo1302\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { Radio } from 'tinper-bee';\r\n\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport singleSelect from \"tinper-bee/lib/singleSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300 },\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n ];\r\n \r\n const data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" }\r\n ];\r\n\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet SingleSelectTable = singleSelect(Table, Radio);\r\n\r\nclass Demo1302 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0,\r\n }\r\n }\r\n\r\n /**\r\n *@param selected 当前选中的行数据(当前操作行数据)\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (record,index) => {\r\n console.log(\"record\", record, \"index\",index);\r\n\r\n this.setState({\r\n selectedRowIndex:index\r\n })\r\n };\r\n\r\n render() {\r\n let {selectedRowIndex} = this.state;\r\n\r\n return (\r\n {\r\n if (index === selectedRowIndex) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。" }, { "example": _react2['default'].createElement(Demo1401, null), "title": " 万行以上数据渲染", "code": "/**\n*\n* @title 万行以上数据渲染\n* @parent 无限滚动 Infinite-scroll\n* @description 万行数据渲染\n* demo1401\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'60',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n", "desc": " 万行数据渲染", "scss_code": ".big-data tr td {\n // height: 48px;\n}" }, { "example": _react2['default'].createElement(Demo1402, null), "title": " 嵌套子表格滚动加载", "code": "/**\n*\n* @title 嵌套子表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst outColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst innerColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n })\n\n\n\n\n\nclass Demo31 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{\n 0:[\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ],\n 1: [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ],\n }\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 200;\n let innderData = [ ...new Array(100) ].map((e, i) => {\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\n })\n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。" }, { "example": _react2['default'].createElement(Demo1403, null), "title": " 多功能表格滚动加载", "code": "/**\n*\n* @title 多功能表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1403\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\n\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\n\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'80',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo32 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n getSelectedDataFunc={this.getSelectedDataFunc}/>\n\n );\n }\n}\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo1404, null), "title": " 层级树大数据场景", "code": "/**\n* @title 层级树大数据场景\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1404\n*/\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'150',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(1000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }else{\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }\n return rs;\n })\n\n\nclass Demo34 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n onExpandedRowsChange = (expandedRowKeys)=>{\n console.log('expandedRowKeys',expandedRowKeys);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n onExpandedRowsChange={this.onExpandedRowsChange}\n />\n\n \n );\n }\n}\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo1601, null), "title": " 表格+分页", "code": "/**\n * @title 表格+分页\n * @parent 分页 Pagination\n * @description 点击分页联动表格\n * demo1601\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Pagination} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst pageData = {\n 1: [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n ],\n 2: [\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" },\n ]\n};\n\nclass Demo8 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: pageData[1],\n activePage: 1\n };\n }\n\n handleSelect(eventKey) {\n this.setState({\n data: pageData[eventKey],\n activePage: eventKey\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\n", "desc": " 点击分页联动表格", "scss_code": ".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}" }];
+ var Demo0101 = __webpack_require__(595);var Demo0102 = __webpack_require__(598);var Demo0103 = __webpack_require__(599);var Demo0104 = __webpack_require__(600);var Demo0105 = __webpack_require__(601);var Demo0106 = __webpack_require__(602);var Demo0107 = __webpack_require__(603);var Demo0201 = __webpack_require__(604);var Demo0202 = __webpack_require__(605);var Demo0301 = __webpack_require__(606);var Demo0302 = __webpack_require__(607);var Demo0402 = __webpack_require__(610);var Demo0404 = __webpack_require__(611);var Demo0405 = __webpack_require__(616);var Demo0501 = __webpack_require__(618);var Demo0502 = __webpack_require__(620);var Demo0503 = __webpack_require__(621);var Demo0505 = __webpack_require__(622);var Demo0601 = __webpack_require__(623);var Demo0602 = __webpack_require__(624);var Demo0603 = __webpack_require__(625);var Demo0701 = __webpack_require__(626);var Demo0702 = __webpack_require__(627);var Demo0802 = __webpack_require__(628);var Demo0901 = __webpack_require__(633);var Demo0902 = __webpack_require__(634);var Demo0903 = __webpack_require__(635);var Demo1001 = __webpack_require__(636);var Demo1002 = __webpack_require__(638);var Demo1101 = __webpack_require__(639);var Demo1102 = __webpack_require__(640);var Demo1103 = __webpack_require__(641);var Demo1105 = __webpack_require__(642);var Demo1106 = __webpack_require__(643);var Demo1107 = __webpack_require__(644);var Demo1108 = __webpack_require__(645);var Demo1201 = __webpack_require__(646);var Demo1301 = __webpack_require__(649);var Demo1302 = __webpack_require__(650);var Demo1401 = __webpack_require__(656);var Demo1402 = __webpack_require__(658);var Demo1403 = __webpack_require__(659);var Demo1404 = __webpack_require__(660);var Demo1601 = __webpack_require__(661);var DemoArray = [{ "example": _react2['default'].createElement(Demo0101, null), "title": " 基本表格", "code": "/**\n*\n* @title 基本表格\n* @parent 基础 Basic\n* @description 单元格数据过长时,可结合Tooltip组件使用。\n* demo0101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo0101 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 单元格数据过长时,可结合Tooltip组件使用。" }, { "example": _react2['default'].createElement(Demo0102, null), "title": " 默认无数据展示", "code": "/**\r\n*\r\n* @title 默认无数据展示\r\n* @parent 基础 Basic\r\n* @description 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。\r\n* demo0102\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n {\r\n title: \"员工编号\",\r\n dataIndex: \"num\",\r\n key: \"num\",\r\n width: \"40%\"\r\n },\r\n {\r\n title: \"员工姓名\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: \"30%\"\r\n },\r\n {\r\n title: \"部门\",\r\n dataIndex: \"department\",\r\n key: \"department\"\r\n }\r\n];\r\n \r\nconst data = [];\r\n\r\n// 在此自定义无数据时的展示内容\r\nconst emptyFunc = () => 'No Data';\r\n \r\nclass Demo02 extends Component {\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\n", "desc": " 无数据时默认展示图标,可在`emptyText`方法中自定义展示内容。" }, { "example": _react2['default'].createElement(Demo0103, null), "title": " 固定表头", "code": "/**\r\n*\r\n* @title 固定表头\r\n* @parent 基础 Basic\r\n* @description 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。\r\n* demo0103\r\n*/\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns03 = [\r\n {\r\n title: \"序号\",\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n width: 80, \r\n render(text, record, index) {\r\n return index + 1;\r\n }\r\n },\r\n {\r\n title: \"订单编号\",\r\n dataIndex: \"orderCode\",\r\n key: \"orderCode\",\r\n width: 200, \r\n },\r\n {\r\n title: \"供应商名称\",\r\n dataIndex: \"supplierName\",\r\n key: \"supplierName\",\r\n width: 200\r\n },\r\n {\r\n title: \"类型\",\r\n dataIndex: \"type_name\",\r\n key: \"type_name\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组织\",\r\n dataIndex: \"purchasing\",\r\n key: \"purchasing\",\r\n width: 200\r\n },\r\n {\r\n title: \"采购组\",\r\n dataIndex: \"purchasingGroup\",\r\n key: \"purchasingGroup\",\r\n width: 200\r\n },\r\n {\r\n title: \"凭证日期\",\r\n dataIndex: \"voucherDate\",\r\n key: \"voucherDate\",\r\n width: 200,\r\n }\r\n];\r\n\r\nconst data03 = [\r\n { \r\n orderCode:\"NU0391025\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年03月18日\",\r\n key: \"1\"\r\n }, \r\n { \r\n orderCode:\"NU0391026\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织a', \r\n purchasingGroup:\"bb\",\r\n voucherDate:\"2018年02月05日\",\r\n key: \"2\"\r\n },\r\n { \r\n orderCode:\"NU0391027\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织b', \r\n purchasingGroup:\"aa\",\r\n voucherDate:\"2018年07月01日\",\r\n key: \"3\"\r\n },\r\n { \r\n orderCode:\"NU0391028\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"4\",\r\n purchasing:'组织c', \r\n purchasingGroup:\"cc\",\r\n voucherDate:\"2019年03月01日\",\r\n key: \"4\"\r\n },\r\n { \r\n orderCode:\"NU0391029\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"5\",\r\n purchasing:'组织d', \r\n purchasingGroup:\"ss\",\r\n voucherDate:\"2019年02月14日\",\r\n key: \"5\"\r\n },\r\n { \r\n orderCode:\"NU0391030\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"1\",\r\n purchasing:'组织e', \r\n purchasingGroup:\"zz\",\r\n voucherDate:\"2019年02月18日\",\r\n key: \"6\"\r\n },\r\n { \r\n orderCode:\"NU0391031\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"2\",\r\n purchasing:'组织f', \r\n purchasingGroup:\"qq\",\r\n voucherDate:\"2019年01月01日\",\r\n key: \"7\"\r\n },\r\n { \r\n orderCode:\"NU0391032\", \r\n supplierName: \"xx供应商\",\r\n type_name: \"3\",\r\n purchasing:'组织g', \r\n purchasingGroup:\"pp\",\r\n voucherDate:\"2019年01月31日\",\r\n key: \"8\"\r\n },\r\n];\r\n\r\nclass Demo03 extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\n", "desc": " 设置`scroll.y`指定滚动区域的高度,达到固定表头效果。" }, { "example": _react2['default'].createElement(Demo0104, null), "title": " 隔行换色", "code": "/**\n*\n* @title 隔行换色\n* @parent 基础 Basic\n* @description 可自定义斑马线颜色\n* demo0104\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns04 = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n\nconst data04 = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\n\nclass Demo04 extends Component {\n render() {\n return \n }\n}\n\n", "desc": " 可自定义斑马线颜色", "scss_code": ".demo04 {\n &.u-table tr:nth-child(2n){\n background: #f7f9fb;\n }\n &.u-table tr.u-table-row-hover, .u-table tr:hover{\n background: #ebecf0;\n }\n}" }, { "example": _react2['default'].createElement(Demo0105, null), "title": " 表格 Loading 加载", "code": "/**\r\n*\r\n* @title 表格 Loading 加载\r\n* @parent 基础 Basic\r\n* @description loading可以传boolean或者object对象,object为bee-loading组件的参数类型\r\n* demo0105\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button,Tooltip} from \"tinper-bee\";\r\n\r\nconst columns05 = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",fixed:'left'},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data05 = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo05 extends Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n loading : true\r\n }\r\n }\r\n changeLoading = () => {\r\n this.setState({\r\n loading : !this.state.loading\r\n })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " loading可以传boolean或者object对象,object为bee-loading组件的参数类型" }, { "example": _react2['default'].createElement(Demo0106, null), "title": " 单元格内容居中", "code": "/**\n*\n* @title 单元格内容居中\n* @parent 基础 Basic\n* @description 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。\n* demo0106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, className: \"rowClassName\",\n fixed:'left',\n textAlign:'center',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100,textAlign:'center'},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100,textAlign:'center'},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100,textAlign:'center' },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,textAlign:'center' }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 在columns数据中设置`textAlign:'center'`,可实现单元格内容居中展示的效果。默认是居左显示。" }, { "example": _react2['default'].createElement(Demo0107, null), "title": " 带边框", "code": "/**\n*\n* @title 带边框\n* @parent 基础 Basic\n* @description 设置 `bordered` 属性可添加表格边框线。\n* demo0107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_20190328\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1\" },\n { a: \"ASVAL_20190320\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"2\" },\n { a: \"ASVAL_20190312\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"3\" }\n];\n\nclass Demo06 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 设置 `bordered` 属性可添加表格边框线。" }, { "example": _react2['default'].createElement(Demo0201, null), "title": " 横向滚动条", "code": "/**\n*\n* @title 横向滚动条\n* @parent 滚动 Scroll View\n* @description `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 100, \n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 300, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 200\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 200\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 200\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 200\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 300,\n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 200\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 200\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n approvalState_name:\"未审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n }\n];\n\nclass Demo11 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " `scroll.x`的值代表表体内容的实际宽度,默认情况下是根据各列宽度合计出来的。其值超过父元素的宽度时会自动出现滚动条。如设置 `scroll={{ x:1000 }}`,可以手动添加横向滚动条,也可以设置`scroll={{ x:\"110%\" }}`。" }, { "example": _react2['default'].createElement(Demo0202, null), "title": " 纵向滚动条", "code": "/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {title: \"序号\",dataIndex: \"index\",key: \"index\",width: 80, \n render(text, record, index) {\n return index + 1;\n }\n },\n {title: \"订单编号\",dataIndex: \"orderCode\",key: \"orderCode\",width: 200},\n {title: \"供应商名称\",dataIndex: \"supplierName\",key: \"supplierName\",width: 200},\n {title: \"类型\",dataIndex: \"type_name\",key: \"type_name\",width: 200},\n {title: \"采购组织\",dataIndex: \"purchasing\",key: \"purchasing\",width: 200},\n {title: \"采购组\",dataIndex: \"purchasingGroup\",key: \"purchasingGroup\",width: 200},\n {title: \"凭证日期\",dataIndex: \"voucherDate\",key: \"voucherDate\",width: 200}\n];\n \nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391028\", \n supplierName: \"xx供应商\",\n type_name: \"4\",\n purchasing:'组织c', \n purchasingGroup:\"cc\",\n voucherDate:\"2019年03月01日\",\n key: \"4\"\n },\n { \n orderCode:\"NU0391029\", \n supplierName: \"xx供应商\",\n type_name: \"5\",\n purchasing:'组织d', \n purchasingGroup:\"ss\",\n voucherDate:\"2019年02月14日\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391030\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织e', \n purchasingGroup:\"zz\",\n voucherDate:\"2019年02月18日\",\n key: \"6\"\n },\n { \n orderCode:\"NU0391031\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织f', \n purchasingGroup:\"qq\",\n voucherDate:\"2019年01月01日\",\n key: \"7\"\n },\n { \n orderCode:\"NU0391032\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织g', \n purchasingGroup:\"pp\",\n voucherDate:\"2019年01月31日\",\n key: \"8\"\n },\n];\nclass Demo12 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 通过设置 `scroll.y` 可达到固定表头的效果。如设置 `scroll={{ y:200 }}` 表示表体高度超出 200px 后会显示滚动条。" }, { "example": _react2['default'].createElement(Demo0301, null), "title": " 渲染本地数据", "code": "/**\n*\n* @title 渲染本地数据\n* @parent 数据操作 Data Opetation\n* @description 可自定义页头和页脚。\n* demo0301\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\",\n fixed:'left',\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\nclass Demo21 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n\n render() {\n return (\n 员工信息统计表
}\n footer={currentData => 合计: 共{data.length}条数据
}\n />\n );\n }\n}\n\n\n", "desc": " 可自定义页头和页脚。" }, { "example": _react2['default'].createElement(Demo0302, null), "title": " 渲染远程数据", "code": "/**\n*\n* @title 渲染远程数据\n* @parent 数据操作 Data Opetation\n* @description 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。\n* demo0302\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [{\n title: 'Name',\n dataIndex: 'name',\n sorter: true,\n render: name => `${name.first} ${name.last}`,\n width: '20%',\n}, {\n title: 'Gender',\n dataIndex: 'gender',\n filters: [\n { text: 'Male', value: 'male' },\n { text: 'Female', value: 'female' },\n ],\n width: '20%',\n}, {\n title: 'Email',\n dataIndex: 'email',\n}];\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: [],\n loading: false,\n }\n }\n\n fetch = (params = {}) => {\n console.log('params:', params);\n this.setState({ loading: true });\n reqwest({\n url: 'https://randomuser.me/api',\n method: 'get',\n data: {\n results: 10,\n ...params,\n },\n type: 'json',\n }).then((data) => {\n this.setState({\n loading: false,\n data: data.results,\n });\n });\n }\n\n render() {\n return (\n \n
\n
\n
\n );\n }\n}\n\n\n", "desc": " 可通过 ajax 请求方式,从服务端读取并展现数据。也可自行接入其他数据处理方式。", "scss_code": ".demo22{\n .opt-btns{\n margin-bottom: 8px;\n }\n}" }, { "example": _react2['default'].createElement(Demo0402, null), "title": " 多列表头", "code": "/**\r\n *\r\n * @title 多列表头\r\n * @parent 列渲染 Custom Render\r\n * @description columns[n] 可以内嵌 children,以渲染分组表头。\r\n * 自定义表头高度需要传headerHeight,注:修改th的padding top和bottom置为0,否则会有影响\r\n * demo0402\r\n */\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport {Button} from \"tinper-bee\";\r\n\r\nconst { ColumnGroup, Column } = Table;\r\n\r\nconst columns = [\r\n {\r\n title: \"Name\",\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n width: 100,\r\n fixed: \"left\"\r\n },\r\n {\r\n title: \"Other\",\r\n width:600,\r\n children: [\r\n {\r\n title: \"Age\",\r\n dataIndex: \"age\",\r\n key: \"age\",\r\n width: 200\r\n },\r\n {\r\n title: \"Address\",\r\n children: [\r\n {\r\n title: \"Street\",\r\n dataIndex: \"street\",\r\n key: \"street\",\r\n width: 200\r\n },\r\n {\r\n title: \"Block\",\r\n children: [\r\n {\r\n title: \"Building\",\r\n dataIndex: \"building\",\r\n key: \"building\",\r\n width: 100\r\n },\r\n {\r\n title: \"Door No.\",\r\n dataIndex: \"number\",\r\n key: \"number\",\r\n width: 100\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Company\",\r\n width:400,\r\n children: [\r\n {\r\n title: \"Company Address\",\r\n dataIndex: \"companyAddress\",\r\n key: \"companyAddress\",\r\n width:200,\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"companyName\",\r\n key: \"companyName\",\r\n width:200,\r\n }\r\n ]\r\n },\r\n {\r\n title: \"Gender\",\r\n dataIndex: \"gender\",\r\n key: \"gender\",\r\n width: 60,\r\n fixed: \"right\"\r\n }\r\n];\r\n\r\nconst data = [];\r\nfor (let i = 0; i < 20; i++) {\r\n data.push({\r\n key: i,\r\n name: \"John Brown\",\r\n age: i + 1,\r\n street: \"Lake Park\",\r\n building: \"C\",\r\n number: 2035,\r\n companyAddress: \"Lake Street 42\",\r\n companyName: \"SoftLake Co\",\r\n gender: \"M\"\r\n });\r\n}\r\n\r\nclass Demo32 extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " columns[n] 可以内嵌 children,以渲染分组表头。", "scss_code": ".demo32{\n .u-table-thead th {\n padding-top: 0px;\n padding-bottom: 0px;\n }\n}" }, { "example": _react2['default'].createElement(Demo0404, null), "title": " 数据关联", "code": "/**\n*\n* @title 数据关联\n* @parent 列渲染 Custom Render\n* @description 数据行关联自定义菜单显示\n* demo0404\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/newMultiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\n\nconst data = [\n { \n num:\"NU0391025\", \n name: \"aa\",\n sex: \"男\",\n dept:'财务二科', \n rank:\"T1\",\n year:\"1\",\n seniority:\"1\",\n key: \"1\"\n }, \n { \n num:\"NU0391026\", \n name: \"bb\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"M1\",\n year:\"1\",\n seniority:\"1\",\n key: \"2\"\n },\n { \n num:\"NU0391027\", \n name: \"dd\",\n sex: \"女\",\n dept:'财务一科', \n rank:\"T2\",\n year:\"2\",\n seniority:\"2\",\n key: \"3\"\n }\n];\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\n\nclass Demo33 extends Component {\n constructor(props) {\n super(props);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n render() {\n const menu1 = (\n );\n let columns = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\n { title: \"员工编号\",dataIndex: \"num\",key: \"num\",width: 200 },\n { title: \"员工姓名\",dataIndex: \"name\",key: \"name\", width: 200},\n { title: \"员工性别\",dataIndex: \"sex\",key: \"sex\",width: 200 },\n { title: \"部门\",dataIndex: \"dept\",key: \"dept\",width: 200},\n { title: \"职级\",dataIndex: \"rank\",key: \"rank\",width: 200},\n { title: \"工龄\",dataIndex: \"year\",key: \"year\",width: 200},\n { title: \"司龄\",dataIndex: \"seniority\",key: \"seniority\",width: 200}\n ];\n return \n }\n}\n\n", "desc": " 数据行关联自定义菜单显示" }, { "example": _react2['default'].createElement(Demo0405, null), "title": " 列合计(总计)", "code": "/**\n *\n * @title 列合计(总计)\n * @parent 列渲染 Custom Render\n * @description 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。\n * demo0405\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";; \nimport sum from \"tinper-bee/lib/sum.js\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\n \nlet ComplexTable = multiSelect(sum(Table), Checkbox);\nlet _sum = 0;\nconst columns = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"业务类型\",\n dataIndex: \"type\",\n key: \"type\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"仓库\",\n dataIndex: \"warehouse\",\n key: \"warehouse\",\n width: 80,\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 100,\n sumCol: true\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sumCol: true\n }\n];\n\nfunction getData(){\n const data = [];\n for (let i = 0; i < 5; i++) {\n data.push({\n key: i,\n num: \"NU039100\"+i,\n date: \"2019-03-01\",\n type: \"普通采购\",\n supplier: \"gys\"+i,\n contact: \"Tom\",\n warehouse: \"普通仓\",\n total: i + Math.floor(Math.random()*10),\n money: 20 * Math.floor(Math.random()*10)\n });\n _sum += data[i].total;\n _sum += data[i].money;\n }\n return data;\n}\n\nclass Demo35 extends Component {\n \n constructor(props) {\n super(props);\n this.state = {\n data: getData(),\n sum:_sum\n };\n }\n\n render() {\n const {data} = this.state;\n return (\n \n );\n }\n}\n\n", "desc": " 给需要计算合计的列(columns),设置sumCol值为true即可,支持动态设置数据源。" }, { "example": _react2['default'].createElement(Demo0501, null), "title": " 行内编辑", "code": "/**\n *\n * @title 行内编辑\n * @parent 编辑 Editor\n * @description 可以对行进行编辑的表格\n * demo0501\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0501 extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n editingRowsMap: {},\n currentIndex: null,\n errorEditFlag: false\n };\n\n this.dataBuffer = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n // 最好使用深复制\n this.dataBuffer[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n delete this.dataBuffer[index];\n this.setState({ editingRowsMap });\n };\n\n delete = index => () => {\n if (index === null) return;\n let { dataSource } = this.state;\n dataSource.splice(index,1);\n this.setState({\n dataSource:dataSource\n });\n }\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n let dataSource = [...this.state.dataSource];\n dataSource[index] = { ...this.dataBuffer[index] };\n this.setState({ editingRowsMap, dataSource });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n handleRowHover = (index, record) => {\n this.currentRecord = record;\n this.setState({ currentIndex: index });\n };\n\n renderRowHover = () => {\n const { currentIndex } = this.state;\n return this.state.editingRowsMap[currentIndex] ? (\n \n \n \n
\n ) : (\n \n \n \n
\n );\n };\n\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\n\n", "desc": " 可以对行进行编辑的表格", "scss_code": ".demo0501 .u-table {\n .u-row-hover {\n .opt-btns,.cancel-btns {\n button {\n margin: 0;\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n }\n\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}" }, { "example": _react2['default'].createElement(Demo0502, null), "title": " 单元格编辑", "code": "/**\n *\n * @title 单元格编辑\n * @parent 编辑 Editor\n * @description 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)\n * demo0502\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Icon, Select, Tooltip, Form } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n this.editWarp = React.createRef();\n }\n\n commitChange = () => {\n if (this.state.value === \"\") return;\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n handleKeydown = event => {\n if (event.keyCode == 13) {\n this.commitChange();\n }\n };\n\n handleChange = e => {\n if (e.target.value === \"\") this.editWarp.className += \" verify-cell\";\n this.setState({ value: e.target.value });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
this.editWarp = el} className=\"editable-cell-input-wrapper\">\n \n {value === \"\" ? (\n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n
\n \n ) : null}\n
\n ) : (\n \n {value || \" \"}\n
\n )}\n \n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: this.props.value,\n editable: false\n };\n }\n\n handleSelect = value => {\n this.setState({ value });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n edit = () => {\n this.setState({ editable: true });\n };\n\n render() {\n const { value, editable } = this.state;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
\n {value || \" \"}\n
\n )}\n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props, context);\n this.state = {\n value: this.props.value.d,\n editable: false\n };\n this.refWarp = React.createRef();\n }\n\n edit = () => {\n this.setState({ editable: true }, () => this.refWarp.focus());\n };\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n };\n\n commitChange = () => {\n this.setState({ editable: false });\n if (this.props.onChange) {\n this.props.onChange(this.state.value);\n }\n };\n\n onRefBlur = e => {\n // 消除点击子组件,父组件先失焦再聚焦的事件触发过程带来的副作用\n const __REF_CONTENT__ = document.querySelector(\"div.ref-core-modal\");\n if (!__REF_CONTENT__ && e.target === this.refWarp) {\n this.commitChange();\n }\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable } = this.state;\n return editable ? (\n (this.refWarp = el)}\n className=\"editable-cell-input-wrapper\"\n tabIndex={-1}\n onBlur={this.onRefBlur}\n >\n \n \n {getFieldError(\"code1\")}\n \n
\n ) : (\n \n {value.name || \" \"}\n
\n );\n }\n }\n);\n\nconst dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0502 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n {\n key: \"placeholder\"\n }\n ];\n\n this.state = {\n dataSource: dataSource\n };\n }\n\n onCellChange = (index, key) => {\n return value => {\n const { dataSource } = this.state;\n dataSource[index][key] = value;\n this.setState({ dataSource }, () => console.dir(this.state.dataSource));\n };\n };\n\n render() {\n return (\n \n
\n \n );\n }\n}\n\n\n", "desc": " 可以对单元格进行编辑的表格,示例中给出输入框、下拉框、参照的编辑模式,以及两类校验。(通过对 coloums 配置 render 属性实现渲染不同格式的编辑态单元格)", "scss_code": ".u-editable-table .u-table {\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n padding-left: 5px;\n font-size: 12px;\n\n &.error {\n border-color: #F44336;\n }\n }\n }\n\n .editable-cell {\n height: 30px;\n }\n\n &-hover {\n .editable-cell-text-wrapper {\n line-height: 19px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .editable-cell-input-wrapper {\n padding-right: 0;\n .ref-input-wrap {\n width: auto !important;\n height: 30px;\n .u-input-group{\n display: inline-block;\n }\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .require {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}" }, { "example": _react2['default'].createElement(Demo0503, null), "title": " 弹框(表单)编辑", "code": "/**\n *\n * @title 弹框(表单)编辑\n * @parent 编辑 Editor\n * @description 以弹框形式以对行进行编辑的表格\n * demo0503\n */\n\nimport React, { Component, PureComponent } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport {\n Select, Form, FormControl, Button, Icon,\n Tooltip, Modal, FormGroup, Label, Row, Col\n} from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nfunction handleFormValueChange(WarpCompProps, field, allFields) {\n const { onChange, throwError } = WarpCompProps;\n if (field.value === \"\") return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(field.value);\n}\n\nconst StringEditCell = Form.createForm({\n onValuesChange: handleFormValueChange\n})(PureStringEditCell);\n\nfunction PureStringEditCell(props) {\n const { getFieldProps, getFieldError } = props.form;\n const { value, required } = props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + props.colName}\n
\n }\n >\n \n \n )\n }\n ]\n })}\n />\n {getFieldError(\"value\")}\n \n );\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = value => {\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n return (\n \n \n
\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends PureComponent {\n constructor(props, context) {\n super(props);\n }\n\n handleSelect = values => {\n const { form, throwError, onChange } = this.props\n if (form.getFieldError(\"refValue\")) return throwError && throwError(true);\n throwError && throwError(false);\n onChange && onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, required } = this.props;\n let cls = \"editable-cell\";\n if (required) cls += \" required\";\n return (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n );\n }\n }\n);\n\nclass EditModal extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n data: this.props.data,\n errorEditFlag: false\n };\n\n // 属性名对应 columns 属性中的 key 值\n this.renderElm = {\n b: (record, index) => (\n \n ),\n\n c: (record, index) => (\n \n ),\n d: (record, index) => (\n \n )\n }\n }\n\n onFieldChange = field => value => {\n let data = { ...this.state.data };\n data[field] = value;\n this.setState({ data });\n }\n\n submitChange = () => {\n if (this.state.errorEditFlag) return;\n const { onSubmit, onHide, currentIndex } = this.props;\n onSubmit && onSubmit(this.state.data, currentIndex);\n onHide && onHide();\n }\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { show, onHide, columns, currentIndex } = this.props;\n const { data } = this.state;\n return (\n \n \n 编辑行\n \n \n \n \n \n \n \n \n \n );\n }\n}\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0503 extends Component {\n constructor(props, context) {\n super(props);\n // 编辑态下每个单元格对应的编辑模式组件写在 EditModal 组件中,以 key 值对应\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\"\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => record.d.name\n }\n ];\n\n this.state = {\n dataSource: dataSource,\n isEditing: false,\n currentIndex: null\n };\n }\n\n edit = () => {\n if (this.state.currentIndex === null) return;\n this.setState({ isEditing: true });\n };\n\n abortEdit = () => {\n this.setState({ isEditing: false });\n };\n\n commitChange = (editedRowData, rowIndex) => {\n console.log(editedRowData)\n console.log(rowIndex)\n let dataSource = [...this.state.dataSource];\n dataSource[rowIndex] = editedRowData;\n this.setState({ dataSource });\n };\n\n handleRowHover = (index, record) => {\n this.setState({ currentIndex: index });\n };\n\n hideEditModal = () => {\n this.setState({ isEditing: false });\n }\n\n renderRowHover = () => {\n return (\n \n \n
\n );\n };\n\n\n render() {\n const { dataSource, isEditing, currentIndex } = this.state;\n const columns = this.columns;\n return (\n \n
\n {\n isEditing ? (\n
\n ) : null\n }\n
\n );\n }\n}\n\n\n", "desc": " 以弹框形式以对行进行编辑的表格", "scss_code": ".demo0503-m-b {\n\n &.u-modal .u-modal-body {\n padding: 16px 0;\n background: #f7f9fb;\n }\n\n .u-form-group {\n overflow: hidden;\n }\n\n .u-form-control {\n font-size: 12px;\n }\n\n .editable-cell {\n display: block;\n float: left;\n width: 265px;\n padding-right: 25px;\n }\n\n .ref-input-wrap {\n width: 240px !important;\n }\n\n .u-label {\n display: block;\n float: left;\n text-align: right;\n width: 110px;\n box-sizing: border-box;\n padding-right: 10px;\n font-size: 12px;\n height: 32px;\n line-height: 32px;\n .mast {\n padding: 0;\n color: red;\n }\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n}\n\n.u-editable-table-tp {\n z-index: 9999 !important;\n\n .tp-content {\n color: #F44336;\n }\n}\n.ref-core-button .u-button:first-child{\n margin-right: 8px;\n}" }, { "example": _react2['default'].createElement(Demo0505, null), "title": " 全表格编辑", "code": "/**\n *\n * @title 全表格编辑\n * @parent 编辑 Editor\n * @description 以行内编辑形式对全表数据进行编辑\n * demo0505\n */\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n \n ) : (\n value || \" \"\n );\n }\n}\n\nconst SELECT_SOURCE = [\"男\", \"女\"];\n\nclass SelectEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = value => {\n this.setState({ value });\n this.props.onChange && this.props.onChange(value);\n };\n\n render() {\n const { editable, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n
\n \n
\n
\n ) : (\n value || \" \"\n );\n }\n}\n\nconst option = {\n title: \"树\",\n searchable: true,\n multiple: false,\n param: {\n refCode: \"neworganizition_tree\"\n },\n checkStrictly: true,\n disabled: false,\n nodeDisplay: record => {\n return record.refname;\n },\n displayField: record => {\n return record.refname;\n }, //显示内容的键\n valueField: \"refpk\", //真实 value 的键\n refModelUrl: {\n treeUrl: \"https://mock.yonyoucloud.com/mock/358/blobRefTree\",\n treeUrl: \"/pap_basedoc/common-ref/blobRefTree\"\n },\n matchUrl: \"/pap_basedoc/common-ref/matchPKRefJSON\",\n filterUrl: \"/pap_basedoc/common-ref/filterRefJSON\",\n lazyModal: false,\n strictMode: true,\n lang: \"zh_CN\",\n treeData: [\n {\n code: \"org1\",\n children: [\n {\n code: \"bj\",\n entityType: \"mainEntity\",\n name: \"北京总部-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"bj\",\n refpk: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n id: \"5305416e-e7b4-4051-90bd-12d12942295b\",\n isLeaf: \"true\",\n refname: \"北京总部-简\"\n },\n {\n code: \"xd\",\n entityType: \"mainEntity\",\n name: \"新道-简\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"xd\",\n refpk: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n id: \"b691afff-ea83-4a3f-affa-beb2be9cba52\",\n isLeaf: \"true\",\n refname: \"新道-简\"\n },\n {\n code: \"yy3\",\n entityType: \"mainEntity\",\n name: \"test3\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy3\",\n refpk: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n id: \"e75694d9-7c00-4e9e-9573-d29465ae79a9\",\n isLeaf: \"true\",\n refname: \"test3\"\n },\n {\n code: \"yy1\",\n entityType: \"mainEntity\",\n name: \"test1\",\n pid: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refcode: \"yy1\",\n refpk: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n id: \"fd32ceeb-57a8-4f44-816e-fa660f5715ab\",\n isLeaf: \"true\",\n refname: \"test1\"\n },\n {\n code: \"dept2\",\n children: [\n {\n code: \"cs\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"测试部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"cs\",\n refpk: \"cc43a66a-438d-4106-937f-bec44406f771\",\n id: \"cc43a66a-438d-4106-937f-bec44406f771\",\n isLeaf: \"true\",\n refname: \"测试部-简\"\n },\n {\n code: \"qd\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"前端部-简\",\n pid: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refcode: \"qd\",\n refpk: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n id: \"73a10edd-aae8-4f31-af25-1f48f0a3b344\",\n isLeaf: \"true\",\n refname: \"前端部-简\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"生产处\",\n refcode: \"dept2\",\n refpk: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n id: \"0ebbb6d8-250a-4d1d-a019-7ae951629a2c\",\n refname: \"生产处\"\n },\n {\n code: \"dept1\",\n children: [\n {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n }\n ],\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务处\",\n refcode: \"dept1\",\n refpk: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n id: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refname: \"财务处\"\n }\n ],\n entityType: \"mainEntity\",\n name: \"用友集团\",\n refcode: \"org1\",\n refpk: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n refname: \"用友集团\"\n }\n ]\n};\n\nconst RefEditCell = Form.createForm()(\n class RefComponentWarpper extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleSelect = values => {\n this.setState({ value: values[0] });\n this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { editable, required, isEdited } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (getFieldError(\"refValue\")) cls += \" verify-cell\";\n if (isEdited) cls += \" edited\";\n return editable ? (\n \n \n {\"请输入\" + this.props.colName}\n
\n }\n >\n \n \n ),\n pattern: /[^{\"refname\":\"\",\"refpk\":\"\"}|{\"refpk\":\"\",\"refname\":\"\"}]/\n }\n ]\n })}\n />\n {getFieldError(\"refValue\")}\n \n ) : (\n value.name || \" \"\n );\n }\n }\n);\n\nlet dataSource = [\n {\n a: \"ASVAL_201903280005\",\n b: \"小张\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"1\"\n },\n {\n a: \"ASVAL_201903200004\",\n b: \"小明\",\n c: \"男\",\n d: {\n code: \"dept1_2\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务二科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_2\",\n refpk: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n id: \"55b7fff1-6579-4ca9-92b7-3271d288b9f3\",\n isLeaf: \"true\",\n refname: \"财务二科\"\n },\n key: \"2\"\n },\n {\n a: \"ASVAL_201903120002\",\n b: \"小红\",\n c: \"女\",\n d: {\n code: \"dept1_1\",\n entityType: \"subEntity\",\n organization_id: \"a4cf0601-51e6-4012-9967-b7a64a4b2d47\",\n name: \"财务一科\",\n pid: \"95b60f35-ed0b-454e-b948-fb45ae30b911\",\n refcode: \"dept1_1\",\n refpk: \"9711d912-3184-4063-90c5-1facc727813c\",\n id: \"9711d912-3184-4063-90c5-1facc727813c\",\n isLeaf: \"true\",\n refname: \"财务一科\"\n },\n key: \"3\"\n }\n];\n\nclass Demo0505 extends Component {\n constructor(props, context) {\n super(props);\n this.columns = [\n {\n title: \"员工编号\",\n dataIndex: \"a\",\n key: \"a\"\n },\n {\n title: \"名字\",\n dataIndex: \"b\",\n key: \"b\",\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"性别\",\n dataIndex: \"c\",\n key: \"c\",\n width: 100,\n render: (text, record, index) => (\n \n )\n },\n {\n title: \"部门\",\n dataIndex: \"d\",\n key: \"d\",\n width: 215,\n render: (text, record, index) => (\n \n )\n },\n // 只是用来占位占宽度的\n {\n key: \"placeholder\"\n }\n ];\n\n // 用于记录数据是否被修改\n dataSource.forEach(item => (item.isEdited = {}));\n this.state = {\n dataSource: dataSource,\n isEditingAll: false,\n currentIndex: null,\n errorEditFlag: false\n };\n\n // 用于记录编辑前数据\n this.dataBuffer = [];\n }\n\n edit = () => {\n this.dataBuffer = [];\n // 最好使用深复制\n this.state.dataSource.forEach((item, index) => {\n this.dataBuffer.push({ ...item });\n });\n this.setState({ isEditingAll: true });\n };\n\n abortEdit = () => {\n let originData = [...this.state.dataSource];\n originData.forEach(item => (item.isEdited = {}));\n this.setState({\n isEditingAll: false,\n dataSource: originData\n });\n };\n\n commitChange = () => {\n if (this.state.errorEditFlag) return;\n const newData = this.dataBuffer.map(item => {\n return Object.assign({}, item, { isEdited: {} });\n });\n this.setState({ isEditingAll: false, dataSource: newData });\n };\n\n onCellChange = (index, key) => value => {\n this.dataBuffer[index][key] = value;\n this.dataBuffer[index].isEdited[key] = true;\n };\n\n throwError = isError => {\n if (isError !== this.state.errorEditFlag)\n this.setState({ errorEditFlag: isError });\n };\n\n render() {\n const { dataSource, isEditingAll } = this.state;\n const columns = this.columns;\n return (\n \n
\n {isEditingAll ? (\n \n \n \n \n ) : (\n \n )}\n
\n
\n
\n );\n }\n}\n\n\n", "desc": " 以行内编辑形式对全表数据进行编辑", "scss_code": ".demo0505 {\n\n .toolbar-btns {\n margin-bottom: 8px;\n\n .u-button {\n &:first-child {\n margin-right: 8px;\n }\n }\n }\n\n .u-table {\n .u-row-select {\n background-color: #FFF7E7;\n }\n .u-table-row {\n td {\n padding: 5px 8px;\n\n input {\n font-size: 12px;\n padding-left: 5px;\n }\n }\n\n .u-form-control,\n .u-select-selection {\n height: 30px;\n }\n }\n\n .editable-cell-text-wrapper {\n box-sizing: border-box;\n line-height: 20px;\n border-radius: 3px;\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 1px solid #F44336;\n width: 0;\n height: 12px;\n position: absolute;\n top: 9px;\n left: -8px;\n }\n\n span.u-input-group {\n display: block\n }\n }\n\n .verify-cell {\n padding-right: 25px !important;\n }\n\n .edited::after {\n content: \" \";\n position: absolute;\n z-index: 999;\n top: 0;\n left: 0;\n border-width: 5px;\n border-style: solid;\n border-color: #f44336 transparent transparent #f44336;\n }\n\n .required-icon {\n position: absolute;\n top: 2px;\n color: #F44336;\n font-size: 20px;\n }\n\n .ref-input-wrap {\n width: 160px !important;\n }\n }\n}\n\n.u-editable-table-tp {\n .tp-content {\n color: #F44336;\n }\n}" }, { "example": _react2['default'].createElement(Demo0601, null), "title": " 左侧固定列", "code": "/**\n*\n* @title 左侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nclass Demo51 extends Component {\n render() {\n return ;\n }\n}\n\n", "desc": " 固定列到表格的左侧" }, { "example": _react2['default'].createElement(Demo0602, null), "title": " 右侧固定列", "code": "/**\n*\n* @title 右侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的右侧\n* demo0602\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 100\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n },\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:100,\n fixed: \"right\",\n render(text, record, index) {\n return (\n \n )\n }\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n },\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"4\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"5\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"6\"\n }\n];\n\nclass Demo52 extends Component {\n render() {\n return ;\n }\n}\n\n", "desc": " 固定列到表格的右侧" }, { "example": _react2['default'].createElement(Demo0603, null), "title": " 动态设置列锁定、解除锁定", "code": "/**\n*\n* @title 动态设置列锁定、解除锁定\n* @parent 列操作-锁定 Fixed\n* @description 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。\n* demo0603\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst { Item } = Menu;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n {\n title: \"采购组\",\n dataIndex: \"purchasingGroup\",\n key: \"purchasingGroup\",\n width: 100\n },\n {\n title: \"凭证日期\",\n dataIndex: \"voucherDate\",\n key: \"voucherDate\",\n width: 200,\n \n },\n {\n title: \"审批状态\",\n dataIndex: \"approvalState_name\",\n key: \"approvalState_name\",\n width: 100\n },\n {\n title: \"确认状态\",\n dataIndex: \"confirmState_name\",\n key: \"confirmState_name\",\n width: 100\n }, \n {\n title: \"关闭状态\",\n dataIndex: \"closeState_name\",\n key: \"closeState_name\",\n width: 100\n }\n];\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n \nclass Demo24 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n columns:columns\n }\n }\n \n onSelect = ({key,item})=>{ \n console.log(`${key} selected`); //获取key\n let currentObject = item.props.data; //获取选中对象的数据\n let {columns} = this.state;\n let fixedCols = [];\n let nonColums = [];\n columns.find(da=>{\n if(da.key == key){\n da.fixed?delete da.fixed:da.fixed = 'left';\n }\n da.fixed?fixedCols.push(da):nonColums.push(da);\n });\n \n columns = [...fixedCols,...nonColums]\n\n this.setState({\n columns\n });\n }\n //表头增加下拉菜单\n renderColumnsDropdown(columns) {\n const icon ='uf-arrow-down';\n \n return columns.map((originColumn,index) => {\n let column = Object.assign({}, originColumn);\n let menuInfo = [], title='锁定';\n if(originColumn.fixed){\n title = '解锁'\n }\n menuInfo.push({\n info:title,\n key:originColumn.key,\n index:index\n });\n const menu = (\n )\n column.title = (\n \n {column.title}\n \n \n \n \n \n );\n return column;\n });\n \n }\n\n render() {\n let {columns} = this.state;\n columns = this.renderColumnsDropdown(columns);\n return(\n \n )\n }\n}\n\n", "desc": " 动态设置columns中数据的fixed属性值【fixed: \"left\",fixed: \"right\"】。", "scss_code": "th{\n .drop-menu{\n .uf{\n font-size: 12px;\n visibility: hidden;\n margin-left: 15px;\n }\n \n \n }\n &:hover{\n .uf{\n visibility: visible;\n }\n }\n\n}\n\n" }, { "example": _react2['default'].createElement(Demo0701, null), "title": " 按条件、值过滤", "code": "/**\n*\n* @title 按条件、值过滤\n* @parent 列操作-过滤 Filter\n* @description 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。\n* demo0701\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns26 = [\n { title: \"姓名\", width: 180, dataIndex: \"name\", key: \"name\", filterType: \"text\", filterDropdown: \"show\" },\n { title: \"年龄\", width: 150, dataIndex: \"age\", key: \"age\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"日期\", width: 200, dataIndex: \"date\", key: \"date\", filterType: \"date\", filterDropdown: \"show\", format: \"YYYY-MM-DD\" },\n { title: \"居住地址\", width: 150, dataIndex: \"address\", key: \"address\", filterType: \"dropdown\", filterDropdown: \"show\" },\n { title: \"备注\", dataIndex: \"mark\", key: \"mark\" }\n];\n\nconst data26 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\nclass Demo26 extends Component {\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n render() {\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认300ms\n filterable={true}//是否开启过滤数据功能\n bordered\n columns={columns26}\n data={data26} />;\n }\n}\n\n", "desc": " 可以根据输入项目以及判断条件对表格内的数据进行过滤。可在控制台查看序列化后的参数字符串。" }, { "example": _react2['default'].createElement(Demo0702, null), "title": " 复杂表格中行过滤", "code": "/**\n*\n* @title 复杂表格中行过滤\n* @parent 列操作-过滤 Filter\n* @description 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等\n* demo0702\n*/\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Checkbox} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst data27 = [\n {\n key: \"1\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-19\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"2\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"朝阳区\",\n mark: \"无\"\n },\n {\n key: \"3\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n },\n {\n key: \"4\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"东城区\",\n mark: \"无\"\n }, {\n key: \"5\",\n name: \"John Brown\",\n age: 32,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"6\",\n name: \"Jim Green\",\n age: 48,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"7\",\n name: \"Jim Green\",\n age: 40,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n },\n {\n key: \"8\",\n name: \"Jim Green\",\n age: 38,\n date: \"2018-09-18\",\n address: \"海淀区\",\n mark: \"无\"\n }\n];\n\n\nconst MultiSelectTable = multiSelect(Table, Checkbox);\nconst ComplexTable = sort(MultiSelectTable, Icon);\nclass Demo27 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dropdownvalue: []\n }\n }\n handlerFilterChange = (key, val, condition) => {\n console.log('参数:key=', key, ' value=', val, 'condition=', condition);\n }\n\n handlerFilterClear = (key) => {\n console.log('清除条件', key);\n }\n getSelectedDataFunc = data => {\n console.log(data);\n }\n onSelect = (item) => {\n console.log(item);\n }\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n {\n title: \"姓名\",\n width: 180,\n dataIndex: \"name\",\n key: \"name\",\n filterType: \"text\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"年龄\",\n width: 180,\n dataIndex: \"age\",\n key: \"age\",\n filterType: \"number\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"日期\",\n width: 190,\n dataIndex: \"date\",\n key: \"date\",\n filterType: \"date\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"string\"//字符条件\n },\n {\n title: \"时间范围\",\n width: 290,\n dataIndex: \"mark\",\n key: \"mark\",\n filterType: \"daterange\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n },\n {\n title: \"地址\",\n width: 100,\n dataIndex: \"address\",\n key: \"address\",\n filterType: \"dropdown\",//输入框类型\n filterDropdown: \"show\",//显示条件\n filterDropdownType: \"number\"//字符条件\n }\n ];\n return ()\n onFilterClear={this.handlerFilterClear}//触发输入操作以及其他的回调(key,val)=>()\n filterDelay={500}//输入文本多少ms触发回调函数,默认500ms\n filterable={true}//是否开启过滤数据功能\n getSelectedDataFunc={this.getSelectedDataFunc}\n bordered\n multiSelect={multiObj}\n columns={columns27}\n data={data27} />;\n }\n}\n\n", "desc": " 在过滤数据行的基础上增加列拖拽、动态菜单显示、下拉条件动态传入自定义等" }, { "example": _react2['default'].createElement(Demo0802, null), "title": " 列过滤面板", "code": "/**\n*\n* @title 列过滤面板\n* @parent 列操作-隐藏 Hide\n* @description 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。\n* demo0802\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\nimport sum from \"tinper-bee/lib/sum\";;\n\nconst data = [\n { \n orderCode:\"NU0391025\", \n supplierName: \"xx供应商\",\n type_name: \"1\",\n purchasing:'组织c', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年03月18日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"执行中\",\n closeState_name:\"未关闭\",\n key: \"1\"\n }, \n { \n orderCode:\"NU0391026\", \n supplierName: \"xx供应商\",\n type_name: \"2\",\n purchasing:'组织a', \n purchasingGroup:\"bb\",\n voucherDate:\"2018年02月05日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"待确认\",\n closeState_name:\"未关闭\",\n key: \"2\"\n },\n { \n orderCode:\"NU0391027\", \n supplierName: \"xx供应商\",\n type_name: \"3\",\n purchasing:'组织b', \n purchasingGroup:\"aa\",\n voucherDate:\"2018年07月01日\",\n approvalState_name:\"已审批\",\n confirmState_name:\"终止\",\n closeState_name:\"已关闭\",\n key: \"3\"\n }\n];\n\nconst FilterColumnTable = filterColumn(Table, Popover, Icon);\n\nconst defaultProps21 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo21 extends Component {\n constructor(props) {\n super(props);\n this.state ={\n columns: [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \n fixed: 'left',\n render(text, record, index){return index + 1}\n },\n {\n title: \"订单编号\",\n dataIndex: \"orderCode\",\n key: \"orderCode\",\n width: 100, \n fixed: 'left',\n },\n {\n title: \"供应商名称\",\n dataIndex: \"supplierName\",\n key: \"supplierName\",\n width: 150\n },\n {\n title: \"类型\",\n dataIndex: \"type_name\",\n key: \"type_name\",\n width: 100\n },\n {\n title: \"采购组织\",\n dataIndex: \"purchasing\",\n key: \"purchasing\",\n width: 100\n },\n ]};\n }\n afterFilter = (optData,columns)=>{\n if(optData.key == 'b'){\n if(optData.ifshow){\n columns[2].ifshow = false;\n }else{\n columns[2].ifshow = true;\n }\n this.setState({\n columns21 :columns,\n showFilterPopover:true\n });\n }\n \n }\n \n render() {\n return ;\n }\n}\n\nDemo21.defaultProps = defaultProps21;\n", "desc": " 点击表头右侧按钮,设置显示或隐藏表格列。可以自定义设置显示某列,通过ifshow属性控制,默认值为true(显示表格所有列)。afterFilter方法为列过滤后触发的回调函数。" }, { "example": _react2['default'].createElement(Demo0901, null), "title": " 列排序", "code": "/**\n* @title 列排序\n* @parent 列操作-排序 Sort\n* @description column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称\n* demo0901\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\n\nlet ComplexTable = sort(Table, Icon);\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,key: \"3\" }\n];\n\nconst defaultProps11 = {\n prefixCls: \"bee-table\"\n};\nclass Demo11 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n render() {\n\n return ;\n }\n}\nDemo11.defaultProps = defaultProps11;\n\n\n", "desc": " column中增加sorter: (a, b) => a.c - b.c 这里的a,b代表前后两个数据,c代表比较当前对象的字段名称" }, { "example": _react2['default'].createElement(Demo0902, null), "title": " 后端列排序", "code": "/**\n* @title 后端列排序\n* @parent 列操作-排序 Sort\n* @description 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序\n* demo0902\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nlet ComplexTable = sort(Table, Icon);\n\n// const columns11 = [\n// {\n// title: \"名字\",\n// dataIndex: \"a\",\n// key: \"a\",\n// width: 100\n// },\n// {\n// title: \"性别\",\n// dataIndex: \"b\",\n// key: \"b\",\n// width: 100\n// },\n// {\n// title: \"年龄\",\n// dataIndex: \"c\",\n// key: \"c\",\n// width: 200,\n// sorter: (a, b) => a.c - b.c\n// },\n// {\n// title: \"武功级别\",\n// dataIndex: \"d\",\n// key: \"d\"\n// },\n// {\n// title: \"分数\",\n// dataIndex: \"e\",\n// key: \"e\",\n// sorter: (a, b) => a.c - b.c\n// },\n// ];\n\n// const data11 = [\n// { a: \"杨过\", b: \"男\", c: 30,d:'内行', e:139,key: \"2\" },\n// { a: \"令狐冲\", b: \"男\", c: 41,d:'大侠', e:109, key: \"1\" },\n// { a: \"郭靖\", b: \"男\", c: 25,d:'大侠', e:159, key: \"3\" }\n// ];\nconst columns11 = [\n {\n title: \"单据编号\",\n dataIndex: \"num\",\n key: \"num\",\n width: 120,\n fixed: \"left\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"date\",\n key: \"date\",\n width: 200,\n },\n {\n title: \"供应商\",\n dataIndex: \"supplier\",\n key: \"supplier\",\n width: 100\n },\n {\n title: \"联系人\",\n dataIndex: \"contact\",\n key: \"contact\",\n },\n {\n title: \"整单数量\",\n dataIndex: \"total\",\n key: \"total\",\n width: 150,\n sorter: (a, b) => a.total - b.total\n },\n {\n title: \"金额\",\n dataIndex: \"money\",\n key: \"money\",\n width: 100,\n sorter: (a, b) => a.money - b.money\n }\n];\n\nconst data11 = [\n { num: \"NU0391001\", date: \"2019-03-01\", supplier: 'xx供应商',contact:'Tom', total:30 ,money: 100,key: \"1\" },\n { num: \"NU0391002\", date: \"2018-11-02\", supplier: 'yy供应商',contact:'Jack', total:41 ,money: 50,key: \"2\" },\n { num: \"NU0391003\", date: \"2019-05-03\", supplier: 'zz供应商',contact:'Jane', total:25 ,money: 200,key: \"3\" }\n];\n\nconst defaultProps = {\n prefixCls: \"bee-table\"\n};\nclass Demo28 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n sortOrder: \"\",\n data: data11\n };\n }\n /**\n * 后端获取数据\n */\n sortFun = (sortParam)=>{\n console.info(sortParam);\n //将参数传递给后端排序\n }\n render() {\n let sortObj = {\n mode:'multiple',\n backSource:true,\n sortFun:this.sortFun\n }\n return ;\n }\n}\nDemo28.defaultProps = defaultProps;\n\n\n", "desc": " 可在控制台中查看序列化后的参数字符串,将参数传递给后端即可进行列排序" }, { "example": _react2['default'].createElement(Demo0903, null), "title": " 多列排序", "code": "/**\n *\n * @title 多列排序\n * @parent 列操作-排序 Sort\n * @description 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。\n * demo0903\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Checkbox,Button,Icon} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\nimport sort from \"tinper-bee/lib/sort.js\";;\nimport sum from \"tinper-bee/lib/sum.js\";;\n\nconst columns13 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n className:'dfasd',\n width: 200,\n sorter: (pre, after) => {return pre.a.localeCompare(after.a)},\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.b - after.b,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"整单数量\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.c - after.c,\n sorterClick:(data,type)=>{//排序的回调函数\n //type value is up or down\n console.log(\"data\",data);\n }\n },\n {\n title: \"日销售量\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n sumCol: true,\n sorter: (pre, after) => pre.e - after.e,\n },\n {\n title: \"供应商\",\n dataIndex: \"d\",\n key: \"d\",\n width: 200\n }\n];\n\nconst data13 = [\n { a: \"NU0391001\", b: 675, c: 30, d: \"xx供应商\",e:100, key: \"2\" },\n { a: \"NU0391002\", b: 43, c: 41, d: \"yy供应商\",e:90, key: \"1\" },\n { a: \"NU0391003\", b: 43, c: 81, d: \"zz供应商\", e:120,key: \"4\" },\n { a: \"NU0391004\", b: 43, c: 81, d: \"aa供应商\", e:130,key: \"5\" },\n { a: \"NU0391005\", b: 153, c: 25, d: \"bb供应商\",e:90, key: \"3\" }\n];\n\n\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\nlet ComplexTable = multiSelect(sort(sum(Table, Icon)), Checkbox);\n\nclass Demo13 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data13: data13,\n selectedRow: this.selectedRow,\n selectDisabled: this.selectDisabled\n };\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n selectDisabled = (record, index) => {\n // console.log(record);\n if (index === 1) {\n return true;\n }\n return false;\n };\n selectedRow = (record, index) => {\n // console.log(record);\n if (index === 0) {\n return true;\n }\n return false;\n };\n onClick = () => {\n this.setState({\n selectedRow: function() {}\n });\n };\n\n render() {\n let multiObj = {\n type: \"checkbox\"\n };\n let sortObj = {\n mode:'multiple'\n }\n \n return (\n \n \n \n
\n );\n }\n}\n", "desc": " 结合多列排序、全选功能、合计功能的表格示例。新增排序后触发的回调函数sorterClick。" }, { "example": _react2['default'].createElement(Demo1001, null), "title": " 拖拽改变列顺序", "code": "/**\n*\n* @title 拖拽改变列顺序\n* @parent 列操作-拖拽 Drag\n* @description 点击选择表头并左右拖拽,可以改变表格列顺序。 onDragEnd 方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。\n* demo1001\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: 100\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c\n },\n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n },\n {\n title: \"操作\",\n dataIndex: \"e\",\n key: \"e\",\n width: 200,\n fixed: 'right',\n }\n];\n\nconst data = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: 'xx供应商',d:'Tom',e:'...', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: 'yy供应商',d:'Jack',e:'...', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: 'zz供应商',d:'Jane',e:'...', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nconst defaultProps22 = {\n prefixCls: \"bee-table\"\n};\n\nclass Demo22 extends Component {\n constructor(props) {\n super(props); \n }\n \n render() {\n return {\n console.log(\"--拖拽交换列onDrop触发事件\");\n console.log(\"event.target:\",event.target);\n console.log(\"data:\",data);\n console.log(\"拖拽完成后的columns:\",columns);\n }}\n\n onDragEnd ={(event,data,columns)=>{\n console.log(\"--拖拽交换列后触发事件\");\n console.log(\"event.target:\",event.target);\n console.log(\"data:\",data);\n console.log(\"拖拽完成后的columns:\",columns);\n }}\n />;\n }\n}\n\nDemo22.defaultProps = defaultProps22;\n", "desc": " 点击选择表头并左右拖拽,可以改变表格列顺序。 onDragEnd 方法是拖拽交换列后触发的回调函数。注意:固定列不可以交换。" }, { "example": _react2['default'].createElement(Demo1002, null), "title": " 拖拽改变列宽度", "code": "/**\n*\n* @title 拖拽改变列宽度\n* @parent 列操作-拖拽 Drag\n* @description onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。\n* demo1002\n*/\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport {Icon} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";; \nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\n\nconst columns23 = [\n {\n title: \"订单编号\",\n dataIndex: \"a\",\n key: \"a\",\n width: '200',\n fixed:'left'\n },\n {\n title: \"单据日期\",\n dataIndex: \"b\",\n key: \"b\",\n width: '600'\n },\n {\n title: \"供应商\",\n dataIndex: \"c\",\n key: \"c\",\n width: '200',\n }, \n {\n title: \"联系人\",\n dataIndex: \"d\",\n key: \"d\",\n width: 500,\n }\n];\n\nconst data23 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\",d:'Tom', key: \"2\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\",d:'Jack', key: \"1\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\",d:'Jane', key: \"3\" }\n];\n\nconst DragColumnTable = dragColumn(Table);\n\nclass Demo23 extends Component {\n constructor(props) {\n super(props); \n }\n\n render() {\n return {\n console.log(width+\"--调整列宽后触发事件\",e.target);\n }}\n />;\n }\n}\n\n", "desc": " onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。" }, { "example": _react2['default'].createElement(Demo1101, null), "title": " 嵌套子表格", "code": "/**\n*\n* @title 嵌套子表格\n* @parent 扩展行 Expanded Row\n* @description 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport { Popconfirm,Icon,Checkbox } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\n\nconst columns16 = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:100,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst columns17 = [\n { title: \"订单编号\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"单据日期\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"供应商\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data16 = [\n { a: \"NU0391001\", b: \"2019-03-01\", c: \"xx供应商\", d: \"操作\", key: \"1\" },\n { a: \"NU0391002\", b: \"2018-11-02\", c: \"yy供应商\", d: \"操作\", key: \"2\" },\n { a: \"NU0391003\", b: \"2019-05-03\", c: \"zz供应商\", d: \"操作\", key: \"3\" }\n];\nconst MultiSelectTable = multiSelect(Table,Checkbox);\nclass Demo16 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{}\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 42 * (this.state.data_obj[record.key].length+ 2);\n \n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"NU0391056\", b: \"2019-03-01\", c: \"gys1\", d: \"操作\", key: \"1\" },\n { a: \"NU0391057\", b: \"2018-11-02\", c: \"gys2\", d: \"操作\", key: \"2\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"NU0391079\", b: \"2019-04-17\", c: \"gys5\", d: \"操作\", key: \"3\" },\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n\n render() {\n return (\n }\n expandedIcon={}\n />\n );\n }\n}\n\n\n", "desc": " 通过expandedRowRender参数来实现子表格。收起和展开的图标可自定义传入。注意:多选功能和嵌套表格一起使用时,需要设置 expandIconAsCell={true},把展开按钮放在单元格中展示。", "scss_code": ".expanded-table{\r\n .expand-icon-con .uf{\r\n font-size: 12px;\r\n }\r\n}" }, { "example": _react2['default'].createElement(Demo1102, null), "title": " 树型表格数据展示", "code": "/**\n*\n* @title 树型表格数据展示\n* @parent 扩展行 Expanded Row\n* @description 通过在data中配置children数据,来自动生成树形表格\n* demo1102\n*/\n\n\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\n\nconst columns4 = [\n {\n title: \"订单编号\",\n dataIndex: \"name\",\n key: \"name\",\n width: \"40%\"\n },\n {\n title: \"单据日期\",\n dataIndex: \"age\",\n key: \"age\",\n width: \"30%\"\n },\n {\n title: \"供应商\",\n dataIndex: \"address\",\n key: \"address\"\n }\n];\n\nconst data4 = [\n {\n key: 1,\n name: \"NU0391001\",\n age: \"2019-03-01\",\n address: \"供应商1\",\n children: [\n {\n key: 11,\n name: \"NU0391002\",\n age: \"2019-03-02\",\n address: \"供应商2\"\n },\n {\n key: 12,\n name: \"NU0391003\",\n age: \"2019-03-03\",\n address: \"供应商3\",\n children: [\n {\n key: 121,\n name: \"NU0391004\",\n age: \"2019-03-04\",\n address: \"供应商4\"\n }\n ]\n },\n {\n key: 13,\n name: \"NU0391005\",\n age: \"2019-03-05\",\n address: \"供应商5\",\n children: [\n {\n key: 131,\n name: \"NU0391006\",\n age: \"2019-03-06\",\n address: \"供应商6\",\n children: [\n {\n key: 1311,\n name: \"NU0391007\",\n age: \"2019-03-07\",\n address: \"供应商7\"\n },\n {\n key: 1312,\n name: \"NU0391008\",\n age: \"2019-03-08\",\n address: \"供应商8\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n key: 2,\n name: \"NU0391009\",\n age: \"2019-03-09\",\n address: \"供应商9\"\n }\n];\nclass Demo4 extends Component {\n\n constructor(props){\n super(props);\n this.state = {\n data: data4,\n factoryValue: 0,\n selectedRow: new Array(data4.length)//状态同步\n }\n }\n\n render() {\n return {\n if (this.state.selectedRow[index]) {\n return 'selected';\n } else {\n return '';\n }\n }}\n onRowClick={(record,index,indent)=>{\n let selectedRow = new Array(this.state.data.length);\n selectedRow[index] = true;\n this.setState({\n factoryValue: record,\n selectedRow: selectedRow\n });\n }}\n \n columns={columns4} data={data4} />;\n }\n}\n\n\n", "desc": " 通过在data中配置children数据,来自动生成树形表格" }, { "example": _react2['default'].createElement(Demo1103, null), "title": " 自定义表格标题、表尾、选中行颜色", "code": "/**\r\n*\r\n* @title 自定义表格标题、表尾、选中行颜色\r\n* @parent 扩展行 Expanded Row\r\n* @description 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。\r\n* demo1103\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo26 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n {\r\n if (this.state.selectedRowIndex == index) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n onRowClick={(record,index,indent)=>{\r\n this.setState({ \r\n selectedRowIndex: index\r\n });\r\n }}\r\n title={currentData => 员工信息统计表
}\r\n footer={currentData => 合计: 共{data.length}条数据
}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 可根据业务场景设置不同的`title`和`footer`。选中行颜色可用rowClassName作为选择器自定义css样式。" }, { "example": _react2['default'].createElement(Demo1105, null), "title": " 紧凑型、宽松型", "code": "/**\n*\n* @title 紧凑型、宽松型\n* @parent 扩展行 Expanded Row\n* @description 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。\n* demo1105\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip,Tag} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"订单编号\", dataIndex: \"orderNum\", key: \"orderNum\", width: 100 },\n { title: \"采购组织\", dataIndex: \"org\", key: \"org\", width: 200 },\n { title: \"供应商\", dataIndex: \"supplier\", key: \"supplier\", width: 100 },\n { title: \"订单日期\", dataIndex: \"orderDate\", key: \"orderDate\", width: 150 },\n { title: \"总数量\", dataIndex: \"quantity\", key: \"quantity\", width: 100 },\n { title: \"单据状态\", dataIndex: \"status\", key: \"status\", width: 100, \n render: (text, record, index) => {\n return (\n {text.desc}\n );\n }},\n { title: \"提交人\", dataIndex: \"submitter\", key: \"submitter\", width: 100 },\n { title: \"单位\", dataIndex: \"unit\", key: \"unit\", width: 100 },\n { title: \"总税价合计\", dataIndex: \"sum\", key: \"sum\", width: 100 },\n];\n\nconst data = [\n { \n orderNum: \"NU0391025\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年03月18日', \n quantity: '100.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小张', \n unit: 'pc', \n sum:'8,487.00', \n key: \"1\" \n },\n { \n orderNum: \"NU0391026\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年02月05日', \n quantity: '91.00', \n status: {type:'danger' ,desc:'异常'}, \n submitter: '小红', \n unit: 'pc', \n sum:'675.00', \n key: \"2\" \n },\n { \n orderNum: \"NU0391027\", \n org: \"用友网络科技股份有限公司\", \n supplier: \"xx供应商\", \n orderDate: '2018年07月01日', \n quantity: '98.00', \n status: {type:'success' ,desc:'正常'}, \n submitter: '小李', \n unit: 'pc', \n sum:'1,531.00', \n key: \"3\" \n }\n];\n\nclass Demo1 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 设置`size`属性使用紧凑型表格(`sm`)或宽松型表格(`lg`)。" }, { "example": _react2['default'].createElement(Demo1106, null), "title": " 自定义行高", "code": "/**\n*\n* @title 自定义行高\n* @parent 扩展行 Expanded Row\n* @description 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。\n* demo1106\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n];\n\nclass Demo1 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n onRowHover=(index,record)=>{\n this.currentIndex = index;\n this.currentRecord = record;\n }\n\n getHoverContent=()=>{\n return
\n }\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n />\n\n \n );\n }\n}\n\n\n", "desc": " 设置`height`属性自定义表体行高,设置`headerHeight`属性自定义表头高度。鼠标hover行时呼出操作按钮。" }, { "example": _react2['default'].createElement(Demo1107, null), "title": " 图片在表格中的展示", "code": "/**\n*\n* @title 图片在表格中的展示\n* @parent 扩展行 Expanded Row\n* @description 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题\n* demo1107\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Button,Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80,\n render(text, record, index) {\n return index + 1;\n }\n },\n {\n title: \"图样\",\n dataIndex: \"picture\",\n key: \"picture\",\n render(text, record, index) {\n return
\n }\n },\n {\n title: \"组织部门\",\n dataIndex: \"orgDept\",\n key: \"orgDept\",\n width: 100,\n },\n {\n title: \"设施管理部门\",\n dataIndex: \"facilityManageUnit\",\n key: \"facilityManageUnit\",\n width: 150,\n },\n {\n title: \"案卷编号\",\n dataIndex: \"docketnum\",\n key: \"docketnum\",\n width: 100,\n },\n {\n title: \"数量\",\n dataIndex: \"num\",\n key: \"num\",\n width: 100,\n },\n {\n title: \"首次发现时间\",\n dataIndex: \"discoveryTime\",\n key: \"discoveryTime\",\n width: 150,\n },\n {\n title: \"实际修复时间\",\n dataIndex: \"repairTime\",\n key: \"repairTime\",\n width: 150,\n }\n];\n\nconst data = [\n { key: \"1\", orgDept: \"组织1\", facilityManageUnit: \"部门1\", docketnum: 41, num: \"1\", discoveryTime: \"2018-10-17\", repairTime: \"2018-10-30\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg\"},\n { key: \"2\", orgDept: \"组织2\", facilityManageUnit: \"部门2\", docketnum: 30, num: \"2\", discoveryTime: \"2019-01-15\", repairTime: \"2019-01-20\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg\"},\n { key: \"3\", orgDept: \"组织3\", facilityManageUnit: \"部门3\", docketnum: 35, num: \"3\", discoveryTime: \"2019-04-10\", repairTime: \"2019-04-17\", picture: \"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg\"}\n];\n\nclass Demo1107 extends Component {\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 根据图片高度自动撑开行高,可结合图片查看器使用 http://design.yonyoucloud.com/tinper-bee/bee-viewer, 注:如果图片在固定列中,可以使用heightConsistent属性,当此属性为true,就不会出现错行问题" }, { "example": _react2['default'].createElement(Demo1108, null), "title": " 自定义行、列合并", "code": "/**\n*\n* @title 自定义行、列合并\n* @parent 扩展行 Expanded Row\n* @description 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。\n* demo1108\n*/\n\nimport React, { Component } from \"react\";\nimport { Button } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst renderContent = (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n};\n\nconst columns = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: (value, row, index) => {\n const obj = {\n children: value,\n props: {},\n };\n if (index === 2) {\n obj.props.rowSpan = 2;\n }\n if (index === 3) {\n obj.props.rowSpan = 0;\n }\n if (index === 4) {\n obj.props.colSpan = 0;\n }\n return obj;\n },\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\n\nconst columns1 = [{\n title: '姓名',\n key: \"name\",\n dataIndex: 'name',\n render: (text, row, index) => {\n if (index < 4) {\n return {text};\n }\n return {\n children: {text},\n props: {\n colSpan: 5,\n },\n };\n },\n}, {\n title: '年龄',\n key: \"age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: '联系方式',\n colSpan: 2,\n key: \"tel\",\n dataIndex: 'tel',\n render: renderContent\n}, {\n title: '手机号',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: '家庭住址',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\nconst data = [{\n key: '1',\n name: '小红',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: '北京海淀',\n}, {\n key: '2',\n name: '小明',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: '河北张家口',\n}, {\n key: '3',\n name: '张三',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '浙江杭州',\n}, {\n key: '4',\n name: '李四',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '广州深圳',\n}, {\n key: '5',\n name: '王五',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: '北京昌平',\n}];\n\nclass Demo15 extends Component {\n constructor(props){\n super(props);\n this.state={\n colFlag:false\n }\n }\n onChange=()=>{\n const colFlag = this.state.colFlag;\n this.setState({\n colFlag:!colFlag\n })\n }\n render() {\n let cols = this.state.colFlag?columns:columns1;\n return (\n \n \n );\n }\n}\n\n\n\n", "desc": " 表头只支持列合并,使用 column 里的 colSpan 进行设置。表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。" }, { "example": _react2['default'].createElement(Demo1201, null), "title": " 拖拽改变行顺序", "code": "/**\n*\n* @title 拖拽改变行顺序\n* @parent 行操作-拖拽\n* @description `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport { Switch } from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:200 },\n { title: \"系统权限\", dataIndex: \"c\", key: \"c\", width: 200,render:()=>{return()}},\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100 }\n];\n\nconst data = [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", e: \"M1\", key: \"1001\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", e: \"T1\", key: \"1002\" },\n { a: \"ASVAL_201903120001\", b: \"小红\", c: \"女\", d: \"财务四科\", e: \"T3\", key: \"1003\" },\n { a: \"ASVAL_201903120002\", b: \"小姚\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1004\" },\n { a: \"ASVAL_201903120003\", b: \"小岳\", c: \"男\", d: \"财务五科\", e: \"T2\", key: \"1005\" },\n { a: \"ASVAL_201903120004\", b: \"小王\", c: \"男\", d: \"财务一科\", e: \"T5\", key: \"1006\" },\n { a: \"ASVAL_201903120005\", b: \"小绍\", c: \"男\", d: \"财务七科\", e: \"T2\", key: \"1007\" },\n { a: \"ASVAL_201903120006\", b: \"小郭\", c: \"男\", d: \"财务一科\", e: \"T3\", key: \"1008\" },\n { a: \"ASVAL_201903120007\", b: \"小杨\", c: \"女\", d: \"财务四科\", e: \"T2\", key: \"1009\" }\n];\n\nclass Demo1201 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data\n }\n }\n handleClick = () => {\n console.log('这是第' , this.currentIndex , '行');\n console.log('内容:' , this.currentRecord);\n }\n\n /**\n * 行拖拽开始时触发\n * @param record 拖拽行的数据\n * @param index 拖拽行的下标序号\n */\n onDragRowStart = (record,index) => {\n console.log('拖拽的行数据:', record);\n console.log('拖拽的行序号:', index);\n }\n\n /**\n * 行拖拽结束时触发\n * @param data 拖拽改变顺序后的新data数组\n * @param record 拖拽行的数据\n */\n onDropRow = (data, record) => {\n console.log('重排序后的data: ', data);\n console.log('拖拽的行数据: ', record);\n }\n\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " `rowDraggAble`参数设置是否使用行交换顺序功能,`onDropRow` 是拖拽行后的回调函数。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。" }, { "example": _react2['default'].createElement(Demo1301, null), "title": " 多选功能", "code": "/**\r\n*\r\n* @title 多选功能\r\n* @parent 行操作-选择\r\n* @description 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。\r\n* demo1301\r\n*/\r\n\r\n\r\nimport React, { Component } from 'react';\nimport { } from 'tinper-bee';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport multiSelect from \"tinper-bee/lib/multiSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n];\r\n\r\nconst data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\",_checked:true },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\",_checked:false },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\",_checked:false },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\",_disabled:true },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\",_checked:false}\r\n];\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet MultiSelectTable = multiSelect(Table, Checkbox);\r\n\r\nclass Demo12 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: data\r\n };\r\n }\r\n /**\r\n *@param selectedList:当前选中的行数据\r\n *@param record 当前操作行数据\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (selectedList,record,index) => {\r\n console.log(\"selectedList\", selectedList,\"index\",index);\r\n // 如果在回调中增加setState逻辑,需要同步data中的_checked属性。即下面的代码\r\n // const allChecked = selectedList.length == 0?false:true;\r\n // record为undefind则为全选或者全不选\r\n // if(!record){\r\n // data12.forEach(item=>{\r\n // item._checked = allChecked;\r\n // })\r\n // }else{\r\n // data12[index]['_checked'] = record._checked;\r\n // } \r\n\r\n \r\n };\r\n \r\n render() {\r\n let multiObj = {\r\n type: \"checkbox\"\r\n };\r\n return (\r\n {\r\n if (record._checked) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}/>\r\n );\r\n }\r\n}\r\n\r\n", "desc": " 支持多选、全选和禁止选择。getSelectedDataFunc方法是选中行的回调函数,返回当前选中的数据数组。给data数据添加_checked参数可设置当前数据是否选中,添加_disabled参数可禁止选择当前数据。" }, { "example": _react2['default'].createElement(Demo1302, null), "title": " 单选功能", "code": "/**\r\n*\r\n* @title 单选功能\r\n* @parent 行操作-选择\r\n* @description 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。\r\n* Demo1302\r\n*/\r\n\r\nimport React, { Component } from \"react\";\nimport { Radio } from 'tinper-bee';\r\n\n\r\nimport Table from \"tinper-bee/lib/src\";;\r\nimport singleSelect from \"tinper-bee/lib/singleSelect.js\";;\r\n\r\nconst columns = [\r\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300 },\r\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\r\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\r\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\r\n ];\r\n \r\n const data = [\r\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" },\r\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\r\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" }\r\n ];\r\n\r\n//拼接成复杂功能的table组件不能在render中定义,需要像此例子声明在组件的外侧,不然操作state会导致功能出现异常\r\nlet SingleSelectTable = singleSelect(Table, Radio);\r\n\r\nclass Demo1302 extends Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n data: data,\r\n selectedRowIndex: 0,\r\n }\r\n }\r\n\r\n /**\r\n *@param selected 当前选中的行数据(当前操作行数据)\r\n *@param index 当前操作行索引\r\n * @memberof Demo12\r\n */\r\n getSelectedDataFunc = (record,index) => {\r\n console.log(\"record\", record, \"index\",index);\r\n\r\n this.setState({\r\n selectedRowIndex:index\r\n })\r\n };\r\n\r\n render() {\r\n let {selectedRowIndex} = this.state;\r\n\r\n return (\r\n {\r\n if (index === selectedRowIndex) {\r\n return 'selected';\r\n } else {\r\n return '';\r\n }\r\n }}\r\n getSelectedDataFunc={this.getSelectedDataFunc}\r\n /> \r\n );\r\n }\r\n}\r\n\r\n\r\n", "desc": " 表格支持单选行操作,可自定义选中行背景色。getSelectedDataFunc方法是选中行的回调函数。" }, { "example": _react2['default'].createElement(Demo1401, null), "title": " 万行以上数据渲染", "code": "/**\n*\n* @title 万行以上数据渲染\n* @parent 无限滚动 Infinite-scroll\n* @description 万行数据渲染\n* demo1401\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'60',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo30 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n />\n\n \n );\n }\n}\n\n", "desc": " 万行数据渲染", "scss_code": ".big-data tr td {\n // height: 48px;\n}" }, { "example": _react2['default'].createElement(Demo1402, null), "title": " 嵌套子表格滚动加载", "code": "/**\n*\n* @title 嵌套子表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst outColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\", \n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 250 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\nconst innerColumns = [\n {\n title: \"操作\",\n dataIndex: \"d\",\n key: \"d\",\n width:200,\n render(text, record, index) {\n return (\n \n \n 一些操作\n \n \n );\n }\n },\n { title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 100 },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 100 },\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 },\n \n];\n\nconst data16 = [ ...new Array(10000) ].map((e, i) => {\n return { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n })\n\n\n\n\n\nclass Demo31 extends Component {\n constructor(props){\n super(props);\n this.state={\n data_obj:{\n 0:[\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ],\n 1: [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ],\n }\n }\n }\n expandedRowRender = (record, index, indent) => {\n let height = 200;\n let innderData = [ ...new Array(100) ].map((e, i) => {\n return { a: index+\"-\"+ i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: index+\"-\"+ i };\n })\n return (\n \n );\n };\n getData=(expanded, record)=>{\n //当点击展开的时候才去请求数据\n let new_obj = Object.assign({},this.state.data_obj);\n if(expanded){\n if(record.key==='1'){\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"杨过\", b: \"男\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }else{\n new_obj[record.key] = [\n { a: \"令狐冲\", b: \"男\", c: 41, d: \"操作\", key: \"1\" },\n { a: \"菲菲\", b: \"nv\", c: 67, d: \"操作\", key: \"2\" }\n ]\n this.setState({\n data_obj:new_obj\n })\n }\n }\n }\n haveExpandIcon=(record, index)=>{\n //控制是否显示行展开icon,该参数只有在和expandedRowRender同时使用才生效\n if(index == 0){\n return true;\n }\n return false;\n }\n render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 通过expandedRowRender参数来实现子表格。注意:表格行数据必须有唯一标识,可以通过 `data.key` 或 `rowKey` 两种方式传入。" }, { "example": _react2['default'].createElement(Demo1403, null), "title": " 多功能表格滚动加载", "code": "/**\n*\n* @title 多功能表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1403\n*/\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport filterColumn from \"tinper-bee/lib/filterColumn\";;\n\nlet ComplexTable = filterColumn(multiSelect(BigData(Table), Checkbox), Popover, Icon);\n\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'80',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(10000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n }\n return rs;\n })\n\n\nclass Demo32 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n getSelectedDataFunc = data => {\n console.log(data);\n };\n\n render() {\n return (\n {\n this.setState({\n selectedRowIndex: index\n });\n }}\n getSelectedDataFunc={this.getSelectedDataFunc}/>\n\n );\n }\n}\n\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo1404, null), "title": " 层级树大数据场景", "code": "/**\n* @title 层级树大数据场景\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1404\n*/\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Tooltip} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\nimport BigData from \"tinper-bee/lib/bigData\";;\nconst BigDataTable = BigData(Table);\nconst columns = [\n {\n title:'序号',\n dataIndex:'index',\n width:'150',\n key:'index',\n render:(text,record,index)=>{\n return index\n }\n },\n {\n title: \"用户名\", dataIndex: \"a\", key: \"a\", width: 580, className: \"rowClassName\",\n render: (text, record, index) => {\n return (\n \n {text}\n \n );\n }\n },\n { id: \"123\", title: \"性别\", dataIndex: \"b\", key: \"b\", width: 80},\n { title: \"年龄\", dataIndex: \"c\", key: \"c\", width: 200 }\n];\n\nconst data = [ ...new Array(1000) ].map((e, i) => {\n const rs = { a: i + 'a', b: i + 'b', c: i + 'c', d: i + 'd', key: i };\n if(i%3==0){\n rs.b = '女';\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }else{\n rs.children = [];\n for(let subi=0;subi<3;subi++){\n rs.children.push({a: i +subi + 'asub', b: i +subi + 'bsub', c: i + subi +'csub', d: i + subi +'dsub', key: i+ `${subi} sub`});\n }\n }\n return rs;\n })\n\n\nclass Demo34 extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n data: data,\n selectedRowIndex: 0\n }\n }\n onExpandedRowsChange = (expandedRowKeys)=>{\n console.log('expandedRowKeys',expandedRowKeys);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\n onExpandedRowsChange={this.onExpandedRowsChange}\n />\n\n \n );\n }\n}\n\n", "desc": "" }, { "example": _react2['default'].createElement(Demo1601, null), "title": " 表格+分页", "code": "/**\n * @title 表格+分页\n * @parent 分页 Pagination\n * @description 点击分页联动表格\n * demo1601\n */\n\nimport React, { Component } from \"react\";\nimport { } from 'tinper-bee';\nimport {Pagination} from \"tinper-bee\";\n\nimport Table from \"tinper-bee/lib/src\";;\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 300, className: \"rowClassName\"},\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width: 500 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 200 }\n];\n\nconst pageData = {\n 1: [\n { a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\n { a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\n { a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\n ],\n 2: [\n { a: \"ASVAL_201903280010\", b: \"小王\", c: \"女\", d: \"财务二科\", key: \"4\" },\n { a: \"ASVAL_201903200021\", b: \"小李\", c: \"男\", d: \"财务一科\", key: \"5\" },\n ]\n};\n\nclass Demo8 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n data: pageData[1],\n activePage: 1\n };\n }\n\n handleSelect(eventKey) {\n this.setState({\n data: pageData[eventKey],\n activePage: eventKey\n });\n }\n\n render() {\n return (\n \n );\n }\n}\n\n", "desc": " 点击分页联动表格", "scss_code": ".demo8{\n .u-table {\n margin-bottom: 11px;\n }\n .u-pagination{\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}" }];
var Demo = function (_Component) {
_inherits(Demo, _Component);
@@ -673,7 +673,7 @@
var _Panel3 = _interopRequireDefault(_Panel2);
- var _PanelGroup2 = __webpack_require__(81);
+ var _PanelGroup2 = __webpack_require__(83);
var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
@@ -712,7 +712,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _copyToClipboard = __webpack_require__(79);
+ var _copyToClipboard = __webpack_require__(81);
var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);
@@ -5202,7 +5202,19 @@
return value;
}
- var domUtils = {};
+ var domUtils = {
+ getParent: function getParent(element) {
+ var parent = element;
+ do {
+ if (parent.nodeType === 11 && parent.host) {
+ parent = parent.host;
+ } else {
+ parent = parent.parentNode;
+ }
+ } while (parent && parent.nodeType !== 1 && parent.nodeType !== 9);
+ return parent;
+ }
+ };
each(['Width', 'Height'], function (name) {
domUtils['doc' + name] = function (refWin) {
@@ -5659,6 +5671,8 @@
/**
* 得到会导致元素显示不全的祖先元素
*/
+ var getParent = _utils2['default'].getParent;
+
function getOffsetParent(element) {
if (_utils2['default'].isWindow(element) || element.nodeType === 9) {
@@ -5686,10 +5700,10 @@
var skipStatic = positionStyle === 'fixed' || positionStyle === 'absolute';
if (!skipStatic) {
- return element.nodeName.toLowerCase() === 'html' ? null : element.parentNode;
+ return element.nodeName.toLowerCase() === 'html' ? null : getParent(element);
}
- for (parent = element.parentNode; parent && parent !== body; parent = parent.parentNode) {
+ for (parent = getParent(element); parent && parent !== body; parent = getParent(parent)) {
positionStyle = _utils2['default'].css(parent, 'position');
if (positionStyle !== 'static') {
return parent;
@@ -5718,6 +5732,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+ var getParent = _utils2['default'].getParent;
function isAncestorFixed(element) {
if (_utils2['default'].isWindow(element) || element.nodeType === 9) {
return false;
@@ -5726,7 +5741,7 @@
var doc = _utils2['default'].getDocument(element);
var body = doc.body;
var parent = null;
- for (parent = element.parentNode; parent && parent !== body; parent = parent.parentNode) {
+ for (parent = getParent(element); parent && parent !== body; parent = getParent(parent)) {
var positionStyle = _utils2['default'].css(parent, 'position');
if (positionStyle === 'fixed') {
return true;
@@ -5859,8 +5874,8 @@
var diff = [p2.left - p1.left, p2.top - p1.top];
return {
- left: elRegion.left - diff[0] + offset[0] - targetOffset[0],
- top: elRegion.top - diff[1] + offset[1] - targetOffset[1]
+ left: Math.round(elRegion.left - diff[0] + offset[0] - targetOffset[0]),
+ top: Math.round(elRegion.top - diff[1] + offset[1] - targetOffset[1])
};
}
@@ -6143,38 +6158,44 @@
var _classnames2 = _interopRequireDefault(_classnames);
+ var _warning = __webpack_require__(32);
+
+ var _warning2 = _interopRequireDefault(_warning);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var defaultDuration = 1.5;
var newDuration = void 0;
- var defaultTop = 0;
+ var defaultTop = 24;
var defaultBottom = 48;
var bottom = 90;
var padding = 30;
- var width = 200;
+ var width = 240;
var messageInstance = void 0;
var key = 1;
var clsPrefix = 'u-message';
var noop = function noop() {};
+ var notificationStyle_copy = {};
+ var messageStyle_copy = {};
+ var positionType = ['topRight', 'bottomRight', 'top', 'bottom', 'topLeft', 'bottomLeft', ''];
+ var defaultStyle = {};
var positionObj = {
"top": {
- messageStyle: {
- width: "100%"
- },
+ messageStyle: {},
notificationStyle: {
top: defaultTop,
- width: "100%"
+ left: '50%',
+ transform: 'translateX( -50%)'
},
transitionName: 'top'
},
"bottom": {
- messageStyle: {
- width: "100%"
- },
+ messageStyle: {},
notificationStyle: {
bottom: defaultBottom,
- width: "100%"
+ left: '50%',
+ transform: 'translateX( -50%)'
},
transitionName: 'bottom'
},
@@ -6236,29 +6257,29 @@
}
switch (position) {
case 'top':
- positionObj[position].notificationStyle.top = defaultTop;
+ notificationStyle_copy.top = defaultTop;
break;
case 'bottom':
- positionObj[position].notificationStyle.bottom = defaultBottom;
+ notificationStyle_copy.bottom = defaultBottom;
break;
case 'bottomRight':
- positionObj[position].notificationStyle.bottom = bottom;
+ notificationStyle_copy.bottom = bottom;
break;
case 'bottomLeft':
- positionObj[position].notificationStyle.bottom = bottom;
+ notificationStyle_copy.bottom = bottom;
break;
default:
break;
}
if (position !== 'top' && position !== 'bottom') {
- positionObj[position].messageStyle.width = width;
+ messageStyle_copy.width = width;
}
- var style = positionObj[position].notificationStyle;
+ var style = JSON.stringify(notificationStyle_copy) == "{}" ? positionObj[position].notificationStyle : notificationStyle_copy;
var instanceObj = {
clsPrefix: clsPrefix,
transitionName: clsPrefix + '-' + positionObj[position].transitionName,
- style: style, // 覆盖原来的样式
- position: ''
+ style: _extends({}, style, defaultStyle), // 覆盖原来的样式
+ position: position
};
if (typeof keyboard === 'boolean') {
instanceObj.keyboard = keyboard;
@@ -6272,22 +6293,33 @@
});
}
- function notice(content, duration, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon) {
+ function notice(content, duration_arg, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon) {
+ if (positionType.findIndex(function (item) {
+ return item === position;
+ }) < 0) {
+ (0, _warning2["default"])(false, 'Failed prop type: Invalid prop `position` supplied to `Message`, expected one of ["top","bottom","topRight","topLeft","bottomRight","bottomLeft"].');
+ return;
+ }
+ var duration = duration_arg !== undefined ? duration_arg : defaultDuration;
+ notificationStyle_copy = _extends({}, positionObj[position].notificationStyle);
+ messageStyle_copy = _extends({}, positionObj[position].messageStyle);
+
var iconType = {
info: 'uf uf-i-c-2',
success: 'uf uf-correct',
- danger: 'uf uf-close-c',
+ danger: 'uf uf-exc-c',
warning: 'uf uf-exc-t',
light: 'uf uf-notification',
- dark: 'uf uf-bubble',
+ dark: 'uf uf-notification',
news: 'uf uf-bell',
infolight: 'uf uf-i-c-2',
successlight: 'uf uf-correct',
- dangerlight: 'uf uf-close-c',
+ dangerlight: 'uf uf-exc-c',
warninglight: 'uf uf-exc-t'
}[type];
- var positionStyle = positionObj[position].messageStyle;
+ var positionStyle = JSON.stringify(messageStyle_copy) == "{}" ? positionObj[position].messageStyle : messageStyle_copy;
+ defaultStyle = _extends({}, positionStyle, style);
getMessageInstance(position, function (instance) {
instance.notice({
key: key,
@@ -6329,11 +6361,11 @@
}
var content = obj.content || '';
var duration = typeof obj.duration == 'undefined' ? defaultDuration : obj.duration;
- var color = obj.color || 'dark';
+ var color = obj.color || 'light';
var onClose = obj.onClose || noop;
var position = obj.position || "top";
var style = obj.style || {};
- var showIcon = obj.showIcon || false;
+ var showIcon = obj.showIcon || true;
return notice(content, duration, color, onClose, position, style, obj.keyboard, obj.onEscapeKeyUp, showIcon);
},
config: function config(options) {
@@ -6361,6 +6393,16 @@
if (messageInstance) {
messageInstance.destroy();
messageInstance = null;
+ defaultDuration = 1.5;
+ newDuration = undefined;
+ defaultTop = 24;
+ defaultBottom = 48;
+ bottom = 90;
+ padding = 30;
+ width = 240;
+ notificationStyle_copy = null;
+ messageStyle_copy = null;
+ defaultStyle = null;
}
}
};
@@ -6456,7 +6498,7 @@
show: _propTypes2["default"].bool,
clsPrefix: _propTypes2["default"].string,
style: _propTypes2["default"].object,
- position: _propTypes2["default"].oneOf(['topRight', 'bottomRight', '']),
+ position: _propTypes2["default"].oneOf(['topRight', 'bottomRight', 'top', 'bottom', 'topLeft', 'bottomLeft', '']),
transitionName: _propTypes2["default"].string,
keyboard: _propTypes2["default"].bool, // 按esc键是否关闭notice
onEscapeKeyUp: _propTypes2["default"].func, // 设置esc键特殊钩子函数
@@ -6544,8 +6586,8 @@
});
};
- /**
- * 处理绑定在document上的keyup事件
+ /**
+ * 处理绑定在document上的keyup事件
*/
@@ -7451,6 +7493,10 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
+ var _beeIcon = __webpack_require__(79);
+
+ var _beeIcon2 = _interopRequireDefault(_beeIcon);
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@@ -7556,7 +7602,11 @@
closable ? _react2["default"].createElement(
'a',
{ tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
- _react2["default"].createElement('span', { className: componentClass + '-close-x' })
+ _react2["default"].createElement(
+ 'span',
+ { className: componentClass + '-close-x' },
+ _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-close' })
+ )
) : null
);
};
@@ -7574,11 +7624,109 @@
/***/ }),
/* 79 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(80);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+/***/ }),
+/* 80 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _classnames = __webpack_require__(5);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+
+ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
+
+ var propTypes = {
+ type: _propTypes2["default"].string
+
+ };
+ /**
+ * badge 默认显示内容1
+ */
+ var defaultProps = {
+ clsPrefix: 'uf'
+ };
+
+ var Icon = function (_Component) {
+ _inherits(Icon, _Component);
+
+ function Icon(props) {
+ _classCallCheck(this, Icon);
+
+ return _possibleConstructorReturn(this, _Component.call(this, props));
+ }
+
+ Icon.prototype.render = function render() {
+ var _props = this.props,
+ type = _props.type,
+ className = _props.className,
+ clsPrefix = _props.clsPrefix,
+ others = _objectWithoutProperties(_props, ['type', 'className', 'clsPrefix']);
+
+ var clsObj = {};
+
+ var classNames = (0, _classnames2["default"])(clsPrefix, type);
+
+ return _react2["default"].createElement('i', _extends({}, others, { className: (0, _classnames2["default"])(classNames, className) }));
+ };
+
+ return Icon;
+ }(_react.Component);
+
+ Icon.defaultProps = defaultProps;
+ Icon.propTypes = propTypes;
+
+ exports["default"] = Icon;
+ module.exports = exports['default'];
+
+/***/ }),
+/* 81 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var deselectCurrent = __webpack_require__(80);
+ var deselectCurrent = __webpack_require__(82);
var defaultMessage = "Copy to clipboard: #{key}, Enter";
@@ -7673,7 +7821,7 @@
/***/ }),
-/* 80 */
+/* 82 */
/***/ (function(module, exports) {
@@ -7718,7 +7866,7 @@
/***/ }),
-/* 81 */
+/* 83 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7865,7 +8013,7 @@
module.exports = exports['default'];
/***/ }),
-/* 82 */
+/* 84 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7874,7 +8022,7 @@
value: true
});
- var _Drawer = __webpack_require__(83);
+ var _Drawer = __webpack_require__(85);
var _Drawer2 = _interopRequireDefault(_Drawer);
@@ -7884,7 +8032,7 @@
module.exports = exports['default'];
/***/ }),
-/* 83 */
+/* 85 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -7909,9 +8057,9 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _common = __webpack_require__(84);
+ var _common = __webpack_require__(86);
- var _reactTransitionGroup = __webpack_require__(85);
+ var _reactTransitionGroup = __webpack_require__(87);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -8187,7 +8335,7 @@
module.exports = exports['default'];
/***/ }),
-/* 84 */
+/* 86 */
/***/ (function(module, exports) {
'use strict';
@@ -8214,18 +8362,18 @@
}
/***/ }),
-/* 85 */
+/* 87 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _CSSTransition = _interopRequireDefault(__webpack_require__(86));
+ var _CSSTransition = _interopRequireDefault(__webpack_require__(88));
- var _ReplaceTransition = _interopRequireDefault(__webpack_require__(93));
+ var _ReplaceTransition = _interopRequireDefault(__webpack_require__(95));
- var _TransitionGroup = _interopRequireDefault(__webpack_require__(94));
+ var _TransitionGroup = _interopRequireDefault(__webpack_require__(96));
- var _Transition = _interopRequireDefault(__webpack_require__(90));
+ var _Transition = _interopRequireDefault(__webpack_require__(92));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -8237,7 +8385,7 @@
};
/***/ }),
-/* 86 */
+/* 88 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -8247,15 +8395,15 @@
var PropTypes = _interopRequireWildcard(__webpack_require__(6));
- var _addClass = _interopRequireDefault(__webpack_require__(87));
+ var _addClass = _interopRequireDefault(__webpack_require__(89));
- var _removeClass = _interopRequireDefault(__webpack_require__(89));
+ var _removeClass = _interopRequireDefault(__webpack_require__(91));
var _react = _interopRequireDefault(__webpack_require__(1));
- var _Transition = _interopRequireDefault(__webpack_require__(90));
+ var _Transition = _interopRequireDefault(__webpack_require__(92));
- var _PropTypes = __webpack_require__(92);
+ var _PropTypes = __webpack_require__(94);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -8607,7 +8755,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 87 */
+/* 89 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -8617,7 +8765,7 @@
exports.__esModule = true;
exports.default = addClass;
- var _hasClass = _interopRequireDefault(__webpack_require__(88));
+ var _hasClass = _interopRequireDefault(__webpack_require__(90));
function addClass(element, className) {
if (element.classList) element.classList.add(className);else if (!(0, _hasClass.default)(element, className)) if (typeof element.className === 'string') element.className = element.className + ' ' + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + ' ' + className);
@@ -8626,7 +8774,7 @@
module.exports = exports["default"];
/***/ }),
-/* 88 */
+/* 90 */
/***/ (function(module, exports) {
"use strict";
@@ -8641,7 +8789,7 @@
module.exports = exports["default"];
/***/ }),
-/* 89 */
+/* 91 */
/***/ (function(module, exports) {
'use strict';
@@ -8655,7 +8803,7 @@
};
/***/ }),
-/* 90 */
+/* 92 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -8669,9 +8817,9 @@
var _reactDom = _interopRequireDefault(__webpack_require__(2));
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _PropTypes = __webpack_require__(92);
+ var _PropTypes = __webpack_require__(94);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9270,7 +9418,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 91 */
+/* 93 */
/***/ (function(module, exports) {
'use strict';
@@ -9438,7 +9586,7 @@
/***/ }),
-/* 92 */
+/* 94 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -9472,7 +9620,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 93 */
+/* 95 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -9486,7 +9634,7 @@
var _reactDom = __webpack_require__(2);
- var _TransitionGroup = _interopRequireDefault(__webpack_require__(94));
+ var _TransitionGroup = _interopRequireDefault(__webpack_require__(96));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9628,7 +9776,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 94 */
+/* 96 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -9640,9 +9788,9 @@
var _react = _interopRequireDefault(__webpack_require__(1));
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _ChildMapping = __webpack_require__(95);
+ var _ChildMapping = __webpack_require__(97);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9842,7 +9990,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 95 */
+/* 97 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -9997,7 +10145,7 @@
}
/***/ }),
-/* 96 */
+/* 98 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -10006,7 +10154,7 @@
value: true
});
- var _Clipboard = __webpack_require__(97);
+ var _Clipboard = __webpack_require__(99);
var _Clipboard2 = _interopRequireDefault(_Clipboard);
@@ -10016,7 +10164,7 @@
module.exports = exports['default'];
/***/ }),
-/* 97 */
+/* 99 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -10029,7 +10177,7 @@
var _react2 = _interopRequireDefault(_react);
- var _clipboard = __webpack_require__(98);
+ var _clipboard = __webpack_require__(100);
var _clipboard2 = _interopRequireDefault(_clipboard);
@@ -10037,7 +10185,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -10063,11 +10211,11 @@
var _beeModal2 = _interopRequireDefault(_beeModal);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _beeButton = __webpack_require__(260);
+ var _beeButton = __webpack_require__(264);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -10175,7 +10323,7 @@
return _react2["default"].createElement(
_beeTooltip2["default"],
- {
+ { className: 'u-clipboard-tooltip',
positionTop: '20px',
overlay: tootipContent,
placement: 'top' },
@@ -10239,12 +10387,12 @@
module.exports = exports['default'];
/***/ }),
-/* 98 */
+/* 100 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
if (true) {
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(99), __webpack_require__(101), __webpack_require__(102)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(101), __webpack_require__(103), __webpack_require__(104)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports !== "undefined") {
factory(module, require('./clipboard-action'), require('tiny-emitter'), require('good-listener'));
} else {
@@ -10451,12 +10599,12 @@
});
/***/ }),
-/* 99 */
+/* 101 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {
if (true) {
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(100)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(102)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports !== "undefined") {
factory(module, require('select'));
} else {
@@ -10685,7 +10833,7 @@
});
/***/ }),
-/* 100 */
+/* 102 */
/***/ (function(module, exports) {
function select(element) {
@@ -10734,7 +10882,7 @@
/***/ }),
-/* 101 */
+/* 103 */
/***/ (function(module, exports) {
function E () {
@@ -10807,11 +10955,11 @@
/***/ }),
-/* 102 */
+/* 104 */
/***/ (function(module, exports, __webpack_require__) {
- var is = __webpack_require__(103);
- var delegate = __webpack_require__(104);
+ var is = __webpack_require__(105);
+ var delegate = __webpack_require__(106);
/**
* Validates all params and calls the right
@@ -10908,7 +11056,7 @@
/***/ }),
-/* 103 */
+/* 105 */
/***/ (function(module, exports) {
/**
@@ -10963,10 +11111,10 @@
/***/ }),
-/* 104 */
+/* 106 */
/***/ (function(module, exports, __webpack_require__) {
- var closest = __webpack_require__(105);
+ var closest = __webpack_require__(107);
/**
* Delegates event to a selector.
@@ -11047,7 +11195,7 @@
/***/ }),
-/* 105 */
+/* 107 */
/***/ (function(module, exports) {
var DOCUMENT_NODE_TYPE = 9;
@@ -11085,104 +11233,6 @@
module.exports = closest;
-/***/ }),
-/* 106 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(107);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
-/***/ }),
-/* 107 */
-/***/ (function(module, exports, __webpack_require__) {
-
- 'use strict';
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
- var _react = __webpack_require__(1);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _classnames = __webpack_require__(5);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(6);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
-
- function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
-
- var propTypes = {
- type: _propTypes2["default"].string
-
- };
- /**
- * badge 默认显示内容1
- */
- var defaultProps = {
- clsPrefix: 'uf'
- };
-
- var Icon = function (_Component) {
- _inherits(Icon, _Component);
-
- function Icon(props) {
- _classCallCheck(this, Icon);
-
- return _possibleConstructorReturn(this, _Component.call(this, props));
- }
-
- Icon.prototype.render = function render() {
- var _props = this.props,
- type = _props.type,
- className = _props.className,
- clsPrefix = _props.clsPrefix,
- others = _objectWithoutProperties(_props, ['type', 'className', 'clsPrefix']);
-
- var clsObj = {};
-
- var classNames = (0, _classnames2["default"])(clsPrefix, type);
-
- return _react2["default"].createElement('i', _extends({}, others, { className: (0, _classnames2["default"])(classNames, className) }));
- };
-
- return Icon;
- }(_react.Component);
-
- Icon.defaultProps = defaultProps;
- Icon.propTypes = propTypes;
-
- exports["default"] = Icon;
- module.exports = exports['default'];
-
/***/ }),
/* 108 */
/***/ (function(module, exports, __webpack_require__) {
@@ -11245,33 +11295,33 @@
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
- /**
- * @required
+ /**
+ * @required
*/
id: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
inverse: _propTypes2["default"].bool,
visible: _propTypes2["default"].bool,
onVisibleChange: _propTypes2["default"].func,
- /**
- * 相对目标元素显示上下左右的位置
+ /**
+ * 相对目标元素显示上下左右的位置
*/
- placement: _propTypes2["default"].oneOf(['top', 'right', 'bottom', 'left']),
+ placement: _propTypes2["default"].oneOf(['top', 'right', 'bottom', 'left', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']),
- /**
- * 绝对定位上边距.
+ /**
+ * 绝对定位上边距.
*/
positionTop: _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string]),
- /**
- * 绝对定位左边距
+ /**
+ * 绝对定位左边距
*/
positionLeft: _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string]),
- /**
- * 与目标Top的距离
+ /**
+ * 与目标Top的距离
*/
arrowOffsetTop: _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string]),
- /**
- * 与目标Left的距离
+ /**
+ * 与目标Left的距离
*/
arrowOffsetLeft: _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])
};
@@ -11281,25 +11331,23 @@
clsPrefix: 'u-tooltip'
};
function OverlayNode(props) {
- var className = props.className,
+ var id = props.id,
+ className = props.className,
classNames = props.classNames,
style = props.style,
- overlay = props.overlay,
- arrowOffsetTop = props.arrowOffsetTop,
- arrowOffsetLeft = props.arrowOffsetLeft;
+ overlay = props.overlay;
return _react2["default"].createElement(
'div',
{
+ id: id,
+ role: 'tooltip',
className: (0, _classnames2["default"])(className, classNames),
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave,
style: style
},
- overlay ? _react2["default"].createElement('div', { className: 'tooltip-arrow', style: {
- top: arrowOffsetTop,
- left: arrowOffsetLeft
- } }) : '',
+ overlay ? _react2["default"].createElement('div', { className: 'tooltip-arrow' }) : '',
overlay ? _react2["default"].createElement(
'div',
{ className: 'tooltip-inner' },
@@ -11317,17 +11365,29 @@
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
_this.onMouseEnter = function () {
+ var trigger = _this.props.trigger;
+
+ if (trigger === 'click') return;
_this.setState({
isHoverShow: true
});
};
_this.onMouseLeave = function () {
+ var trigger = _this.props.trigger;
+
+ if (trigger === 'click') return;
_this.setState({
isHoverShow: false
});
};
+ _this.handleOnHide = function () {
+ var onHide = _this.props.onHide;
+
+ onHide && onHide(false);
+ };
+
var initState = {
isHoverShow: false
};
@@ -11353,13 +11413,13 @@
}
};
- /**
- * @desc 鼠标划入时候的事件
+ /**
+ * @desc 鼠标划入时候的事件
*/
- /**
- * @desc 鼠标划出时候的事件
+ /**
+ * @desc 鼠标划出时候的事件
*/
@@ -11369,8 +11429,7 @@
var _props2 = this.props,
placement = _props2.placement,
- positionTop = _props2.positionTop,
- positionLeft = _props2.positionLeft,
+ id = _props2.id,
arrowOffsetTop = _props2.arrowOffsetTop,
arrowOffsetLeft = _props2.arrowOffsetLeft,
className = _props2.className,
@@ -11379,15 +11438,10 @@
clsPrefix = _props2.clsPrefix,
overlay = _props2.overlay,
inverse = _props2.inverse,
- others = _objectWithoutProperties(_props2, ['placement', 'positionTop', 'positionLeft', 'arrowOffsetTop', 'arrowOffsetLeft', 'className', 'style', 'children', 'clsPrefix', 'overlay', 'inverse']);
+ others = _objectWithoutProperties(_props2, ['placement', 'id', 'arrowOffsetTop', 'arrowOffsetLeft', 'className', 'style', 'children', 'clsPrefix', 'overlay', 'inverse']);
var classes = (_classes = {}, _defineProperty(_classes, placement, true), _defineProperty(_classes, 'inverse', inverse), _classes);
- var outerStyle = _extends({
- top: positionTop,
- left: positionLeft
- }, style);
-
var arrowStyle = {
top: arrowOffsetTop,
left: arrowOffsetLeft
@@ -11396,26 +11450,43 @@
var classNames = (0, _classnames2["default"])(clsPrefix, classes);
var overlayNode = _react2["default"].createElement(OverlayNode, {
+ id: id,
className: className,
classNames: classNames,
overlay: overlay,
onMouseEnter: this.onMouseEnter,
onMouseLeave: this.onMouseLeave,
- style: true,
- arrowOffsetTop: true,
- arrowOffsetLeft: true
+ style: style,
+ arrowOffsetTop: arrowOffsetTop,
+ arrowOffsetLeft: arrowOffsetLeft
});
return 'visible' in this.props ? _react2["default"].createElement(
_OverlayTrigger2["default"],
- _extends({ visible: this.state.visible, ref: function ref(_ref) {
+ _extends({
+ visible: this.state.visible,
+ ref: function ref(_ref) {
return _this2.trigger = _ref;
- }, shouldUpdatePosition: true, placement: placement }, others, { overlay: overlayNode }),
+ },
+ shouldUpdatePosition: true,
+ placement: placement
+ }, others, {
+ overlay: overlayNode,
+ onHide: this.handleOnHide
+ }),
children
) : _react2["default"].createElement(
_OverlayTrigger2["default"],
- _extends({ isHoverShow: this.state.isHoverShow, ref: function ref(_ref2) {
+ _extends({
+ isHoverShow: this.state.isHoverShow,
+ ref: function ref(_ref2) {
return _this2.trigger = _ref2;
- }, shouldUpdatePosition: true, placement: placement }, others, { overlay: overlayNode }),
+ },
+ shouldUpdatePosition: true,
+ placement: placement
+ }, others, {
+ overlay: overlayNode,
+ onHide: this.handleOnHide
+ }),
children
);
};
@@ -11565,11 +11636,11 @@
/**
* @private
*/
- onHide: _propTypes2["default"].oneOf([null]),
+ onHide: _propTypes2["default"].func,
/**
* @private
*/
- show: _propTypes2["default"].oneOf([null])
+ show: _propTypes2["default"].bool
});
var defaultProps = {
@@ -11725,6 +11796,7 @@
OverlayTrigger.prototype.hide = function hide() {
this.setState({ show: false });
+ this.props.onHide && this.props.onHide();
};
OverlayTrigger.prototype.makeOverlay = function makeOverlay(overlay, props) {
@@ -11776,7 +11848,12 @@
}
if (isOneOf('hover', trigger) && !('visible' in this.props)) {
- (0, _warning2["default"])(!(trigger === 'hover'), '[react-bootstrap] Specifying only the `"hover"` trigger limits the ' + 'visibility of the overlay to just mouse users. Consider also ' + 'including the `"focus"` trigger so that touch and keyboard only ' + 'users can see the overlay as well.');
+ // warning(!(trigger === 'hover'),
+ // '[react-bootstrap] Specifying only the `"hover"` trigger limits the ' +
+ // 'visibility of the overlay to just mouse users. Consider also ' +
+ // 'including the `"focus"` trigger so that touch and keyboard only ' +
+ // 'users can see the overlay as well.'
+ // );
triggerProps.onMouseOver = (0, _createChainedFunction2["default"])(childProps.onMouseOver, onMouseOver, this.handleMouseOver);
triggerProps.onMouseOut = (0, _createChainedFunction2["default"])(childProps.onMouseOut, onMouseOut, this.handleMouseOut);
@@ -12233,7 +12310,8 @@
return _react2["default"].createElement(
_BaseOverlay2["default"],
_extends({}, props, {
- transition: transition
+ transition: transition,
+ onHide: props.onHide
}),
child
);
@@ -14091,11 +14169,11 @@
var _Modal2 = _interopRequireDefault(_Modal);
- var _confirm = __webpack_require__(259);
+ var _confirm = __webpack_require__(263);
var _confirm2 = _interopRequireDefault(_confirm);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -14122,7 +14200,7 @@
_Modal2["default"].error = function (props) {
var config = _extends({
type: 'error',
- icon: _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-close-bold' }),
+ icon: _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-exc-c' }),
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
@@ -14205,7 +14283,7 @@
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(144);
+ var _isOverflowing = __webpack_require__(147);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
@@ -14213,23 +14291,23 @@
var _beeTransition = __webpack_require__(11);
- var _ModalBody = __webpack_require__(148);
+ var _ModalBody = __webpack_require__(152);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(149);
+ var _ModalDialog = __webpack_require__(153);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
- var _ModalFooter = __webpack_require__(256);
+ var _ModalFooter = __webpack_require__(260);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
- var _ModalHeader = __webpack_require__(257);
+ var _ModalHeader = __webpack_require__(261);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
- var _ModalTitle = __webpack_require__(258);
+ var _ModalTitle = __webpack_require__(262);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
@@ -14310,7 +14388,7 @@
onExited: _propTypes2["default"].func,
containerClassName: _propTypes2["default"].string
- }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _extends2));
+ }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizeClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'bounds', _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].Object])), _extends2));
var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
backdropClosable: true,
@@ -14414,7 +14492,10 @@
var dialogHeight = dialogNode.scrollHeight;
var document = (0, _ownerDocument2["default"])(dialogNode);
- var bodyIsOverflowing = (0, _isOverflowing2["default"])(_reactDom2["default"].findDOMNode(this.props.container || document.body));
+ var bodyIsOverflowing = false;
+ if (this.props.container) {
+ bodyIsOverflowing = (0, _isOverflowing2["default"])(_reactDom2["default"].findDOMNode(this.props.container));
+ }
var modalIsOverflowing = dialogHeight > document.documentElement.clientHeight;
this.setState({
@@ -14446,7 +14527,9 @@
backdropClassName = _props.backdropClassName,
containerClassName = _props.containerClassName,
draggable = _props.draggable,
- props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable']);
+ resizeClassName = _props.resizeClassName,
+ bounds = _props.bounds,
+ props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable', 'resizeClassName', 'bounds']);
var _splitComponent = (0, _tinperBeeCore.splitComponent)(props, _Modal2["default"]),
_splitComponent2 = _slicedToArray(_splitComponent, 2),
@@ -14473,7 +14556,7 @@
onEntering: (0, _tinperBeeCore.createChainedFunction)(onEntering, this.handleEntering),
onExited: (0, _tinperBeeCore.createChainedFunction)(onExited, this.handleExited),
backdrop: backdrop,
- backdropClassName: (0, _classnames2["default"])(backdropClasses, inClassName),
+ backdropClassName: (0, _classnames2["default"])(backdropClasses, inClassName, backdropClassName),
containerClassName: (0, _classnames2["default"])(containerClasses, containerClassName),
transition: animation ? _beeTransition.Fade : undefined,
dialogTransitionTimeout: Modal.TRANSITION_DURATION,
@@ -14486,7 +14569,9 @@
className: (0, _classnames2["default"])(className, inClassName, backdropClassName),
onClick: backdrop === true && !!backdropClosable ? this.handleDialogClick : null,
size: size,
- draggable: draggable
+ draggable: draggable,
+ bounds: bounds,
+ resizeClassName: resizeClassName
}),
children
)
@@ -14715,23 +14800,23 @@
var _tinperBeeCore = __webpack_require__(27);
- var _Portal = __webpack_require__(112);
+ var _Portal = __webpack_require__(142);
var _Portal2 = _interopRequireDefault(_Portal);
- var _ModalManager = __webpack_require__(142);
+ var _ModalManager = __webpack_require__(145);
var _ModalManager2 = _interopRequireDefault(_ModalManager);
- var _ownerDocument = __webpack_require__(74);
+ var _ownerDocument = __webpack_require__(143);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _addEventListener = __webpack_require__(76);
+ var _addEventListener = __webpack_require__(149);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _addFocusListener = __webpack_require__(146);
+ var _addFocusListener = __webpack_require__(150);
var _addFocusListener2 = _interopRequireDefault(_addFocusListener);
@@ -14739,7 +14824,7 @@
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _activeElement = __webpack_require__(147);
+ var _activeElement = __webpack_require__(151);
var _activeElement2 = _interopRequireDefault(_activeElement);
@@ -14747,7 +14832,7 @@
var _contains2 = _interopRequireDefault(_contains);
- var _getContainer = __webpack_require__(113);
+ var _getContainer = __webpack_require__(144);
var _getContainer2 = _interopRequireDefault(_getContainer);
@@ -14763,129 +14848,129 @@
var modalManager = new _ModalManager2["default"]();
- /**
- * 模态框
+ /**
+ * 模态框
*/
var propTypes = _extends({}, _Portal2["default"].propTypes, {
- /**
- * 是否显示
+ /**
+ * 是否显示
*/
show: _propTypes2["default"].bool,
- /**
- * 容器
+ /**
+ * 容器
*/
container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func]),
- /**
- * 当模态框打开时的钩子函数
+ /**
+ * 当模态框打开时的钩子函数
*/
onShow: _propTypes2["default"].func,
- /**
- * 当show参数为false时触发的模态框关闭时的钩子函数
+ /**
+ * 当show参数为false时触发的模态框关闭时的钩子函数
*/
onHide: _propTypes2["default"].func,
- /**
- * 是否包含背景
+ /**
+ * 是否包含背景
*/
backdrop: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].oneOf(['static'])]),
- /**
- *返回背景组件的函数
+ /**
+ *返回背景组件的函数
*/
renderBackdrop: _propTypes2["default"].func,
- /**
- * 设置esc键特殊钩子函数
+ /**
+ * 设置esc键特殊钩子函数
*/
onEscapeKeyUp: _propTypes2["default"].func,
- /**
- * 当点击背景时触发的函数
+ /**
+ * 当点击背景时触发的函数
*/
onBackdropClick: _propTypes2["default"].func,
- /**
- * 背景的style
+ /**
+ * 背景的style
*/
backdropStyle: _propTypes2["default"].object,
- /**
- * 背景的class
+ /**
+ * 背景的class
*/
backdropClassName: _propTypes2["default"].string,
- /**
- *容器的class
+ /**
+ *容器的class
*/
containerClassName: _propTypes2["default"].string,
- /**
- * 按esc键是否关闭模态框
+ /**
+ * 按esc键是否关闭模态框
*/
keyboard: _propTypes2["default"].bool,
- /**
- * 动画组件
+ /**
+ * 动画组件
*/
transition: _tinperBeeCore.elementType,
- /**
- * 设置动画超时时间
+ /**
+ * 设置动画超时时间
*/
dialogTransitionTimeout: _propTypes2["default"].number,
- /**
- * 设置背景动画超时时间
+ /**
+ * 设置背景动画超时时间
*/
backdropTransitionTimeout: _propTypes2["default"].number,
- /**
- * 是否自动设置焦点
+ /**
+ * 是否自动设置焦点
*/
autoFocus: _propTypes2["default"].bool,
- /**
- * 防止焦点离开模态框
+ /**
+ * 防止焦点离开模态框
*/
enforceFocus: _propTypes2["default"].bool,
- /**
- * 模态框进入时的钩子函数
+ /**
+ * 模态框进入时的钩子函数
*/
onEnter: _propTypes2["default"].func,
- /**
- * 模态框开始进入时的钩子函数
+ /**
+ * 模态框开始进入时的钩子函数
*/
onEntering: _propTypes2["default"].func,
- /**
- * 模态框进入后的钩子函数
+ /**
+ * 模态框进入后的钩子函数
*/
onEntered: _propTypes2["default"].func,
- /**
- * 模态框退出时的钩子函数
+ /**
+ * 模态框退出时的钩子函数
*/
onExit: _propTypes2["default"].func,
- /**
- * 模态框开始退出时的钩子函数
+ /**
+ * 模态框开始退出时的钩子函数
*/
onExiting: _propTypes2["default"].func,
- /**
- * 模态框推出后的钩子函数
+ /**
+ * 模态框推出后的钩子函数
*/
onExited: _propTypes2["default"].func,
- /**
- *管理model状态的实例
+ /**
+ *管理model状态的实例
*/
manager: _propTypes2["default"].object.isRequired
});
@@ -15242,11 +15327,274 @@
value: true
});
+ var _react = __webpack_require__(1);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(2);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _propTypes = __webpack_require__(6);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _ownerDocument = __webpack_require__(143);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ var _getContainer = __webpack_require__(144);
+
+ var _getContainer2 = _interopRequireDefault(_getContainer);
+
+ var _tinperBeeCore = __webpack_require__(27);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
+
+ var isReact16 = _reactDom2["default"].createPortal !== undefined;
+ var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
+
+ var propTypes = {
+ /**
+ * 存放子组件的容器
+ */
+ container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
+ };
+
+ var defaultProps = {};
+
+ /**
+ * Portal组件是将子组件渲染
+ */
+
+ var Portal = function (_Component) {
+ _inherits(Portal, _Component);
+
+ function Portal(props) {
+ _classCallCheck(this, Portal);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.getMountNode = _this.getMountNode.bind(_this);
+ _this.getOverlayDOMNode = _this.getOverlayDOMNode.bind(_this);
+ _this.mountOverlayTarget = _this.mountOverlayTarget.bind(_this);
+ _this.unmountOverlayTarget = _this.unmountOverlayTarget.bind(_this);
+ _this.renderOverlay = _this.renderOverlay.bind(_this);
+ _this.unrenderOverlay = _this.unrenderOverlay.bind(_this);
+
+ _this.overlayTarget = isReact16 ? document.createElement('div') : null;
+ return _this;
+ }
+
+ Portal.prototype.componentDidMount = function componentDidMount() {
+ if (isReact16) {
+ this.portalContainerNode = (0, _getContainer2["default"])(this.props.container, (0, _ownerDocument2["default"])(this).body);
+ this.portalContainerNode.appendChild(this.overlayTarget);
+ } else {
+ this.renderOverlay();
+ }
+
+ this.mounted = true;
+ };
+
+ Portal.prototype.componentDidUpdate = function componentDidUpdate() {
+ if (isReact16) {
+ var overlay = !this.props.children ? null : _react2["default"].Children.only(this.props.children);
+ if (overlay === null) {
+ this.unrenderOverlay();
+ this.unmountOverlayTarget();
+ } else {}
+ } else {
+ this.renderOverlay();
+ }
+ };
+ //this._overlayTarget为当前的要添加的子组件, this._portalContainerNode要添加组件的容器元素
+
+
+ Portal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if (this.overlayTarget && nextProps.container !== this.props.container) {
+ this.portalContainerNode.removeChild(this.overlayTarget);
+ this.portalContainerNode = (0, _getContainer2["default"])(nextProps.container, (0, _ownerDocument2["default"])(this).body);
+ this.portalContainerNode.appendChild(this.overlayTarget);
+ }
+ };
+
+ Portal.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.unrenderOverlay();
+ this.unmountOverlayTarget();
+
+ this.mounted = false;
+ };
+
+ Portal.prototype.getMountNode = function getMountNode() {
+ return this.overlayTarget;
+ };
+
+ Portal.prototype.getOverlayDOMNode = function getOverlayDOMNode() {
+ if (!this.mounted) {
+ throw new Error('getOverlayDOMNode(): A component must be mounted to have a DOM node.');
+ }
+
+ if (this.overlayInstance) {
+ return _reactDom2["default"].findDOMNode(this.overlayInstance);
+ }
+
+ return null;
+ };
+
+ /**
+ * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
+ */
+
+ Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
+ if (!this.overlayTarget) {
+ this.overlayTarget = document.createElement('div');
+ this.portalContainerNode = (0, _getContainer2["default"])(this.props.container, (0, _ownerDocument2["default"])(this).body);
+ this.portalContainerNode.appendChild(this.overlayTarget);
+ }
+ };
+ /**
+ * 将要添加的子元素从容器中移除,并把变量置为null
+ */
+
+
+ Portal.prototype.unmountOverlayTarget = function unmountOverlayTarget() {
+ if (this.overlayTarget) {
+ this.portalContainerNode.removeChild(this.overlayTarget);
+ this.overlayTarget = null;
+ }
+ this.portalContainerNode = null;
+ };
+ /**
+ * 手动渲染_overlayTarget
+ */
+
+
+ Portal.prototype.renderOverlay = function renderOverlay() {
+
+ var overlay = !this.props.children ? null : _react2["default"].Children.only(this.props.children);
+
+ // Save reference for future access.
+ if (overlay !== null) {
+ this.mountOverlayTarget();
+ this.overlayInstance = _reactDom2["default"].unstable_renderSubtreeIntoContainer(this, overlay, this.overlayTarget);
+ } else {
+ // Unrender if the component is null for transitions to null
+ this.unrenderOverlay();
+ this.unmountOverlayTarget();
+ }
+ };
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ */
+
+
+ Portal.prototype.unrenderOverlay = function unrenderOverlay() {
+ if (this.overlayTarget) {
+ !isReact16 && _reactDom2["default"].unmountComponentAtNode(this.overlayTarget);
+ this.overlayInstance = null;
+ }
+ };
+
+ Portal.prototype.render = function render() {
+ if (!isReact16) {
+ return null;
+ }
+
+ var overlay = !this.props.children ? null : _react2["default"].Children.only(this.props.children);
+
+ return _reactDom2["default"].createPortal(overlay, this.overlayTarget);
+ };
+
+ return Portal;
+ }(_react.Component);
+
+ ;
+
+ Portal.propTypes = propTypes;
+ Portal.defaultProps = defaultProps;
+
+ exports["default"] = Portal;
+ module.exports = exports['default'];
+
+/***/ }),
+/* 143 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ exports["default"] = function (componentOrElement) {
+ return (0, _ownerDocument2["default"])(_reactDom2["default"].findDOMNode(componentOrElement));
+ };
+
+ var _reactDom = __webpack_require__(2);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _ownerDocument = __webpack_require__(75);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ module.exports = exports['default'];
+
+/***/ }),
+/* 144 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = getContainer;
+
+ var _reactDom = __webpack_require__(2);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
+ */
+ function getContainer(container, defaultContainer) {
+ container = typeof container === 'function' ? container() : container;
+ return _reactDom2["default"].findDOMNode(container) || defaultContainer;
+ }
+ module.exports = exports['default'];
+
+/***/ }),
+/* 145 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
var _style = __webpack_require__(18);
var _style2 = _interopRequireDefault(_style);
- var _class = __webpack_require__(143);
+ var _class = __webpack_require__(146);
var _class2 = _interopRequireDefault(_class);
@@ -15254,11 +15602,11 @@
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
- var _isOverflowing = __webpack_require__(144);
+ var _isOverflowing = __webpack_require__(147);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
- var _manageAriaHidden = __webpack_require__(145);
+ var _manageAriaHidden = __webpack_require__(148);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -15307,8 +15655,8 @@
return container.style[key] = style[key];
});
}
- /**
- * 容器的正确状态管理和那些容器中的模态。
+ /**
+ * 容器的正确状态管理和那些容器中的模态。
*/
var ModalManager = function () {
@@ -15414,7 +15762,7 @@
module.exports = exports['default'];
/***/ }),
-/* 143 */
+/* 146 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -15424,15 +15772,15 @@
exports.__esModule = true;
exports.default = void 0;
- var _addClass = _interopRequireDefault(__webpack_require__(87));
+ var _addClass = _interopRequireDefault(__webpack_require__(89));
exports.addClass = _addClass.default;
- var _removeClass = _interopRequireDefault(__webpack_require__(89));
+ var _removeClass = _interopRequireDefault(__webpack_require__(91));
exports.removeClass = _removeClass.default;
- var _hasClass = _interopRequireDefault(__webpack_require__(88));
+ var _hasClass = _interopRequireDefault(__webpack_require__(90));
exports.hasClass = _hasClass.default;
var _default = {
@@ -15443,7 +15791,7 @@
exports.default = _default;
/***/ }),
-/* 144 */
+/* 147 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15483,13 +15831,12 @@
function isOverflowing(container) {
var win = (0, _isWindow2["default"])(container);
-
- return win || isBody(container) ? bodyIsOverflowing(container) : container.scrollHeight > container.clientHeight;
+ return win || isBody(container) ? false : container.scrollHeight > container.clientHeight;
}
module.exports = exports['default'];
/***/ }),
-/* 145 */
+/* 148 */
/***/ (function(module, exports) {
'use strict';
@@ -15543,7 +15890,39 @@
}
/***/ }),
-/* 146 */
+/* 149 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ exports["default"] = function (node, event, handler, capture) {
+ (0, _on2["default"])(node, event, handler, capture);
+
+ return {
+ remove: function remove() {
+ (0, _off2["default"])(node, event, handler, capture);
+ }
+ };
+ };
+
+ var _on = __webpack_require__(16);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _off = __webpack_require__(77);
+
+ var _off2 = _interopRequireDefault(_off);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ module.exports = exports['default'];
+
+/***/ }),
+/* 150 */
/***/ (function(module, exports) {
'use strict';
@@ -15552,11 +15931,11 @@
value: true
});
exports["default"] = addFocusListener;
- /**
- * Firefox doesn't have a focusin event so using capture is easiest way to get bubbling
- * IE8 can't do addEventListener, but does have onfocusin, so we use that in ie8
- *
- * We only allow one Listener at a time to avoid stack overflows
+ /**
+ * Firefox doesn't have a focusin event so using capture is easiest way to get bubbling
+ * IE8 can't do addEventListener, but does have onfocusin, so we use that in ie8
+ *
+ * We only allow one Listener at a time to avoid stack overflows
*/
function addFocusListener(handler) {
var useFocusin = !document.addEventListener;
@@ -15579,7 +15958,7 @@
module.exports = exports['default'];
/***/ }),
-/* 147 */
+/* 151 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -15606,7 +15985,7 @@
module.exports = exports["default"];
/***/ }),
-/* 148 */
+/* 152 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15682,7 +16061,7 @@
module.exports = exports['default'];
/***/ }),
-/* 149 */
+/* 153 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -15709,11 +16088,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _beeDnd = __webpack_require__(150);
+ var _beeDnd = __webpack_require__(154);
var _beeDnd2 = _interopRequireDefault(_beeDnd);
- var _reResizable = __webpack_require__(255);
+ var _reResizable = __webpack_require__(259);
var _reResizable2 = _interopRequireDefault(_reResizable);
@@ -15743,7 +16122,8 @@
var defaultProps = {
minHeight: 150,
minWidth: 200,
- clsPrefix: 'u-modal'
+ clsPrefix: 'u-modal',
+ bounds: { top: -20 }
};
var ModalDialog = function (_React$Component) {
@@ -15759,6 +16139,8 @@
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
+ draging: false,
+ draged: false,
original: {
x: 0,
y: 0
@@ -15768,9 +16150,14 @@
}, _this.onStart = function () {
var draggable = _this.props.draggable;
+ _this.setState({
+ draging: true
+ });
return draggable;
}, _this.onStop = function (e, delta) {
_this.setState({
+ draged: true,
+ draging: false,
original: {
x: delta.x,
y: delta.y
@@ -15866,15 +16253,17 @@
}
ModalDialog.prototype.componentDidUpdate = function componentDidUpdate() {
- var _getMaxSizesFromProps = this.getMaxSizesFromProps(),
- maxWidth = _getMaxSizesFromProps.maxWidth,
- maxHeight = _getMaxSizesFromProps.maxHeight;
+ if (this.props.resizable) {
+ var _getMaxSizesFromProps = this.getMaxSizesFromProps(),
+ maxWidth = _getMaxSizesFromProps.maxWidth,
+ maxHeight = _getMaxSizesFromProps.maxHeight;
- if (maxWidth != this.state.maxWidth) {
- this.setState({
- maxWidth: maxWidth,
- maxHeight: maxHeight
- });
+ if (maxWidth != this.state.maxWidth) {
+ this.setState({
+ maxWidth: maxWidth,
+ maxHeight: maxHeight
+ });
+ }
}
};
@@ -15911,14 +16300,18 @@
children = _props.children,
draggable = _props.draggable,
resizable = _props.resizable,
+ resizeClassName = _props.resizeClassName,
minHeight = _props.minHeight,
minWidth = _props.minWidth,
- props = _objectWithoutProperties(_props, ['dialogClassName', 'className', 'clsPrefix', 'size', 'style', 'contentStyle', 'children', 'draggable', 'resizable', 'minHeight', 'minWidth']);
+ bounds = _props.bounds,
+ props = _objectWithoutProperties(_props, ['dialogClassName', 'className', 'clsPrefix', 'size', 'style', 'contentStyle', 'children', 'draggable', 'resizable', 'resizeClassName', 'minHeight', 'minWidth', 'bounds']);
var _state = this.state,
original = _state.original,
maxWidth = _state.maxWidth,
- maxHeight = _state.maxHeight;
+ maxHeight = _state.maxHeight,
+ draging = _state.draging,
+ draged = _state.draged;
var uClassName = _defineProperty({}, '' + clsPrefix, true);
@@ -15932,6 +16325,9 @@
if (draggable) {
dialogClasses[clsPrefix + '-draggable'] = true;
}
+ if (draging) dialogClasses[clsPrefix + '-draging'] = true;
+
+ if (draged) dialogClasses[clsPrefix + '-draged'] = true;
return _react2["default"].createElement(
'div',
@@ -15952,7 +16348,8 @@
{
handle: '.dnd-handle',
cancel: '.dnd-cancel',
- onStart: this.onStart,
+ bounds: bounds //防止拖拽时,Header 被导航栏覆盖
+ , onStart: this.onStart,
onStop: this.onStop,
position: original,
list: []
@@ -15960,6 +16357,7 @@
resizable ? _react2["default"].createElement(
_reResizable2["default"],
{
+ className: resizeClassName,
ref: function ref(c) {
if (c) {
_this2.resizable = c;
@@ -16002,7 +16400,7 @@
module.exports = exports['default'];
/***/ }),
-/* 150 */
+/* 154 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -16011,7 +16409,7 @@
value: true
});
- var _Dnd = __webpack_require__(151);
+ var _Dnd = __webpack_require__(155);
var _Dnd2 = _interopRequireDefault(_Dnd);
@@ -16021,7 +16419,7 @@
module.exports = exports['default'];
/***/ }),
-/* 151 */
+/* 155 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -16036,9 +16434,9 @@
var _react2 = _interopRequireDefault(_react);
- var _reactBeautifulDnd = __webpack_require__(152);
+ var _reactBeautifulDnd = __webpack_require__(156);
- var _reactDraggable = __webpack_require__(250);
+ var _reactDraggable = __webpack_require__(254);
var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
@@ -16046,15 +16444,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _lodash = __webpack_require__(251);
+ var _lodash = __webpack_require__(255);
var _lodash2 = _interopRequireDefault(_lodash);
- var _SortList = __webpack_require__(252);
+ var _SortList = __webpack_require__(256);
var _SortList2 = _interopRequireDefault(_SortList);
- var _Between = __webpack_require__(254);
+ var _Between = __webpack_require__(258);
var _Between2 = _interopRequireDefault(_Between);
@@ -16173,7 +16571,7 @@
module.exports = exports['default'];
/***/ }),
-/* 152 */
+/* 156 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -16182,20 +16580,20 @@
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var _extends = _interopDefault(__webpack_require__(153));
- var invariant = _interopDefault(__webpack_require__(192));
- var cssBoxModel = __webpack_require__(193);
- var _Object$keys = _interopDefault(__webpack_require__(194));
- var memoizeOne = _interopDefault(__webpack_require__(198));
- var redux = __webpack_require__(199);
- var _Object$assign = _interopDefault(__webpack_require__(154));
- var rafSchd = _interopDefault(__webpack_require__(203));
- var _inheritsLoose = _interopDefault(__webpack_require__(204));
+ var _extends = _interopDefault(__webpack_require__(157));
+ var invariant = _interopDefault(__webpack_require__(196));
+ var cssBoxModel = __webpack_require__(197);
+ var _Object$keys = _interopDefault(__webpack_require__(198));
+ var memoizeOne = _interopDefault(__webpack_require__(202));
+ var redux = __webpack_require__(203);
+ var _Object$assign = _interopDefault(__webpack_require__(158));
+ var rafSchd = _interopDefault(__webpack_require__(207));
+ var _inheritsLoose = _interopDefault(__webpack_require__(208));
var React = __webpack_require__(1);
var React__default = _interopDefault(React);
var PropTypes = _interopDefault(__webpack_require__(6));
- var reactRedux = __webpack_require__(211);
- var reactMotion = __webpack_require__(236);
+ var reactRedux = __webpack_require__(215);
+ var reactMotion = __webpack_require__(240);
var vertical = {
direction: 'vertical',
@@ -22617,10 +23015,10 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 153 */
+/* 157 */
/***/ (function(module, exports, __webpack_require__) {
- var _Object$assign = __webpack_require__(154);
+ var _Object$assign = __webpack_require__(158);
function _extends() {
module.exports = _extends = _Object$assign || function (target) {
@@ -22643,38 +23041,38 @@
module.exports = _extends;
/***/ }),
-/* 154 */
+/* 158 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(155);
+ module.exports = __webpack_require__(159);
/***/ }),
-/* 155 */
+/* 159 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(156);
- module.exports = __webpack_require__(159).Object.assign;
+ __webpack_require__(160);
+ module.exports = __webpack_require__(163).Object.assign;
/***/ }),
-/* 156 */
+/* 160 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
- var $export = __webpack_require__(157);
+ var $export = __webpack_require__(161);
- $export($export.S + $export.F, 'Object', { assign: __webpack_require__(173) });
+ $export($export.S + $export.F, 'Object', { assign: __webpack_require__(177) });
/***/ }),
-/* 157 */
+/* 161 */
/***/ (function(module, exports, __webpack_require__) {
- var global = __webpack_require__(158);
- var core = __webpack_require__(159);
- var ctx = __webpack_require__(160);
- var hide = __webpack_require__(162);
- var has = __webpack_require__(172);
+ var global = __webpack_require__(162);
+ var core = __webpack_require__(163);
+ var ctx = __webpack_require__(164);
+ var hide = __webpack_require__(166);
+ var has = __webpack_require__(176);
var PROTOTYPE = 'prototype';
var $export = function (type, name, source) {
@@ -22735,7 +23133,7 @@
/***/ }),
-/* 158 */
+/* 162 */
/***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -22747,19 +23145,19 @@
/***/ }),
-/* 159 */
+/* 163 */
/***/ (function(module, exports) {
- var core = module.exports = { version: '2.6.5' };
+ var core = module.exports = { version: '2.6.9' };
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
/***/ }),
-/* 160 */
+/* 164 */
/***/ (function(module, exports, __webpack_require__) {
// optional / simple context binding
- var aFunction = __webpack_require__(161);
+ var aFunction = __webpack_require__(165);
module.exports = function (fn, that, length) {
aFunction(fn);
if (that === undefined) return fn;
@@ -22781,7 +23179,7 @@
/***/ }),
-/* 161 */
+/* 165 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -22791,12 +23189,12 @@
/***/ }),
-/* 162 */
+/* 166 */
/***/ (function(module, exports, __webpack_require__) {
- var dP = __webpack_require__(163);
- var createDesc = __webpack_require__(171);
- module.exports = __webpack_require__(167) ? function (object, key, value) {
+ var dP = __webpack_require__(167);
+ var createDesc = __webpack_require__(175);
+ module.exports = __webpack_require__(171) ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
@@ -22805,15 +23203,15 @@
/***/ }),
-/* 163 */
+/* 167 */
/***/ (function(module, exports, __webpack_require__) {
- var anObject = __webpack_require__(164);
- var IE8_DOM_DEFINE = __webpack_require__(166);
- var toPrimitive = __webpack_require__(170);
+ var anObject = __webpack_require__(168);
+ var IE8_DOM_DEFINE = __webpack_require__(170);
+ var toPrimitive = __webpack_require__(174);
var dP = Object.defineProperty;
- exports.f = __webpack_require__(167) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+ exports.f = __webpack_require__(171) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O);
P = toPrimitive(P, true);
anObject(Attributes);
@@ -22827,10 +23225,10 @@
/***/ }),
-/* 164 */
+/* 168 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(165);
+ var isObject = __webpack_require__(169);
module.exports = function (it) {
if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
@@ -22838,7 +23236,7 @@
/***/ }),
-/* 165 */
+/* 169 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -22847,26 +23245,26 @@
/***/ }),
-/* 166 */
+/* 170 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = !__webpack_require__(167) && !__webpack_require__(168)(function () {
- return Object.defineProperty(__webpack_require__(169)('div'), 'a', { get: function () { return 7; } }).a != 7;
+ module.exports = !__webpack_require__(171) && !__webpack_require__(172)(function () {
+ return Object.defineProperty(__webpack_require__(173)('div'), 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }),
-/* 167 */
+/* 171 */
/***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
- module.exports = !__webpack_require__(168)(function () {
+ module.exports = !__webpack_require__(172)(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }),
-/* 168 */
+/* 172 */
/***/ (function(module, exports) {
module.exports = function (exec) {
@@ -22879,11 +23277,11 @@
/***/ }),
-/* 169 */
+/* 173 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(165);
- var document = __webpack_require__(158).document;
+ var isObject = __webpack_require__(169);
+ var document = __webpack_require__(162).document;
// typeof document.createElement is 'object' in old IE
var is = isObject(document) && isObject(document.createElement);
module.exports = function (it) {
@@ -22892,11 +23290,11 @@
/***/ }),
-/* 170 */
+/* 174 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.1 ToPrimitive(input [, PreferredType])
- var isObject = __webpack_require__(165);
+ var isObject = __webpack_require__(169);
// instead of the ES6 spec version, we didn't implement @@toPrimitive case
// and the second argument - flag - preferred type is a string
module.exports = function (it, S) {
@@ -22910,7 +23308,7 @@
/***/ }),
-/* 171 */
+/* 175 */
/***/ (function(module, exports) {
module.exports = function (bitmap, value) {
@@ -22924,7 +23322,7 @@
/***/ }),
-/* 172 */
+/* 176 */
/***/ (function(module, exports) {
var hasOwnProperty = {}.hasOwnProperty;
@@ -22934,20 +23332,21 @@
/***/ }),
-/* 173 */
+/* 177 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
// 19.1.2.1 Object.assign(target, source, ...)
- var getKeys = __webpack_require__(174);
- var gOPS = __webpack_require__(189);
- var pIE = __webpack_require__(190);
- var toObject = __webpack_require__(191);
- var IObject = __webpack_require__(177);
+ var DESCRIPTORS = __webpack_require__(171);
+ var getKeys = __webpack_require__(178);
+ var gOPS = __webpack_require__(193);
+ var pIE = __webpack_require__(194);
+ var toObject = __webpack_require__(195);
+ var IObject = __webpack_require__(181);
var $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
- module.exports = !$assign || __webpack_require__(168)(function () {
+ module.exports = !$assign || __webpack_require__(172)(function () {
var A = {};
var B = {};
// eslint-disable-next-line no-undef
@@ -22968,18 +23367,21 @@
var length = keys.length;
var j = 0;
var key;
- while (length > j) if (isEnum.call(S, key = keys[j++])) T[key] = S[key];
+ while (length > j) {
+ key = keys[j++];
+ if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];
+ }
} return T;
} : $assign;
/***/ }),
-/* 174 */
+/* 178 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
- var $keys = __webpack_require__(175);
- var enumBugKeys = __webpack_require__(188);
+ var $keys = __webpack_require__(179);
+ var enumBugKeys = __webpack_require__(192);
module.exports = Object.keys || function keys(O) {
return $keys(O, enumBugKeys);
@@ -22987,13 +23389,13 @@
/***/ }),
-/* 175 */
+/* 179 */
/***/ (function(module, exports, __webpack_require__) {
- var has = __webpack_require__(172);
- var toIObject = __webpack_require__(176);
- var arrayIndexOf = __webpack_require__(180)(false);
- var IE_PROTO = __webpack_require__(184)('IE_PROTO');
+ var has = __webpack_require__(176);
+ var toIObject = __webpack_require__(180);
+ var arrayIndexOf = __webpack_require__(184)(false);
+ var IE_PROTO = __webpack_require__(188)('IE_PROTO');
module.exports = function (object, names) {
var O = toIObject(object);
@@ -23010,23 +23412,23 @@
/***/ }),
-/* 176 */
+/* 180 */
/***/ (function(module, exports, __webpack_require__) {
// to indexed object, toObject with fallback for non-array-like ES3 strings
- var IObject = __webpack_require__(177);
- var defined = __webpack_require__(179);
+ var IObject = __webpack_require__(181);
+ var defined = __webpack_require__(183);
module.exports = function (it) {
return IObject(defined(it));
};
/***/ }),
-/* 177 */
+/* 181 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for non-array-like ES3 and non-enumerable old V8 strings
- var cof = __webpack_require__(178);
+ var cof = __webpack_require__(182);
// eslint-disable-next-line no-prototype-builtins
module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
return cof(it) == 'String' ? it.split('') : Object(it);
@@ -23034,7 +23436,7 @@
/***/ }),
-/* 178 */
+/* 182 */
/***/ (function(module, exports) {
var toString = {}.toString;
@@ -23045,7 +23447,7 @@
/***/ }),
-/* 179 */
+/* 183 */
/***/ (function(module, exports) {
// 7.2.1 RequireObjectCoercible(argument)
@@ -23056,14 +23458,14 @@
/***/ }),
-/* 180 */
+/* 184 */
/***/ (function(module, exports, __webpack_require__) {
// false -> Array#indexOf
// true -> Array#includes
- var toIObject = __webpack_require__(176);
- var toLength = __webpack_require__(181);
- var toAbsoluteIndex = __webpack_require__(183);
+ var toIObject = __webpack_require__(180);
+ var toLength = __webpack_require__(185);
+ var toAbsoluteIndex = __webpack_require__(187);
module.exports = function (IS_INCLUDES) {
return function ($this, el, fromIndex) {
var O = toIObject($this);
@@ -23085,11 +23487,11 @@
/***/ }),
-/* 181 */
+/* 185 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.15 ToLength
- var toInteger = __webpack_require__(182);
+ var toInteger = __webpack_require__(186);
var min = Math.min;
module.exports = function (it) {
return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
@@ -23097,7 +23499,7 @@
/***/ }),
-/* 182 */
+/* 186 */
/***/ (function(module, exports) {
// 7.1.4 ToInteger
@@ -23109,10 +23511,10 @@
/***/ }),
-/* 183 */
+/* 187 */
/***/ (function(module, exports, __webpack_require__) {
- var toInteger = __webpack_require__(182);
+ var toInteger = __webpack_require__(186);
var max = Math.max;
var min = Math.min;
module.exports = function (index, length) {
@@ -23122,22 +23524,22 @@
/***/ }),
-/* 184 */
+/* 188 */
/***/ (function(module, exports, __webpack_require__) {
- var shared = __webpack_require__(185)('keys');
- var uid = __webpack_require__(187);
+ var shared = __webpack_require__(189)('keys');
+ var uid = __webpack_require__(191);
module.exports = function (key) {
return shared[key] || (shared[key] = uid(key));
};
/***/ }),
-/* 185 */
+/* 189 */
/***/ (function(module, exports, __webpack_require__) {
- var core = __webpack_require__(159);
- var global = __webpack_require__(158);
+ var core = __webpack_require__(163);
+ var global = __webpack_require__(162);
var SHARED = '__core-js_shared__';
var store = global[SHARED] || (global[SHARED] = {});
@@ -23145,20 +23547,20 @@
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
- mode: __webpack_require__(186) ? 'pure' : 'global',
+ mode: __webpack_require__(190) ? 'pure' : 'global',
copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
});
/***/ }),
-/* 186 */
+/* 190 */
/***/ (function(module, exports) {
module.exports = true;
/***/ }),
-/* 187 */
+/* 191 */
/***/ (function(module, exports) {
var id = 0;
@@ -23169,7 +23571,7 @@
/***/ }),
-/* 188 */
+/* 192 */
/***/ (function(module, exports) {
// IE 8- don't enum bug keys
@@ -23179,32 +23581,32 @@
/***/ }),
-/* 189 */
+/* 193 */
/***/ (function(module, exports) {
exports.f = Object.getOwnPropertySymbols;
/***/ }),
-/* 190 */
+/* 194 */
/***/ (function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ }),
-/* 191 */
+/* 195 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.13 ToObject(argument)
- var defined = __webpack_require__(179);
+ var defined = __webpack_require__(183);
module.exports = function (it) {
return Object(defined(it));
};
/***/ }),
-/* 192 */
+/* 196 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -23228,7 +23630,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 193 */
+/* 197 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -23237,7 +23639,7 @@
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var invariant = _interopDefault(__webpack_require__(192));
+ var invariant = _interopDefault(__webpack_require__(196));
var getRect = function getRect(_ref) {
var top = _ref.top,
@@ -23319,7 +23721,11 @@
var parse = function parse(raw) {
var value = raw.slice(0, -2);
var suffix = raw.slice(-2);
- !(suffix === 'px') ? process.env.NODE_ENV !== "production" ? invariant(false, "Expected value to be a pixel value.\n Expected form: 10px\n Actual value: " + raw + "\n ") : invariant(false) : void 0;
+
+ if (suffix !== 'px') {
+ return 0;
+ }
+
var result = Number(value);
!!isNaN(result) ? process.env.NODE_ENV !== "production" ? invariant(false, "Could not parse value [raw: " + raw + ", without suffix: " + value + "]") : invariant(false) : void 0;
return result;
@@ -23384,40 +23790,40 @@
return calculateBox(borderBox, styles);
};
- exports.getRect = getRect;
- exports.expand = expand;
- exports.shrink = shrink;
- exports.createBox = createBox;
- exports.offset = offset;
- exports.withScroll = withScroll;
exports.calculateBox = calculateBox;
+ exports.createBox = createBox;
+ exports.expand = expand;
exports.getBox = getBox;
+ exports.getRect = getRect;
+ exports.offset = offset;
+ exports.shrink = shrink;
+ exports.withScroll = withScroll;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 194 */
+/* 198 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(195);
+ module.exports = __webpack_require__(199);
/***/ }),
-/* 195 */
+/* 199 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(196);
- module.exports = __webpack_require__(159).Object.keys;
+ __webpack_require__(200);
+ module.exports = __webpack_require__(163).Object.keys;
/***/ }),
-/* 196 */
+/* 200 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 Object.keys(O)
- var toObject = __webpack_require__(191);
- var $keys = __webpack_require__(174);
+ var toObject = __webpack_require__(195);
+ var $keys = __webpack_require__(178);
- __webpack_require__(197)('keys', function () {
+ __webpack_require__(201)('keys', function () {
return function keys(it) {
return $keys(toObject(it));
};
@@ -23425,13 +23831,13 @@
/***/ }),
-/* 197 */
+/* 201 */
/***/ (function(module, exports, __webpack_require__) {
// most Object methods by ES6 should accept primitives
- var $export = __webpack_require__(157);
- var core = __webpack_require__(159);
- var fails = __webpack_require__(168);
+ var $export = __webpack_require__(161);
+ var core = __webpack_require__(163);
+ var fails = __webpack_require__(172);
module.exports = function (KEY, exec) {
var fn = (core.Object || {})[KEY] || Object[KEY];
var exp = {};
@@ -23441,7 +23847,7 @@
/***/ }),
-/* 198 */
+/* 202 */
/***/ (function(module, exports) {
'use strict';
@@ -23487,7 +23893,7 @@
/***/ }),
-/* 199 */
+/* 203 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -23496,7 +23902,7 @@
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
- var $$observable = _interopDefault(__webpack_require__(200));
+ var $$observable = _interopDefault(__webpack_require__(204));
/**
* These are private action types reserved by Redux.
@@ -24141,7 +24547,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 200 */
+/* 204 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {'use strict';
@@ -24150,7 +24556,7 @@
value: true
});
- var _ponyfill = __webpack_require__(202);
+ var _ponyfill = __webpack_require__(206);
var _ponyfill2 = _interopRequireDefault(_ponyfill);
@@ -24173,10 +24579,10 @@
var result = (0, _ponyfill2['default'])(root);
exports['default'] = result;
- /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(201)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(205)(module)))
/***/ }),
-/* 201 */
+/* 205 */
/***/ (function(module, exports) {
module.exports = function(module) {
@@ -24192,7 +24598,7 @@
/***/ }),
-/* 202 */
+/* 206 */
/***/ (function(module, exports) {
'use strict';
@@ -24220,17 +24626,17 @@
};
/***/ }),
-/* 203 */
+/* 207 */
/***/ (function(module, exports) {
'use strict';
- var index = (function (fn) {
+ var rafSchd = function rafSchd(fn) {
var lastArgs = [];
var frameId = null;
var wrapperFn = function wrapperFn() {
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
@@ -24242,7 +24648,7 @@
frameId = requestAnimationFrame(function () {
frameId = null;
- fn.apply(undefined, lastArgs);
+ fn.apply(void 0, lastArgs);
});
};
@@ -24255,19 +24661,17 @@
frameId = null;
};
- var resultFn = wrapperFn;
+ return wrapperFn;
+ };
- return resultFn;
- });
-
- module.exports = index;
+ module.exports = rafSchd;
/***/ }),
-/* 204 */
+/* 208 */
/***/ (function(module, exports, __webpack_require__) {
- var _Object$create = __webpack_require__(205);
+ var _Object$create = __webpack_require__(209);
function _inheritsLoose(subClass, superClass) {
subClass.prototype = _Object$create(superClass.prototype);
@@ -24278,53 +24682,53 @@
module.exports = _inheritsLoose;
/***/ }),
-/* 205 */
+/* 209 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(206);
+ module.exports = __webpack_require__(210);
/***/ }),
-/* 206 */
+/* 210 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(207);
- var $Object = __webpack_require__(159).Object;
+ __webpack_require__(211);
+ var $Object = __webpack_require__(163).Object;
module.exports = function create(P, D) {
return $Object.create(P, D);
};
/***/ }),
-/* 207 */
+/* 211 */
/***/ (function(module, exports, __webpack_require__) {
- var $export = __webpack_require__(157);
+ var $export = __webpack_require__(161);
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- $export($export.S, 'Object', { create: __webpack_require__(208) });
+ $export($export.S, 'Object', { create: __webpack_require__(212) });
/***/ }),
-/* 208 */
+/* 212 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- var anObject = __webpack_require__(164);
- var dPs = __webpack_require__(209);
- var enumBugKeys = __webpack_require__(188);
- var IE_PROTO = __webpack_require__(184)('IE_PROTO');
+ var anObject = __webpack_require__(168);
+ var dPs = __webpack_require__(213);
+ var enumBugKeys = __webpack_require__(192);
+ var IE_PROTO = __webpack_require__(188)('IE_PROTO');
var Empty = function () { /* empty */ };
var PROTOTYPE = 'prototype';
// Create object with fake `null` prototype: use iframe Object with cleared prototype
var createDict = function () {
// Thrash, waste and sodomy: IE GC bug
- var iframe = __webpack_require__(169)('iframe');
+ var iframe = __webpack_require__(173)('iframe');
var i = enumBugKeys.length;
var lt = '<';
var gt = '>';
var iframeDocument;
iframe.style.display = 'none';
- __webpack_require__(210).appendChild(iframe);
+ __webpack_require__(214).appendChild(iframe);
iframe.src = 'javascript:'; // eslint-disable-line no-script-url
// createDict = iframe.contentWindow.Object;
// html.removeChild(iframe);
@@ -24351,14 +24755,14 @@
/***/ }),
-/* 209 */
+/* 213 */
/***/ (function(module, exports, __webpack_require__) {
- var dP = __webpack_require__(163);
- var anObject = __webpack_require__(164);
- var getKeys = __webpack_require__(174);
+ var dP = __webpack_require__(167);
+ var anObject = __webpack_require__(168);
+ var getKeys = __webpack_require__(178);
- module.exports = __webpack_require__(167) ? Object.defineProperties : function defineProperties(O, Properties) {
+ module.exports = __webpack_require__(171) ? Object.defineProperties : function defineProperties(O, Properties) {
anObject(O);
var keys = getKeys(Properties);
var length = keys.length;
@@ -24370,40 +24774,40 @@
/***/ }),
-/* 210 */
+/* 214 */
/***/ (function(module, exports, __webpack_require__) {
- var document = __webpack_require__(158).document;
+ var document = __webpack_require__(162).document;
module.exports = document && document.documentElement;
/***/ }),
-/* 211 */
+/* 215 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(14);
- var _interopRequireWildcard = __webpack_require__(212);
+ var _interopRequireWildcard = __webpack_require__(216);
exports.__esModule = true;
- var _Provider = _interopRequireWildcard(__webpack_require__(213));
+ var _Provider = _interopRequireWildcard(__webpack_require__(217));
exports.Provider = _Provider.default;
exports.createProvider = _Provider.createProvider;
- var _connectAdvanced = _interopRequireDefault(__webpack_require__(217));
+ var _connectAdvanced = _interopRequireDefault(__webpack_require__(221));
exports.connectAdvanced = _connectAdvanced.default;
- var _connect = _interopRequireDefault(__webpack_require__(226));
+ var _connect = _interopRequireDefault(__webpack_require__(230));
exports.connect = _connect.default;
/***/ }),
-/* 212 */
+/* 216 */
/***/ (function(module, exports) {
function _interopRequireWildcard(obj) {
@@ -24434,7 +24838,7 @@
module.exports = _interopRequireWildcard;
/***/ }),
-/* 213 */
+/* 217 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -24445,15 +24849,15 @@
exports.createProvider = createProvider;
exports.default = void 0;
- var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(214));
+ var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(218));
var _react = __webpack_require__(1);
var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _PropTypes = __webpack_require__(215);
+ var _PropTypes = __webpack_require__(219);
- var _warning = _interopRequireDefault(__webpack_require__(216));
+ var _warning = _interopRequireDefault(__webpack_require__(220));
var didWarnAboutReceivingStore = false;
@@ -24524,7 +24928,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 214 */
+/* 218 */
/***/ (function(module, exports) {
function _inheritsLoose(subClass, superClass) {
@@ -24536,7 +24940,7 @@
module.exports = _inheritsLoose;
/***/ }),
-/* 215 */
+/* 219 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -24566,7 +24970,7 @@
exports.storeShape = storeShape;
/***/ }),
-/* 216 */
+/* 220 */
/***/ (function(module, exports) {
"use strict";
@@ -24600,7 +25004,7 @@
}
/***/ }),
-/* 217 */
+/* 221 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -24610,25 +25014,25 @@
exports.__esModule = true;
exports.default = connectAdvanced;
- var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(214));
+ var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(218));
- var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(218));
+ var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(222));
var _extends2 = _interopRequireDefault(__webpack_require__(122));
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(219));
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(223));
- var _hoistNonReactStatics = _interopRequireDefault(__webpack_require__(220));
+ var _hoistNonReactStatics = _interopRequireDefault(__webpack_require__(224));
- var _invariant = _interopRequireDefault(__webpack_require__(221));
+ var _invariant = _interopRequireDefault(__webpack_require__(228));
var _react = __webpack_require__(1);
- var _reactIs = __webpack_require__(222);
+ var _reactIs = __webpack_require__(225);
- var _Subscription = _interopRequireDefault(__webpack_require__(225));
+ var _Subscription = _interopRequireDefault(__webpack_require__(229));
- var _PropTypes = __webpack_require__(215);
+ var _PropTypes = __webpack_require__(219);
var hotReloadingVersion = 0;
var dummyState = {};
@@ -24913,7 +25317,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 218 */
+/* 222 */
/***/ (function(module, exports) {
function _assertThisInitialized(self) {
@@ -24927,7 +25331,7 @@
module.exports = _assertThisInitialized;
/***/ }),
-/* 219 */
+/* 223 */
/***/ (function(module, exports) {
function _objectWithoutPropertiesLoose(source, excluded) {
@@ -24948,8 +25352,8 @@
module.exports = _objectWithoutPropertiesLoose;
/***/ }),
-/* 220 */
-/***/ (function(module, exports) {
+/* 224 */
+/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -24957,12 +25361,15 @@
* Copyright 2015, Yahoo! Inc.
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
*/
+ var ReactIs = __webpack_require__(225);
var REACT_STATICS = {
childContextTypes: true,
+ contextType: true,
contextTypes: true,
defaultProps: true,
displayName: true,
getDefaultProps: true,
+ getDerivedStateFromError: true,
getDerivedStateFromProps: true,
mixins: true,
propTypes: true,
@@ -24979,15 +25386,43 @@
arity: true
};
+ var FORWARD_REF_STATICS = {
+ '$$typeof': true,
+ render: true,
+ defaultProps: true,
+ displayName: true,
+ propTypes: true
+ };
+
+ var MEMO_STATICS = {
+ '$$typeof': true,
+ compare: true,
+ defaultProps: true,
+ displayName: true,
+ propTypes: true,
+ type: true
+ };
+
+ var TYPE_STATICS = {};
+ TYPE_STATICS[ReactIs.ForwardRef] = FORWARD_REF_STATICS;
+
+ function getStatics(component) {
+ if (ReactIs.isMemo(component)) {
+ return MEMO_STATICS;
+ }
+ return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
+ }
+
var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
- var objectPrototype = getPrototypeOf && getPrototypeOf(Object);
+ var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
- if (typeof sourceComponent !== 'string') { // don't hoist over string (html) components
+ if (typeof sourceComponent !== 'string') {
+ // don't hoist over string (html) components
if (objectPrototype) {
var inheritedComponent = getPrototypeOf(sourceComponent);
@@ -25002,11 +25437,15 @@
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
}
+ var targetStatics = getStatics(targetComponent);
+ var sourceStatics = getStatics(sourceComponent);
+
for (var i = 0; i < keys.length; ++i) {
var key = keys[i];
- if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {
+ if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
- try { // Avoid failures from read-only properties
+ try {
+ // Avoid failures from read-only properties
defineProperty(targetComponent, key, descriptor);
} catch (e) {}
}
@@ -25022,77 +25461,21 @@
/***/ }),
-/* 221 */
-/***/ (function(module, exports, __webpack_require__) {
-
- /* WEBPACK VAR INJECTION */(function(process) {/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
- 'use strict';
-
- /**
- * Use invariant() to assert state which your program assumes to be true.
- *
- * Provide sprintf-style format (only %s is supported) and arguments
- * to provide information about what broke and what you were
- * expecting.
- *
- * The invariant message will be stripped in production, but the invariant
- * will remain to ensure logic does not differ in production.
- */
-
- var invariant = function(condition, format, a, b, c, d, e, f) {
- if (process.env.NODE_ENV !== 'production') {
- if (format === undefined) {
- throw new Error('invariant requires an error message argument');
- }
- }
-
- if (!condition) {
- var error;
- if (format === undefined) {
- error = new Error(
- 'Minified exception occurred; use the non-minified dev environment ' +
- 'for the full error message and additional helpful warnings.'
- );
- } else {
- var args = [a, b, c, d, e, f];
- var argIndex = 0;
- error = new Error(
- format.replace(/%s/g, function() { return args[argIndex++]; })
- );
- error.name = 'Invariant Violation';
- }
-
- error.framesToPop = 1; // we don't care about invariant's own frame
- throw error;
- }
- };
-
- module.exports = invariant;
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
-
-/***/ }),
-/* 222 */
+/* 225 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(223);
+ module.exports = __webpack_require__(226);
} else {
- module.exports = __webpack_require__(224);
+ module.exports = __webpack_require__(227);
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 223 */
+/* 226 */
/***/ (function(module, exports) {
/** @license React v16.8.6
@@ -25113,7 +25496,7 @@
/***/ }),
-/* 224 */
+/* 227 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
@@ -25347,7 +25730,63 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 225 */
+/* 228 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+ 'use strict';
+
+ /**
+ * Use invariant() to assert state which your program assumes to be true.
+ *
+ * Provide sprintf-style format (only %s is supported) and arguments
+ * to provide information about what broke and what you were
+ * expecting.
+ *
+ * The invariant message will be stripped in production, but the invariant
+ * will remain to ensure logic does not differ in production.
+ */
+
+ var invariant = function(condition, format, a, b, c, d, e, f) {
+ if (process.env.NODE_ENV !== 'production') {
+ if (format === undefined) {
+ throw new Error('invariant requires an error message argument');
+ }
+ }
+
+ if (!condition) {
+ var error;
+ if (format === undefined) {
+ error = new Error(
+ 'Minified exception occurred; use the non-minified dev environment ' +
+ 'for the full error message and additional helpful warnings.'
+ );
+ } else {
+ var args = [a, b, c, d, e, f];
+ var argIndex = 0;
+ error = new Error(
+ format.replace(/%s/g, function() { return args[argIndex++]; })
+ );
+ error.name = 'Invariant Violation';
+ }
+
+ error.framesToPop = 1; // we don't care about invariant's own frame
+ throw error;
+ }
+ };
+
+ module.exports = invariant;
+
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
+
+/***/ }),
+/* 229 */
/***/ (function(module, exports) {
"use strict";
@@ -25444,7 +25883,7 @@
exports.default = Subscription;
/***/ }),
-/* 226 */
+/* 230 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -25457,19 +25896,19 @@
var _extends2 = _interopRequireDefault(__webpack_require__(122));
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(219));
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(223));
- var _connectAdvanced = _interopRequireDefault(__webpack_require__(217));
+ var _connectAdvanced = _interopRequireDefault(__webpack_require__(221));
- var _shallowEqual = _interopRequireDefault(__webpack_require__(227));
+ var _shallowEqual = _interopRequireDefault(__webpack_require__(231));
- var _mapDispatchToProps = _interopRequireDefault(__webpack_require__(228));
+ var _mapDispatchToProps = _interopRequireDefault(__webpack_require__(232));
- var _mapStateToProps = _interopRequireDefault(__webpack_require__(232));
+ var _mapStateToProps = _interopRequireDefault(__webpack_require__(236));
- var _mergeProps = _interopRequireDefault(__webpack_require__(233));
+ var _mergeProps = _interopRequireDefault(__webpack_require__(237));
- var _selectorFactory = _interopRequireDefault(__webpack_require__(234));
+ var _selectorFactory = _interopRequireDefault(__webpack_require__(238));
/*
connect is a facade over connectAdvanced. It turns its args into a compatible
@@ -25564,7 +26003,7 @@
exports.default = _default;
/***/ }),
-/* 227 */
+/* 231 */
/***/ (function(module, exports) {
"use strict";
@@ -25602,7 +26041,7 @@
}
/***/ }),
-/* 228 */
+/* 232 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -25613,9 +26052,9 @@
exports.whenMapDispatchToPropsIsObject = whenMapDispatchToPropsIsObject;
exports.default = void 0;
- var _redux = __webpack_require__(199);
+ var _redux = __webpack_require__(203);
- var _wrapMapToProps = __webpack_require__(229);
+ var _wrapMapToProps = __webpack_require__(233);
function whenMapDispatchToPropsIsFunction(mapDispatchToProps) {
return typeof mapDispatchToProps === 'function' ? (0, _wrapMapToProps.wrapMapToPropsFunc)(mapDispatchToProps, 'mapDispatchToProps') : undefined;
@@ -25639,7 +26078,7 @@
exports.default = _default;
/***/ }),
-/* 229 */
+/* 233 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -25651,7 +26090,7 @@
exports.getDependsOnOwnProps = getDependsOnOwnProps;
exports.wrapMapToPropsFunc = wrapMapToPropsFunc;
- var _verifyPlainObject = _interopRequireDefault(__webpack_require__(230));
+ var _verifyPlainObject = _interopRequireDefault(__webpack_require__(234));
function wrapMapToPropsConstant(getConstant) {
return function initConstantSelector(dispatch, options) {
@@ -25721,7 +26160,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 230 */
+/* 234 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -25731,9 +26170,9 @@
exports.__esModule = true;
exports.default = verifyPlainObject;
- var _isPlainObject = _interopRequireDefault(__webpack_require__(231));
+ var _isPlainObject = _interopRequireDefault(__webpack_require__(235));
- var _warning = _interopRequireDefault(__webpack_require__(216));
+ var _warning = _interopRequireDefault(__webpack_require__(220));
function verifyPlainObject(value, displayName, methodName) {
if (!(0, _isPlainObject.default)(value)) {
@@ -25742,7 +26181,7 @@
}
/***/ }),
-/* 231 */
+/* 235 */
/***/ (function(module, exports) {
"use strict";
@@ -25768,7 +26207,7 @@
}
/***/ }),
-/* 232 */
+/* 236 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -25778,7 +26217,7 @@
exports.whenMapStateToPropsIsMissing = whenMapStateToPropsIsMissing;
exports.default = void 0;
- var _wrapMapToProps = __webpack_require__(229);
+ var _wrapMapToProps = __webpack_require__(233);
function whenMapStateToPropsIsFunction(mapStateToProps) {
return typeof mapStateToProps === 'function' ? (0, _wrapMapToProps.wrapMapToPropsFunc)(mapStateToProps, 'mapStateToProps') : undefined;
@@ -25794,7 +26233,7 @@
exports.default = _default;
/***/ }),
-/* 233 */
+/* 237 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -25810,7 +26249,7 @@
var _extends2 = _interopRequireDefault(__webpack_require__(122));
- var _verifyPlainObject = _interopRequireDefault(__webpack_require__(230));
+ var _verifyPlainObject = _interopRequireDefault(__webpack_require__(234));
function defaultMergeProps(stateProps, dispatchProps, ownProps) {
return (0, _extends2.default)({}, ownProps, stateProps, dispatchProps);
@@ -25854,7 +26293,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 234 */
+/* 238 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -25866,9 +26305,9 @@
exports.pureFinalPropsSelectorFactory = pureFinalPropsSelectorFactory;
exports.default = finalPropsSelectorFactory;
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(219));
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(223));
- var _verifySubselectors = _interopRequireDefault(__webpack_require__(235));
+ var _verifySubselectors = _interopRequireDefault(__webpack_require__(239));
function impureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch) {
return function impureFinalPropsSelector(state, ownProps) {
@@ -25959,7 +26398,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 235 */
+/* 239 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -25969,7 +26408,7 @@
exports.__esModule = true;
exports.default = verifySubselectors;
- var _warning = _interopRequireDefault(__webpack_require__(216));
+ var _warning = _interopRequireDefault(__webpack_require__(220));
function verify(selector, methodName, displayName) {
if (!selector) {
@@ -25988,7 +26427,7 @@
}
/***/ }),
-/* 236 */
+/* 240 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -25997,38 +26436,38 @@
function _interopRequire(obj) { return obj && obj.__esModule ? obj['default'] : obj; }
- var _Motion = __webpack_require__(237);
+ var _Motion = __webpack_require__(241);
exports.Motion = _interopRequire(_Motion);
- var _StaggeredMotion = __webpack_require__(244);
+ var _StaggeredMotion = __webpack_require__(248);
exports.StaggeredMotion = _interopRequire(_StaggeredMotion);
- var _TransitionMotion = __webpack_require__(245);
+ var _TransitionMotion = __webpack_require__(249);
exports.TransitionMotion = _interopRequire(_TransitionMotion);
- var _spring = __webpack_require__(247);
+ var _spring = __webpack_require__(251);
exports.spring = _interopRequire(_spring);
- var _presets = __webpack_require__(248);
+ var _presets = __webpack_require__(252);
exports.presets = _interopRequire(_presets);
- var _stripStyle = __webpack_require__(239);
+ var _stripStyle = __webpack_require__(243);
exports.stripStyle = _interopRequire(_stripStyle);
// deprecated, dummy warning function
- var _reorderKeys = __webpack_require__(249);
+ var _reorderKeys = __webpack_require__(253);
exports.reorderKeys = _interopRequire(_reorderKeys);
/***/ }),
-/* 237 */
+/* 241 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -26045,27 +26484,27 @@
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var _mapToZero = __webpack_require__(238);
+ var _mapToZero = __webpack_require__(242);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(239);
+ var _stripStyle = __webpack_require__(243);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(240);
+ var _stepper3 = __webpack_require__(244);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _performanceNow = __webpack_require__(241);
+ var _performanceNow = __webpack_require__(245);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(242);
+ var _raf = __webpack_require__(246);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(243);
+ var _shouldStopAnimation = __webpack_require__(247);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -26300,7 +26739,7 @@
// config)
/***/ }),
-/* 238 */
+/* 242 */
/***/ (function(module, exports) {
@@ -26324,7 +26763,7 @@
module.exports = exports['default'];
/***/ }),
-/* 239 */
+/* 243 */
/***/ (function(module, exports) {
@@ -26350,7 +26789,7 @@
module.exports = exports['default'];
/***/ }),
-/* 240 */
+/* 244 */
/***/ (function(module, exports) {
@@ -26398,7 +26837,7 @@
// array reference around.
/***/ }),
-/* 241 */
+/* 245 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.12.2
@@ -26441,10 +26880,10 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 242 */
+/* 246 */
/***/ (function(module, exports, __webpack_require__) {
- /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(241)
+ /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(245)
, root = typeof window === 'undefined' ? global : window
, vendors = ['moz', 'webkit']
, suffix = 'AnimationFrame'
@@ -26523,7 +26962,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
/***/ }),
-/* 243 */
+/* 247 */
/***/ (function(module, exports) {
@@ -26559,7 +26998,7 @@
module.exports = exports['default'];
/***/ }),
-/* 244 */
+/* 248 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -26576,27 +27015,27 @@
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var _mapToZero = __webpack_require__(238);
+ var _mapToZero = __webpack_require__(242);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(239);
+ var _stripStyle = __webpack_require__(243);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(240);
+ var _stepper3 = __webpack_require__(244);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _performanceNow = __webpack_require__(241);
+ var _performanceNow = __webpack_require__(245);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(242);
+ var _raf = __webpack_require__(246);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(243);
+ var _shouldStopAnimation = __webpack_require__(247);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -26852,7 +27291,7 @@
// config)
/***/ }),
-/* 245 */
+/* 249 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -26869,31 +27308,31 @@
function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var _mapToZero = __webpack_require__(238);
+ var _mapToZero = __webpack_require__(242);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(239);
+ var _stripStyle = __webpack_require__(243);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(240);
+ var _stepper3 = __webpack_require__(244);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _mergeDiff = __webpack_require__(246);
+ var _mergeDiff = __webpack_require__(250);
var _mergeDiff2 = _interopRequireDefault(_mergeDiff);
- var _performanceNow = __webpack_require__(241);
+ var _performanceNow = __webpack_require__(245);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(242);
+ var _raf = __webpack_require__(246);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(243);
+ var _shouldStopAnimation = __webpack_require__(247);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -27379,7 +27818,7 @@
// In reality currentStyle should be 400
/***/ }),
-/* 246 */
+/* 250 */
/***/ (function(module, exports) {
@@ -27492,7 +27931,7 @@
// to loop through and find a key's index each time), but I no longer care
/***/ }),
-/* 247 */
+/* 251 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -27505,7 +27944,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var _presets = __webpack_require__(248);
+ var _presets = __webpack_require__(252);
var _presets2 = _interopRequireDefault(_presets);
@@ -27520,7 +27959,7 @@
module.exports = exports['default'];
/***/ }),
-/* 248 */
+/* 252 */
/***/ (function(module, exports) {
"use strict";
@@ -27535,7 +27974,7 @@
module.exports = exports["default"];
/***/ }),
-/* 249 */
+/* 253 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -27558,7 +27997,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 250 */
+/* 254 */
/***/ (function(module, exports, __webpack_require__) {
(function (global, factory) {
@@ -29781,7 +30220,7 @@
/***/ }),
-/* 251 */
+/* 255 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {/**
@@ -31633,10 +32072,10 @@
module.exports = isEqual;
- /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(201)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()), __webpack_require__(205)(module)))
/***/ }),
-/* 252 */
+/* 256 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -31657,15 +32096,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactBeautifulDnd = __webpack_require__(152);
+ var _reactBeautifulDnd = __webpack_require__(156);
- var _util = __webpack_require__(253);
+ var _util = __webpack_require__(257);
var _classnames = __webpack_require__(5);
var _classnames2 = _interopRequireDefault(_classnames);
- var _lodash = __webpack_require__(251);
+ var _lodash = __webpack_require__(255);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -31790,7 +32229,7 @@
module.exports = exports['default'];
/***/ }),
-/* 253 */
+/* 257 */
/***/ (function(module, exports) {
'use strict';
@@ -31839,7 +32278,7 @@
};
/***/ }),
-/* 254 */
+/* 258 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -31860,15 +32299,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactBeautifulDnd = __webpack_require__(152);
+ var _reactBeautifulDnd = __webpack_require__(156);
- var _util = __webpack_require__(253);
+ var _util = __webpack_require__(257);
var _classnames = __webpack_require__(5);
var _classnames2 = _interopRequireDefault(_classnames);
- var _lodash = __webpack_require__(251);
+ var _lodash = __webpack_require__(255);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -32102,7 +32541,7 @@
module.exports = exports['default'];
/***/ }),
-/* 255 */
+/* 259 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -32850,7 +33289,7 @@
/***/ }),
-/* 256 */
+/* 260 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -32926,7 +33365,7 @@
module.exports = exports['default'];
/***/ }),
-/* 257 */
+/* 261 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33046,7 +33485,7 @@
module.exports = exports['default'];
/***/ }),
-/* 258 */
+/* 262 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33123,7 +33562,7 @@
module.exports = exports['default'];
/***/ }),
-/* 259 */
+/* 263 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33152,11 +33591,11 @@
var _Modal2 = _interopRequireDefault(_Modal);
- var _beeButton = __webpack_require__(260);
+ var _beeButton = __webpack_require__(264);
var _beeButton2 = _interopRequireDefault(_beeButton);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -33334,7 +33773,7 @@
module.exports = exports['default'];
/***/ }),
-/* 260 */
+/* 264 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33343,7 +33782,7 @@
value: true
});
- var _Button = __webpack_require__(261);
+ var _Button = __webpack_require__(265);
var _Button2 = _interopRequireDefault(_Button);
@@ -33353,7 +33792,7 @@
module.exports = exports['default'];
/***/ }),
-/* 261 */
+/* 265 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33528,7 +33967,7 @@
module.exports = exports['default'];
/***/ }),
-/* 262 */
+/* 266 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33537,7 +33976,7 @@
value: true
});
- var _FormControl = __webpack_require__(263);
+ var _FormControl = __webpack_require__(267);
var _FormControl2 = _interopRequireDefault(_FormControl);
@@ -33547,7 +33986,7 @@
module.exports = exports['default'];
/***/ }),
-/* 263 */
+/* 267 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33566,7 +34005,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -33832,14 +34271,14 @@
module.exports = exports['default'];
/***/ }),
-/* 264 */
+/* 268 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var Table = __webpack_require__(265);
- var Column = __webpack_require__(586);
- var ColumnGroup = __webpack_require__(587);
+ var Table = __webpack_require__(269);
+ var Column = __webpack_require__(590);
+ var ColumnGroup = __webpack_require__(591);
Table.Column = Column;
Table.ColumnGroup = ColumnGroup;
@@ -33847,7 +34286,7 @@
module.exports = Table;
/***/ }),
-/* 265 */
+/* 269 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -33870,17 +34309,17 @@
var _componentClasses2 = _interopRequireDefault(_componentClasses);
- var _TableRow = __webpack_require__(266);
+ var _TableRow = __webpack_require__(270);
var _TableRow2 = _interopRequireDefault(_TableRow);
- var _TableHeader = __webpack_require__(285);
+ var _TableHeader = __webpack_require__(289);
var _TableHeader2 = _interopRequireDefault(_TableHeader);
- var _utils = __webpack_require__(267);
+ var _utils = __webpack_require__(271);
- var _shallowequal = __webpack_require__(284);
+ var _shallowequal = __webpack_require__(288);
var _shallowequal2 = _interopRequireDefault(_shallowequal);
@@ -33888,23 +34327,23 @@
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _ColumnManager = __webpack_require__(585);
+ var _ColumnManager = __webpack_require__(589);
var _ColumnManager2 = _interopRequireDefault(_ColumnManager);
- var _createStore = __webpack_require__(588);
+ var _createStore = __webpack_require__(592);
var _createStore2 = _interopRequireDefault(_createStore);
- var _beeLoading = __webpack_require__(589);
+ var _beeLoading = __webpack_require__(593);
var _beeLoading2 = _interopRequireDefault(_beeLoading);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _i18n = __webpack_require__(584);
+ var _i18n = __webpack_require__(588);
var _i18n2 = _interopRequireDefault(_i18n);
@@ -34418,6 +34857,7 @@
onDragEnter = _props.onDragEnter,
onDragOver = _props.onDragOver,
onDrop = _props.onDrop,
+ onDragEnd = _props.onDragEnd,
draggable = _props.draggable,
onMouseDown = _props.onMouseDown,
onMouseMove = _props.onMouseMove,
@@ -34444,7 +34884,7 @@
}
var trStyle = headerHeight && !fixed ? { height: headerHeight } : fixed ? this.getHeaderRowStyle(columns, rows) : null;
- var drop = draggable ? { onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, draggable: draggable } : {};
+ var drop = draggable ? { onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, onDragEnd: onDragEnd, onDragEnter: onDragEnter, draggable: draggable } : {};
var dragBorder = dragborder ? { onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onMouseUp, dragborder: dragborder, onThMouseMove: onThMouseMove, dragborderKey: dragborderKey, onDropBorder: onDropBorder, onDraggingBorder: onDraggingBorder } : {};
var contentWidthDiff = 0;
//非固定表格,宽度不够时自动扩充
@@ -35348,6 +35788,9 @@
if (props.useFixedHeader || props.scroll && props.scroll.y) {
className += ' ' + clsPrefix + '-fixed-header';
}
+ if (!props.showHeader) {
+ className += ' ' + clsPrefix + '-hide-header';
+ }
if (props.bordered) {
className += ' ' + clsPrefix + '-bordered';
}
@@ -35433,7 +35876,7 @@
module.exports = exports['default'];
/***/ }),
-/* 266 */
+/* 270 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -35450,13 +35893,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _utils = __webpack_require__(267);
+ var _utils = __webpack_require__(271);
- var _TableCell = __webpack_require__(281);
+ var _TableCell = __webpack_require__(285);
var _TableCell2 = _interopRequireDefault(_TableCell);
- var _ExpandIcon = __webpack_require__(283);
+ var _ExpandIcon = __webpack_require__(287);
var _ExpandIcon2 = _interopRequireDefault(_ExpandIcon);
@@ -36094,7 +36537,7 @@
module.exports = exports['default'];
/***/ }),
-/* 267 */
+/* 271 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -36123,7 +36566,7 @@
var _warning2 = _interopRequireDefault(_warning);
- var _parseInt = __webpack_require__(268);
+ var _parseInt = __webpack_require__(272);
var _parseInt2 = _interopRequireDefault(_parseInt);
@@ -36418,11 +36861,11 @@
};
/***/ }),
-/* 268 */
+/* 272 */
/***/ (function(module, exports, __webpack_require__) {
- var root = __webpack_require__(269),
- toString = __webpack_require__(271);
+ var root = __webpack_require__(273),
+ toString = __webpack_require__(275);
/** Used to match leading and trailing whitespace. */
var reTrimStart = /^\s+/;
@@ -36467,10 +36910,10 @@
/***/ }),
-/* 269 */
+/* 273 */
/***/ (function(module, exports, __webpack_require__) {
- var freeGlobal = __webpack_require__(270);
+ var freeGlobal = __webpack_require__(274);
/** Detect free variable `self`. */
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
@@ -36482,7 +36925,7 @@
/***/ }),
-/* 270 */
+/* 274 */
/***/ (function(module, exports) {
/* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
@@ -36493,10 +36936,10 @@
/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
/***/ }),
-/* 271 */
+/* 275 */
/***/ (function(module, exports, __webpack_require__) {
- var baseToString = __webpack_require__(272);
+ var baseToString = __webpack_require__(276);
/**
* Converts `value` to a string. An empty string is returned for `null`
@@ -36527,13 +36970,13 @@
/***/ }),
-/* 272 */
+/* 276 */
/***/ (function(module, exports, __webpack_require__) {
- var Symbol = __webpack_require__(273),
- arrayMap = __webpack_require__(274),
- isArray = __webpack_require__(275),
- isSymbol = __webpack_require__(276);
+ var Symbol = __webpack_require__(277),
+ arrayMap = __webpack_require__(278),
+ isArray = __webpack_require__(279),
+ isSymbol = __webpack_require__(280);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
@@ -36570,10 +37013,10 @@
/***/ }),
-/* 273 */
+/* 277 */
/***/ (function(module, exports, __webpack_require__) {
- var root = __webpack_require__(269);
+ var root = __webpack_require__(273);
/** Built-in value references. */
var Symbol = root.Symbol;
@@ -36582,7 +37025,7 @@
/***/ }),
-/* 274 */
+/* 278 */
/***/ (function(module, exports) {
/**
@@ -36609,7 +37052,7 @@
/***/ }),
-/* 275 */
+/* 279 */
/***/ (function(module, exports) {
/**
@@ -36641,11 +37084,11 @@
/***/ }),
-/* 276 */
+/* 280 */
/***/ (function(module, exports, __webpack_require__) {
- var baseGetTag = __webpack_require__(277),
- isObjectLike = __webpack_require__(280);
+ var baseGetTag = __webpack_require__(281),
+ isObjectLike = __webpack_require__(284);
/** `Object#toString` result references. */
var symbolTag = '[object Symbol]';
@@ -36676,12 +37119,12 @@
/***/ }),
-/* 277 */
+/* 281 */
/***/ (function(module, exports, __webpack_require__) {
- var Symbol = __webpack_require__(273),
- getRawTag = __webpack_require__(278),
- objectToString = __webpack_require__(279);
+ var Symbol = __webpack_require__(277),
+ getRawTag = __webpack_require__(282),
+ objectToString = __webpack_require__(283);
/** `Object#toString` result references. */
var nullTag = '[object Null]',
@@ -36710,10 +37153,10 @@
/***/ }),
-/* 278 */
+/* 282 */
/***/ (function(module, exports, __webpack_require__) {
- var Symbol = __webpack_require__(273);
+ var Symbol = __webpack_require__(277);
/** Used for built-in method references. */
var objectProto = Object.prototype;
@@ -36762,7 +37205,7 @@
/***/ }),
-/* 279 */
+/* 283 */
/***/ (function(module, exports) {
/** Used for built-in method references. */
@@ -36790,7 +37233,7 @@
/***/ }),
-/* 280 */
+/* 284 */
/***/ (function(module, exports) {
/**
@@ -36825,7 +37268,7 @@
/***/ }),
-/* 281 */
+/* 285 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -36842,7 +37285,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _objectPath = __webpack_require__(282);
+ var _objectPath = __webpack_require__(286);
var _objectPath2 = _interopRequireDefault(_objectPath);
@@ -36985,7 +37428,7 @@
module.exports = exports['default'];
/***/ }),
-/* 282 */
+/* 286 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (root, factory){
@@ -37283,7 +37726,7 @@
/***/ }),
-/* 283 */
+/* 287 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -37300,7 +37743,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _shallowequal = __webpack_require__(284);
+ var _shallowequal = __webpack_require__(288);
var _shallowequal2 = _interopRequireDefault(_shallowequal);
@@ -37382,7 +37825,7 @@
module.exports = exports['default'];
/***/ }),
-/* 284 */
+/* 288 */
/***/ (function(module, exports) {
//
@@ -37434,7 +37877,7 @@
/***/ }),
-/* 285 */
+/* 289 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -37457,11 +37900,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _throttleDebounce = __webpack_require__(286);
+ var _throttleDebounce = __webpack_require__(290);
- var _utils = __webpack_require__(267);
+ var _utils = __webpack_require__(271);
- var _FilterType = __webpack_require__(287);
+ var _FilterType = __webpack_require__(291);
var _FilterType2 = _interopRequireDefault(_FilterType);
@@ -37754,6 +38197,12 @@
var event = _utils.Event.getEvent(e),
target = _utils.Event.getTarget(event);
_this.currentDome.setAttribute('draggable', false); //添加交换列效果
+
+ var data = _this.getCurrentEventData(_this._dragCurrent);
+ if (!data) return;
+ if (!_this.props.onDrop) return;
+ // this.props.onDrop(event,target);
+ _this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
};
_this.onDragEnter = function (e) {
@@ -37779,8 +38228,8 @@
var data = _this.getCurrentEventData(_this._dragCurrent);
if (!data) return;
if (!_this.currentObj || _this.currentObj.key == data.key) return;
- if (!_this.props.onDrop) return;
- _this.props.onDrop(event, { dragSource: _this.currentObj, dragTarg: data });
+ if (!_this.props.onDragEnd) return;
+ _this.props.onDragEnd(event, { dragSource: _this.currentObj, dragTarg: data });
};
_this.onDragLeave = function (e) {
@@ -38339,7 +38788,7 @@
module.exports = exports["default"];
/***/ }),
-/* 286 */
+/* 290 */
/***/ (function(module, exports) {
'use strict';
@@ -38486,7 +38935,7 @@
/***/ }),
-/* 287 */
+/* 291 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -38505,27 +38954,27 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _beeDatepicker = __webpack_require__(288);
+ var _beeDatepicker = __webpack_require__(292);
var _beeDatepicker2 = _interopRequireDefault(_beeDatepicker);
- var _zh_CN = __webpack_require__(518);
+ var _zh_CN = __webpack_require__(522);
var _zh_CN2 = _interopRequireDefault(_zh_CN);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _beeSelect = __webpack_require__(526);
+ var _beeSelect = __webpack_require__(530);
var _beeSelect2 = _interopRequireDefault(_beeSelect);
- var _beeInputNumber = __webpack_require__(562);
+ var _beeInputNumber = __webpack_require__(566);
var _beeInputNumber2 = _interopRequireDefault(_beeInputNumber);
- var _FilterDropDown = __webpack_require__(564);
+ var _FilterDropDown = __webpack_require__(568);
var _FilterDropDown2 = _interopRequireDefault(_FilterDropDown);
@@ -38912,7 +39361,7 @@
module.exports = exports['default'];
/***/ }),
-/* 288 */
+/* 292 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -38925,23 +39374,23 @@
var _react2 = _interopRequireDefault(_react);
- var _DatePicker = __webpack_require__(289);
+ var _DatePicker = __webpack_require__(293);
var _DatePicker2 = _interopRequireDefault(_DatePicker);
- var _MonthPicker = __webpack_require__(519);
+ var _MonthPicker = __webpack_require__(523);
var _MonthPicker2 = _interopRequireDefault(_MonthPicker);
- var _RangePicker = __webpack_require__(521);
+ var _RangePicker = __webpack_require__(525);
var _RangePicker2 = _interopRequireDefault(_RangePicker);
- var _WeekPicker = __webpack_require__(524);
+ var _WeekPicker = __webpack_require__(528);
var _WeekPicker2 = _interopRequireDefault(_WeekPicker);
- var _YearPicker = __webpack_require__(525);
+ var _YearPicker = __webpack_require__(529);
var _YearPicker2 = _interopRequireDefault(_YearPicker);
@@ -38956,7 +39405,7 @@
module.exports = exports['default'];
/***/ }),
-/* 289 */
+/* 293 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -38967,7 +39416,7 @@
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _rcCalendar = __webpack_require__(290);
+ var _rcCalendar = __webpack_require__(294);
var _rcCalendar2 = _interopRequireDefault(_rcCalendar);
@@ -38981,23 +39430,23 @@
var _tinperBeeCore = __webpack_require__(27);
- var _Picker = __webpack_require__(442);
+ var _Picker = __webpack_require__(446);
var _Picker2 = _interopRequireDefault(_Picker);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _Panel = __webpack_require__(509);
+ var _Panel = __webpack_require__(513);
var _Panel2 = _interopRequireDefault(_Panel);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -39005,11 +39454,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeInputGroup = __webpack_require__(513);
+ var _beeInputGroup = __webpack_require__(517);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _zh_CN = __webpack_require__(518);
+ var _zh_CN = __webpack_require__(522);
var _zh_CN2 = _interopRequireDefault(_zh_CN);
@@ -39390,7 +39839,7 @@
module.exports = exports["default"];
/***/ }),
-/* 290 */
+/* 294 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -39399,7 +39848,7 @@
value: true
});
- var _Calendar = __webpack_require__(291);
+ var _Calendar = __webpack_require__(295);
var _Calendar2 = _interopRequireDefault(_Calendar);
@@ -39409,7 +39858,7 @@
module.exports = exports['default'];
/***/ }),
-/* 291 */
+/* 295 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -39432,37 +39881,37 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _DateTable = __webpack_require__(293);
+ var _DateTable = __webpack_require__(297);
var _DateTable2 = _interopRequireDefault(_DateTable);
- var _CalendarHeader = __webpack_require__(427);
+ var _CalendarHeader = __webpack_require__(431);
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
- var _CalendarFooter = __webpack_require__(434);
+ var _CalendarFooter = __webpack_require__(438);
var _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);
- var _CalendarMixin = __webpack_require__(438);
+ var _CalendarMixin = __webpack_require__(442);
- var _CommonMixin = __webpack_require__(439);
+ var _CommonMixin = __webpack_require__(443);
- var _DateInput = __webpack_require__(431);
+ var _DateInput = __webpack_require__(435);
var _DateInput2 = _interopRequireDefault(_DateInput);
- var _util = __webpack_require__(426);
+ var _util = __webpack_require__(430);
- var _toTime = __webpack_require__(441);
+ var _toTime = __webpack_require__(445);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -39847,7 +40296,7 @@
module.exports = exports['default'];
/***/ }),
-/* 292 */
+/* 296 */
/***/ (function(module, exports) {
'use strict';
@@ -40376,7 +40825,7 @@
module.exports = exports['default'];
/***/ }),
-/* 293 */
+/* 297 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -40389,11 +40838,11 @@
var _react2 = _interopRequireDefault(_react);
- var _DateTHead = __webpack_require__(294);
+ var _DateTHead = __webpack_require__(298);
var _DateTHead2 = _interopRequireDefault(_DateTHead);
- var _DateTBody = __webpack_require__(425);
+ var _DateTBody = __webpack_require__(429);
var _DateTBody2 = _interopRequireDefault(_DateTBody);
@@ -40434,7 +40883,7 @@
module.exports = exports['default'];
/***/ }),
-/* 294 */
+/* 298 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -40447,11 +40896,11 @@
var _react2 = _interopRequireDefault(_react);
- var _DateConstants = __webpack_require__(295);
+ var _DateConstants = __webpack_require__(299);
var _DateConstants2 = _interopRequireDefault(_DateConstants);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -40540,7 +40989,7 @@
module.exports = exports['default'];
/***/ }),
-/* 295 */
+/* 299 */
/***/ (function(module, exports) {
"use strict";
@@ -40555,7 +41004,7 @@
module.exports = exports["default"];
/***/ }),
-/* 296 */
+/* 300 */
/***/ (function(module, exports, __webpack_require__) {
var require;/* WEBPACK VAR INJECTION */(function(module) {//! moment.js
@@ -42410,7 +42859,7 @@
try {
oldLocale = globalLocale._abbr;
var aliasedRequire = require;
- __webpack_require__(297)("./" + name);
+ __webpack_require__(301)("./" + name);
getSetGlobalLocale(oldLocale);
} catch (e) {}
}
@@ -45161,267 +45610,267 @@
})));
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(201)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(205)(module)))
/***/ }),
-/* 297 */
+/* 301 */
/***/ (function(module, exports, __webpack_require__) {
var map = {
- "./af": 298,
- "./af.js": 298,
- "./ar": 299,
- "./ar-dz": 300,
- "./ar-dz.js": 300,
- "./ar-kw": 301,
- "./ar-kw.js": 301,
- "./ar-ly": 302,
- "./ar-ly.js": 302,
- "./ar-ma": 303,
- "./ar-ma.js": 303,
- "./ar-sa": 304,
- "./ar-sa.js": 304,
- "./ar-tn": 305,
- "./ar-tn.js": 305,
- "./ar.js": 299,
- "./az": 306,
- "./az.js": 306,
- "./be": 307,
- "./be.js": 307,
- "./bg": 308,
- "./bg.js": 308,
- "./bm": 309,
- "./bm.js": 309,
- "./bn": 310,
- "./bn.js": 310,
- "./bo": 311,
- "./bo.js": 311,
- "./br": 312,
- "./br.js": 312,
- "./bs": 313,
- "./bs.js": 313,
- "./ca": 314,
- "./ca.js": 314,
- "./cs": 315,
- "./cs.js": 315,
- "./cv": 316,
- "./cv.js": 316,
- "./cy": 317,
- "./cy.js": 317,
- "./da": 318,
- "./da.js": 318,
- "./de": 319,
- "./de-at": 320,
- "./de-at.js": 320,
- "./de-ch": 321,
- "./de-ch.js": 321,
- "./de.js": 319,
- "./dv": 322,
- "./dv.js": 322,
- "./el": 323,
- "./el.js": 323,
- "./en-SG": 324,
- "./en-SG.js": 324,
- "./en-au": 325,
- "./en-au.js": 325,
- "./en-ca": 326,
- "./en-ca.js": 326,
- "./en-gb": 327,
- "./en-gb.js": 327,
- "./en-ie": 328,
- "./en-ie.js": 328,
- "./en-il": 329,
- "./en-il.js": 329,
- "./en-nz": 330,
- "./en-nz.js": 330,
- "./eo": 331,
- "./eo.js": 331,
- "./es": 332,
- "./es-do": 333,
- "./es-do.js": 333,
- "./es-us": 334,
- "./es-us.js": 334,
- "./es.js": 332,
- "./et": 335,
- "./et.js": 335,
- "./eu": 336,
- "./eu.js": 336,
- "./fa": 337,
- "./fa.js": 337,
- "./fi": 338,
- "./fi.js": 338,
- "./fo": 339,
- "./fo.js": 339,
- "./fr": 340,
- "./fr-ca": 341,
- "./fr-ca.js": 341,
- "./fr-ch": 342,
- "./fr-ch.js": 342,
- "./fr.js": 340,
- "./fy": 343,
- "./fy.js": 343,
- "./ga": 344,
- "./ga.js": 344,
- "./gd": 345,
- "./gd.js": 345,
- "./gl": 346,
- "./gl.js": 346,
- "./gom-latn": 347,
- "./gom-latn.js": 347,
- "./gu": 348,
- "./gu.js": 348,
- "./he": 349,
- "./he.js": 349,
- "./hi": 350,
- "./hi.js": 350,
- "./hr": 351,
- "./hr.js": 351,
- "./hu": 352,
- "./hu.js": 352,
- "./hy-am": 353,
- "./hy-am.js": 353,
- "./id": 354,
- "./id.js": 354,
- "./is": 355,
- "./is.js": 355,
- "./it": 356,
- "./it-ch": 357,
- "./it-ch.js": 357,
- "./it.js": 356,
- "./ja": 358,
- "./ja.js": 358,
- "./jv": 359,
- "./jv.js": 359,
- "./ka": 360,
- "./ka.js": 360,
- "./kk": 361,
- "./kk.js": 361,
- "./km": 362,
- "./km.js": 362,
- "./kn": 363,
- "./kn.js": 363,
- "./ko": 364,
- "./ko.js": 364,
- "./ku": 365,
- "./ku.js": 365,
- "./ky": 366,
- "./ky.js": 366,
- "./lb": 367,
- "./lb.js": 367,
- "./lo": 368,
- "./lo.js": 368,
- "./lt": 369,
- "./lt.js": 369,
- "./lv": 370,
- "./lv.js": 370,
- "./me": 371,
- "./me.js": 371,
- "./mi": 372,
- "./mi.js": 372,
- "./mk": 373,
- "./mk.js": 373,
- "./ml": 374,
- "./ml.js": 374,
- "./mn": 375,
- "./mn.js": 375,
- "./mr": 376,
- "./mr.js": 376,
- "./ms": 377,
- "./ms-my": 378,
- "./ms-my.js": 378,
- "./ms.js": 377,
- "./mt": 379,
- "./mt.js": 379,
- "./my": 380,
- "./my.js": 380,
- "./nb": 381,
- "./nb.js": 381,
- "./ne": 382,
- "./ne.js": 382,
- "./nl": 383,
- "./nl-be": 384,
- "./nl-be.js": 384,
- "./nl.js": 383,
- "./nn": 385,
- "./nn.js": 385,
- "./pa-in": 386,
- "./pa-in.js": 386,
- "./pl": 387,
- "./pl.js": 387,
- "./pt": 388,
- "./pt-br": 389,
- "./pt-br.js": 389,
- "./pt.js": 388,
- "./ro": 390,
- "./ro.js": 390,
- "./ru": 391,
- "./ru.js": 391,
- "./sd": 392,
- "./sd.js": 392,
- "./se": 393,
- "./se.js": 393,
- "./si": 394,
- "./si.js": 394,
- "./sk": 395,
- "./sk.js": 395,
- "./sl": 396,
- "./sl.js": 396,
- "./sq": 397,
- "./sq.js": 397,
- "./sr": 398,
- "./sr-cyrl": 399,
- "./sr-cyrl.js": 399,
- "./sr.js": 398,
- "./ss": 400,
- "./ss.js": 400,
- "./sv": 401,
- "./sv.js": 401,
- "./sw": 402,
- "./sw.js": 402,
- "./ta": 403,
- "./ta.js": 403,
- "./te": 404,
- "./te.js": 404,
- "./tet": 405,
- "./tet.js": 405,
- "./tg": 406,
- "./tg.js": 406,
- "./th": 407,
- "./th.js": 407,
- "./tl-ph": 408,
- "./tl-ph.js": 408,
- "./tlh": 409,
- "./tlh.js": 409,
- "./tr": 410,
- "./tr.js": 410,
- "./tzl": 411,
- "./tzl.js": 411,
- "./tzm": 412,
- "./tzm-latn": 413,
- "./tzm-latn.js": 413,
- "./tzm.js": 412,
- "./ug-cn": 414,
- "./ug-cn.js": 414,
- "./uk": 415,
- "./uk.js": 415,
- "./ur": 416,
- "./ur.js": 416,
- "./uz": 417,
- "./uz-latn": 418,
- "./uz-latn.js": 418,
- "./uz.js": 417,
- "./vi": 419,
- "./vi.js": 419,
- "./x-pseudo": 420,
- "./x-pseudo.js": 420,
- "./yo": 421,
- "./yo.js": 421,
- "./zh-cn": 422,
- "./zh-cn.js": 422,
- "./zh-hk": 423,
- "./zh-hk.js": 423,
- "./zh-tw": 424,
- "./zh-tw.js": 424
+ "./af": 302,
+ "./af.js": 302,
+ "./ar": 303,
+ "./ar-dz": 304,
+ "./ar-dz.js": 304,
+ "./ar-kw": 305,
+ "./ar-kw.js": 305,
+ "./ar-ly": 306,
+ "./ar-ly.js": 306,
+ "./ar-ma": 307,
+ "./ar-ma.js": 307,
+ "./ar-sa": 308,
+ "./ar-sa.js": 308,
+ "./ar-tn": 309,
+ "./ar-tn.js": 309,
+ "./ar.js": 303,
+ "./az": 310,
+ "./az.js": 310,
+ "./be": 311,
+ "./be.js": 311,
+ "./bg": 312,
+ "./bg.js": 312,
+ "./bm": 313,
+ "./bm.js": 313,
+ "./bn": 314,
+ "./bn.js": 314,
+ "./bo": 315,
+ "./bo.js": 315,
+ "./br": 316,
+ "./br.js": 316,
+ "./bs": 317,
+ "./bs.js": 317,
+ "./ca": 318,
+ "./ca.js": 318,
+ "./cs": 319,
+ "./cs.js": 319,
+ "./cv": 320,
+ "./cv.js": 320,
+ "./cy": 321,
+ "./cy.js": 321,
+ "./da": 322,
+ "./da.js": 322,
+ "./de": 323,
+ "./de-at": 324,
+ "./de-at.js": 324,
+ "./de-ch": 325,
+ "./de-ch.js": 325,
+ "./de.js": 323,
+ "./dv": 326,
+ "./dv.js": 326,
+ "./el": 327,
+ "./el.js": 327,
+ "./en-SG": 328,
+ "./en-SG.js": 328,
+ "./en-au": 329,
+ "./en-au.js": 329,
+ "./en-ca": 330,
+ "./en-ca.js": 330,
+ "./en-gb": 331,
+ "./en-gb.js": 331,
+ "./en-ie": 332,
+ "./en-ie.js": 332,
+ "./en-il": 333,
+ "./en-il.js": 333,
+ "./en-nz": 334,
+ "./en-nz.js": 334,
+ "./eo": 335,
+ "./eo.js": 335,
+ "./es": 336,
+ "./es-do": 337,
+ "./es-do.js": 337,
+ "./es-us": 338,
+ "./es-us.js": 338,
+ "./es.js": 336,
+ "./et": 339,
+ "./et.js": 339,
+ "./eu": 340,
+ "./eu.js": 340,
+ "./fa": 341,
+ "./fa.js": 341,
+ "./fi": 342,
+ "./fi.js": 342,
+ "./fo": 343,
+ "./fo.js": 343,
+ "./fr": 344,
+ "./fr-ca": 345,
+ "./fr-ca.js": 345,
+ "./fr-ch": 346,
+ "./fr-ch.js": 346,
+ "./fr.js": 344,
+ "./fy": 347,
+ "./fy.js": 347,
+ "./ga": 348,
+ "./ga.js": 348,
+ "./gd": 349,
+ "./gd.js": 349,
+ "./gl": 350,
+ "./gl.js": 350,
+ "./gom-latn": 351,
+ "./gom-latn.js": 351,
+ "./gu": 352,
+ "./gu.js": 352,
+ "./he": 353,
+ "./he.js": 353,
+ "./hi": 354,
+ "./hi.js": 354,
+ "./hr": 355,
+ "./hr.js": 355,
+ "./hu": 356,
+ "./hu.js": 356,
+ "./hy-am": 357,
+ "./hy-am.js": 357,
+ "./id": 358,
+ "./id.js": 358,
+ "./is": 359,
+ "./is.js": 359,
+ "./it": 360,
+ "./it-ch": 361,
+ "./it-ch.js": 361,
+ "./it.js": 360,
+ "./ja": 362,
+ "./ja.js": 362,
+ "./jv": 363,
+ "./jv.js": 363,
+ "./ka": 364,
+ "./ka.js": 364,
+ "./kk": 365,
+ "./kk.js": 365,
+ "./km": 366,
+ "./km.js": 366,
+ "./kn": 367,
+ "./kn.js": 367,
+ "./ko": 368,
+ "./ko.js": 368,
+ "./ku": 369,
+ "./ku.js": 369,
+ "./ky": 370,
+ "./ky.js": 370,
+ "./lb": 371,
+ "./lb.js": 371,
+ "./lo": 372,
+ "./lo.js": 372,
+ "./lt": 373,
+ "./lt.js": 373,
+ "./lv": 374,
+ "./lv.js": 374,
+ "./me": 375,
+ "./me.js": 375,
+ "./mi": 376,
+ "./mi.js": 376,
+ "./mk": 377,
+ "./mk.js": 377,
+ "./ml": 378,
+ "./ml.js": 378,
+ "./mn": 379,
+ "./mn.js": 379,
+ "./mr": 380,
+ "./mr.js": 380,
+ "./ms": 381,
+ "./ms-my": 382,
+ "./ms-my.js": 382,
+ "./ms.js": 381,
+ "./mt": 383,
+ "./mt.js": 383,
+ "./my": 384,
+ "./my.js": 384,
+ "./nb": 385,
+ "./nb.js": 385,
+ "./ne": 386,
+ "./ne.js": 386,
+ "./nl": 387,
+ "./nl-be": 388,
+ "./nl-be.js": 388,
+ "./nl.js": 387,
+ "./nn": 389,
+ "./nn.js": 389,
+ "./pa-in": 390,
+ "./pa-in.js": 390,
+ "./pl": 391,
+ "./pl.js": 391,
+ "./pt": 392,
+ "./pt-br": 393,
+ "./pt-br.js": 393,
+ "./pt.js": 392,
+ "./ro": 394,
+ "./ro.js": 394,
+ "./ru": 395,
+ "./ru.js": 395,
+ "./sd": 396,
+ "./sd.js": 396,
+ "./se": 397,
+ "./se.js": 397,
+ "./si": 398,
+ "./si.js": 398,
+ "./sk": 399,
+ "./sk.js": 399,
+ "./sl": 400,
+ "./sl.js": 400,
+ "./sq": 401,
+ "./sq.js": 401,
+ "./sr": 402,
+ "./sr-cyrl": 403,
+ "./sr-cyrl.js": 403,
+ "./sr.js": 402,
+ "./ss": 404,
+ "./ss.js": 404,
+ "./sv": 405,
+ "./sv.js": 405,
+ "./sw": 406,
+ "./sw.js": 406,
+ "./ta": 407,
+ "./ta.js": 407,
+ "./te": 408,
+ "./te.js": 408,
+ "./tet": 409,
+ "./tet.js": 409,
+ "./tg": 410,
+ "./tg.js": 410,
+ "./th": 411,
+ "./th.js": 411,
+ "./tl-ph": 412,
+ "./tl-ph.js": 412,
+ "./tlh": 413,
+ "./tlh.js": 413,
+ "./tr": 414,
+ "./tr.js": 414,
+ "./tzl": 415,
+ "./tzl.js": 415,
+ "./tzm": 416,
+ "./tzm-latn": 417,
+ "./tzm-latn.js": 417,
+ "./tzm.js": 416,
+ "./ug-cn": 418,
+ "./ug-cn.js": 418,
+ "./uk": 419,
+ "./uk.js": 419,
+ "./ur": 420,
+ "./ur.js": 420,
+ "./uz": 421,
+ "./uz-latn": 422,
+ "./uz-latn.js": 422,
+ "./uz.js": 421,
+ "./vi": 423,
+ "./vi.js": 423,
+ "./x-pseudo": 424,
+ "./x-pseudo.js": 424,
+ "./yo": 425,
+ "./yo.js": 425,
+ "./zh-cn": 426,
+ "./zh-cn.js": 426,
+ "./zh-hk": 427,
+ "./zh-hk.js": 427,
+ "./zh-tw": 428,
+ "./zh-tw.js": 428
};
function webpackContext(req) {
return __webpack_require__(webpackContextResolve(req));
@@ -45434,17 +45883,17 @@
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
- webpackContext.id = 297;
+ webpackContext.id = 301;
/***/ }),
-/* 298 */
+/* 302 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -45515,13 +45964,13 @@
/***/ }),
-/* 299 */
+/* 303 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -45654,13 +46103,13 @@
/***/ }),
-/* 300 */
+/* 304 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -45717,13 +46166,13 @@
/***/ }),
-/* 301 */
+/* 305 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -45780,13 +46229,13 @@
/***/ }),
-/* 302 */
+/* 306 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -45906,13 +46355,13 @@
/***/ }),
-/* 303 */
+/* 307 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -45969,13 +46418,13 @@
/***/ }),
-/* 304 */
+/* 308 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46077,13 +46526,13 @@
/***/ }),
-/* 305 */
+/* 309 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46140,13 +46589,13 @@
/***/ }),
-/* 306 */
+/* 310 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46249,13 +46698,13 @@
/***/ }),
-/* 307 */
+/* 311 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46385,13 +46834,13 @@
/***/ }),
-/* 308 */
+/* 312 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46479,13 +46928,13 @@
/***/ }),
-/* 309 */
+/* 313 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46541,13 +46990,13 @@
/***/ }),
-/* 310 */
+/* 314 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46664,13 +47113,13 @@
/***/ }),
-/* 311 */
+/* 315 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46787,13 +47236,13 @@
/***/ }),
-/* 312 */
+/* 316 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -46899,13 +47348,13 @@
/***/ }),
-/* 313 */
+/* 317 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47054,13 +47503,13 @@
/***/ }),
-/* 314 */
+/* 318 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47146,13 +47595,13 @@
/***/ }),
-/* 315 */
+/* 319 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47322,13 +47771,13 @@
/***/ }),
-/* 316 */
+/* 320 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47389,13 +47838,13 @@
/***/ }),
-/* 317 */
+/* 321 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47473,13 +47922,13 @@
/***/ }),
-/* 318 */
+/* 322 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47537,13 +47986,13 @@
/***/ }),
-/* 319 */
+/* 323 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47617,13 +48066,13 @@
/***/ }),
-/* 320 */
+/* 324 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47697,13 +48146,13 @@
/***/ }),
-/* 321 */
+/* 325 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47777,13 +48226,13 @@
/***/ }),
-/* 322 */
+/* 326 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47880,13 +48329,13 @@
/***/ }),
-/* 323 */
+/* 327 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -47984,13 +48433,13 @@
/***/ }),
-/* 324 */
+/* 328 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48055,13 +48504,13 @@
/***/ }),
-/* 325 */
+/* 329 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48126,13 +48575,13 @@
/***/ }),
-/* 326 */
+/* 330 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48193,13 +48642,13 @@
/***/ }),
-/* 327 */
+/* 331 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48264,13 +48713,13 @@
/***/ }),
-/* 328 */
+/* 332 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48335,13 +48784,13 @@
/***/ }),
-/* 329 */
+/* 333 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48401,13 +48850,13 @@
/***/ }),
-/* 330 */
+/* 334 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48472,13 +48921,13 @@
/***/ }),
-/* 331 */
+/* 335 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48547,13 +48996,13 @@
/***/ }),
-/* 332 */
+/* 336 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48643,13 +49092,13 @@
/***/ }),
-/* 333 */
+/* 337 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48739,13 +49188,13 @@
/***/ }),
-/* 334 */
+/* 338 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48835,13 +49284,13 @@
/***/ }),
-/* 335 */
+/* 339 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48919,13 +49368,13 @@
/***/ }),
-/* 336 */
+/* 340 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -48989,13 +49438,13 @@
/***/ }),
-/* 337 */
+/* 341 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49099,13 +49548,13 @@
/***/ }),
-/* 338 */
+/* 342 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49212,13 +49661,13 @@
/***/ }),
-/* 339 */
+/* 343 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49276,13 +49725,13 @@
/***/ }),
-/* 340 */
+/* 344 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49363,13 +49812,13 @@
/***/ }),
-/* 341 */
+/* 345 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49441,13 +49890,13 @@
/***/ }),
-/* 342 */
+/* 346 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49523,13 +49972,13 @@
/***/ }),
-/* 343 */
+/* 347 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49602,13 +50051,13 @@
/***/ }),
-/* 344 */
+/* 348 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49683,13 +50132,13 @@
/***/ }),
-/* 345 */
+/* 349 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49763,13 +50212,13 @@
/***/ }),
-/* 346 */
+/* 350 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49844,13 +50293,13 @@
/***/ }),
-/* 347 */
+/* 351 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -49971,13 +50420,13 @@
/***/ }),
-/* 348 */
+/* 352 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50099,13 +50548,13 @@
/***/ }),
-/* 349 */
+/* 353 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50200,13 +50649,13 @@
/***/ }),
-/* 350 */
+/* 354 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50328,13 +50777,13 @@
/***/ }),
-/* 351 */
+/* 355 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50486,13 +50935,13 @@
/***/ }),
-/* 352 */
+/* 356 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50600,13 +51049,13 @@
/***/ }),
-/* 353 */
+/* 357 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50699,13 +51148,13 @@
/***/ }),
-/* 354 */
+/* 358 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50785,13 +51234,13 @@
/***/ }),
-/* 355 */
+/* 359 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50921,13 +51370,13 @@
/***/ }),
-/* 356 */
+/* 360 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -50994,13 +51443,13 @@
/***/ }),
-/* 357 */
+/* 361 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51067,13 +51516,13 @@
/***/ }),
-/* 358 */
+/* 362 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51163,13 +51612,13 @@
/***/ }),
-/* 359 */
+/* 363 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51249,13 +51698,13 @@
/***/ }),
-/* 360 */
+/* 364 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51342,13 +51791,13 @@
/***/ }),
-/* 361 */
+/* 365 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51433,13 +51882,13 @@
/***/ }),
-/* 362 */
+/* 366 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51547,13 +51996,13 @@
/***/ }),
-/* 363 */
+/* 367 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51677,13 +52126,13 @@
/***/ }),
-/* 364 */
+/* 368 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51762,13 +52211,13 @@
/***/ }),
-/* 365 */
+/* 369 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51885,13 +52334,13 @@
/***/ }),
-/* 366 */
+/* 370 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -51976,13 +52425,13 @@
/***/ }),
-/* 367 */
+/* 371 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52116,13 +52565,13 @@
/***/ }),
-/* 368 */
+/* 372 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52190,13 +52639,13 @@
/***/ }),
-/* 369 */
+/* 373 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52312,13 +52761,13 @@
/***/ }),
-/* 370 */
+/* 374 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52413,13 +52862,13 @@
/***/ }),
-/* 371 */
+/* 375 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52529,13 +52978,13 @@
/***/ }),
-/* 372 */
+/* 376 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52597,13 +53046,13 @@
/***/ }),
-/* 373 */
+/* 377 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52691,13 +53140,13 @@
/***/ }),
-/* 374 */
+/* 378 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52776,13 +53225,13 @@
/***/ }),
-/* 375 */
+/* 379 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -52884,13 +53333,13 @@
/***/ }),
-/* 376 */
+/* 380 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53048,13 +53497,13 @@
/***/ }),
-/* 377 */
+/* 381 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53134,13 +53583,13 @@
/***/ }),
-/* 378 */
+/* 382 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53220,13 +53669,13 @@
/***/ }),
-/* 379 */
+/* 383 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53284,13 +53733,13 @@
/***/ }),
-/* 380 */
+/* 384 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53381,13 +53830,13 @@
/***/ }),
-/* 381 */
+/* 385 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53447,13 +53896,13 @@
/***/ }),
-/* 382 */
+/* 386 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53574,13 +54023,13 @@
/***/ }),
-/* 383 */
+/* 387 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53665,13 +54114,13 @@
/***/ }),
-/* 384 */
+/* 388 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53756,13 +54205,13 @@
/***/ }),
-/* 385 */
+/* 389 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53820,13 +54269,13 @@
/***/ }),
-/* 386 */
+/* 390 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -53948,13 +54397,13 @@
/***/ }),
-/* 387 */
+/* 391 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54078,13 +54527,13 @@
/***/ }),
-/* 388 */
+/* 392 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54147,13 +54596,13 @@
/***/ }),
-/* 389 */
+/* 393 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54212,13 +54661,13 @@
/***/ }),
-/* 390 */
+/* 394 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54291,13 +54740,13 @@
/***/ }),
-/* 391 */
+/* 395 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54477,13 +54926,13 @@
/***/ }),
-/* 392 */
+/* 396 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54579,13 +55028,13 @@
/***/ }),
-/* 393 */
+/* 397 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54643,13 +55092,13 @@
/***/ }),
-/* 394 */
+/* 398 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54718,13 +55167,13 @@
/***/ }),
-/* 395 */
+/* 399 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -54878,13 +55327,13 @@
/***/ }),
-/* 396 */
+/* 400 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55055,13 +55504,13 @@
/***/ }),
-/* 397 */
+/* 401 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55127,13 +55576,13 @@
/***/ }),
-/* 398 */
+/* 402 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55242,13 +55691,13 @@
/***/ }),
-/* 399 */
+/* 403 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55357,13 +55806,13 @@
/***/ }),
-/* 400 */
+/* 404 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55449,13 +55898,13 @@
/***/ }),
-/* 401 */
+/* 405 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55522,13 +55971,13 @@
/***/ }),
-/* 402 */
+/* 406 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55585,13 +56034,13 @@
/***/ }),
-/* 403 */
+/* 407 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55718,13 +56167,13 @@
/***/ }),
-/* 404 */
+/* 408 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55811,13 +56260,13 @@
/***/ }),
-/* 405 */
+/* 409 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -55882,13 +56331,13 @@
/***/ }),
-/* 406 */
+/* 410 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56002,13 +56451,13 @@
/***/ }),
-/* 407 */
+/* 411 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56073,13 +56522,13 @@
/***/ }),
-/* 408 */
+/* 412 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56139,13 +56588,13 @@
/***/ }),
-/* 409 */
+/* 413 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56265,12 +56714,12 @@
/***/ }),
-/* 410 */
+/* 414 */
/***/ (function(module, exports, __webpack_require__) {
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56363,13 +56812,13 @@
/***/ }),
-/* 411 */
+/* 415 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56458,13 +56907,13 @@
/***/ }),
-/* 412 */
+/* 416 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56520,13 +56969,13 @@
/***/ }),
-/* 413 */
+/* 417 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56582,13 +57031,13 @@
/***/ }),
-/* 414 */
+/* 418 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js language configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56705,13 +57154,13 @@
/***/ }),
-/* 415 */
+/* 419 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56863,13 +57312,13 @@
/***/ }),
-/* 416 */
+/* 420 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -56965,13 +57414,13 @@
/***/ }),
-/* 417 */
+/* 421 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57027,13 +57476,13 @@
/***/ }),
-/* 418 */
+/* 422 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57089,13 +57538,13 @@
/***/ }),
-/* 419 */
+/* 423 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57172,13 +57621,13 @@
/***/ }),
-/* 420 */
+/* 424 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57244,13 +57693,13 @@
/***/ }),
-/* 421 */
+/* 425 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57308,13 +57757,13 @@
/***/ }),
-/* 422 */
+/* 426 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57422,13 +57871,13 @@
/***/ }),
-/* 423 */
+/* 427 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57529,13 +57978,13 @@
/***/ }),
-/* 424 */
+/* 428 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
;(function (global, factory) {
- true ? factory(__webpack_require__(296)) :
+ true ? factory(__webpack_require__(300)) :
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
factory(global.moment)
}(this, (function (moment) { 'use strict';
@@ -57636,7 +58085,7 @@
/***/ }),
-/* 425 */
+/* 429 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -57657,11 +58106,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _DateConstants = __webpack_require__(295);
+ var _DateConstants = __webpack_require__(299);
var _DateConstants2 = _interopRequireDefault(_DateConstants);
- var _util = __webpack_require__(426);
+ var _util = __webpack_require__(430);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -57937,7 +58386,7 @@
module.exports = exports['default'];
/***/ }),
-/* 426 */
+/* 430 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -57959,7 +58408,7 @@
exports.isAllowedDate = isAllowedDate;
exports.formatDate = formatDate;
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -58065,7 +58514,7 @@
}
/***/ }),
-/* 427 */
+/* 431 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -58082,19 +58531,19 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _mapSelf = __webpack_require__(428);
+ var _mapSelf = __webpack_require__(432);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
- var _MonthPanel = __webpack_require__(429);
+ var _MonthPanel = __webpack_require__(433);
var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
- var _YearPanel = __webpack_require__(432);
+ var _YearPanel = __webpack_require__(436);
var _YearPanel2 = _interopRequireDefault(_YearPanel);
- var _DecadePanel = __webpack_require__(433);
+ var _DecadePanel = __webpack_require__(437);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
@@ -58357,7 +58806,7 @@
module.exports = exports['default'];
/***/ }),
-/* 428 */
+/* 432 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -58384,7 +58833,7 @@
module.exports = exports['default'];
/***/ }),
-/* 429 */
+/* 433 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -58401,17 +58850,17 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _MonthTable = __webpack_require__(430);
+ var _MonthTable = __webpack_require__(434);
var _MonthTable2 = _interopRequireDefault(_MonthTable);
- var _DateInput = __webpack_require__(431);
+ var _DateInput = __webpack_require__(435);
var _DateInput2 = _interopRequireDefault(_DateInput);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -58582,7 +59031,7 @@
module.exports = exports['default'];
/***/ }),
-/* 430 */
+/* 434 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -58603,7 +59052,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _index = __webpack_require__(426);
+ var _index = __webpack_require__(430);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -58768,7 +59217,7 @@
module.exports = exports['default'];
/***/ }),
-/* 431 */
+/* 435 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -58789,17 +59238,17 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
- var _util = __webpack_require__(426);
+ var _util = __webpack_require__(430);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -59043,7 +59492,7 @@
module.exports = exports['default'];
/***/ }),
-/* 432 */
+/* 436 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59064,15 +59513,15 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _DecadePanel = __webpack_require__(433);
+ var _DecadePanel = __webpack_require__(437);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
- var _DateInput = __webpack_require__(431);
+ var _DateInput = __webpack_require__(435);
var _DateInput2 = _interopRequireDefault(_DateInput);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -59350,7 +59799,7 @@
module.exports = exports['default'];
/***/ }),
-/* 433 */
+/* 437 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59562,7 +60011,7 @@
module.exports = exports['default'];
/***/ }),
-/* 434 */
+/* 438 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59585,7 +60034,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _mapSelf = __webpack_require__(428);
+ var _mapSelf = __webpack_require__(432);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
@@ -59593,15 +60042,15 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _TodayButton = __webpack_require__(435);
+ var _TodayButton = __webpack_require__(439);
var _TodayButton2 = _interopRequireDefault(_TodayButton);
- var _OkButton = __webpack_require__(436);
+ var _OkButton = __webpack_require__(440);
var _OkButton2 = _interopRequireDefault(_OkButton);
- var _TimePickerButton = __webpack_require__(437);
+ var _TimePickerButton = __webpack_require__(441);
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
@@ -59698,7 +60147,7 @@
module.exports = exports['default'];
/***/ }),
-/* 435 */
+/* 439 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59712,7 +60161,7 @@
var _react2 = _interopRequireDefault(_react);
- var _util = __webpack_require__(426);
+ var _util = __webpack_require__(430);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -59744,7 +60193,7 @@
module.exports = exports['default'];
/***/ }),
-/* 436 */
+/* 440 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59758,7 +60207,7 @@
var _react2 = _interopRequireDefault(_react);
- var _beeButton = __webpack_require__(260);
+ var _beeButton = __webpack_require__(264);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -59788,7 +60237,7 @@
module.exports = exports['default'];
/***/ }),
-/* 437 */
+/* 441 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59838,7 +60287,7 @@
module.exports = exports['default'];
/***/ }),
-/* 438 */
+/* 442 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -59861,11 +60310,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
- var _index = __webpack_require__(426);
+ var _index = __webpack_require__(430);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -59994,7 +60443,7 @@
};
/***/ }),
-/* 439 */
+/* 443 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -60008,7 +60457,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _en_US = __webpack_require__(440);
+ var _en_US = __webpack_require__(444);
var _en_US2 = _interopRequireDefault(_en_US);
@@ -60103,7 +60552,7 @@
};
/***/ }),
-/* 440 */
+/* 444 */
/***/ (function(module, exports) {
'use strict';
@@ -60145,7 +60594,7 @@
module.exports = exports['default'];
/***/ }),
-/* 441 */
+/* 445 */
/***/ (function(module, exports) {
'use strict';
@@ -60180,7 +60629,7 @@
}
/***/ }),
-/* 442 */
+/* 446 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -60201,21 +60650,21 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _createChainedFunction = __webpack_require__(443);
+ var _createChainedFunction = __webpack_require__(447);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _placements = __webpack_require__(444);
+ var _placements = __webpack_require__(448);
var _placements2 = _interopRequireDefault(_placements);
- var _rcTrigger = __webpack_require__(445);
+ var _rcTrigger = __webpack_require__(449);
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
@@ -60459,7 +60908,7 @@
module.exports = exports['default'];
/***/ }),
-/* 443 */
+/* 447 */
/***/ (function(module, exports) {
"use strict";
@@ -60493,7 +60942,7 @@
module.exports = exports['default'];
/***/ }),
-/* 444 */
+/* 448 */
/***/ (function(module, exports) {
'use strict';
@@ -60539,26 +60988,26 @@
module.exports = exports['default'];
/***/ }),
-/* 445 */
+/* 449 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -60572,19 +61021,19 @@
var _reactDom = __webpack_require__(2);
- var _contains = __webpack_require__(486);
+ var _contains = __webpack_require__(490);
var _contains2 = _interopRequireDefault(_contains);
- var _addEventListener = __webpack_require__(487);
+ var _addEventListener = __webpack_require__(491);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _ContainerRender = __webpack_require__(488);
+ var _ContainerRender = __webpack_require__(492);
var _ContainerRender2 = _interopRequireDefault(_ContainerRender);
- var _Portal = __webpack_require__(493);
+ var _Portal = __webpack_require__(497);
var _Portal2 = _interopRequireDefault(_Portal);
@@ -60592,9 +61041,9 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _utils = __webpack_require__(494);
+ var _utils = __webpack_require__(498);
- var _Popup = __webpack_require__(495);
+ var _Popup = __webpack_require__(499);
var _Popup2 = _interopRequireDefault(_Popup);
@@ -60983,11 +61432,7 @@
if (popupVisible || this._component || forceRender) {
portal = _react2['default'].createElement(
_Portal2['default'],
- {
- key: 'portal',
- getContainer: this.getContainer,
- didUpdate: this.handlePortalUpdate
- },
+ { key: 'portal', getContainer: this.getContainer, didUpdate: this.handlePortalUpdate },
this.getComponent()
);
}
@@ -61152,7 +61597,11 @@
}
_this5.preClickTime = 0;
_this5.preTouchTime = 0;
- if (event && event.preventDefault) {
+
+ // Only prevent default when all the action is click.
+ // https://github.com/ant-design/ant-design/issues/17043
+ // https://github.com/ant-design/ant-design/issues/17291
+ if (_this5.isClickToShow() && (_this5.isClickToHide() || _this5.isBlurToHide()) && event && event.preventDefault) {
event.preventDefault();
}
var nextVisible = !_this5.state.popupVisible;
@@ -61317,14 +61766,14 @@
module.exports = exports['default'];
/***/ }),
-/* 446 */
+/* 450 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- var _assign = __webpack_require__(447);
+ var _assign = __webpack_require__(451);
var _assign2 = _interopRequireDefault(_assign);
@@ -61345,13 +61794,13 @@
};
/***/ }),
-/* 447 */
+/* 451 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(155), __esModule: true };
+ module.exports = { "default": __webpack_require__(159), __esModule: true };
/***/ }),
-/* 448 */
+/* 452 */
/***/ (function(module, exports) {
"use strict";
@@ -61365,14 +61814,14 @@
};
/***/ }),
-/* 449 */
+/* 453 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- var _typeof2 = __webpack_require__(450);
+ var _typeof2 = __webpack_require__(454);
var _typeof3 = _interopRequireDefault(_typeof2);
@@ -61387,18 +61836,18 @@
};
/***/ }),
-/* 450 */
+/* 454 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- var _iterator = __webpack_require__(451);
+ var _iterator = __webpack_require__(455);
var _iterator2 = _interopRequireDefault(_iterator);
- var _symbol = __webpack_require__(467);
+ var _symbol = __webpack_require__(471);
var _symbol2 = _interopRequireDefault(_symbol);
@@ -61413,29 +61862,29 @@
};
/***/ }),
-/* 451 */
+/* 455 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(452), __esModule: true };
+ module.exports = { "default": __webpack_require__(456), __esModule: true };
/***/ }),
-/* 452 */
+/* 456 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(453);
- __webpack_require__(462);
- module.exports = __webpack_require__(466).f('iterator');
+ __webpack_require__(457);
+ __webpack_require__(466);
+ module.exports = __webpack_require__(470).f('iterator');
/***/ }),
-/* 453 */
+/* 457 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var $at = __webpack_require__(454)(true);
+ var $at = __webpack_require__(458)(true);
// 21.1.3.27 String.prototype[@@iterator]()
- __webpack_require__(455)(String, 'String', function (iterated) {
+ __webpack_require__(459)(String, 'String', function (iterated) {
this._t = String(iterated); // target
this._i = 0; // next index
// 21.1.5.2.1 %StringIteratorPrototype%.next()
@@ -61451,11 +61900,11 @@
/***/ }),
-/* 454 */
+/* 458 */
/***/ (function(module, exports, __webpack_require__) {
- var toInteger = __webpack_require__(182);
- var defined = __webpack_require__(179);
+ var toInteger = __webpack_require__(186);
+ var defined = __webpack_require__(183);
// true -> String#at
// false -> String#codePointAt
module.exports = function (TO_STRING) {
@@ -61474,19 +61923,19 @@
/***/ }),
-/* 455 */
+/* 459 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var LIBRARY = __webpack_require__(186);
- var $export = __webpack_require__(157);
- var redefine = __webpack_require__(456);
- var hide = __webpack_require__(162);
- var Iterators = __webpack_require__(457);
- var $iterCreate = __webpack_require__(458);
- var setToStringTag = __webpack_require__(459);
- var getPrototypeOf = __webpack_require__(461);
- var ITERATOR = __webpack_require__(460)('iterator');
+ var LIBRARY = __webpack_require__(190);
+ var $export = __webpack_require__(161);
+ var redefine = __webpack_require__(460);
+ var hide = __webpack_require__(166);
+ var Iterators = __webpack_require__(461);
+ var $iterCreate = __webpack_require__(462);
+ var setToStringTag = __webpack_require__(463);
+ var getPrototypeOf = __webpack_require__(465);
+ var ITERATOR = __webpack_require__(464)('iterator');
var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
var FF_ITERATOR = '@@iterator';
var KEYS = 'keys';
@@ -61549,31 +61998,31 @@
/***/ }),
-/* 456 */
+/* 460 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(162);
+ module.exports = __webpack_require__(166);
/***/ }),
-/* 457 */
+/* 461 */
/***/ (function(module, exports) {
module.exports = {};
/***/ }),
-/* 458 */
+/* 462 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var create = __webpack_require__(208);
- var descriptor = __webpack_require__(171);
- var setToStringTag = __webpack_require__(459);
+ var create = __webpack_require__(212);
+ var descriptor = __webpack_require__(175);
+ var setToStringTag = __webpack_require__(463);
var IteratorPrototype = {};
// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
- __webpack_require__(162)(IteratorPrototype, __webpack_require__(460)('iterator'), function () { return this; });
+ __webpack_require__(166)(IteratorPrototype, __webpack_require__(464)('iterator'), function () { return this; });
module.exports = function (Constructor, NAME, next) {
Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });
@@ -61582,12 +62031,12 @@
/***/ }),
-/* 459 */
+/* 463 */
/***/ (function(module, exports, __webpack_require__) {
- var def = __webpack_require__(163).f;
- var has = __webpack_require__(172);
- var TAG = __webpack_require__(460)('toStringTag');
+ var def = __webpack_require__(167).f;
+ var has = __webpack_require__(176);
+ var TAG = __webpack_require__(464)('toStringTag');
module.exports = function (it, tag, stat) {
if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
@@ -61595,12 +62044,12 @@
/***/ }),
-/* 460 */
+/* 464 */
/***/ (function(module, exports, __webpack_require__) {
- var store = __webpack_require__(185)('wks');
- var uid = __webpack_require__(187);
- var Symbol = __webpack_require__(158).Symbol;
+ var store = __webpack_require__(189)('wks');
+ var uid = __webpack_require__(191);
+ var Symbol = __webpack_require__(162).Symbol;
var USE_SYMBOL = typeof Symbol == 'function';
var $exports = module.exports = function (name) {
@@ -61612,13 +62061,13 @@
/***/ }),
-/* 461 */
+/* 465 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
- var has = __webpack_require__(172);
- var toObject = __webpack_require__(191);
- var IE_PROTO = __webpack_require__(184)('IE_PROTO');
+ var has = __webpack_require__(176);
+ var toObject = __webpack_require__(195);
+ var IE_PROTO = __webpack_require__(188)('IE_PROTO');
var ObjectProto = Object.prototype;
module.exports = Object.getPrototypeOf || function (O) {
@@ -61631,14 +62080,14 @@
/***/ }),
-/* 462 */
+/* 466 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(463);
- var global = __webpack_require__(158);
- var hide = __webpack_require__(162);
- var Iterators = __webpack_require__(457);
- var TO_STRING_TAG = __webpack_require__(460)('toStringTag');
+ __webpack_require__(467);
+ var global = __webpack_require__(162);
+ var hide = __webpack_require__(166);
+ var Iterators = __webpack_require__(461);
+ var TO_STRING_TAG = __webpack_require__(464)('toStringTag');
var DOMIterables = ('CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,' +
'DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,' +
@@ -61656,20 +62105,20 @@
/***/ }),
-/* 463 */
+/* 467 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var addToUnscopables = __webpack_require__(464);
- var step = __webpack_require__(465);
- var Iterators = __webpack_require__(457);
- var toIObject = __webpack_require__(176);
+ var addToUnscopables = __webpack_require__(468);
+ var step = __webpack_require__(469);
+ var Iterators = __webpack_require__(461);
+ var toIObject = __webpack_require__(180);
// 22.1.3.4 Array.prototype.entries()
// 22.1.3.13 Array.prototype.keys()
// 22.1.3.29 Array.prototype.values()
// 22.1.3.30 Array.prototype[@@iterator]()
- module.exports = __webpack_require__(455)(Array, 'Array', function (iterated, kind) {
+ module.exports = __webpack_require__(459)(Array, 'Array', function (iterated, kind) {
this._t = toIObject(iterated); // target
this._i = 0; // next index
this._k = kind; // kind
@@ -61696,14 +62145,14 @@
/***/ }),
-/* 464 */
+/* 468 */
/***/ (function(module, exports) {
module.exports = function () { /* empty */ };
/***/ }),
-/* 465 */
+/* 469 */
/***/ (function(module, exports) {
module.exports = function (done, value) {
@@ -61712,60 +62161,62 @@
/***/ }),
-/* 466 */
+/* 470 */
/***/ (function(module, exports, __webpack_require__) {
- exports.f = __webpack_require__(460);
+ exports.f = __webpack_require__(464);
/***/ }),
-/* 467 */
+/* 471 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(468), __esModule: true };
+ module.exports = { "default": __webpack_require__(472), __esModule: true };
/***/ }),
-/* 468 */
+/* 472 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(469);
- __webpack_require__(477);
- __webpack_require__(478);
- __webpack_require__(479);
- module.exports = __webpack_require__(159).Symbol;
+ __webpack_require__(473);
+ __webpack_require__(481);
+ __webpack_require__(482);
+ __webpack_require__(483);
+ module.exports = __webpack_require__(163).Symbol;
/***/ }),
-/* 469 */
+/* 473 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
// ECMAScript 6 symbols shim
- var global = __webpack_require__(158);
- var has = __webpack_require__(172);
- var DESCRIPTORS = __webpack_require__(167);
- var $export = __webpack_require__(157);
- var redefine = __webpack_require__(456);
- var META = __webpack_require__(470).KEY;
- var $fails = __webpack_require__(168);
- var shared = __webpack_require__(185);
- var setToStringTag = __webpack_require__(459);
- var uid = __webpack_require__(187);
- var wks = __webpack_require__(460);
- var wksExt = __webpack_require__(466);
- var wksDefine = __webpack_require__(471);
- var enumKeys = __webpack_require__(472);
- var isArray = __webpack_require__(473);
- var anObject = __webpack_require__(164);
- var isObject = __webpack_require__(165);
- var toIObject = __webpack_require__(176);
- var toPrimitive = __webpack_require__(170);
- var createDesc = __webpack_require__(171);
- var _create = __webpack_require__(208);
- var gOPNExt = __webpack_require__(474);
- var $GOPD = __webpack_require__(476);
- var $DP = __webpack_require__(163);
- var $keys = __webpack_require__(174);
+ var global = __webpack_require__(162);
+ var has = __webpack_require__(176);
+ var DESCRIPTORS = __webpack_require__(171);
+ var $export = __webpack_require__(161);
+ var redefine = __webpack_require__(460);
+ var META = __webpack_require__(474).KEY;
+ var $fails = __webpack_require__(172);
+ var shared = __webpack_require__(189);
+ var setToStringTag = __webpack_require__(463);
+ var uid = __webpack_require__(191);
+ var wks = __webpack_require__(464);
+ var wksExt = __webpack_require__(470);
+ var wksDefine = __webpack_require__(475);
+ var enumKeys = __webpack_require__(476);
+ var isArray = __webpack_require__(477);
+ var anObject = __webpack_require__(168);
+ var isObject = __webpack_require__(169);
+ var toObject = __webpack_require__(195);
+ var toIObject = __webpack_require__(180);
+ var toPrimitive = __webpack_require__(174);
+ var createDesc = __webpack_require__(175);
+ var _create = __webpack_require__(212);
+ var gOPNExt = __webpack_require__(478);
+ var $GOPD = __webpack_require__(480);
+ var $GOPS = __webpack_require__(193);
+ var $DP = __webpack_require__(167);
+ var $keys = __webpack_require__(178);
var gOPD = $GOPD.f;
var dP = $DP.f;
var gOPN = gOPNExt.f;
@@ -61780,7 +62231,7 @@
var AllSymbols = shared('symbols');
var OPSymbols = shared('op-symbols');
var ObjectProto = Object[PROTOTYPE];
- var USE_NATIVE = typeof $Symbol == 'function';
+ var USE_NATIVE = typeof $Symbol == 'function' && !!$GOPS.f;
var QObject = global.QObject;
// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;
@@ -61888,11 +62339,11 @@
$GOPD.f = $getOwnPropertyDescriptor;
$DP.f = $defineProperty;
- __webpack_require__(475).f = gOPNExt.f = $getOwnPropertyNames;
- __webpack_require__(190).f = $propertyIsEnumerable;
- __webpack_require__(189).f = $getOwnPropertySymbols;
+ __webpack_require__(479).f = gOPNExt.f = $getOwnPropertyNames;
+ __webpack_require__(194).f = $propertyIsEnumerable;
+ $GOPS.f = $getOwnPropertySymbols;
- if (DESCRIPTORS && !__webpack_require__(186)) {
+ if (DESCRIPTORS && !__webpack_require__(190)) {
redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
}
@@ -61941,6 +62392,16 @@
getOwnPropertySymbols: $getOwnPropertySymbols
});
+ // Chrome 38 and 39 `Object.getOwnPropertySymbols` fails on primitives
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3443
+ var FAILS_ON_PRIMITIVES = $fails(function () { $GOPS.f(1); });
+
+ $export($export.S + $export.F * FAILS_ON_PRIMITIVES, 'Object', {
+ getOwnPropertySymbols: function getOwnPropertySymbols(it) {
+ return $GOPS.f(toObject(it));
+ }
+ });
+
// 24.3.2 JSON.stringify(value [, replacer [, space]])
$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function () {
var S = $Symbol();
@@ -61966,7 +62427,7 @@
});
// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
- $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(162)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
+ $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(166)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
// 19.4.3.5 Symbol.prototype[@@toStringTag]
setToStringTag($Symbol, 'Symbol');
// 20.2.1.9 Math[@@toStringTag]
@@ -61976,18 +62437,18 @@
/***/ }),
-/* 470 */
+/* 474 */
/***/ (function(module, exports, __webpack_require__) {
- var META = __webpack_require__(187)('meta');
- var isObject = __webpack_require__(165);
- var has = __webpack_require__(172);
- var setDesc = __webpack_require__(163).f;
+ var META = __webpack_require__(191)('meta');
+ var isObject = __webpack_require__(169);
+ var has = __webpack_require__(176);
+ var setDesc = __webpack_require__(167).f;
var id = 0;
var isExtensible = Object.isExtensible || function () {
return true;
};
- var FREEZE = !__webpack_require__(168)(function () {
+ var FREEZE = !__webpack_require__(172)(function () {
return isExtensible(Object.preventExtensions({}));
});
var setMeta = function (it) {
@@ -62035,14 +62496,14 @@
/***/ }),
-/* 471 */
+/* 475 */
/***/ (function(module, exports, __webpack_require__) {
- var global = __webpack_require__(158);
- var core = __webpack_require__(159);
- var LIBRARY = __webpack_require__(186);
- var wksExt = __webpack_require__(466);
- var defineProperty = __webpack_require__(163).f;
+ var global = __webpack_require__(162);
+ var core = __webpack_require__(163);
+ var LIBRARY = __webpack_require__(190);
+ var wksExt = __webpack_require__(470);
+ var defineProperty = __webpack_require__(167).f;
module.exports = function (name) {
var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
@@ -62050,13 +62511,13 @@
/***/ }),
-/* 472 */
+/* 476 */
/***/ (function(module, exports, __webpack_require__) {
// all enumerable object keys, includes symbols
- var getKeys = __webpack_require__(174);
- var gOPS = __webpack_require__(189);
- var pIE = __webpack_require__(190);
+ var getKeys = __webpack_require__(178);
+ var gOPS = __webpack_require__(193);
+ var pIE = __webpack_require__(194);
module.exports = function (it) {
var result = getKeys(it);
var getSymbols = gOPS.f;
@@ -62071,23 +62532,23 @@
/***/ }),
-/* 473 */
+/* 477 */
/***/ (function(module, exports, __webpack_require__) {
// 7.2.2 IsArray(argument)
- var cof = __webpack_require__(178);
+ var cof = __webpack_require__(182);
module.exports = Array.isArray || function isArray(arg) {
return cof(arg) == 'Array';
};
/***/ }),
-/* 474 */
+/* 478 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
- var toIObject = __webpack_require__(176);
- var gOPN = __webpack_require__(475).f;
+ var toIObject = __webpack_require__(180);
+ var gOPN = __webpack_require__(479).f;
var toString = {}.toString;
var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
@@ -62107,12 +62568,12 @@
/***/ }),
-/* 475 */
+/* 479 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
- var $keys = __webpack_require__(175);
- var hiddenKeys = __webpack_require__(188).concat('length', 'prototype');
+ var $keys = __webpack_require__(179);
+ var hiddenKeys = __webpack_require__(192).concat('length', 'prototype');
exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
return $keys(O, hiddenKeys);
@@ -62120,18 +62581,18 @@
/***/ }),
-/* 476 */
+/* 480 */
/***/ (function(module, exports, __webpack_require__) {
- var pIE = __webpack_require__(190);
- var createDesc = __webpack_require__(171);
- var toIObject = __webpack_require__(176);
- var toPrimitive = __webpack_require__(170);
- var has = __webpack_require__(172);
- var IE8_DOM_DEFINE = __webpack_require__(166);
+ var pIE = __webpack_require__(194);
+ var createDesc = __webpack_require__(175);
+ var toIObject = __webpack_require__(180);
+ var toPrimitive = __webpack_require__(174);
+ var has = __webpack_require__(176);
+ var IE8_DOM_DEFINE = __webpack_require__(170);
var gOPD = Object.getOwnPropertyDescriptor;
- exports.f = __webpack_require__(167) ? gOPD : function getOwnPropertyDescriptor(O, P) {
+ exports.f = __webpack_require__(171) ? gOPD : function getOwnPropertyDescriptor(O, P) {
O = toIObject(O);
P = toPrimitive(P, true);
if (IE8_DOM_DEFINE) try {
@@ -62142,42 +62603,42 @@
/***/ }),
-/* 477 */
+/* 481 */
/***/ (function(module, exports) {
/***/ }),
-/* 478 */
+/* 482 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(471)('asyncIterator');
+ __webpack_require__(475)('asyncIterator');
/***/ }),
-/* 479 */
+/* 483 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(471)('observable');
+ __webpack_require__(475)('observable');
/***/ }),
-/* 480 */
+/* 484 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- var _setPrototypeOf = __webpack_require__(481);
+ var _setPrototypeOf = __webpack_require__(485);
var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
- var _create = __webpack_require__(485);
+ var _create = __webpack_require__(489);
var _create2 = _interopRequireDefault(_create);
- var _typeof2 = __webpack_require__(450);
+ var _typeof2 = __webpack_require__(454);
var _typeof3 = _interopRequireDefault(_typeof2);
@@ -62200,36 +62661,36 @@
};
/***/ }),
-/* 481 */
+/* 485 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(482), __esModule: true };
+ module.exports = { "default": __webpack_require__(486), __esModule: true };
/***/ }),
-/* 482 */
+/* 486 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(483);
- module.exports = __webpack_require__(159).Object.setPrototypeOf;
+ __webpack_require__(487);
+ module.exports = __webpack_require__(163).Object.setPrototypeOf;
/***/ }),
-/* 483 */
+/* 487 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.19 Object.setPrototypeOf(O, proto)
- var $export = __webpack_require__(157);
- $export($export.S, 'Object', { setPrototypeOf: __webpack_require__(484).set });
+ var $export = __webpack_require__(161);
+ $export($export.S, 'Object', { setPrototypeOf: __webpack_require__(488).set });
/***/ }),
-/* 484 */
+/* 488 */
/***/ (function(module, exports, __webpack_require__) {
// Works with __proto__ only. Old v8 can't work with null proto objects.
/* eslint-disable no-proto */
- var isObject = __webpack_require__(165);
- var anObject = __webpack_require__(164);
+ var isObject = __webpack_require__(169);
+ var anObject = __webpack_require__(168);
var check = function (O, proto) {
anObject(O);
if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!");
@@ -62238,7 +62699,7 @@
set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
function (test, buggy, set) {
try {
- set = __webpack_require__(160)(Function.call, __webpack_require__(476).f(Object.prototype, '__proto__').set, 2);
+ set = __webpack_require__(164)(Function.call, __webpack_require__(480).f(Object.prototype, '__proto__').set, 2);
set(test, []);
buggy = !(test instanceof Array);
} catch (e) { buggy = true; }
@@ -62254,13 +62715,13 @@
/***/ }),
-/* 485 */
+/* 489 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(206), __esModule: true };
+ module.exports = { "default": __webpack_require__(210), __esModule: true };
/***/ }),
-/* 486 */
+/* 490 */
/***/ (function(module, exports) {
"use strict";
@@ -62283,7 +62744,7 @@
module.exports = exports['default'];
/***/ }),
-/* 487 */
+/* 491 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -62313,7 +62774,7 @@
module.exports = exports['default'];
/***/ }),
-/* 488 */
+/* 492 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -62322,19 +62783,19 @@
value: true
});
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(489);
+ var _createClass2 = __webpack_require__(493);
var _createClass3 = _interopRequireDefault(_createClass2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -62445,14 +62906,14 @@
module.exports = exports['default'];
/***/ }),
-/* 489 */
+/* 493 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- var _defineProperty = __webpack_require__(490);
+ var _defineProperty = __webpack_require__(494);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
@@ -62477,33 +62938,33 @@
}();
/***/ }),
-/* 490 */
+/* 494 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(491), __esModule: true };
+ module.exports = { "default": __webpack_require__(495), __esModule: true };
/***/ }),
-/* 491 */
+/* 495 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(492);
- var $Object = __webpack_require__(159).Object;
+ __webpack_require__(496);
+ var $Object = __webpack_require__(163).Object;
module.exports = function defineProperty(it, key, desc) {
return $Object.defineProperty(it, key, desc);
};
/***/ }),
-/* 492 */
+/* 496 */
/***/ (function(module, exports, __webpack_require__) {
- var $export = __webpack_require__(157);
+ var $export = __webpack_require__(161);
// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
- $export($export.S + $export.F * !__webpack_require__(167), 'Object', { defineProperty: __webpack_require__(163).f });
+ $export($export.S + $export.F * !__webpack_require__(171), 'Object', { defineProperty: __webpack_require__(167).f });
/***/ }),
-/* 493 */
+/* 497 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -62512,19 +62973,19 @@
value: true
});
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(489);
+ var _createClass2 = __webpack_require__(493);
var _createClass3 = _interopRequireDefault(_createClass2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -62603,14 +63064,14 @@
module.exports = exports['default'];
/***/ }),
-/* 494 */
+/* 498 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
@@ -62649,26 +63110,26 @@
}
/***/ }),
-/* 495 */
+/* 499 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -62684,23 +63145,23 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _rcAlign = __webpack_require__(496);
+ var _rcAlign = __webpack_require__(500);
var _rcAlign2 = _interopRequireDefault(_rcAlign);
- var _rcAnimate = __webpack_require__(499);
+ var _rcAnimate = __webpack_require__(503);
var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
- var _PopupInner = __webpack_require__(506);
+ var _PopupInner = __webpack_require__(510);
var _PopupInner2 = _interopRequireDefault(_PopupInner);
- var _LazyRenderBox = __webpack_require__(507);
+ var _LazyRenderBox = __webpack_require__(511);
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
- var _utils = __webpack_require__(494);
+ var _utils = __webpack_require__(498);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -63036,7 +63497,7 @@
module.exports = exports['default'];
/***/ }),
-/* 496 */
+/* 500 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -63045,7 +63506,7 @@
value: true
});
- var _Align = __webpack_require__(497);
+ var _Align = __webpack_require__(501);
var _Align2 = _interopRequireDefault(_Align);
@@ -63056,7 +63517,7 @@
module.exports = exports['default'];
/***/ }),
-/* 497 */
+/* 501 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -63065,19 +63526,19 @@
value: true
});
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(489);
+ var _createClass2 = __webpack_require__(493);
var _createClass3 = _interopRequireDefault(_createClass2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -63095,11 +63556,11 @@
var _domAlign = __webpack_require__(51);
- var _addEventListener = __webpack_require__(487);
+ var _addEventListener = __webpack_require__(491);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _util = __webpack_require__(498);
+ var _util = __webpack_require__(502);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -63292,7 +63753,7 @@
module.exports = exports['default'];
/***/ }),
-/* 498 */
+/* 502 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -63306,7 +63767,7 @@
exports.isSimilarValue = isSimilarValue;
exports.restoreFocus = restoreFocus;
- var _contains = __webpack_require__(486);
+ var _contains = __webpack_require__(490);
var _contains2 = _interopRequireDefault(_contains);
@@ -63365,7 +63826,7 @@
}
/***/ }),
-/* 499 */
+/* 503 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -63374,27 +63835,27 @@
value: true
});
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _defineProperty2 = __webpack_require__(500);
+ var _defineProperty2 = __webpack_require__(504);
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(489);
+ var _createClass2 = __webpack_require__(493);
var _createClass3 = _interopRequireDefault(_createClass2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -63406,13 +63867,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ChildrenUtils = __webpack_require__(501);
+ var _ChildrenUtils = __webpack_require__(505);
- var _AnimateChild = __webpack_require__(502);
+ var _AnimateChild = __webpack_require__(506);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
- var _animate = __webpack_require__(505);
+ var _animate = __webpack_require__(509);
var _animate2 = _interopRequireDefault(_animate);
@@ -63759,14 +64220,14 @@
module.exports = exports['default'];
/***/ }),
-/* 500 */
+/* 504 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
- var _defineProperty = __webpack_require__(490);
+ var _defineProperty = __webpack_require__(494);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
@@ -63788,7 +64249,7 @@
};
/***/ }),
-/* 501 */
+/* 505 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -63910,7 +64371,7 @@
}
/***/ }),
-/* 502 */
+/* 506 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -63919,19 +64380,19 @@
value: true
});
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _createClass2 = __webpack_require__(489);
+ var _createClass2 = __webpack_require__(493);
var _createClass3 = _interopRequireDefault(_createClass2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -63947,11 +64408,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _cssAnimation = __webpack_require__(503);
+ var _cssAnimation = __webpack_require__(507);
var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
- var _animate = __webpack_require__(505);
+ var _animate = __webpack_require__(509);
var _animate2 = _interopRequireDefault(_animate);
@@ -64059,7 +64520,7 @@
module.exports = exports['default'];
/***/ }),
-/* 503 */
+/* 507 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -64069,11 +64530,11 @@
});
exports.isCssAnimationSupported = undefined;
- var _typeof2 = __webpack_require__(450);
+ var _typeof2 = __webpack_require__(454);
var _typeof3 = _interopRequireDefault(_typeof2);
- var _Event = __webpack_require__(504);
+ var _Event = __webpack_require__(508);
var _Event2 = _interopRequireDefault(_Event);
@@ -64255,7 +64716,7 @@
exports['default'] = cssAnimation;
/***/ }),
-/* 504 */
+/* 508 */
/***/ (function(module, exports) {
'use strict';
@@ -64395,7 +64856,7 @@
module.exports = exports['default'];
/***/ }),
-/* 505 */
+/* 509 */
/***/ (function(module, exports) {
"use strict";
@@ -64427,22 +64888,22 @@
module.exports = exports['default'];
/***/ }),
-/* 506 */
+/* 510 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -64454,7 +64915,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _LazyRenderBox = __webpack_require__(507);
+ var _LazyRenderBox = __webpack_require__(511);
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
@@ -64509,26 +64970,26 @@
module.exports = exports['default'];
/***/ }),
-/* 507 */
+/* 511 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _objectWithoutProperties2 = __webpack_require__(508);
+ var _objectWithoutProperties2 = __webpack_require__(512);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -64584,7 +65045,7 @@
module.exports = exports['default'];
/***/ }),
-/* 508 */
+/* 512 */
/***/ (function(module, exports) {
"use strict";
@@ -64604,7 +65065,7 @@
};
/***/ }),
-/* 509 */
+/* 513 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -64618,13 +65079,13 @@
var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _moment = _interopRequireDefault(__webpack_require__(296));
+ var _moment = _interopRequireDefault(__webpack_require__(300));
var _classnames = _interopRequireDefault(__webpack_require__(5));
- var _Header = _interopRequireDefault(__webpack_require__(510));
+ var _Header = _interopRequireDefault(__webpack_require__(514));
- var _Combobox = _interopRequireDefault(__webpack_require__(511));
+ var _Combobox = _interopRequireDefault(__webpack_require__(515));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -64840,6 +65301,7 @@
disabledSeconds: disabledSeconds,
onCurrentSelectPanelChange: this.onCurrentSelectPanelChange,
use12Hours: use12Hours,
+ onEsc: onEsc,
isAM: this.isAM()
}), addon(this));
}
@@ -64895,7 +65357,7 @@
exports["default"] = _default;
/***/ }),
-/* 510 */
+/* 514 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -64909,7 +65371,7 @@
var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _moment = _interopRequireDefault(__webpack_require__(296));
+ var _moment = _interopRequireDefault(__webpack_require__(300));
var _classnames = _interopRequireDefault(__webpack_require__(5));
@@ -65148,7 +65610,7 @@
exports["default"] = _default;
/***/ }),
-/* 511 */
+/* 515 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -65162,7 +65624,7 @@
var _propTypes = _interopRequireDefault(__webpack_require__(6));
- var _Select = _interopRequireDefault(__webpack_require__(512));
+ var _Select = _interopRequireDefault(__webpack_require__(516));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -65286,7 +65748,8 @@
hourOptions = _this$props2.hourOptions,
disabledHours = _this$props2.disabledHours,
showHour = _this$props2.showHour,
- use12Hours = _this$props2.use12Hours;
+ use12Hours = _this$props2.use12Hours,
+ onEsc = _this$props2.onEsc;
if (!showHour) {
return null;
@@ -65316,7 +65779,8 @@
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this2.onEnterSelectPanel('hour');
- }
+ },
+ onEsc: onEsc
});
}
}, {
@@ -65330,7 +65794,8 @@
disabledMinutes = _this$props3.disabledMinutes,
defaultOpenValue = _this$props3.defaultOpenValue,
showMinute = _this$props3.showMinute,
- propValue = _this$props3.value;
+ propValue = _this$props3.value,
+ onEsc = _this$props3.onEsc;
if (!showMinute) {
return null;
@@ -65348,7 +65813,8 @@
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this3.onEnterSelectPanel('minute');
- }
+ },
+ onEsc: onEsc
});
}
}, {
@@ -65362,7 +65828,8 @@
disabledSeconds = _this$props4.disabledSeconds,
showSecond = _this$props4.showSecond,
defaultOpenValue = _this$props4.defaultOpenValue,
- propValue = _this$props4.value;
+ propValue = _this$props4.value,
+ onEsc = _this$props4.onEsc;
if (!showSecond) {
return null;
@@ -65380,7 +65847,8 @@
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this4.onEnterSelectPanel('second');
- }
+ },
+ onEsc: onEsc
});
}
}, {
@@ -65392,7 +65860,8 @@
prefixCls = _this$props5.prefixCls,
use12Hours = _this$props5.use12Hours,
format = _this$props5.format,
- isAM = _this$props5.isAM;
+ isAM = _this$props5.isAM,
+ onEsc = _this$props5.onEsc;
if (!use12Hours) {
return null;
@@ -65415,7 +65884,8 @@
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this5.onEnterSelectPanel('ampm');
- }
+ },
+ onEsc: onEsc
});
}
}, {
@@ -65453,6 +65923,7 @@
disabledSeconds: _propTypes["default"].func,
onCurrentSelectPanelChange: _propTypes["default"].func,
use12Hours: _propTypes["default"].bool,
+ onEsc: _propTypes["default"].func,
isAM: _propTypes["default"].bool
});
@@ -65460,7 +65931,7 @@
exports["default"] = _default;
/***/ }),
-/* 512 */
+/* 516 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -65478,6 +65949,8 @@
var _classnames = _interopRequireDefault(__webpack_require__(5));
+ var _raf = _interopRequireDefault(__webpack_require__(246));
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
@@ -65501,19 +65974,17 @@
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var scrollTo = function scrollTo(element, to, duration) {
- var requestAnimationFrame = window.requestAnimationFrame || function requestAnimationFrameTimeout() {
- return setTimeout(arguments[0], 10); // eslint-disable-line
- }; // jump to target if duration zero
-
-
+ // jump to target if duration zero
if (duration <= 0) {
- element.scrollTop = to;
+ (0, _raf["default"])(function () {
+ element.scrollTop = to;
+ });
return;
}
var difference = to - element.scrollTop;
var perTick = difference / duration * 10;
- requestAnimationFrame(function () {
+ (0, _raf["default"])(function () {
element.scrollTop += perTick;
if (element.scrollTop === to) return;
scrollTo(element, to, duration - 10);
@@ -65595,7 +66066,8 @@
var _this$props2 = this.props,
options = _this$props2.options,
selectedIndex = _this$props2.selectedIndex,
- prefixCls = _this$props2.prefixCls;
+ prefixCls = _this$props2.prefixCls,
+ onEsc = _this$props2.onEsc;
return options.map(function (item, index) {
var _classNames;
@@ -65603,12 +66075,19 @@
var onClick = item.disabled ? undefined : function () {
_this2.onSelect(item.value);
};
+
+ var onKeyDown = function onKeyDown(e) {
+ if (e.keyCode === 13) onClick();else if (e.keyCode === 27) onEsc();
+ };
+
return _react["default"].createElement("li", {
role: "button",
onClick: onClick,
className: cls,
key: index,
- disabled: item.disabled
+ disabled: item.disabled,
+ tabIndex: "0",
+ onKeyDown: onKeyDown
}, item.value);
});
}
@@ -65668,22 +66147,23 @@
selectedIndex: _propTypes["default"].number,
type: _propTypes["default"].string,
onSelect: _propTypes["default"].func,
- onMouseEnter: _propTypes["default"].func
+ onMouseEnter: _propTypes["default"].func,
+ onEsc: _propTypes["default"].func
});
var _default = Select;
exports["default"] = _default;
/***/ }),
-/* 513 */
+/* 517 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- module.exports = __webpack_require__(514);
+ module.exports = __webpack_require__(518);
/***/ }),
-/* 514 */
+/* 518 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -65702,11 +66182,11 @@
var _react2 = _interopRequireDefault(_react);
- var _beeInputGroupAddon = __webpack_require__(515);
+ var _beeInputGroupAddon = __webpack_require__(519);
var _beeInputGroupAddon2 = _interopRequireDefault(_beeInputGroupAddon);
- var _InputGroupButton = __webpack_require__(517);
+ var _InputGroupButton = __webpack_require__(521);
var _InputGroupButton2 = _interopRequireDefault(_InputGroupButton);
@@ -65751,8 +66231,8 @@
return InputGroup;
}(_react2["default"].Component);
- /**
- * 将InputGroupAddon与InputGroupButton组件作为InputGroup的附属组件
+ /**
+ * 将InputGroupAddon与InputGroupButton组件作为InputGroup的附属组件
*/
@@ -65763,7 +66243,7 @@
module.exports = exports['default'];
/***/ }),
-/* 515 */
+/* 519 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -65772,7 +66252,7 @@
value: true
});
- var _InputGroupAddon = __webpack_require__(516);
+ var _InputGroupAddon = __webpack_require__(520);
var _InputGroupAddon2 = _interopRequireDefault(_InputGroupAddon);
@@ -65782,7 +66262,7 @@
module.exports = exports['default'];
/***/ }),
-/* 516 */
+/* 520 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -65845,7 +66325,7 @@
module.exports = exports['default'];
/***/ }),
-/* 517 */
+/* 521 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -65908,7 +66388,7 @@
module.exports = exports['default'];
/***/ }),
-/* 518 */
+/* 522 */
/***/ (function(module, exports) {
'use strict';
@@ -65949,7 +66429,7 @@
module.exports = exports['default'];
/***/ }),
-/* 519 */
+/* 523 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -65960,7 +66440,7 @@
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _MonthCalendar = __webpack_require__(520);
+ var _MonthCalendar = __webpack_require__(524);
var _MonthCalendar2 = _interopRequireDefault(_MonthCalendar);
@@ -65974,19 +66454,19 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Picker = __webpack_require__(442);
+ var _Picker = __webpack_require__(446);
var _Picker2 = _interopRequireDefault(_Picker);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _beeInputGroup = __webpack_require__(513);
+ var _beeInputGroup = __webpack_require__(517);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
@@ -65994,11 +66474,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _zh_CN = __webpack_require__(518);
+ var _zh_CN = __webpack_require__(522);
var _zh_CN2 = _interopRequireDefault(_zh_CN);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -66197,7 +66677,7 @@
module.exports = exports["default"];
/***/ }),
-/* 520 */
+/* 524 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -66216,27 +66696,27 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _CalendarHeader = __webpack_require__(427);
+ var _CalendarHeader = __webpack_require__(431);
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
- var _CalendarFooter = __webpack_require__(434);
+ var _CalendarFooter = __webpack_require__(438);
var _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);
- var _CalendarMixin = __webpack_require__(438);
+ var _CalendarMixin = __webpack_require__(442);
- var _CommonMixin = __webpack_require__(439);
+ var _CommonMixin = __webpack_require__(443);
- var _DateInput = __webpack_require__(431);
+ var _DateInput = __webpack_require__(435);
var _DateInput2 = _interopRequireDefault(_DateInput);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -66423,7 +66903,7 @@
module.exports = exports['default'];
/***/ }),
-/* 521 */
+/* 525 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -66436,27 +66916,27 @@
var _react2 = _interopRequireDefault(_react);
- var _RangeCalendar = __webpack_require__(522);
+ var _RangeCalendar = __webpack_require__(526);
var _RangeCalendar2 = _interopRequireDefault(_RangeCalendar);
- var _Panel = __webpack_require__(509);
+ var _Panel = __webpack_require__(513);
var _Panel2 = _interopRequireDefault(_Panel);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _Picker = __webpack_require__(442);
+ var _Picker = __webpack_require__(446);
var _Picker2 = _interopRequireDefault(_Picker);
- var _beeInputGroup = __webpack_require__(513);
+ var _beeInputGroup = __webpack_require__(517);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -66466,17 +66946,17 @@
var _tinperBeeCore = __webpack_require__(27);
- var _util = __webpack_require__(426);
+ var _util = __webpack_require__(430);
- var _zh_CN = __webpack_require__(518);
+ var _zh_CN = __webpack_require__(522);
var _zh_CN2 = _interopRequireDefault(_zh_CN);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
- __webpack_require__(422);
+ __webpack_require__(426);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -66768,20 +67248,24 @@
this.onStartInputBlur = function (e) {
var inputs = document.querySelectorAll('.rc-calendar-input');
- var startValue = void 0;
+ var startValue = void 0,
+ endValue = void 0;
if (inputs) {
startValue = inputs[0].value ? inputs[0].value : '';
+ endValue = inputs[1].value ? inputs[1].value : '';
}
- _this3.props.onStartInputBlur && _this3.props.onStartInputBlur(e, startValue);
+ _this3.props.onStartInputBlur && _this3.props.onStartInputBlur(e, startValue, "[\"" + startValue + "\" , \"" + endValue + "\"]");
};
this.onEndInputBlur = function (e) {
var inputs = document.querySelectorAll('.rc-calendar-input');
- var endValue = void 0;
+ var startValue = void 0,
+ endValue = void 0;
if (inputs) {
+ startValue = inputs[0].value ? inputs[0].value : '';
endValue = inputs[1].value ? inputs[1].value : '';
}
- _this3.props.onEndInputBlur && _this3.props.onEndInputBlur(e, endValue);
+ _this3.props.onEndInputBlur && _this3.props.onEndInputBlur(e, endValue, "[\"" + startValue + "\" , \"" + endValue + "\"]");
};
};
@@ -66803,7 +67287,7 @@
module.exports = exports["default"];
/***/ }),
-/* 522 */
+/* 526 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -66824,7 +67308,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -66832,33 +67316,33 @@
var _classnames3 = _interopRequireDefault(_classnames2);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _CalendarPart = __webpack_require__(523);
+ var _CalendarPart = __webpack_require__(527);
var _CalendarPart2 = _interopRequireDefault(_CalendarPart);
- var _TodayButton = __webpack_require__(435);
+ var _TodayButton = __webpack_require__(439);
var _TodayButton2 = _interopRequireDefault(_TodayButton);
- var _OkButton = __webpack_require__(436);
+ var _OkButton = __webpack_require__(440);
var _OkButton2 = _interopRequireDefault(_OkButton);
- var _TimePickerButton = __webpack_require__(437);
+ var _TimePickerButton = __webpack_require__(441);
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
- var _CommonMixin = __webpack_require__(439);
+ var _CommonMixin = __webpack_require__(443);
- var _util = __webpack_require__(426);
+ var _util = __webpack_require__(430);
- var _toTime = __webpack_require__(441);
+ var _toTime = __webpack_require__(445);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -67656,7 +68140,9 @@
_this2.fireHoverValueChange(selectedValue.concat());
}
selectedValue.map(function (item) {
- item._type = 'range';
+ if (item) {
+ item._type = 'range';
+ }
});
_this2.props.onChange(selectedValue);
if (direct || selectedValue[0] && selectedValue[1]) {
@@ -67719,7 +68205,7 @@
module.exports = exports['default'];
/***/ }),
-/* 523 */
+/* 527 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -67738,19 +68224,19 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _CalendarHeader = __webpack_require__(427);
+ var _CalendarHeader = __webpack_require__(431);
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
- var _DateTable = __webpack_require__(293);
+ var _DateTable = __webpack_require__(297);
var _DateTable2 = _interopRequireDefault(_DateTable);
- var _DateInput = __webpack_require__(431);
+ var _DateInput = __webpack_require__(435);
var _DateInput2 = _interopRequireDefault(_DateInput);
- var _index = __webpack_require__(426);
+ var _index = __webpack_require__(430);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -67907,7 +68393,7 @@
module.exports = exports['default'];
/***/ }),
-/* 524 */
+/* 528 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -67918,7 +68404,7 @@
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _rcCalendar = __webpack_require__(290);
+ var _rcCalendar = __webpack_require__(294);
var _rcCalendar2 = _interopRequireDefault(_rcCalendar);
@@ -67934,37 +68420,37 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _Picker = __webpack_require__(442);
+ var _Picker = __webpack_require__(446);
var _Picker2 = _interopRequireDefault(_Picker);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _zh_CN = __webpack_require__(518);
+ var _zh_CN = __webpack_require__(522);
var _zh_CN2 = _interopRequireDefault(_zh_CN);
- var _en_US = __webpack_require__(440);
+ var _en_US = __webpack_require__(444);
var _en_US2 = _interopRequireDefault(_en_US);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _beeInputGroup = __webpack_require__(513);
+ var _beeInputGroup = __webpack_require__(517);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
- __webpack_require__(422);
+ __webpack_require__(426);
- __webpack_require__(327);
+ __webpack_require__(331);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68220,7 +68706,7 @@
module.exports = exports["default"];
/***/ }),
-/* 525 */
+/* 529 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -68231,7 +68717,7 @@
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _YearPanel = __webpack_require__(432);
+ var _YearPanel = __webpack_require__(436);
var _YearPanel2 = _interopRequireDefault(_YearPanel);
@@ -68245,19 +68731,19 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Picker = __webpack_require__(442);
+ var _Picker = __webpack_require__(446);
var _Picker2 = _interopRequireDefault(_Picker);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
- var _beeInputGroup = __webpack_require__(513);
+ var _beeInputGroup = __webpack_require__(517);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -68265,7 +68751,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _moment = __webpack_require__(296);
+ var _moment = __webpack_require__(300);
var _moment2 = _interopRequireDefault(_moment);
@@ -68495,7 +68981,7 @@
module.exports = exports["default"];
/***/ }),
-/* 526 */
+/* 530 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -68504,17 +68990,17 @@
value: true
});
- var _Select = __webpack_require__(527);
+ var _Select = __webpack_require__(531);
var _Select2 = _interopRequireDefault(_Select);
- var _Option = __webpack_require__(550);
+ var _Option = __webpack_require__(554);
var _Option2 = _interopRequireDefault(_Option);
- var _PropTypes = __webpack_require__(560);
+ var _PropTypes = __webpack_require__(564);
- var _OptGroup = __webpack_require__(561);
+ var _OptGroup = __webpack_require__(565);
var _OptGroup2 = _interopRequireDefault(_OptGroup);
@@ -68526,7 +69012,7 @@
module.exports = exports['default'];
/***/ }),
-/* 527 */
+/* 531 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -68545,15 +69031,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _RcSelect = __webpack_require__(528);
+ var _RcSelect = __webpack_require__(532);
var _RcSelect2 = _interopRequireDefault(_RcSelect);
- var _Option = __webpack_require__(550);
+ var _Option = __webpack_require__(554);
var _Option2 = _interopRequireDefault(_Option);
- var _OptGroup = __webpack_require__(561);
+ var _OptGroup = __webpack_require__(565);
var _OptGroup2 = _interopRequireDefault(_OptGroup);
@@ -68709,7 +69195,7 @@
module.exports = exports["default"];
/***/ }),
-/* 528 */
+/* 532 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -68728,7 +69214,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
var _tinperBeeCore = __webpack_require__(27);
@@ -68744,23 +69230,23 @@
var _componentClasses2 = _interopRequireDefault(_componentClasses);
- var _rcMenu = __webpack_require__(529);
+ var _rcMenu = __webpack_require__(533);
var _warning = __webpack_require__(32);
var _warning2 = _interopRequireDefault(_warning);
- var _Option = __webpack_require__(550);
+ var _Option = __webpack_require__(554);
var _Option2 = _interopRequireDefault(_Option);
- var _util = __webpack_require__(551);
+ var _util = __webpack_require__(555);
- var _SelectTrigger = __webpack_require__(552);
+ var _SelectTrigger = __webpack_require__(556);
var _SelectTrigger2 = _interopRequireDefault(_SelectTrigger);
- var _PropTypes = __webpack_require__(560);
+ var _PropTypes = __webpack_require__(564);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68879,6 +69365,11 @@
}
};
+ /**
+ * noCheck 判断输入的值是否不需要匹配option
+ */
+
+
Select.prototype.renderClear = function renderClear() {
var _props = this.props,
prefixCls = _props.prefixCls,
@@ -69393,6 +69884,11 @@
value = [(0, _util.getValuePropValue)(firstOption)];
_this2.fireChange(value);
}
+ if (props.showSearch && props.supportWrite) {
+ //查询时是否支持自定义输入
+ value = [inputValue];
+ _this2.fireChange(value, true);
+ }
}
} else if ((0, _util.isMultipleOrTags)(props) && inputValue) {
if (_this2._mouseDown) {
@@ -69856,16 +70352,20 @@
_this2.props.onSelect(_this2.getVLBySingleValue(value), _this2.getOptionBySingleValue(value));
};
- this.fireChange = function (value) {
+ this.fireChange = function (value, noCheck) {
var props = _this2.props;
if (!('value' in props)) {
_this2.setState({
value: value
}, _this2.forcePopupAlign);
}
- var vls = _this2.getVLForOnChange(value);
- var options = _this2.getOptionsBySingleValue(value);
- props.onChange(vls, (0, _util.isMultipleOrTags)(_this2.props) ? options : options[0]);
+ if (noCheck) {
+ props.onChange(value, null);
+ } else {
+ var vls = _this2.getVLForOnChange(value);
+ var options = _this2.getOptionsBySingleValue(value);
+ props.onChange(vls, (0, _util.isMultipleOrTags)(_this2.props) ? options : options[0]);
+ }
};
this.isChildDisabled = function (key) {
@@ -70210,7 +70710,7 @@
module.exports = exports['default'];
/***/ }),
-/* 529 */
+/* 533 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -70218,23 +70718,23 @@
exports.__esModule = true;
exports.Divider = exports.ItemGroup = exports.MenuItemGroup = exports.MenuItem = exports.Item = exports.SubMenu = undefined;
- var _Menu = __webpack_require__(530);
+ var _Menu = __webpack_require__(534);
var _Menu2 = _interopRequireDefault(_Menu);
- var _SubMenu = __webpack_require__(541);
+ var _SubMenu = __webpack_require__(545);
var _SubMenu2 = _interopRequireDefault(_SubMenu);
- var _MenuItem = __webpack_require__(544);
+ var _MenuItem = __webpack_require__(548);
var _MenuItem2 = _interopRequireDefault(_MenuItem);
- var _MenuItemGroup = __webpack_require__(548);
+ var _MenuItemGroup = __webpack_require__(552);
var _MenuItemGroup2 = _interopRequireDefault(_MenuItemGroup);
- var _Divider = __webpack_require__(549);
+ var _Divider = __webpack_require__(553);
var _Divider2 = _interopRequireDefault(_Divider);
@@ -70249,30 +70749,30 @@
exports['default'] = _Menu2['default'];
/***/ }),
-/* 530 */
+/* 534 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _objectWithoutProperties2 = __webpack_require__(508);
+ var _objectWithoutProperties2 = __webpack_require__(512);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -70284,13 +70784,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _SubPopupMenu = __webpack_require__(536);
+ var _SubPopupMenu = __webpack_require__(540);
var _SubPopupMenu2 = _interopRequireDefault(_SubPopupMenu);
- var _util = __webpack_require__(537);
+ var _util = __webpack_require__(541);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -70535,7 +71035,7 @@
module.exports = exports['default'];
/***/ }),
-/* 531 */
+/* 535 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -70545,15 +71045,15 @@
});
exports.create = exports.connect = exports.Provider = undefined;
- var _Provider2 = __webpack_require__(532);
+ var _Provider2 = __webpack_require__(536);
var _Provider3 = _interopRequireDefault(_Provider2);
- var _connect2 = __webpack_require__(534);
+ var _connect2 = __webpack_require__(538);
var _connect3 = _interopRequireDefault(_connect2);
- var _create2 = __webpack_require__(535);
+ var _create2 = __webpack_require__(539);
var _create3 = _interopRequireDefault(_create2);
@@ -70564,7 +71064,7 @@
exports.create = _create3.default;
/***/ }),
-/* 532 */
+/* 536 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -70579,7 +71079,7 @@
var _react2 = _interopRequireDefault(_react);
- var _PropTypes = __webpack_require__(533);
+ var _PropTypes = __webpack_require__(537);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -70624,7 +71124,7 @@
exports.default = Provider;
/***/ }),
-/* 533 */
+/* 537 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -70647,7 +71147,7 @@
});
/***/ }),
-/* 534 */
+/* 538 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -70666,17 +71166,17 @@
var _react2 = _interopRequireDefault(_react);
- var _shallowequal = __webpack_require__(284);
+ var _shallowequal = __webpack_require__(288);
var _shallowequal2 = _interopRequireDefault(_shallowequal);
- var _hoistNonReactStatics = __webpack_require__(220);
+ var _hoistNonReactStatics = __webpack_require__(224);
var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);
- var _reactLifecyclesCompat = __webpack_require__(91);
+ var _reactLifecyclesCompat = __webpack_require__(93);
- var _PropTypes = __webpack_require__(533);
+ var _PropTypes = __webpack_require__(537);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -70815,7 +71315,7 @@
}
/***/ }),
-/* 535 */
+/* 539 */
/***/ (function(module, exports) {
"use strict";
@@ -70859,7 +71359,7 @@
}
/***/ }),
-/* 536 */
+/* 540 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -70867,23 +71367,23 @@
exports.__esModule = true;
exports.SubPopupMenu = undefined;
- var _objectWithoutProperties2 = __webpack_require__(508);
+ var _objectWithoutProperties2 = __webpack_require__(512);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
- var _extends4 = __webpack_require__(446);
+ var _extends4 = __webpack_require__(450);
var _extends5 = _interopRequireDefault(_extends4);
@@ -70898,13 +71398,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _createChainedFunction = __webpack_require__(443);
+ var _createChainedFunction = __webpack_require__(447);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
@@ -70912,9 +71412,9 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _util = __webpack_require__(537);
+ var _util = __webpack_require__(541);
- var _DOMWrap = __webpack_require__(539);
+ var _DOMWrap = __webpack_require__(543);
var _DOMWrap2 = _interopRequireDefault(_DOMWrap);
@@ -71307,7 +71807,7 @@
exports['default'] = connected;
/***/ }),
-/* 537 */
+/* 541 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -71326,7 +71826,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var isMobile = __webpack_require__(538);
+ var isMobile = __webpack_require__(542);
function noop() {}
@@ -71403,36 +71903,36 @@
};
/***/ }),
-/* 538 */
+/* 542 */
/***/ (function(module, exports, __webpack_require__) {
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!function(e){var n=/iPhone/i,t=/iPod/i,r=/iPad/i,a=/\bAndroid(?:.+)Mobile\b/i,p=/Android/i,l=/\bAndroid(?:.+)SD4930UR\b/i,b=/\bAndroid(?:.+)(?:KF[A-Z]{2,4})\b/i,f=/Windows Phone/i,u=/\bWindows(?:.+)ARM\b/i,c=/BlackBerry/i,s=/BB10/i,v=/Opera Mini/i,h=/\b(CriOS|Chrome)(?:.+)Mobile/i,w=/\Mobile(?:.+)Firefox\b/i;function m(e,i){return e.test(i)}function i(e){var i=e||("undefined"!=typeof navigator?navigator.userAgent:""),o=i.split("[FBAN");void 0!==o[1]&&(i=o[0]),void 0!==(o=i.split("Twitter"))[1]&&(i=o[0]);var d={apple:{phone:m(n,i)&&!m(f,i),ipod:m(t,i),tablet:!m(n,i)&&m(r,i)&&!m(f,i),device:(m(n,i)||m(t,i)||m(r,i))&&!m(f,i)},amazon:{phone:m(l,i),tablet:!m(l,i)&&m(b,i),device:m(l,i)||m(b,i)},android:{phone:!m(f,i)&&m(l,i)||!m(f,i)&&m(a,i),tablet:!m(f,i)&&!m(l,i)&&!m(a,i)&&(m(b,i)||m(p,i)),device:!m(f,i)&&(m(l,i)||m(b,i)||m(a,i)||m(p,i))},windows:{phone:m(f,i),tablet:m(u,i),device:m(f,i)||m(u,i)},other:{blackberry:m(c,i),blackberry10:m(s,i),opera:m(v,i),firefox:m(w,i),chrome:m(h,i),device:m(c,i)||m(s,i)||m(v,i)||m(w,i)||m(h,i)}};return d.any=d.apple.device||d.android.device||d.windows.device||d.other.device,d.phone=d.apple.phone||d.android.phone||d.windows.phone,d.tablet=d.apple.tablet||d.android.tablet||d.windows.tablet,d}"undefined"!=typeof module&&module.exports&&"undefined"==typeof window?module.exports=i:"undefined"!=typeof module&&module.exports&&"undefined"!=typeof window?module.exports=i(): true?!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e.isMobile=i()), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)):e.isMobile=i()}(this);
+ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!function(e){var n=/iPhone/i,t=/iPod/i,r=/iPad/i,a=/\bAndroid(?:.+)Mobile\b/i,p=/Android/i,b=/\bAndroid(?:.+)SD4930UR\b/i,l=/\bAndroid(?:.+)(?:KF[A-Z]{2,4})\b/i,f=/Windows Phone/i,s=/\bWindows(?:.+)ARM\b/i,u=/BlackBerry/i,c=/BB10/i,h=/Opera Mini/i,v=/\b(CriOS|Chrome)(?:.+)Mobile/i,w=/Mobile(?:.+)Firefox\b/i;function m(e,i){return e.test(i)}function i(e){var i=e||("undefined"!=typeof navigator?navigator.userAgent:""),o=i.split("[FBAN");void 0!==o[1]&&(i=o[0]),void 0!==(o=i.split("Twitter"))[1]&&(i=o[0]);var d={apple:{phone:m(n,i)&&!m(f,i),ipod:m(t,i),tablet:!m(n,i)&&m(r,i)&&!m(f,i),device:(m(n,i)||m(t,i)||m(r,i))&&!m(f,i)},amazon:{phone:m(b,i),tablet:!m(b,i)&&m(l,i),device:m(b,i)||m(l,i)},android:{phone:!m(f,i)&&m(b,i)||!m(f,i)&&m(a,i),tablet:!m(f,i)&&!m(b,i)&&!m(a,i)&&(m(l,i)||m(p,i)),device:!m(f,i)&&(m(b,i)||m(l,i)||m(a,i)||m(p,i))||m(/\bokhttp\b/i,i)},windows:{phone:m(f,i),tablet:m(s,i),device:m(f,i)||m(s,i)},other:{blackberry:m(u,i),blackberry10:m(c,i),opera:m(h,i),firefox:m(w,i),chrome:m(v,i),device:m(u,i)||m(c,i)||m(h,i)||m(w,i)||m(v,i)}};return d.any=d.apple.device||d.android.device||d.windows.device||d.other.device,d.phone=d.apple.phone||d.android.phone||d.windows.phone,d.tablet=d.apple.tablet||d.android.tablet||d.windows.tablet,d}"undefined"!=typeof module&&module.exports&&"undefined"==typeof window?module.exports=i:"undefined"!=typeof module&&module.exports&&"undefined"!=typeof window?(module.exports=i(),module.exports.isMobile=i): true?!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (e.isMobile=i()), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)):e.isMobile=i()}(this);
/***/ }),
-/* 539 */
+/* 543 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _objectWithoutProperties2 = __webpack_require__(508);
+ var _objectWithoutProperties2 = __webpack_require__(512);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -71448,15 +71948,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _resizeObserverPolyfill = __webpack_require__(540);
+ var _resizeObserverPolyfill = __webpack_require__(544);
var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
- var _SubMenu = __webpack_require__(541);
+ var _SubMenu = __webpack_require__(545);
var _SubMenu2 = _interopRequireDefault(_SubMenu);
- var _util = __webpack_require__(537);
+ var _util = __webpack_require__(541);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -71467,7 +71967,7 @@
// Fix ssr
if (canUseDOM) {
- __webpack_require__(543);
+ __webpack_require__(547);
}
var DOMWrap = function (_React$Component) {
@@ -71502,8 +72002,7 @@
level = _this$props.level,
mode = _this$props.mode,
prefixCls = _this$props.prefixCls,
- theme = _this$props.theme,
- propStyle = _this$props.style;
+ theme = _this$props.theme;
if (level !== 1 || mode !== 'horizontal') {
return null;
@@ -71514,7 +72013,8 @@
var _copy$props = copy.props,
throwAway = _copy$props.children,
title = _copy$props.title,
- rest = (0, _objectWithoutProperties3['default'])(_copy$props, ['children', 'title']);
+ propStyle = _copy$props.style,
+ rest = (0, _objectWithoutProperties3['default'])(_copy$props, ['children', 'title', 'style']);
var style = (0, _extends3['default'])({}, propStyle);
@@ -71789,7 +72289,7 @@
module.exports = exports['default'];
/***/ }),
-/* 540 */
+/* 544 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global) {(function (global, factory) {
@@ -72732,7 +73232,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
/***/ }),
-/* 541 */
+/* 545 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -72740,19 +73240,19 @@
exports.__esModule = true;
exports.SubMenu = undefined;
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
- var _extends3 = __webpack_require__(446);
+ var _extends3 = __webpack_require__(450);
var _extends4 = _interopRequireDefault(_extends3);
@@ -72768,11 +73268,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _rcTrigger = __webpack_require__(445);
+ var _rcTrigger = __webpack_require__(449);
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
@@ -72780,21 +73280,21 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _SubPopupMenu = __webpack_require__(536);
+ var _SubPopupMenu = __webpack_require__(540);
var _SubPopupMenu2 = _interopRequireDefault(_SubPopupMenu);
- var _placements = __webpack_require__(542);
+ var _placements = __webpack_require__(546);
var _placements2 = _interopRequireDefault(_placements);
- var _rcAnimate = __webpack_require__(499);
+ var _rcAnimate = __webpack_require__(503);
var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
- var _util = __webpack_require__(537);
+ var _util = __webpack_require__(541);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -73380,7 +73880,7 @@
exports['default'] = connected;
/***/ }),
-/* 542 */
+/* 546 */
/***/ (function(module, exports) {
'use strict';
@@ -73417,7 +73917,7 @@
exports['default'] = placements;
/***/ }),
-/* 543 */
+/* 547 */
/***/ (function(module, exports) {
// mutationobserver-shim v0.3.2 (github.com/megawac/MutationObserver.js)
@@ -73432,7 +73932,7 @@
/***/ }),
-/* 544 */
+/* 548 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -73440,19 +73940,19 @@
exports.__esModule = true;
exports.MenuItem = undefined;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -73468,7 +73968,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _KeyCode = __webpack_require__(292);
+ var _KeyCode = __webpack_require__(296);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
@@ -73476,13 +73976,13 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _domScrollIntoView = __webpack_require__(545);
+ var _domScrollIntoView = __webpack_require__(549);
var _domScrollIntoView2 = _interopRequireDefault(_domScrollIntoView);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _util = __webpack_require__(537);
+ var _util = __webpack_require__(541);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -73712,20 +74212,20 @@
exports['default'] = connected;
/***/ }),
-/* 545 */
+/* 549 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- module.exports = __webpack_require__(546);
+ module.exports = __webpack_require__(550);
/***/ }),
-/* 546 */
+/* 550 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- var util = __webpack_require__(547);
+ var util = __webpack_require__(551);
function scrollIntoView(elem, container, config) {
config = config || {};
@@ -73854,7 +74354,7 @@
module.exports = scrollIntoView;
/***/ }),
-/* 547 */
+/* 551 */
/***/ (function(module, exports) {
'use strict';
@@ -74298,30 +74798,30 @@
}, domUtils);
/***/ }),
-/* 548 */
+/* 552 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _extends2 = __webpack_require__(446);
+ var _extends2 = __webpack_require__(450);
var _extends3 = _interopRequireDefault(_extends2);
- var _objectWithoutProperties2 = __webpack_require__(508);
+ var _objectWithoutProperties2 = __webpack_require__(512);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -74333,7 +74833,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _util = __webpack_require__(537);
+ var _util = __webpack_require__(541);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
@@ -74416,22 +74916,22 @@
module.exports = exports['default'];
/***/ }),
-/* 549 */
+/* 553 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
- var _classCallCheck2 = __webpack_require__(448);
+ var _classCallCheck2 = __webpack_require__(452);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
- var _possibleConstructorReturn2 = __webpack_require__(449);
+ var _possibleConstructorReturn2 = __webpack_require__(453);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
- var _inherits2 = __webpack_require__(480);
+ var _inherits2 = __webpack_require__(484);
var _inherits3 = _interopRequireDefault(_inherits2);
@@ -74483,7 +74983,7 @@
module.exports = exports['default'];
/***/ }),
-/* 550 */
+/* 554 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -74508,9 +75008,9 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
*/
@@ -74534,7 +75034,7 @@
module.exports = exports['default'];
/***/ }),
-/* 551 */
+/* 555 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -74749,7 +75249,7 @@
}
/***/ }),
-/* 552 */
+/* 556 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -74760,7 +75260,7 @@
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
- var _trigger = __webpack_require__(553);
+ var _trigger = __webpack_require__(557);
var _trigger2 = _interopRequireDefault(_trigger);
@@ -74780,9 +75280,9 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _util = __webpack_require__(551);
+ var _util = __webpack_require__(555);
- var _DropdownMenu = __webpack_require__(559);
+ var _DropdownMenu = __webpack_require__(563);
var _DropdownMenu2 = _interopRequireDefault(_DropdownMenu);
@@ -75003,15 +75503,15 @@
module.exports = exports['default'];
/***/ }),
-/* 553 */
+/* 557 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
- module.exports = __webpack_require__(554);
+ module.exports = __webpack_require__(558);
/***/ }),
-/* 554 */
+/* 558 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -75040,11 +75540,11 @@
var _tinperBeeCore = __webpack_require__(27);
- var _Popup = __webpack_require__(555);
+ var _Popup = __webpack_require__(559);
var _Popup2 = _interopRequireDefault(_Popup);
- var _utils = __webpack_require__(558);
+ var _utils = __webpack_require__(562);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -75610,7 +76110,7 @@
module.exports = exports['default'];
/***/ }),
-/* 555 */
+/* 559 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -75641,11 +76141,11 @@
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
- var _PopupInner = __webpack_require__(556);
+ var _PopupInner = __webpack_require__(560);
var _PopupInner2 = _interopRequireDefault(_PopupInner);
- var _LazyRenderBox = __webpack_require__(557);
+ var _LazyRenderBox = __webpack_require__(561);
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
@@ -75890,7 +76390,7 @@
module.exports = exports['default'];
/***/ }),
-/* 556 */
+/* 560 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -75909,7 +76409,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _LazyRenderBox = __webpack_require__(557);
+ var _LazyRenderBox = __webpack_require__(561);
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
@@ -75977,7 +76477,7 @@
module.exports = exports['default'];
/***/ }),
-/* 557 */
+/* 561 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -76056,7 +76556,7 @@
module.exports = exports['default'];
/***/ }),
-/* 558 */
+/* 562 */
/***/ (function(module, exports) {
'use strict';
@@ -76091,7 +76591,7 @@
}
/***/ }),
-/* 559 */
+/* 563 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -76114,19 +76614,19 @@
var _tinperBeeCore = __webpack_require__(27);
- var _rcMenu = __webpack_require__(529);
+ var _rcMenu = __webpack_require__(533);
var _rcMenu2 = _interopRequireDefault(_rcMenu);
- var _domScrollIntoView = __webpack_require__(545);
+ var _domScrollIntoView = __webpack_require__(549);
var _domScrollIntoView2 = _interopRequireDefault(_domScrollIntoView);
- var _raf = __webpack_require__(242);
+ var _raf = __webpack_require__(246);
var _raf2 = _interopRequireDefault(_raf);
- var _util = __webpack_require__(551);
+ var _util = __webpack_require__(555);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -76337,7 +76837,7 @@
module.exports = exports['default'];
/***/ }),
-/* 560 */
+/* 564 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -76372,9 +76872,9 @@
var _validate = _propTypes2["default"].oneOfType([_propTypes2["default"].arrayOf(basicType), basicType]);
return _validate.apply(undefined, arguments);
}
- } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
+ } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
*/
var SelectPropTypes = exports.SelectPropTypes = {
id: _propTypes2["default"].string,
@@ -76424,7 +76924,7 @@
};
/***/ }),
-/* 561 */
+/* 565 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -76464,7 +76964,7 @@
module.exports = exports['default'];
/***/ }),
-/* 562 */
+/* 566 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -76473,7 +76973,7 @@
value: true
});
- var _InputNumber = __webpack_require__(563);
+ var _InputNumber = __webpack_require__(567);
var _InputNumber2 = _interopRequireDefault(_InputNumber);
@@ -76483,7 +76983,7 @@
module.exports = exports['default'];
/***/ }),
-/* 563 */
+/* 567 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -76502,11 +77002,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeInputGroup = __webpack_require__(513);
+ var _beeInputGroup = __webpack_require__(517);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _beeFormControl = __webpack_require__(262);
+ var _beeFormControl = __webpack_require__(266);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
@@ -76542,13 +77042,13 @@
};
var defaultProps = {
- value: 0,
+ value: "",
step: 1,
clsPrefix: 'u-input-number',
iconStyle: 'double',
autoWidth: false,
delay: 300,
- toNumber: true
+ toNumber: false
};
/**
@@ -76566,27 +77066,59 @@
precision = props.precision,
onChange = props.onChange;
- if (value) {
- currentValue = Number(value) || 0;
- } else if (min) {
+ if (value != undefined) {
+ if (value === '') {
+ currentValue = '';
+ return {
+ value: '',
+ minusDisabled: false,
+ plusDisabled: false
+ };
+ } else {
+ currentValue = Number(value) || 0;
+ }
+ } else if (min && value != '') {
currentValue = min;
- } else if (value == 0) {
+ } else if (value === '0' || value === 0) {
currentValue = 0;
} else {
//NaN
- if (oldValue || oldValue == 0) {
+ if (oldValue || oldValue === 0 || oldValue === '0') {
currentValue = oldValue;
+ } else {
+ //value为空
+ return {
+ value: '',
+ minusDisabled: false,
+ plusDisabled: false
+ };
}
}
+ if (currentValue == -Infinity) {
+ return {
+ value: min,
+ minusDisabled: true,
+ plusDisabled: false
+ };
+ }
+ if (currentValue == Infinity) {
+ return {
+ value: max,
+ minusDisabled: false,
+ plusDisabled: true
+ };
+ }
if (currentValue <= min) {
currentMinusDisabled = true;
+ currentValue = min;
}
if (currentValue >= max) {
currentPlusDisabled = true;
+ currentValue = max;
}
if (props.hasOwnProperty('precision')) {
- currentValue = currentValue.toFixed(precision);
+ currentValue = Number(currentValue).toFixed(precision);
}
return {
@@ -76598,9 +77130,10 @@
/**
* 千分符
* @param {要转换的数据} num
- * @param {是否要小数点} point
*/
- function toThousands(number, point) {
+ function toThousands(number) {
+ if (number === '') return '';
+ if (number === '0') return '0';
var num = (number || 0).toString();
var integer = num.split('.')[0];
var decimal = num.split('.')[1] || '';
@@ -76638,9 +77171,20 @@
_this.handleChange = function (value) {
var _this$props = _this.props,
onChange = _this$props.onChange,
- toNumber = _this$props.toNumber;
+ toNumber = _this$props.toNumber,
+ max = _this$props.max,
+ min = _this$props.min;
+ if (value === '') {
+ onChange && onChange(value);
+ _this.setState({
+ value: value
+ });
+ return;
+ }
value = unThousands(value);
+ if (Number(value) > max) return;
+ if (Number(value) < min) return;
if (isNaN(value) && value != '.') return;
_this.setState({
value: value,
@@ -76668,7 +77212,6 @@
};
_this.handleBlur = function (v) {
- v = unThousands(v);
_this.focus = false;
var _this$props3 = _this.props,
onBlur = _this$props3.onBlur,
@@ -76676,6 +77219,15 @@
onChange = _this$props3.onChange,
toNumber = _this$props3.toNumber;
+ if (v === '') {
+ _this.setState({
+ value: v
+ });
+ onBlur && onBlur(v);
+ onChange && onChange(v);
+ return;
+ }
+ v = unThousands(v);
var value = Number(v);
if (precision) {
value = value.toFixed(precision);
@@ -76811,7 +77363,7 @@
};
_this.separate = function (value) {
- value = value.toString();
+ value = value !== null && value.toString();
if (value.indexOf('.') > -1) {
return value.split('.')[1];
} else {
@@ -76869,14 +77421,21 @@
return _this;
}
- InputNumber.prototype.ComponentWillMount = function ComponentWillMount() {};
+ InputNumber.prototype.componentDidMount = function componentDidMount() {
+ this.setState({
+ value: this.props.value,
+ showValue: toThousands(this.props.value)
+ });
+ };
InputNumber.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (this.focus) {
- this.setState({
- value: nextProps.value,
- showValue: toThousands(nextProps.value)
- });
+ if (nextProps.value == Infinity || nextProps.value == -Infinity) {} else {
+ this.setState({
+ value: nextProps.value,
+ showValue: toThousands(nextProps.value)
+ });
+ }
} else {
var data = judgeValue(nextProps, this.state.value);
this.setState({
@@ -77031,7 +77590,7 @@
module.exports = exports['default'];
/***/ }),
-/* 564 */
+/* 568 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77048,23 +77607,23 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _beeDropdown = __webpack_require__(565);
+ var _beeDropdown = __webpack_require__(569);
var _beeDropdown2 = _interopRequireDefault(_beeDropdown);
- var _beeMenus = __webpack_require__(568);
+ var _beeMenus = __webpack_require__(572);
var _beeMenus2 = _interopRequireDefault(_beeMenus);
- var _beeButton = __webpack_require__(260);
+ var _beeButton = __webpack_require__(264);
var _beeButton2 = _interopRequireDefault(_beeButton);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _i18n = __webpack_require__(584);
+ var _i18n = __webpack_require__(588);
var _i18n2 = _interopRequireDefault(_i18n);
@@ -77353,7 +77912,7 @@
module.exports = exports['default'];
/***/ }),
-/* 565 */
+/* 569 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77362,7 +77921,7 @@
value: true
});
- var _Dropdown = __webpack_require__(566);
+ var _Dropdown = __webpack_require__(570);
var _Dropdown2 = _interopRequireDefault(_Dropdown);
@@ -77372,7 +77931,7 @@
module.exports = exports['default'];
/***/ }),
-/* 566 */
+/* 570 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77391,11 +77950,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _trigger = __webpack_require__(553);
+ var _trigger = __webpack_require__(557);
var _trigger2 = _interopRequireDefault(_trigger);
- var _placement = __webpack_require__(567);
+ var _placement = __webpack_require__(571);
var _placement2 = _interopRequireDefault(_placement);
@@ -77465,6 +78024,35 @@
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+ _this.delayFire = function (visible, callBack) {
+ var _this$props = _this.props,
+ delayShow = _this$props.delayShow,
+ delayHide = _this$props.delayHide,
+ delay = _this$props.delay;
+
+ var delayShowTime = delayShow || delay || false;
+ var delayHideTime = delayHide || delay || false;
+ if (delayShowTime) {
+ if (visible) {
+ clearTimeout(_this.timer);
+ _this.timer = setTimeout(function () {
+ callBack();
+ }, delayShowTime);
+ return;
+ }
+ }
+ if (delayHideTime) {
+ if (!visible) {
+ clearTimeout(_this.timer);
+ _this.timer = setTimeout(function () {
+ callBack();
+ }, delayHideTime);
+ return;
+ }
+ }
+ callBack();
+ };
+
_this.state = {
visible: jadgeState(_this.props)
};
@@ -77502,13 +78090,17 @@
};
Dropdown.prototype.onVisibleChange = function onVisibleChange(visible) {
+ var _this2 = this;
+
var props = this.props;
- if (!('visible' in props)) {
- this.setState({
- visible: visible
- });
- }
- props.onVisibleChange(visible);
+ this.delayFire(visible, function () {
+ if (!('visible' in props)) {
+ _this2.setState({
+ visible: visible
+ });
+ }
+ props.onVisibleChange(visible);
+ });
};
Dropdown.prototype.getMenuElement = function getMenuElement() {
@@ -77519,7 +78111,6 @@
return _react2["default"].cloneElement(overlay, {
prefixCls: clsPrefix + '-menu',
- clsPrefix: clsPrefix + '-menu',
onClick: this.onClick
});
};
@@ -77594,7 +78185,7 @@
module.exports = exports['default'];
/***/ }),
-/* 567 */
+/* 571 */
/***/ (function(module, exports) {
'use strict';
@@ -77651,7 +78242,7 @@
exports["default"] = placements;
/***/ }),
-/* 568 */
+/* 572 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77660,7 +78251,7 @@
value: true
});
- var _VerticalMenu = __webpack_require__(569);
+ var _VerticalMenu = __webpack_require__(573);
var _VerticalMenu2 = _interopRequireDefault(_VerticalMenu);
@@ -77670,7 +78261,7 @@
module.exports = exports['default'];
/***/ }),
-/* 569 */
+/* 573 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77685,15 +78276,15 @@
var _react2 = _interopRequireDefault(_react);
- var _ExportMenu = __webpack_require__(570);
+ var _ExportMenu = __webpack_require__(574);
var _ExportMenu2 = _interopRequireDefault(_ExportMenu);
- var _openAnimation = __webpack_require__(582);
+ var _openAnimation = __webpack_require__(586);
var _openAnimation2 = _interopRequireDefault(_openAnimation);
- var _warning = __webpack_require__(583);
+ var _warning = __webpack_require__(587);
var _warning2 = _interopRequireDefault(_warning);
@@ -77826,7 +78417,7 @@
module.exports = exports['default'];
/***/ }),
-/* 570 */
+/* 574 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77836,31 +78427,31 @@
});
exports.MenuToggle = exports.SideContainer = exports.Divider = exports.ItemGroup = exports.MenuItemGroup = exports.MenuItem = exports.Item = exports.SubMenu = undefined;
- var _Menu = __webpack_require__(571);
+ var _Menu = __webpack_require__(575);
var _Menu2 = _interopRequireDefault(_Menu);
- var _SubMenu = __webpack_require__(575);
+ var _SubMenu = __webpack_require__(579);
var _SubMenu2 = _interopRequireDefault(_SubMenu);
- var _MenuItem = __webpack_require__(577);
+ var _MenuItem = __webpack_require__(581);
var _MenuItem2 = _interopRequireDefault(_MenuItem);
- var _MenuItemGroup = __webpack_require__(578);
+ var _MenuItemGroup = __webpack_require__(582);
var _MenuItemGroup2 = _interopRequireDefault(_MenuItemGroup);
- var _Divider = __webpack_require__(579);
+ var _Divider = __webpack_require__(583);
var _Divider2 = _interopRequireDefault(_Divider);
- var _SideContainer = __webpack_require__(580);
+ var _SideContainer = __webpack_require__(584);
var _SideContainer2 = _interopRequireDefault(_SideContainer);
- var _MenuToggle = __webpack_require__(581);
+ var _MenuToggle = __webpack_require__(585);
var _MenuToggle2 = _interopRequireDefault(_MenuToggle);
@@ -77881,7 +78472,7 @@
exports["default"] = _Menu2["default"];
/***/ }),
-/* 571 */
+/* 575 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -77904,13 +78495,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _SubPopupMenu = __webpack_require__(572);
+ var _SubPopupMenu = __webpack_require__(576);
var _SubPopupMenu2 = _interopRequireDefault(_SubPopupMenu);
- var _util = __webpack_require__(573);
+ var _util = __webpack_require__(577);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -78179,7 +78770,7 @@
module.exports = exports['default'];
/***/ }),
-/* 572 */
+/* 576 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -78206,11 +78797,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
var _tinperBeeCore = __webpack_require__(27);
- var _createChainedFunction = __webpack_require__(443);
+ var _createChainedFunction = __webpack_require__(447);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
@@ -78218,9 +78809,9 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _util = __webpack_require__(573);
+ var _util = __webpack_require__(577);
- var _DOMWrap = __webpack_require__(574);
+ var _DOMWrap = __webpack_require__(578);
var _DOMWrap2 = _interopRequireDefault(_DOMWrap);
@@ -78628,7 +79219,7 @@
exports["default"] = connected;
/***/ }),
-/* 573 */
+/* 577 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -78755,7 +79346,7 @@
}
/***/ }),
-/* 574 */
+/* 578 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -78778,15 +79369,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _resizeObserverPolyfill = __webpack_require__(540);
+ var _resizeObserverPolyfill = __webpack_require__(544);
var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
- var _SubMenu = __webpack_require__(575);
+ var _SubMenu = __webpack_require__(579);
var _SubMenu2 = _interopRequireDefault(_SubMenu);
- var _util = __webpack_require__(573);
+ var _util = __webpack_require__(577);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -78812,7 +79403,7 @@
// Fix ssr
if (canUseDOM) {
- __webpack_require__(543);
+ __webpack_require__(547);
}
var DOMWrap = function (_React$Component) {
@@ -79130,7 +79721,7 @@
module.exports = exports['default'];
/***/ }),
-/* 575 */
+/* 579 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -79160,7 +79751,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _rcTrigger = __webpack_require__(445);
+ var _rcTrigger = __webpack_require__(449);
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
@@ -79170,21 +79761,21 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _SubPopupMenu = __webpack_require__(572);
+ var _SubPopupMenu = __webpack_require__(576);
var _SubPopupMenu2 = _interopRequireDefault(_SubPopupMenu);
- var _placements = __webpack_require__(576);
+ var _placements = __webpack_require__(580);
var _placements2 = _interopRequireDefault(_placements);
- var _rcAnimate = __webpack_require__(499);
+ var _rcAnimate = __webpack_require__(503);
var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
- var _util = __webpack_require__(573);
+ var _util = __webpack_require__(577);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -79779,7 +80370,7 @@
exports["default"] = connected;
/***/ }),
-/* 576 */
+/* 580 */
/***/ (function(module, exports) {
'use strict';
@@ -79787,9 +80378,9 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
- /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
var autoAdjustOverflow = {
adjustX: 1,
@@ -79822,7 +80413,7 @@
exports["default"] = placements;
/***/ }),
-/* 577 */
+/* 581 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -79852,13 +80443,13 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _domScrollIntoView = __webpack_require__(545);
+ var _domScrollIntoView = __webpack_require__(549);
var _domScrollIntoView2 = _interopRequireDefault(_domScrollIntoView);
- var _miniStore = __webpack_require__(531);
+ var _miniStore = __webpack_require__(535);
- var _util = __webpack_require__(573);
+ var _util = __webpack_require__(577);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -80102,7 +80693,7 @@
exports["default"] = connected;
/***/ }),
-/* 578 */
+/* 582 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80121,7 +80712,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _util = __webpack_require__(573);
+ var _util = __webpack_require__(577);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -80219,7 +80810,7 @@
module.exports = exports['default'];
/***/ }),
-/* 579 */
+/* 583 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80289,7 +80880,7 @@
module.exports = exports['default'];
/***/ }),
-/* 580 */
+/* 584 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80363,7 +80954,7 @@
module.exports = exports['default'];
/***/ }),
-/* 581 */
+/* 585 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80521,7 +81112,7 @@
module.exports = exports['default'];
/***/ }),
-/* 582 */
+/* 586 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80569,7 +81160,7 @@
module.exports = exports['default'];
/***/ }),
-/* 583 */
+/* 587 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80596,7 +81187,7 @@
module.exports = exports['default'];
/***/ }),
-/* 584 */
+/* 588 */
/***/ (function(module, exports) {
'use strict';
@@ -80652,7 +81243,7 @@
};
/***/ }),
-/* 585 */
+/* 589 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -80667,15 +81258,15 @@
var _react2 = _interopRequireDefault(_react);
- var _Column = __webpack_require__(586);
+ var _Column = __webpack_require__(590);
var _Column2 = _interopRequireDefault(_Column);
- var _ColumnGroup = __webpack_require__(587);
+ var _ColumnGroup = __webpack_require__(591);
var _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);
- var _beeIcon = __webpack_require__(106);
+ var _beeIcon = __webpack_require__(79);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -80988,7 +81579,7 @@
module.exports = exports['default'];
/***/ }),
-/* 586 */
+/* 590 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -81048,7 +81639,7 @@
module.exports = exports['default'];
/***/ }),
-/* 587 */
+/* 591 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -81092,7 +81683,7 @@
module.exports = exports['default'];
/***/ }),
-/* 588 */
+/* 592 */
/***/ (function(module, exports) {
"use strict";
@@ -81137,7 +81728,7 @@
module.exports = exports["default"];
/***/ }),
-/* 589 */
+/* 593 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@@ -81146,7 +81737,7 @@
value: true
});
- var _Loading = __webpack_require__(590);
+ var _Loading = __webpack_require__(594);
var _Loading2 = _interopRequireDefault(_Loading);
@@ -81156,7 +81747,7 @@
module.exports = exports['default'];
/***/ }),
-/* 590 */
+/* 594 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -81377,7 +81968,7 @@
module.exports = exports["default"];
/***/ }),
-/* 591 */
+/* 595 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -81390,9 +81981,9 @@
var _react2 = _interopRequireDefault(_react);
- var _tinperBee = __webpack_require__(592);
+ var _tinperBee = __webpack_require__(596);
- var _src = __webpack_require__(264);
+ var _src = __webpack_require__(268);
var _src2 = _interopRequireDefault(_src);
@@ -81439,21 +82030,21 @@
module.exports = exports["default"];
/***/ }),
-/* 592 */
+/* 596 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {'use strict';
if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(593);
+ module.exports = __webpack_require__(597);
} else {
- module.exports = __webpack_require__(593);
+ module.exports = __webpack_require__(597);
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
/***/ }),
-/* 593 */
+/* 597 */
/***/ (function(module, exports, __webpack_require__) {
(function webpackUniversalModuleDefinition(root, factory) {
@@ -81528,7 +82119,7 @@
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 563);
+ /******/ return __webpack_require__(__webpack_require__.s = 564);
/******/ })
/************************************************************************/
/******/ ([
@@ -83464,7 +84055,7 @@
try {
oldLocale = globalLocale._abbr;
var aliasedRequire = require;
- __webpack_require__(1335)("./" + name);
+ __webpack_require__(1337)("./" + name);
getSetGlobalLocale(oldLocale);
} catch (e) {}
}
@@ -86215,7 +86806,7 @@
})));
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(238)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(239)(module)))
/***/ }),
/* 5 */
@@ -86303,7 +86894,7 @@
exports.__esModule = true;
- var _assign = __webpack_require__(603);
+ var _assign = __webpack_require__(604);
var _assign2 = _interopRequireDefault(_assign);
@@ -86590,9 +87181,9 @@
*/
try {
- var index = __webpack_require__(240);
+ var index = __webpack_require__(241);
} catch (err) {
- var index = __webpack_require__(240);
+ var index = __webpack_require__(241);
}
/**
@@ -87042,6 +87633,26 @@
/***/ }),
/* 16 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(576);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 17 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -87246,26 +87857,6 @@
}
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(9)))
- /***/ }),
- /* 17 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(575);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
/***/ }),
/* 18 */
/***/ (function(module, exports) {
@@ -87314,11 +87905,11 @@
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__required__ = __webpack_require__(226);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__whitespace__ = __webpack_require__(645);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__type__ = __webpack_require__(646);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__range__ = __webpack_require__(647);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__enum__ = __webpack_require__(648);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__pattern__ = __webpack_require__(649);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__whitespace__ = __webpack_require__(646);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__type__ = __webpack_require__(647);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__range__ = __webpack_require__(648);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__enum__ = __webpack_require__(649);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__pattern__ = __webpack_require__(650);
@@ -87342,6 +87933,22 @@
"use strict";
+ exports.__esModule = true;
+ exports.default = ownerDocument;
+
+ function ownerDocument(node) {
+ return node && node.ownerDocument || document;
+ }
+
+ module.exports = exports["default"];
+
+ /***/ }),
+ /* 22 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
var _interopRequireDefault = __webpack_require__(18);
exports.__esModule = true;
@@ -87371,7 +87978,7 @@
module.exports = exports["default"];
/***/ }),
- /* 22 */
+ /* 23 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87403,22 +88010,6 @@
};
}();
- /***/ }),
- /* 23 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = ownerDocument;
-
- function ownerDocument(node) {
- return node && node.ownerDocument || document;
- }
-
- module.exports = exports["default"];
-
/***/ }),
/* 24 */
/***/ (function(module, exports) {
@@ -88077,7 +88668,7 @@
/***/ (function(module, exports, __webpack_require__) {
var store = __webpack_require__(127)('wks');
- var uid = __webpack_require__(89);
+ var uid = __webpack_require__(88);
var Symbol = __webpack_require__(35).Symbol;
var USE_SYMBOL = typeof Symbol == 'function';
@@ -88101,7 +88692,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
@@ -88113,7 +88704,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__ = __webpack_require__(804);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__AnimateChild__ = __webpack_require__(805);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_animate__ = __webpack_require__(254);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_animate__ = __webpack_require__(255);
@@ -88471,79 +89062,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1423);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1424);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1425);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1426);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1427);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1428);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1429);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1430);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1431);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(502);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1432);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1434);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1435);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1419);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1420);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1421);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1422);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1423);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1424);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1425);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1426);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1427);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(502);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1428);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1430);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1431);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -88551,79 +89142,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1650);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1651);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1652);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1653);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1654);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1655);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1656);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1657);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1658);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(535);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1659);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1661);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(536);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1653);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1654);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1655);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1656);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1657);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1658);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1659);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1660);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1661);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(535);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1662);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1664);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(536);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -88654,12 +89245,12 @@
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return conductCheck; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning__ = __webpack_require__(1741);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning__ = __webpack_require__(1745);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_warning__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__ = __webpack_require__(207);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_util_es_Children_toArray__ = __webpack_require__(72);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rc_util_es_Dom_class__ = __webpack_require__(1742);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__strategies__ = __webpack_require__(208);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_tree_es_util__ = __webpack_require__(206);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_util_es_Children_toArray__ = __webpack_require__(71);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rc_util_es_Dom_class__ = __webpack_require__(1746);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__strategies__ = __webpack_require__(207);
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
@@ -89240,7 +89831,7 @@
var global = __webpack_require__(35);
var core = __webpack_require__(24);
var ctx = __webpack_require__(121);
- var hide = __webpack_require__(58);
+ var hide = __webpack_require__(57);
var has = __webpack_require__(45);
var PROTOTYPE = 'prototype';
@@ -89317,7 +89908,7 @@
/* 36 */
/***/ (function(module, exports, __webpack_require__) {
- var anObject = __webpack_require__(59);
+ var anObject = __webpack_require__(58);
var IE8_DOM_DEFINE = __webpack_require__(213);
var toPrimitive = __webpack_require__(122);
var dP = Object.defineProperty;
@@ -89339,27 +89930,27 @@
/* 37 */
/***/ (function(module, exports) {
- var g;
-
- // This works in non-strict mode
- g = (function() {
- return this;
- })();
-
- try {
- // This works if eval is allowed (see CSP)
- g = g || Function("return this")() || (1,eval)("this");
- } catch(e) {
- // This works if the window reference is available
- if(typeof window === "object")
- g = window;
- }
-
- // g can still be undefined, but nothing to do about it...
- // We return undefined, instead of nothing here, so it's
- // easier to handle this case. if(!global) { ...}
-
- module.exports = g;
+ var g;
+
+ // This works in non-strict mode
+ g = (function() {
+ return this;
+ })();
+
+ try {
+ // This works if eval is allowed (see CSP)
+ g = g || Function("return this")() || (1,eval)("this");
+ } catch(e) {
+ // This works if the window reference is available
+ if(typeof window === "object")
+ g = window;
+ }
+
+ // g can still be undefined, but nothing to do about it...
+ // We return undefined, instead of nothing here, so it's
+ // easier to handle this case. if(!global) { ...}
+
+ module.exports = g;
/***/ }),
@@ -89556,7 +90147,7 @@
/***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
- module.exports = !__webpack_require__(61)(function () {
+ module.exports = !__webpack_require__(60)(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
@@ -89580,11 +90171,11 @@
exports.__esModule = true;
- var _iterator = __webpack_require__(627);
+ var _iterator = __webpack_require__(628);
var _iterator2 = _interopRequireDefault(_iterator);
- var _symbol = __webpack_require__(633);
+ var _symbol = __webpack_require__(634);
var _symbol2 = _interopRequireDefault(_symbol);
@@ -90215,7 +90806,7 @@
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
@@ -90334,7 +90925,7 @@
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
@@ -90453,7 +91044,7 @@
exports.__esModule = true;
exports.default = style;
- var _camelizeStyle = _interopRequireDefault(__webpack_require__(266));
+ var _camelizeStyle = _interopRequireDefault(__webpack_require__(267));
var _hyphenateStyle = _interopRequireDefault(__webpack_require__(868));
@@ -90559,28 +91150,8 @@
/* 57 */
/***/ (function(module, exports, __webpack_require__) {
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Button = __webpack_require__(566);
-
- var _Button2 = _interopRequireDefault(_Button);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Button2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 58 */
- /***/ (function(module, exports, __webpack_require__) {
-
var dP = __webpack_require__(36);
- var createDesc = __webpack_require__(73);
+ var createDesc = __webpack_require__(72);
module.exports = __webpack_require__(44) ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
@@ -90590,10 +91161,10 @@
/***/ }),
- /* 59 */
+ /* 58 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(60);
+ var isObject = __webpack_require__(59);
module.exports = function (it) {
if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
@@ -90601,7 +91172,7 @@
/***/ }),
- /* 60 */
+ /* 59 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -90610,7 +91181,7 @@
/***/ }),
- /* 61 */
+ /* 60 */
/***/ (function(module, exports) {
module.exports = function (exec) {
@@ -90623,7 +91194,7 @@
/***/ }),
- /* 62 */
+ /* 61 */
/***/ (function(module, exports, __webpack_require__) {
// to indexed object, toObject with fallback for non-array-like ES3 strings
@@ -90635,7 +91206,7 @@
/***/ }),
- /* 63 */
+ /* 62 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -90650,7 +91221,7 @@
var React = __webpack_require__(0);
- var factory = __webpack_require__(622);
+ var factory = __webpack_require__(623);
if (typeof React === 'undefined') {
throw Error(
@@ -90670,7 +91241,7 @@
/***/ }),
- /* 64 */
+ /* 63 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -90767,7 +91338,7 @@
/***/ }),
- /* 65 */
+ /* 64 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -90860,7 +91431,7 @@
};
/***/ }),
- /* 66 */
+ /* 65 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -90919,7 +91490,7 @@
/***/ }),
- /* 67 */
+ /* 66 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -91012,7 +91583,7 @@
};
/***/ }),
- /* 68 */
+ /* 67 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -91023,9 +91594,9 @@
});
exports.setStyle = exports.getWidth = exports.menuAllProps = undefined;
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -91139,168 +91710,168 @@
}
}
+ /***/ }),
+ /* 68 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1133);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1134);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1135);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1136);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1137);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(316);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(317);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1138);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1139);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(318);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1140);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1142);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1143);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
+
/***/ }),
/* 69 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1133);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1134);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1135);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1136);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1137);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(316);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(317);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1138);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1139);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(318);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1140);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1142);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1143);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1186);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1187);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1188);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1189);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1190);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1191);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1192);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1193);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1194);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(331);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1195);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1197);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1198);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
/* 70 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1186);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1187);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1188);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1189);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1190);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1191);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1192);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1193);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1194);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(331);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1195);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1197);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1198);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 71 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -91393,7 +91964,7 @@
};
/***/ }),
- /* 72 */
+ /* 71 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -91411,7 +91982,7 @@
}
/***/ }),
- /* 73 */
+ /* 72 */
/***/ (function(module, exports) {
module.exports = function (bitmap, value) {
@@ -91425,7 +91996,7 @@
/***/ }),
- /* 74 */
+ /* 73 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
@@ -91438,14 +92009,14 @@
/***/ }),
- /* 75 */
+ /* 74 */
/***/ (function(module, exports) {
module.exports = {};
/***/ }),
- /* 76 */
+ /* 75 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {/**
@@ -93297,10 +93868,10 @@
module.exports = isEqual;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(37), __webpack_require__(238)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(37), __webpack_require__(239)(module)))
/***/ }),
- /* 77 */
+ /* 76 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -93313,9 +93884,9 @@
var _contains = _interopRequireDefault(__webpack_require__(27));
- var _isWindow = _interopRequireDefault(__webpack_require__(102));
+ var _isWindow = _interopRequireDefault(__webpack_require__(101));
- var _ownerDocument = _interopRequireDefault(__webpack_require__(23));
+ var _ownerDocument = _interopRequireDefault(__webpack_require__(21));
function offset(node) {
var doc = (0, _ownerDocument.default)(node),
@@ -93344,7 +93915,7 @@
module.exports = exports["default"];
/***/ }),
- /* 78 */
+ /* 77 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -93355,7 +93926,7 @@
exports.__esModule = true;
exports.default = scrollTop;
- var _isWindow = _interopRequireDefault(__webpack_require__(102));
+ var _isWindow = _interopRequireDefault(__webpack_require__(101));
function scrollTop(node, val) {
var win = (0, _isWindow.default)(node);
@@ -93366,7 +93937,7 @@
module.exports = exports["default"];
/***/ }),
- /* 79 */
+ /* 78 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -98388,9 +98959,12 @@
}
var candidates = [base, "ms" + base, "webkit" + base, "moz" + base, "o" + base];
- var supported = candidates.find(function (eventName) {
- return "on" + eventName in document;
- });
+ var supported = "";
+ for(var k = 0; k++; k < candidates.length) {
+ if(candidates[k] === "on" + eventName in document){
+ supported = candidates[k];
+ }
+ }
return supported || base;
}();
@@ -99824,7 +100398,7 @@
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(9)))
/***/ }),
- /* 80 */
+ /* 79 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -100354,7 +100928,7 @@
module.exports = exports['default'];
/***/ }),
- /* 81 */
+ /* 80 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -100376,7 +100950,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _KeyCode = __webpack_require__(80);
+ var _KeyCode = __webpack_require__(79);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
@@ -100630,7 +101204,7 @@
module.exports = exports['default'];
/***/ }),
- /* 82 */
+ /* 81 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -100658,15 +101232,15 @@
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
- var _KeyCode = __webpack_require__(80);
+ var _KeyCode = __webpack_require__(79);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
- var _placements = __webpack_require__(1354);
+ var _placements = __webpack_require__(1356);
var _placements2 = _interopRequireDefault(_placements);
- var _rcTrigger = __webpack_require__(1355);
+ var _rcTrigger = __webpack_require__(1357);
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
@@ -100910,7 +101484,7 @@
module.exports = exports['default'];
/***/ }),
- /* 83 */
+ /* 82 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -100920,7 +101494,7 @@
value: true
});
- var _FormControl = __webpack_require__(1358);
+ var _FormControl = __webpack_require__(1360);
var _FormControl2 = _interopRequireDefault(_FormControl);
@@ -100930,16 +101504,16 @@
module.exports = exports['default'];
/***/ }),
- /* 84 */
+ /* 83 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- module.exports = __webpack_require__(1362);
+ module.exports = __webpack_require__(1364);
/***/ }),
- /* 85 */
+ /* 84 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -100981,7 +101555,7 @@
module.exports = exports['default'];
/***/ }),
- /* 86 */
+ /* 85 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -100997,7 +101571,7 @@
module.exports = exports["default"];
/***/ }),
- /* 87 */
+ /* 86 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -101029,14 +101603,14 @@
module.exports = exports['default'];
/***/ }),
- /* 88 */
+ /* 87 */
/***/ (function(module, exports) {
module.exports = true;
/***/ }),
- /* 89 */
+ /* 88 */
/***/ (function(module, exports) {
var id = 0;
@@ -101047,14 +101621,14 @@
/***/ }),
- /* 90 */
+ /* 89 */
/***/ (function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ }),
- /* 91 */
+ /* 90 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.13 ToObject(argument)
@@ -101065,10 +101639,10 @@
/***/ }),
- /* 92 */
+ /* 91 */
/***/ (function(module, exports, __webpack_require__) {
- var freeGlobal = __webpack_require__(667);
+ var freeGlobal = __webpack_require__(668);
/** Detect free variable `self`. */
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
@@ -101080,7 +101654,7 @@
/***/ }),
- /* 93 */
+ /* 92 */
/***/ (function(module, exports, __webpack_require__) {
var getNative = __webpack_require__(137);
@@ -101092,7 +101666,7 @@
/***/ }),
- /* 94 */
+ /* 93 */
/***/ (function(module, exports, __webpack_require__) {
var eq = __webpack_require__(139);
@@ -101119,10 +101693,10 @@
/***/ }),
- /* 95 */
+ /* 94 */
/***/ (function(module, exports, __webpack_require__) {
- var isKeyable = __webpack_require__(696);
+ var isKeyable = __webpack_require__(697);
/**
* Gets the data for `map`.
@@ -101143,1016 +101717,1016 @@
/***/ }),
- /* 96 */
+ /* 95 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(749);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(750);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(751);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(752);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(753);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(754);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(755);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(756);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(757);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(239);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(760);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(762);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(241);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(749);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(750);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(751);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(752);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(753);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(754);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(755);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(756);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(757);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(240);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(760);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(762);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(242);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
- /* 97 */
+ /* 96 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* WEBPACK VAR INJECTION */(function(global) {/**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
- */
- /* eslint-disable require-jsdoc, valid-jsdoc */
- var MapShim = (function () {
- if (typeof Map !== 'undefined') {
- return Map;
- }
- /**
- * Returns index in provided array that matches the specified key.
- *
- * @param {Array} arr
- * @param {*} key
- * @returns {number}
- */
- function getIndex(arr, key) {
- var result = -1;
- arr.some(function (entry, index) {
- if (entry[0] === key) {
- result = index;
- return true;
- }
- return false;
- });
- return result;
- }
- return /** @class */ (function () {
- function class_1() {
- this.__entries__ = [];
- }
- Object.defineProperty(class_1.prototype, "size", {
- /**
- * @returns {boolean}
- */
- get: function () {
- return this.__entries__.length;
- },
- enumerable: true,
- configurable: true
- });
- /**
- * @param {*} key
- * @returns {*}
- */
- class_1.prototype.get = function (key) {
- var index = getIndex(this.__entries__, key);
- var entry = this.__entries__[index];
- return entry && entry[1];
- };
- /**
- * @param {*} key
- * @param {*} value
- * @returns {void}
- */
- class_1.prototype.set = function (key, value) {
- var index = getIndex(this.__entries__, key);
- if (~index) {
- this.__entries__[index][1] = value;
- }
- else {
- this.__entries__.push([key, value]);
- }
- };
- /**
- * @param {*} key
- * @returns {void}
- */
- class_1.prototype.delete = function (key) {
- var entries = this.__entries__;
- var index = getIndex(entries, key);
- if (~index) {
- entries.splice(index, 1);
- }
- };
- /**
- * @param {*} key
- * @returns {void}
- */
- class_1.prototype.has = function (key) {
- return !!~getIndex(this.__entries__, key);
- };
- /**
- * @returns {void}
- */
- class_1.prototype.clear = function () {
- this.__entries__.splice(0);
- };
- /**
- * @param {Function} callback
- * @param {*} [ctx=null]
- * @returns {void}
- */
- class_1.prototype.forEach = function (callback, ctx) {
- if (ctx === void 0) { ctx = null; }
- for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
- var entry = _a[_i];
- callback.call(ctx, entry[1], entry[0]);
- }
- };
- return class_1;
- }());
+ /* WEBPACK VAR INJECTION */(function(global) {/**
+ * A collection of shims that provide minimal functionality of the ES6 collections.
+ *
+ * These implementations are not meant to be used outside of the ResizeObserver
+ * modules as they cover only a limited range of use cases.
+ */
+ /* eslint-disable require-jsdoc, valid-jsdoc */
+ var MapShim = (function () {
+ if (typeof Map !== 'undefined') {
+ return Map;
+ }
+ /**
+ * Returns index in provided array that matches the specified key.
+ *
+ * @param {Array} arr
+ * @param {*} key
+ * @returns {number}
+ */
+ function getIndex(arr, key) {
+ var result = -1;
+ arr.some(function (entry, index) {
+ if (entry[0] === key) {
+ result = index;
+ return true;
+ }
+ return false;
+ });
+ return result;
+ }
+ return /** @class */ (function () {
+ function class_1() {
+ this.__entries__ = [];
+ }
+ Object.defineProperty(class_1.prototype, "size", {
+ /**
+ * @returns {boolean}
+ */
+ get: function () {
+ return this.__entries__.length;
+ },
+ enumerable: true,
+ configurable: true
+ });
+ /**
+ * @param {*} key
+ * @returns {*}
+ */
+ class_1.prototype.get = function (key) {
+ var index = getIndex(this.__entries__, key);
+ var entry = this.__entries__[index];
+ return entry && entry[1];
+ };
+ /**
+ * @param {*} key
+ * @param {*} value
+ * @returns {void}
+ */
+ class_1.prototype.set = function (key, value) {
+ var index = getIndex(this.__entries__, key);
+ if (~index) {
+ this.__entries__[index][1] = value;
+ }
+ else {
+ this.__entries__.push([key, value]);
+ }
+ };
+ /**
+ * @param {*} key
+ * @returns {void}
+ */
+ class_1.prototype.delete = function (key) {
+ var entries = this.__entries__;
+ var index = getIndex(entries, key);
+ if (~index) {
+ entries.splice(index, 1);
+ }
+ };
+ /**
+ * @param {*} key
+ * @returns {void}
+ */
+ class_1.prototype.has = function (key) {
+ return !!~getIndex(this.__entries__, key);
+ };
+ /**
+ * @returns {void}
+ */
+ class_1.prototype.clear = function () {
+ this.__entries__.splice(0);
+ };
+ /**
+ * @param {Function} callback
+ * @param {*} [ctx=null]
+ * @returns {void}
+ */
+ class_1.prototype.forEach = function (callback, ctx) {
+ if (ctx === void 0) { ctx = null; }
+ for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
+ var entry = _a[_i];
+ callback.call(ctx, entry[1], entry[0]);
+ }
+ };
+ return class_1;
+ }());
})();
- /**
- * Detects whether window and document objects are available in current environment.
- */
+ /**
+ * Detects whether window and document objects are available in current environment.
+ */
var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
- // Returns global object of a current environment.
- var global$1 = (function () {
- if (typeof global !== 'undefined' && global.Math === Math) {
- return global;
- }
- if (typeof self !== 'undefined' && self.Math === Math) {
- return self;
- }
- if (typeof window !== 'undefined' && window.Math === Math) {
- return window;
- }
- // eslint-disable-next-line no-new-func
- return Function('return this')();
+ // Returns global object of a current environment.
+ var global$1 = (function () {
+ if (typeof global !== 'undefined' && global.Math === Math) {
+ return global;
+ }
+ if (typeof self !== 'undefined' && self.Math === Math) {
+ return self;
+ }
+ if (typeof window !== 'undefined' && window.Math === Math) {
+ return window;
+ }
+ // eslint-disable-next-line no-new-func
+ return Function('return this')();
})();
- /**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
- var requestAnimationFrame$1 = (function () {
- if (typeof requestAnimationFrame === 'function') {
- // It's required to use a bounded function because IE sometimes throws
- // an "Invalid calling object" error if rAF is invoked without the global
- // object on the left hand side.
- return requestAnimationFrame.bind(global$1);
- }
- return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
+ /**
+ * A shim for the requestAnimationFrame which falls back to the setTimeout if
+ * first one is not supported.
+ *
+ * @returns {number} Requests' identifier.
+ */
+ var requestAnimationFrame$1 = (function () {
+ if (typeof requestAnimationFrame === 'function') {
+ // It's required to use a bounded function because IE sometimes throws
+ // an "Invalid calling object" error if rAF is invoked without the global
+ // object on the left hand side.
+ return requestAnimationFrame.bind(global$1);
+ }
+ return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
})();
- // Defines minimum timeout before adding a trailing call.
- var trailingTimeout = 2;
- /**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
- function throttle (callback, delay) {
- var leadingCall = false, trailingCall = false, lastCallTime = 0;
- /**
- * Invokes the original callback function and schedules new invocation if
- * the "proxy" was called during current request.
- *
- * @returns {void}
- */
- function resolvePending() {
- if (leadingCall) {
- leadingCall = false;
- callback();
- }
- if (trailingCall) {
- proxy();
- }
- }
- /**
- * Callback invoked after the specified delay. It will further postpone
- * invocation of the original function delegating it to the
- * requestAnimationFrame.
- *
- * @returns {void}
- */
- function timeoutCallback() {
- requestAnimationFrame$1(resolvePending);
- }
- /**
- * Schedules invocation of the original function.
- *
- * @returns {void}
- */
- function proxy() {
- var timeStamp = Date.now();
- if (leadingCall) {
- // Reject immediately following calls.
- if (timeStamp - lastCallTime < trailingTimeout) {
- return;
- }
- // Schedule new call to be in invoked when the pending one is resolved.
- // This is important for "transitions" which never actually start
- // immediately so there is a chance that we might miss one if change
- // happens amids the pending invocation.
- trailingCall = true;
- }
- else {
- leadingCall = true;
- trailingCall = false;
- setTimeout(timeoutCallback, delay);
- }
- lastCallTime = timeStamp;
- }
- return proxy;
+ // Defines minimum timeout before adding a trailing call.
+ var trailingTimeout = 2;
+ /**
+ * Creates a wrapper function which ensures that provided callback will be
+ * invoked only once during the specified delay period.
+ *
+ * @param {Function} callback - Function to be invoked after the delay period.
+ * @param {number} delay - Delay after which to invoke callback.
+ * @returns {Function}
+ */
+ function throttle (callback, delay) {
+ var leadingCall = false, trailingCall = false, lastCallTime = 0;
+ /**
+ * Invokes the original callback function and schedules new invocation if
+ * the "proxy" was called during current request.
+ *
+ * @returns {void}
+ */
+ function resolvePending() {
+ if (leadingCall) {
+ leadingCall = false;
+ callback();
+ }
+ if (trailingCall) {
+ proxy();
+ }
+ }
+ /**
+ * Callback invoked after the specified delay. It will further postpone
+ * invocation of the original function delegating it to the
+ * requestAnimationFrame.
+ *
+ * @returns {void}
+ */
+ function timeoutCallback() {
+ requestAnimationFrame$1(resolvePending);
+ }
+ /**
+ * Schedules invocation of the original function.
+ *
+ * @returns {void}
+ */
+ function proxy() {
+ var timeStamp = Date.now();
+ if (leadingCall) {
+ // Reject immediately following calls.
+ if (timeStamp - lastCallTime < trailingTimeout) {
+ return;
+ }
+ // Schedule new call to be in invoked when the pending one is resolved.
+ // This is important for "transitions" which never actually start
+ // immediately so there is a chance that we might miss one if change
+ // happens amids the pending invocation.
+ trailingCall = true;
+ }
+ else {
+ leadingCall = true;
+ trailingCall = false;
+ setTimeout(timeoutCallback, delay);
+ }
+ lastCallTime = timeStamp;
+ }
+ return proxy;
}
- // Minimum delay before invoking the update of observers.
- var REFRESH_DELAY = 20;
- // A list of substrings of CSS properties used to find transition events that
- // might affect dimensions of observed elements.
- var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
- // Check if MutationObserver is available.
- var mutationObserverSupported = typeof MutationObserver !== 'undefined';
- /**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
- var ResizeObserverController = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserverController.
- *
- * @private
- */
- function ResizeObserverController() {
- /**
- * Indicates whether DOM listeners have been added.
- *
- * @private {boolean}
- */
- this.connected_ = false;
- /**
- * Tells that controller has subscribed for Mutation Events.
- *
- * @private {boolean}
- */
- this.mutationEventsAdded_ = false;
- /**
- * Keeps reference to the instance of MutationObserver.
- *
- * @private {MutationObserver}
- */
- this.mutationsObserver_ = null;
- /**
- * A list of connected observers.
- *
- * @private {Array}
- */
- this.observers_ = [];
- this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
- this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
- }
- /**
- * Adds observer to observers list.
- *
- * @param {ResizeObserverSPI} observer - Observer to be added.
- * @returns {void}
- */
- ResizeObserverController.prototype.addObserver = function (observer) {
- if (!~this.observers_.indexOf(observer)) {
- this.observers_.push(observer);
- }
- // Add listeners if they haven't been added yet.
- if (!this.connected_) {
- this.connect_();
- }
- };
- /**
- * Removes observer from observers list.
- *
- * @param {ResizeObserverSPI} observer - Observer to be removed.
- * @returns {void}
- */
- ResizeObserverController.prototype.removeObserver = function (observer) {
- var observers = this.observers_;
- var index = observers.indexOf(observer);
- // Remove observer if it's present in registry.
- if (~index) {
- observers.splice(index, 1);
- }
- // Remove listeners if controller has no connected observers.
- if (!observers.length && this.connected_) {
- this.disconnect_();
- }
- };
- /**
- * Invokes the update of observers. It will continue running updates insofar
- * it detects changes.
- *
- * @returns {void}
- */
- ResizeObserverController.prototype.refresh = function () {
- var changesDetected = this.updateObservers_();
- // Continue running updates if changes have been detected as there might
- // be future ones caused by CSS transitions.
- if (changesDetected) {
- this.refresh();
- }
- };
- /**
- * Updates every observer from observers list and notifies them of queued
- * entries.
- *
- * @private
- * @returns {boolean} Returns "true" if any observer has detected changes in
- * dimensions of it's elements.
- */
- ResizeObserverController.prototype.updateObservers_ = function () {
- // Collect observers that have active observations.
- var activeObservers = this.observers_.filter(function (observer) {
- return observer.gatherActive(), observer.hasActive();
- });
- // Deliver notifications in a separate cycle in order to avoid any
- // collisions between observers, e.g. when multiple instances of
- // ResizeObserver are tracking the same element and the callback of one
- // of them changes content dimensions of the observed target. Sometimes
- // this may result in notifications being blocked for the rest of observers.
- activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
- return activeObservers.length > 0;
- };
- /**
- * Initializes DOM listeners.
- *
- * @private
- * @returns {void}
- */
- ResizeObserverController.prototype.connect_ = function () {
- // Do nothing if running in a non-browser environment or if listeners
- // have been already added.
- if (!isBrowser || this.connected_) {
- return;
- }
- // Subscription to the "Transitionend" event is used as a workaround for
- // delayed transitions. This way it's possible to capture at least the
- // final state of an element.
- document.addEventListener('transitionend', this.onTransitionEnd_);
- window.addEventListener('resize', this.refresh);
- if (mutationObserverSupported) {
- this.mutationsObserver_ = new MutationObserver(this.refresh);
- this.mutationsObserver_.observe(document, {
- attributes: true,
- childList: true,
- characterData: true,
- subtree: true
- });
- }
- else {
- document.addEventListener('DOMSubtreeModified', this.refresh);
- this.mutationEventsAdded_ = true;
- }
- this.connected_ = true;
- };
- /**
- * Removes DOM listeners.
- *
- * @private
- * @returns {void}
- */
- ResizeObserverController.prototype.disconnect_ = function () {
- // Do nothing if running in a non-browser environment or if listeners
- // have been already removed.
- if (!isBrowser || !this.connected_) {
- return;
- }
- document.removeEventListener('transitionend', this.onTransitionEnd_);
- window.removeEventListener('resize', this.refresh);
- if (this.mutationsObserver_) {
- this.mutationsObserver_.disconnect();
- }
- if (this.mutationEventsAdded_) {
- document.removeEventListener('DOMSubtreeModified', this.refresh);
- }
- this.mutationsObserver_ = null;
- this.mutationEventsAdded_ = false;
- this.connected_ = false;
- };
- /**
- * "Transitionend" event handler.
- *
- * @private
- * @param {TransitionEvent} event
- * @returns {void}
- */
- ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
- var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
- // Detect whether transition may affect dimensions of an element.
- var isReflowProperty = transitionKeys.some(function (key) {
- return !!~propertyName.indexOf(key);
- });
- if (isReflowProperty) {
- this.refresh();
- }
- };
- /**
- * Returns instance of the ResizeObserverController.
- *
- * @returns {ResizeObserverController}
- */
- ResizeObserverController.getInstance = function () {
- if (!this.instance_) {
- this.instance_ = new ResizeObserverController();
- }
- return this.instance_;
- };
- /**
- * Holds reference to the controller's instance.
- *
- * @private {ResizeObserverController}
- */
- ResizeObserverController.instance_ = null;
- return ResizeObserverController;
+ // Minimum delay before invoking the update of observers.
+ var REFRESH_DELAY = 20;
+ // A list of substrings of CSS properties used to find transition events that
+ // might affect dimensions of observed elements.
+ var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
+ // Check if MutationObserver is available.
+ var mutationObserverSupported = typeof MutationObserver !== 'undefined';
+ /**
+ * Singleton controller class which handles updates of ResizeObserver instances.
+ */
+ var ResizeObserverController = /** @class */ (function () {
+ /**
+ * Creates a new instance of ResizeObserverController.
+ *
+ * @private
+ */
+ function ResizeObserverController() {
+ /**
+ * Indicates whether DOM listeners have been added.
+ *
+ * @private {boolean}
+ */
+ this.connected_ = false;
+ /**
+ * Tells that controller has subscribed for Mutation Events.
+ *
+ * @private {boolean}
+ */
+ this.mutationEventsAdded_ = false;
+ /**
+ * Keeps reference to the instance of MutationObserver.
+ *
+ * @private {MutationObserver}
+ */
+ this.mutationsObserver_ = null;
+ /**
+ * A list of connected observers.
+ *
+ * @private {Array}
+ */
+ this.observers_ = [];
+ this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
+ this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
+ }
+ /**
+ * Adds observer to observers list.
+ *
+ * @param {ResizeObserverSPI} observer - Observer to be added.
+ * @returns {void}
+ */
+ ResizeObserverController.prototype.addObserver = function (observer) {
+ if (!~this.observers_.indexOf(observer)) {
+ this.observers_.push(observer);
+ }
+ // Add listeners if they haven't been added yet.
+ if (!this.connected_) {
+ this.connect_();
+ }
+ };
+ /**
+ * Removes observer from observers list.
+ *
+ * @param {ResizeObserverSPI} observer - Observer to be removed.
+ * @returns {void}
+ */
+ ResizeObserverController.prototype.removeObserver = function (observer) {
+ var observers = this.observers_;
+ var index = observers.indexOf(observer);
+ // Remove observer if it's present in registry.
+ if (~index) {
+ observers.splice(index, 1);
+ }
+ // Remove listeners if controller has no connected observers.
+ if (!observers.length && this.connected_) {
+ this.disconnect_();
+ }
+ };
+ /**
+ * Invokes the update of observers. It will continue running updates insofar
+ * it detects changes.
+ *
+ * @returns {void}
+ */
+ ResizeObserverController.prototype.refresh = function () {
+ var changesDetected = this.updateObservers_();
+ // Continue running updates if changes have been detected as there might
+ // be future ones caused by CSS transitions.
+ if (changesDetected) {
+ this.refresh();
+ }
+ };
+ /**
+ * Updates every observer from observers list and notifies them of queued
+ * entries.
+ *
+ * @private
+ * @returns {boolean} Returns "true" if any observer has detected changes in
+ * dimensions of it's elements.
+ */
+ ResizeObserverController.prototype.updateObservers_ = function () {
+ // Collect observers that have active observations.
+ var activeObservers = this.observers_.filter(function (observer) {
+ return observer.gatherActive(), observer.hasActive();
+ });
+ // Deliver notifications in a separate cycle in order to avoid any
+ // collisions between observers, e.g. when multiple instances of
+ // ResizeObserver are tracking the same element and the callback of one
+ // of them changes content dimensions of the observed target. Sometimes
+ // this may result in notifications being blocked for the rest of observers.
+ activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
+ return activeObservers.length > 0;
+ };
+ /**
+ * Initializes DOM listeners.
+ *
+ * @private
+ * @returns {void}
+ */
+ ResizeObserverController.prototype.connect_ = function () {
+ // Do nothing if running in a non-browser environment or if listeners
+ // have been already added.
+ if (!isBrowser || this.connected_) {
+ return;
+ }
+ // Subscription to the "Transitionend" event is used as a workaround for
+ // delayed transitions. This way it's possible to capture at least the
+ // final state of an element.
+ document.addEventListener('transitionend', this.onTransitionEnd_);
+ window.addEventListener('resize', this.refresh);
+ if (mutationObserverSupported) {
+ this.mutationsObserver_ = new MutationObserver(this.refresh);
+ this.mutationsObserver_.observe(document, {
+ attributes: true,
+ childList: true,
+ characterData: true,
+ subtree: true
+ });
+ }
+ else {
+ document.addEventListener('DOMSubtreeModified', this.refresh);
+ this.mutationEventsAdded_ = true;
+ }
+ this.connected_ = true;
+ };
+ /**
+ * Removes DOM listeners.
+ *
+ * @private
+ * @returns {void}
+ */
+ ResizeObserverController.prototype.disconnect_ = function () {
+ // Do nothing if running in a non-browser environment or if listeners
+ // have been already removed.
+ if (!isBrowser || !this.connected_) {
+ return;
+ }
+ document.removeEventListener('transitionend', this.onTransitionEnd_);
+ window.removeEventListener('resize', this.refresh);
+ if (this.mutationsObserver_) {
+ this.mutationsObserver_.disconnect();
+ }
+ if (this.mutationEventsAdded_) {
+ document.removeEventListener('DOMSubtreeModified', this.refresh);
+ }
+ this.mutationsObserver_ = null;
+ this.mutationEventsAdded_ = false;
+ this.connected_ = false;
+ };
+ /**
+ * "Transitionend" event handler.
+ *
+ * @private
+ * @param {TransitionEvent} event
+ * @returns {void}
+ */
+ ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
+ var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
+ // Detect whether transition may affect dimensions of an element.
+ var isReflowProperty = transitionKeys.some(function (key) {
+ return !!~propertyName.indexOf(key);
+ });
+ if (isReflowProperty) {
+ this.refresh();
+ }
+ };
+ /**
+ * Returns instance of the ResizeObserverController.
+ *
+ * @returns {ResizeObserverController}
+ */
+ ResizeObserverController.getInstance = function () {
+ if (!this.instance_) {
+ this.instance_ = new ResizeObserverController();
+ }
+ return this.instance_;
+ };
+ /**
+ * Holds reference to the controller's instance.
+ *
+ * @private {ResizeObserverController}
+ */
+ ResizeObserverController.instance_ = null;
+ return ResizeObserverController;
}());
- /**
- * Defines non-writable/enumerable properties of the provided target object.
- *
- * @param {Object} target - Object for which to define properties.
- * @param {Object} props - Properties to be defined.
- * @returns {Object} Target object.
- */
- var defineConfigurable = (function (target, props) {
- for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
- var key = _a[_i];
- Object.defineProperty(target, key, {
- value: props[key],
- enumerable: false,
- writable: false,
- configurable: true
- });
- }
- return target;
+ /**
+ * Defines non-writable/enumerable properties of the provided target object.
+ *
+ * @param {Object} target - Object for which to define properties.
+ * @param {Object} props - Properties to be defined.
+ * @returns {Object} Target object.
+ */
+ var defineConfigurable = (function (target, props) {
+ for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
+ var key = _a[_i];
+ Object.defineProperty(target, key, {
+ value: props[key],
+ enumerable: false,
+ writable: false,
+ configurable: true
+ });
+ }
+ return target;
});
- /**
- * Returns the global object associated with provided element.
- *
- * @param {Object} target
- * @returns {Object}
- */
- var getWindowOf = (function (target) {
- // Assume that the element is an instance of Node, which means that it
- // has the "ownerDocument" property from which we can retrieve a
- // corresponding global object.
- var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
- // Return the local global object if it's not possible extract one from
- // provided element.
- return ownerGlobal || global$1;
+ /**
+ * Returns the global object associated with provided element.
+ *
+ * @param {Object} target
+ * @returns {Object}
+ */
+ var getWindowOf = (function (target) {
+ // Assume that the element is an instance of Node, which means that it
+ // has the "ownerDocument" property from which we can retrieve a
+ // corresponding global object.
+ var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
+ // Return the local global object if it's not possible extract one from
+ // provided element.
+ return ownerGlobal || global$1;
});
- // Placeholder of an empty content rectangle.
- var emptyRect = createRectInit(0, 0, 0, 0);
- /**
- * Converts provided string to a number.
- *
- * @param {number|string} value
- * @returns {number}
- */
- function toFloat(value) {
- return parseFloat(value) || 0;
- }
- /**
- * Extracts borders size from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @param {...string} positions - Borders positions (top, right, ...)
- * @returns {number}
- */
- function getBordersSize(styles) {
- var positions = [];
- for (var _i = 1; _i < arguments.length; _i++) {
- positions[_i - 1] = arguments[_i];
- }
- return positions.reduce(function (size, position) {
- var value = styles['border-' + position + '-width'];
- return size + toFloat(value);
- }, 0);
- }
- /**
- * Extracts paddings sizes from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @returns {Object} Paddings box.
- */
- function getPaddings(styles) {
- var positions = ['top', 'right', 'bottom', 'left'];
- var paddings = {};
- for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
- var position = positions_1[_i];
- var value = styles['padding-' + position];
- paddings[position] = toFloat(value);
- }
- return paddings;
- }
- /**
- * Calculates content rectangle of provided SVG element.
- *
- * @param {SVGGraphicsElement} target - Element content rectangle of which needs
- * to be calculated.
- * @returns {DOMRectInit}
- */
- function getSVGContentRect(target) {
- var bbox = target.getBBox();
- return createRectInit(0, 0, bbox.width, bbox.height);
- }
- /**
- * Calculates content rectangle of provided HTMLElement.
- *
- * @param {HTMLElement} target - Element for which to calculate the content rectangle.
- * @returns {DOMRectInit}
- */
- function getHTMLElementContentRect(target) {
- // Client width & height properties can't be
- // used exclusively as they provide rounded values.
- var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
- // By this condition we can catch all non-replaced inline, hidden and
- // detached elements. Though elements with width & height properties less
- // than 0.5 will be discarded as well.
- //
- // Without it we would need to implement separate methods for each of
- // those cases and it's not possible to perform a precise and performance
- // effective test for hidden elements. E.g. even jQuery's ':visible' filter
- // gives wrong results for elements with width & height less than 0.5.
- if (!clientWidth && !clientHeight) {
- return emptyRect;
- }
- var styles = getWindowOf(target).getComputedStyle(target);
- var paddings = getPaddings(styles);
- var horizPad = paddings.left + paddings.right;
- var vertPad = paddings.top + paddings.bottom;
- // Computed styles of width & height are being used because they are the
- // only dimensions available to JS that contain non-rounded values. It could
- // be possible to utilize the getBoundingClientRect if only it's data wasn't
- // affected by CSS transformations let alone paddings, borders and scroll bars.
- var width = toFloat(styles.width), height = toFloat(styles.height);
- // Width & height include paddings and borders when the 'border-box' box
- // model is applied (except for IE).
- if (styles.boxSizing === 'border-box') {
- // Following conditions are required to handle Internet Explorer which
- // doesn't include paddings and borders to computed CSS dimensions.
- //
- // We can say that if CSS dimensions + paddings are equal to the "client"
- // properties then it's either IE, and thus we don't need to subtract
- // anything, or an element merely doesn't have paddings/borders styles.
- if (Math.round(width + horizPad) !== clientWidth) {
- width -= getBordersSize(styles, 'left', 'right') + horizPad;
- }
- if (Math.round(height + vertPad) !== clientHeight) {
- height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
- }
- }
- // Following steps can't be applied to the document's root element as its
- // client[Width/Height] properties represent viewport area of the window.
- // Besides, it's as well not necessary as the itself neither has
- // rendered scroll bars nor it can be clipped.
- if (!isDocumentElement(target)) {
- // In some browsers (only in Firefox, actually) CSS width & height
- // include scroll bars size which can be removed at this step as scroll
- // bars are the only difference between rounded dimensions + paddings
- // and "client" properties, though that is not always true in Chrome.
- var vertScrollbar = Math.round(width + horizPad) - clientWidth;
- var horizScrollbar = Math.round(height + vertPad) - clientHeight;
- // Chrome has a rather weird rounding of "client" properties.
- // E.g. for an element with content width of 314.2px it sometimes gives
- // the client width of 315px and for the width of 314.7px it may give
- // 314px. And it doesn't happen all the time. So just ignore this delta
- // as a non-relevant.
- if (Math.abs(vertScrollbar) !== 1) {
- width -= vertScrollbar;
- }
- if (Math.abs(horizScrollbar) !== 1) {
- height -= horizScrollbar;
- }
- }
- return createRectInit(paddings.left, paddings.top, width, height);
- }
- /**
- * Checks whether provided element is an instance of the SVGGraphicsElement.
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
- var isSVGGraphicsElement = (function () {
- // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
- // interface.
- if (typeof SVGGraphicsElement !== 'undefined') {
- return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
- }
- // If it's so, then check that element is at least an instance of the
- // SVGElement and that it has the "getBBox" method.
- // eslint-disable-next-line no-extra-parens
- return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
- typeof target.getBBox === 'function'); };
- })();
- /**
- * Checks whether provided element is a document element ().
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
- function isDocumentElement(target) {
- return target === getWindowOf(target).document.documentElement;
- }
- /**
- * Calculates an appropriate content rectangle for provided html or svg element.
- *
- * @param {Element} target - Element content rectangle of which needs to be calculated.
- * @returns {DOMRectInit}
- */
- function getContentRect(target) {
- if (!isBrowser) {
- return emptyRect;
- }
- if (isSVGGraphicsElement(target)) {
- return getSVGContentRect(target);
- }
- return getHTMLElementContentRect(target);
- }
- /**
- * Creates rectangle with an interface of the DOMRectReadOnly.
- * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
- *
- * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
- * @returns {DOMRectReadOnly}
- */
- function createReadOnlyRect(_a) {
- var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
- // If DOMRectReadOnly is available use it as a prototype for the rectangle.
- var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
- var rect = Object.create(Constr.prototype);
- // Rectangle's properties are not writable and non-enumerable.
- defineConfigurable(rect, {
- x: x, y: y, width: width, height: height,
- top: y,
- right: x + width,
- bottom: height + y,
- left: x
- });
- return rect;
- }
- /**
- * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
- * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
- *
- * @param {number} x - X coordinate.
- * @param {number} y - Y coordinate.
- * @param {number} width - Rectangle's width.
- * @param {number} height - Rectangle's height.
- * @returns {DOMRectInit}
- */
- function createRectInit(x, y, width, height) {
- return { x: x, y: y, width: width, height: height };
+ // Placeholder of an empty content rectangle.
+ var emptyRect = createRectInit(0, 0, 0, 0);
+ /**
+ * Converts provided string to a number.
+ *
+ * @param {number|string} value
+ * @returns {number}
+ */
+ function toFloat(value) {
+ return parseFloat(value) || 0;
+ }
+ /**
+ * Extracts borders size from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @param {...string} positions - Borders positions (top, right, ...)
+ * @returns {number}
+ */
+ function getBordersSize(styles) {
+ var positions = [];
+ for (var _i = 1; _i < arguments.length; _i++) {
+ positions[_i - 1] = arguments[_i];
+ }
+ return positions.reduce(function (size, position) {
+ var value = styles['border-' + position + '-width'];
+ return size + toFloat(value);
+ }, 0);
+ }
+ /**
+ * Extracts paddings sizes from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @returns {Object} Paddings box.
+ */
+ function getPaddings(styles) {
+ var positions = ['top', 'right', 'bottom', 'left'];
+ var paddings = {};
+ for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
+ var position = positions_1[_i];
+ var value = styles['padding-' + position];
+ paddings[position] = toFloat(value);
+ }
+ return paddings;
+ }
+ /**
+ * Calculates content rectangle of provided SVG element.
+ *
+ * @param {SVGGraphicsElement} target - Element content rectangle of which needs
+ * to be calculated.
+ * @returns {DOMRectInit}
+ */
+ function getSVGContentRect(target) {
+ var bbox = target.getBBox();
+ return createRectInit(0, 0, bbox.width, bbox.height);
+ }
+ /**
+ * Calculates content rectangle of provided HTMLElement.
+ *
+ * @param {HTMLElement} target - Element for which to calculate the content rectangle.
+ * @returns {DOMRectInit}
+ */
+ function getHTMLElementContentRect(target) {
+ // Client width & height properties can't be
+ // used exclusively as they provide rounded values.
+ var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
+ // By this condition we can catch all non-replaced inline, hidden and
+ // detached elements. Though elements with width & height properties less
+ // than 0.5 will be discarded as well.
+ //
+ // Without it we would need to implement separate methods for each of
+ // those cases and it's not possible to perform a precise and performance
+ // effective test for hidden elements. E.g. even jQuery's ':visible' filter
+ // gives wrong results for elements with width & height less than 0.5.
+ if (!clientWidth && !clientHeight) {
+ return emptyRect;
+ }
+ var styles = getWindowOf(target).getComputedStyle(target);
+ var paddings = getPaddings(styles);
+ var horizPad = paddings.left + paddings.right;
+ var vertPad = paddings.top + paddings.bottom;
+ // Computed styles of width & height are being used because they are the
+ // only dimensions available to JS that contain non-rounded values. It could
+ // be possible to utilize the getBoundingClientRect if only it's data wasn't
+ // affected by CSS transformations let alone paddings, borders and scroll bars.
+ var width = toFloat(styles.width), height = toFloat(styles.height);
+ // Width & height include paddings and borders when the 'border-box' box
+ // model is applied (except for IE).
+ if (styles.boxSizing === 'border-box') {
+ // Following conditions are required to handle Internet Explorer which
+ // doesn't include paddings and borders to computed CSS dimensions.
+ //
+ // We can say that if CSS dimensions + paddings are equal to the "client"
+ // properties then it's either IE, and thus we don't need to subtract
+ // anything, or an element merely doesn't have paddings/borders styles.
+ if (Math.round(width + horizPad) !== clientWidth) {
+ width -= getBordersSize(styles, 'left', 'right') + horizPad;
+ }
+ if (Math.round(height + vertPad) !== clientHeight) {
+ height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
+ }
+ }
+ // Following steps can't be applied to the document's root element as its
+ // client[Width/Height] properties represent viewport area of the window.
+ // Besides, it's as well not necessary as the itself neither has
+ // rendered scroll bars nor it can be clipped.
+ if (!isDocumentElement(target)) {
+ // In some browsers (only in Firefox, actually) CSS width & height
+ // include scroll bars size which can be removed at this step as scroll
+ // bars are the only difference between rounded dimensions + paddings
+ // and "client" properties, though that is not always true in Chrome.
+ var vertScrollbar = Math.round(width + horizPad) - clientWidth;
+ var horizScrollbar = Math.round(height + vertPad) - clientHeight;
+ // Chrome has a rather weird rounding of "client" properties.
+ // E.g. for an element with content width of 314.2px it sometimes gives
+ // the client width of 315px and for the width of 314.7px it may give
+ // 314px. And it doesn't happen all the time. So just ignore this delta
+ // as a non-relevant.
+ if (Math.abs(vertScrollbar) !== 1) {
+ width -= vertScrollbar;
+ }
+ if (Math.abs(horizScrollbar) !== 1) {
+ height -= horizScrollbar;
+ }
+ }
+ return createRectInit(paddings.left, paddings.top, width, height);
+ }
+ /**
+ * Checks whether provided element is an instance of the SVGGraphicsElement.
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+ var isSVGGraphicsElement = (function () {
+ // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
+ // interface.
+ if (typeof SVGGraphicsElement !== 'undefined') {
+ return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
+ }
+ // If it's so, then check that element is at least an instance of the
+ // SVGElement and that it has the "getBBox" method.
+ // eslint-disable-next-line no-extra-parens
+ return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
+ typeof target.getBBox === 'function'); };
+ })();
+ /**
+ * Checks whether provided element is a document element ().
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+ function isDocumentElement(target) {
+ return target === getWindowOf(target).document.documentElement;
+ }
+ /**
+ * Calculates an appropriate content rectangle for provided html or svg element.
+ *
+ * @param {Element} target - Element content rectangle of which needs to be calculated.
+ * @returns {DOMRectInit}
+ */
+ function getContentRect(target) {
+ if (!isBrowser) {
+ return emptyRect;
+ }
+ if (isSVGGraphicsElement(target)) {
+ return getSVGContentRect(target);
+ }
+ return getHTMLElementContentRect(target);
+ }
+ /**
+ * Creates rectangle with an interface of the DOMRectReadOnly.
+ * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
+ *
+ * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
+ * @returns {DOMRectReadOnly}
+ */
+ function createReadOnlyRect(_a) {
+ var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+ // If DOMRectReadOnly is available use it as a prototype for the rectangle.
+ var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
+ var rect = Object.create(Constr.prototype);
+ // Rectangle's properties are not writable and non-enumerable.
+ defineConfigurable(rect, {
+ x: x, y: y, width: width, height: height,
+ top: y,
+ right: x + width,
+ bottom: height + y,
+ left: x
+ });
+ return rect;
+ }
+ /**
+ * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
+ * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
+ *
+ * @param {number} x - X coordinate.
+ * @param {number} y - Y coordinate.
+ * @param {number} width - Rectangle's width.
+ * @param {number} height - Rectangle's height.
+ * @returns {DOMRectInit}
+ */
+ function createRectInit(x, y, width, height) {
+ return { x: x, y: y, width: width, height: height };
}
- /**
- * Class that is responsible for computations of the content rectangle of
- * provided DOM element and for keeping track of it's changes.
- */
- var ResizeObservation = /** @class */ (function () {
- /**
- * Creates an instance of ResizeObservation.
- *
- * @param {Element} target - Element to be observed.
- */
- function ResizeObservation(target) {
- /**
- * Broadcasted width of content rectangle.
- *
- * @type {number}
- */
- this.broadcastWidth = 0;
- /**
- * Broadcasted height of content rectangle.
- *
- * @type {number}
- */
- this.broadcastHeight = 0;
- /**
- * Reference to the last observed content rectangle.
- *
- * @private {DOMRectInit}
- */
- this.contentRect_ = createRectInit(0, 0, 0, 0);
- this.target = target;
- }
- /**
- * Updates content rectangle and tells whether it's width or height properties
- * have changed since the last broadcast.
- *
- * @returns {boolean}
- */
- ResizeObservation.prototype.isActive = function () {
- var rect = getContentRect(this.target);
- this.contentRect_ = rect;
- return (rect.width !== this.broadcastWidth ||
- rect.height !== this.broadcastHeight);
- };
- /**
- * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
- * from the corresponding properties of the last observed content rectangle.
- *
- * @returns {DOMRectInit} Last observed content rectangle.
- */
- ResizeObservation.prototype.broadcastRect = function () {
- var rect = this.contentRect_;
- this.broadcastWidth = rect.width;
- this.broadcastHeight = rect.height;
- return rect;
- };
- return ResizeObservation;
+ /**
+ * Class that is responsible for computations of the content rectangle of
+ * provided DOM element and for keeping track of it's changes.
+ */
+ var ResizeObservation = /** @class */ (function () {
+ /**
+ * Creates an instance of ResizeObservation.
+ *
+ * @param {Element} target - Element to be observed.
+ */
+ function ResizeObservation(target) {
+ /**
+ * Broadcasted width of content rectangle.
+ *
+ * @type {number}
+ */
+ this.broadcastWidth = 0;
+ /**
+ * Broadcasted height of content rectangle.
+ *
+ * @type {number}
+ */
+ this.broadcastHeight = 0;
+ /**
+ * Reference to the last observed content rectangle.
+ *
+ * @private {DOMRectInit}
+ */
+ this.contentRect_ = createRectInit(0, 0, 0, 0);
+ this.target = target;
+ }
+ /**
+ * Updates content rectangle and tells whether it's width or height properties
+ * have changed since the last broadcast.
+ *
+ * @returns {boolean}
+ */
+ ResizeObservation.prototype.isActive = function () {
+ var rect = getContentRect(this.target);
+ this.contentRect_ = rect;
+ return (rect.width !== this.broadcastWidth ||
+ rect.height !== this.broadcastHeight);
+ };
+ /**
+ * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
+ * from the corresponding properties of the last observed content rectangle.
+ *
+ * @returns {DOMRectInit} Last observed content rectangle.
+ */
+ ResizeObservation.prototype.broadcastRect = function () {
+ var rect = this.contentRect_;
+ this.broadcastWidth = rect.width;
+ this.broadcastHeight = rect.height;
+ return rect;
+ };
+ return ResizeObservation;
}());
- var ResizeObserverEntry = /** @class */ (function () {
- /**
- * Creates an instance of ResizeObserverEntry.
- *
- * @param {Element} target - Element that is being observed.
- * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
- */
- function ResizeObserverEntry(target, rectInit) {
- var contentRect = createReadOnlyRect(rectInit);
- // According to the specification following properties are not writable
- // and are also not enumerable in the native implementation.
- //
- // Property accessors are not being used as they'd require to define a
- // private WeakMap storage which may cause memory leaks in browsers that
- // don't support this type of collections.
- defineConfigurable(this, { target: target, contentRect: contentRect });
- }
- return ResizeObserverEntry;
+ var ResizeObserverEntry = /** @class */ (function () {
+ /**
+ * Creates an instance of ResizeObserverEntry.
+ *
+ * @param {Element} target - Element that is being observed.
+ * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
+ */
+ function ResizeObserverEntry(target, rectInit) {
+ var contentRect = createReadOnlyRect(rectInit);
+ // According to the specification following properties are not writable
+ // and are also not enumerable in the native implementation.
+ //
+ // Property accessors are not being used as they'd require to define a
+ // private WeakMap storage which may cause memory leaks in browsers that
+ // don't support this type of collections.
+ defineConfigurable(this, { target: target, contentRect: contentRect });
+ }
+ return ResizeObserverEntry;
}());
- var ResizeObserverSPI = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserver.
- *
- * @param {ResizeObserverCallback} callback - Callback function that is invoked
- * when one of the observed elements changes it's content dimensions.
- * @param {ResizeObserverController} controller - Controller instance which
- * is responsible for the updates of observer.
- * @param {ResizeObserver} callbackCtx - Reference to the public
- * ResizeObserver instance which will be passed to callback function.
- */
- function ResizeObserverSPI(callback, controller, callbackCtx) {
- /**
- * Collection of resize observations that have detected changes in dimensions
- * of elements.
- *
- * @private {Array}
- */
- this.activeObservations_ = [];
- /**
- * Registry of the ResizeObservation instances.
- *
- * @private {Map}
- */
- this.observations_ = new MapShim();
- if (typeof callback !== 'function') {
- throw new TypeError('The callback provided as parameter 1 is not a function.');
- }
- this.callback_ = callback;
- this.controller_ = controller;
- this.callbackCtx_ = callbackCtx;
- }
- /**
- * Starts observing provided element.
- *
- * @param {Element} target - Element to be observed.
- * @returns {void}
- */
- ResizeObserverSPI.prototype.observe = function (target) {
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- // Do nothing if current environment doesn't have the Element interface.
- if (typeof Element === 'undefined' || !(Element instanceof Object)) {
- return;
- }
- if (!(target instanceof getWindowOf(target).Element)) {
- throw new TypeError('parameter 1 is not of type "Element".');
- }
- var observations = this.observations_;
- // Do nothing if element is already being observed.
- if (observations.has(target)) {
- return;
- }
- observations.set(target, new ResizeObservation(target));
- this.controller_.addObserver(this);
- // Force the update of observations.
- this.controller_.refresh();
- };
- /**
- * Stops observing provided element.
- *
- * @param {Element} target - Element to stop observing.
- * @returns {void}
- */
- ResizeObserverSPI.prototype.unobserve = function (target) {
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- // Do nothing if current environment doesn't have the Element interface.
- if (typeof Element === 'undefined' || !(Element instanceof Object)) {
- return;
- }
- if (!(target instanceof getWindowOf(target).Element)) {
- throw new TypeError('parameter 1 is not of type "Element".');
- }
- var observations = this.observations_;
- // Do nothing if element is not being observed.
- if (!observations.has(target)) {
- return;
- }
- observations.delete(target);
- if (!observations.size) {
- this.controller_.removeObserver(this);
- }
- };
- /**
- * Stops observing all elements.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.disconnect = function () {
- this.clearActive();
- this.observations_.clear();
- this.controller_.removeObserver(this);
- };
- /**
- * Collects observation instances the associated element of which has changed
- * it's content rectangle.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.gatherActive = function () {
- var _this = this;
- this.clearActive();
- this.observations_.forEach(function (observation) {
- if (observation.isActive()) {
- _this.activeObservations_.push(observation);
- }
- });
- };
- /**
- * Invokes initial callback function with a list of ResizeObserverEntry
- * instances collected from active resize observations.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.broadcastActive = function () {
- // Do nothing if observer doesn't have active observations.
- if (!this.hasActive()) {
- return;
- }
- var ctx = this.callbackCtx_;
- // Create ResizeObserverEntry instance for every active observation.
- var entries = this.activeObservations_.map(function (observation) {
- return new ResizeObserverEntry(observation.target, observation.broadcastRect());
- });
- this.callback_.call(ctx, entries, ctx);
- this.clearActive();
- };
- /**
- * Clears the collection of active observations.
- *
- * @returns {void}
- */
- ResizeObserverSPI.prototype.clearActive = function () {
- this.activeObservations_.splice(0);
- };
- /**
- * Tells whether observer has active observations.
- *
- * @returns {boolean}
- */
- ResizeObserverSPI.prototype.hasActive = function () {
- return this.activeObservations_.length > 0;
- };
- return ResizeObserverSPI;
+ var ResizeObserverSPI = /** @class */ (function () {
+ /**
+ * Creates a new instance of ResizeObserver.
+ *
+ * @param {ResizeObserverCallback} callback - Callback function that is invoked
+ * when one of the observed elements changes it's content dimensions.
+ * @param {ResizeObserverController} controller - Controller instance which
+ * is responsible for the updates of observer.
+ * @param {ResizeObserver} callbackCtx - Reference to the public
+ * ResizeObserver instance which will be passed to callback function.
+ */
+ function ResizeObserverSPI(callback, controller, callbackCtx) {
+ /**
+ * Collection of resize observations that have detected changes in dimensions
+ * of elements.
+ *
+ * @private {Array}
+ */
+ this.activeObservations_ = [];
+ /**
+ * Registry of the ResizeObservation instances.
+ *
+ * @private {Map}
+ */
+ this.observations_ = new MapShim();
+ if (typeof callback !== 'function') {
+ throw new TypeError('The callback provided as parameter 1 is not a function.');
+ }
+ this.callback_ = callback;
+ this.controller_ = controller;
+ this.callbackCtx_ = callbackCtx;
+ }
+ /**
+ * Starts observing provided element.
+ *
+ * @param {Element} target - Element to be observed.
+ * @returns {void}
+ */
+ ResizeObserverSPI.prototype.observe = function (target) {
+ if (!arguments.length) {
+ throw new TypeError('1 argument required, but only 0 present.');
+ }
+ // Do nothing if current environment doesn't have the Element interface.
+ if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+ return;
+ }
+ if (!(target instanceof getWindowOf(target).Element)) {
+ throw new TypeError('parameter 1 is not of type "Element".');
+ }
+ var observations = this.observations_;
+ // Do nothing if element is already being observed.
+ if (observations.has(target)) {
+ return;
+ }
+ observations.set(target, new ResizeObservation(target));
+ this.controller_.addObserver(this);
+ // Force the update of observations.
+ this.controller_.refresh();
+ };
+ /**
+ * Stops observing provided element.
+ *
+ * @param {Element} target - Element to stop observing.
+ * @returns {void}
+ */
+ ResizeObserverSPI.prototype.unobserve = function (target) {
+ if (!arguments.length) {
+ throw new TypeError('1 argument required, but only 0 present.');
+ }
+ // Do nothing if current environment doesn't have the Element interface.
+ if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+ return;
+ }
+ if (!(target instanceof getWindowOf(target).Element)) {
+ throw new TypeError('parameter 1 is not of type "Element".');
+ }
+ var observations = this.observations_;
+ // Do nothing if element is not being observed.
+ if (!observations.has(target)) {
+ return;
+ }
+ observations.delete(target);
+ if (!observations.size) {
+ this.controller_.removeObserver(this);
+ }
+ };
+ /**
+ * Stops observing all elements.
+ *
+ * @returns {void}
+ */
+ ResizeObserverSPI.prototype.disconnect = function () {
+ this.clearActive();
+ this.observations_.clear();
+ this.controller_.removeObserver(this);
+ };
+ /**
+ * Collects observation instances the associated element of which has changed
+ * it's content rectangle.
+ *
+ * @returns {void}
+ */
+ ResizeObserverSPI.prototype.gatherActive = function () {
+ var _this = this;
+ this.clearActive();
+ this.observations_.forEach(function (observation) {
+ if (observation.isActive()) {
+ _this.activeObservations_.push(observation);
+ }
+ });
+ };
+ /**
+ * Invokes initial callback function with a list of ResizeObserverEntry
+ * instances collected from active resize observations.
+ *
+ * @returns {void}
+ */
+ ResizeObserverSPI.prototype.broadcastActive = function () {
+ // Do nothing if observer doesn't have active observations.
+ if (!this.hasActive()) {
+ return;
+ }
+ var ctx = this.callbackCtx_;
+ // Create ResizeObserverEntry instance for every active observation.
+ var entries = this.activeObservations_.map(function (observation) {
+ return new ResizeObserverEntry(observation.target, observation.broadcastRect());
+ });
+ this.callback_.call(ctx, entries, ctx);
+ this.clearActive();
+ };
+ /**
+ * Clears the collection of active observations.
+ *
+ * @returns {void}
+ */
+ ResizeObserverSPI.prototype.clearActive = function () {
+ this.activeObservations_.splice(0);
+ };
+ /**
+ * Tells whether observer has active observations.
+ *
+ * @returns {boolean}
+ */
+ ResizeObserverSPI.prototype.hasActive = function () {
+ return this.activeObservations_.length > 0;
+ };
+ return ResizeObserverSPI;
}());
- // Registry of internal observers. If WeakMap is not available use current shim
- // for the Map collection as it has all required methods and because WeakMap
- // can't be fully polyfilled anyway.
- var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
- /**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
- var ResizeObserver = /** @class */ (function () {
- /**
- * Creates a new instance of ResizeObserver.
- *
- * @param {ResizeObserverCallback} callback - Callback that is invoked when
- * dimensions of the observed elements change.
- */
- function ResizeObserver(callback) {
- if (!(this instanceof ResizeObserver)) {
- throw new TypeError('Cannot call a class as a function.');
- }
- if (!arguments.length) {
- throw new TypeError('1 argument required, but only 0 present.');
- }
- var controller = ResizeObserverController.getInstance();
- var observer = new ResizeObserverSPI(callback, controller, this);
- observers.set(this, observer);
- }
- return ResizeObserver;
- }());
- // Expose public methods of ResizeObserver.
- [
- 'observe',
- 'unobserve',
- 'disconnect'
- ].forEach(function (method) {
- ResizeObserver.prototype[method] = function () {
- var _a;
- return (_a = observers.get(this))[method].apply(_a, arguments);
- };
+ // Registry of internal observers. If WeakMap is not available use current shim
+ // for the Map collection as it has all required methods and because WeakMap
+ // can't be fully polyfilled anyway.
+ var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
+ /**
+ * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
+ * exposing only those methods and properties that are defined in the spec.
+ */
+ var ResizeObserver = /** @class */ (function () {
+ /**
+ * Creates a new instance of ResizeObserver.
+ *
+ * @param {ResizeObserverCallback} callback - Callback that is invoked when
+ * dimensions of the observed elements change.
+ */
+ function ResizeObserver(callback) {
+ if (!(this instanceof ResizeObserver)) {
+ throw new TypeError('Cannot call a class as a function.');
+ }
+ if (!arguments.length) {
+ throw new TypeError('1 argument required, but only 0 present.');
+ }
+ var controller = ResizeObserverController.getInstance();
+ var observer = new ResizeObserverSPI(callback, controller, this);
+ observers.set(this, observer);
+ }
+ return ResizeObserver;
+ }());
+ // Expose public methods of ResizeObserver.
+ [
+ 'observe',
+ 'unobserve',
+ 'disconnect'
+ ].forEach(function (method) {
+ ResizeObserver.prototype[method] = function () {
+ var _a;
+ return (_a = observers.get(this))[method].apply(_a, arguments);
+ };
});
- var index = (function () {
- // Export existing implementation if available.
- if (typeof global$1.ResizeObserver !== 'undefined') {
- return global$1.ResizeObserver;
- }
- return ResizeObserver;
+ var index = (function () {
+ // Export existing implementation if available.
+ if (typeof global$1.ResizeObserver !== 'undefined') {
+ return global$1.ResizeObserver;
+ }
+ return ResizeObserver;
})();
/* harmony default export */ __webpack_exports__["default"] = (index);
@@ -102160,7 +102734,7 @@
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(37)))
/***/ }),
- /* 98 */
+ /* 97 */
/***/ (function(module, exports) {
// mutationobserver-shim v0.3.2 (github.com/megawac/MutationObserver.js)
@@ -102175,7 +102749,7 @@
/***/ }),
- /* 99 */
+ /* 98 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102193,7 +102767,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(23);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -102202,87 +102776,87 @@
module.exports = exports['default'];
/***/ }),
- /* 100 */
+ /* 99 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(848);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(849);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(850);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(851);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(852);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(853);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(854);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(855);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(856);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(265);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(857);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(859);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(860);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(848);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(849);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(850);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(851);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(852);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(853);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(854);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(855);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(856);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(266);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(857);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(859);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(860);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
- /* 101 */
+ /* 100 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102342,7 +102916,7 @@
module.exports = exports["default"];
/***/ }),
- /* 102 */
+ /* 101 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102358,7 +102932,7 @@
module.exports = exports["default"];
/***/ }),
- /* 103 */
+ /* 102 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102371,11 +102945,11 @@
var _extends2 = _interopRequireDefault(__webpack_require__(865));
- var _offset = _interopRequireDefault(__webpack_require__(77));
+ var _offset = _interopRequireDefault(__webpack_require__(76));
var _offsetParent = _interopRequireDefault(__webpack_require__(866));
- var _scrollTop = _interopRequireDefault(__webpack_require__(78));
+ var _scrollTop = _interopRequireDefault(__webpack_require__(77));
var _scrollLeft = _interopRequireDefault(__webpack_require__(873));
@@ -102413,7 +102987,7 @@
module.exports = exports["default"];
/***/ }),
- /* 104 */
+ /* 103 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102424,7 +102998,7 @@
exports.__esModule = true;
exports.default = ownerWindow;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(23));
+ var _ownerDocument = _interopRequireDefault(__webpack_require__(21));
function ownerWindow(node) {
var doc = (0, _ownerDocument.default)(node);
@@ -102433,84 +103007,164 @@
module.exports = exports["default"];
+ /***/ }),
+ /* 104 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1013);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1014);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1015);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1016);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1017);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1018);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1019);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1020);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1021);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(293);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1022);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1024);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(294);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
+
/***/ }),
/* 105 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1013);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1014);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1015);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1016);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1017);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1018);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1019);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1020);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1021);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(293);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1022);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1024);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(294);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1056);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1057);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1058);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1059);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1060);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1061);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(306);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1062);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1063);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(307);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1064);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1066);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1067);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -102518,86 +103172,6 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1056);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1057);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1058);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1059);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1060);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1061);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(306);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1062);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1063);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(307);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1064);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1066);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1067);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
- /***/ }),
- /* 107 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
Object.defineProperty(exports, "__esModule", {
@@ -102612,7 +103186,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(23);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -102621,7 +103195,7 @@
module.exports = exports['default'];
/***/ }),
- /* 108 */
+ /* 107 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102632,11 +103206,11 @@
});
exports["default"] = isOverflowing;
- var _isWindow = __webpack_require__(102);
+ var _isWindow = __webpack_require__(101);
var _isWindow2 = _interopRequireDefault(_isWindow);
- var _ownerDocument = __webpack_require__(23);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -102667,7 +103241,7 @@
module.exports = exports['default'];
/***/ }),
- /* 109 */
+ /* 108 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -102694,7 +103268,7 @@
module.exports = exports['default'];
/***/ }),
- /* 110 */
+ /* 109 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -102807,85 +103381,105 @@
})));
+ /***/ }),
+ /* 110 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1343);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1344);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1345);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1346);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1347);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1348);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1349);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1350);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1351);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(490);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1352);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1354);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1355);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
+
/***/ }),
/* 111 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1341);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1342);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1343);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1344);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1345);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1346);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1347);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1348);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1349);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(489);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1350);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1352);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1353);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(1377);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
/***/ }),
/* 112 */
@@ -102898,7 +103492,7 @@
value: true
});
- var _Icon = __webpack_require__(1419);
+ var _Icon = __webpack_require__(1415);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -102961,7 +103555,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(86);
+ var _ownerDocument = __webpack_require__(85);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -102980,7 +103574,7 @@
value: true
});
- var _Icon = __webpack_require__(1501);
+ var _Icon = __webpack_require__(1497);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -103008,7 +103602,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(23);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -103021,79 +103615,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1567);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1568);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1569);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1570);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1571);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1572);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1573);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(521);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1574);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(524);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1575);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1577);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1578);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1563);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1564);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1565);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1566);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1567);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1568);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1569);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(521);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1570);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(524);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1571);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1573);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1574);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -103115,7 +103709,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(23);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -103128,79 +103722,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1609);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1610);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1611);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1612);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(529);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(527);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(526);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1613);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1614);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(530);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1615);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1617);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1618);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1612);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1613);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1614);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1615);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(529);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(527);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(526);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1616);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1617);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(530);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1618);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1620);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1621);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -103214,7 +103808,7 @@
value: true
});
- var _Icon = __webpack_require__(1640);
+ var _Icon = __webpack_require__(1643);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -103228,7 +103822,7 @@
/***/ (function(module, exports, __webpack_require__) {
// optional / simple context binding
- var aFunction = __webpack_require__(602);
+ var aFunction = __webpack_require__(603);
module.exports = function (fn, that, length) {
aFunction(fn);
if (that === undefined) return fn;
@@ -103254,7 +103848,7 @@
/***/ (function(module, exports, __webpack_require__) {
// 7.1.1 ToPrimitive(input [, PreferredType])
- var isObject = __webpack_require__(60);
+ var isObject = __webpack_require__(59);
// instead of the ES6 spec version, we didn't implement @@toPrimitive case
// and the second argument - flag - preferred type is a string
module.exports = function (it, S) {
@@ -103306,7 +103900,7 @@
/***/ (function(module, exports, __webpack_require__) {
var shared = __webpack_require__(127)('keys');
- var uid = __webpack_require__(89);
+ var uid = __webpack_require__(88);
module.exports = function (key) {
return shared[key] || (shared[key] = uid(key));
};
@@ -103325,7 +103919,7 @@
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
- mode: __webpack_require__(88) ? 'pure' : 'global',
+ mode: __webpack_require__(87) ? 'pure' : 'global',
copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
});
@@ -103352,8 +103946,8 @@
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- var anObject = __webpack_require__(59);
- var dPs = __webpack_require__(612);
+ var anObject = __webpack_require__(58);
+ var dPs = __webpack_require__(613);
var enumBugKeys = __webpack_require__(128);
var IE_PROTO = __webpack_require__(126)('IE_PROTO');
var Empty = function () { /* empty */ };
@@ -103368,7 +103962,7 @@
var gt = '>';
var iframeDocument;
iframe.style.display = 'none';
- __webpack_require__(613).appendChild(iframe);
+ __webpack_require__(614).appendChild(iframe);
iframe.src = 'javascript:'; // eslint-disable-line no-script-url
// createDict = iframe.contentWindow.Object;
// html.removeChild(iframe);
@@ -103420,7 +104014,7 @@
var global = __webpack_require__(35);
var core = __webpack_require__(24);
- var LIBRARY = __webpack_require__(88);
+ var LIBRARY = __webpack_require__(87);
var wksExt = __webpack_require__(132);
var defineProperty = __webpack_require__(36).f;
module.exports = function (name) {
@@ -103466,7 +104060,7 @@
/***/ (function(module, exports, __webpack_require__) {
var baseGetTag = __webpack_require__(229),
- isObjectLike = __webpack_require__(670);
+ isObjectLike = __webpack_require__(671);
/** `Object#toString` result references. */
var symbolTag = '[object Symbol]';
@@ -103500,7 +104094,7 @@
/* 136 */
/***/ (function(module, exports, __webpack_require__) {
- var root = __webpack_require__(92);
+ var root = __webpack_require__(91);
/** Built-in value references. */
var Symbol = root.Symbol;
@@ -103512,8 +104106,8 @@
/* 137 */
/***/ (function(module, exports, __webpack_require__) {
- var baseIsNative = __webpack_require__(678),
- getValue = __webpack_require__(683);
+ var baseIsNative = __webpack_require__(679),
+ getValue = __webpack_require__(684);
/**
* Gets the native function at `key` of `object`.
@@ -103619,9 +104213,9 @@
/* WEBPACK VAR INJECTION */(function(process) {
if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(709);
- } else {
module.exports = __webpack_require__(710);
+ } else {
+ module.exports = __webpack_require__(711);
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
@@ -103631,49 +104225,49 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -103681,49 +104275,49 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -104037,49 +104631,49 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -104087,50 +104681,80 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(884);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(885);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(886);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(887);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(888);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(889);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(890);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(891);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(892);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(270);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(893);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(895);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(271);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
/***/ }),
/* 149 */
@@ -104139,6 +104763,56 @@
"use strict";
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
+ /***/ }),
+ /* 150 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -104158,11 +104832,11 @@
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
- var _classnames = __webpack_require__(66);
+ var _classnames = __webpack_require__(65);
var _classnames2 = _interopRequireDefault(_classnames);
@@ -104479,57 +105153,57 @@
exports["default"] = Transition;
/***/ }),
- /* 150 */
+ /* 151 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
- /* 151 */
+ /* 152 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104549,57 +105223,57 @@
module.exports = exports['default'];
/***/ }),
- /* 152 */
+ /* 153 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
- /* 153 */
+ /* 154 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104624,7 +105298,7 @@
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
@@ -104944,56 +105618,6 @@
exports["default"] = Transition;
- /***/ }),
- /* 154 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
/***/ }),
/* 155 */
/***/ (function(module, exports, __webpack_require__) {
@@ -105001,6 +105625,56 @@
"use strict";
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
+ /***/ }),
+ /* 156 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -105020,7 +105694,7 @@
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
@@ -105340,104 +106014,54 @@
exports["default"] = Transition;
- /***/ }),
- /* 156 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
/***/ }),
/* 157 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -105447,6 +106071,56 @@
"use strict";
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
+ /***/ }),
+ /* 159 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -105467,9 +106141,9 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
*/
@@ -105493,7 +106167,7 @@
module.exports = exports['default'];
/***/ }),
- /* 159 */
+ /* 160 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -105708,104 +106382,54 @@
};
}
- /***/ }),
- /* 160 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
/***/ }),
/* 161 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -105813,49 +106437,49 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -105865,6 +106489,56 @@
"use strict";
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
+ /***/ }),
+ /* 164 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -105891,7 +106565,7 @@
module.exports = exports['default'];
/***/ }),
- /* 164 */
+ /* 165 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106435,104 +107109,54 @@
exports["default"] = BaseModal;
module.exports = exports['default'];
- /***/ }),
- /* 165 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
/***/ }),
/* 166 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -106542,6 +107166,56 @@
"use strict";
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
+ /***/ }),
+ /* 168 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -106561,7 +107235,7 @@
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(163);
+ var _on = __webpack_require__(164);
var _on2 = _interopRequireDefault(_on);
@@ -106882,7 +107556,7 @@
exports["default"] = Transition;
/***/ }),
- /* 168 */
+ /* 169 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106902,7 +107576,7 @@
module.exports = exports['default'];
/***/ }),
- /* 169 */
+ /* 170 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -106933,7 +107607,7 @@
}
/***/ }),
- /* 170 */
+ /* 171 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -106957,7 +107631,7 @@
}
/***/ }),
- /* 171 */
+ /* 172 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -106978,7 +107652,7 @@
}
/***/ }),
- /* 172 */
+ /* 173 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107003,7 +107677,7 @@
module.exports = exports['default'];
/***/ }),
- /* 173 */
+ /* 174 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107052,7 +107726,7 @@
// array reference around.
/***/ }),
- /* 174 */
+ /* 175 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.7.1
@@ -107091,7 +107765,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
/***/ }),
- /* 175 */
+ /* 176 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107128,7 +107802,7 @@
module.exports = exports['default'];
/***/ }),
- /* 176 */
+ /* 177 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -107878,7 +108552,7 @@
/***/ }),
- /* 177 */
+ /* 178 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107983,56 +108657,6 @@
el.style[property] = value + 'px';
}
- /***/ }),
- /* 178 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
/***/ }),
/* 179 */
/***/ (function(module, exports, __webpack_require__) {
@@ -108040,67 +108664,97 @@
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
- var _Loading = __webpack_require__(1301);
+ // Mostly taken from ReactPropTypes.
- var _Loading2 = _interopRequireDefault(_Loading);
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
- exports["default"] = _Loading2["default"];
- module.exports = exports['default'];
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
/***/ }),
/* 180 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -108134,7 +108788,7 @@
var _warning2 = _interopRequireDefault(_warning);
- var _parseInt = __webpack_require__(1324);
+ var _parseInt = __webpack_require__(1326);
var _parseInt2 = _interopRequireDefault(_parseInt);
@@ -108518,19 +109172,19 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _mapSelf = __webpack_require__(479);
+ var _mapSelf = __webpack_require__(480);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
- var _MonthPanel = __webpack_require__(1337);
+ var _MonthPanel = __webpack_require__(1339);
var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
- var _YearPanel = __webpack_require__(480);
+ var _YearPanel = __webpack_require__(481);
var _YearPanel2 = _interopRequireDefault(_YearPanel);
- var _DecadePanel = __webpack_require__(481);
+ var _DecadePanel = __webpack_require__(482);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
@@ -108808,7 +109462,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _en_US = __webpack_require__(487);
+ var _en_US = __webpack_require__(488);
var _en_US2 = _interopRequireDefault(_en_US);
@@ -108907,49 +109561,49 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -108959,147 +109613,177 @@
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
- var _Icon = __webpack_require__(1374);
+ var _all2 = __webpack_require__(1388);
- var _Icon2 = _interopRequireDefault(_Icon);
+ var _all3 = _interopRequireDefault(_all2);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+ var _componentOrElement2 = __webpack_require__(1389);
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1390);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1391);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1392);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1393);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1394);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1395);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1396);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(499);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1397);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1399);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1400);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
+ exports.Align = _Align3.default;
/***/ }),
/* 187 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1392);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1393);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1394);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1395);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1396);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1397);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1398);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1399);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1400);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(499);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1401);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1403);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1404);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
/***/ }),
/* 188 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -109107,56 +109791,6 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 190 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
Object.defineProperty(exports, "__esModule", {
@@ -109169,7 +109803,7 @@
module.exports = exports["default"];
/***/ }),
- /* 191 */
+ /* 190 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -109184,21 +109818,21 @@
var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
- var _hyphenateStyle = __webpack_require__(1444);
+ var _hyphenateStyle = __webpack_require__(1440);
var _hyphenateStyle2 = _interopRequireDefault(_hyphenateStyle);
- var _getComputedStyle2 = __webpack_require__(1446);
+ var _getComputedStyle2 = __webpack_require__(1442);
var _getComputedStyle3 = _interopRequireDefault(_getComputedStyle2);
- var _removeStyle = __webpack_require__(1447);
+ var _removeStyle = __webpack_require__(1443);
var _removeStyle2 = _interopRequireDefault(_removeStyle);
- var _properties = __webpack_require__(192);
+ var _properties = __webpack_require__(191);
- var _isTransform = __webpack_require__(1448);
+ var _isTransform = __webpack_require__(1444);
var _isTransform2 = _interopRequireDefault(_isTransform);
@@ -109237,7 +109871,7 @@
module.exports = exports['default'];
/***/ }),
- /* 192 */
+ /* 191 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -109319,7 +109953,7 @@
}
/***/ }),
- /* 193 */
+ /* 192 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -109350,7 +109984,7 @@
module.exports = exports['default'];
/***/ }),
- /* 194 */
+ /* 193 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -109371,11 +110005,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _properties = __webpack_require__(192);
+ var _properties = __webpack_require__(191);
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(87);
+ var _on = __webpack_require__(86);
var _on2 = _interopRequireDefault(_on);
@@ -109695,54 +110329,104 @@
exports["default"] = Transition;
+ /***/ }),
+ /* 194 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
/***/ }),
/* 195 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -109750,56 +110434,6 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 197 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
Object.defineProperty(exports, "__esModule", {
@@ -109893,7 +110527,7 @@
module.exports = exports['default'];
/***/ }),
- /* 198 */
+ /* 197 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -109923,9 +110557,9 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } /**
- * This source code is quoted from rc-slider.
- * homepage: https://github.com/react-component/slider
+ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } /**
+ * This source code is quoted from rc-slider.
+ * homepage: https://github.com/react-component/slider
*/
@@ -110046,54 +110680,104 @@
}
}
+ /***/ }),
+ /* 198 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
+ }
+
/***/ }),
/* 199 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -110101,56 +110785,6 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
- }
-
- /***/ }),
- /* 201 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
Object.defineProperty(exports, "__esModule", {
@@ -110179,57 +110813,57 @@
module.exports = exports['default'];
/***/ }),
- /* 202 */
+ /* 201 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
- /* 203 */
+ /* 202 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -110254,7 +110888,7 @@
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(201);
+ var _on = __webpack_require__(200);
var _on2 = _interopRequireDefault(_on);
@@ -110575,7 +111209,7 @@
exports["default"] = Transition;
/***/ }),
- /* 204 */
+ /* 203 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -110627,7 +111261,7 @@
module.exports = exports['default'];
/***/ }),
- /* 205 */
+ /* 204 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -110843,7 +111477,7 @@
}
/***/ }),
- /* 206 */
+ /* 205 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -110857,8 +111491,8 @@
/* harmony export (immutable) */ __webpack_exports__["e"] = mergeChildren;
/* harmony export (immutable) */ __webpack_exports__["b"] = cloneProps;
/* harmony export (immutable) */ __webpack_exports__["d"] = getTransitionName;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rc_util_es_Children_toArray__ = __webpack_require__(72);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__ = __webpack_require__(1738);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rc_util_es_Children_toArray__ = __webpack_require__(71);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__ = __webpack_require__(1742);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_fbjs_lib_ExecutionEnvironment__);
@@ -111026,7 +111660,7 @@
}
/***/ }),
- /* 207 */
+ /* 206 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -111053,10 +111687,10 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_util_es_Children_toArray__ = __webpack_require__(72);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning__ = __webpack_require__(554);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_util_es_Children_toArray__ = __webpack_require__(71);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning__ = __webpack_require__(555);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_warning__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TreeNode__ = __webpack_require__(555);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TreeNode__ = __webpack_require__(556);
@@ -111527,7 +112161,7 @@
}
/***/ }),
- /* 208 */
+ /* 207 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -111539,7 +112173,7 @@
var SHOW_CHILD = 'SHOW_CHILD';
/***/ }),
- /* 209 */
+ /* 208 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -111769,7 +112403,7 @@
});
/***/ }),
- /* 210 */
+ /* 209 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -111779,7 +112413,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_tree__ = __webpack_require__(559);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_tree__ = __webpack_require__(560);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util__ = __webpack_require__(32);
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
@@ -112093,15 +112727,35 @@
Object(__WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__["polyfill"])(BasePopup);
/* harmony default export */ __webpack_exports__["a"] = (BasePopup);
+ /***/ }),
+ /* 210 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Button = __webpack_require__(567);
+
+ var _Button2 = _interopRequireDefault(_Button);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Button2["default"];
+ module.exports = exports['default'];
+
/***/ }),
/* 211 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createForm__ = __webpack_require__(598);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createForm__ = __webpack_require__(599);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__createFormField__ = __webpack_require__(233);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(711);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(712);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createFormField", function() { return __WEBPACK_IMPORTED_MODULE_1__createFormField__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "formShape", function() { return __WEBPACK_IMPORTED_MODULE_2__propTypes__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createForm", function() { return __WEBPACK_IMPORTED_MODULE_0__createForm__["a"]; });
@@ -112116,13 +112770,13 @@
/* 212 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(600), __esModule: true };
+ module.exports = { "default": __webpack_require__(601), __esModule: true };
/***/ }),
/* 213 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = !__webpack_require__(44) && !__webpack_require__(61)(function () {
+ module.exports = !__webpack_require__(44) && !__webpack_require__(60)(function () {
return Object.defineProperty(__webpack_require__(214)('div'), 'a', { get: function () { return 7; } }).a != 7;
});
@@ -112131,7 +112785,7 @@
/* 214 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(60);
+ var isObject = __webpack_require__(59);
var document = __webpack_require__(35).document;
// typeof document.createElement is 'object' in old IE
var is = isObject(document) && isObject(document.createElement);
@@ -112144,7 +112798,7 @@
/* 215 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(604);
+ __webpack_require__(605);
module.exports = __webpack_require__(24).Object.assign;
@@ -112153,8 +112807,8 @@
/***/ (function(module, exports, __webpack_require__) {
var has = __webpack_require__(45);
- var toIObject = __webpack_require__(62);
- var arrayIndexOf = __webpack_require__(606)(false);
+ var toIObject = __webpack_require__(61);
+ var arrayIndexOf = __webpack_require__(607)(false);
var IE_PROTO = __webpack_require__(126)('IE_PROTO');
module.exports = function (object, names) {
@@ -112199,7 +112853,7 @@
/* 219 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(609), __esModule: true };
+ module.exports = { "default": __webpack_require__(610), __esModule: true };
/***/ }),
/* 220 */
@@ -112207,7 +112861,7 @@
"use strict";
- var $at = __webpack_require__(610)(true);
+ var $at = __webpack_require__(611)(true);
// 21.1.3.27 String.prototype[@@iterator]()
__webpack_require__(221)(String, 'String', function (iterated) {
@@ -112231,14 +112885,14 @@
"use strict";
- var LIBRARY = __webpack_require__(88);
+ var LIBRARY = __webpack_require__(87);
var $export = __webpack_require__(34);
var redefine = __webpack_require__(222);
- var hide = __webpack_require__(58);
- var Iterators = __webpack_require__(75);
- var $iterCreate = __webpack_require__(611);
+ var hide = __webpack_require__(57);
+ var Iterators = __webpack_require__(74);
+ var $iterCreate = __webpack_require__(612);
var setToStringTag = __webpack_require__(131);
- var getPrototypeOf = __webpack_require__(614);
+ var getPrototypeOf = __webpack_require__(615);
var ITERATOR = __webpack_require__(28)('iterator');
var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
var FF_ITERATOR = '@@iterator';
@@ -112305,7 +112959,7 @@
/* 222 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(58);
+ module.exports = __webpack_require__(57);
/***/ }),
@@ -112323,7 +112977,7 @@
- var emptyFunction = __webpack_require__(625);
+ var emptyFunction = __webpack_require__(626);
/**
* Similar to invariant but only logs a warning if the condition is not met.
@@ -112394,9 +113048,9 @@
/* 225 */
/***/ (function(module, exports, __webpack_require__) {
- var pIE = __webpack_require__(90);
- var createDesc = __webpack_require__(73);
- var toIObject = __webpack_require__(62);
+ var pIE = __webpack_require__(89);
+ var createDesc = __webpack_require__(72);
+ var toIObject = __webpack_require__(61);
var toPrimitive = __webpack_require__(122);
var has = __webpack_require__(45);
var IE8_DOM_DEFINE = __webpack_require__(213);
@@ -112417,7 +113071,7 @@
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(16);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(17);
/**
@@ -112514,8 +113168,8 @@
/***/ (function(module, exports, __webpack_require__) {
var isArray = __webpack_require__(134),
- isKey = __webpack_require__(666),
- stringToPath = __webpack_require__(671),
+ isKey = __webpack_require__(667),
+ stringToPath = __webpack_require__(672),
toString = __webpack_require__(230);
/**
@@ -112541,8 +113195,8 @@
/***/ (function(module, exports, __webpack_require__) {
var Symbol = __webpack_require__(136),
- getRawTag = __webpack_require__(668),
- objectToString = __webpack_require__(669);
+ getRawTag = __webpack_require__(669),
+ objectToString = __webpack_require__(670);
/** `Object#toString` result references. */
var nullTag = '[object Null]',
@@ -112574,7 +113228,7 @@
/* 230 */
/***/ (function(module, exports, __webpack_require__) {
- var baseToString = __webpack_require__(700);
+ var baseToString = __webpack_require__(701);
/**
* Converts `value` to a string. An empty string is returned for `null`
@@ -112635,7 +113289,7 @@
/* 232 */
/***/ (function(module, exports, __webpack_require__) {
- var baseSet = __webpack_require__(702);
+ var baseSet = __webpack_require__(703);
/**
* Sets the value at `path` of `object`. If a portion of `path` doesn't exist,
@@ -112723,7 +113377,7 @@
/* harmony export (immutable) */ __webpack_exports__["l"] = startsWith;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(8);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics__ = __webpack_require__(708);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics__ = __webpack_require__(709);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning__ = __webpack_require__(227);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_warning__);
@@ -112985,7 +113639,7 @@
"use strict";
- module.exports = __webpack_require__(720);
+ module.exports = __webpack_require__(721);
/***/ }),
/* 237 */
@@ -112994,6 +113648,26 @@
"use strict";
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _InputNumber = __webpack_require__(727);
+
+ var _InputNumber2 = _interopRequireDefault(_InputNumber);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _InputNumber2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 238 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -113185,67 +113859,67 @@
module.exports = exports['default'];
/***/ }),
- /* 238 */
+ /* 239 */
/***/ (function(module, exports) {
- module.exports = function(module) {
- if(!module.webpackPolyfill) {
- module.deprecate = function() {};
- module.paths = [];
- // module.parent = undefined by default
- if(!module.children) module.children = [];
- Object.defineProperty(module, "loaded", {
- enumerable: true,
- get: function() {
- return module.l;
- }
- });
- Object.defineProperty(module, "id", {
- enumerable: true,
- get: function() {
- return module.i;
- }
- });
- module.webpackPolyfill = 1;
- }
- return module;
- };
+ module.exports = function(module) {
+ if(!module.webpackPolyfill) {
+ module.deprecate = function() {};
+ module.paths = [];
+ // module.parent = undefined by default
+ if(!module.children) module.children = [];
+ Object.defineProperty(module, "loaded", {
+ enumerable: true,
+ get: function() {
+ return module.l;
+ }
+ });
+ Object.defineProperty(module, "id", {
+ enumerable: true,
+ get: function() {
+ return module.i;
+ }
+ });
+ module.webpackPolyfill = 1;
+ }
+ return module;
+ };
- /***/ }),
- /* 239 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
-
/***/ }),
/* 240 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
+ }
+
+ /***/ }),
+ /* 241 */
/***/ (function(module, exports) {
module.exports = function(arr, obj){
@@ -113257,215 +113931,215 @@
};
/***/ }),
- /* 241 */
+ /* 242 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(14);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(239);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
- }
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
+
+
+ exports.__esModule = true;
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _domAlign = __webpack_require__(14);
+
+ var _domAlign2 = _interopRequireDefault(_domAlign);
+
+ var _addEventListener = __webpack_require__(240);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+
+ //import isWindow from './isWindow';
+
+ function isWindow(obj) {
+ /* eslint no-eq-null: 0 */
+ /* eslint eqeqeq: 0 */
+ return obj != null && obj == obj.window;
+ }
+
+ function buffer(fn, ms) {
+ var timer = void 0;
+
+ function clear() {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ }
+
+ function bufferFn() {
+ clear();
+ timer = setTimeout(fn, ms);
+ }
+
+ bufferFn.clear = clear;
+
+ return bufferFn;
+ }
+
+ var propTypes = {
+ childrenProps: _propTypes2.default.object,
+ align: _propTypes2.default.object.isRequired,
+ target: _propTypes2.default.func,
+ onAlign: _propTypes2.default.func,
+ monitorBufferTime: _propTypes2.default.number,
+ monitorWindowResize: _propTypes2.default.bool,
+ disabled: _propTypes2.default.bool,
+ children: _propTypes2.default.any
+ };
+
+ var defaultProps = {
+ target: function target() {
+ return window;
+ },
+ onAlign: function onAlign() {},
+
+ monitorBufferTime: 50,
+ monitorWindowResize: false,
+ disabled: false
+ };
+
+ var Align = function (_React$Component) {
+ _inherits(Align, _React$Component);
+
+ function Align(props) {
+ _classCallCheck(this, Align);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ return _this;
+ }
+
+ Align.prototype.componentDidMount = function componentDidMount() {
+ var props = this.props;
+ // if parent ref not attached .... use document.getElementById
+ this.forceAlign();
+ if (!props.disabled && props.monitorWindowResize) {
+ this.startMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var reAlign = false;
+ var props = this.props;
+
+ if (!props.disabled) {
+ if (prevProps.disabled || prevProps.align !== props.align) {
+ reAlign = true;
+ } else {
+ var lastTarget = prevProps.target();
+ var currentTarget = props.target();
+ if (isWindow(lastTarget) && isWindow(currentTarget)) {
+ reAlign = false;
+ } else if (lastTarget !== currentTarget) {
+ reAlign = true;
+ }
+ }
+ }
+
+ if (reAlign) {
+ this.forceAlign();
+ }
+
+ if (props.monitorWindowResize && !props.disabled) {
+ this.startMonitorWindowResize();
+ } else {
+ this.stopMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.stopMonitorWindowResize();
+ };
+
+ Align.prototype.render = function render() {
+ var _props = this.props,
+ childrenProps = _props.childrenProps,
+ children = _props.children;
+
+ var child = _react2.default.Children.only(children);
+ if (childrenProps) {
+ var newProps = {};
+ for (var prop in childrenProps) {
+ if (childrenProps.hasOwnProperty(prop)) {
+ newProps[prop] = this.props[childrenProps[prop]];
+ }
+ }
+ return _react2.default.cloneElement(child, newProps);
+ }
+ return child;
+ };
+
+ return Align;
+ }(_react2.default.Component);
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.startMonitorWindowResize = function () {
+ if (!_this2.resizeHandler) {
+ _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
+ _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
+ }
+ };
+
+ this.stopMonitorWindowResize = function () {
+ if (_this2.resizeHandler) {
+ _this2.bufferMonitor.clear();
+ _this2.resizeHandler.remove();
+ _this2.resizeHandler = null;
+ }
+ };
+
+ this.forceAlign = function () {
+ var props = _this2.props;
+ if (!props.disabled) {
+ var source = _reactDom2.default.findDOMNode(_this2);
+ props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
+ }
+ };
+ };
+
+ ;
+
+ Align.defaultProps = defaultProps;
+ Align.propTypes = propTypes;
+
exports.default = Align;
/***/ }),
- /* 242 */
+ /* 243 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVisibleRectForElement__ = __webpack_require__(243);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVisibleRectForElement__ = __webpack_require__(244);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adjustForViewport__ = __webpack_require__(766);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(245);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(246);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getElFuturePos__ = __webpack_require__(767);
/**
* align dom node flexibly
@@ -113665,12 +114339,12 @@
**/
/***/ }),
- /* 243 */
+ /* 244 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(47);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(244);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(245);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__isAncestorFixed__ = __webpack_require__(765);
@@ -113772,7 +114446,7 @@
/* harmony default export */ __webpack_exports__["a"] = (getVisibleRectForElement);
/***/ }),
- /* 244 */
+ /* 245 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -113824,7 +114498,7 @@
/* harmony default export */ __webpack_exports__["a"] = (getOffsetParent);
/***/ }),
- /* 245 */
+ /* 246 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -113856,39 +114530,39 @@
/* harmony default export */ __webpack_exports__["a"] = (getRegion);
/***/ }),
- /* 246 */
+ /* 247 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
- /* 247 */
+ /* 248 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -113921,13 +114595,13 @@
module.exports = exports["default"];
/***/ }),
- /* 248 */
+ /* 249 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Menu__ = __webpack_require__(787);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(252);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(253);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(810);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(813);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(814);
@@ -113948,7 +114622,7 @@
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Menu__["a" /* default */]);
/***/ }),
- /* 249 */
+ /* 250 */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(793);
@@ -113959,7 +114633,7 @@
/***/ }),
- /* 250 */
+ /* 251 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -113983,7 +114657,7 @@
});
/***/ }),
- /* 251 */
+ /* 252 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -114010,7 +114684,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(143);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(65);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(64);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(799);
@@ -114412,7 +115086,7 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 252 */
+ /* 253 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -114437,10 +115111,10 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store__ = __webpack_require__(19);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(251);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(252);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(809);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(65);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(64);
@@ -115039,7 +115713,7 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 253 */
+ /* 254 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -115078,7 +115752,7 @@
}
/***/ }),
- /* 254 */
+ /* 255 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -115105,7 +115779,7 @@
/* harmony default export */ __webpack_exports__["a"] = (util);
/***/ }),
- /* 255 */
+ /* 256 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -115171,7 +115845,7 @@
/* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
/***/ }),
- /* 256 */
+ /* 257 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -115204,7 +115878,7 @@
module.exports = exports["default"];
/***/ }),
- /* 257 */
+ /* 258 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -115284,7 +115958,7 @@
module.exports = exports['default'];
/***/ }),
- /* 258 */
+ /* 259 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -115372,7 +116046,7 @@
};
/***/ }),
- /* 259 */
+ /* 260 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -115413,7 +116087,7 @@
module.exports = exports['default'];
/***/ }),
- /* 260 */
+ /* 261 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
@@ -115899,7 +116573,7 @@
/***/ }),
- /* 261 */
+ /* 262 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116070,7 +116744,7 @@
module.exports = exports['default'];
/***/ }),
- /* 262 */
+ /* 263 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116090,7 +116764,7 @@
module.exports = exports['default'];
/***/ }),
- /* 263 */
+ /* 264 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116112,15 +116786,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ownerDocument = __webpack_require__(99);
+ var _ownerDocument = __webpack_require__(98);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _getContainer = __webpack_require__(264);
+ var _getContainer = __webpack_require__(265);
var _getContainer2 = _interopRequireDefault(_getContainer);
- var _tinperBeeCore = __webpack_require__(100);
+ var _tinperBeeCore = __webpack_require__(99);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -116136,16 +116810,16 @@
var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
var propTypes = {
- /**
- * 存放子组件的容器
+ /**
+ * 存放子组件的容器
*/
container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
};
var defaultProps = {};
- /**
- * Portal组件是将子组件渲染
+ /**
+ * Portal组件是将子组件渲染
*/
var Portal = function (_Component) {
@@ -116223,8 +116897,8 @@
return null;
};
- /**
- * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
+ /**
+ * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
*/
Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
@@ -116234,8 +116908,8 @@
this.portalContainerNode.appendChild(this.overlayTarget);
}
};
- /**
- * 将要添加的子元素从容器中移除,并把变量置为null
+ /**
+ * 将要添加的子元素从容器中移除,并把变量置为null
*/
@@ -116246,8 +116920,8 @@
}
this.portalContainerNode = null;
};
- /**
- * 手动渲染_overlayTarget
+ /**
+ * 手动渲染_overlayTarget
*/
@@ -116265,8 +116939,8 @@
this.unmountOverlayTarget();
}
};
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
*/
@@ -116299,7 +116973,7 @@
module.exports = exports['default'];
/***/ }),
- /* 264 */
+ /* 265 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116316,11 +116990,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
*/
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
@@ -116329,39 +117003,39 @@
module.exports = exports['default'];
/***/ }),
- /* 265 */
+ /* 266 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
- /* 266 */
+ /* 267 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116388,7 +117062,7 @@
module.exports = exports["default"];
/***/ }),
- /* 267 */
+ /* 268 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116408,7 +117082,7 @@
};
};
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
@@ -116421,7 +117095,7 @@
module.exports = exports['default'];
/***/ }),
- /* 268 */
+ /* 269 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -116440,116 +117114,36 @@
exports["default"] = _Dropdown2["default"];
module.exports = exports['default'];
- /***/ }),
- /* 269 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(884);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(885);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(886);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(887);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(888);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(889);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(890);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(891);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(892);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(270);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(893);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(895);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(271);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
- exports.Align = _Align3.default;
-
/***/ }),
/* 270 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -116557,200 +117151,200 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(14);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(270);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
- }
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
+
+
+ exports.__esModule = true;
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _domAlign = __webpack_require__(14);
+
+ var _domAlign2 = _interopRequireDefault(_domAlign);
+
+ var _addEventListener = __webpack_require__(270);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+
+ //import isWindow from './isWindow';
+
+ function isWindow(obj) {
+ /* eslint no-eq-null: 0 */
+ /* eslint eqeqeq: 0 */
+ return obj != null && obj == obj.window;
+ }
+
+ function buffer(fn, ms) {
+ var timer = void 0;
+
+ function clear() {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ }
+
+ function bufferFn() {
+ clear();
+ timer = setTimeout(fn, ms);
+ }
+
+ bufferFn.clear = clear;
+
+ return bufferFn;
+ }
+
+ var propTypes = {
+ childrenProps: _propTypes2.default.object,
+ align: _propTypes2.default.object.isRequired,
+ target: _propTypes2.default.func,
+ onAlign: _propTypes2.default.func,
+ monitorBufferTime: _propTypes2.default.number,
+ monitorWindowResize: _propTypes2.default.bool,
+ disabled: _propTypes2.default.bool,
+ children: _propTypes2.default.any
+ };
+
+ var defaultProps = {
+ target: function target() {
+ return window;
+ },
+ onAlign: function onAlign() {},
+
+ monitorBufferTime: 50,
+ monitorWindowResize: false,
+ disabled: false
+ };
+
+ var Align = function (_React$Component) {
+ _inherits(Align, _React$Component);
+
+ function Align(props) {
+ _classCallCheck(this, Align);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ return _this;
+ }
+
+ Align.prototype.componentDidMount = function componentDidMount() {
+ var props = this.props;
+ // if parent ref not attached .... use document.getElementById
+ this.forceAlign();
+ if (!props.disabled && props.monitorWindowResize) {
+ this.startMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var reAlign = false;
+ var props = this.props;
+
+ if (!props.disabled) {
+ if (prevProps.disabled || prevProps.align !== props.align) {
+ reAlign = true;
+ } else {
+ var lastTarget = prevProps.target();
+ var currentTarget = props.target();
+ if (isWindow(lastTarget) && isWindow(currentTarget)) {
+ reAlign = false;
+ } else if (lastTarget !== currentTarget) {
+ reAlign = true;
+ }
+ }
+ }
+
+ if (reAlign) {
+ this.forceAlign();
+ }
+
+ if (props.monitorWindowResize && !props.disabled) {
+ this.startMonitorWindowResize();
+ } else {
+ this.stopMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.stopMonitorWindowResize();
+ };
+
+ Align.prototype.render = function render() {
+ var _props = this.props,
+ childrenProps = _props.childrenProps,
+ children = _props.children;
+
+ var child = _react2.default.Children.only(children);
+ if (childrenProps) {
+ var newProps = {};
+ for (var prop in childrenProps) {
+ if (childrenProps.hasOwnProperty(prop)) {
+ newProps[prop] = this.props[childrenProps[prop]];
+ }
+ }
+ return _react2.default.cloneElement(child, newProps);
+ }
+ return child;
+ };
+
+ return Align;
+ }(_react2.default.Component);
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.startMonitorWindowResize = function () {
+ if (!_this2.resizeHandler) {
+ _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
+ _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
+ }
+ };
+
+ this.stopMonitorWindowResize = function () {
+ if (_this2.resizeHandler) {
+ _this2.bufferMonitor.clear();
+ _this2.resizeHandler.remove();
+ _this2.resizeHandler = null;
+ }
+ };
+
+ this.forceAlign = function () {
+ var props = _this2.props;
+ if (!props.disabled) {
+ var source = _reactDom2.default.findDOMNode(_this2);
+ props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
+ }
+ };
+ };
+
+ ;
+
+ Align.defaultProps = defaultProps;
+ Align.propTypes = propTypes;
+
exports.default = Align;
/***/ }),
@@ -116902,79 +117496,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(909);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(910);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(911);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(912);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(913);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(914);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(915);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(916);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(917);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(277);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(918);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(920);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(921);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(909);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(910);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(911);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(912);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(913);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(914);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(915);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(916);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(917);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(277);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(918);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(920);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(921);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -116982,31 +117576,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -117014,39 +117608,39 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
- }
+
+
+ exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function createChainedFunction() {
+ for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+ funcs[_key] = arguments[_key];
+ }
+
+ return funcs.filter(function (f) {
+ return f != null;
+ }).reduce(function (acc, f) {
+ if (typeof f !== 'function') {
+ throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
+ }
+
+ if (acc === null) {
+ return f;
+ }
+
+ return function chainedFunction() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ acc.apply(this, args);
+ f.apply(this, args);
+ };
+ }, null);
+ }
exports.default = createChainedFunction;
/***/ }),
@@ -117054,31 +117648,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -117281,79 +117875,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(957);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(958);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(959);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(960);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(961);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(962);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(963);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(964);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(965);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(285);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(966);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(968);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(969);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(957);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(958);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(959);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(960);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(961);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(962);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(963);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(964);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(965);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(285);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(966);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(968);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(969);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -117361,31 +117955,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -117499,7 +118093,7 @@
});
exports.Fade = exports.Collapse = exports.Transition = undefined;
- var _Transition2 = __webpack_require__(155);
+ var _Transition2 = __webpack_require__(156);
var _Transition3 = _interopRequireDefault(_Transition2);
@@ -117546,7 +118140,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Transition = __webpack_require__(155);
+ var _Transition = __webpack_require__(156);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -117780,31 +118374,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -117812,49 +118406,49 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = createChainableTypeChecker;
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- */
-
- // Mostly taken from ReactPropTypes.
-
- /* This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
- function createChainableTypeChecker(validate) {
- function checkType(isRequired, props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- if (isRequired) {
- return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
- }
-
- return null;
- }
-
- for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
- args[_key - 6] = arguments[_key];
- }
-
- return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
- }
-
- var chainedCheckType = checkType.bind(null, false);
- chainedCheckType.isRequired = checkType.bind(null, true);
-
- return chainedCheckType;
+
+
+ exports.__esModule = true;
+ exports.default = createChainableTypeChecker;
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+ // Mostly taken from ReactPropTypes.
+
+ /* This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+ function createChainableTypeChecker(validate) {
+ function checkType(isRequired, props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ if (isRequired) {
+ return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
+ }
+
+ return null;
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
+ args[_key - 6] = arguments[_key];
+ }
+
+ return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
+ }
+
+ var chainedCheckType = checkType.bind(null, false);
+ chainedCheckType.isRequired = checkType.bind(null, true);
+
+ return chainedCheckType;
}
/***/ }),
@@ -117872,7 +118466,7 @@
var _Select2 = _interopRequireDefault(_Select);
- var _Option = __webpack_require__(158);
+ var _Option = __webpack_require__(159);
var _Option2 = _interopRequireDefault(_Option);
@@ -117894,31 +118488,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -117926,200 +118520,200 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(14);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(293);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
- }
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
+
+
+ exports.__esModule = true;
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _domAlign = __webpack_require__(14);
+
+ var _domAlign2 = _interopRequireDefault(_domAlign);
+
+ var _addEventListener = __webpack_require__(293);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+
+ //import isWindow from './isWindow';
+
+ function isWindow(obj) {
+ /* eslint no-eq-null: 0 */
+ /* eslint eqeqeq: 0 */
+ return obj != null && obj == obj.window;
+ }
+
+ function buffer(fn, ms) {
+ var timer = void 0;
+
+ function clear() {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ }
+
+ function bufferFn() {
+ clear();
+ timer = setTimeout(fn, ms);
+ }
+
+ bufferFn.clear = clear;
+
+ return bufferFn;
+ }
+
+ var propTypes = {
+ childrenProps: _propTypes2.default.object,
+ align: _propTypes2.default.object.isRequired,
+ target: _propTypes2.default.func,
+ onAlign: _propTypes2.default.func,
+ monitorBufferTime: _propTypes2.default.number,
+ monitorWindowResize: _propTypes2.default.bool,
+ disabled: _propTypes2.default.bool,
+ children: _propTypes2.default.any
+ };
+
+ var defaultProps = {
+ target: function target() {
+ return window;
+ },
+ onAlign: function onAlign() {},
+
+ monitorBufferTime: 50,
+ monitorWindowResize: false,
+ disabled: false
+ };
+
+ var Align = function (_React$Component) {
+ _inherits(Align, _React$Component);
+
+ function Align(props) {
+ _classCallCheck(this, Align);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ return _this;
+ }
+
+ Align.prototype.componentDidMount = function componentDidMount() {
+ var props = this.props;
+ // if parent ref not attached .... use document.getElementById
+ this.forceAlign();
+ if (!props.disabled && props.monitorWindowResize) {
+ this.startMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var reAlign = false;
+ var props = this.props;
+
+ if (!props.disabled) {
+ if (prevProps.disabled || prevProps.align !== props.align) {
+ reAlign = true;
+ } else {
+ var lastTarget = prevProps.target();
+ var currentTarget = props.target();
+ if (isWindow(lastTarget) && isWindow(currentTarget)) {
+ reAlign = false;
+ } else if (lastTarget !== currentTarget) {
+ reAlign = true;
+ }
+ }
+ }
+
+ if (reAlign) {
+ this.forceAlign();
+ }
+
+ if (props.monitorWindowResize && !props.disabled) {
+ this.startMonitorWindowResize();
+ } else {
+ this.stopMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.stopMonitorWindowResize();
+ };
+
+ Align.prototype.render = function render() {
+ var _props = this.props,
+ childrenProps = _props.childrenProps,
+ children = _props.children;
+
+ var child = _react2.default.Children.only(children);
+ if (childrenProps) {
+ var newProps = {};
+ for (var prop in childrenProps) {
+ if (childrenProps.hasOwnProperty(prop)) {
+ newProps[prop] = this.props[childrenProps[prop]];
+ }
+ }
+ return _react2.default.cloneElement(child, newProps);
+ }
+ return child;
+ };
+
+ return Align;
+ }(_react2.default.Component);
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.startMonitorWindowResize = function () {
+ if (!_this2.resizeHandler) {
+ _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
+ _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
+ }
+ };
+
+ this.stopMonitorWindowResize = function () {
+ if (_this2.resizeHandler) {
+ _this2.bufferMonitor.clear();
+ _this2.resizeHandler.remove();
+ _this2.resizeHandler = null;
+ }
+ };
+
+ this.forceAlign = function () {
+ var props = _this2.props;
+ if (!props.disabled) {
+ var source = _reactDom2.default.findDOMNode(_this2);
+ props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
+ }
+ };
+ };
+
+ ;
+
+ Align.defaultProps = defaultProps;
+ Align.propTypes = propTypes;
+
exports.default = Align;
/***/ }),
@@ -118177,7 +118771,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(143);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(67);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(66);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(1026);
@@ -118607,7 +119201,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(296);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(1030);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(67);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(66);
@@ -119460,9 +120054,9 @@
var _validate = _propTypes2["default"].oneOfType([_propTypes2["default"].arrayOf(basicType), basicType]);
return _validate.apply(undefined, arguments);
}
- } /**
- * This source code is quoted from rc-select.
- * homepage: https://github.com/react-component/select
+ } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
*/
var SelectPropTypes = exports.SelectPropTypes = {
id: _propTypes2["default"].string,
@@ -119584,9 +120178,9 @@
});
exports.SubPopupMenu = undefined;
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -119603,7 +120197,7 @@
var _miniStore = __webpack_require__(19);
- var _tinperBeeCore = __webpack_require__(106);
+ var _tinperBeeCore = __webpack_require__(105);
var _createChainedFunction = __webpack_require__(308);
@@ -119613,7 +120207,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _util = __webpack_require__(68);
+ var _util = __webpack_require__(67);
var _DOMWrap = __webpack_require__(1068);
@@ -120027,39 +120621,39 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
- }
+
+
+ exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function createChainedFunction() {
+ for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+ funcs[_key] = arguments[_key];
+ }
+
+ return funcs.filter(function (f) {
+ return f != null;
+ }).reduce(function (acc, f) {
+ if (typeof f !== 'function') {
+ throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
+ }
+
+ if (acc === null) {
+ return f;
+ }
+
+ return function chainedFunction() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ acc.apply(this, args);
+ f.apply(this, args);
+ };
+ }, null);
+ }
exports.default = createChainedFunction;
/***/ }),
@@ -120067,31 +120661,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -120143,9 +120737,9 @@
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /**
- * This source code is quoted from rc-menu.
- * homepage: https://github.com/react-component/menu
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /**
+ * This source code is quoted from rc-menu.
+ * homepage: https://github.com/react-component/menu
*/
@@ -120165,7 +120759,7 @@
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
- var _tinperBeeCore = __webpack_require__(106);
+ var _tinperBeeCore = __webpack_require__(105);
var _classnames = __webpack_require__(2);
@@ -120185,7 +120779,7 @@
var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
- var _util = __webpack_require__(68);
+ var _util = __webpack_require__(67);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -120908,39 +121502,39 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
- }
+
+
+ exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function createChainedFunction() {
+ for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+ funcs[_key] = arguments[_key];
+ }
+
+ return funcs.filter(function (f) {
+ return f != null;
+ }).reduce(function (acc, f) {
+ if (typeof f !== 'function') {
+ throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
+ }
+
+ if (acc === null) {
+ return f;
+ }
+
+ return function chainedFunction() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ acc.apply(this, args);
+ f.apply(this, args);
+ };
+ }, null);
+ }
exports.default = createChainedFunction;
/***/ }),
@@ -120948,31 +121542,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -121013,47 +121607,47 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = splitComponentProps;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function _objectEntries(obj) {
- var entries = [];
- var keys = Object.keys(obj);
-
- for (var k = 0; k < keys.length; ++k) {
- entries.push([keys[k], obj[keys[k]]]);
- }return entries;
- }
-
- /**
- * 分割要传入父元素和子元素的props
- * @param {[object]} props 传入的属性
- * @param {[reactElement]} Component 组件
- * @return {[array]} 返回数组,第一个元素为父元素props对象,第二个子元素props对象
- */
- function splitComponentProps(props, Component) {
- var componentPropTypes = Component.propTypes;
-
- var parentProps = {};
- var childProps = {};
-
- _objectEntries(props).forEach(function (_ref) {
- var propName = _ref[0],
- propValue = _ref[1];
-
- if (componentPropTypes[propName]) {
- parentProps[propName] = propValue;
- } else {
- childProps[propName] = propValue;
- }
- });
-
- return [parentProps, childProps];
+
+
+ exports.__esModule = true;
+ exports.default = splitComponentProps;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function _objectEntries(obj) {
+ var entries = [];
+ var keys = Object.keys(obj);
+
+ for (var k = 0; k < keys.length; ++k) {
+ entries.push([keys[k], obj[keys[k]]]);
+ }return entries;
+ }
+
+ /**
+ * 分割要传入父元素和子元素的props
+ * @param {[object]} props 传入的属性
+ * @param {[reactElement]} Component 组件
+ * @return {[array]} 返回数组,第一个元素为父元素props对象,第二个子元素props对象
+ */
+ function splitComponentProps(props, Component) {
+ var componentPropTypes = Component.propTypes;
+
+ var parentProps = {};
+ var childProps = {};
+
+ _objectEntries(props).forEach(function (_ref) {
+ var propName = _ref[0],
+ propValue = _ref[1];
+
+ if (componentPropTypes[propName]) {
+ parentProps[propName] = propValue;
+ } else {
+ childProps[propName] = propValue;
+ }
+ });
+
+ return [parentProps, childProps];
}
/***/ }),
@@ -121061,39 +121655,39 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
- }
+
+
+ exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function createChainedFunction() {
+ for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+ funcs[_key] = arguments[_key];
+ }
+
+ return funcs.filter(function (f) {
+ return f != null;
+ }).reduce(function (acc, f) {
+ if (typeof f !== 'function') {
+ throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
+ }
+
+ if (acc === null) {
+ return f;
+ }
+
+ return function chainedFunction() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ acc.apply(this, args);
+ f.apply(this, args);
+ };
+ }, null);
+ }
exports.default = createChainedFunction;
/***/ }),
@@ -121101,31 +121695,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -121151,7 +121745,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ownerDocument = __webpack_require__(107);
+ var _ownerDocument = __webpack_require__(106);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -121159,7 +121753,7 @@
var _getContainer2 = _interopRequireDefault(_getContainer);
- var _tinperBeeCore = __webpack_require__(69);
+ var _tinperBeeCore = __webpack_require__(68);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -121175,16 +121769,16 @@
var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
var propTypes = {
- /**
- * 存放子组件的容器
+ /**
+ * 存放子组件的容器
*/
container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
};
var defaultProps = {};
- /**
- * Portal组件是将子组件渲染
+ /**
+ * Portal组件是将子组件渲染
*/
var Portal = function (_Component) {
@@ -121262,8 +121856,8 @@
return null;
};
- /**
- * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
+ /**
+ * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
*/
Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
@@ -121273,8 +121867,8 @@
this.portalContainerNode.appendChild(this.overlayTarget);
}
};
- /**
- * 将要添加的子元素从容器中移除,并把变量置为null
+ /**
+ * 将要添加的子元素从容器中移除,并把变量置为null
*/
@@ -121285,8 +121879,8 @@
}
this.portalContainerNode = null;
};
- /**
- * 手动渲染_overlayTarget
+ /**
+ * 手动渲染_overlayTarget
*/
@@ -121304,8 +121898,8 @@
this.unmountOverlayTarget();
}
};
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
*/
@@ -121355,11 +121949,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
*/
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
@@ -121388,7 +121982,7 @@
};
};
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
@@ -121446,15 +122040,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(164);
+ var _Modal = __webpack_require__(165);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(108);
+ var _isOverflowing = __webpack_require__(107);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
- var _tinperBeeCore = __webpack_require__(70);
+ var _tinperBeeCore = __webpack_require__(69);
var _beeTransition = __webpack_require__(1199);
@@ -121555,7 +122149,7 @@
onExited: _propTypes2["default"].func,
containerClassName: _propTypes2["default"].string
- }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizeClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _extends2));
+ }, _defineProperty(_extends2, 'containerClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'container', _Modal2["default"].propTypes.container), _defineProperty(_extends2, 'size', _propTypes2["default"].oneOf(["sm", "lg", "xlg", ""])), _defineProperty(_extends2, 'width', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'draggable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizable', _propTypes2["default"].bool), _defineProperty(_extends2, 'resizeClassName', _propTypes2["default"].string), _defineProperty(_extends2, 'onResizeStart', _propTypes2["default"].func), _defineProperty(_extends2, 'onResize', _propTypes2["default"].func), _defineProperty(_extends2, 'onResizeStop', _propTypes2["default"].func), _defineProperty(_extends2, 'minWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'minHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxWidth', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'maxHeight', _propTypes2["default"].oneOfType([_propTypes2["default"].number, _propTypes2["default"].string])), _defineProperty(_extends2, 'bounds', _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].Object])), _extends2));
var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
backdropClosable: true,
@@ -121695,7 +122289,8 @@
containerClassName = _props.containerClassName,
draggable = _props.draggable,
resizeClassName = _props.resizeClassName,
- props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable', 'resizeClassName']);
+ bounds = _props.bounds,
+ props = _objectWithoutProperties(_props, ['backdrop', 'backdropClosable', 'animation', 'show', 'dialogComponentClass', 'className', 'clsPrefix', 'style', 'size', 'width', 'children', 'onEntering', 'onExited', 'backdropClassName', 'containerClassName', 'draggable', 'resizeClassName', 'bounds']);
var _splitComponent = (0, _tinperBeeCore.splitComponent)(props, _Modal2["default"]),
_splitComponent2 = _slicedToArray(_splitComponent, 2),
@@ -121736,6 +122331,7 @@
onClick: backdrop === true && !!backdropClosable ? this.handleDialogClick : null,
size: size,
draggable: draggable,
+ bounds: bounds,
resizeClassName: resizeClassName
}),
children
@@ -121809,79 +122405,79 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
-
- var _all2 = __webpack_require__(1165);
-
- var _all3 = _interopRequireDefault(_all2);
-
- var _componentOrElement2 = __webpack_require__(1166);
-
- var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
-
- var _deprecated2 = __webpack_require__(1167);
-
- var _deprecated3 = _interopRequireDefault(_deprecated2);
-
- var _elementType2 = __webpack_require__(1168);
-
- var _elementType3 = _interopRequireDefault(_elementType2);
-
- var _isRequiredForA11y2 = __webpack_require__(1169);
-
- var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
-
- var _splitComponent2 = __webpack_require__(1170);
-
- var _splitComponent3 = _interopRequireDefault(_splitComponent2);
-
- var _createChainedFunction2 = __webpack_require__(1171);
-
- var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
-
- var _keyCode = __webpack_require__(1172);
-
- var _keyCode2 = _interopRequireDefault(_keyCode);
-
- var _contains2 = __webpack_require__(1173);
-
- var _contains3 = _interopRequireDefault(_contains2);
-
- var _addEventListener2 = __webpack_require__(325);
-
- var _addEventListener3 = _interopRequireDefault(_addEventListener2);
-
- var _cssAnimation2 = __webpack_require__(1174);
-
- var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
-
- var _toArray2 = __webpack_require__(1176);
-
- var _toArray3 = _interopRequireDefault(_toArray2);
-
- var _Align2 = __webpack_require__(1177);
-
- var _Align3 = _interopRequireDefault(_Align2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.all = _all3.default;
- exports.componentOrElement = _componentOrElement3.default;
- exports.deprecated = _deprecated3.default;
- exports.elementType = _elementType3.default;
- exports.isRequiredForA11y = _isRequiredForA11y3.default;
- exports.splitComponent = _splitComponent3.default;
- exports.createChainedFunction = _createChainedFunction3.default;
- exports.KeyCode = _keyCode2.default;
- exports.contains = _contains3.default;
- exports.addEventListener = _addEventListener3.default;
- exports.cssAnimation = _cssAnimation3.default;
- exports.toArray = _toArray3.default;
- //export getContainerRenderMixin from './getContainerRenderMixin';
-
+
+
+ exports.__esModule = true;
+ exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;
+
+ var _all2 = __webpack_require__(1165);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(1166);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(1167);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(1168);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(1169);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(1170);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(1171);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(1172);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(1173);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(325);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(1174);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(1176);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(1177);
+
+ var _Align3 = _interopRequireDefault(_Align2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.all = _all3.default;
+ exports.componentOrElement = _componentOrElement3.default;
+ exports.deprecated = _deprecated3.default;
+ exports.elementType = _elementType3.default;
+ exports.isRequiredForA11y = _isRequiredForA11y3.default;
+ exports.splitComponent = _splitComponent3.default;
+ exports.createChainedFunction = _createChainedFunction3.default;
+ exports.KeyCode = _keyCode2.default;
+ exports.contains = _contains3.default;
+ exports.addEventListener = _addEventListener3.default;
+ exports.cssAnimation = _cssAnimation3.default;
+ exports.toArray = _toArray3.default;
+ //export getContainerRenderMixin from './getContainerRenderMixin';
+
exports.Align = _Align3.default;
/***/ }),
@@ -121889,31 +122485,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -121935,7 +122531,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(23);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -122029,31 +122625,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -122888,8 +123484,8 @@
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = connectAdvanced;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(337);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_assertThisInitialized__ = __webpack_require__(1228);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(170);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(171);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(171);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(172);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_hoist_non_react_statics__ = __webpack_require__(1229);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_hoist_non_react_statics__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_invariant__ = __webpack_require__(1230);
@@ -123277,7 +123873,7 @@
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(1235);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(169);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(170);
function verifyPlainObject(value, displayName, methodName) {
@@ -123462,31 +124058,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -123535,7 +124131,7 @@
value: true
});
- var _Icon = __webpack_require__(1291);
+ var _Icon = __webpack_require__(1293);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -123549,35 +124145,55 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
- }
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Loading = __webpack_require__(1303);
+
+ var _Loading2 = _interopRequireDefault(_Loading);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Loading2["default"];
+ module.exports = exports['default'];
/***/ }),
/* 350 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
+ }
+
+ /***/ }),
+ /* 351 */
/***/ (function(module, exports) {
//
@@ -123629,7 +124245,7 @@
/***/ }),
- /* 351 */
+ /* 352 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -123639,7 +124255,7 @@
value: true
});
- var _Calendar = __webpack_require__(1333);
+ var _Calendar = __webpack_require__(1335);
var _Calendar2 = _interopRequireDefault(_Calendar);
@@ -123649,7 +124265,7 @@
module.exports = exports['default'];
/***/ }),
- /* 352 */
+ /* 353 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -123663,11 +124279,11 @@
var _react2 = _interopRequireDefault(_react);
- var _DateTHead = __webpack_require__(1334);
+ var _DateTHead = __webpack_require__(1336);
var _DateTHead2 = _interopRequireDefault(_DateTHead);
- var _DateTBody = __webpack_require__(1336);
+ var _DateTBody = __webpack_require__(1338);
var _DateTBody2 = _interopRequireDefault(_DateTBody);
@@ -123708,7 +124324,7 @@
module.exports = exports['default'];
/***/ }),
- /* 353 */
+ /* 354 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -123724,7 +124340,7 @@
module.exports = exports["default"];
/***/ }),
- /* 354 */
+ /* 355 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123801,7 +124417,7 @@
/***/ }),
- /* 355 */
+ /* 356 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123940,7 +124556,7 @@
/***/ }),
- /* 356 */
+ /* 357 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124003,7 +124619,7 @@
/***/ }),
- /* 357 */
+ /* 358 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124066,7 +124682,7 @@
/***/ }),
- /* 358 */
+ /* 359 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124192,7 +124808,7 @@
/***/ }),
- /* 359 */
+ /* 360 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124255,7 +124871,7 @@
/***/ }),
- /* 360 */
+ /* 361 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124363,7 +124979,7 @@
/***/ }),
- /* 361 */
+ /* 362 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124426,7 +125042,7 @@
/***/ }),
- /* 362 */
+ /* 363 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124535,7 +125151,7 @@
/***/ }),
- /* 363 */
+ /* 364 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124671,7 +125287,7 @@
/***/ }),
- /* 364 */
+ /* 365 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124765,7 +125381,7 @@
/***/ }),
- /* 365 */
+ /* 366 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124827,7 +125443,7 @@
/***/ }),
- /* 366 */
+ /* 367 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124950,7 +125566,7 @@
/***/ }),
- /* 367 */
+ /* 368 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125073,7 +125689,7 @@
/***/ }),
- /* 368 */
+ /* 369 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125185,7 +125801,7 @@
/***/ }),
- /* 369 */
+ /* 370 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125340,7 +125956,7 @@
/***/ }),
- /* 370 */
+ /* 371 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125432,7 +126048,7 @@
/***/ }),
- /* 371 */
+ /* 372 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125608,7 +126224,7 @@
/***/ }),
- /* 372 */
+ /* 373 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125675,7 +126291,7 @@
/***/ }),
- /* 373 */
+ /* 374 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125759,7 +126375,7 @@
/***/ }),
- /* 374 */
+ /* 375 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125823,7 +126439,7 @@
/***/ }),
- /* 375 */
+ /* 376 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125903,7 +126519,7 @@
/***/ }),
- /* 376 */
+ /* 377 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125983,7 +126599,7 @@
/***/ }),
- /* 377 */
+ /* 378 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126063,7 +126679,7 @@
/***/ }),
- /* 378 */
+ /* 379 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126166,7 +126782,7 @@
/***/ }),
- /* 379 */
+ /* 380 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126270,7 +126886,7 @@
/***/ }),
- /* 380 */
+ /* 381 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126341,7 +126957,7 @@
/***/ }),
- /* 381 */
+ /* 382 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126412,7 +127028,7 @@
/***/ }),
- /* 382 */
+ /* 383 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126479,7 +127095,7 @@
/***/ }),
- /* 383 */
+ /* 384 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126550,7 +127166,7 @@
/***/ }),
- /* 384 */
+ /* 385 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126616,7 +127232,7 @@
/***/ }),
- /* 385 */
+ /* 386 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126687,7 +127303,7 @@
/***/ }),
- /* 386 */
+ /* 387 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126762,7 +127378,7 @@
/***/ }),
- /* 387 */
+ /* 388 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126858,7 +127474,7 @@
/***/ }),
- /* 388 */
+ /* 389 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126954,7 +127570,7 @@
/***/ }),
- /* 389 */
+ /* 390 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127050,7 +127666,7 @@
/***/ }),
- /* 390 */
+ /* 391 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127134,7 +127750,7 @@
/***/ }),
- /* 391 */
+ /* 392 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127204,7 +127820,7 @@
/***/ }),
- /* 392 */
+ /* 393 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127314,7 +127930,7 @@
/***/ }),
- /* 393 */
+ /* 394 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127427,7 +128043,7 @@
/***/ }),
- /* 394 */
+ /* 395 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127491,7 +128107,7 @@
/***/ }),
- /* 395 */
+ /* 396 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127578,7 +128194,7 @@
/***/ }),
- /* 396 */
+ /* 397 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127656,7 +128272,7 @@
/***/ }),
- /* 397 */
+ /* 398 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127738,7 +128354,7 @@
/***/ }),
- /* 398 */
+ /* 399 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127817,7 +128433,7 @@
/***/ }),
- /* 399 */
+ /* 400 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127898,7 +128514,7 @@
/***/ }),
- /* 400 */
+ /* 401 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -127978,7 +128594,7 @@
/***/ }),
- /* 401 */
+ /* 402 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128059,7 +128675,7 @@
/***/ }),
- /* 402 */
+ /* 403 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128186,7 +128802,7 @@
/***/ }),
- /* 403 */
+ /* 404 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128314,7 +128930,7 @@
/***/ }),
- /* 404 */
+ /* 405 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128415,7 +129031,7 @@
/***/ }),
- /* 405 */
+ /* 406 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128543,7 +129159,7 @@
/***/ }),
- /* 406 */
+ /* 407 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128701,7 +129317,7 @@
/***/ }),
- /* 407 */
+ /* 408 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128815,7 +129431,7 @@
/***/ }),
- /* 408 */
+ /* 409 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -128914,7 +129530,7 @@
/***/ }),
- /* 409 */
+ /* 410 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129000,7 +129616,7 @@
/***/ }),
- /* 410 */
+ /* 411 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129136,7 +129752,7 @@
/***/ }),
- /* 411 */
+ /* 412 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129209,7 +129825,7 @@
/***/ }),
- /* 412 */
+ /* 413 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129282,7 +129898,7 @@
/***/ }),
- /* 413 */
+ /* 414 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129378,7 +129994,7 @@
/***/ }),
- /* 414 */
+ /* 415 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129464,7 +130080,7 @@
/***/ }),
- /* 415 */
+ /* 416 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129557,7 +130173,7 @@
/***/ }),
- /* 416 */
+ /* 417 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129648,7 +130264,7 @@
/***/ }),
- /* 417 */
+ /* 418 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129762,7 +130378,7 @@
/***/ }),
- /* 418 */
+ /* 419 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129892,7 +130508,7 @@
/***/ }),
- /* 419 */
+ /* 420 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -129977,7 +130593,7 @@
/***/ }),
- /* 420 */
+ /* 421 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130100,7 +130716,7 @@
/***/ }),
- /* 421 */
+ /* 422 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130191,7 +130807,7 @@
/***/ }),
- /* 422 */
+ /* 423 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130331,7 +130947,7 @@
/***/ }),
- /* 423 */
+ /* 424 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130405,7 +131021,7 @@
/***/ }),
- /* 424 */
+ /* 425 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130527,7 +131143,7 @@
/***/ }),
- /* 425 */
+ /* 426 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130628,7 +131244,7 @@
/***/ }),
- /* 426 */
+ /* 427 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130744,7 +131360,7 @@
/***/ }),
- /* 427 */
+ /* 428 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130812,7 +131428,7 @@
/***/ }),
- /* 428 */
+ /* 429 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130906,7 +131522,7 @@
/***/ }),
- /* 429 */
+ /* 430 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -130991,7 +131607,7 @@
/***/ }),
- /* 430 */
+ /* 431 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131099,7 +131715,7 @@
/***/ }),
- /* 431 */
+ /* 432 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131263,7 +131879,7 @@
/***/ }),
- /* 432 */
+ /* 433 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131349,7 +131965,7 @@
/***/ }),
- /* 433 */
+ /* 434 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131435,7 +132051,7 @@
/***/ }),
- /* 434 */
+ /* 435 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131499,7 +132115,7 @@
/***/ }),
- /* 435 */
+ /* 436 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131596,7 +132212,7 @@
/***/ }),
- /* 436 */
+ /* 437 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131662,7 +132278,7 @@
/***/ }),
- /* 437 */
+ /* 438 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131789,7 +132405,7 @@
/***/ }),
- /* 438 */
+ /* 439 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131880,7 +132496,7 @@
/***/ }),
- /* 439 */
+ /* 440 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -131971,7 +132587,7 @@
/***/ }),
- /* 440 */
+ /* 441 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132035,7 +132651,7 @@
/***/ }),
- /* 441 */
+ /* 442 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132163,7 +132779,7 @@
/***/ }),
- /* 442 */
+ /* 443 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132293,7 +132909,7 @@
/***/ }),
- /* 443 */
+ /* 444 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132362,7 +132978,7 @@
/***/ }),
- /* 444 */
+ /* 445 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132427,7 +133043,7 @@
/***/ }),
- /* 445 */
+ /* 446 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132506,7 +133122,7 @@
/***/ }),
- /* 446 */
+ /* 447 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132692,7 +133308,7 @@
/***/ }),
- /* 447 */
+ /* 448 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132794,7 +133410,7 @@
/***/ }),
- /* 448 */
+ /* 449 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132858,7 +133474,7 @@
/***/ }),
- /* 449 */
+ /* 450 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -132933,7 +133549,7 @@
/***/ }),
- /* 450 */
+ /* 451 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133093,7 +133709,7 @@
/***/ }),
- /* 451 */
+ /* 452 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133270,7 +133886,7 @@
/***/ }),
- /* 452 */
+ /* 453 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133342,7 +133958,7 @@
/***/ }),
- /* 453 */
+ /* 454 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133457,7 +134073,7 @@
/***/ }),
- /* 454 */
+ /* 455 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133572,7 +134188,7 @@
/***/ }),
- /* 455 */
+ /* 456 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133664,7 +134280,7 @@
/***/ }),
- /* 456 */
+ /* 457 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133737,7 +134353,7 @@
/***/ }),
- /* 457 */
+ /* 458 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133800,7 +134416,7 @@
/***/ }),
- /* 458 */
+ /* 459 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -133933,7 +134549,7 @@
/***/ }),
- /* 459 */
+ /* 460 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134026,7 +134642,7 @@
/***/ }),
- /* 460 */
+ /* 461 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134097,7 +134713,7 @@
/***/ }),
- /* 461 */
+ /* 462 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134217,7 +134833,7 @@
/***/ }),
- /* 462 */
+ /* 463 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134288,7 +134904,7 @@
/***/ }),
- /* 463 */
+ /* 464 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134354,7 +134970,7 @@
/***/ }),
- /* 464 */
+ /* 465 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134480,7 +135096,7 @@
/***/ }),
- /* 465 */
+ /* 466 */
/***/ (function(module, exports, __webpack_require__) {
@@ -134578,7 +135194,7 @@
/***/ }),
- /* 466 */
+ /* 467 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134673,7 +135289,7 @@
/***/ }),
- /* 467 */
+ /* 468 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134735,7 +135351,7 @@
/***/ }),
- /* 468 */
+ /* 469 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -134797,7 +135413,7 @@
/***/ }),
- /* 469 */
+ /* 470 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js language configuration
@@ -134920,7 +135536,7 @@
/***/ }),
- /* 470 */
+ /* 471 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135078,7 +135694,7 @@
/***/ }),
- /* 471 */
+ /* 472 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135180,7 +135796,7 @@
/***/ }),
- /* 472 */
+ /* 473 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135242,7 +135858,7 @@
/***/ }),
- /* 473 */
+ /* 474 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135304,7 +135920,7 @@
/***/ }),
- /* 474 */
+ /* 475 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135387,7 +136003,7 @@
/***/ }),
- /* 475 */
+ /* 476 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135459,7 +136075,7 @@
/***/ }),
- /* 476 */
+ /* 477 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135523,7 +136139,7 @@
/***/ }),
- /* 477 */
+ /* 478 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135630,7 +136246,7 @@
/***/ }),
- /* 478 */
+ /* 479 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -135737,7 +136353,7 @@
/***/ }),
- /* 479 */
+ /* 480 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -135765,7 +136381,7 @@
module.exports = exports['default'];
/***/ }),
- /* 480 */
+ /* 481 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -135787,11 +136403,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _DecadePanel = __webpack_require__(481);
+ var _DecadePanel = __webpack_require__(482);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
- var _DateInput = __webpack_require__(81);
+ var _DateInput = __webpack_require__(80);
var _DateInput2 = _interopRequireDefault(_DateInput);
@@ -136073,7 +136689,7 @@
module.exports = exports['default'];
/***/ }),
- /* 481 */
+ /* 482 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136286,7 +136902,7 @@
module.exports = exports['default'];
/***/ }),
- /* 482 */
+ /* 483 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136310,7 +136926,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _mapSelf = __webpack_require__(479);
+ var _mapSelf = __webpack_require__(480);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
@@ -136318,15 +136934,15 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _TodayButton = __webpack_require__(483);
+ var _TodayButton = __webpack_require__(484);
var _TodayButton2 = _interopRequireDefault(_TodayButton);
- var _OkButton = __webpack_require__(484);
+ var _OkButton = __webpack_require__(485);
var _OkButton2 = _interopRequireDefault(_OkButton);
- var _TimePickerButton = __webpack_require__(485);
+ var _TimePickerButton = __webpack_require__(486);
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
@@ -136423,7 +137039,7 @@
module.exports = exports['default'];
/***/ }),
- /* 483 */
+ /* 484 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136470,7 +137086,7 @@
module.exports = exports['default'];
/***/ }),
- /* 484 */
+ /* 485 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136485,7 +137101,7 @@
var _react2 = _interopRequireDefault(_react);
- var _beeButton = __webpack_require__(1339);
+ var _beeButton = __webpack_require__(1341);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -136515,7 +137131,7 @@
module.exports = exports['default'];
/***/ }),
- /* 485 */
+ /* 486 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136566,7 +137182,7 @@
module.exports = exports['default'];
/***/ }),
- /* 486 */
+ /* 487 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136723,7 +137339,7 @@
};
/***/ }),
- /* 487 */
+ /* 488 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136766,7 +137382,7 @@
module.exports = exports['default'];
/***/ }),
- /* 488 */
+ /* 489 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136802,39 +137418,39 @@
}
/***/ }),
- /* 489 */
+ /* 490 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
- /* 490 */
+ /* 491 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -136873,7 +137489,7 @@
}
/***/ }),
- /* 491 */
+ /* 492 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -136939,7 +137555,7 @@
/* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
/***/ }),
- /* 492 */
+ /* 493 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -136958,9 +137574,9 @@
var _classnames = _interopRequireDefault(__webpack_require__(2));
- var _Header = _interopRequireDefault(__webpack_require__(1359));
+ var _Header = _interopRequireDefault(__webpack_require__(1361));
- var _Combobox = _interopRequireDefault(__webpack_require__(1360));
+ var _Combobox = _interopRequireDefault(__webpack_require__(1362));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -137176,6 +137792,7 @@
disabledSeconds: disabledSeconds,
onCurrentSelectPanelChange: this.onCurrentSelectPanelChange,
use12Hours: use12Hours,
+ onEsc: onEsc,
isAM: this.isAM()
}), addon(this));
}
@@ -137230,26 +137847,6 @@
var _default = Panel;
exports["default"] = _default;
- /***/ }),
- /* 493 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _FormControl = __webpack_require__(1373);
-
- var _FormControl2 = _interopRequireDefault(_FormControl);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _FormControl2["default"];
- module.exports = exports['default'];
-
/***/ }),
/* 494 */
/***/ (function(module, exports, __webpack_require__) {
@@ -137837,31 +138434,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -137911,16 +138508,16 @@
var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
var propTypes = {
- /**
- * 存放子组件的容器
+ /**
+ * 存放子组件的容器
*/
container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
};
var defaultProps = {};
- /**
- * Portal组件是将子组件渲染
+ /**
+ * Portal组件是将子组件渲染
*/
var Portal = function (_Component) {
@@ -137998,8 +138595,8 @@
return null;
};
- /**
- * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
+ /**
+ * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
*/
Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
@@ -138009,8 +138606,8 @@
this.portalContainerNode.appendChild(this.overlayTarget);
}
};
- /**
- * 将要添加的子元素从容器中移除,并把变量置为null
+ /**
+ * 将要添加的子元素从容器中移除,并把变量置为null
*/
@@ -138021,8 +138618,8 @@
}
this.portalContainerNode = null;
};
- /**
- * 手动渲染_overlayTarget
+ /**
+ * 手动渲染_overlayTarget
*/
@@ -138040,8 +138637,8 @@
this.unmountOverlayTarget();
}
};
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
*/
@@ -138091,11 +138688,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
*/
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
@@ -138108,31 +138705,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -138151,11 +138748,11 @@
var _contains2 = _interopRequireDefault(_contains);
- var _isWindow = __webpack_require__(190);
+ var _isWindow = __webpack_require__(189);
var _isWindow2 = _interopRequireDefault(_isWindow);
- var _ownerDocument = __webpack_require__(86);
+ var _ownerDocument = __webpack_require__(85);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -138200,7 +138797,7 @@
});
exports.default = camelizeStyleName;
- var _camelize = __webpack_require__(1443);
+ var _camelize = __webpack_require__(1439);
var _camelize2 = _interopRequireDefault(_camelize);
@@ -138228,7 +138825,7 @@
});
exports.default = scrollTop;
- var _isWindow = __webpack_require__(190);
+ var _isWindow = __webpack_require__(189);
var _isWindow2 = _interopRequireDefault(_isWindow);
@@ -138264,11 +138861,11 @@
};
};
- var _on = __webpack_require__(87);
+ var _on = __webpack_require__(86);
var _on2 = _interopRequireDefault(_on);
- var _off = __webpack_require__(193);
+ var _off = __webpack_require__(192);
var _off2 = _interopRequireDefault(_off);
@@ -138298,11 +138895,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _events = __webpack_require__(1459);
+ var _events = __webpack_require__(1455);
var _events2 = _interopRequireDefault(_events);
- var _ownerDocument = __webpack_require__(86);
+ var _ownerDocument = __webpack_require__(85);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -138310,7 +138907,7 @@
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _scrollbarSize = __webpack_require__(1463);
+ var _scrollbarSize = __webpack_require__(1459);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
@@ -138322,35 +138919,35 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(164);
+ var _Modal = __webpack_require__(165);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(108);
+ var _isOverflowing = __webpack_require__(107);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _tinperBeeCore = __webpack_require__(30);
- var _beeTransition = __webpack_require__(1464);
+ var _beeTransition = __webpack_require__(1460);
- var _ModalBody = __webpack_require__(1468);
+ var _ModalBody = __webpack_require__(1464);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(1469);
+ var _ModalDialog = __webpack_require__(1465);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
- var _ModalFooter = __webpack_require__(1470);
+ var _ModalFooter = __webpack_require__(1466);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
- var _ModalHeader = __webpack_require__(1471);
+ var _ModalHeader = __webpack_require__(1467);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
- var _ModalTitle = __webpack_require__(1472);
+ var _ModalTitle = __webpack_require__(1468);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
@@ -138660,7 +139257,7 @@
value: true
});
- var _Button = __webpack_require__(1474);
+ var _Button = __webpack_require__(1470);
var _Button2 = _interopRequireDefault(_Button);
@@ -139202,7 +139799,7 @@
value: true
});
- var _Transfer = __webpack_require__(1499);
+ var _Transfer = __webpack_require__(1495);
var _Transfer2 = _interopRequireDefault(_Transfer);
@@ -139230,7 +139827,7 @@
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _beeFormControl = __webpack_require__(1502);
+ var _beeFormControl = __webpack_require__(1498);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
@@ -139333,48 +139930,48 @@
"use strict";
- /**
- * Copyright 2013-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule ReactComponentWithPureRenderMixin
+ /**
+ * Copyright 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule ReactComponentWithPureRenderMixin
*/
- var shallowEqual = __webpack_require__(1504);
+ var shallowEqual = __webpack_require__(1500);
function shallowCompare(instance, nextProps, nextState) {
return !shallowEqual(instance.props, nextProps) || !shallowEqual(instance.state, nextState);
}
- /**
- * If your React component's render function is "pure", e.g. it will render the
- * same result given the same props and state, provide this mixin for a
- * considerable performance boost.
- *
- * Most React components have pure render functions.
- *
- * Example:
- *
- * var ReactComponentWithPureRenderMixin =
- * require('ReactComponentWithPureRenderMixin');
- * React.createClass({
- * mixins: [ReactComponentWithPureRenderMixin],
- *
- * render: function() {
- * return foo
;
- * }
- * });
- *
- * Note: This only checks shallow equality for props and state. If these contain
- * complex data structures this mixin may have false-negatives for deeper
- * differences. Only mixin to components which have simple props and state, or
- * use `forceUpdate()` when you know deep data structures have changed.
- *
- * See https://facebook.github.io/react/docs/pure-render-mixin.html
+ /**
+ * If your React component's render function is "pure", e.g. it will render the
+ * same result given the same props and state, provide this mixin for a
+ * considerable performance boost.
+ *
+ * Most React components have pure render functions.
+ *
+ * Example:
+ *
+ * var ReactComponentWithPureRenderMixin =
+ * require('ReactComponentWithPureRenderMixin');
+ * React.createClass({
+ * mixins: [ReactComponentWithPureRenderMixin],
+ *
+ * render: function() {
+ * return foo
;
+ * }
+ * });
+ *
+ * Note: This only checks shallow equality for props and state. If these contain
+ * complex data structures this mixin may have false-negatives for deeper
+ * differences. Only mixin to components which have simple props and state, or
+ * use `forceUpdate()` when you know deep data structures have changed.
+ *
+ * See https://facebook.github.io/react/docs/pure-render-mixin.html
*/
var ReactComponentWithPureRenderMixin = {
shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
@@ -139399,7 +139996,7 @@
var _Checkbox2 = _interopRequireDefault(_Checkbox);
- var _CheckboxGroup = __webpack_require__(1512);
+ var _CheckboxGroup = __webpack_require__(1508);
var _CheckboxGroup2 = _interopRequireDefault(_CheckboxGroup);
@@ -139611,31 +140208,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -139643,31 +140240,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -139744,7 +140341,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _addEventListener = __webpack_require__(1558);
+ var _addEventListener = __webpack_require__(1554);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
@@ -139756,19 +140353,19 @@
var _warning2 = _interopRequireDefault(_warning);
- var _Steps = __webpack_require__(1559);
+ var _Steps = __webpack_require__(1555);
var _Steps2 = _interopRequireDefault(_Steps);
- var _Marks = __webpack_require__(1560);
+ var _Marks = __webpack_require__(1556);
var _Marks2 = _interopRequireDefault(_Marks);
- var _Handle = __webpack_require__(197);
+ var _Handle = __webpack_require__(196);
var _Handle2 = _interopRequireDefault(_Handle);
- var _utils = __webpack_require__(198);
+ var _utils = __webpack_require__(197);
var utils = _interopRequireWildcard(_utils);
@@ -139786,9 +140383,9 @@
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
- * This source code is quoted from rc-slider.
- * homepage: https://github.com/react-component/slider
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
+ * This source code is quoted from rc-slider.
+ * homepage: https://github.com/react-component/slider
*/
@@ -140140,529 +140737,529 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- /**
- * @ignore
- * some key-codes definition and utils from closure-library
- * @author yiminghe@gmail.com
- */
-
- var KeyCode = {
- /**
- * MAC_ENTER
- */
- MAC_ENTER: 3,
- /**
- * BACKSPACE
- */
- BACKSPACE: 8,
- /**
- * TAB
- */
- TAB: 9,
- /**
- * NUMLOCK on FF/Safari Mac
- */
- NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
- /**
- * ENTER
- */
- ENTER: 13,
- /**
- * SHIFT
- */
- SHIFT: 16,
- /**
- * CTRL
- */
- CTRL: 17,
- /**
- * ALT
- */
- ALT: 18,
- /**
- * PAUSE
- */
- PAUSE: 19,
- /**
- * CAPS_LOCK
- */
- CAPS_LOCK: 20,
- /**
- * ESC
- */
- ESC: 27,
- /**
- * SPACE
- */
- SPACE: 32,
- /**
- * PAGE_UP
- */
- PAGE_UP: 33, // also NUM_NORTH_EAST
- /**
- * PAGE_DOWN
- */
- PAGE_DOWN: 34, // also NUM_SOUTH_EAST
- /**
- * END
- */
- END: 35, // also NUM_SOUTH_WEST
- /**
- * HOME
- */
- HOME: 36, // also NUM_NORTH_WEST
- /**
- * LEFT
- */
- LEFT: 37, // also NUM_WEST
- /**
- * UP
- */
- UP: 38, // also NUM_NORTH
- /**
- * RIGHT
- */
- RIGHT: 39, // also NUM_EAST
- /**
- * DOWN
- */
- DOWN: 40, // also NUM_SOUTH
- /**
- * PRINT_SCREEN
- */
- PRINT_SCREEN: 44,
- /**
- * INSERT
- */
- INSERT: 45, // also NUM_INSERT
- /**
- * DELETE
- */
- DELETE: 46, // also NUM_DELETE
- /**
- * ZERO
- */
- ZERO: 48,
- /**
- * ONE
- */
- ONE: 49,
- /**
- * TWO
- */
- TWO: 50,
- /**
- * THREE
- */
- THREE: 51,
- /**
- * FOUR
- */
- FOUR: 52,
- /**
- * FIVE
- */
- FIVE: 53,
- /**
- * SIX
- */
- SIX: 54,
- /**
- * SEVEN
- */
- SEVEN: 55,
- /**
- * EIGHT
- */
- EIGHT: 56,
- /**
- * NINE
- */
- NINE: 57,
- /**
- * QUESTION_MARK
- */
- QUESTION_MARK: 63, // needs localization
- /**
- * A
- */
- A: 65,
- /**
- * B
- */
- B: 66,
- /**
- * C
- */
- C: 67,
- /**
- * D
- */
- D: 68,
- /**
- * E
- */
- E: 69,
- /**
- * F
- */
- F: 70,
- /**
- * G
- */
- G: 71,
- /**
- * H
- */
- H: 72,
- /**
- * I
- */
- I: 73,
- /**
- * J
- */
- J: 74,
- /**
- * K
- */
- K: 75,
- /**
- * L
- */
- L: 76,
- /**
- * M
- */
- M: 77,
- /**
- * N
- */
- N: 78,
- /**
- * O
- */
- O: 79,
- /**
- * P
- */
- P: 80,
- /**
- * Q
- */
- Q: 81,
- /**
- * R
- */
- R: 82,
- /**
- * S
- */
- S: 83,
- /**
- * T
- */
- T: 84,
- /**
- * U
- */
- U: 85,
- /**
- * V
- */
- V: 86,
- /**
- * W
- */
- W: 87,
- /**
- * X
- */
- X: 88,
- /**
- * Y
- */
- Y: 89,
- /**
- * Z
- */
- Z: 90,
- /**
- * META
- */
- META: 91, // WIN_KEY_LEFT
- /**
- * WIN_KEY_RIGHT
- */
- WIN_KEY_RIGHT: 92,
- /**
- * CONTEXT_MENU
- */
- CONTEXT_MENU: 93,
- /**
- * NUM_ZERO
- */
- NUM_ZERO: 96,
- /**
- * NUM_ONE
- */
- NUM_ONE: 97,
- /**
- * NUM_TWO
- */
- NUM_TWO: 98,
- /**
- * NUM_THREE
- */
- NUM_THREE: 99,
- /**
- * NUM_FOUR
- */
- NUM_FOUR: 100,
- /**
- * NUM_FIVE
- */
- NUM_FIVE: 101,
- /**
- * NUM_SIX
- */
- NUM_SIX: 102,
- /**
- * NUM_SEVEN
- */
- NUM_SEVEN: 103,
- /**
- * NUM_EIGHT
- */
- NUM_EIGHT: 104,
- /**
- * NUM_NINE
- */
- NUM_NINE: 105,
- /**
- * NUM_MULTIPLY
- */
- NUM_MULTIPLY: 106,
- /**
- * NUM_PLUS
- */
- NUM_PLUS: 107,
- /**
- * NUM_MINUS
- */
- NUM_MINUS: 109,
- /**
- * NUM_PERIOD
- */
- NUM_PERIOD: 110,
- /**
- * NUM_DIVISION
- */
- NUM_DIVISION: 111,
- /**
- * F1
- */
- F1: 112,
- /**
- * F2
- */
- F2: 113,
- /**
- * F3
- */
- F3: 114,
- /**
- * F4
- */
- F4: 115,
- /**
- * F5
- */
- F5: 116,
- /**
- * F6
- */
- F6: 117,
- /**
- * F7
- */
- F7: 118,
- /**
- * F8
- */
- F8: 119,
- /**
- * F9
- */
- F9: 120,
- /**
- * F10
- */
- F10: 121,
- /**
- * F11
- */
- F11: 122,
- /**
- * F12
- */
- F12: 123,
- /**
- * NUMLOCK
- */
- NUMLOCK: 144,
- /**
- * SEMICOLON
- */
- SEMICOLON: 186, // needs localization
- /**
- * DASH
- */
- DASH: 189, // needs localization
- /**
- * EQUALS
- */
- EQUALS: 187, // needs localization
- /**
- * COMMA
- */
- COMMA: 188, // needs localization
- /**
- * PERIOD
- */
- PERIOD: 190, // needs localization
- /**
- * SLASH
- */
- SLASH: 191, // needs localization
- /**
- * APOSTROPHE
- */
- APOSTROPHE: 192, // needs localization
- /**
- * SINGLE_QUOTE
- */
- SINGLE_QUOTE: 222, // needs localization
- /**
- * OPEN_SQUARE_BRACKET
- */
- OPEN_SQUARE_BRACKET: 219, // needs localization
- /**
- * BACKSLASH
- */
- BACKSLASH: 220, // needs localization
- /**
- * CLOSE_SQUARE_BRACKET
- */
- CLOSE_SQUARE_BRACKET: 221, // needs localization
- /**
- * WIN_KEY
- */
- WIN_KEY: 224,
- /**
- * MAC_FF_META
- */
- MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
- /**
- * WIN_IME
- */
- WIN_IME: 229
- };
-
- /*
- whether text and modified key is entered at the same time.
- */
- KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
- var keyCode = e.keyCode;
- if (e.altKey && !e.ctrlKey || e.metaKey ||
- // Function keys don't generate text
- keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
- return false;
- }
-
- // The following keys are quite harmless, even in combination with
- // CTRL, ALT or SHIFT.
- switch (keyCode) {
- case KeyCode.ALT:
- case KeyCode.CAPS_LOCK:
- case KeyCode.CONTEXT_MENU:
- case KeyCode.CTRL:
- case KeyCode.DOWN:
- case KeyCode.END:
- case KeyCode.ESC:
- case KeyCode.HOME:
- case KeyCode.INSERT:
- case KeyCode.LEFT:
- case KeyCode.MAC_FF_META:
- case KeyCode.META:
- case KeyCode.NUMLOCK:
- case KeyCode.NUM_CENTER:
- case KeyCode.PAGE_DOWN:
- case KeyCode.PAGE_UP:
- case KeyCode.PAUSE:
- case KeyCode.PRINT_SCREEN:
- case KeyCode.RIGHT:
- case KeyCode.SHIFT:
- case KeyCode.UP:
- case KeyCode.WIN_KEY:
- case KeyCode.WIN_KEY_RIGHT:
- return false;
- default:
- return true;
- }
- };
-
- /*
- whether character is entered.
- */
- KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
- if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
- return true;
- }
-
- if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
- return true;
- }
-
- if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
- return true;
- }
-
- // Safari sends zero key code for non-latin characters.
- if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
- return true;
- }
-
- switch (keyCode) {
- case KeyCode.SPACE:
- case KeyCode.QUESTION_MARK:
- case KeyCode.NUM_PLUS:
- case KeyCode.NUM_MINUS:
- case KeyCode.NUM_PERIOD:
- case KeyCode.NUM_DIVISION:
- case KeyCode.SEMICOLON:
- case KeyCode.DASH:
- case KeyCode.EQUALS:
- case KeyCode.COMMA:
- case KeyCode.PERIOD:
- case KeyCode.SLASH:
- case KeyCode.APOSTROPHE:
- case KeyCode.SINGLE_QUOTE:
- case KeyCode.OPEN_SQUARE_BRACKET:
- case KeyCode.BACKSLASH:
- case KeyCode.CLOSE_SQUARE_BRACKET:
- return true;
- default:
- return false;
- }
- };
-
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+
+ /**
+ * @ignore
+ * some key-codes definition and utils from closure-library
+ * @author yiminghe@gmail.com
+ */
+
+ var KeyCode = {
+ /**
+ * MAC_ENTER
+ */
+ MAC_ENTER: 3,
+ /**
+ * BACKSPACE
+ */
+ BACKSPACE: 8,
+ /**
+ * TAB
+ */
+ TAB: 9,
+ /**
+ * NUMLOCK on FF/Safari Mac
+ */
+ NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
+ /**
+ * ENTER
+ */
+ ENTER: 13,
+ /**
+ * SHIFT
+ */
+ SHIFT: 16,
+ /**
+ * CTRL
+ */
+ CTRL: 17,
+ /**
+ * ALT
+ */
+ ALT: 18,
+ /**
+ * PAUSE
+ */
+ PAUSE: 19,
+ /**
+ * CAPS_LOCK
+ */
+ CAPS_LOCK: 20,
+ /**
+ * ESC
+ */
+ ESC: 27,
+ /**
+ * SPACE
+ */
+ SPACE: 32,
+ /**
+ * PAGE_UP
+ */
+ PAGE_UP: 33, // also NUM_NORTH_EAST
+ /**
+ * PAGE_DOWN
+ */
+ PAGE_DOWN: 34, // also NUM_SOUTH_EAST
+ /**
+ * END
+ */
+ END: 35, // also NUM_SOUTH_WEST
+ /**
+ * HOME
+ */
+ HOME: 36, // also NUM_NORTH_WEST
+ /**
+ * LEFT
+ */
+ LEFT: 37, // also NUM_WEST
+ /**
+ * UP
+ */
+ UP: 38, // also NUM_NORTH
+ /**
+ * RIGHT
+ */
+ RIGHT: 39, // also NUM_EAST
+ /**
+ * DOWN
+ */
+ DOWN: 40, // also NUM_SOUTH
+ /**
+ * PRINT_SCREEN
+ */
+ PRINT_SCREEN: 44,
+ /**
+ * INSERT
+ */
+ INSERT: 45, // also NUM_INSERT
+ /**
+ * DELETE
+ */
+ DELETE: 46, // also NUM_DELETE
+ /**
+ * ZERO
+ */
+ ZERO: 48,
+ /**
+ * ONE
+ */
+ ONE: 49,
+ /**
+ * TWO
+ */
+ TWO: 50,
+ /**
+ * THREE
+ */
+ THREE: 51,
+ /**
+ * FOUR
+ */
+ FOUR: 52,
+ /**
+ * FIVE
+ */
+ FIVE: 53,
+ /**
+ * SIX
+ */
+ SIX: 54,
+ /**
+ * SEVEN
+ */
+ SEVEN: 55,
+ /**
+ * EIGHT
+ */
+ EIGHT: 56,
+ /**
+ * NINE
+ */
+ NINE: 57,
+ /**
+ * QUESTION_MARK
+ */
+ QUESTION_MARK: 63, // needs localization
+ /**
+ * A
+ */
+ A: 65,
+ /**
+ * B
+ */
+ B: 66,
+ /**
+ * C
+ */
+ C: 67,
+ /**
+ * D
+ */
+ D: 68,
+ /**
+ * E
+ */
+ E: 69,
+ /**
+ * F
+ */
+ F: 70,
+ /**
+ * G
+ */
+ G: 71,
+ /**
+ * H
+ */
+ H: 72,
+ /**
+ * I
+ */
+ I: 73,
+ /**
+ * J
+ */
+ J: 74,
+ /**
+ * K
+ */
+ K: 75,
+ /**
+ * L
+ */
+ L: 76,
+ /**
+ * M
+ */
+ M: 77,
+ /**
+ * N
+ */
+ N: 78,
+ /**
+ * O
+ */
+ O: 79,
+ /**
+ * P
+ */
+ P: 80,
+ /**
+ * Q
+ */
+ Q: 81,
+ /**
+ * R
+ */
+ R: 82,
+ /**
+ * S
+ */
+ S: 83,
+ /**
+ * T
+ */
+ T: 84,
+ /**
+ * U
+ */
+ U: 85,
+ /**
+ * V
+ */
+ V: 86,
+ /**
+ * W
+ */
+ W: 87,
+ /**
+ * X
+ */
+ X: 88,
+ /**
+ * Y
+ */
+ Y: 89,
+ /**
+ * Z
+ */
+ Z: 90,
+ /**
+ * META
+ */
+ META: 91, // WIN_KEY_LEFT
+ /**
+ * WIN_KEY_RIGHT
+ */
+ WIN_KEY_RIGHT: 92,
+ /**
+ * CONTEXT_MENU
+ */
+ CONTEXT_MENU: 93,
+ /**
+ * NUM_ZERO
+ */
+ NUM_ZERO: 96,
+ /**
+ * NUM_ONE
+ */
+ NUM_ONE: 97,
+ /**
+ * NUM_TWO
+ */
+ NUM_TWO: 98,
+ /**
+ * NUM_THREE
+ */
+ NUM_THREE: 99,
+ /**
+ * NUM_FOUR
+ */
+ NUM_FOUR: 100,
+ /**
+ * NUM_FIVE
+ */
+ NUM_FIVE: 101,
+ /**
+ * NUM_SIX
+ */
+ NUM_SIX: 102,
+ /**
+ * NUM_SEVEN
+ */
+ NUM_SEVEN: 103,
+ /**
+ * NUM_EIGHT
+ */
+ NUM_EIGHT: 104,
+ /**
+ * NUM_NINE
+ */
+ NUM_NINE: 105,
+ /**
+ * NUM_MULTIPLY
+ */
+ NUM_MULTIPLY: 106,
+ /**
+ * NUM_PLUS
+ */
+ NUM_PLUS: 107,
+ /**
+ * NUM_MINUS
+ */
+ NUM_MINUS: 109,
+ /**
+ * NUM_PERIOD
+ */
+ NUM_PERIOD: 110,
+ /**
+ * NUM_DIVISION
+ */
+ NUM_DIVISION: 111,
+ /**
+ * F1
+ */
+ F1: 112,
+ /**
+ * F2
+ */
+ F2: 113,
+ /**
+ * F3
+ */
+ F3: 114,
+ /**
+ * F4
+ */
+ F4: 115,
+ /**
+ * F5
+ */
+ F5: 116,
+ /**
+ * F6
+ */
+ F6: 117,
+ /**
+ * F7
+ */
+ F7: 118,
+ /**
+ * F8
+ */
+ F8: 119,
+ /**
+ * F9
+ */
+ F9: 120,
+ /**
+ * F10
+ */
+ F10: 121,
+ /**
+ * F11
+ */
+ F11: 122,
+ /**
+ * F12
+ */
+ F12: 123,
+ /**
+ * NUMLOCK
+ */
+ NUMLOCK: 144,
+ /**
+ * SEMICOLON
+ */
+ SEMICOLON: 186, // needs localization
+ /**
+ * DASH
+ */
+ DASH: 189, // needs localization
+ /**
+ * EQUALS
+ */
+ EQUALS: 187, // needs localization
+ /**
+ * COMMA
+ */
+ COMMA: 188, // needs localization
+ /**
+ * PERIOD
+ */
+ PERIOD: 190, // needs localization
+ /**
+ * SLASH
+ */
+ SLASH: 191, // needs localization
+ /**
+ * APOSTROPHE
+ */
+ APOSTROPHE: 192, // needs localization
+ /**
+ * SINGLE_QUOTE
+ */
+ SINGLE_QUOTE: 222, // needs localization
+ /**
+ * OPEN_SQUARE_BRACKET
+ */
+ OPEN_SQUARE_BRACKET: 219, // needs localization
+ /**
+ * BACKSLASH
+ */
+ BACKSLASH: 220, // needs localization
+ /**
+ * CLOSE_SQUARE_BRACKET
+ */
+ CLOSE_SQUARE_BRACKET: 221, // needs localization
+ /**
+ * WIN_KEY
+ */
+ WIN_KEY: 224,
+ /**
+ * MAC_FF_META
+ */
+ MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
+ /**
+ * WIN_IME
+ */
+ WIN_IME: 229
+ };
+
+ /*
+ whether text and modified key is entered at the same time.
+ */
+ KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
+ var keyCode = e.keyCode;
+ if (e.altKey && !e.ctrlKey || e.metaKey ||
+ // Function keys don't generate text
+ keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
+ return false;
+ }
+
+ // The following keys are quite harmless, even in combination with
+ // CTRL, ALT or SHIFT.
+ switch (keyCode) {
+ case KeyCode.ALT:
+ case KeyCode.CAPS_LOCK:
+ case KeyCode.CONTEXT_MENU:
+ case KeyCode.CTRL:
+ case KeyCode.DOWN:
+ case KeyCode.END:
+ case KeyCode.ESC:
+ case KeyCode.HOME:
+ case KeyCode.INSERT:
+ case KeyCode.LEFT:
+ case KeyCode.MAC_FF_META:
+ case KeyCode.META:
+ case KeyCode.NUMLOCK:
+ case KeyCode.NUM_CENTER:
+ case KeyCode.PAGE_DOWN:
+ case KeyCode.PAGE_UP:
+ case KeyCode.PAUSE:
+ case KeyCode.PRINT_SCREEN:
+ case KeyCode.RIGHT:
+ case KeyCode.SHIFT:
+ case KeyCode.UP:
+ case KeyCode.WIN_KEY:
+ case KeyCode.WIN_KEY_RIGHT:
+ return false;
+ default:
+ return true;
+ }
+ };
+
+ /*
+ whether character is entered.
+ */
+ KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
+ if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
+ return true;
+ }
+
+ if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
+ return true;
+ }
+
+ if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
+ return true;
+ }
+
+ // Safari sends zero key code for non-latin characters.
+ if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
+ return true;
+ }
+
+ switch (keyCode) {
+ case KeyCode.SPACE:
+ case KeyCode.QUESTION_MARK:
+ case KeyCode.NUM_PLUS:
+ case KeyCode.NUM_MINUS:
+ case KeyCode.NUM_PERIOD:
+ case KeyCode.NUM_DIVISION:
+ case KeyCode.SEMICOLON:
+ case KeyCode.DASH:
+ case KeyCode.EQUALS:
+ case KeyCode.COMMA:
+ case KeyCode.PERIOD:
+ case KeyCode.SLASH:
+ case KeyCode.APOSTROPHE:
+ case KeyCode.SINGLE_QUOTE:
+ case KeyCode.OPEN_SQUARE_BRACKET:
+ case KeyCode.BACKSLASH:
+ case KeyCode.CLOSE_SQUARE_BRACKET:
+ return true;
+ default:
+ return false;
+ }
+ };
+
module.exports = KeyCode;
/***/ }),
@@ -140712,16 +141309,16 @@
var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
var propTypes = {
- /**
- * 存放子组件的容器
+ /**
+ * 存放子组件的容器
*/
container: _propTypes2["default"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2["default"].func])
};
var defaultProps = {};
- /**
- * Portal组件是将子组件渲染
+ /**
+ * Portal组件是将子组件渲染
*/
var Portal = function (_Component) {
@@ -140799,8 +141396,8 @@
return null;
};
- /**
- * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
+ /**
+ * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
*/
Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
@@ -140810,8 +141407,8 @@
this.portalContainerNode.appendChild(this.overlayTarget);
}
};
- /**
- * 将要添加的子元素从容器中移除,并把变量置为null
+ /**
+ * 将要添加的子元素从容器中移除,并把变量置为null
*/
@@ -140822,8 +141419,8 @@
}
this.portalContainerNode = null;
};
- /**
- * 手动渲染_overlayTarget
+ /**
+ * 手动渲染_overlayTarget
*/
@@ -140841,8 +141438,8 @@
this.unmountOverlayTarget();
}
};
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
*/
@@ -140892,11 +141489,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
*/
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
@@ -140909,31 +141506,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -140957,7 +141554,7 @@
};
};
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
@@ -140974,39 +141571,39 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function createChainedFunction() {
- for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
- funcs[_key] = arguments[_key];
- }
-
- return funcs.filter(function (f) {
- return f != null;
- }).reduce(function (acc, f) {
- if (typeof f !== 'function') {
- throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
- }
-
- if (acc === null) {
- return f;
- }
-
- return function chainedFunction() {
- for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
-
- acc.apply(this, args);
- f.apply(this, args);
- };
- }, null);
- }
+
+
+ exports.__esModule = true;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function createChainedFunction() {
+ for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+ funcs[_key] = arguments[_key];
+ }
+
+ return funcs.filter(function (f) {
+ return f != null;
+ }).reduce(function (acc, f) {
+ if (typeof f !== 'function') {
+ throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
+ }
+
+ if (acc === null) {
+ return f;
+ }
+
+ return function chainedFunction() {
+ for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
+ }
+
+ acc.apply(this, args);
+ f.apply(this, args);
+ };
+ }, null);
+ }
exports.default = createChainedFunction;
/***/ }),
@@ -141014,47 +141611,47 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = splitComponentProps;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function _objectEntries(obj) {
- var entries = [];
- var keys = Object.keys(obj);
-
- for (var k = 0; k < keys.length; ++k) {
- entries.push([keys[k], obj[keys[k]]]);
- }return entries;
- }
-
- /**
- * 分割要传入父元素和子元素的props
- * @param {[object]} props 传入的属性
- * @param {[reactElement]} Component 组件
- * @return {[array]} 返回数组,第一个元素为父元素props对象,第二个子元素props对象
- */
- function splitComponentProps(props, Component) {
- var componentPropTypes = Component.propTypes;
-
- var parentProps = {};
- var childProps = {};
-
- _objectEntries(props).forEach(function (_ref) {
- var propName = _ref[0],
- propValue = _ref[1];
-
- if (componentPropTypes[propName]) {
- parentProps[propName] = propValue;
- } else {
- childProps[propName] = propValue;
- }
- });
-
- return [parentProps, childProps];
+
+
+ exports.__esModule = true;
+ exports.default = splitComponentProps;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function _objectEntries(obj) {
+ var entries = [];
+ var keys = Object.keys(obj);
+
+ for (var k = 0; k < keys.length; ++k) {
+ entries.push([keys[k], obj[keys[k]]]);
+ }return entries;
+ }
+
+ /**
+ * 分割要传入父元素和子元素的props
+ * @param {[object]} props 传入的属性
+ * @param {[reactElement]} Component 组件
+ * @return {[array]} 返回数组,第一个元素为父元素props对象,第二个子元素props对象
+ */
+ function splitComponentProps(props, Component) {
+ var componentPropTypes = Component.propTypes;
+
+ var parentProps = {};
+ var childProps = {};
+
+ _objectEntries(props).forEach(function (_ref) {
+ var propName = _ref[0],
+ propValue = _ref[1];
+
+ if (componentPropTypes[propName]) {
+ parentProps[propName] = propValue;
+ } else {
+ childProps[propName] = propValue;
+ }
+ });
+
+ return [parentProps, childProps];
}
/***/ }),
@@ -141075,11 +141672,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- /**
- * 获取容器组件
- * @param {[type]} container [description]
- * @param {[type]} defaultContainer [description]
- * @return {[type]} [description]
+ /**
+ * 获取容器组件
+ * @param {[type]} container [description]
+ * @param {[type]} defaultContainer [description]
+ * @return {[type]} [description]
*/
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
@@ -141092,29 +141689,29 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = isRequiredForA11y;
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function isRequiredForA11y(validator) {
- return function validate(props, propName, componentName, location, propFullName) {
- var componentNameSafe = componentName || '<>';
- var propFullNameSafe = propFullName || propName;
-
- if (props[propName] == null) {
- return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
- }
-
- for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
- args[_key - 5] = arguments[_key];
- }
-
- return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
- };
+
+
+ exports.__esModule = true;
+ exports.default = isRequiredForA11y;
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function isRequiredForA11y(validator) {
+ return function validate(props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ var propFullNameSafe = propFullName || propName;
+
+ if (props[propName] == null) {
+ return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
+ }
+
+ for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
+ args[_key - 5] = arguments[_key];
+ }
+
+ return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
+ };
}
/***/ }),
@@ -141122,31 +141719,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -141170,7 +141767,7 @@
};
};
- var _on = __webpack_require__(21);
+ var _on = __webpack_require__(22);
var _on2 = _interopRequireDefault(_on);
@@ -141204,11 +141801,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _events = __webpack_require__(1644);
+ var _events = __webpack_require__(1647);
var _events2 = _interopRequireDefault(_events);
- var _ownerDocument = __webpack_require__(1648);
+ var _ownerDocument = __webpack_require__(1651);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -141216,7 +141813,7 @@
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _scrollbarSize = __webpack_require__(1649);
+ var _scrollbarSize = __webpack_require__(1652);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
@@ -141228,35 +141825,35 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(164);
+ var _Modal = __webpack_require__(165);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(108);
+ var _isOverflowing = __webpack_require__(107);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _tinperBeeCore = __webpack_require__(31);
- var _beeTransition = __webpack_require__(1662);
+ var _beeTransition = __webpack_require__(1665);
- var _ModalBody = __webpack_require__(1673);
+ var _ModalBody = __webpack_require__(1676);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(1674);
+ var _ModalDialog = __webpack_require__(1677);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
- var _ModalFooter = __webpack_require__(1675);
+ var _ModalFooter = __webpack_require__(1678);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
- var _ModalHeader = __webpack_require__(1676);
+ var _ModalHeader = __webpack_require__(1679);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
- var _ModalTitle = __webpack_require__(1677);
+ var _ModalTitle = __webpack_require__(1680);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
@@ -141626,31 +142223,31 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(12);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
- function addEventListenerWrap(target, eventType, cb) {
- /* eslint camelcase: 2 */
- var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
- _reactDom2.default.unstable_batchedUpdates(cb, e);
- } : cb;
- return (0, _addDomEventListener2.default)(target, eventType, callback);
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(12);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+ function addEventListenerWrap(target, eventType, cb) {
+ /* eslint camelcase: 2 */
+ var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
+ _reactDom2.default.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return (0, _addDomEventListener2.default)(target, eventType, callback);
}
/***/ }),
@@ -141658,200 +142255,200 @@
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-
-
- exports.__esModule = true;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(3);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _domAlign = __webpack_require__(14);
-
- var _domAlign2 = _interopRequireDefault(_domAlign);
-
- var _addEventListener = __webpack_require__(535);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
- function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
- * This source code is quoted from rc-util.
- * homepage: https://github.com/react-component/util
- */
-
-
- //import isWindow from './isWindow';
-
- function isWindow(obj) {
- /* eslint no-eq-null: 0 */
- /* eslint eqeqeq: 0 */
- return obj != null && obj == obj.window;
- }
-
- function buffer(fn, ms) {
- var timer = void 0;
-
- function clear() {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- }
-
- function bufferFn() {
- clear();
- timer = setTimeout(fn, ms);
- }
-
- bufferFn.clear = clear;
-
- return bufferFn;
- }
-
- var propTypes = {
- childrenProps: _propTypes2.default.object,
- align: _propTypes2.default.object.isRequired,
- target: _propTypes2.default.func,
- onAlign: _propTypes2.default.func,
- monitorBufferTime: _propTypes2.default.number,
- monitorWindowResize: _propTypes2.default.bool,
- disabled: _propTypes2.default.bool,
- children: _propTypes2.default.any
- };
-
- var defaultProps = {
- target: function target() {
- return window;
- },
- onAlign: function onAlign() {},
-
- monitorBufferTime: 50,
- monitorWindowResize: false,
- disabled: false
- };
-
- var Align = function (_React$Component) {
- _inherits(Align, _React$Component);
-
- function Align(props) {
- _classCallCheck(this, Align);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- return _this;
- }
-
- Align.prototype.componentDidMount = function componentDidMount() {
- var props = this.props;
- // if parent ref not attached .... use document.getElementById
- this.forceAlign();
- if (!props.disabled && props.monitorWindowResize) {
- this.startMonitorWindowResize();
- }
- };
-
- Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var reAlign = false;
- var props = this.props;
-
- if (!props.disabled) {
- if (prevProps.disabled || prevProps.align !== props.align) {
- reAlign = true;
- } else {
- var lastTarget = prevProps.target();
- var currentTarget = props.target();
- if (isWindow(lastTarget) && isWindow(currentTarget)) {
- reAlign = false;
- } else if (lastTarget !== currentTarget) {
- reAlign = true;
- }
- }
- }
-
- if (reAlign) {
- this.forceAlign();
- }
-
- if (props.monitorWindowResize && !props.disabled) {
- this.startMonitorWindowResize();
- } else {
- this.stopMonitorWindowResize();
- }
- };
-
- Align.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stopMonitorWindowResize();
- };
-
- Align.prototype.render = function render() {
- var _props = this.props,
- childrenProps = _props.childrenProps,
- children = _props.children;
-
- var child = _react2.default.Children.only(children);
- if (childrenProps) {
- var newProps = {};
- for (var prop in childrenProps) {
- if (childrenProps.hasOwnProperty(prop)) {
- newProps[prop] = this.props[childrenProps[prop]];
- }
- }
- return _react2.default.cloneElement(child, newProps);
- }
- return child;
- };
-
- return Align;
- }(_react2.default.Component);
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.startMonitorWindowResize = function () {
- if (!_this2.resizeHandler) {
- _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
- _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
- }
- };
-
- this.stopMonitorWindowResize = function () {
- if (_this2.resizeHandler) {
- _this2.bufferMonitor.clear();
- _this2.resizeHandler.remove();
- _this2.resizeHandler = null;
- }
- };
-
- this.forceAlign = function () {
- var props = _this2.props;
- if (!props.disabled) {
- var source = _reactDom2.default.findDOMNode(_this2);
- props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
- }
- };
- };
-
- ;
-
- Align.defaultProps = defaultProps;
- Align.propTypes = propTypes;
-
+
+
+ exports.__esModule = true;
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(3);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _domAlign = __webpack_require__(14);
+
+ var _domAlign2 = _interopRequireDefault(_domAlign);
+
+ var _addEventListener = __webpack_require__(535);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+ * This source code is quoted from rc-util.
+ * homepage: https://github.com/react-component/util
+ */
+
+
+ //import isWindow from './isWindow';
+
+ function isWindow(obj) {
+ /* eslint no-eq-null: 0 */
+ /* eslint eqeqeq: 0 */
+ return obj != null && obj == obj.window;
+ }
+
+ function buffer(fn, ms) {
+ var timer = void 0;
+
+ function clear() {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ }
+
+ function bufferFn() {
+ clear();
+ timer = setTimeout(fn, ms);
+ }
+
+ bufferFn.clear = clear;
+
+ return bufferFn;
+ }
+
+ var propTypes = {
+ childrenProps: _propTypes2.default.object,
+ align: _propTypes2.default.object.isRequired,
+ target: _propTypes2.default.func,
+ onAlign: _propTypes2.default.func,
+ monitorBufferTime: _propTypes2.default.number,
+ monitorWindowResize: _propTypes2.default.bool,
+ disabled: _propTypes2.default.bool,
+ children: _propTypes2.default.any
+ };
+
+ var defaultProps = {
+ target: function target() {
+ return window;
+ },
+ onAlign: function onAlign() {},
+
+ monitorBufferTime: 50,
+ monitorWindowResize: false,
+ disabled: false
+ };
+
+ var Align = function (_React$Component) {
+ _inherits(Align, _React$Component);
+
+ function Align(props) {
+ _classCallCheck(this, Align);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ return _this;
+ }
+
+ Align.prototype.componentDidMount = function componentDidMount() {
+ var props = this.props;
+ // if parent ref not attached .... use document.getElementById
+ this.forceAlign();
+ if (!props.disabled && props.monitorWindowResize) {
+ this.startMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var reAlign = false;
+ var props = this.props;
+
+ if (!props.disabled) {
+ if (prevProps.disabled || prevProps.align !== props.align) {
+ reAlign = true;
+ } else {
+ var lastTarget = prevProps.target();
+ var currentTarget = props.target();
+ if (isWindow(lastTarget) && isWindow(currentTarget)) {
+ reAlign = false;
+ } else if (lastTarget !== currentTarget) {
+ reAlign = true;
+ }
+ }
+ }
+
+ if (reAlign) {
+ this.forceAlign();
+ }
+
+ if (props.monitorWindowResize && !props.disabled) {
+ this.startMonitorWindowResize();
+ } else {
+ this.stopMonitorWindowResize();
+ }
+ };
+
+ Align.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.stopMonitorWindowResize();
+ };
+
+ Align.prototype.render = function render() {
+ var _props = this.props,
+ childrenProps = _props.childrenProps,
+ children = _props.children;
+
+ var child = _react2.default.Children.only(children);
+ if (childrenProps) {
+ var newProps = {};
+ for (var prop in childrenProps) {
+ if (childrenProps.hasOwnProperty(prop)) {
+ newProps[prop] = this.props[childrenProps[prop]];
+ }
+ }
+ return _react2.default.cloneElement(child, newProps);
+ }
+ return child;
+ };
+
+ return Align;
+ }(_react2.default.Component);
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.startMonitorWindowResize = function () {
+ if (!_this2.resizeHandler) {
+ _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
+ _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
+ }
+ };
+
+ this.stopMonitorWindowResize = function () {
+ if (_this2.resizeHandler) {
+ _this2.bufferMonitor.clear();
+ _this2.resizeHandler.remove();
+ _this2.resizeHandler = null;
+ }
+ };
+
+ this.forceAlign = function () {
+ var props = _this2.props;
+ if (!props.disabled) {
+ var source = _reactDom2.default.findDOMNode(_this2);
+ props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
+ }
+ };
+ };
+
+ ;
+
+ Align.defaultProps = defaultProps;
+ Align.propTypes = propTypes;
+
exports.default = Align;
/***/ }),
@@ -141948,7 +142545,7 @@
});
exports.default = camelizeStyleName;
- var _camelize = __webpack_require__(1665);
+ var _camelize = __webpack_require__(1668);
var _camelize2 = _interopRequireDefault(_camelize);
@@ -141966,15 +142563,35 @@
/***/ }),
/* 539 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Button = __webpack_require__(1682);
+
+ var _Button2 = _interopRequireDefault(_Button);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Button2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 540 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Menu__ = __webpack_require__(1682);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(541);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(1688);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(1689);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(1690);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Menu__ = __webpack_require__(1686);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(542);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(1692);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(1693);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(1694);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "SubMenu", function() { return __WEBPACK_IMPORTED_MODULE_1__SubMenu__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Item", function() { return __WEBPACK_IMPORTED_MODULE_2__MenuItem__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItem", function() { return __WEBPACK_IMPORTED_MODULE_2__MenuItem__["a"]; });
@@ -141992,7 +142609,7 @@
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Menu__["a" /* default */]);
/***/ }),
- /* 540 */
+ /* 541 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -142019,8 +142636,8 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(143);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(71);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(1683);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(70);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(1687);
@@ -142421,7 +143038,7 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 541 */
+ /* 542 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -142440,16 +143057,16 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_dom__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_trigger__ = __webpack_require__(1684);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_trigger__ = __webpack_require__(1688);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(26);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store__ = __webpack_require__(19);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(540);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(1687);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(541);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(1691);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(29);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(71);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(70);
@@ -143048,7 +143665,7 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 542 */
+ /* 543 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -143087,7 +143704,7 @@
}
/***/ }),
- /* 543 */
+ /* 544 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -143153,7 +143770,7 @@
/* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
/***/ }),
- /* 544 */
+ /* 545 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143186,7 +143803,7 @@
module.exports = exports["default"];
/***/ }),
- /* 545 */
+ /* 546 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143266,7 +143883,7 @@
module.exports = exports['default'];
/***/ }),
- /* 546 */
+ /* 547 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143354,7 +143971,7 @@
};
/***/ }),
- /* 547 */
+ /* 548 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143395,7 +144012,7 @@
module.exports = exports['default'];
/***/ }),
- /* 548 */
+ /* 549 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143412,7 +144029,7 @@
var _reactLifecyclesCompat = __webpack_require__(13);
- var _PropTypes = __webpack_require__(549);
+ var _PropTypes = __webpack_require__(550);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -144011,7 +144628,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
/***/ }),
- /* 549 */
+ /* 550 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144046,7 +144663,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
/***/ }),
- /* 550 */
+ /* 551 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144061,7 +144678,7 @@
var _reactLifecyclesCompat = __webpack_require__(13);
- var _ChildMapping = __webpack_require__(1724);
+ var _ChildMapping = __webpack_require__(1728);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -144261,16 +144878,16 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
/***/ }),
- /* 551 */
+ /* 552 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export genAnimateChild */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray__ = __webpack_require__(1737);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray__ = __webpack_require__(1741);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toArray__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
@@ -144289,7 +144906,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_component_classes___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_component_classes__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf__ = __webpack_require__(25);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_raf__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__util__ = __webpack_require__(206);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__util__ = __webpack_require__(205);
@@ -144747,7 +145364,7 @@
/* harmony default export */ __webpack_exports__["a"] = (genAnimateChild(__WEBPACK_IMPORTED_MODULE_12__util__["f" /* supportTransition */]));
/***/ }),
- /* 552 */
+ /* 553 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -144813,7 +145430,7 @@
/* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
/***/ }),
- /* 553 */
+ /* 554 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -144852,7 +145469,7 @@
}
/***/ }),
- /* 554 */
+ /* 555 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144920,7 +145537,7 @@
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(9)))
/***/ }),
- /* 555 */
+ /* 556 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -144932,7 +145549,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_possibleConstructorReturn__);
@@ -144944,11 +145561,11 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_rc_animate_es_CSSMotion__ = __webpack_require__(556);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_rc_util_es_Children_toArray__ = __webpack_require__(72);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_rc_animate_es_CSSMotion__ = __webpack_require__(557);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_rc_util_es_Children_toArray__ = __webpack_require__(71);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_lifecycles_compat__ = __webpack_require__(13);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__contextTypes__ = __webpack_require__(558);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(207);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__contextTypes__ = __webpack_require__(559);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(206);
@@ -145542,7 +146159,7 @@
/* harmony default export */ __webpack_exports__["a"] = (TreeNode);
/***/ }),
- /* 556 */
+ /* 557 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -145553,7 +146170,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(22);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(23);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
@@ -145570,7 +146187,7 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf__ = __webpack_require__(25);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_raf__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__util_motion__ = __webpack_require__(557);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__util_motion__ = __webpack_require__(558);
@@ -145871,7 +146488,7 @@
/* harmony default export */ __webpack_exports__["a"] = (genCSSMotion(__WEBPACK_IMPORTED_MODULE_12__util_motion__["c" /* supportTransition */]));
/***/ }),
- /* 557 */
+ /* 558 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -145966,7 +146583,7 @@
}
/***/ }),
- /* 558 */
+ /* 559 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -146041,12 +146658,12 @@
});
/***/ }),
- /* 559 */
+ /* 560 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Tree__ = __webpack_require__(1743);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__TreeNode__ = __webpack_require__(555);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Tree__ = __webpack_require__(1747);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__TreeNode__ = __webpack_require__(556);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_1__TreeNode__["a"]; });
@@ -146057,7 +146674,7 @@
/* harmony default export */ __webpack_exports__["b"] = (__WEBPACK_IMPORTED_MODULE_0__Tree__["a" /* default */]);
/***/ }),
- /* 560 */
+ /* 561 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -146232,7 +146849,7 @@
/* harmony default export */ __webpack_exports__["a"] = (SearchInput);
/***/ }),
- /* 561 */
+ /* 562 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -146285,14 +146902,14 @@
}
/***/ }),
- /* 562 */
+ /* 563 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rc_tree__ = __webpack_require__(559);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(561);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rc_tree__ = __webpack_require__(560);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(562);
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -146318,20 +146935,20 @@
/* harmony default export */ __webpack_exports__["a"] = (SelectNode);
/***/ }),
- /* 563 */
+ /* 564 */
/***/ (function(module, exports, __webpack_require__) {
- var Button = __webpack_require__(564);
- var Badge = __webpack_require__(567);
- var Alert = __webpack_require__(571);
- var ButtonGroup = __webpack_require__(576);
- var Label = __webpack_require__(582);
- var FormControl = __webpack_require__(586);
- var FormGroup = __webpack_require__(590);
- var Form = __webpack_require__(594);
- var Layout = __webpack_require__(713);
- var InputGroup = __webpack_require__(718);
- var InputNumber = __webpack_require__(724);
+ var Button = __webpack_require__(565);
+ var Badge = __webpack_require__(568);
+ var Alert = __webpack_require__(572);
+ var ButtonGroup = __webpack_require__(577);
+ var Label = __webpack_require__(583);
+ var FormControl = __webpack_require__(587);
+ var FormGroup = __webpack_require__(591);
+ var Form = __webpack_require__(595);
+ var Layout = __webpack_require__(714);
+ var InputGroup = __webpack_require__(719);
+ var InputNumber = __webpack_require__(725);
var Checkbox = __webpack_require__(735);
var Pagination = __webpack_require__(739);
var ProgressBar = __webpack_require__(831);
@@ -146356,37 +146973,37 @@
var Notification = __webpack_require__(1127);
var Popconfirm = __webpack_require__(1129);
var Modal = __webpack_require__(1155);
- var Tabs = __webpack_require__(1254);
- var Cascader = __webpack_require__(1265);
- var Loading = __webpack_require__(1299);
- var Table = __webpack_require__(1319);
- var Tree = __webpack_require__(1388);
- var Clipboard = __webpack_require__(1407);
+ var Tabs = __webpack_require__(1256);
+ var Cascader = __webpack_require__(1267);
+ var Loading = __webpack_require__(1301);
+ var Table = __webpack_require__(1321);
+ var Tree = __webpack_require__(1384);
+ var Clipboard = __webpack_require__(1403);
- var Rate = __webpack_require__(1477);
- var Step = __webpack_require__(1487);
- var Timeline = __webpack_require__(1493);
- var Transfer = __webpack_require__(1497);
- var BackTop = __webpack_require__(1531);
- var Collapse = __webpack_require__(1535);
+ var Rate = __webpack_require__(1473);
+ var Step = __webpack_require__(1483);
+ var Timeline = __webpack_require__(1489);
+ var Transfer = __webpack_require__(1493);
+ var BackTop = __webpack_require__(1527);
+ var Collapse = __webpack_require__(1531);
- var Slider = __webpack_require__(1554);
- var AutoComplete = __webpack_require__(1588);
+ var Slider = __webpack_require__(1550);
+ var AutoComplete = __webpack_require__(1584);
- var LoadingState = __webpack_require__(1594);
- var Locale = __webpack_require__(1598);
- var Popover = __webpack_require__(1602);
- var Anchor = __webpack_require__(1626);
- var ColorPicker = __webpack_require__(1631);
- var Tag = __webpack_require__(1707);
+ var LoadingState = __webpack_require__(1590);
+ var Locale = __webpack_require__(1601);
+ var Popover = __webpack_require__(1605);
+ var Anchor = __webpack_require__(1629);
+ var ColorPicker = __webpack_require__(1634);
+ var Tag = __webpack_require__(1711);
var SearchPanel = __webpack_require__(282);
- var Affix = __webpack_require__(1711);
- var Drawer = __webpack_require__(1716);
- var TreeSelect = __webpack_require__(1725);
+ var Affix = __webpack_require__(1715);
+ var Drawer = __webpack_require__(1720);
+ var TreeSelect = __webpack_require__(1729);
// var Carousel = require('./lib/Carousel');
var TinperBee = {
- version: '2.1.0',
+ version: '2.1.1',
Slider: Slider,
AutoComplete: AutoComplete,
// Carousel:Carousel,
@@ -146453,21 +147070,21 @@
/***/ }),
- /* 564 */
+ /* 565 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(565);
- module.exports = __webpack_require__(57);
+ __webpack_require__(566);
+ module.exports = __webpack_require__(210);
/***/ }),
- /* 565 */
+ /* 566 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 566 */
+ /* 567 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -146508,38 +147125,38 @@
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = {
- /**
- * @title 尺寸
+ /**
+ * @title 尺寸
*/
size: _propTypes2["default"].oneOf(['sm', 'md', 'xg', 'lg']),
- /**
- * @title 样式
+ /**
+ * @title 样式
*/
style: _propTypes2["default"].object,
- /**
- * @title 形状
+ /**
+ * @title 形状
*/
shape: _propTypes2["default"].oneOf(['block', 'round', 'border', 'squared', 'floating', 'pillRight', 'pillLeft', 'icon']),
bordered: _propTypes2["default"].bool,
- /**
- * @title 类型
+ /**
+ * @title 类型
*/
colors: _propTypes2["default"].oneOf(['primary', 'secondary', 'accent', 'success', 'info', 'warning', 'danger', 'dark', 'light', 'default']),
- /**
- * @title 是否禁用
- * @veIgnore
+ /**
+ * @title 是否禁用
+ * @veIgnore
*/
disabled: _propTypes2["default"].bool,
- /**
- * @title 类名
- * @veIgnore
+ /**
+ * @title 类名
+ * @veIgnore
*/
className: _propTypes2["default"].string,
- /**
- * @title