diff --git a/demo/demolist/Demo1105.js b/demo/demolist/Demo1105.js
index 0bb4caf..6598b52 100644
--- a/demo/demolist/Demo1105.js
+++ b/demo/demolist/Demo1105.js
@@ -16,7 +16,12 @@ const columns = [
{ title: "供应商", dataIndex: "supplier", key: "supplier", width: 100 },
{ title: "订单日期", dataIndex: "orderDate", key: "orderDate", width: 150 },
{ title: "总数量", dataIndex: "quantity", key: "quantity", width: 100 },
- { title: "单据状态", dataIndex: "status", key: "status", width: 100 },
+ { title: "单据状态", dataIndex: "status", key: "status", width: 100,
+ render: (text, record, index) => {
+ return (
+ {text.desc}
+ );
+ }},
{ title: "提交人", dataIndex: "submitter", key: "submitter", width: 100 },
{ title: "单位", dataIndex: "unit", key: "unit", width: 100 },
{ title: "总税价合计", dataIndex: "sum", key: "sum", width: 100 },
@@ -29,7 +34,7 @@ const data = [
supplier: "xx供应商",
orderDate: '2018年03月18日',
quantity: '100.00',
- status: '错误',
+ status: {type:'success' ,desc:'正常'},
submitter: '小张',
unit: 'pc',
sum:'8,487.00',
@@ -41,7 +46,7 @@ const data = [
supplier: "xx供应商",
orderDate: '2018年02月05日',
quantity: '91.00',
- status: '正常',
+ status: {type:'danger' ,desc:'异常'},
submitter: '小红',
unit: 'pc',
sum:'675.00',
@@ -53,7 +58,7 @@ const data = [
supplier: "xx供应商",
orderDate: '2018年07月01日',
quantity: '98.00',
- status: '异常',
+ status: {type:'success' ,desc:'正常'},
submitter: '小李',
unit: 'pc',
sum:'1,531.00',
diff --git a/demo/index.js b/demo/index.js
index 608666d..bf84eaf 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 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 Demo1304 = require("./demolist/Demo1304");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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。"},{"example":,"title":" 纵向滚动条","code":"/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 设置`scroll`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值"},{"example":,"title":" 渲染本地数据","code":"/**\n*\n* @title 渲染本地数据\n* @parent 数据操作 Data Opetation\n* @description 可自定义页头和页脚。\n* demo0301\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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 {Checkbox} from \"tinper-bee\";\nimport { Table } from 'tinper-bee'; \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, PureComponent } from \"react\";\nimport { Table } from 'tinper-bee';\nimport { Select,Form,FormControl,Button,Icon,Tooltip } 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, editable, required } = props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n return (\n \n {editable ? (\n
\n \n {\"请输入\" + props.colName}\n
\n }\n >\n
\n \n )\n }\n ]\n })}\n />\n
{getFieldError(\"value\")}\n
\n ) : (\n {value || \" \"}
\n )}\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 const { value, editable } = this.props;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
{value || \" \"}
\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 this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable, required } = this.props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\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.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.originData = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n this.originData[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n let dataSource = [...this.state.dataSource];\n dataSource[index] = this.originData[index];\n delete editingRowsMap[index];\n delete this.originData[index];\n this.setState({ editingRowsMap, dataSource });\n };\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n this.setState({ editingRowsMap });\n };\n\n onCellChange = (index, key) => value => {\n let dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\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 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 {\n button {\n border-radius: 5px;\n\n &:first-child {\n margin-right: 10px;\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 padding-left: 0\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 2px 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 .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 { Table } from 'tinper-bee';\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","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 }\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 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\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 {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \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\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 {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\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 const menu1 = (\n );\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\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 {Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Checkbox,Button,Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\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: (a, b) => a.c - b.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: (a, b) => a.c - b.c,\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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: 200,\n }\n];\n\nconst data = [\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\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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\nconst defaultProps23 = {\n prefixCls: \"bee-table\"\n};\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}\nDemo23.defaultProps = defaultProps23;\n\n\n","desc":" onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。"},{"example":,"title":" 嵌套子表格","code":"/**\n*\n* @title 嵌套子表格\n* @parent 扩展行 Expanded Row\n* @description 通过expandedRowRender参数来实现子表格\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { Popconfirm } from 'tinper-bee';\nimport { Table } from 'tinper-bee';\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\nconst DragColumnTable = dragColumn(Table);\nconst columns16 = [\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 columns17 = [\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 = [\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];\n\n\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 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参数来实现子表格"},{"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 { Table } from 'tinper-bee';\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\";\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip,Tag} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 { 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: '错误', \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: '正常', \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: '异常', \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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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: 'Name',\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: 'Age',\n key: \"Age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: 'Home phone',\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: 'Phone',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: 'Address',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\nconst data = [{\n key: '1',\n name: 'John Brown',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: 'New York No. 1 Lake Park',\n}, {\n key: '2',\n name: 'Jim Green',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: 'London No. 1 Lake Park',\n}, {\n key: '3',\n name: 'Joe Black',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Sidney No. 1 Lake Park',\n}, {\n key: '4',\n name: 'Jim Red',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'London No. 2 Lake Park',\n}, {\n key: '5',\n name: 'Jake White',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Dublin No. 2 Lake Park',\n}];\n\nclass Demo15 extends Component {\n render() {\n return (\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 拖拽改变行顺序\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, 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:200 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,fixed:'right'}\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_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1003\" }\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 render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 拖拽改变行顺序"},{"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';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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 表格支持单选行操作,可自定义选中行背景色。\r\n* Demo1304\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport {Button,Tooltip,Radio} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst data = [\r\n { check: \"ASVAL_201903280005\",a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { check: \"ASVAL_201903200004\",a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { check: \"ASVAL_201903120002\",a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo1304 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 selectedValue:\"ASVAL_201903200004\"\r\n }\r\n }\r\n\r\n render() {\r\n let {selectedValue} = this.state;\r\n let columns = [\r\n { title: \"单选\", dataIndex: \"check\", key: \"check\", width: 80,render(text, record, index){\r\n return(\r\n \r\n \r\n )\r\n }}, \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 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 selectedValue:record.check\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":" 表格支持单选行操作,可自定义选中行背景色。"},{"example":,"title":" 万行以上数据渲染","code":"/**\n*\n* @title 万行以上数据渲染\n* @parent 无限滚动 Infinite-scroll\n* @description 万行数据渲染\n* demo1401\n*/\n\nimport React, { Component } from \"react\";\nimport {Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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参数来实现子表格\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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参数来实现子表格"},{"example":,"title":" 多功能表格滚动加载","code":"/**\n*\n* @title 多功能表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1403\n*/\n\nimport React, { Component } from \"react\";\nimport {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Tooltip} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 = (params)=>{\n console.log(params);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\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 {Pagination} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 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 Demo1304 = require("./demolist/Demo1304");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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。"},{"example":,"title":" 纵向滚动条","code":"/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 设置`scroll`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值"},{"example":,"title":" 渲染本地数据","code":"/**\n*\n* @title 渲染本地数据\n* @parent 数据操作 Data Opetation\n* @description 可自定义页头和页脚。\n* demo0301\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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 {Checkbox} from \"tinper-bee\";\nimport { Table } from 'tinper-bee'; \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, PureComponent } from \"react\";\nimport { Table } from 'tinper-bee';\nimport { Select,Form,FormControl,Button,Icon,Tooltip } 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, editable, required } = props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n return (\n \n {editable ? (\n
\n \n {\"请输入\" + props.colName}\n
\n }\n >\n
\n \n )\n }\n ]\n })}\n />\n
{getFieldError(\"value\")}\n
\n ) : (\n {value || \" \"}
\n )}\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 const { value, editable } = this.props;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
{value || \" \"}
\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 this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable, required } = this.props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\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.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.originData = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n this.originData[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n let dataSource = [...this.state.dataSource];\n dataSource[index] = this.originData[index];\n delete editingRowsMap[index];\n delete this.originData[index];\n this.setState({ editingRowsMap, dataSource });\n };\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n this.setState({ editingRowsMap });\n };\n\n onCellChange = (index, key) => value => {\n let dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\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 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 {\n button {\n border-radius: 5px;\n\n &:first-child {\n margin-right: 10px;\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 padding-left: 0\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 2px 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 .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 { Table } from 'tinper-bee';\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","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 }\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 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\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 {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \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\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 {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\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 const menu1 = (\n );\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\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 {Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Checkbox,Button,Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\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: (a, b) => a.c - b.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: (a, b) => a.c - b.c,\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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: 200,\n }\n];\n\nconst data = [\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\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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\nconst defaultProps23 = {\n prefixCls: \"bee-table\"\n};\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}\nDemo23.defaultProps = defaultProps23;\n\n\n","desc":" onDropBorder方法为调整列宽后触发的回调函数。注:不支持tree结构的表头、合并表头的table。"},{"example":,"title":" 嵌套子表格","code":"/**\n*\n* @title 嵌套子表格\n* @parent 扩展行 Expanded Row\n* @description 通过expandedRowRender参数来实现子表格\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { Popconfirm } from 'tinper-bee';\nimport { Table } from 'tinper-bee';\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\nconst DragColumnTable = dragColumn(Table);\nconst columns16 = [\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 columns17 = [\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 = [\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];\n\n\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 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参数来实现子表格"},{"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 { Table } from 'tinper-bee';\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\";\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip,Tag} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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: 'Name',\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: 'Age',\n key: \"Age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: 'Home phone',\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: 'Phone',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: 'Address',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\nconst data = [{\n key: '1',\n name: 'John Brown',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: 'New York No. 1 Lake Park',\n}, {\n key: '2',\n name: 'Jim Green',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: 'London No. 1 Lake Park',\n}, {\n key: '3',\n name: 'Joe Black',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Sidney No. 1 Lake Park',\n}, {\n key: '4',\n name: 'Jim Red',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'London No. 2 Lake Park',\n}, {\n key: '5',\n name: 'Jake White',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Dublin No. 2 Lake Park',\n}];\n\nclass Demo15 extends Component {\n render() {\n return (\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 拖拽改变行顺序\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, 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:200 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,fixed:'right'}\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_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1003\" }\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 render() {\n return (\n \n );\n }\n}\n\n\n","desc":" 拖拽改变行顺序"},{"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';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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 表格支持单选行操作,可自定义选中行背景色。\r\n* Demo1304\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport {Button,Tooltip,Radio} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst data = [\r\n { check: \"ASVAL_201903280005\",a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { check: \"ASVAL_201903200004\",a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { check: \"ASVAL_201903120002\",a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo1304 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 selectedValue:\"ASVAL_201903200004\"\r\n }\r\n }\r\n\r\n render() {\r\n let {selectedValue} = this.state;\r\n let columns = [\r\n { title: \"单选\", dataIndex: \"check\", key: \"check\", width: 80,render(text, record, index){\r\n return(\r\n \r\n \r\n )\r\n }}, \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 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 selectedValue:record.check\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":" 表格支持单选行操作,可自定义选中行背景色。"},{"example":,"title":" 万行以上数据渲染","code":"/**\n*\n* @title 万行以上数据渲染\n* @parent 无限滚动 Infinite-scroll\n* @description 万行数据渲染\n* demo1401\n*/\n\nimport React, { Component } from \"react\";\nimport {Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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参数来实现子表格\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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参数来实现子表格"},{"example":,"title":" 多功能表格滚动加载","code":"/**\n*\n* @title 多功能表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description\n* demo1403\n*/\n\nimport React, { Component } from \"react\";\nimport {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Tooltip} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 = (params)=>{\n console.log(params);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\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 {Pagination} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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.js b/dist/demo.js
index c02e5a0..6c8aaab 100644
--- a/dist/demo.js
+++ b/dist/demo.js
@@ -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__(590);var Demo0102 = __webpack_require__(593);var Demo0103 = __webpack_require__(594);var Demo0104 = __webpack_require__(595);var Demo0105 = __webpack_require__(596);var Demo0106 = __webpack_require__(597);var Demo0107 = __webpack_require__(598);var Demo0201 = __webpack_require__(599);var Demo0202 = __webpack_require__(600);var Demo0301 = __webpack_require__(601);var Demo0302 = __webpack_require__(602);var Demo0402 = __webpack_require__(605);var Demo0404 = __webpack_require__(606);var Demo0405 = __webpack_require__(611);var Demo0501 = __webpack_require__(613);var Demo0502 = __webpack_require__(615);var Demo0601 = __webpack_require__(616);var Demo0602 = __webpack_require__(617);var Demo0603 = __webpack_require__(618);var Demo0701 = __webpack_require__(619);var Demo0702 = __webpack_require__(620);var Demo0802 = __webpack_require__(621);var Demo0901 = __webpack_require__(626);var Demo0902 = __webpack_require__(627);var Demo0903 = __webpack_require__(628);var Demo1001 = __webpack_require__(629);var Demo1002 = __webpack_require__(631);var Demo1101 = __webpack_require__(632);var Demo1102 = __webpack_require__(633);var Demo1103 = __webpack_require__(634);var Demo1105 = __webpack_require__(635);var Demo1106 = __webpack_require__(636);var Demo1107 = __webpack_require__(637);var Demo1108 = __webpack_require__(638);var Demo1201 = __webpack_require__(639);var Demo1301 = __webpack_require__(640);var Demo1304 = __webpack_require__(641);var Demo1401 = __webpack_require__(642);var Demo1402 = __webpack_require__(644);var Demo1403 = __webpack_require__(645);var Demo1404 = __webpack_require__(646);var Demo1601 = __webpack_require__(647);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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。" }, { "example": _react2['default'].createElement(Demo0202, null), "title": " 纵向滚动条", "code": "/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 设置`scroll`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值" }, { "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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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 {Checkbox} from \"tinper-bee\";\nimport { Table } from 'tinper-bee'; \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, PureComponent } from \"react\";\nimport { Table } from 'tinper-bee';\nimport { Select,Form,FormControl,Button,Icon,Tooltip } 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, editable, required } = props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n return (\n \n {editable ? (\n
\n \n {\"请输入\" + props.colName}\n
\n }\n >\n
\n \n )\n }\n ]\n })}\n />\n
{getFieldError(\"value\")}\n
\n ) : (\n {value || \" \"}
\n )}\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 const { value, editable } = this.props;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
{value || \" \"}
\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 this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable, required } = this.props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\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.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.originData = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n this.originData[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n let dataSource = [...this.state.dataSource];\n dataSource[index] = this.originData[index];\n delete editingRowsMap[index];\n delete this.originData[index];\n this.setState({ editingRowsMap, dataSource });\n };\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n this.setState({ editingRowsMap });\n };\n\n onCellChange = (index, key) => value => {\n let dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\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 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 {\n button {\n border-radius: 5px;\n\n &:first-child {\n margin-right: 10px;\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 padding-left: 0\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 2px 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 .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 { Table } from 'tinper-bee';\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", "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 }\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(Demo0601, null), "title": " 左侧固定列", "code": "/**\n*\n* @title 左侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\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 {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \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\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 {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\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 const menu1 = (\n );\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\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 {Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Checkbox,Button,Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\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: (a, b) => a.c - b.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: (a, b) => a.c - b.c,\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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: 200,\n }\n];\n\nconst data = [\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\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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\nconst defaultProps23 = {\n prefixCls: \"bee-table\"\n};\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}\nDemo23.defaultProps = defaultProps23;\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参数来实现子表格\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { Popconfirm } from 'tinper-bee';\nimport { Table } from 'tinper-bee';\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\nconst DragColumnTable = dragColumn(Table);\nconst columns16 = [\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 columns17 = [\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 = [\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];\n\n\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 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参数来实现子表格" }, { "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 { Table } from 'tinper-bee';\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\";\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip,Tag} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 { 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: '错误', \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: '正常', \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: '异常', \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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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: 'Name',\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: 'Age',\n key: \"Age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: 'Home phone',\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: 'Phone',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: 'Address',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\nconst data = [{\n key: '1',\n name: 'John Brown',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: 'New York No. 1 Lake Park',\n}, {\n key: '2',\n name: 'Jim Green',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: 'London No. 1 Lake Park',\n}, {\n key: '3',\n name: 'Joe Black',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Sidney No. 1 Lake Park',\n}, {\n key: '4',\n name: 'Jim Red',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'London No. 2 Lake Park',\n}, {\n key: '5',\n name: 'Jake White',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Dublin No. 2 Lake Park',\n}];\n\nclass Demo15 extends Component {\n render() {\n return (\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 拖拽改变行顺序\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, 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:200 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,fixed:'right'}\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_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1003\" }\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 render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 拖拽改变行顺序" }, { "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';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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(Demo1304, null), "title": " 单选功能", "code": "/**\r\n*\r\n* @title 单选功能\r\n* @parent 行操作-选择\r\n* @description 表格支持单选行操作,可自定义选中行背景色。\r\n* Demo1304\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport {Button,Tooltip,Radio} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst data = [\r\n { check: \"ASVAL_201903280005\",a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { check: \"ASVAL_201903200004\",a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { check: \"ASVAL_201903120002\",a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo1304 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 selectedValue:\"ASVAL_201903200004\"\r\n }\r\n }\r\n\r\n render() {\r\n let {selectedValue} = this.state;\r\n let columns = [\r\n { title: \"单选\", dataIndex: \"check\", key: \"check\", width: 80,render(text, record, index){\r\n return(\r\n \r\n \r\n )\r\n }}, \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 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 selectedValue:record.check\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": " 表格支持单选行操作,可自定义选中行背景色。" }, { "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 {Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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参数来实现子表格\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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参数来实现子表格" }, { "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 {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Tooltip} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 = (params)=>{\n console.log(params);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\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 {Pagination} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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__(590);var Demo0102 = __webpack_require__(593);var Demo0103 = __webpack_require__(594);var Demo0104 = __webpack_require__(595);var Demo0105 = __webpack_require__(596);var Demo0106 = __webpack_require__(597);var Demo0107 = __webpack_require__(598);var Demo0201 = __webpack_require__(599);var Demo0202 = __webpack_require__(600);var Demo0301 = __webpack_require__(601);var Demo0302 = __webpack_require__(602);var Demo0402 = __webpack_require__(605);var Demo0404 = __webpack_require__(606);var Demo0405 = __webpack_require__(611);var Demo0501 = __webpack_require__(613);var Demo0502 = __webpack_require__(615);var Demo0601 = __webpack_require__(616);var Demo0602 = __webpack_require__(617);var Demo0603 = __webpack_require__(618);var Demo0701 = __webpack_require__(619);var Demo0702 = __webpack_require__(620);var Demo0802 = __webpack_require__(621);var Demo0901 = __webpack_require__(626);var Demo0902 = __webpack_require__(627);var Demo0903 = __webpack_require__(628);var Demo1001 = __webpack_require__(629);var Demo1002 = __webpack_require__(631);var Demo1101 = __webpack_require__(632);var Demo1102 = __webpack_require__(633);var Demo1103 = __webpack_require__(634);var Demo1105 = __webpack_require__(635);var Demo1106 = __webpack_require__(636);var Demo1107 = __webpack_require__(637);var Demo1108 = __webpack_require__(638);var Demo1201 = __webpack_require__(639);var Demo1301 = __webpack_require__(640);var Demo1304 = __webpack_require__(641);var Demo1401 = __webpack_require__(642);var Demo1402 = __webpack_require__(644);var Demo1403 = __webpack_require__(645);var Demo1404 = __webpack_require__(646);var Demo1601 = __webpack_require__(647);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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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';\r\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。\n* demo0201\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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的取值可以是:正整数(自动转为相应的像素值)、百分比(相对于表格真实宽度的百分比,大于100%时会出现滚动条)、布尔值。y的取值是正整数。" }, { "example": _react2['default'].createElement(Demo0202, null), "title": " 纵向滚动条", "code": "/**\n*\n* @title 纵向滚动条\n* @parent 滚动 Scroll View\n* @description 设置`scroll`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值\n* demo0202\n*/\n\nimport React, { Component } from \"react\";\nimport { Table } from 'tinper-bee';\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`属性支持横向或纵向滚动,x/y的取值可以是正整数、百分比、布尔值" }, { "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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button} from \"tinper-bee\";\nimport reqwest from 'reqwest';\nimport { Table } from 'tinper-bee';\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\";\r\nimport { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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 {Checkbox} from \"tinper-bee\";\nimport { Table } from 'tinper-bee'; \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, PureComponent } from \"react\";\nimport { Table } from 'tinper-bee';\nimport { Select,Form,FormControl,Button,Icon,Tooltip } 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, editable, required } = props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n return (\n \n {editable ? (\n
\n \n {\"请输入\" + props.colName}\n
\n }\n >\n
\n \n )\n }\n ]\n })}\n />\n
{getFieldError(\"value\")}\n
\n ) : (\n {value || \" \"}
\n )}\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 const { value, editable } = this.props;\n return (\n \n {editable ? (\n
\n \n
\n ) : (\n
{value || \" \"}
\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 this.props.onChange && this.props.onChange(values[0]);\n };\n\n render() {\n const { getFieldProps, getFieldError } = this.props.form;\n const { value, editable, required } = this.props;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\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.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.originData = {};\n }\n\n edit = index => () => {\n if (index === null) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n editingRowsMap[index] = index.toString();\n this.originData[index] = { ...this.state.dataSource[index] };\n this.setState({ editingRowsMap });\n };\n\n abortEdit = index => () => {\n let editingRowsMap = { ...this.state.editingRowsMap };\n let dataSource = [...this.state.dataSource];\n dataSource[index] = this.originData[index];\n delete editingRowsMap[index];\n delete this.originData[index];\n this.setState({ editingRowsMap, dataSource });\n };\n\n commitChange = index => () => {\n if (this.state.errorEditFlag) return;\n let editingRowsMap = { ...this.state.editingRowsMap };\n delete editingRowsMap[index];\n this.setState({ editingRowsMap });\n };\n\n onCellChange = (index, key) => value => {\n let dataSource = [...this.state.dataSource];\n dataSource[index][key] = value;\n this.setState({ dataSource });\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 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 {\n button {\n border-radius: 5px;\n\n &:first-child {\n margin-right: 10px;\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 padding-left: 0\n }\n\n .required {\n margin-left: 10px;\n position: relative;\n\n &::before {\n content: \" \";\n border: 2px 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 .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 { Table } from 'tinper-bee';\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", "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 }\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(Demo0601, null), "title": " 左侧固定列", "code": "/**\n*\n* @title 左侧固定列\n* @parent 列操作-锁定 Fixed\n* @description 固定列到表格的左侧\n* demo0601\n*/\n\n\n\nimport React, { Component } from 'react';\nimport { Table } from 'tinper-bee';\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 {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"序号\",\n dataIndex: \"index\",\n key: \"index\",\n width: 80, \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\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 {Icon,Menu,Dropdown} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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 {Icon,Checkbox,Dropdown,Menu} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\nimport multiSelect from \"tinper-bee/lib/multiSelect\";;\nimport sort from \"tinper-bee/lib/sort\";;\n\nconst { Item } = Menu;\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 const menu1 = (\n );\n let multiObj = {\n type: \"checkbox\"\n };\n let columns27 = [\n { title: \"关联\",dataIndex: \"link\",key: \"link\",width: 80, \n render: (text, record, index) => {\n return (\n \n \n \n )\n }\n },\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 {Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Checkbox,Button,Icon} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 },\n {\n title: \"金额\",\n dataIndex: \"b\",\n key: \"b\",\n width: 200,\n sumCol: true,\n sorter: (a, b) => a.c - b.c,\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: (a, b) => a.c - b.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: (a, b) => a.c - b.c,\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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: 200,\n }\n];\n\nconst data = [\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\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 {Icon} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee'; \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\nconst defaultProps23 = {\n prefixCls: \"bee-table\"\n};\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}\nDemo23.defaultProps = defaultProps23;\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参数来实现子表格\n* demo1101\n*/\n\nimport React, { Component } from \"react\";\nimport { Popconfirm } from 'tinper-bee';\nimport { Table } from 'tinper-bee';\nimport dragColumn from \"tinper-bee/lib/dragColumn\";;\nconst DragColumnTable = dragColumn(Table);\nconst columns16 = [\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 columns17 = [\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 = [\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];\n\n\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 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参数来实现子表格" }, { "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 { Table } from 'tinper-bee';\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\";\r\nimport {Button,Tooltip,} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip,Tag} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 { Table } from 'tinper-bee';\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: 'Name',\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: 'Age',\n key: \"Age\",\n dataIndex: 'age',\n render: renderContent,\n}, {\n title: 'Home phone',\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: 'Phone',\n colSpan: 0,\n key: \"phone\",\n dataIndex: 'phone',\n render: renderContent,\n}, {\n title: 'Address',\n key: \"address\",\n dataIndex: 'address',\n render: renderContent,\n}];\n\nconst data = [{\n key: '1',\n name: 'John Brown',\n age: 32,\n tel: '0571-22098909',\n phone: 18889898989,\n address: 'New York No. 1 Lake Park',\n}, {\n key: '2',\n name: 'Jim Green',\n tel: '0571-22098333',\n phone: 18889898888,\n age: 42,\n address: 'London No. 1 Lake Park',\n}, {\n key: '3',\n name: 'Joe Black',\n age: 32,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Sidney No. 1 Lake Park',\n}, {\n key: '4',\n name: 'Jim Red',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'London No. 2 Lake Park',\n}, {\n key: '5',\n name: 'Jake White',\n age: 18,\n tel: '0575-22098909',\n phone: 18900010002,\n address: 'Dublin No. 2 Lake Park',\n}];\n\nclass Demo15 extends Component {\n render() {\n return (\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 拖拽改变行顺序\n* Demo1201\n*/\n\nimport React, { Component } from \"react\";\nimport {Button,Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\n\nconst columns = [\n {\n title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 120, 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:200 },\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 500 },\n { title: \"部门\", dataIndex: \"d\", key: \"d\", width: 100 },\n { title: \"职级\", dataIndex: \"e\", key: \"e\", width: 100,fixed:'right'}\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_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", e: \"T2\", key: \"1003\" }\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 render() {\n return (\n \n );\n }\n}\n\n\n", "desc": " 拖拽改变行顺序" }, { "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';\r\nimport {Checkbox} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\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(Demo1304, null), "title": " 单选功能", "code": "/**\r\n*\r\n* @title 单选功能\r\n* @parent 行操作-选择\r\n* @description 表格支持单选行操作,可自定义选中行背景色。\r\n* Demo1304\r\n*/\r\n\r\nimport React, { Component } from \"react\";\r\nimport {Button,Tooltip,Radio} from \"tinper-bee\";\r\n\r\nimport { Table } from 'tinper-bee';\r\n\r\nconst data = [\r\n { check: \"ASVAL_201903280005\",a: \"ASVAL_201903280005\", b: \"小张\", c: \"男\", d: \"财务二科\", key: \"1\" },\r\n { check: \"ASVAL_201903200004\",a: \"ASVAL_201903200004\", b: \"小明\", c: \"男\", d: \"财务一科\", key: \"2\" },\r\n { check: \"ASVAL_201903120002\",a: \"ASVAL_201903120002\", b: \"小红\", c: \"女\", d: \"财务一科\", key: \"3\" }\r\n];\r\n\r\nclass Demo1304 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 selectedValue:\"ASVAL_201903200004\"\r\n }\r\n }\r\n\r\n render() {\r\n let {selectedValue} = this.state;\r\n let columns = [\r\n { title: \"单选\", dataIndex: \"check\", key: \"check\", width: 80,render(text, record, index){\r\n return(\r\n \r\n \r\n )\r\n }}, \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 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 selectedValue:record.check\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": " 表格支持单选行操作,可自定义选中行背景色。" }, { "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 {Tooltip} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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参数来实现子表格\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport {Popconfirm} from 'tinper-bee';\nimport { Table } from 'tinper-bee';\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参数来实现子表格" }, { "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 {Tooltip,Checkbox,Icon,Popover} from \"tinper-bee\";\nimport { Table } from 'tinper-bee';\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 {Tooltip} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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 = (params)=>{\n console.log(params);\n }\n onExpand = (expandKeys)=>{\n console.log('expand---'+expandKeys);\n }\n render() {\n return (\n {\n console.log('currentIndex--'+index);\n }}\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 {Pagination} from \"tinper-bee\";\n\nimport { Table } from 'tinper-bee';\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);
@@ -79813,7 +79813,7 @@
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
- /******/ return __webpack_require__(__webpack_require__.s = 423);
+ /******/ return __webpack_require__(__webpack_require__.s = 402);
/******/ })
/************************************************************************/
/******/ ([
@@ -81743,7 +81743,7 @@
try {
oldLocale = globalLocale._abbr;
var aliasedRequire = require;
- __webpack_require__(931)("./" + name);
+ __webpack_require__(894)("./" + name);
getSetGlobalLocale(oldLocale);
} catch (e) {}
}
@@ -84494,7 +84494,7 @@
})));
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(182)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(176)(module)))
/***/ }),
/* 4 */
@@ -84512,55 +84512,55 @@
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__(183);
+ var _all2 = __webpack_require__(177);
var _all3 = _interopRequireDefault(_all2);
- var _componentOrElement2 = __webpack_require__(606);
+ var _componentOrElement2 = __webpack_require__(584);
var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
- var _deprecated2 = __webpack_require__(607);
+ var _deprecated2 = __webpack_require__(585);
var _deprecated3 = _interopRequireDefault(_deprecated2);
- var _elementType2 = __webpack_require__(184);
+ var _elementType2 = __webpack_require__(178);
var _elementType3 = _interopRequireDefault(_elementType2);
- var _isRequiredForA11y2 = __webpack_require__(185);
+ var _isRequiredForA11y2 = __webpack_require__(179);
var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
- var _splitComponent2 = __webpack_require__(117);
+ var _splitComponent2 = __webpack_require__(110);
var _splitComponent3 = _interopRequireDefault(_splitComponent2);
- var _createChainedFunction2 = __webpack_require__(46);
+ var _createChainedFunction2 = __webpack_require__(43);
var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
- var _keyCode = __webpack_require__(186);
+ var _keyCode = __webpack_require__(180);
var _keyCode2 = _interopRequireDefault(_keyCode);
- var _contains2 = __webpack_require__(608);
+ var _contains2 = __webpack_require__(586);
var _contains3 = _interopRequireDefault(_contains2);
- var _addEventListener2 = __webpack_require__(118);
+ var _addEventListener2 = __webpack_require__(111);
var _addEventListener3 = _interopRequireDefault(_addEventListener2);
- var _cssAnimation2 = __webpack_require__(611);
+ var _cssAnimation2 = __webpack_require__(589);
var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
- var _toArray2 = __webpack_require__(613);
+ var _toArray2 = __webpack_require__(591);
var _toArray3 = _interopRequireDefault(_toArray2);
- var _Align2 = __webpack_require__(188);
+ var _Align2 = __webpack_require__(182);
var _Align3 = _interopRequireDefault(_Align2);
@@ -84584,112 +84584,6 @@
/***/ }),
/* 6 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- exports.default = function (instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- };
-
- /***/ }),
- /* 7 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _typeof2 = __webpack_require__(29);
-
- var _typeof3 = _interopRequireDefault(_typeof2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function (self, call) {
- if (!self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
-
- return call && ((typeof call === "undefined" ? "undefined" : (0, _typeof3.default)(call)) === "object" || typeof call === "function") ? call : self;
- };
-
- /***/ }),
- /* 8 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _setPrototypeOf = __webpack_require__(625);
-
- var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
-
- var _create = __webpack_require__(629);
-
- var _create2 = _interopRequireDefault(_create);
-
- var _typeof2 = __webpack_require__(29);
-
- var _typeof3 = _interopRequireDefault(_typeof2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function (subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === "undefined" ? "undefined" : (0, _typeof3.default)(superClass)));
- }
-
- subClass.prototype = (0, _create2.default)(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: false,
- writable: true,
- configurable: true
- }
- });
- if (superClass) _setPrototypeOf2.default ? (0, _setPrototypeOf2.default)(subClass, superClass) : subClass.__proto__ = superClass;
- };
-
- /***/ }),
- /* 9 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _assign = __webpack_require__(463);
-
- var _assign2 = _interopRequireDefault(_assign);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = _assign2.default || 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;
- };
-
- /***/ }),
- /* 10 */
/***/ (function(module, exports) {
// shim for using process in browser
@@ -84879,7 +84773,7 @@
/***/ }),
- /* 11 */
+ /* 7 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -84892,7 +84786,7 @@
/* harmony export (immutable) */ __webpack_exports__["c"] = deepMerge;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_typeof__ = __webpack_require__(29);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_typeof__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_typeof___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_typeof__);
@@ -85082,42 +84976,10 @@
}
return target;
}
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 12 */
- /***/ (function(module, exports) {
-
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {
- "default": obj
- };
- }
-
- module.exports = _interopRequireDefault;
-
- /***/ }),
- /* 13 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(435);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 14 */
+ /* 8 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -85125,29 +84987,114 @@
exports.__esModule = true;
- exports.default = function (obj, keys) {
- var target = {};
+ exports.default = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
- for (var i in obj) {
- if (keys.indexOf(i) >= 0) continue;
- if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
- target[i] = obj[i];
+ /***/ }),
+ /* 9 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+
+ var _assign = __webpack_require__(442);
+
+ var _assign2 = _interopRequireDefault(_assign);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = _assign2.default || 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;
};
/***/ }),
- /* 15 */
+ /* 10 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+
+ var _typeof2 = __webpack_require__(32);
+
+ var _typeof3 = _interopRequireDefault(_typeof2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && ((typeof call === "undefined" ? "undefined" : (0, _typeof3.default)(call)) === "object" || typeof call === "function") ? call : self;
+ };
+
+ /***/ }),
+ /* 11 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+
+ var _setPrototypeOf = __webpack_require__(603);
+
+ var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
+
+ var _create = __webpack_require__(607);
+
+ var _create2 = _interopRequireDefault(_create);
+
+ var _typeof2 = __webpack_require__(32);
+
+ var _typeof3 = _interopRequireDefault(_typeof2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === "undefined" ? "undefined" : (0, _typeof3.default)(superClass)));
+ }
+
+ subClass.prototype = (0, _create2.default)(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) _setPrototypeOf2.default ? (0, _setPrototypeOf2.default)(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ /***/ }),
+ /* 12 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__required__ = __webpack_require__(169);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__whitespace__ = __webpack_require__(507);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__type__ = __webpack_require__(508);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__range__ = __webpack_require__(509);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__enum__ = __webpack_require__(510);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__pattern__ = __webpack_require__(511);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__required__ = __webpack_require__(161);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__whitespace__ = __webpack_require__(486);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__type__ = __webpack_require__(487);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__range__ = __webpack_require__(488);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__enum__ = __webpack_require__(489);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__pattern__ = __webpack_require__(490);
@@ -85165,7 +85112,7 @@
});
/***/ }),
- /* 16 */
+ /* 13 */
/***/ (function(module, exports) {
var core = module.exports = { version: '2.6.5' };
@@ -85173,122 +85120,7 @@
/***/ }),
- /* 17 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.create = exports.connect = exports.Provider = undefined;
-
- var _Provider2 = __webpack_require__(631);
-
- var _Provider3 = _interopRequireDefault(_Provider2);
-
- var _connect2 = __webpack_require__(632);
-
- var _connect3 = _interopRequireDefault(_connect2);
-
- var _create2 = __webpack_require__(635);
-
- var _create3 = _interopRequireDefault(_create2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.Provider = _Provider3.default;
- exports.connect = _connect3.default;
- exports.create = _create3.default;
-
- /***/ }),
- /* 18 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {/**
- * Copyright 2014-2015, 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.
- */
-
-
-
- /**
- * Similar to invariant but only logs a warning if the condition is not met.
- * This can be used to log issues in development environments in critical
- * paths. Removing the logging code for production environments will keep the
- * same logic and follow the same code paths.
- */
-
- var warning = function() {};
-
- if (process.env.NODE_ENV !== 'production') {
- warning = function(condition, format, args) {
- var len = arguments.length;
- args = new Array(len > 2 ? len - 2 : 0);
- for (var key = 2; key < len; key++) {
- args[key - 2] = arguments[key];
- }
- if (format === undefined) {
- throw new Error(
- '`warning(condition, format, ...args)` requires a warning ' +
- 'message argument'
- );
- }
-
- if (format.length < 10 || (/^[s\W]*$/).test(format)) {
- throw new Error(
- 'The warning format should be able to uniquely identify this ' +
- 'warning. Please, use a more descriptive format than: ' + format
- );
- }
-
- if (!condition) {
- var argIndex = 0;
- var message = 'Warning: ' +
- format.replace(/%s/g, function() {
- return args[argIndex++];
- });
- if (typeof console !== 'undefined') {
- console.error(message);
- }
- try {
- // This error was thrown as a convenience so that you can use this stack
- // to find the callsite that caused this warning to fire.
- throw new Error(message);
- } catch(x) {}
- }
- };
- }
-
- module.exports = warning;
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
-
- /***/ }),
- /* 19 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var store = __webpack_require__(101)('wks');
- var uid = __webpack_require__(78);
- var Symbol = __webpack_require__(22).Symbol;
- var USE_SYMBOL = typeof Symbol == 'function';
-
- var $exports = module.exports = function (name) {
- return store[name] || (store[name] =
- USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
- };
-
- $exports.store = store;
-
-
- /***/ }),
- /* 20 */
+ /* 14 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -85454,15 +85286,249 @@
+ /***/ }),
+ /* 15 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(414);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 16 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+ /* WEBPACK VAR INJECTION */(function(process) {/**
+ * Copyright 2014-2015, 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.
+ */
+
+
+
+ /**
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+ var warning = function() {};
+
+ if (process.env.NODE_ENV !== 'production') {
+ warning = function(condition, format, args) {
+ var len = arguments.length;
+ args = new Array(len > 2 ? len - 2 : 0);
+ for (var key = 2; key < len; key++) {
+ args[key - 2] = arguments[key];
+ }
+ if (format === undefined) {
+ throw new Error(
+ '`warning(condition, format, ...args)` requires a warning ' +
+ 'message argument'
+ );
+ }
+
+ if (format.length < 10 || (/^[s\W]*$/).test(format)) {
+ throw new Error(
+ 'The warning format should be able to uniquely identify this ' +
+ 'warning. Please, use a more descriptive format than: ' + format
+ );
+ }
+
+ if (!condition) {
+ var argIndex = 0;
+ var message = 'Warning: ' +
+ format.replace(/%s/g, function() {
+ return args[argIndex++];
+ });
+ if (typeof console !== 'undefined') {
+ console.error(message);
+ }
+ try {
+ // This error was thrown as a convenience so that you can use this stack
+ // to find the callsite that caused this warning to fire.
+ throw new Error(message);
+ } catch(x) {}
+ }
+ };
+ }
+
+ module.exports = warning;
+
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+ /***/ }),
+ /* 17 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 18 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var store = __webpack_require__(95)('wks');
+ var uid = __webpack_require__(65);
+ var Symbol = __webpack_require__(23).Symbol;
+ var USE_SYMBOL = typeof Symbol == 'function';
+
+ var $exports = module.exports = function (name) {
+ return store[name] || (store[name] =
+ USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
+ };
+
+ $exports.store = store;
+
+
+ /***/ }),
+ /* 19 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = style;
+
+ var _camelizeStyle = __webpack_require__(207);
+
+ var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
+
+ var _hyphenateStyle = __webpack_require__(673);
+
+ var _hyphenateStyle2 = _interopRequireDefault(_hyphenateStyle);
+
+ var _getComputedStyle2 = __webpack_require__(675);
+
+ var _getComputedStyle3 = _interopRequireDefault(_getComputedStyle2);
+
+ var _removeStyle = __webpack_require__(676);
+
+ var _removeStyle2 = _interopRequireDefault(_removeStyle);
+
+ var _properties = __webpack_require__(27);
+
+ var _isTransform = __webpack_require__(677);
+
+ var _isTransform2 = _interopRequireDefault(_isTransform);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function style(node, property, value) {
+ var css = '';
+ var transforms = '';
+ var props = property;
+
+ if (typeof property === 'string') {
+ if (value === undefined) {
+ return node.style[(0, _camelizeStyle2.default)(property)] || (0, _getComputedStyle3.default)(node).getPropertyValue((0, _hyphenateStyle2.default)(property));
+ } else {
+ (props = {})[property] = value;
+ }
+ }
+
+ Object.keys(props).forEach(function (key) {
+ var value = props[key];
+ if (!value && value !== 0) {
+ (0, _removeStyle2.default)(node, (0, _hyphenateStyle2.default)(key));
+ } else if ((0, _isTransform2.default)(key)) {
+ transforms += key + '(' + value + ') ';
+ } else {
+ css += (0, _hyphenateStyle2.default)(key) + ': ' + value + ';';
+ }
+ });
+
+ if (transforms) {
+ css += _properties.transform + ': ' + transforms + ';';
+ }
+
+ node.style.cssText += ';' + css;
+ }
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 20 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _inDOM = __webpack_require__(17);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var on = function on() {};
+ if (_inDOM2.default) {
+ on = function () {
+
+ if (document.addEventListener) return function (node, eventName, handler, capture) {
+ return node.addEventListener(eventName, handler, capture || false);
+ };else if (document.attachEvent) return function (node, eventName, handler) {
+ return node.attachEvent('on' + eventName, handler);
+ };
+ }();
+ }
+
+ exports.default = on;
+ module.exports = exports['default'];
+
/***/ }),
/* 21 */
/***/ (function(module, exports, __webpack_require__) {
- var global = __webpack_require__(22);
- var core = __webpack_require__(16);
- var ctx = __webpack_require__(95);
- var hide = __webpack_require__(38);
- var has = __webpack_require__(28);
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = ownerDocument;
+ function ownerDocument(node) {
+ return node && node.ownerDocument || document;
+ }
+ module.exports = exports["default"];
+
+ /***/ }),
+ /* 22 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var global = __webpack_require__(23);
+ var core = __webpack_require__(13);
+ var ctx = __webpack_require__(89);
+ var hide = __webpack_require__(35);
+ var has = __webpack_require__(31);
var PROTOTYPE = 'prototype';
var $export = function (type, name, source) {
@@ -85523,7 +85589,7 @@
/***/ }),
- /* 22 */
+ /* 23 */
/***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -85535,15 +85601,15 @@
/***/ }),
- /* 23 */
+ /* 24 */
/***/ (function(module, exports, __webpack_require__) {
- var anObject = __webpack_require__(39);
- var IE8_DOM_DEFINE = __webpack_require__(158);
- var toPrimitive = __webpack_require__(96);
+ var anObject = __webpack_require__(36);
+ var IE8_DOM_DEFINE = __webpack_require__(150);
+ var toPrimitive = __webpack_require__(90);
var dP = Object.defineProperty;
- exports.f = __webpack_require__(27) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+ exports.f = __webpack_require__(30) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O);
P = toPrimitive(P, true);
anObject(Attributes);
@@ -85557,7 +85623,7 @@
/***/ }),
- /* 24 */
+ /* 25 */
/***/ (function(module, exports) {
var g;
@@ -85584,384 +85650,119 @@
/***/ }),
- /* 25 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
+ /* 26 */
+ /***/ (function(module, exports, __webpack_require__) {
"use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* 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_babel_runtime_helpers_defineProperty__ = __webpack_require__(94);
- /* 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__(6);
- /* 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__(45);
- /* 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__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
- /* 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__(641);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__AnimateChild__ = __webpack_require__(642);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_animate__ = __webpack_require__(203);
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.create = exports.connect = exports.Provider = undefined;
+ var _Provider2 = __webpack_require__(609);
+ var _Provider3 = _interopRequireDefault(_Provider2);
+ var _connect2 = __webpack_require__(610);
+ var _connect3 = _interopRequireDefault(_connect2);
+ var _create2 = __webpack_require__(613);
+ var _create3 = _interopRequireDefault(_create2);
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-
- var defaultKey = 'rc_animate_' + Date.now();
-
- function getChildrenFromProps(props) {
- var children = props.children;
- if (__WEBPACK_IMPORTED_MODULE_6_react___default.a.isValidElement(children)) {
- if (!children.key) {
- return __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(children, {
- key: defaultKey
- });
- }
- }
- return children;
- }
-
- function noop() {}
-
- var Animate = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Animate, _React$Component);
-
- // eslint-disable-line
-
- function Animate(props) {
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, Animate);
-
- var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Animate.__proto__ || Object.getPrototypeOf(Animate)).call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.currentlyAnimatingKeys = {};
- _this.keysToEnter = [];
- _this.keysToLeave = [];
-
- _this.state = {
- children: Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props))
- };
-
- _this.childrenRefs = {};
- return _this;
- }
-
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(Animate, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- var _this2 = this;
-
- var showProp = this.props.showProp;
- var children = this.state.children;
- if (showProp) {
- children = children.filter(function (child) {
- return !!child.props[showProp];
- });
- }
- children.forEach(function (child) {
- if (child) {
- _this2.performAppear(child.key);
- }
- });
- }
- }, {
- key: 'componentWillReceiveProps',
- value: function componentWillReceiveProps(nextProps) {
- var _this3 = this;
-
- this.nextProps = nextProps;
- var nextChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(nextProps));
- var props = this.props;
- // exclusive needs immediate response
- if (props.exclusive) {
- Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
- _this3.stop(key);
- });
- }
- var showProp = props.showProp;
- var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
- // last props children if exclusive
- var currentChildren = props.exclusive ? Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props)) : this.state.children;
- // in case destroy in showProp mode
- var newChildren = [];
- if (showProp) {
- currentChildren.forEach(function (currentChild) {
- var nextChild = currentChild && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, currentChild.key);
- var newChild = void 0;
- if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
- newChild = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(nextChild || currentChild, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()({}, showProp, true));
- } else {
- newChild = nextChild;
- }
- if (newChild) {
- newChildren.push(newChild);
- }
- });
- nextChildren.forEach(function (nextChild) {
- if (!nextChild || !Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, nextChild.key)) {
- newChildren.push(nextChild);
- }
- });
- } else {
- newChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["d" /* mergeChildren */])(currentChildren, nextChildren);
- }
-
- // need render to avoid update
- this.setState({
- children: newChildren
- });
-
- nextChildren.forEach(function (child) {
- var key = child && child.key;
- if (child && currentlyAnimatingKeys[key]) {
- return;
- }
- var hasPrev = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
- if (showProp) {
- var showInNext = child.props[showProp];
- if (hasPrev) {
- var showInNow = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
- if (!showInNow && showInNext) {
- _this3.keysToEnter.push(key);
- }
- } else if (showInNext) {
- _this3.keysToEnter.push(key);
- }
- } else if (!hasPrev) {
- _this3.keysToEnter.push(key);
- }
- });
-
- currentChildren.forEach(function (child) {
- var key = child && child.key;
- if (child && currentlyAnimatingKeys[key]) {
- return;
- }
- var hasNext = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, key);
- if (showProp) {
- var showInNow = child.props[showProp];
- if (hasNext) {
- var showInNext = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(nextChildren, key, showProp);
- if (!showInNext && showInNow) {
- _this3.keysToLeave.push(key);
- }
- } else if (showInNow) {
- _this3.keysToLeave.push(key);
- }
- } else if (!hasNext) {
- _this3.keysToLeave.push(key);
- }
- });
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- var keysToEnter = this.keysToEnter;
- this.keysToEnter = [];
- keysToEnter.forEach(this.performEnter);
- var keysToLeave = this.keysToLeave;
- this.keysToLeave = [];
- keysToLeave.forEach(this.performLeave);
- }
- }, {
- key: 'isValidChildByKey',
- value: function isValidChildByKey(currentChildren, key) {
- var showProp = this.props.showProp;
- if (showProp) {
- return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
- }
- return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
- }
- }, {
- key: 'stop',
- value: function stop(key) {
- delete this.currentlyAnimatingKeys[key];
- var component = this.childrenRefs[key];
- if (component) {
- component.stop();
- }
- }
- }, {
- key: 'render',
- value: function render() {
- var _this4 = this;
-
- var props = this.props;
- this.nextProps = props;
- var stateChildren = this.state.children;
- var children = null;
- if (stateChildren) {
- children = stateChildren.map(function (child) {
- if (child === null || child === undefined) {
- return child;
- }
- if (!child.key) {
- throw new Error('must set key for children');
- }
- return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_9__AnimateChild__["a" /* default */],
- {
- key: child.key,
- ref: function ref(node) {
- _this4.childrenRefs[child.key] = node;
- },
- animation: props.animation,
- transitionName: props.transitionName,
- transitionEnter: props.transitionEnter,
- transitionAppear: props.transitionAppear,
- transitionLeave: props.transitionLeave
- },
- child
- );
- });
- }
- var Component = props.component;
- if (Component) {
- var passedProps = props;
- if (typeof Component === 'string') {
- passedProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
- className: props.className,
- style: props.style
- }, props.componentProps);
- }
- return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
- Component,
- passedProps,
- children
- );
- }
- return children[0] || null;
- }
- }]);
-
- return Animate;
- }(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
-
- Animate.isAnimate = true;
- Animate.propTypes = {
- component: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
- componentProps: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
- animation: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
- transitionName: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object]),
- transitionEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- transitionAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- exclusive: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- transitionLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
- onEnd: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- onAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
- showProp: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
- children: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.node
- };
- Animate.defaultProps = {
- animation: {},
- component: 'span',
- componentProps: {},
- transitionEnter: true,
- transitionLeave: true,
- transitionAppear: false,
- onEnd: noop,
- onEnter: noop,
- onLeave: noop,
- onAppear: noop
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this5 = this;
-
- this.performEnter = function (key) {
- // may already remove by exclusive
- if (_this5.childrenRefs[key]) {
- _this5.currentlyAnimatingKeys[key] = true;
- _this5.childrenRefs[key].componentWillEnter(_this5.handleDoneAdding.bind(_this5, key, 'enter'));
- }
- };
-
- this.performAppear = function (key) {
- if (_this5.childrenRefs[key]) {
- _this5.currentlyAnimatingKeys[key] = true;
- _this5.childrenRefs[key].componentWillAppear(_this5.handleDoneAdding.bind(_this5, key, 'appear'));
- }
- };
-
- this.handleDoneAdding = function (key, type) {
- var props = _this5.props;
- delete _this5.currentlyAnimatingKeys[key];
- // if update on exclusive mode, skip check
- if (props.exclusive && props !== _this5.nextProps) {
- return;
- }
- var currentChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props));
- if (!_this5.isValidChildByKey(currentChildren, key)) {
- // exclusive will not need this
- _this5.performLeave(key);
- } else if (type === 'appear') {
- if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowAppearCallback(props)) {
- props.onAppear(key);
- props.onEnd(key, true);
- }
- } else if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowEnterCallback(props)) {
- props.onEnter(key);
- props.onEnd(key, true);
- }
- };
-
- this.performLeave = function (key) {
- // may already remove by exclusive
- if (_this5.childrenRefs[key]) {
- _this5.currentlyAnimatingKeys[key] = true;
- _this5.childrenRefs[key].componentWillLeave(_this5.handleDoneLeaving.bind(_this5, key));
- }
- };
-
- this.handleDoneLeaving = function (key) {
- var props = _this5.props;
- delete _this5.currentlyAnimatingKeys[key];
- // if update on exclusive mode, skip check
- if (props.exclusive && props !== _this5.nextProps) {
- return;
- }
- var currentChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props));
- // in case state change is too fast
- if (_this5.isValidChildByKey(currentChildren, key)) {
- _this5.performEnter(key);
- } else {
- var end = function end() {
- if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowLeaveCallback(props)) {
- props.onLeave(key);
- props.onEnd(key, false);
- }
- };
- if (!Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["c" /* isSameChildren */])(_this5.state.children, currentChildren, props.showProp)) {
- _this5.setState({
- children: currentChildren
- }, end);
- } else {
- end();
- }
- }
- };
- };
-
- /* harmony default export */ __webpack_exports__["default"] = (Animate);
+ exports.Provider = _Provider3.default;
+ exports.connect = _connect3.default;
+ exports.create = _create3.default;
/***/ }),
- /* 26 */
+ /* 27 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
+
+ var _inDOM = __webpack_require__(17);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var transform = 'transform';
+ var prefix = void 0,
+ transitionEnd = void 0;
+ var transitionTiming = void 0,
+ transitionDuration = void 0;
+ var transitionProperty = void 0,
+ transitionDelay = void 0;
+
+ if (_inDOM2.default) {
+ var _getTransitionPropert = getTransitionProperties();
+
+ prefix = _getTransitionPropert.prefix;
+ exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
+
+
+ exports.transform = transform = prefix + '-' + transform;
+ exports.transitionProperty = transitionProperty = prefix + '-transition-property';
+ exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
+ exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
+ exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
+ }
+
+ exports.transform = transform;
+ exports.transitionProperty = transitionProperty;
+ exports.transitionTiming = transitionTiming;
+ exports.transitionDelay = transitionDelay;
+ exports.transitionDuration = transitionDuration;
+ exports.transitionEnd = transitionEnd;
+ exports.default = {
+ transform: transform,
+ end: transitionEnd,
+ property: transitionProperty,
+ timing: transitionTiming,
+ delay: transitionDelay,
+ duration: transitionDuration
+ };
+
+
+ function getTransitionProperties() {
+ var transitionEnd = void 0;
+ var prefix = '';
+ var eventNames = {
+ O: 'otransitionend',
+ Moz: 'transitionend',
+ Webkit: 'webkitTransitionEnd',
+ ms: 'MSTransitionEnd'
+ };
+
+ var element = document.createElement('div');
+ for (var vendor in eventNames) {
+ if (eventNames.hasOwnProperty(vendor)) {
+ if (element.style[vendor + 'TransitionProperty'] !== undefined) {
+ prefix = '-' + vendor.toLowerCase();
+ transitionEnd = eventNames[vendor];
+ break;
+ }
+ }
+ }if (!transitionEnd && element.style.transitionProperty !== undefined) transitionEnd = 'transitionend';
+
+ element = null;
+
+ return { transitionEnd: transitionEnd, prefix: prefix };
+ }
+
+ /***/ }),
+ /* 28 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -86090,17 +85891,37 @@
}
/***/ }),
- /* 27 */
+ /* 29 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(901);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 30 */
/***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
- module.exports = !__webpack_require__(41)(function () {
+ module.exports = !__webpack_require__(38)(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }),
- /* 28 */
+ /* 31 */
/***/ (function(module, exports) {
var hasOwnProperty = {}.hasOwnProperty;
@@ -86110,7 +85931,7 @@
/***/ }),
- /* 29 */
+ /* 32 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -86118,11 +85939,11 @@
exports.__esModule = true;
- var _iterator = __webpack_require__(489);
+ var _iterator = __webpack_require__(468);
var _iterator2 = _interopRequireDefault(_iterator);
- var _symbol = __webpack_require__(495);
+ var _symbol = __webpack_require__(474);
var _symbol2 = _interopRequireDefault(_symbol);
@@ -86137,11 +85958,11 @@
};
/***/ }),
- /* 30 */
+ /* 33 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__propertyUtils__ = __webpack_require__(615);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__propertyUtils__ = __webpack_require__(593);
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; };
@@ -86726,603 +86547,6 @@
/* harmony default export */ __webpack_exports__["a"] = (utils);
- /***/ }),
- /* 31 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /**
- * @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;
- }
- };
-
- /* harmony default export */ __webpack_exports__["a"] = (KeyCode);
-
- /***/ }),
- /* 32 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
- exports.default = _default;
- module.exports = exports["default"];
-
- /***/ }),
- /* 33 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
- exports.default = style;
-
- var _camelizeStyle = _interopRequireDefault(__webpack_require__(212));
-
- var _hyphenateStyle = _interopRequireDefault(__webpack_require__(692));
-
- var _getComputedStyle2 = _interopRequireDefault(__webpack_require__(694));
-
- var _removeStyle = _interopRequireDefault(__webpack_require__(695));
-
- var _properties = __webpack_require__(69);
-
- var _isTransform = _interopRequireDefault(__webpack_require__(696));
-
- function style(node, property, value) {
- var css = '';
- var transforms = '';
- var props = property;
-
- if (typeof property === 'string') {
- if (value === undefined) {
- return node.style[(0, _camelizeStyle.default)(property)] || (0, _getComputedStyle2.default)(node).getPropertyValue((0, _hyphenateStyle.default)(property));
- } else {
- (props = {})[property] = value;
- }
- }
-
- Object.keys(props).forEach(function (key) {
- var value = props[key];
-
- if (!value && value !== 0) {
- (0, _removeStyle.default)(node, (0, _hyphenateStyle.default)(key));
- } else if ((0, _isTransform.default)(key)) {
- transforms += key + "(" + value + ") ";
- } else {
- css += (0, _hyphenateStyle.default)(key) + ": " + value + ";";
- }
- });
-
- if (transforms) {
- css += _properties.transform + ": " + transforms + ";";
- }
-
- node.style.cssText += ';' + css;
- }
-
- module.exports = exports["default"];
-
/***/ }),
/* 34 */
/***/ (function(module, exports, __webpack_require__) {
@@ -87330,65 +86554,27 @@
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
+ exports.__esModule = true;
+
+ exports.default = function (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;
+ };
/***/ }),
/* 35 */
/***/ (function(module, exports, __webpack_require__) {
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
-
- /***/ }),
- /* 36 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
- module.exports = exports['default'];
-
- /***/ }),
- /* 37 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Button = __webpack_require__(426);
-
- var _Button2 = _interopRequireDefault(_Button);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Button2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 38 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var dP = __webpack_require__(23);
- var createDesc = __webpack_require__(59);
- module.exports = __webpack_require__(27) ? function (object, key, value) {
+ var dP = __webpack_require__(24);
+ var createDesc = __webpack_require__(52);
+ module.exports = __webpack_require__(30) ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
@@ -87397,10 +86583,10 @@
/***/ }),
- /* 39 */
+ /* 36 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(40);
+ var isObject = __webpack_require__(37);
module.exports = function (it) {
if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
@@ -87408,7 +86594,7 @@
/***/ }),
- /* 40 */
+ /* 37 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -87417,7 +86603,7 @@
/***/ }),
- /* 41 */
+ /* 38 */
/***/ (function(module, exports) {
module.exports = function (exec) {
@@ -87430,19 +86616,19 @@
/***/ }),
- /* 42 */
+ /* 39 */
/***/ (function(module, exports, __webpack_require__) {
// to indexed object, toObject with fallback for non-array-like ES3 strings
- var IObject = __webpack_require__(162);
- var defined = __webpack_require__(98);
+ var IObject = __webpack_require__(154);
+ var defined = __webpack_require__(92);
module.exports = function (it) {
return IObject(defined(it));
};
/***/ }),
- /* 43 */
+ /* 40 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87457,7 +86643,7 @@
var React = __webpack_require__(0);
- var factory = __webpack_require__(483);
+ var factory = __webpack_require__(462);
if (typeof React === 'undefined') {
throw Error(
@@ -87477,7 +86663,7 @@
/***/ }),
- /* 44 */
+ /* 41 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87574,7 +86760,7 @@
/***/ }),
- /* 45 */
+ /* 42 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87582,7 +86768,7 @@
exports.__esModule = true;
- var _defineProperty = __webpack_require__(157);
+ var _defineProperty = __webpack_require__(149);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
@@ -87607,7 +86793,7 @@
}();
/***/ }),
- /* 46 */
+ /* 43 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87647,7 +86833,7 @@
exports.default = createChainedFunction;
/***/ }),
- /* 47 */
+ /* 44 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87657,7 +86843,7 @@
value: true
});
- var _Animate = __webpack_require__(621);
+ var _Animate = __webpack_require__(599);
var _Animate2 = _interopRequireDefault(_Animate);
@@ -87667,7 +86853,7 @@
module.exports = exports['default'];
/***/ }),
- /* 48 */
+ /* 45 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -87683,7 +86869,7 @@
/* 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__);
- var isMobile = __webpack_require__(200);
+ var isMobile = __webpack_require__(615);
function noop() {}
@@ -87760,85 +86946,42 @@
};
/***/ }),
- /* 49 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = contains;
- function contains(root, n) {
- var node = n;
- while (node) {
- if (node === root) {
- return true;
- }
- node = node.parentNode;
- }
-
- return false;
- }
-
- /***/ }),
- /* 50 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = addEventListenerWrap;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener__ = __webpack_require__(119);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);
-
-
-
- function addEventListenerWrap(target, eventType, cb, option) {
- /* eslint camelcase: 2 */
- var callback = __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.unstable_batchedUpdates ? function run(e) {
- __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.unstable_batchedUpdates(cb, e);
- } : cb;
- return __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener___default()(target, eventType, callback, option);
- }
-
- /***/ }),
- /* 51 */
+ /* 46 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
- exports.__esModule = true;
- exports.default = void 0;
+ var _inDOM = __webpack_require__(17);
- var _inDOM = _interopRequireDefault(__webpack_require__(32));
+ var _inDOM2 = _interopRequireDefault(_inDOM);
- var _default = function () {
- // HTML DOM and SVG DOM may have different support levels,
- // so we need to check on context instead of a document root element.
- return _inDOM.default ? function (context, node) {
- if (context.contains) {
- return context.contains(node);
- } else if (context.compareDocumentPosition) {
- return context === node || !!(context.compareDocumentPosition(node) & 16);
- } else {
- return fallback(context, node);
- }
- } : fallback;
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = function () {
+ var root = _inDOM2.default && document.documentElement;
+
+ return root && root.contains ? function (context, node) {
+ return context.contains(node);
+ } : root && root.compareDocumentPosition ? function (context, node) {
+ return context === node || !!(context.compareDocumentPosition(node) & 16);
+ } : function (context, node) {
+ if (node) do {
+ if (node === context) return true;
+ } while (node = node.parentNode);
+
+ return false;
+ };
}();
- exports.default = _default;
-
- function fallback(context, node) {
- if (node) do {
- if (node === context) return true;
- } while (node = node.parentNode);
- return false;
- }
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 52 */
+ /* 47 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -87860,11 +87003,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ownerDocument = __webpack_require__(53);
+ var _ownerDocument = __webpack_require__(48);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _getContainer = __webpack_require__(126);
+ var _getContainer = __webpack_require__(118);
var _getContainer2 = _interopRequireDefault(_getContainer);
@@ -87884,16 +87027,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) {
@@ -87971,8 +87114,8 @@
return null;
};
- /**
- * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
+ /**
+ * 如果要添加的子组件不存在,就将div添加到要添加容器的DOM中;
*/
Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {
@@ -87982,8 +87125,8 @@
this.portalContainerNode.appendChild(this.overlayTarget);
}
};
- /**
- * 将要添加的子元素从容器中移除,并把变量置为null
+ /**
+ * 将要添加的子元素从容器中移除,并把变量置为null
*/
@@ -87994,8 +87137,8 @@
}
this.portalContainerNode = null;
};
- /**
- * 手动渲染_overlayTarget
+ /**
+ * 手动渲染_overlayTarget
*/
@@ -88013,8 +87156,8 @@
this.unmountOverlayTarget();
}
};
- /**
- * 销毁_overlayTarget组件。并把_overlayInstance置为null
+ /**
+ * 销毁_overlayTarget组件。并把_overlayInstance置为null
*/
@@ -88047,7 +87190,7 @@
module.exports = exports['default'];
/***/ }),
- /* 53 */
+ /* 48 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -88065,7 +87208,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerDocument = __webpack_require__(54);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -88074,23 +87217,7 @@
module.exports = exports['default'];
/***/ }),
- /* 54 */
- /***/ (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"];
-
- /***/ }),
- /* 55 */
+ /* 49 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -88149,7 +87276,7 @@
/***/ }),
- /* 56 */
+ /* 50 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -88277,7 +87404,7 @@
}
/***/ }),
- /* 57 */
+ /* 51 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -88287,110 +87414,17 @@
value: true
});
- var _Dnd = __webpack_require__(829);
+ var _FormControl = __webpack_require__(900);
- var _Dnd2 = _interopRequireDefault(_Dnd);
+ var _FormControl2 = _interopRequireDefault(_FormControl);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- exports["default"] = _Dnd2["default"];
+ exports["default"] = _FormControl2["default"];
module.exports = exports['default'];
/***/ }),
- /* 58 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["h"] = noop;
- /* harmony export (immutable) */ __webpack_exports__["a"] = getKeyFromChildrenIndex;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getMenuIdFromSubMenuEventKey;
- /* harmony export (immutable) */ __webpack_exports__["e"] = loopMenuItem;
- /* harmony export (immutable) */ __webpack_exports__["f"] = loopMenuItemRecursively;
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return menuAllProps; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getWidth; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return setStyle; });
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return isMobileDevice; });
- /* 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__);
-
- var isMobile = __webpack_require__(200);
-
- function noop() {}
-
- function getKeyFromChildrenIndex(child, menuEventKey, index) {
- var prefix = menuEventKey || '';
- return child.key || prefix + 'item_' + index;
- }
-
- function getMenuIdFromSubMenuEventKey(eventKey) {
- return eventKey + '-menu-';
- }
-
- function loopMenuItem(children, cb) {
- var index = -1;
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- index++;
- if (c && c.type && c.type.isMenuItemGroup) {
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(c.props.children, function (c2) {
- index++;
- cb(c2, index);
- });
- } else {
- cb(c, index);
- }
- });
- }
-
- function loopMenuItemRecursively(children, keys, ret) {
- /* istanbul ignore if */
- if (!children || ret.find) {
- return;
- }
- __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.forEach(children, function (c) {
- if (c) {
- var construct = c.type;
- if (!construct || !(construct.isSubMenu || construct.isMenuItem || construct.isMenuItemGroup)) {
- return;
- }
- if (keys.indexOf(c.key) !== -1) {
- ret.find = true;
- } else if (c.props.children) {
- loopMenuItemRecursively(c.props.children, keys, ret);
- }
- }
- });
- }
-
- var menuAllProps = ['defaultSelectedKeys', 'selectedKeys', 'defaultOpenKeys', 'openKeys', 'mode', 'getPopupContainer', 'onSelect', 'onDeselect', 'onDestroy', 'openTransitionName', 'openAnimation', 'subMenuOpenDelay', 'subMenuCloseDelay', 'forceSubMenuRender', 'triggerSubMenuAction', 'level', 'selectable', 'multiple', 'onOpenChange', 'visible', 'focusable', 'defaultActiveFirst', 'prefixCls', 'inlineIndent', 'parentMenu', 'title', 'rootPrefixCls', 'eventKey', 'active', 'onItemHover', 'onTitleMouseEnter', 'onTitleMouseLeave', 'onTitleClick', 'popupAlign', 'popupOffset', 'isOpen', 'renderMenuItem', 'manualRef', 'subMenuKey', 'disabled', 'index', 'isSelected', 'store', 'activeKey', 'builtinPlacements', 'overflowedIndicator',
-
- // the following keys found need to be removed from test regression
- 'attribute', 'value', 'popupClassName', 'inlineCollapsed', 'menu', 'theme', 'itemIcon', 'expandIcon'];
-
- // ref: https://github.com/ant-design/ant-design/issues/14007
- // ref: https://bugs.chromium.org/p/chromium/issues/detail?id=360889
- // getBoundingClientRect return the full precision value, which is
- // not the same behavior as on chrome. Set the precision to 6 to
- // unify their behavior
- var getWidth = function getWidth(elem) {
- var width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;
- if (width) {
- width = +width.toFixed(6);
- }
- return width || 0;
- };
-
- var setStyle = function setStyle(elem, styleProperty, value) {
- if (elem && typeof elem.style === 'object') {
- elem.style[styleProperty] = value;
- }
- };
-
- var isMobileDevice = function isMobileDevice() {
- return isMobile.any;
- };
-
- /***/ }),
- /* 59 */
+ /* 52 */
/***/ (function(module, exports) {
module.exports = function (bitmap, value) {
@@ -88404,12 +87438,12 @@
/***/ }),
- /* 60 */
+ /* 53 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
- var $keys = __webpack_require__(161);
- var enumBugKeys = __webpack_require__(102);
+ var $keys = __webpack_require__(153);
+ var enumBugKeys = __webpack_require__(96);
module.exports = Object.keys || function keys(O) {
return $keys(O, enumBugKeys);
@@ -88417,14 +87451,14 @@
/***/ }),
- /* 61 */
+ /* 54 */
/***/ (function(module, exports) {
module.exports = {};
/***/ }),
- /* 62 */
+ /* 55 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global, module) {/**
@@ -90276,10 +89310,10 @@
module.exports = isEqual;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24), __webpack_require__(182)(module)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(25), __webpack_require__(176)(module)))
/***/ }),
- /* 63 */
+ /* 56 */
/***/ (function(module, exports, __webpack_require__) {
/**
@@ -90287,9 +89321,9 @@
*/
try {
- var index = __webpack_require__(187);
+ var index = __webpack_require__(181);
} catch (err) {
- var index = __webpack_require__(187);
+ var index = __webpack_require__(181);
}
/**
@@ -90476,237 +89510,10 @@
/***/ }),
- /* 64 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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__(45);
- /* 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__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
- /* 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__);
-
-
-
-
-
-
-
-
- var ContainerRender = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(ContainerRender, _React$Component);
-
- function ContainerRender() {
- var _ref;
-
- var _temp, _this, _ret;
-
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, ContainerRender);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = ContainerRender.__proto__ || Object.getPrototypeOf(ContainerRender)).call.apply(_ref, [this].concat(args))), _this), _this.removeContainer = function () {
- if (_this.container) {
- __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.unmountComponentAtNode(_this.container);
- _this.container.parentNode.removeChild(_this.container);
- _this.container = null;
- }
- }, _this.renderComponent = function (props, ready) {
- var _this$props = _this.props,
- visible = _this$props.visible,
- getComponent = _this$props.getComponent,
- forceRender = _this$props.forceRender,
- getContainer = _this$props.getContainer,
- parent = _this$props.parent;
-
- if (visible || parent._component || forceRender) {
- if (!_this.container) {
- _this.container = getContainer();
- }
- __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.unstable_renderSubtreeIntoContainer(parent, getComponent(props), _this.container, function callback() {
- if (ready) {
- ready.call(this);
- }
- });
- }
- }, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
- }
-
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(ContainerRender, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- if (this.props.autoMount) {
- this.renderComponent();
- }
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate() {
- if (this.props.autoMount) {
- this.renderComponent();
- }
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- if (this.props.autoDestroy) {
- this.removeContainer();
- }
- }
- }, {
- key: 'render',
- value: function render() {
- return this.props.children({
- renderComponent: this.renderComponent,
- removeContainer: this.removeContainer
- });
- }
- }]);
-
- return ContainerRender;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- ContainerRender.propTypes = {
- autoMount: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- autoDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- visible: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- forceRender: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- parent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
- getComponent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
- getContainer: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired
- };
- ContainerRender.defaultProps = {
- autoMount: true,
- autoDestroy: true,
- forceRender: false
- };
- /* harmony default export */ __webpack_exports__["a"] = (ContainerRender);
-
- /***/ }),
- /* 65 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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__(45);
- /* 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__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
- /* 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__);
-
-
-
-
-
-
-
-
- var Portal = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Portal, _React$Component);
-
- function Portal() {
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Portal);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Portal.__proto__ || Object.getPrototypeOf(Portal)).apply(this, arguments));
- }
-
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Portal, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- this.createContainer();
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate(prevProps) {
- var didUpdate = this.props.didUpdate;
-
- if (didUpdate) {
- didUpdate(prevProps);
- }
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- this.removeContainer();
- }
- }, {
- key: 'createContainer',
- value: function createContainer() {
- this._container = this.props.getContainer();
- this.forceUpdate();
- }
- }, {
- key: 'removeContainer',
- value: function removeContainer() {
- if (this._container) {
- this._container.parentNode.removeChild(this._container);
- }
- }
- }, {
- key: 'render',
- value: function render() {
- if (this._container) {
- return __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.createPortal(this.props.children, this._container);
- }
- return null;
- }
- }]);
-
- return Portal;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- Portal.propTypes = {
- getContainer: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node.isRequired,
- didUpdate: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func
- };
- /* harmony default export */ __webpack_exports__["a"] = (Portal);
-
- /***/ }),
- /* 66 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Align__ = __webpack_require__(639);
- // export this package's api
-
-
- /* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0__Align__["a" /* default */]);
-
- /***/ }),
- /* 67 */
+ /* 57 */
/***/ (function(module, exports, __webpack_require__) {
- "use strict";
-
-
- module.exports = __webpack_require__(648);
-
- /***/ }),
- /* 68 */
- /***/ (function(module, exports, __webpack_require__) {
-
- /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(662)
+ /* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(644)
, root = typeof window === 'undefined' ? global : window
, vendors = ['moz', 'webkit']
, suffix = 'AnimationFrame'
@@ -90782,5787 +89589,10 @@
object.cancelAnimationFrame = caf
}
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(25)))
/***/ }),
- /* 69 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
- exports.default = exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(32));
-
- var transform = 'transform';
- exports.transform = transform;
- var prefix, transitionEnd, animationEnd;
- exports.animationEnd = animationEnd;
- exports.transitionEnd = transitionEnd;
- var transitionProperty, transitionDuration, transitionTiming, transitionDelay;
- exports.transitionDelay = transitionDelay;
- exports.transitionTiming = transitionTiming;
- exports.transitionDuration = transitionDuration;
- exports.transitionProperty = transitionProperty;
- var animationName, animationDuration, animationTiming, animationDelay;
- exports.animationDelay = animationDelay;
- exports.animationTiming = animationTiming;
- exports.animationDuration = animationDuration;
- exports.animationName = animationName;
-
- if (_inDOM.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
- exports.animationEnd = animationEnd = _getTransitionPropert.animationEnd;
- exports.transform = transform = prefix + "-" + transform;
- exports.transitionProperty = transitionProperty = prefix + "-transition-property";
- exports.transitionDuration = transitionDuration = prefix + "-transition-duration";
- exports.transitionDelay = transitionDelay = prefix + "-transition-delay";
- exports.transitionTiming = transitionTiming = prefix + "-transition-timing-function";
- exports.animationName = animationName = prefix + "-animation-name";
- exports.animationDuration = animationDuration = prefix + "-animation-duration";
- exports.animationTiming = animationTiming = prefix + "-animation-delay";
- exports.animationDelay = animationDelay = prefix + "-animation-timing-function";
- }
-
- var _default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
- exports.default = _default;
-
- function getTransitionProperties() {
- var style = document.createElement('div').style;
- var vendorMap = {
- O: function O(e) {
- return "o" + e.toLowerCase();
- },
- Moz: function Moz(e) {
- return e.toLowerCase();
- },
- Webkit: function Webkit(e) {
- return "webkit" + e;
- },
- ms: function ms(e) {
- return "MS" + e;
- }
- };
- var vendors = Object.keys(vendorMap);
- var transitionEnd, animationEnd;
- var prefix = '';
-
- for (var i = 0; i < vendors.length; i++) {
- var vendor = vendors[i];
-
- if (vendor + "TransitionProperty" in style) {
- prefix = "-" + vendor.toLowerCase();
- transitionEnd = vendorMap[vendor]('TransitionEnd');
- animationEnd = vendorMap[vendor]('AnimationEnd');
- break;
- }
- }
-
- if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
- if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
- style = null;
- return {
- animationEnd: animationEnd,
- transitionEnd: transitionEnd,
- prefix: prefix
- };
- }
-
- /***/ }),
- /* 70 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(32));
-
- var on = function on() {};
-
- if (_inDOM.default) {
- on = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, function (e) {
- e = e || window.event;
- e.target = e.target || e.srcElement;
- e.currentTarget = node;
- handler.call(node, e);
- });
- };
- }();
- }
-
- var _default = on;
- exports.default = _default;
- module.exports = exports["default"];
-
- /***/ }),
- /* 71 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- /**
- * @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;
- }
- };
-
- exports['default'] = KeyCode;
- module.exports = exports['default'];
-
- /***/ }),
- /* 72 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _KeyCode = __webpack_require__(71);
-
- var _KeyCode2 = _interopRequireDefault(_KeyCode);
-
- var _reactLifecyclesCompat = __webpack_require__(20);
-
- var _moment = __webpack_require__(3);
-
- var _moment2 = _interopRequireDefault(_moment);
-
- var _util = __webpack_require__(26);
-
- 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 cachedSelectionStart = void 0;
- var cachedSelectionEnd = void 0;
- var dateInputInstance = void 0;
-
- var DateInput = function (_React$Component) {
- _inherits(DateInput, _React$Component);
-
- function DateInput(props) {
- _classCallCheck(this, DateInput);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var selectedValue = props.selectedValue;
-
- _this.state = {
- str: (0, _util.formatDate)(selectedValue, _this.props.format),
- invalid: false,
- hasFocus: false
- };
- return _this;
- }
-
- DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
- if (dateInputInstance && this.state.hasFocus && !this.state.invalid && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
- dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
- }
- };
-
- DateInput.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
- var newState = {};
-
- if (dateInputInstance) {
- cachedSelectionStart = dateInputInstance.selectionStart;
- cachedSelectionEnd = dateInputInstance.selectionEnd;
- }
- // when popup show, click body will call this, bug!
- var selectedValue = nextProps.selectedValue;
- if (!state.hasFocus) {
- newState = {
- str: (0, _util.formatDate)(selectedValue, nextProps.format),
- invalid: false
- };
- }
-
- return newState;
- };
-
- DateInput.getInstance = function getInstance() {
- return dateInputInstance;
- };
-
- DateInput.prototype.render = function render() {
- var props = this.props;
- var _state = this.state,
- invalid = _state.invalid,
- str = _state.str;
- var locale = props.locale,
- prefixCls = props.prefixCls,
- placeholder = props.placeholder,
- clearIcon = props.clearIcon;
-
- var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
- return _react2["default"].createElement(
- 'div',
- { className: prefixCls + '-input-wrap' },
- _react2["default"].createElement(
- 'div',
- { className: prefixCls + '-date-input-wrap' },
- _react2["default"].createElement('input', {
- ref: this.saveDateInput,
- className: prefixCls + '-input ' + invalidClass,
- value: str,
- disabled: props.disabled,
- placeholder: placeholder,
- onChange: this.onInputChange,
- onKeyDown: this.onKeyDown,
- onFocus: this.onFocus,
- onBlur: this.onBlur
- })
- ),
- props.showClear ? _react2["default"].createElement(
- 'a',
- {
- role: 'button',
- title: locale.clear,
- onClick: this.onClear
- },
- clearIcon || _react2["default"].createElement('span', { className: prefixCls + '-clear-btn uf uf-close-c' })
- ) : null
- );
- };
-
- return DateInput;
- }(_react2["default"].Component);
-
- DateInput.propTypes = {
- prefixCls: _propTypes2["default"].string,
- timePicker: _propTypes2["default"].object,
- value: _propTypes2["default"].object,
- disabledTime: _propTypes2["default"].any,
- format: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].arrayOf(_propTypes2["default"].string)]),
- locale: _propTypes2["default"].object,
- disabledDate: _propTypes2["default"].func,
- onChange: _propTypes2["default"].func,
- onClear: _propTypes2["default"].func,
- placeholder: _propTypes2["default"].string,
- onSelect: _propTypes2["default"].func,
- selectedValue: _propTypes2["default"].object,
- clearIcon: _propTypes2["default"].node
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onClear = function () {
- _this2.setState({
- str: ''
- });
- _this2.props.onClear(null);
- };
-
- this.onInputChange = function (event) {
- var str = event.target.value;
- var _props = _this2.props,
- disabledDate = _props.disabledDate,
- format = _props.format,
- onChange = _props.onChange,
- selectedValue = _props.selectedValue;
-
- // 没有内容,合法并直接退出
-
- if (!str) {
- onChange(null);
- _this2.setState({
- invalid: false,
- str: str
- });
- return;
- }
-
- // 不合法直接退出
- var parsed = (0, _moment2["default"])(str, format, true);
- if (!parsed.isValid()) {
- _this2.setState({
- invalid: true,
- str: str
- });
- return;
- }
-
- var value = _this2.props.value.clone();
- value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
-
- if (!value || disabledDate && disabledDate(value)) {
- _this2.setState({
- invalid: true,
- str: str
- });
- return;
- }
-
- if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
- _this2.setState({
- invalid: false,
- str: str
- });
- onChange(value);
- }
- };
-
- this.onFocus = function () {
- _this2.setState({ hasFocus: true });
- };
-
- this.onBlur = function () {
- _this2.setState(function (prevState, prevProps) {
- return {
- hasFocus: false,
- str: (0, _util.formatDate)(prevProps.value, prevProps.format)
- };
- });
- };
-
- this.onKeyDown = function (e) {
- var _props2 = _this2.props,
- onSelect = _props2.onSelect,
- value = _props2.value,
- onKeyDown = _props2.onKeyDown;
-
- if (e.keyCode === _KeyCode2["default"].ENTER && onSelect) {
- onSelect(value.clone());
- }
- onKeyDown && onKeyDown(e);
- };
-
- this.getRootDOMNode = function () {
- return _reactDom2["default"].findDOMNode(_this2);
- };
-
- this.focus = function () {
- if (dateInputInstance) {
- dateInputInstance.focus();
- }
- };
-
- this.saveDateInput = function (dateInput) {
- dateInputInstance = dateInput;
- };
- };
-
- (0, _reactLifecyclesCompat.polyfill)(DateInput);
-
- exports["default"] = DateInput;
- module.exports = exports['default'];
-
- /***/ }),
- /* 73 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactLifecyclesCompat = __webpack_require__(20);
-
- var _createChainedFunction = __webpack_require__(227);
-
- var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
-
- var _KeyCode = __webpack_require__(71);
-
- var _KeyCode2 = _interopRequireDefault(_KeyCode);
-
- var _placements = __webpack_require__(937);
-
- var _placements2 = _interopRequireDefault(_placements);
-
- var _rcTrigger = __webpack_require__(938);
-
- var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
-
- 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); }
-
- function noop() {}
-
- function refFn(field, component) {
- this[field] = component;
- }
-
- var Picker = function (_React$Component) {
- _inherits(Picker, _React$Component);
-
- function Picker(props) {
- _classCallCheck(this, Picker);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var open = void 0;
- if ('open' in props) {
- open = props.open;
- } else {
- open = props.defaultOpen;
- }
- var value = props.value || props.defaultValue;
- _this.saveCalendarRef = refFn.bind(_this, 'calendarInstance');
-
- _this.state = {
- open: open,
- value: value
- };
- return _this;
- }
-
- Picker.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
- if (!prevState.open && this.state.open) {
- // setTimeout is for making sure saveCalendarRef happen before focusCalendar
- this.focusTimeout = setTimeout(this.focusCalendar, 0, this);
- }
- };
-
- Picker.prototype.componentWillUnmount = function componentWillUnmount() {
- clearTimeout(this.focusTimeout);
- };
-
- Picker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
- var newState = {};
- var value = nextProps.value,
- open = nextProps.open;
-
- if ('value' in nextProps) {
- newState.value = value;
- }
- if (open !== undefined) {
- newState.open = open;
- }
- return newState;
- };
-
- Picker.prototype.render = function render() {
- var props = this.props;
- var prefixCls = props.prefixCls,
- placement = props.placement,
- style = props.style,
- getCalendarContainer = props.getCalendarContainer,
- align = props.align,
- animation = props.animation,
- disabled = props.disabled,
- dropdownClassName = props.dropdownClassName,
- transitionName = props.transitionName,
- children = props.children;
-
- var state = this.state;
- return _react2["default"].createElement(
- _rcTrigger2["default"],
- {
- popup: this.getCalendarElement(),
- popupAlign: align,
- builtinPlacements: _placements2["default"],
- popupPlacement: placement,
- action: disabled && !state.open ? [] : ['click'],
- destroyPopupOnHide: true,
- getPopupContainer: getCalendarContainer,
- popupStyle: style,
- popupAnimation: animation,
- popupTransitionName: transitionName,
- popupVisible: state.open,
- onPopupVisibleChange: this.onVisibleChange,
- prefixCls: prefixCls,
- popupClassName: dropdownClassName
- },
- _react2["default"].cloneElement(children(state, props), { onKeyDown: this.onKeyDown })
- );
- };
-
- return Picker;
- }(_react2["default"].Component);
-
- Picker.propTypes = {
- animation: _propTypes2["default"].oneOfType([_propTypes2["default"].func, _propTypes2["default"].string]),
- disabled: _propTypes2["default"].bool,
- transitionName: _propTypes2["default"].string,
- onChange: _propTypes2["default"].func,
- onOpenChange: _propTypes2["default"].func,
- children: _propTypes2["default"].func,
- getCalendarContainer: _propTypes2["default"].func,
- calendar: _propTypes2["default"].element,
- style: _propTypes2["default"].object,
- open: _propTypes2["default"].bool,
- defaultOpen: _propTypes2["default"].bool,
- prefixCls: _propTypes2["default"].string,
- placement: _propTypes2["default"].any,
- value: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].array]),
- defaultValue: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].array]),
- align: _propTypes2["default"].object
- };
- Picker.defaultProps = {
- prefixCls: 'rc-calendar-picker',
- style: {},
- align: {},
- placement: 'bottomLeft',
- defaultOpen: false,
- onChange: noop,
- onOpenChange: noop
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this2 = this;
-
- this.onCalendarKeyDown = function (event) {
- if (event.keyCode === _KeyCode2["default"].ESC) {
- event.stopPropagation();
- _this2.close(_this2.focus);
- }
- };
-
- this.onCalendarSelect = function (value) {
- var cause = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
- var props = _this2.props;
- if (!('value' in props)) {
- _this2.setState({
- value: value
- });
- }
- if (cause.source === 'keyboard' || cause.source === 'dateInputSelect' || !props.calendar.props.timePicker && cause.source !== 'dateInput' || cause.source === 'todayButton') {
- _this2.close(_this2.focus);
- }
- props.onChange(value);
- };
-
- this.onKeyDown = function (event) {
- if (!_this2.state.open && (event.keyCode === _KeyCode2["default"].DOWN || event.keyCode === _KeyCode2["default"].ENTER)) {
- _this2.open();
- event.preventDefault();
- }
- };
-
- this.onCalendarOk = function () {
- _this2.close(_this2.focus);
- };
-
- this.onCalendarClear = function () {
- _this2.close(_this2.focus);
- };
-
- this.onVisibleChange = function (open) {
- _this2.setOpen(open);
- };
-
- this.getCalendarElement = function () {
- var props = _this2.props;
- var state = _this2.state;
- var calendarProps = props.calendar.props;
- var value = state.value;
-
- var defaultValue = value;
- var extraProps = {
- ref: _this2.saveCalendarRef,
- defaultValue: defaultValue || calendarProps.defaultValue,
- selectedValue: value,
- onKeyDown: _this2.onCalendarKeyDown,
- onOk: (0, _createChainedFunction2["default"])(calendarProps.onOk, _this2.onCalendarOk),
- onSelect: (0, _createChainedFunction2["default"])(calendarProps.onSelect, _this2.onCalendarSelect),
- onClear: (0, _createChainedFunction2["default"])(calendarProps.onClear, _this2.onCalendarClear)
- };
-
- return _react2["default"].cloneElement(props.calendar, extraProps);
- };
-
- this.setOpen = function (open, callback) {
- var onOpenChange = _this2.props.onOpenChange;
-
- if (_this2.state.open !== open) {
- if (!('open' in _this2.props)) {
- _this2.setState({
- open: open
- }, callback);
- }
- onOpenChange(open);
- }
- };
-
- this.open = function (callback) {
- _this2.setOpen(true, callback);
- };
-
- this.close = function (callback) {
- _this2.setOpen(false, callback);
- };
-
- this.focus = function () {
- if (!_this2.state.open) {
- _reactDom2["default"].findDOMNode(_this2).focus();
- }
- };
-
- this.focusCalendar = function () {
- if (_this2.state.open && !!_this2.calendarInstance) {
- _this2.calendarInstance.focus();
- }
- };
- };
-
- (0, _reactLifecyclesCompat.polyfill)(Picker);
-
- exports["default"] = Picker;
- module.exports = exports['default'];
-
- /***/ }),
- /* 74 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _FormControl = __webpack_require__(941);
-
- var _FormControl2 = _interopRequireDefault(_FormControl);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _FormControl2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 75 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- module.exports = __webpack_require__(946);
-
- /***/ }),
- /* 76 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = {
- today: '今天',
- now: '此刻',
- backToToday: '返回今天',
- ok: '确定',
- timeSelect: '选择时间',
- dateSelect: '选择日期',
- weekSelect: '选择周',
- clear: '清除',
- month: '月',
- year: '年',
- previousMonth: '上个月 (翻页上键)',
- nextMonth: '下个月 (翻页下键)',
- monthSelect: '选择月份',
- yearSelect: '选择年份',
- decadeSelect: '选择年代',
- yearFormat: 'YYYY年',
- dayFormat: 'D日',
- dateFormat: 'YYYY年M月D日',
- dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
- previousYear: '上一年 (Control键加左方向键)',
- nextYear: '下一年 (Control键加右方向键)',
- previousDecade: '上一年代',
- nextDecade: '下一年代',
- previousCentury: '上一世纪',
- nextCentury: '下一世纪',
- lastWeek: '上一周',
- nowWeek: '本周',
- nextWeek: '下一周'
- };
- module.exports = exports['default'];
-
- /***/ }),
- /* 77 */
- /***/ (function(module, exports) {
-
- module.exports = true;
-
-
- /***/ }),
- /* 78 */
- /***/ (function(module, exports) {
-
- var id = 0;
- var px = Math.random();
- module.exports = function (key) {
- return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
- };
-
-
- /***/ }),
- /* 79 */
- /***/ (function(module, exports) {
-
- exports.f = {}.propertyIsEnumerable;
-
-
- /***/ }),
- /* 80 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 7.1.13 ToObject(argument)
- var defined = __webpack_require__(98);
- module.exports = function (it) {
- return Object(defined(it));
- };
-
-
- /***/ }),
- /* 81 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var freeGlobal = __webpack_require__(529);
-
- /** Detect free variable `self`. */
- var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
- /** Used as a reference to the global object. */
- var root = freeGlobal || freeSelf || Function('return this')();
-
- module.exports = root;
-
-
- /***/ }),
- /* 82 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var getNative = __webpack_require__(111);
-
- /* Built-in method references that are verified to be native. */
- var nativeCreate = getNative(Object, 'create');
-
- module.exports = nativeCreate;
-
-
- /***/ }),
- /* 83 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var eq = __webpack_require__(113);
-
- /**
- * Gets the index at which the `key` is found in `array` of key-value pairs.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} key The key to search for.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
- function assocIndexOf(array, key) {
- var length = array.length;
- while (length--) {
- if (eq(array[length][0], key)) {
- return length;
- }
- }
- return -1;
- }
-
- module.exports = assocIndexOf;
-
-
- /***/ }),
- /* 84 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var isKeyable = __webpack_require__(558);
-
- /**
- * Gets the data for `map`.
- *
- * @private
- * @param {Object} map The map to query.
- * @param {string} key The reference key.
- * @returns {*} Returns the map data.
- */
- function getMapData(map, key) {
- var data = map.__data__;
- return isKeyable(key)
- ? data[typeof key == 'string' ? 'string' : 'hash']
- : data.map;
- }
-
- module.exports = getMapData;
-
-
- /***/ }),
- /* 85 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _InputGroupAddon = __webpack_require__(583);
-
- var _InputGroupAddon2 = _interopRequireDefault(_InputGroupAddon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _InputGroupAddon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 86 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = getWindow;
-
- function getWindow(node) {
- return node === node.window ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false;
- }
-
- module.exports = exports["default"];
-
- /***/ }),
- /* 87 */
- /***/ (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__(70);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _off = __webpack_require__(700);
-
- var _off2 = _interopRequireDefault(_off);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 88 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Notification = __webpack_require__(717);
-
- var _Notification2 = _interopRequireDefault(_Notification);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Notification2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 89 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = isOverflowing;
-
- var _isWindow = __webpack_require__(86);
-
- var _isWindow2 = _interopRequireDefault(_isWindow);
-
- var _ownerDocument = __webpack_require__(54);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function isBody(node) {
- return node && node.tagName.toLowerCase() === 'body';
- }
-
- function bodyIsOverflowing(node) {
- var doc = (0, _ownerDocument2["default"])(node);
- var win = (0, _isWindow2["default"])(doc);
- var fullWidth = win.innerWidth;
-
- // Support: ie8, no innerWidth
- if (!fullWidth) {
- var documentElementRect = doc.documentElement.getBoundingClientRect();
- fullWidth = documentElementRect.right - Math.abs(documentElementRect.left);
- }
-
- return doc.body.clientWidth < fullWidth;
- }
-
- function isOverflowing(container) {
- var win = (0, _isWindow2["default"])(container);
-
- return win || isBody(container) ? bodyIsOverflowing(container) : container.scrollHeight > container.clientHeight;
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 90 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
- // turn {x: {val: 1, stiffness: 1, damping: 2}, y: 2} generated by
- // `{x: spring(1, {stiffness: 1, damping: 2}), y: 2}` into {x: 1, y: 2}
-
-
-
- exports.__esModule = true;
- exports['default'] = stripStyle;
-
- function stripStyle(style) {
- var ret = {};
- for (var key in style) {
- if (!Object.prototype.hasOwnProperty.call(style, key)) {
- continue;
- }
- ret[key] = typeof style[key] === 'number' ? style[key] : style[key].val;
- }
- return ret;
- }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 91 */
- /***/ (function(module, exports, __webpack_require__) {
-
- //! moment.js locale configuration
-
- ;(function (global, factory) {
- true ? factory(__webpack_require__(3)) :
- typeof define === 'function' && define.amd ? define(['../moment'], factory) :
- factory(global.moment)
- }(this, (function (moment) { 'use strict';
-
-
- var zhCn = moment.defineLocale('zh-cn', {
- months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
- monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
- weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
- weekdaysShort : '周日_周一_周二_周三_周四_周五_周六'.split('_'),
- weekdaysMin : '日_一_二_三_四_五_六'.split('_'),
- longDateFormat : {
- LT : 'HH:mm',
- LTS : 'HH:mm:ss',
- L : 'YYYY/MM/DD',
- LL : 'YYYY年M月D日',
- LLL : 'YYYY年M月D日Ah点mm分',
- LLLL : 'YYYY年M月D日ddddAh点mm分',
- l : 'YYYY/M/D',
- ll : 'YYYY年M月D日',
- lll : 'YYYY年M月D日 HH:mm',
- llll : 'YYYY年M月D日dddd HH:mm'
- },
- meridiemParse: /凌晨|早上|上午|中午|下午|晚上/,
- meridiemHour: function (hour, meridiem) {
- if (hour === 12) {
- hour = 0;
- }
- if (meridiem === '凌晨' || meridiem === '早上' ||
- meridiem === '上午') {
- return hour;
- } else if (meridiem === '下午' || meridiem === '晚上') {
- return hour + 12;
- } else {
- // '中午'
- return hour >= 11 ? hour : hour + 12;
- }
- },
- meridiem : function (hour, minute, isLower) {
- var hm = hour * 100 + minute;
- if (hm < 600) {
- return '凌晨';
- } else if (hm < 900) {
- return '早上';
- } else if (hm < 1130) {
- return '上午';
- } else if (hm < 1230) {
- return '中午';
- } else if (hm < 1800) {
- return '下午';
- } else {
- return '晚上';
- }
- },
- calendar : {
- sameDay : '[今天]LT',
- nextDay : '[明天]LT',
- nextWeek : '[下]ddddLT',
- lastDay : '[昨天]LT',
- lastWeek : '[上]ddddLT',
- sameElse : 'L'
- },
- dayOfMonthOrdinalParse: /\d{1,2}(日|月|周)/,
- ordinal : function (number, period) {
- switch (period) {
- case 'd':
- case 'D':
- case 'DDD':
- return number + '日';
- case 'M':
- return number + '月';
- case 'w':
- case 'W':
- return number + '周';
- default:
- return number;
- }
- },
- relativeTime : {
- future : '%s内',
- past : '%s前',
- s : '几秒',
- ss : '%d 秒',
- m : '1 分钟',
- mm : '%d 分钟',
- h : '1 小时',
- hh : '%d 小时',
- d : '1 天',
- dd : '%d 天',
- M : '1 个月',
- MM : '%d 个月',
- y : '1 年',
- yy : '%d 年'
- },
- week : {
- // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
- dow : 1, // Monday is the first day of the week.
- doy : 4 // The week that contains Jan 4th is the first week of the year.
- }
- });
-
- return zhCn;
-
- })));
-
-
- /***/ }),
- /* 92 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(983);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 93 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(1109);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 94 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
-
- var _defineProperty = __webpack_require__(157);
-
- var _defineProperty2 = _interopRequireDefault(_defineProperty);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function (obj, key, value) {
- if (key in obj) {
- (0, _defineProperty2.default)(obj, key, {
- value: value,
- enumerable: true,
- configurable: true,
- writable: true
- });
- } else {
- obj[key] = value;
- }
-
- return obj;
- };
-
- /***/ }),
- /* 95 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // optional / simple context binding
- var aFunction = __webpack_require__(462);
- module.exports = function (fn, that, length) {
- aFunction(fn);
- if (that === undefined) return fn;
- switch (length) {
- case 1: return function (a) {
- return fn.call(that, a);
- };
- case 2: return function (a, b) {
- return fn.call(that, a, b);
- };
- case 3: return function (a, b, c) {
- return fn.call(that, a, b, c);
- };
- }
- return function (/* ...args */) {
- return fn.apply(that, arguments);
- };
- };
-
-
- /***/ }),
- /* 96 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 7.1.1 ToPrimitive(input [, PreferredType])
- var isObject = __webpack_require__(40);
- // 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) {
- if (!isObject(it)) return it;
- var fn, val;
- if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
- if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
- if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
- throw TypeError("Can't convert object to primitive value");
- };
-
-
- /***/ }),
- /* 97 */
- /***/ (function(module, exports) {
-
- var toString = {}.toString;
-
- module.exports = function (it) {
- return toString.call(it).slice(8, -1);
- };
-
-
- /***/ }),
- /* 98 */
- /***/ (function(module, exports) {
-
- // 7.2.1 RequireObjectCoercible(argument)
- module.exports = function (it) {
- if (it == undefined) throw TypeError("Can't call method on " + it);
- return it;
- };
-
-
- /***/ }),
- /* 99 */
- /***/ (function(module, exports) {
-
- // 7.1.4 ToInteger
- var ceil = Math.ceil;
- var floor = Math.floor;
- module.exports = function (it) {
- return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
- };
-
-
- /***/ }),
- /* 100 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var shared = __webpack_require__(101)('keys');
- var uid = __webpack_require__(78);
- module.exports = function (key) {
- return shared[key] || (shared[key] = uid(key));
- };
-
-
- /***/ }),
- /* 101 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var core = __webpack_require__(16);
- var global = __webpack_require__(22);
- var SHARED = '__core-js_shared__';
- var store = global[SHARED] || (global[SHARED] = {});
-
- (module.exports = function (key, value) {
- return store[key] || (store[key] = value !== undefined ? value : {});
- })('versions', []).push({
- version: core.version,
- mode: __webpack_require__(77) ? 'pure' : 'global',
- copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
- });
-
-
- /***/ }),
- /* 102 */
- /***/ (function(module, exports) {
-
- // IE 8- don't enum bug keys
- module.exports = (
- 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
- ).split(',');
-
-
- /***/ }),
- /* 103 */
- /***/ (function(module, exports) {
-
- exports.f = Object.getOwnPropertySymbols;
-
-
- /***/ }),
- /* 104 */
- /***/ (function(module, exports, __webpack_require__) {
-
- // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- var anObject = __webpack_require__(39);
- var dPs = __webpack_require__(473);
- var enumBugKeys = __webpack_require__(102);
- var IE_PROTO = __webpack_require__(100)('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__(159)('iframe');
- var i = enumBugKeys.length;
- var lt = '<';
- var gt = '>';
- var iframeDocument;
- iframe.style.display = 'none';
- __webpack_require__(474).appendChild(iframe);
- iframe.src = 'javascript:'; // eslint-disable-line no-script-url
- // createDict = iframe.contentWindow.Object;
- // html.removeChild(iframe);
- iframeDocument = iframe.contentWindow.document;
- iframeDocument.open();
- iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
- iframeDocument.close();
- createDict = iframeDocument.F;
- while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
- return createDict();
- };
-
- module.exports = Object.create || function create(O, Properties) {
- var result;
- if (O !== null) {
- Empty[PROTOTYPE] = anObject(O);
- result = new Empty();
- Empty[PROTOTYPE] = null;
- // add "__proto__" for Object.getPrototypeOf polyfill
- result[IE_PROTO] = O;
- } else result = createDict();
- return Properties === undefined ? result : dPs(result, Properties);
- };
-
-
- /***/ }),
- /* 105 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var def = __webpack_require__(23).f;
- var has = __webpack_require__(28);
- var TAG = __webpack_require__(19)('toStringTag');
-
- module.exports = function (it, tag, stat) {
- if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
- };
-
-
- /***/ }),
- /* 106 */
- /***/ (function(module, exports, __webpack_require__) {
-
- exports.f = __webpack_require__(19);
-
-
- /***/ }),
- /* 107 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var global = __webpack_require__(22);
- var core = __webpack_require__(16);
- var LIBRARY = __webpack_require__(77);
- var wksExt = __webpack_require__(106);
- var defineProperty = __webpack_require__(23).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) });
- };
-
-
- /***/ }),
- /* 108 */
- /***/ (function(module, exports) {
-
- /**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
- var isArray = Array.isArray;
-
- module.exports = isArray;
-
-
- /***/ }),
- /* 109 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var baseGetTag = __webpack_require__(172),
- isObjectLike = __webpack_require__(532);
-
- /** `Object#toString` result references. */
- var symbolTag = '[object Symbol]';
-
- /**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
- function isSymbol(value) {
- return typeof value == 'symbol' ||
- (isObjectLike(value) && baseGetTag(value) == symbolTag);
- }
-
- module.exports = isSymbol;
-
-
- /***/ }),
- /* 110 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var root = __webpack_require__(81);
-
- /** Built-in value references. */
- var Symbol = root.Symbol;
-
- module.exports = Symbol;
-
-
- /***/ }),
- /* 111 */
- /***/ (function(module, exports, __webpack_require__) {
-
- var baseIsNative = __webpack_require__(540),
- getValue = __webpack_require__(545);
-
- /**
- * Gets the native function at `key` of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {string} key The key of the method to get.
- * @returns {*} Returns the function if it's native, else `undefined`.
- */
- function getNative(object, key) {
- var value = getValue(object, key);
- return baseIsNative(value) ? value : undefined;
- }
-
- module.exports = getNative;
-
-
- /***/ }),
- /* 112 */
- /***/ (function(module, exports) {
-
- /**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
- function isObject(value) {
- var type = typeof value;
- return value != null && (type == 'object' || type == 'function');
- }
-
- module.exports = isObject;
-
-
- /***/ }),
- /* 113 */
- /***/ (function(module, exports) {
-
- /**
- * Performs a
- * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * comparison between two values to determine if they are equivalent.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to compare.
- * @param {*} other The other value to compare.
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
- * @example
- *
- * var object = { 'a': 1 };
- * var other = { 'a': 1 };
- *
- * _.eq(object, object);
- * // => true
- *
- * _.eq(object, other);
- * // => false
- *
- * _.eq('a', 'a');
- * // => true
- *
- * _.eq('a', Object('a'));
- * // => false
- *
- * _.eq(NaN, NaN);
- * // => true
- */
- function eq(value, other) {
- return value === other || (value !== value && other !== other);
- }
-
- module.exports = eq;
-
-
- /***/ }),
- /* 114 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
- /* WEBPACK VAR INJECTION */(function(process) {
-
- if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(571);
- } else {
- module.exports = __webpack_require__(572);
- }
-
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
-
- /***/ }),
- /* 115 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Select = __webpack_require__(604);
-
- var _Select2 = _interopRequireDefault(_Select);
-
- var _Option = __webpack_require__(122);
-
- var _Option2 = _interopRequireDefault(_Option);
-
- var _PropTypes = __webpack_require__(207);
-
- var _OptGroup = __webpack_require__(208);
-
- var _OptGroup2 = _interopRequireDefault(_OptGroup);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- _Select2["default"].Option = _Option2["default"];
- _Select2["default"].OptGroup = _OptGroup2["default"];
- exports["default"] = _Select2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 116 */
- /***/ (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;
- }
-
- /***/ }),
- /* 117 */
- /***/ (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];
- }
-
- /***/ }),
- /* 118 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
- exports.default = addEventListenerWrap;
-
- var _addDomEventListener = __webpack_require__(119);
-
- var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
-
- var _reactDom = __webpack_require__(4);
-
- 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);
- }
-
- /***/ }),
- /* 119 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, '__esModule', {
- value: true
- });
- exports['default'] = addEventListener;
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
- var _EventObject = __webpack_require__(609);
-
- var _EventObject2 = _interopRequireDefault(_EventObject);
-
- function addEventListener(target, eventType, callback, option) {
- function wrapCallback(e) {
- var ne = new _EventObject2['default'](e);
- callback.call(target, ne);
- }
-
- if (target.addEventListener) {
- var _ret = (function () {
- var useCapture = false;
- if (typeof option === 'object') {
- useCapture = option.capture || false;
- } else if (typeof option === 'boolean') {
- useCapture = option;
- }
-
- target.addEventListener(eventType, wrapCallback, option || false);
-
- return {
- v: {
- remove: function remove() {
- target.removeEventListener(eventType, wrapCallback, useCapture);
- }
- }
- };
- })();
-
- if (typeof _ret === 'object') return _ret.v;
- } else if (target.attachEvent) {
- target.attachEvent('on' + eventType, wrapCallback);
- return {
- remove: function remove() {
- target.detachEvent('on' + eventType, wrapCallback);
- }
- };
- }
- }
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 120 */
- /***/ (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;
- }());
- })();
-
- /**
- * 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')();
- })();
-
- /**
- * 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;
- }
-
- // 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;
- });
-
- /**
- * 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 };
- }
-
- /**
- * 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 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);
- };
- });
-
- 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);
-
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(24)))
-
- /***/ }),
- /* 121 */
- /***/ (function(module, exports) {
-
- // mutationobserver-shim v0.3.2 (github.com/megawac/MutationObserver.js)
- // Authors: Graeme Yeates (github.com/megawac)
- window.MutationObserver=window.MutationObserver||function(w){function v(a){this.i=[];this.m=a}function I(a){(function c(){var d=a.takeRecords();d.length&&a.m(d,a);a.h=setTimeout(c,v._period)})()}function p(a){var b={type:null,target:null,addedNodes:[],removedNodes:[],previousSibling:null,nextSibling:null,attributeName:null,attributeNamespace:null,oldValue:null},c;for(c in a)b[c]!==w&&a[c]!==w&&(b[c]=a[c]);return b}function J(a,b){var c=C(a,b);return function(d){var f=d.length,n;b.a&&3===a.nodeType&&
- a.nodeValue!==c.a&&d.push(new p({type:"characterData",target:a,oldValue:c.a}));b.b&&c.b&&A(d,a,c.b,b.f);if(b.c||b.g)n=K(d,a,c,b);if(n||d.length!==f)c=C(a,b)}}function L(a,b){return b.value}function M(a,b){return"style"!==b.name?b.value:a.style.cssText}function A(a,b,c,d){for(var f={},n=b.attributes,k,g,x=n.length;x--;)k=n[x],g=k.name,d&&d[g]===w||(D(b,k)!==c[g]&&a.push(p({type:"attributes",target:b,attributeName:g,oldValue:c[g],attributeNamespace:k.namespaceURI})),f[g]=!0);for(g in c)f[g]||a.push(p({target:b,
- type:"attributes",attributeName:g,oldValue:c[g]}))}function K(a,b,c,d){function f(b,c,f,k,y){var g=b.length-1;y=-~((g-y)/2);for(var h,l,e;e=b.pop();)h=f[e.j],l=k[e.l],d.c&&y&&Math.abs(e.j-e.l)>=g&&(a.push(p({type:"childList",target:c,addedNodes:[h],removedNodes:[h],nextSibling:h.nextSibling,previousSibling:h.previousSibling})),y--),d.b&&l.b&&A(a,h,l.b,d.f),d.a&&3===h.nodeType&&h.nodeValue!==l.a&&a.push(p({type:"characterData",target:h,oldValue:l.a})),d.g&&n(h,l)}function n(b,c){for(var g=b.childNodes,
- q=c.c,x=g.length,v=q?q.length:0,h,l,e,m,t,z=0,u=0,r=0;u 0) {
- return true;
- }
- }
- return false;
- }
-
- function splitBySeparators(string, separators) {
- var reg = new RegExp('[' + separators.join() + ']');
- return string.split(reg).filter(function (token) {
- return token;
- });
- }
-
- function defaultFilterFn(input, child) {
- if (child.props.disabled) {
- return false;
- }
- var value = toArray(getPropValue(child, this.props.optionFilterProp)).join('');
- return value.toLowerCase().indexOf(input.toLowerCase()) > -1;
- }
-
- function validateOptionValue(value, props) {
- if (isSingleMode(props) || isMultiple(props)) {
- return;
- }
- if (typeof value !== 'string') {
- throw new Error('Invalid `value` of type `' + (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '` supplied to Option, ' + 'expected `string` when `tags/combobox` is `true`.');
- }
- }
-
- function saveRef(instance, name) {
- return function (node) {
- instance[name] = node;
- };
- }
-
- /***/ }),
- /* 124 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- module.exports = __webpack_require__(653);
-
- /***/ }),
- /* 125 */
- /***/ (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 _contains = __webpack_require__(51);
-
- var _contains2 = _interopRequireDefault(_contains);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _warning = __webpack_require__(18);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- var _Portal = __webpack_require__(52);
-
- var _Portal2 = _interopRequireDefault(_Portal);
-
- var _Overlay = __webpack_require__(127);
-
- var _Overlay2 = _interopRequireDefault(_Overlay);
-
- var _createChainedFunction = __webpack_require__(704);
-
- var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
-
- 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 isReact16 = _reactDom2["default"].createPortal !== undefined;
- var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
-
- /**
- * 检查值是属于这个值,还是等于这个值
- *
- * @param {string} one
- * @param {string|array} of
- * @returns {boolean}
- */
- function isOneOf(one, of) {
- if (Array.isArray(of)) {
- return of.indexOf(one) >= 0;
- }
- return one === of;
- }
-
- var triggerType = _propTypes2["default"].oneOf(['click', 'hover', 'focus']);
-
- var propTypes = _extends({}, _Portal2["default"].propTypes, _Overlay2["default"].propTypes, {
-
- /**
- * 指定哪些操作或操作触发叠加层可见性
- */
- trigger: _propTypes2["default"].oneOfType([triggerType, _propTypes2["default"].arrayOf(triggerType)]),
-
- /**
- * 显示和隐藏覆盖一旦触发的毫秒延迟量
- */
- delay: _propTypes2["default"].number,
- /**
- * 触发后显示叠加层之前的延迟毫秒
- */
- delayShow: _propTypes2["default"].number,
- /**
- * 触发后隐藏叠加层的延迟毫秒
- */
- delayHide: _propTypes2["default"].number,
-
- // FIXME: This should be `defaultShow`.
- /**
- * 覆盖的初始可见性状态。对于更细微的可见性控制,请考虑直接使用覆盖组件。
- */
- defaultOverlayShown: _propTypes2["default"].bool,
- visible: _propTypes2["default"].bool,
-
- /**
- * 要覆盖在目标旁边的元素或文本。
- */
- overlay: _propTypes2["default"].node.isRequired,
-
- /**
- * @private
- */
- onBlur: _propTypes2["default"].func,
- /**
- * @private
- */
- onClick: _propTypes2["default"].func,
- /**
- * @private
- */
- onFocus: _propTypes2["default"].func,
- /**
- * @private
- */
- onMouseOut: _propTypes2["default"].func,
- /**
- * @private
- */
- onMouseOver: _propTypes2["default"].func,
-
- // Overridden props from ``.
- /**
- * @private
- */
- target: _propTypes2["default"].oneOf([null]),
- /**
- * @private
- */
- onHide: _propTypes2["default"].oneOf([null]),
- /**
- * @private
- */
- show: _propTypes2["default"].oneOf([null])
- });
-
- var defaultProps = {
- defaultOverlayShown: false,
- trigger: ['hover', 'focus']
- };
-
- var OverlayTrigger = function (_Component) {
- _inherits(OverlayTrigger, _Component);
-
- function OverlayTrigger(props, context) {
- _classCallCheck(this, OverlayTrigger);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- _this.handleToggle = _this.handleToggle.bind(_this);
- _this.handleDelayedShow = _this.handleDelayedShow.bind(_this);
- _this.handleDelayedHide = _this.handleDelayedHide.bind(_this);
- _this.handleHide = _this.handleHide.bind(_this);
- _this.makeOverlay = _this.makeOverlay.bind(_this);
-
- _this.handleMouseOver = function (e) {
- return _this.handleMouseOverOut(_this.handleDelayedShow, e);
- };
- _this.handleMouseOut = function (e) {
- return _this.handleMouseOverOut(_this.handleDelayedHide, e);
- };
-
- _this._mountNode = null;
-
- var visible = void 0;
- if ('visible' in props) {
- visible = !!props.visible;
- } else {
- visible = !!props.defaultOverlayShown;
- }
-
- _this.state = {
- show: visible
- };
- return _this;
- }
-
- OverlayTrigger.prototype.componentDidMount = function componentDidMount() {
- this._mountNode = document.createElement('div');
- !isReact16 && this.renderOverlay();
- };
-
- OverlayTrigger.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- !isReact16 && this.renderOverlay();
- if ('visible' in this.props && prevProps.visible !== this.props.visible) {
- this.setState({
- show: this.props.visible
- });
- }
- if ('isHoverShow' in this.props && prevProps.isHoverShow !== this.props.isHoverShow) {
- this.setState({
- show: this.props.isHoverShow
- });
- }
- };
-
- OverlayTrigger.prototype.componentWillUnmount = function componentWillUnmount() {
- !isReact16 && _reactDom2["default"].unmountComponentAtNode(this._mountNode);
- this._mountNode = null;
- // 加判断去掉 clearTimeout
- this._hoverShowDelay && clearTimeout(this._hoverShowDelay);
- this._hoverShowDelay && clearTimeout(this._hoverHideDelay);
- };
-
- OverlayTrigger.prototype.handleToggle = function handleToggle() {
- if (this.state.show) {
- this.hide();
- } else {
- this.show();
- }
- };
-
- OverlayTrigger.prototype.handleDelayedShow = function handleDelayedShow() {
- var _this2 = this;
-
- if (this._hoverHideDelay != null) {
- clearTimeout(this._hoverHideDelay);
- this._hoverHideDelay = null;
- return;
- }
-
- if (this.state.show || this._hoverShowDelay != null) {
- return;
- }
-
- var delay = this.props.delayShow != null ? this.props.delayShow : this.props.delay;
-
- if (!delay) {
- this.show();
- return;
- }
-
- this._hoverShowDelay = setTimeout(function () {
- _this2._hoverShowDelay = null;
- _this2.show();
- }, delay);
- };
-
- OverlayTrigger.prototype.handleDelayedHide = function handleDelayedHide() {
- var _this3 = this;
-
- if (this._hoverShowDelay != null) {
- clearTimeout(this._hoverShowDelay);
- this._hoverShowDelay = null;
- return;
- }
-
- if (!this.state.show || this._hoverHideDelay != null) {
- return;
- }
-
- var delay = this.props.delayHide != null ? this.props.delayHide : this.props.delay;
-
- if (!delay) {
- this.hide();
- return;
- }
-
- this._hoverHideDelay = setTimeout(function () {
- _this3._hoverHideDelay = null;
- _this3.hide();
- }, delay);
- };
-
- // 简单实现mouseEnter和mouseLeave。
- // React的内置版本是有问题的:https://github.com/facebook/react/issues/4251
- //在触发器被禁用的情况下,mouseOut / Over可能导致闪烁
- //从一个子元素移动到另一个子元素。
-
-
- OverlayTrigger.prototype.handleMouseOverOut = function handleMouseOverOut(handler, e) {
- var target = e.currentTarget;
- var related = e.relatedTarget || e.nativeEvent.toElement;
-
- if (!related || related !== target && !(0, _contains2["default"])(target, related)) {
- handler(e);
- }
- };
-
- OverlayTrigger.prototype.handleHide = function handleHide() {
- this.hide();
- };
-
- OverlayTrigger.prototype.show = function show() {
- this.setState({ show: true });
- };
-
- OverlayTrigger.prototype.hide = function hide() {
- this.setState({ show: false });
- };
-
- OverlayTrigger.prototype.makeOverlay = function makeOverlay(overlay, props) {
- return _react2["default"].createElement(
- _Overlay2["default"],
- _extends({}, props, {
- show: this.state.show,
- onHide: this.handleHide,
- target: this
- }),
- overlay
- );
- };
-
- OverlayTrigger.prototype.renderOverlay = function renderOverlay() {
- _reactDom2["default"].unstable_renderSubtreeIntoContainer(this, this._overlay, this._mountNode);
- };
-
- OverlayTrigger.prototype.render = function render() {
- var _props = this.props,
- trigger = _props.trigger,
- overlay = _props.overlay,
- children = _props.children,
- onBlur = _props.onBlur,
- onClick = _props.onClick,
- onFocus = _props.onFocus,
- onMouseOut = _props.onMouseOut,
- onMouseOver = _props.onMouseOver,
- props = _objectWithoutProperties(_props, ['trigger', 'overlay', 'children', 'onBlur', 'onClick', 'onFocus', 'onMouseOut', 'onMouseOver']);
-
- delete props.delay;
- delete props.delayShow;
- delete props.delayHide;
- delete props.defaultOverlayShown;
-
- var child = _react2["default"].Children.only(children);
- var childProps = child.props;
-
- var triggerProps = {
- 'aria-describedby': overlay.props.id
- };
-
- // FIXME: 这里用于传递这个组件上的处理程序的逻辑是不一致的。我们不应该通过任何这些道具。
-
- triggerProps.onClick = (0, _createChainedFunction2["default"])(childProps.onClick, onClick);
-
- if (isOneOf('click', trigger) && !('visible' in this.props)) {
- triggerProps.onClick = (0, _createChainedFunction2["default"])(triggerProps.onClick, this.handleToggle);
- }
-
- 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.');
-
- triggerProps.onMouseOver = (0, _createChainedFunction2["default"])(childProps.onMouseOver, onMouseOver, this.handleMouseOver);
- triggerProps.onMouseOut = (0, _createChainedFunction2["default"])(childProps.onMouseOut, onMouseOut, this.handleMouseOut);
- }
-
- if (isOneOf('focus', trigger) && !('visible' in this.props)) {
- triggerProps.onFocus = (0, _createChainedFunction2["default"])(childProps.onFocus, onFocus, this.handleDelayedShow);
- triggerProps.onBlur = (0, _createChainedFunction2["default"])(childProps.onBlur, onBlur, this.handleDelayedHide);
- }
-
- this._overlay = this.makeOverlay(overlay, props);
-
- if (!isReact16) {
- return (0, _react.cloneElement)(child, triggerProps);
- }
- triggerProps.key = 'overlay';
-
- var portal = _react2["default"].createElement(
- _Portal2["default"],
- {
- key: 'portal',
- container: props.container },
- this._overlay
- );
-
- return [(0, _react.cloneElement)(child, triggerProps), portal];
- };
-
- return OverlayTrigger;
- }(_react.Component);
-
- OverlayTrigger.propTypes = propTypes;
- OverlayTrigger.defaultProps = defaultProps;
-
- exports["default"] = OverlayTrigger;
- module.exports = exports['default'];
-
- /***/ }),
- /* 126 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = getContainer;
-
- var _reactDom = __webpack_require__(4);
-
- 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'];
-
- /***/ }),
- /* 127 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _BaseOverlay = __webpack_require__(684);
-
- var _BaseOverlay2 = _interopRequireDefault(_BaseOverlay);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- var _Fade = __webpack_require__(702);
-
- var _Fade2 = _interopRequireDefault(_Fade);
-
- 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 = _extends({}, _BaseOverlay2["default"].propTypes, {
-
- /**
- * 是否显示
- */
- show: _propTypes2["default"].bool,
- /**
- * 是
- */
- rootClose: _propTypes2["default"].bool,
- /**
- * 当点击rootClose触发close时的回调函数
- */
- onHide: _propTypes2["default"].func,
-
- /**
- * 使用动画
- */
- animation: _propTypes2["default"].oneOfType([_tinperBeeCore.elementType, _propTypes2["default"].func]),
-
- /**
- * Callback fired before the Overlay transitions in
- */
- onEnter: _propTypes2["default"].func,
-
- /**
- * Callback fired as the Overlay begins to transition in
- */
- onEntering: _propTypes2["default"].func,
-
- /**
- * Callback fired after the Overlay finishes transitioning in
- */
- onEntered: _propTypes2["default"].func,
-
- /**
- * Callback fired right before the Overlay transitions out
- */
- onExit: _propTypes2["default"].func,
-
- /**
- * Callback fired as the Overlay begins to transition out
- */
- onExiting: _propTypes2["default"].func,
-
- /**
- * Callback fired after the Overlay finishes transitioning out
- */
- onExited: _propTypes2["default"].func,
-
- /**
- * Sets the direction of the Overlay.
- */
- placement: _propTypes2["default"].oneOf(['top', 'right', 'bottom', 'left']),
-
- /**
- * 当Overlay在placement方向放不下时的第二优先级方向
- */
- secondPlacement: _propTypes2["default"].oneOf(['top', 'right', 'bottom', 'left'])
- });
-
- var defaultProps = {
- animation: _Fade2["default"],
- rootClose: false,
- show: false,
- placement: 'right'
- };
-
- var Overlay = function (_Component) {
- _inherits(Overlay, _Component);
-
- function Overlay() {
- _classCallCheck(this, Overlay);
-
- return _possibleConstructorReturn(this, _Component.apply(this, arguments));
- }
-
- Overlay.prototype.render = function render() {
- var _props = this.props,
- animation = _props.animation,
- children = _props.children,
- props = _objectWithoutProperties(_props, ['animation', 'children']);
-
- var transition = animation === true ? _Fade2["default"] : animation || null;
-
- var child = void 0;
-
- if (!transition) {
- child = (0, _react.cloneElement)(children, {
- className: (0, _classnames2["default"])(children.props.className, 'in')
- });
- } else {
- child = children;
- }
-
- return _react2["default"].createElement(
- _BaseOverlay2["default"],
- _extends({}, props, {
- transition: transition
- }),
- child
- );
- };
-
- return Overlay;
- }(_react.Component);
-
- Overlay.propTypes = propTypes;
- Overlay.defaultProps = defaultProps;
-
- exports["default"] = Overlay;
- module.exports = exports['default'];
-
- /***/ }),
- /* 128 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = 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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(69);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(70);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(55);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- 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 transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示,挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间,防止出现问题,可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时,exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他,当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 129 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = 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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(69);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(70);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- 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 transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示,挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间,防止出现问题,可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时,exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他,当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 130 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = 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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _properties = __webpack_require__(69);
-
- var _properties2 = _interopRequireDefault(_properties);
-
- var _on = __webpack_require__(70);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- 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 transitionEndEvent = _properties2["default"].end;
-
- //设置状态码
- var UNMOUNTED = exports.UNMOUNTED = 0;
- var EXITED = exports.EXITED = 1;
- var ENTERING = exports.ENTERING = 2;
- var ENTERED = exports.ENTERED = 3;
- var EXITING = exports.EXITING = 4;
-
- var propTypes = {
- /**
- * 是否触发动画
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * 不显示的时候是否移除组件
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * 如果设置为默认显示,挂载时显示动画
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * 设置超时时间,防止出现问题,可设置为>=动画时间
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * 退出组件时添加的class
- */
- exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
- */
- exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
- */
- enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
- */
- enteringClassName: _propTypes2["default"].string,
-
- /**
- * 进入动画开始时的钩子函数
- */
- onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
- */
- onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
- */
- onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
- */
- onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
- */
- onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
- */
- onExited: _propTypes2["default"].func
- };
-
- function noop() {}
-
- var defaultProps = {
- "in": false,
- unmountOnExit: false,
- transitionAppear: false,
- timeout: 5000,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
- };
-
- /**
- * 动画组件
- */
-
- var Transition = function (_Component) {
- _inherits(Transition, _Component);
-
- function Transition(props, context) {
- _classCallCheck(this, Transition);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
-
- var initialStatus = void 0;
- if (props["in"]) {
- // 在componentdidmount时开始执行动画
- initialStatus = props.transitionAppear ? EXITED : ENTERED;
- } else {
- initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
- }
- _this.state = { status: initialStatus };
-
- _this.nextCallback = null;
- return _this;
- }
-
- Transition.prototype.componentDidMount = function componentDidMount() {
- if (this.props.transitionAppear && this.props["in"]) {
- this.performEnter(this.props);
- }
- };
-
- Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps["in"] && this.props.unmountOnExit) {
- if (this.state.status === UNMOUNTED) {
- // 在componentDidUpdate执行动画.
- this.setState({ status: EXITED });
- }
- } else {
- this._needsUpdate = true;
- }
- };
-
- Transition.prototype.componentDidUpdate = function componentDidUpdate() {
- var status = this.state.status;
-
- if (this.props.unmountOnExit && status === EXITED) {
- // 当使用unmountOnExit时,exited为exiting和unmont的过渡状态
- if (this.props["in"]) {
- this.performEnter(this.props);
- } else {
- this.setState({ status: UNMOUNTED });
- }
-
- return;
- }
-
- // 确保只响应prop变化
- if (this._needsUpdate) {
- this._needsUpdate = false;
-
- if (this.props["in"]) {
- if (status === EXITING) {
- this.performEnter(this.props);
- } else if (status === EXITED) {
- this.performEnter(this.props);
- }
- // 其他,当我们已经输入或输出
- } else {
- if (status === ENTERING || status === ENTERED) {
- this.performExit(this.props);
- }
- // 我们已经输入或输出完成
- }
- }
- };
-
- Transition.prototype.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
-
- Transition.prototype.performEnter = function performEnter(props) {
- var _this2 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- // 这里接收新props
- props.onEnter(node);
-
- this.safeSetState({ status: ENTERING }, function () {
- _this2.props.onEntering(node);
-
- _this2.onTransitionEnd(node, function () {
- _this2.safeSetState({ status: ENTERED }, function () {
- _this2.props.onEntered(node);
- });
- });
- });
- };
-
- Transition.prototype.performExit = function performExit(props) {
- var _this3 = this;
-
- this.cancelNextCallback();
- var node = _reactDom2["default"].findDOMNode(this);
-
- props.onExit(node);
-
- this.safeSetState({ status: EXITING }, function () {
- _this3.props.onExiting(node);
-
- _this3.onTransitionEnd(node, function () {
- _this3.safeSetState({ status: EXITED }, function () {
- _this3.props.onExited(node);
- });
- });
- });
- };
-
- Transition.prototype.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
- }
- };
-
- Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
- // 确保在组件销毁后挂起的setState被消除
- this.setState(nextState, this.setNextCallback(callback));
- };
-
- Transition.prototype.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
-
- callback(event);
- }
- };
-
- this.nextCallback.cancel = function () {
- active = false;
- };
-
- return this.nextCallback;
- };
-
- Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
- this.setNextCallback(handler);
-
- if (node) {
- if (transitionEndEvent == undefined) {
- this.nextCallback();
- } else {
- (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
- }
- setTimeout(this.nextCallback, this.props.timeout);
- } else {
- setTimeout(this.nextCallback, 0);
- }
- };
-
- Transition.prototype.render = function render() {
- var status = this.state.status;
- if (status === UNMOUNTED) {
- return null;
- }
-
- var _props = this.props,
- children = _props.children,
- className = _props.className,
- childProps = _objectWithoutProperties(_props, ['children', 'className']);
-
- Object.keys(Transition.propTypes).forEach(function (key) {
- return delete childProps[key];
- });
-
- var transitionClassName = void 0;
- if (status === EXITED) {
- transitionClassName = this.props.exitedClassName;
- } else if (status === ENTERING) {
- transitionClassName = this.props.enteringClassName;
- } else if (status === ENTERED) {
- transitionClassName = this.props.enteredClassName;
- } else if (status === EXITING) {
- transitionClassName = this.props.exitingClassName;
- }
-
- var child = _react2["default"].Children.only(children);
- return _react2["default"].cloneElement(child, _extends({}, childProps, {
- className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
- }));
- };
-
- return Transition;
- }(_react.Component);
-
- Transition.propTypes = propTypes;
-
- Transition.defaultProps = defaultProps;
-
- exports["default"] = Transition;
-
- /***/ }),
- /* 131 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(34);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
-
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = on;
- module.exports = exports['default'];
-
- /***/ }),
- /* 132 */
- /***/ (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; }; /*eslint-disable react/prop-types */
-
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _warning = __webpack_require__(18);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- var _Portal = __webpack_require__(52);
-
- var _Portal2 = _interopRequireDefault(_Portal);
-
- var _ModalManager = __webpack_require__(821);
-
- var _ModalManager2 = _interopRequireDefault(_ModalManager);
-
- var _ownerDocument = __webpack_require__(53);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- var _addEventListener = __webpack_require__(87);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- var _addFocusListener = __webpack_require__(827);
-
- var _addFocusListener2 = _interopRequireDefault(_addFocusListener);
-
- var _inDOM = __webpack_require__(32);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- var _activeElement = __webpack_require__(828);
-
- var _activeElement2 = _interopRequireDefault(_activeElement);
-
- var _contains = __webpack_require__(51);
-
- var _contains2 = _interopRequireDefault(_contains);
-
- var _getContainer = __webpack_require__(126);
-
- var _getContainer2 = _interopRequireDefault(_getContainer);
-
- 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 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时触发的模态框关闭时的钩子函数
- */
- onHide: _propTypes2["default"].func,
-
- /**
- * 是否包含背景
- */
- backdrop: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].oneOf(['static'])]),
-
- /**
- *返回背景组件的函数
- */
- renderBackdrop: _propTypes2["default"].func,
-
- /**
- * 设置esc键特殊钩子函数
- */
- onEscapeKeyUp: _propTypes2["default"].func,
-
- /**
- * 当点击背景时触发的函数
- */
- onBackdropClick: _propTypes2["default"].func,
-
- /**
- * 背景的style
- */
- backdropStyle: _propTypes2["default"].object,
-
- /**
- * 背景的class
- */
- backdropClassName: _propTypes2["default"].string,
-
- /**
- *容器的class
- */
- containerClassName: _propTypes2["default"].string,
-
- /**
- * 按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状态的实例
- */
- manager: _propTypes2["default"].object.isRequired
- });
-
- var defaultProps = {
- show: false,
- backdrop: true,
- keyboard: true,
- autoFocus: true,
- enforceFocus: true,
- onHide: function onHide() {},
- manager: modalManager,
- renderBackdrop: function renderBackdrop(props) {
- return _react2["default"].createElement('div', props);
- }
- };
-
- var BaseModal = function (_Component) {
- _inherits(BaseModal, _Component);
-
- function BaseModal(props, content) {
- _classCallCheck(this, BaseModal);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.state = {
- exited: !_this.props.show
- };
-
- _this.onShow = _this.onShow.bind(_this);
- _this.onHide = _this.onHide.bind(_this);
- _this.setMountNode = _this.setMountNode.bind(_this);
- _this.handleHidden = _this.handleHidden.bind(_this);
- _this.handleBackdropClick = _this.handleBackdropClick.bind(_this);
- _this.handleDocumentKeyUp = _this.handleDocumentKeyUp.bind(_this);
- _this.checkForFocus = _this.checkForFocus.bind(_this);
- _this.focus = _this.focus.bind(_this);
- _this.restoreLastFocus = _this.restoreLastFocus.bind(_this);
- _this.enforceFocus = _this.enforceFocus.bind(_this);
- _this.getDialogElement = _this.getDialogElement.bind(_this);
- _this.isTopModal = _this.isTopModal.bind(_this);
- _this.renderBackdrop = _this.renderBackdrop.bind(_this);
- return _this;
- }
-
- BaseModal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if (nextProps.show) {
- this.setState({ exited: false });
- } else if (!nextProps.transition) {
- // Otherwise let handleHidden take care of marking exited.
- this.setState({ exited: true });
- }
- };
-
- BaseModal.prototype.componentWillUpdate = function componentWillUpdate(nextProps) {
- if (!this.props.show && nextProps.show) {
- this.checkForFocus();
- }
- };
-
- BaseModal.prototype.componentDidMount = function componentDidMount() {
- if (this.props.show) {
- this.onShow();
- }
- this.mounted = true;
- };
-
- BaseModal.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var transition = this.props.transition;
-
-
- if (prevProps.show && !this.props.show && !transition) {
- // Otherwise handleHidden will call this.
- this.onHide();
- } else if (!prevProps.show && this.props.show) {
- this.onShow();
- }
- };
-
- BaseModal.prototype.componentWillUnmount = function componentWillUnmount() {
- var _props = this.props,
- show = _props.show,
- transition = _props.transition;
-
-
- if (show || transition && !this.state.exited) {
- this.onHide();
- }
-
- this.mounted = false;
- };
-
- BaseModal.prototype.onShow = function onShow() {
- var doc = (0, _ownerDocument2["default"])(this);
- var container = (0, _getContainer2["default"])(this.props.container, doc.body);
-
- this.props.manager.add(this, container, this.props.containerClassName);
-
- this._onDocumentKeyupListener = (0, _addEventListener2["default"])(doc, 'keyup', this.handleDocumentKeyUp);
-
- this._onFocusinListener = (0, _addFocusListener2["default"])(this.enforceFocus);
-
- this.focus();
-
- if (this.props.onShow) {
- this.props.onShow();
- }
- };
-
- BaseModal.prototype.onHide = function onHide() {
- this.props.manager.remove(this);
-
- this._onDocumentKeyupListener.remove();
-
- this._onFocusinListener.remove();
-
- this.restoreLastFocus();
- };
-
- BaseModal.prototype.setMountNode = function setMountNode(ref) {
- this.mountNode = ref ? ref.getMountNode() : ref;
- };
-
- BaseModal.prototype.handleHidden = function handleHidden() {
- this.setState({ exited: true });
- this.onHide();
-
- if (this.props.onExited) {
- var _props2;
-
- (_props2 = this.props).onExited.apply(_props2, arguments);
- }
- };
-
- BaseModal.prototype.handleBackdropClick = function handleBackdropClick(e) {
- if (e.target !== e.currentTarget) {
- return;
- }
-
- if (this.props.onBackdropClick) {
- this.props.onBackdropClick(e);
- }
-
- if (this.props.backdrop === true) {
- this.props.onHide();
- }
- };
-
- BaseModal.prototype.handleDocumentKeyUp = function handleDocumentKeyUp(e) {
- if (this.props.keyboard && e.keyCode === 27 && this.isTopModal()) {
- if (this.props.onEscapeKeyUp) {
- this.props.onEscapeKeyUp(e);
- }
- this.props.onHide();
- }
- };
-
- BaseModal.prototype.checkForFocus = function checkForFocus() {
- if (_inDOM2["default"]) {
- this.lastFocus = (0, _activeElement2["default"])();
- }
- };
-
- BaseModal.prototype.focus = function focus() {
- var autoFocus = this.props.autoFocus;
- var modalContent = this.getDialogElement();
- var current = (0, _activeElement2["default"])((0, _ownerDocument2["default"])(this));
- var focusInModal = current && (0, _contains2["default"])(modalContent, current);
-
- if (modalContent && autoFocus && !focusInModal) {
- this.lastFocus = current;
-
- if (!modalContent.hasAttribute('tabIndex')) {
- modalContent.setAttribute('tabIndex', -1);
- (0, _warning2["default"])(false, 'The modal content node does not accept focus. ' + 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".');
- }
-
- modalContent.focus();
- }
- };
-
- BaseModal.prototype.restoreLastFocus = function restoreLastFocus() {
- // Support: <=IE11 doesn't support `focus()` on svg elements (RB: #917)
- if (this.lastFocus && this.lastFocus.focus) {
- this.lastFocus.focus();
- this.lastFocus = null;
- }
- };
-
- BaseModal.prototype.enforceFocus = function enforceFocus() {
- var enforceFocus = this.props.enforceFocus;
-
-
- if (!enforceFocus || !this.mounted || !this.isTopModal()) {
- return;
- }
-
- var active = (0, _activeElement2["default"])((0, _ownerDocument2["default"])(this));
- var modal = this.getDialogElement();
-
- if (modal && modal !== active && !(0, _contains2["default"])(modal, active)) {
- modal.focus();
- }
- };
-
- //instead of a ref, which might conflict with one the parent applied.
-
-
- BaseModal.prototype.getDialogElement = function getDialogElement() {
- var node = this.refs.modal;
- return node && node.lastChild;
- };
-
- BaseModal.prototype.isTopModal = function isTopModal() {
- return this.props.manager.isTopModal(this);
- };
-
- BaseModal.prototype.renderBackdrop = function renderBackdrop() {
- var _this2 = this;
-
- var _props3 = this.props,
- backdropStyle = _props3.backdropStyle,
- backdropClassName = _props3.backdropClassName,
- renderBackdrop = _props3.renderBackdrop,
- Transition = _props3.transition,
- backdropTransitionTimeout = _props3.backdropTransitionTimeout;
-
-
- var backdropRef = function backdropRef(ref) {
- return _this2.backdrop = ref;
- };
-
- var backdrop = _react2["default"].createElement('div', {
- ref: backdropRef,
- style: this.props.backdropStyle,
- className: this.props.backdropClassName,
- onClick: this.handleBackdropClick
- });
-
- if (Transition) {
- backdrop = _react2["default"].createElement(
- Transition,
- { transitionAppear: true,
- 'in': this.props.show,
- timeout: backdropTransitionTimeout
- },
- renderBackdrop({
- ref: backdropRef,
- style: backdropStyle,
- className: backdropClassName,
- onClick: this.handleBackdropClick
- })
- );
- }
-
- return backdrop;
- };
-
- BaseModal.prototype.render = function render() {
- var _props4 = this.props,
- show = _props4.show,
- container = _props4.container,
- children = _props4.children,
- Transition = _props4.transition,
- backdrop = _props4.backdrop,
- dialogTransitionTimeout = _props4.dialogTransitionTimeout,
- className = _props4.className,
- style = _props4.style,
- onExit = _props4.onExit,
- onExiting = _props4.onExiting,
- onEnter = _props4.onEnter,
- onEntering = _props4.onEntering,
- onEntered = _props4.onEntered;
-
-
- var dialog = _react2["default"].Children.only(children);
-
- var mountModal = show || Transition && !this.state.exited;
- if (!mountModal) {
- return null;
- }
-
- var _dialog$props = dialog.props,
- role = _dialog$props.role,
- tabIndex = _dialog$props.tabIndex;
-
-
- if (role === undefined || tabIndex === undefined) {
- dialog = (0, _react.cloneElement)(dialog, {
- role: role === undefined ? 'document' : role,
- tabIndex: tabIndex == null ? '-1' : tabIndex
- });
- }
-
- if (Transition) {
- dialog = _react2["default"].createElement(
- Transition,
- {
- transitionAppear: true,
- unmountOnExit: true,
- 'in': show,
- timeout: dialogTransitionTimeout,
- onExit: onExit,
- onExiting: onExiting,
- onExited: this.handleHidden,
- onEnter: onEnter,
- onEntering: onEntering,
- onEntered: onEntered
- },
- dialog
- );
- }
-
- return _react2["default"].createElement(
- _Portal2["default"],
- {
- ref: this.setMountNode,
- container: container
- },
- _react2["default"].createElement(
- 'div',
- {
- ref: 'modal',
- role: role || 'dialog',
- style: style,
- className: className
- },
- backdrop && this.renderBackdrop(),
- dialog
- )
- );
- };
-
- return BaseModal;
- }(_react.Component);
-
- ;
-
- BaseModal.Manager = _ModalManager2["default"];
-
- BaseModal.propTypes = propTypes;
- BaseModal.defaultProps = defaultProps;
-
- exports["default"] = BaseModal;
- module.exports = exports['default'];
-
- /***/ }),
- /* 133 */
+ /* 58 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -96571,23 +89601,23 @@
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Droppable", function() { return connectedDroppable; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Draggable", function() { return ConnectedDraggable; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "resetServerContext", function() { return resetServerContext; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_corejs2_helpers_esm_extends__ = __webpack_require__(830);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_tiny_invariant__ = __webpack_require__(236);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_css_box_model__ = __webpack_require__(831);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys__ = __webpack_require__(832);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_corejs2_helpers_esm_extends__ = __webpack_require__(808);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_tiny_invariant__ = __webpack_require__(228);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_css_box_model__ = __webpack_require__(809);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys__ = __webpack_require__(810);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__babel_runtime_corejs2_core_js_object_keys__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_memoize_one__ = __webpack_require__(836);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_redux__ = __webpack_require__(237);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign__ = __webpack_require__(235);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_memoize_one__ = __webpack_require__(814);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_redux__ = __webpack_require__(229);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign__ = __webpack_require__(227);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_corejs2_core_js_object_assign__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_raf_schd__ = __webpack_require__(840);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__babel_runtime_corejs2_helpers_esm_inheritsLoose__ = __webpack_require__(841);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_raf_schd__ = __webpack_require__(818);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__babel_runtime_corejs2_helpers_esm_inheritsLoose__ = __webpack_require__(819);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react_redux__ = __webpack_require__(843);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_motion__ = __webpack_require__(857);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react_redux__ = __webpack_require__(821);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_motion__ = __webpack_require__(834);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_react_motion___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12_react_motion__);
@@ -103017,103 +96047,2762 @@
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 134 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = warning;
- /**
- * Prints a warning in the console if it exists.
- *
- * @param {String} message The warning message.
- * @returns {void}
- */
- function warning(message) {
- /* eslint-disable no-console */
- if (typeof console !== 'undefined' && typeof console.error === 'function') {
- console.error(message);
- }
- /* eslint-enable no-console */
-
-
- try {
- // This error was thrown as a convenience so that if you enable
- // "break on all exceptions" in your console,
- // it would pause the execution at this line.
- throw new Error(message);
- /* eslint-disable no-empty */
- } catch (e) {}
- /* eslint-enable no-empty */
-
- }
-
- /***/ }),
- /* 135 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = _extends;
- 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);
- }
-
- /***/ }),
- /* 136 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = _objectWithoutPropertiesLoose;
- function _objectWithoutPropertiesLoose(source, excluded) {
- if (source == null) return {};
- var target = {};
- var sourceKeys = Object.keys(source);
- var key, i;
-
- for (i = 0; i < sourceKeys.length; i++) {
- key = sourceKeys[i];
- if (excluded.indexOf(key) >= 0) continue;
- target[key] = source[key];
- }
-
- return target;
- }
-
- /***/ }),
- /* 137 */
+ /* 59 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- // currently used to initiate the velocity style object to 0
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ /**
+ * @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;
+ }
+ };
+
+ exports['default'] = KeyCode;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 60 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _KeyCode = __webpack_require__(59);
+
+ var _KeyCode2 = _interopRequireDefault(_KeyCode);
+
+ var _reactLifecyclesCompat = __webpack_require__(14);
+
+ var _moment = __webpack_require__(3);
+
+ var _moment2 = _interopRequireDefault(_moment);
+
+ var _util = __webpack_require__(28);
+
+ 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 cachedSelectionStart = void 0;
+ var cachedSelectionEnd = void 0;
+ var dateInputInstance = void 0;
+
+ var DateInput = function (_React$Component) {
+ _inherits(DateInput, _React$Component);
+
+ function DateInput(props) {
+ _classCallCheck(this, DateInput);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ var selectedValue = props.selectedValue;
+
+ _this.state = {
+ str: (0, _util.formatDate)(selectedValue, _this.props.format),
+ invalid: false,
+ hasFocus: false
+ };
+ return _this;
+ }
+
+ DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
+ if (dateInputInstance && this.state.hasFocus && !this.state.invalid && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
+ dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
+ }
+ };
+
+ DateInput.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
+ var newState = {};
+
+ if (dateInputInstance) {
+ cachedSelectionStart = dateInputInstance.selectionStart;
+ cachedSelectionEnd = dateInputInstance.selectionEnd;
+ }
+ // when popup show, click body will call this, bug!
+ var selectedValue = nextProps.selectedValue;
+ if (!state.hasFocus) {
+ newState = {
+ str: (0, _util.formatDate)(selectedValue, nextProps.format),
+ invalid: false
+ };
+ }
+
+ return newState;
+ };
+
+ DateInput.getInstance = function getInstance() {
+ return dateInputInstance;
+ };
+
+ DateInput.prototype.render = function render() {
+ var props = this.props;
+ var _state = this.state,
+ invalid = _state.invalid,
+ str = _state.str;
+ var locale = props.locale,
+ prefixCls = props.prefixCls,
+ placeholder = props.placeholder,
+ clearIcon = props.clearIcon;
+
+ var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
+ return _react2["default"].createElement(
+ 'div',
+ { className: prefixCls + '-input-wrap' },
+ _react2["default"].createElement(
+ 'div',
+ { className: prefixCls + '-date-input-wrap' },
+ _react2["default"].createElement('input', {
+ ref: this.saveDateInput,
+ className: prefixCls + '-input ' + invalidClass,
+ value: str,
+ disabled: props.disabled,
+ placeholder: placeholder,
+ onChange: this.onInputChange,
+ onKeyDown: this.onKeyDown,
+ onFocus: this.onFocus,
+ onBlur: this.onBlur
+ })
+ ),
+ props.showClear ? _react2["default"].createElement(
+ 'a',
+ {
+ role: 'button',
+ title: locale.clear,
+ onClick: this.onClear
+ },
+ clearIcon || _react2["default"].createElement('span', { className: prefixCls + '-clear-btn uf uf-close-c' })
+ ) : null
+ );
+ };
+
+ return DateInput;
+ }(_react2["default"].Component);
+
+ DateInput.propTypes = {
+ prefixCls: _propTypes2["default"].string,
+ timePicker: _propTypes2["default"].object,
+ value: _propTypes2["default"].object,
+ disabledTime: _propTypes2["default"].any,
+ format: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].arrayOf(_propTypes2["default"].string)]),
+ locale: _propTypes2["default"].object,
+ disabledDate: _propTypes2["default"].func,
+ onChange: _propTypes2["default"].func,
+ onClear: _propTypes2["default"].func,
+ placeholder: _propTypes2["default"].string,
+ onSelect: _propTypes2["default"].func,
+ selectedValue: _propTypes2["default"].object,
+ clearIcon: _propTypes2["default"].node
+ };
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.onClear = function () {
+ _this2.setState({
+ str: ''
+ });
+ _this2.props.onClear(null);
+ };
+
+ this.onInputChange = function (event) {
+ var str = event.target.value;
+ var _props = _this2.props,
+ disabledDate = _props.disabledDate,
+ format = _props.format,
+ onChange = _props.onChange,
+ selectedValue = _props.selectedValue;
+
+ // 没有内容,合法并直接退出
+
+ if (!str) {
+ onChange(null);
+ _this2.setState({
+ invalid: false,
+ str: str
+ });
+ return;
+ }
+
+ // 不合法直接退出
+ var parsed = (0, _moment2["default"])(str, format, true);
+ if (!parsed.isValid()) {
+ _this2.setState({
+ invalid: true,
+ str: str
+ });
+ return;
+ }
+
+ var value = _this2.props.value.clone();
+ value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
+
+ if (!value || disabledDate && disabledDate(value)) {
+ _this2.setState({
+ invalid: true,
+ str: str
+ });
+ return;
+ }
+
+ if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
+ _this2.setState({
+ invalid: false,
+ str: str
+ });
+ onChange(value);
+ }
+ };
+
+ this.onFocus = function () {
+ _this2.setState({ hasFocus: true });
+ };
+
+ this.onBlur = function () {
+ _this2.setState(function (prevState, prevProps) {
+ return {
+ hasFocus: false,
+ str: (0, _util.formatDate)(prevProps.value, prevProps.format)
+ };
+ });
+ };
+
+ this.onKeyDown = function (e) {
+ var _props2 = _this2.props,
+ onSelect = _props2.onSelect,
+ value = _props2.value,
+ onKeyDown = _props2.onKeyDown;
+
+ if (e.keyCode === _KeyCode2["default"].ENTER && onSelect) {
+ onSelect(value.clone());
+ }
+ onKeyDown && onKeyDown(e);
+ };
+
+ this.getRootDOMNode = function () {
+ return _reactDom2["default"].findDOMNode(_this2);
+ };
+
+ this.focus = function () {
+ if (dateInputInstance) {
+ dateInputInstance.focus();
+ }
+ };
+
+ this.saveDateInput = function (dateInput) {
+ dateInputInstance = dateInput;
+ };
+ };
+
+ (0, _reactLifecyclesCompat.polyfill)(DateInput);
+
+ exports["default"] = DateInput;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 61 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactLifecyclesCompat = __webpack_require__(14);
+
+ var _createChainedFunction = __webpack_require__(222);
+
+ var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
+
+ var _KeyCode = __webpack_require__(59);
+
+ var _KeyCode2 = _interopRequireDefault(_KeyCode);
+
+ var _placements = __webpack_require__(899);
+
+ var _placements2 = _interopRequireDefault(_placements);
+
+ var _rcTrigger = __webpack_require__(75);
+
+ var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
+
+ 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); }
+
+ function noop() {}
+
+ function refFn(field, component) {
+ this[field] = component;
+ }
+
+ var Picker = function (_React$Component) {
+ _inherits(Picker, _React$Component);
+
+ function Picker(props) {
+ _classCallCheck(this, Picker);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ var open = void 0;
+ if ('open' in props) {
+ open = props.open;
+ } else {
+ open = props.defaultOpen;
+ }
+ var value = props.value || props.defaultValue;
+ _this.saveCalendarRef = refFn.bind(_this, 'calendarInstance');
+
+ _this.state = {
+ open: open,
+ value: value
+ };
+ return _this;
+ }
+
+ Picker.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
+ if (!prevState.open && this.state.open) {
+ // setTimeout is for making sure saveCalendarRef happen before focusCalendar
+ this.focusTimeout = setTimeout(this.focusCalendar, 0, this);
+ }
+ };
+
+ Picker.prototype.componentWillUnmount = function componentWillUnmount() {
+ clearTimeout(this.focusTimeout);
+ };
+
+ Picker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
+ var newState = {};
+ var value = nextProps.value,
+ open = nextProps.open;
+
+ if ('value' in nextProps) {
+ newState.value = value;
+ }
+ if (open !== undefined) {
+ newState.open = open;
+ }
+ return newState;
+ };
+
+ Picker.prototype.render = function render() {
+ var props = this.props;
+ var prefixCls = props.prefixCls,
+ placement = props.placement,
+ style = props.style,
+ getCalendarContainer = props.getCalendarContainer,
+ align = props.align,
+ animation = props.animation,
+ disabled = props.disabled,
+ dropdownClassName = props.dropdownClassName,
+ transitionName = props.transitionName,
+ children = props.children;
+
+ var state = this.state;
+ return _react2["default"].createElement(
+ _rcTrigger2["default"],
+ {
+ popup: this.getCalendarElement(),
+ popupAlign: align,
+ builtinPlacements: _placements2["default"],
+ popupPlacement: placement,
+ action: disabled && !state.open ? [] : ['click'],
+ destroyPopupOnHide: true,
+ getPopupContainer: getCalendarContainer,
+ popupStyle: style,
+ popupAnimation: animation,
+ popupTransitionName: transitionName,
+ popupVisible: state.open,
+ onPopupVisibleChange: this.onVisibleChange,
+ prefixCls: prefixCls,
+ popupClassName: dropdownClassName
+ },
+ _react2["default"].cloneElement(children(state, props), { onKeyDown: this.onKeyDown })
+ );
+ };
+
+ return Picker;
+ }(_react2["default"].Component);
+
+ Picker.propTypes = {
+ animation: _propTypes2["default"].oneOfType([_propTypes2["default"].func, _propTypes2["default"].string]),
+ disabled: _propTypes2["default"].bool,
+ transitionName: _propTypes2["default"].string,
+ onChange: _propTypes2["default"].func,
+ onOpenChange: _propTypes2["default"].func,
+ children: _propTypes2["default"].func,
+ getCalendarContainer: _propTypes2["default"].func,
+ calendar: _propTypes2["default"].element,
+ style: _propTypes2["default"].object,
+ open: _propTypes2["default"].bool,
+ defaultOpen: _propTypes2["default"].bool,
+ prefixCls: _propTypes2["default"].string,
+ placement: _propTypes2["default"].any,
+ value: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].array]),
+ defaultValue: _propTypes2["default"].oneOfType([_propTypes2["default"].object, _propTypes2["default"].array]),
+ align: _propTypes2["default"].object
+ };
+ Picker.defaultProps = {
+ prefixCls: 'rc-calendar-picker',
+ style: {},
+ align: {},
+ placement: 'bottomLeft',
+ defaultOpen: false,
+ onChange: noop,
+ onOpenChange: noop
+ };
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this2 = this;
+
+ this.onCalendarKeyDown = function (event) {
+ if (event.keyCode === _KeyCode2["default"].ESC) {
+ event.stopPropagation();
+ _this2.close(_this2.focus);
+ }
+ _this2.props.onKeyDown && _this2.props.onKeyDown(event);
+ };
+
+ this.onCalendarSelect = function (value) {
+ var cause = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+ var props = _this2.props;
+ if (!('value' in props)) {
+ _this2.setState({
+ value: value
+ });
+ }
+ if (cause.source === 'keyboard' || cause.source === 'dateInputSelect' || !props.calendar.props.timePicker && cause.source !== 'dateInput' || cause.source === 'todayButton') {
+ _this2.close(_this2.focus);
+ }
+ props.onChange(value);
+ };
+
+ this.onKeyDown = function (event) {
+ if (!_this2.state.open && (event.keyCode === _KeyCode2["default"].DOWN || event.keyCode === _KeyCode2["default"].ENTER)) {
+ _this2.open();
+ event.preventDefault();
+ }
+ _this2.props.onKeyDown && _this2.props.onKeyDown(event);
+ };
+
+ this.onCalendarOk = function () {
+ _this2.close(_this2.focus);
+ };
+
+ this.onCalendarClear = function () {
+ _this2.close(_this2.focus);
+ };
+
+ this.onVisibleChange = function (open) {
+ _this2.setOpen(open);
+ };
+
+ this.getCalendarElement = function () {
+ var props = _this2.props;
+ var state = _this2.state;
+ var calendarProps = props.calendar.props;
+ var value = state.value;
+
+ var defaultValue = value;
+ var extraProps = {
+ ref: _this2.saveCalendarRef,
+ defaultValue: defaultValue || calendarProps.defaultValue,
+ selectedValue: value,
+ onKeyDown: _this2.onCalendarKeyDown,
+ onOk: (0, _createChainedFunction2["default"])(calendarProps.onOk, _this2.onCalendarOk),
+ onSelect: (0, _createChainedFunction2["default"])(calendarProps.onSelect, _this2.onCalendarSelect),
+ onClear: (0, _createChainedFunction2["default"])(calendarProps.onClear, _this2.onCalendarClear)
+ };
+
+ return _react2["default"].cloneElement(props.calendar, extraProps);
+ };
+
+ this.setOpen = function (open, callback) {
+ var onOpenChange = _this2.props.onOpenChange;
+
+ if (_this2.state.open !== open) {
+ if (!('open' in _this2.props)) {
+ _this2.setState({
+ open: open
+ }, callback);
+ }
+ onOpenChange(open);
+ }
+ };
+
+ this.open = function (callback) {
+ _this2.setOpen(true, callback);
+ };
+
+ this.close = function (callback) {
+ _this2.setOpen(false, callback);
+ };
+
+ this.focus = function () {
+ if (!_this2.state.open) {
+ _reactDom2["default"].findDOMNode(_this2).focus();
+ }
+ };
+
+ this.focusCalendar = function () {
+ if (_this2.state.open && !!_this2.calendarInstance) {
+ _this2.calendarInstance.focus();
+ }
+ };
+ };
+
+ (0, _reactLifecyclesCompat.polyfill)(Picker);
+
+ exports["default"] = Picker;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 62 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ module.exports = __webpack_require__(906);
+
+ /***/ }),
+ /* 63 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = {
+ today: '今天',
+ now: '此刻',
+ backToToday: '返回今天',
+ ok: '确定',
+ timeSelect: '选择时间',
+ dateSelect: '选择日期',
+ weekSelect: '选择周',
+ clear: '清除',
+ month: '月',
+ year: '年',
+ previousMonth: '上个月 (翻页上键)',
+ nextMonth: '下个月 (翻页下键)',
+ monthSelect: '选择月份',
+ yearSelect: '选择年份',
+ decadeSelect: '选择年代',
+ yearFormat: 'YYYY年',
+ dayFormat: 'D日',
+ dateFormat: 'YYYY年M月D日',
+ dateTimeFormat: 'YYYY年M月D日 HH时mm分ss秒',
+ previousYear: '上一年 (Control键加左方向键)',
+ nextYear: '下一年 (Control键加右方向键)',
+ previousDecade: '上一年代',
+ nextDecade: '下一年代',
+ previousCentury: '上一世纪',
+ nextCentury: '下一世纪',
+ lastWeek: '上一周',
+ nowWeek: '本周',
+ nextWeek: '下一周'
+ };
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 64 */
+ /***/ (function(module, exports) {
+
+ module.exports = true;
+
+
+ /***/ }),
+ /* 65 */
+ /***/ (function(module, exports) {
+
+ var id = 0;
+ var px = Math.random();
+ module.exports = function (key) {
+ return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+ };
+
+
+ /***/ }),
+ /* 66 */
+ /***/ (function(module, exports) {
+
+ exports.f = {}.propertyIsEnumerable;
+
+
+ /***/ }),
+ /* 67 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ // 7.1.13 ToObject(argument)
+ var defined = __webpack_require__(92);
+ module.exports = function (it) {
+ return Object(defined(it));
+ };
+
+
+ /***/ }),
+ /* 68 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var freeGlobal = __webpack_require__(508);
+
+ /** Detect free variable `self`. */
+ var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+ /** Used as a reference to the global object. */
+ var root = freeGlobal || freeSelf || Function('return this')();
+
+ module.exports = root;
+
+
+ /***/ }),
+ /* 69 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var getNative = __webpack_require__(105);
+
+ /* Built-in method references that are verified to be native. */
+ var nativeCreate = getNative(Object, 'create');
+
+ module.exports = nativeCreate;
+
+
+ /***/ }),
+ /* 70 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var eq = __webpack_require__(107);
+
+ /**
+ * Gets the index at which the `key` is found in `array` of key-value pairs.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} key The key to search for.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+ function assocIndexOf(array, key) {
+ var length = array.length;
+ while (length--) {
+ if (eq(array[length][0], key)) {
+ return length;
+ }
+ }
+ return -1;
+ }
+
+ module.exports = assocIndexOf;
+
+
+ /***/ }),
+ /* 71 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var isKeyable = __webpack_require__(537);
+
+ /**
+ * Gets the data for `map`.
+ *
+ * @private
+ * @param {Object} map The map to query.
+ * @param {string} key The reference key.
+ * @returns {*} Returns the map data.
+ */
+ function getMapData(map, key) {
+ var data = map.__data__;
+ return isKeyable(key)
+ ? data[typeof key == 'string' ? 'string' : 'hash']
+ : data.map;
+ }
+
+ module.exports = getMapData;
+
+
+ /***/ }),
+ /* 72 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _InputGroupAddon = __webpack_require__(561);
+
+ var _InputGroupAddon2 = _interopRequireDefault(_InputGroupAddon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _InputGroupAddon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 73 */
+ /***/ (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__(602);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(193);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(629);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(632);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(633);
+ /* 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"]; });
+ /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
+ /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
+ /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Divider", function() { return __WEBPACK_IMPORTED_MODULE_4__Divider__["a"]; });
+
+
+
+
+
+
+
+
+ /* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Menu__["a" /* default */]);
+
+ /***/ }),
+ /* 74 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /**
+ * @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;
+ }
+ };
+
+ /* harmony default export */ __webpack_exports__["a"] = (KeyCode);
+
+ /***/ }),
+ /* 75 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
+ /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
+ /* 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_possibleConstructorReturn__ = __webpack_require__(10);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__ = __webpack_require__(194);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__ = __webpack_require__(195);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_ContainerRender__ = __webpack_require__(617);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_rc_util_es_Portal__ = __webpack_require__(618);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_classnames__ = __webpack_require__(2);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_classnames__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils__ = __webpack_require__(196);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Popup__ = __webpack_require__(619);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ function noop() {}
+
+ function returnEmptyString() {
+ return '';
+ }
+
+ function returnDocument() {
+ return window.document;
+ }
+
+ var ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur', 'onContextMenu'];
+
+ var IS_REACT_16 = !!__WEBPACK_IMPORTED_MODULE_6_react_dom__["createPortal"];
+
+ var contextTypes = {
+ rcTrigger: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.shape({
+ onPopupMouseDown: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func
+ })
+ };
+
+ var Trigger = function (_React$Component) {
+ __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Trigger, _React$Component);
+
+ function Trigger(props) {
+ __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Trigger);
+
+ var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
+
+ _initialiseProps.call(_this);
+
+ var popupVisible = void 0;
+ if ('popupVisible' in props) {
+ popupVisible = !!props.popupVisible;
+ } else {
+ popupVisible = !!props.defaultPopupVisible;
+ }
+
+ _this.prevPopupVisible = popupVisible;
+
+ _this.state = {
+ popupVisible: popupVisible
+ };
+ return _this;
+ }
+
+ Trigger.prototype.getChildContext = function getChildContext() {
+ return {
+ rcTrigger: {
+ onPopupMouseDown: this.onPopupMouseDown
+ }
+ };
+ };
+
+ Trigger.prototype.componentWillMount = function componentWillMount() {
+ var _this2 = this;
+
+ ALL_HANDLERS.forEach(function (h) {
+ _this2['fire' + h] = function (e) {
+ _this2.fireEvents(h, e);
+ };
+ });
+ };
+
+ Trigger.prototype.componentDidMount = function componentDidMount() {
+ this.componentDidUpdate({}, {
+ popupVisible: this.state.popupVisible
+ });
+ };
+
+ Trigger.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {
+ var popupVisible = _ref.popupVisible;
+
+ if (popupVisible !== undefined) {
+ this.setState({
+ popupVisible: popupVisible
+ });
+ }
+ };
+
+ Trigger.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
+ var props = this.props;
+ var state = this.state;
+ var triggerAfterPopupVisibleChange = function triggerAfterPopupVisibleChange() {
+ if (prevState.popupVisible !== state.popupVisible) {
+ props.afterPopupVisibleChange(state.popupVisible);
+ }
+ };
+ if (!IS_REACT_16) {
+ this.renderComponent(null, triggerAfterPopupVisibleChange);
+ }
+
+ this.prevPopupVisible = prevState.popupVisible;
+
+ // We must listen to `mousedown` or `touchstart`, edge case:
+ // https://github.com/ant-design/ant-design/issues/5804
+ // https://github.com/react-component/calendar/issues/250
+ // https://github.com/react-component/trigger/issues/50
+ if (state.popupVisible) {
+ var currentDocument = void 0;
+ if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextMenuToShow())) {
+ currentDocument = props.getDocument();
+ this.clickOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'mousedown', this.onDocumentClick);
+ }
+ // always hide on mobile
+ if (!this.touchOutsideHandler) {
+ currentDocument = currentDocument || props.getDocument();
+ this.touchOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'touchstart', this.onDocumentClick);
+ }
+ // close popup when trigger type contains 'onContextMenu' and document is scrolling.
+ if (!this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {
+ currentDocument = currentDocument || props.getDocument();
+ this.contextMenuOutsideHandler1 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'scroll', this.onContextMenuClose);
+ }
+ // close popup when trigger type contains 'onContextMenu' and window is blur.
+ if (!this.contextMenuOutsideHandler2 && this.isContextMenuToShow()) {
+ this.contextMenuOutsideHandler2 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(window, 'blur', this.onContextMenuClose);
+ }
+ return;
+ }
+
+ this.clearOutsideHandler();
+ };
+
+ Trigger.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.clearDelayTimer();
+ this.clearOutsideHandler();
+ clearTimeout(this.mouseDownTimeout);
+ };
+
+ Trigger.prototype.getPopupDomNode = function getPopupDomNode() {
+ // for test
+ if (this._component && this._component.getPopupDomNode) {
+ return this._component.getPopupDomNode();
+ }
+ return null;
+ };
+
+ Trigger.prototype.getPopupAlign = function getPopupAlign() {
+ var props = this.props;
+ var popupPlacement = props.popupPlacement,
+ popupAlign = props.popupAlign,
+ builtinPlacements = props.builtinPlacements;
+
+ if (popupPlacement && builtinPlacements) {
+ return Object(__WEBPACK_IMPORTED_MODULE_12__utils__["a" /* getAlignFromPlacement */])(builtinPlacements, popupPlacement, popupAlign);
+ }
+ return popupAlign;
+ };
+
+ /**
+ * @param popupVisible Show or not the popup element
+ * @param event SyntheticEvent, used for `pointAlign`
+ */
+ Trigger.prototype.setPopupVisible = function setPopupVisible(popupVisible, event) {
+ var alignPoint = this.props.alignPoint;
+
+
+ this.clearDelayTimer();
+
+ if (this.state.popupVisible !== popupVisible) {
+ if (!('popupVisible' in this.props)) {
+ this.setState({ popupVisible: popupVisible });
+ }
+ this.props.onPopupVisibleChange(popupVisible);
+ }
+
+ // Always record the point position since mouseEnterDelay will delay the show
+ if (alignPoint && event) {
+ this.setPoint(event);
+ }
+ };
+
+ Trigger.prototype.delaySetPopupVisible = function delaySetPopupVisible(visible, delayS, event) {
+ var _this3 = this;
+
+ var delay = delayS * 1000;
+ this.clearDelayTimer();
+ if (delay) {
+ var point = event ? { pageX: event.pageX, pageY: event.pageY } : null;
+ this.delayTimer = setTimeout(function () {
+ _this3.setPopupVisible(visible, point);
+ _this3.clearDelayTimer();
+ }, delay);
+ } else {
+ this.setPopupVisible(visible, event);
+ }
+ };
+
+ Trigger.prototype.clearDelayTimer = function clearDelayTimer() {
+ if (this.delayTimer) {
+ clearTimeout(this.delayTimer);
+ this.delayTimer = null;
+ }
+ };
+
+ Trigger.prototype.clearOutsideHandler = function clearOutsideHandler() {
+ if (this.clickOutsideHandler) {
+ this.clickOutsideHandler.remove();
+ this.clickOutsideHandler = null;
+ }
+
+ if (this.contextMenuOutsideHandler1) {
+ this.contextMenuOutsideHandler1.remove();
+ this.contextMenuOutsideHandler1 = null;
+ }
+
+ if (this.contextMenuOutsideHandler2) {
+ this.contextMenuOutsideHandler2.remove();
+ this.contextMenuOutsideHandler2 = null;
+ }
+
+ if (this.touchOutsideHandler) {
+ this.touchOutsideHandler.remove();
+ this.touchOutsideHandler = null;
+ }
+ };
+
+ Trigger.prototype.createTwoChains = function createTwoChains(event) {
+ var childPros = this.props.children.props;
+ var props = this.props;
+ if (childPros[event] && props[event]) {
+ return this['fire' + event];
+ }
+ return childPros[event] || props[event];
+ };
+
+ Trigger.prototype.isClickToShow = function isClickToShow() {
+ var _props = this.props,
+ action = _props.action,
+ showAction = _props.showAction;
+
+ return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1;
+ };
+
+ Trigger.prototype.isContextMenuToShow = function isContextMenuToShow() {
+ var _props2 = this.props,
+ action = _props2.action,
+ showAction = _props2.showAction;
+
+ return action.indexOf('contextMenu') !== -1 || showAction.indexOf('contextMenu') !== -1;
+ };
+
+ Trigger.prototype.isClickToHide = function isClickToHide() {
+ var _props3 = this.props,
+ action = _props3.action,
+ hideAction = _props3.hideAction;
+
+ return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1;
+ };
+
+ Trigger.prototype.isMouseEnterToShow = function isMouseEnterToShow() {
+ var _props4 = this.props,
+ action = _props4.action,
+ showAction = _props4.showAction;
+
+ return action.indexOf('hover') !== -1 || showAction.indexOf('mouseEnter') !== -1;
+ };
+
+ Trigger.prototype.isMouseLeaveToHide = function isMouseLeaveToHide() {
+ var _props5 = this.props,
+ action = _props5.action,
+ hideAction = _props5.hideAction;
+
+ return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseLeave') !== -1;
+ };
+
+ Trigger.prototype.isFocusToShow = function isFocusToShow() {
+ var _props6 = this.props,
+ action = _props6.action,
+ showAction = _props6.showAction;
+
+ return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1;
+ };
+
+ Trigger.prototype.isBlurToHide = function isBlurToHide() {
+ var _props7 = this.props,
+ action = _props7.action,
+ hideAction = _props7.hideAction;
+
+ return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1;
+ };
+
+ Trigger.prototype.forcePopupAlign = function forcePopupAlign() {
+ if (this.state.popupVisible && this._component && this._component.alignInstance) {
+ this._component.alignInstance.forceAlign();
+ }
+ };
+
+ Trigger.prototype.fireEvents = function fireEvents(type, e) {
+ var childCallback = this.props.children.props[type];
+ if (childCallback) {
+ childCallback(e);
+ }
+ var callback = this.props[type];
+ if (callback) {
+ callback(e);
+ }
+ };
+
+ Trigger.prototype.close = function close() {
+ this.setPopupVisible(false);
+ };
+
+ Trigger.prototype.render = function render() {
+ var _this4 = this;
+
+ var popupVisible = this.state.popupVisible;
+ var _props8 = this.props,
+ children = _props8.children,
+ forceRender = _props8.forceRender,
+ alignPoint = _props8.alignPoint,
+ className = _props8.className;
+
+ var child = __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(children);
+ var newChildProps = { key: 'trigger' };
+
+ if (this.isContextMenuToShow()) {
+ newChildProps.onContextMenu = this.onContextMenu;
+ } else {
+ newChildProps.onContextMenu = this.createTwoChains('onContextMenu');
+ }
+
+ if (this.isClickToHide() || this.isClickToShow()) {
+ newChildProps.onClick = this.onClick;
+ newChildProps.onMouseDown = this.onMouseDown;
+ newChildProps.onTouchStart = this.onTouchStart;
+ } else {
+ newChildProps.onClick = this.createTwoChains('onClick');
+ newChildProps.onMouseDown = this.createTwoChains('onMouseDown');
+ newChildProps.onTouchStart = this.createTwoChains('onTouchStart');
+ }
+ if (this.isMouseEnterToShow()) {
+ newChildProps.onMouseEnter = this.onMouseEnter;
+ if (alignPoint) {
+ newChildProps.onMouseMove = this.onMouseMove;
+ }
+ } else {
+ newChildProps.onMouseEnter = this.createTwoChains('onMouseEnter');
+ }
+ if (this.isMouseLeaveToHide()) {
+ newChildProps.onMouseLeave = this.onMouseLeave;
+ } else {
+ newChildProps.onMouseLeave = this.createTwoChains('onMouseLeave');
+ }
+ if (this.isFocusToShow() || this.isBlurToHide()) {
+ newChildProps.onFocus = this.onFocus;
+ newChildProps.onBlur = this.onBlur;
+ } else {
+ newChildProps.onFocus = this.createTwoChains('onFocus');
+ newChildProps.onBlur = this.createTwoChains('onBlur');
+ }
+
+ var childrenClassName = __WEBPACK_IMPORTED_MODULE_11_classnames___default()(child && child.props && child.props.className, className);
+ if (childrenClassName) {
+ newChildProps.className = childrenClassName;
+ }
+ var trigger = __WEBPACK_IMPORTED_MODULE_4_react___default.a.cloneElement(child, newChildProps);
+
+ if (!IS_REACT_16) {
+ return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
+ __WEBPACK_IMPORTED_MODULE_9_rc_util_es_ContainerRender__["a" /* default */],
+ {
+ parent: this,
+ visible: popupVisible,
+ autoMount: false,
+ forceRender: forceRender,
+ getComponent: this.getComponent,
+ getContainer: this.getContainer
+ },
+ function (_ref2) {
+ var renderComponent = _ref2.renderComponent;
+
+ _this4.renderComponent = renderComponent;
+ return trigger;
+ }
+ );
+ }
+
+ var portal = void 0;
+ // prevent unmounting after it's rendered
+ if (popupVisible || this._component || forceRender) {
+ portal = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
+ __WEBPACK_IMPORTED_MODULE_10_rc_util_es_Portal__["a" /* default */],
+ {
+ key: 'portal',
+ getContainer: this.getContainer,
+ didUpdate: this.handlePortalUpdate
+ },
+ this.getComponent()
+ );
+ }
+
+ return [trigger, portal];
+ };
+
+ return Trigger;
+ }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
+
+ Trigger.propTypes = {
+ children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
+ action: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string)]),
+ showAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
+ hideAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
+ getPopupClassNameFromAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
+ onPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
+ afterPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
+ popup: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func]).isRequired,
+ popupStyle: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
+ prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
+ popupClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
+ className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
+ popupPlacement: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
+ builtinPlacements: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
+ popupTransitionName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object]),
+ popupAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
+ mouseEnterDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
+ mouseLeaveDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
+ zIndex: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
+ focusDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
+ blurDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
+ getPopupContainer: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
+ getDocument: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
+ forceRender: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
+ destroyPopupOnHide: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
+ mask: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
+ maskClosable: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
+ onPopupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
+ popupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
+ popupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
+ defaultPopupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
+ maskTransitionName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object]),
+ maskAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
+ stretch: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
+ alignPoint: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool // Maybe we can support user pass position in the future
+ };
+ Trigger.contextTypes = contextTypes;
+ Trigger.childContextTypes = contextTypes;
+ Trigger.defaultProps = {
+ prefixCls: 'rc-trigger-popup',
+ getPopupClassNameFromAlign: returnEmptyString,
+ getDocument: returnDocument,
+ onPopupVisibleChange: noop,
+ afterPopupVisibleChange: noop,
+ onPopupAlign: noop,
+ popupClassName: '',
+ mouseEnterDelay: 0,
+ mouseLeaveDelay: 0.1,
+ focusDelay: 0,
+ blurDelay: 0.15,
+ popupStyle: {},
+ destroyPopupOnHide: false,
+ popupAlign: {},
+ defaultPopupVisible: false,
+ mask: false,
+ maskClosable: true,
+ action: [],
+ showAction: [],
+ hideAction: []
+ };
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this5 = this;
+
+ this.onMouseEnter = function (e) {
+ var mouseEnterDelay = _this5.props.mouseEnterDelay;
+
+ _this5.fireEvents('onMouseEnter', e);
+ _this5.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
+ };
+
+ this.onMouseMove = function (e) {
+ _this5.fireEvents('onMouseMove', e);
+ _this5.setPoint(e);
+ };
+
+ this.onMouseLeave = function (e) {
+ _this5.fireEvents('onMouseLeave', e);
+ _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
+ };
+
+ this.onPopupMouseEnter = function () {
+ _this5.clearDelayTimer();
+ };
+
+ this.onPopupMouseLeave = function (e) {
+ // https://github.com/react-component/trigger/pull/13
+ // react bug?
+ if (e.relatedTarget && !e.relatedTarget.setTimeout && _this5._component && _this5._component.getPopupDomNode && Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__["a" /* default */])(_this5._component.getPopupDomNode(), e.relatedTarget)) {
+ return;
+ }
+ _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
+ };
+
+ this.onFocus = function (e) {
+ _this5.fireEvents('onFocus', e);
+ // incase focusin and focusout
+ _this5.clearDelayTimer();
+ if (_this5.isFocusToShow()) {
+ _this5.focusTime = Date.now();
+ _this5.delaySetPopupVisible(true, _this5.props.focusDelay);
+ }
+ };
+
+ this.onMouseDown = function (e) {
+ _this5.fireEvents('onMouseDown', e);
+ _this5.preClickTime = Date.now();
+ };
+
+ this.onTouchStart = function (e) {
+ _this5.fireEvents('onTouchStart', e);
+ _this5.preTouchTime = Date.now();
+ };
+
+ this.onBlur = function (e) {
+ _this5.fireEvents('onBlur', e);
+ _this5.clearDelayTimer();
+ if (_this5.isBlurToHide()) {
+ _this5.delaySetPopupVisible(false, _this5.props.blurDelay);
+ }
+ };
+
+ this.onContextMenu = function (e) {
+ e.preventDefault();
+ _this5.fireEvents('onContextMenu', e);
+ _this5.setPopupVisible(true, e);
+ };
+
+ this.onContextMenuClose = function () {
+ if (_this5.isContextMenuToShow()) {
+ _this5.close();
+ }
+ };
+
+ this.onClick = function (event) {
+ _this5.fireEvents('onClick', event);
+ // focus will trigger click
+ if (_this5.focusTime) {
+ var preTime = void 0;
+ if (_this5.preClickTime && _this5.preTouchTime) {
+ preTime = Math.min(_this5.preClickTime, _this5.preTouchTime);
+ } else if (_this5.preClickTime) {
+ preTime = _this5.preClickTime;
+ } else if (_this5.preTouchTime) {
+ preTime = _this5.preTouchTime;
+ }
+ if (Math.abs(preTime - _this5.focusTime) < 20) {
+ return;
+ }
+ _this5.focusTime = 0;
+ }
+ _this5.preClickTime = 0;
+ _this5.preTouchTime = 0;
+ if (event && event.preventDefault) {
+ event.preventDefault();
+ }
+ var nextVisible = !_this5.state.popupVisible;
+ if (_this5.isClickToHide() && !nextVisible || nextVisible && _this5.isClickToShow()) {
+ _this5.setPopupVisible(!_this5.state.popupVisible, event);
+ }
+ };
+
+ this.onPopupMouseDown = function () {
+ var _context$rcTrigger = _this5.context.rcTrigger,
+ rcTrigger = _context$rcTrigger === undefined ? {} : _context$rcTrigger;
+
+ _this5.hasPopupMouseDown = true;
+
+ clearTimeout(_this5.mouseDownTimeout);
+ _this5.mouseDownTimeout = setTimeout(function () {
+ _this5.hasPopupMouseDown = false;
+ }, 0);
+
+ if (rcTrigger.onPopupMouseDown) {
+ rcTrigger.onPopupMouseDown.apply(rcTrigger, arguments);
+ }
+ };
+
+ this.onDocumentClick = function (event) {
+ if (_this5.props.mask && !_this5.props.maskClosable) {
+ return;
+ }
+
+ var target = event.target;
+ var root = Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5);
+ if (!Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__["a" /* default */])(root, target) && !_this5.hasPopupMouseDown) {
+ _this5.close();
+ }
+ };
+
+ this.getRootDomNode = function () {
+ return Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5);
+ };
+
+ this.getPopupClassNameFromAlign = function (align) {
+ var className = [];
+ var _props9 = _this5.props,
+ popupPlacement = _props9.popupPlacement,
+ builtinPlacements = _props9.builtinPlacements,
+ prefixCls = _props9.prefixCls,
+ alignPoint = _props9.alignPoint,
+ getPopupClassNameFromAlign = _props9.getPopupClassNameFromAlign;
+
+ if (popupPlacement && builtinPlacements) {
+ className.push(Object(__WEBPACK_IMPORTED_MODULE_12__utils__["b" /* getAlignPopupClassName */])(builtinPlacements, prefixCls, align, alignPoint));
+ }
+ if (getPopupClassNameFromAlign) {
+ className.push(getPopupClassNameFromAlign(align));
+ }
+ return className.join(' ');
+ };
+
+ this.getComponent = function () {
+ var _props10 = _this5.props,
+ prefixCls = _props10.prefixCls,
+ destroyPopupOnHide = _props10.destroyPopupOnHide,
+ popupClassName = _props10.popupClassName,
+ action = _props10.action,
+ onPopupAlign = _props10.onPopupAlign,
+ popupAnimation = _props10.popupAnimation,
+ popupTransitionName = _props10.popupTransitionName,
+ popupStyle = _props10.popupStyle,
+ mask = _props10.mask,
+ maskAnimation = _props10.maskAnimation,
+ maskTransitionName = _props10.maskTransitionName,
+ zIndex = _props10.zIndex,
+ popup = _props10.popup,
+ stretch = _props10.stretch,
+ alignPoint = _props10.alignPoint;
+ var _state = _this5.state,
+ popupVisible = _state.popupVisible,
+ point = _state.point;
+
+
+ var align = _this5.getPopupAlign();
+
+ var mouseProps = {};
+ if (_this5.isMouseEnterToShow()) {
+ mouseProps.onMouseEnter = _this5.onPopupMouseEnter;
+ }
+ if (_this5.isMouseLeaveToHide()) {
+ mouseProps.onMouseLeave = _this5.onPopupMouseLeave;
+ }
+
+ mouseProps.onMouseDown = _this5.onPopupMouseDown;
+ mouseProps.onTouchStart = _this5.onPopupMouseDown;
+
+ return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
+ __WEBPACK_IMPORTED_MODULE_13__Popup__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
+ prefixCls: prefixCls,
+ destroyPopupOnHide: destroyPopupOnHide,
+ visible: popupVisible,
+ point: alignPoint && point,
+ className: popupClassName,
+ action: action,
+ align: align,
+ onAlign: onPopupAlign,
+ animation: popupAnimation,
+ getClassNameFromAlign: _this5.getPopupClassNameFromAlign
+ }, mouseProps, {
+ stretch: stretch,
+ getRootDomNode: _this5.getRootDomNode,
+ style: popupStyle,
+ mask: mask,
+ zIndex: zIndex,
+ transitionName: popupTransitionName,
+ maskAnimation: maskAnimation,
+ maskTransitionName: maskTransitionName,
+ ref: _this5.savePopup
+ }),
+ typeof popup === 'function' ? popup() : popup
+ );
+ };
+
+ this.getContainer = function () {
+ var props = _this5.props;
+
+ var popupContainer = document.createElement('div');
+ // Make sure default popup container will never cause scrollbar appearing
+ // https://github.com/react-component/trigger/issues/41
+ popupContainer.style.position = 'absolute';
+ popupContainer.style.top = '0';
+ popupContainer.style.left = '0';
+ popupContainer.style.width = '100%';
+ var mountNode = props.getPopupContainer ? props.getPopupContainer(Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5)) : props.getDocument().body;
+ mountNode.appendChild(popupContainer);
+ return popupContainer;
+ };
+
+ this.setPoint = function (point) {
+ var alignPoint = _this5.props.alignPoint;
+
+ if (!alignPoint || !point) return;
+
+ _this5.setState({
+ point: {
+ pageX: point.pageX,
+ pageY: point.pageY
+ }
+ });
+ };
+
+ this.handlePortalUpdate = function () {
+ if (_this5.prevPopupVisible !== _this5.state.popupVisible) {
+ _this5.props.afterPopupVisibleChange(_this5.state.popupVisible);
+ }
+ };
+
+ this.savePopup = function (node) {
+ _this5._component = node;
+ };
+ };
+
+ /* harmony default export */ __webpack_exports__["default"] = (Trigger);
+
+ /***/ }),
+ /* 76 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ module.exports = __webpack_require__(630);
+
+ /***/ }),
+ /* 77 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = getWindow;
+ function getWindow(node) {
+ return node === node.window ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false;
+ }
+ module.exports = exports["default"];
+
+ /***/ }),
+ /* 78 */
+ /***/ (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__(20);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _off = __webpack_require__(120);
+
+ var _off2 = _interopRequireDefault(_off);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 79 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Notification = __webpack_require__(697);
+
+ var _Notification2 = _interopRequireDefault(_Notification);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Notification2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 80 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ exports.default = function (recalc) {
+ if (!size || recalc) {
+ if (_inDOM2.default) {
+ var scrollDiv = document.createElement('div');
+
+ scrollDiv.style.position = 'absolute';
+ scrollDiv.style.top = '-9999px';
+ scrollDiv.style.width = '50px';
+ scrollDiv.style.height = '50px';
+ scrollDiv.style.overflow = 'scroll';
+
+ document.body.appendChild(scrollDiv);
+ size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+ document.body.removeChild(scrollDiv);
+ }
+ }
+
+ return size;
+ };
+
+ var _inDOM = __webpack_require__(17);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var size = void 0;
+
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 81 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = isOverflowing;
+
+ var _isWindow = __webpack_require__(77);
+
+ var _isWindow2 = _interopRequireDefault(_isWindow);
+
+ var _ownerDocument = __webpack_require__(21);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function isBody(node) {
+ return node && node.tagName.toLowerCase() === 'body';
+ }
+
+ function bodyIsOverflowing(node) {
+ var doc = (0, _ownerDocument2["default"])(node);
+ var win = (0, _isWindow2["default"])(doc);
+ var fullWidth = win.innerWidth;
+
+ // Support: ie8, no innerWidth
+ if (!fullWidth) {
+ var documentElementRect = doc.documentElement.getBoundingClientRect();
+ fullWidth = documentElementRect.right - Math.abs(documentElementRect.left);
+ }
+
+ return doc.body.clientWidth < fullWidth;
+ }
+
+ function isOverflowing(container) {
+ var win = (0, _isWindow2["default"])(container);
+
+ return win || isBody(container) ? bodyIsOverflowing(container) : container.scrollHeight > container.clientHeight;
+ }
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 82 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ // turn {x: {val: 1, stiffness: 1, damping: 2}, y: 2} generated by
+ // `{x: spring(1, {stiffness: 1, damping: 2}), y: 2}` into {x: 1, y: 2}
+
exports.__esModule = true;
- exports['default'] = mapToZero;
+ exports['default'] = stripStyle;
- function mapToZero(obj) {
+ function stripStyle(style) {
var ret = {};
- for (var key in obj) {
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
- ret[key] = 0;
+ for (var key in style) {
+ if (!Object.prototype.hasOwnProperty.call(style, key)) {
+ continue;
}
+ ret[key] = typeof style[key] === 'number' ? style[key] : style[key].val;
}
return ret;
}
@@ -103121,132 +98810,2099 @@
module.exports = exports['default'];
/***/ }),
- /* 138 */
+ /* 83 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ //! moment.js locale configuration
+
+ ;(function (global, factory) {
+ true ? factory(__webpack_require__(3)) :
+ typeof define === 'function' && define.amd ? define(['../moment'], factory) :
+ factory(global.moment)
+ }(this, (function (moment) { 'use strict';
+
+
+ var zhCn = moment.defineLocale('zh-cn', {
+ months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+ monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+ weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+ weekdaysShort : '周日_周一_周二_周三_周四_周五_周六'.split('_'),
+ weekdaysMin : '日_一_二_三_四_五_六'.split('_'),
+ longDateFormat : {
+ LT : 'HH:mm',
+ LTS : 'HH:mm:ss',
+ L : 'YYYY/MM/DD',
+ LL : 'YYYY年M月D日',
+ LLL : 'YYYY年M月D日Ah点mm分',
+ LLLL : 'YYYY年M月D日ddddAh点mm分',
+ l : 'YYYY/M/D',
+ ll : 'YYYY年M月D日',
+ lll : 'YYYY年M月D日 HH:mm',
+ llll : 'YYYY年M月D日dddd HH:mm'
+ },
+ meridiemParse: /凌晨|早上|上午|中午|下午|晚上/,
+ meridiemHour: function (hour, meridiem) {
+ if (hour === 12) {
+ hour = 0;
+ }
+ if (meridiem === '凌晨' || meridiem === '早上' ||
+ meridiem === '上午') {
+ return hour;
+ } else if (meridiem === '下午' || meridiem === '晚上') {
+ return hour + 12;
+ } else {
+ // '中午'
+ return hour >= 11 ? hour : hour + 12;
+ }
+ },
+ meridiem : function (hour, minute, isLower) {
+ var hm = hour * 100 + minute;
+ if (hm < 600) {
+ return '凌晨';
+ } else if (hm < 900) {
+ return '早上';
+ } else if (hm < 1130) {
+ return '上午';
+ } else if (hm < 1230) {
+ return '中午';
+ } else if (hm < 1800) {
+ return '下午';
+ } else {
+ return '晚上';
+ }
+ },
+ calendar : {
+ sameDay : '[今天]LT',
+ nextDay : '[明天]LT',
+ nextWeek : '[下]ddddLT',
+ lastDay : '[昨天]LT',
+ lastWeek : '[上]ddddLT',
+ sameElse : 'L'
+ },
+ dayOfMonthOrdinalParse: /\d{1,2}(日|月|周)/,
+ ordinal : function (number, period) {
+ switch (period) {
+ case 'd':
+ case 'D':
+ case 'DDD':
+ return number + '日';
+ case 'M':
+ return number + '月';
+ case 'w':
+ case 'W':
+ return number + '周';
+ default:
+ return number;
+ }
+ },
+ relativeTime : {
+ future : '%s内',
+ past : '%s前',
+ s : '几秒',
+ ss : '%d 秒',
+ m : '1 分钟',
+ mm : '%d 分钟',
+ h : '1 小时',
+ hh : '%d 小时',
+ d : '1 天',
+ dd : '%d 天',
+ M : '1 个月',
+ MM : '%d 个月',
+ y : '1 年',
+ yy : '%d 年'
+ },
+ week : {
+ // GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
+ dow : 1, // Monday is the first day of the week.
+ doy : 4 // The week that contains Jan 4th is the first week of the year.
+ }
+ });
+
+ return zhCn;
+
+ })));
+
+
+ /***/ }),
+ /* 84 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- // stepper is used a lot. Saves allocation to return the same array wrapper.
- // This is fine and danger-free against mutations because the callsite
- // immediately destructures it and gets the numbers inside without passing the
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(938);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 85 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(981);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 86 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Icon = __webpack_require__(1053);
+
+ var _Icon2 = _interopRequireDefault(_Icon);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Icon2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 87 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Button = __webpack_require__(405);
+
+ var _Button2 = _interopRequireDefault(_Button);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Button2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 88 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
exports.__esModule = true;
- exports["default"] = stepper;
- var reusedTuple = [0, 0];
+ var _defineProperty = __webpack_require__(149);
- function stepper(secondPerFrame, x, v, destX, k, b, precision) {
- // Spring stiffness, in kg / s^2
+ var _defineProperty2 = _interopRequireDefault(_defineProperty);
- // for animations, destX is really spring length (spring at rest). initial
- // position is considered as the stretched/compressed position of a spring
- var Fspring = -k * (x - destX);
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- // Damping, in kg / s
- var Fdamper = -b * v;
-
- // usually we put mass here, but for animation purposes, specifying mass is a
- // bit redundant. you could simply adjust k and b accordingly
- // let a = (Fspring + Fdamper) / mass;
- var a = Fspring + Fdamper;
-
- var newV = v + a * secondPerFrame;
- var newX = x + newV * secondPerFrame;
-
- if (Math.abs(newV) < precision && Math.abs(newX - destX) < precision) {
- reusedTuple[0] = destX;
- reusedTuple[1] = 0;
- return reusedTuple;
+ exports.default = function (obj, key, value) {
+ if (key in obj) {
+ (0, _defineProperty2.default)(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
}
- reusedTuple[0] = newX;
- reusedTuple[1] = newV;
- return reusedTuple;
+ return obj;
+ };
+
+ /***/ }),
+ /* 89 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ // optional / simple context binding
+ var aFunction = __webpack_require__(441);
+ module.exports = function (fn, that, length) {
+ aFunction(fn);
+ if (that === undefined) return fn;
+ switch (length) {
+ case 1: return function (a) {
+ return fn.call(that, a);
+ };
+ case 2: return function (a, b) {
+ return fn.call(that, a, b);
+ };
+ case 3: return function (a, b, c) {
+ return fn.call(that, a, b, c);
+ };
+ }
+ return function (/* ...args */) {
+ return fn.apply(that, arguments);
+ };
+ };
+
+
+ /***/ }),
+ /* 90 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ // 7.1.1 ToPrimitive(input [, PreferredType])
+ var isObject = __webpack_require__(37);
+ // 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) {
+ if (!isObject(it)) return it;
+ var fn, val;
+ if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+ if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
+ if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+ throw TypeError("Can't convert object to primitive value");
+ };
+
+
+ /***/ }),
+ /* 91 */
+ /***/ (function(module, exports) {
+
+ var toString = {}.toString;
+
+ module.exports = function (it) {
+ return toString.call(it).slice(8, -1);
+ };
+
+
+ /***/ }),
+ /* 92 */
+ /***/ (function(module, exports) {
+
+ // 7.2.1 RequireObjectCoercible(argument)
+ module.exports = function (it) {
+ if (it == undefined) throw TypeError("Can't call method on " + it);
+ return it;
+ };
+
+
+ /***/ }),
+ /* 93 */
+ /***/ (function(module, exports) {
+
+ // 7.1.4 ToInteger
+ var ceil = Math.ceil;
+ var floor = Math.floor;
+ module.exports = function (it) {
+ return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+ };
+
+
+ /***/ }),
+ /* 94 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var shared = __webpack_require__(95)('keys');
+ var uid = __webpack_require__(65);
+ module.exports = function (key) {
+ return shared[key] || (shared[key] = uid(key));
+ };
+
+
+ /***/ }),
+ /* 95 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var core = __webpack_require__(13);
+ var global = __webpack_require__(23);
+ var SHARED = '__core-js_shared__';
+ var store = global[SHARED] || (global[SHARED] = {});
+
+ (module.exports = function (key, value) {
+ return store[key] || (store[key] = value !== undefined ? value : {});
+ })('versions', []).push({
+ version: core.version,
+ mode: __webpack_require__(64) ? 'pure' : 'global',
+ copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
+ });
+
+
+ /***/ }),
+ /* 96 */
+ /***/ (function(module, exports) {
+
+ // IE 8- don't enum bug keys
+ module.exports = (
+ 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+ ).split(',');
+
+
+ /***/ }),
+ /* 97 */
+ /***/ (function(module, exports) {
+
+ exports.f = Object.getOwnPropertySymbols;
+
+
+ /***/ }),
+ /* 98 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+ var anObject = __webpack_require__(36);
+ var dPs = __webpack_require__(452);
+ var enumBugKeys = __webpack_require__(96);
+ var IE_PROTO = __webpack_require__(94)('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__(151)('iframe');
+ var i = enumBugKeys.length;
+ var lt = '<';
+ var gt = '>';
+ var iframeDocument;
+ iframe.style.display = 'none';
+ __webpack_require__(453).appendChild(iframe);
+ iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+ // createDict = iframe.contentWindow.Object;
+ // html.removeChild(iframe);
+ iframeDocument = iframe.contentWindow.document;
+ iframeDocument.open();
+ iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+ iframeDocument.close();
+ createDict = iframeDocument.F;
+ while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
+ return createDict();
+ };
+
+ module.exports = Object.create || function create(O, Properties) {
+ var result;
+ if (O !== null) {
+ Empty[PROTOTYPE] = anObject(O);
+ result = new Empty();
+ Empty[PROTOTYPE] = null;
+ // add "__proto__" for Object.getPrototypeOf polyfill
+ result[IE_PROTO] = O;
+ } else result = createDict();
+ return Properties === undefined ? result : dPs(result, Properties);
+ };
+
+
+ /***/ }),
+ /* 99 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var def = __webpack_require__(24).f;
+ var has = __webpack_require__(31);
+ var TAG = __webpack_require__(18)('toStringTag');
+
+ module.exports = function (it, tag, stat) {
+ if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
+ };
+
+
+ /***/ }),
+ /* 100 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ exports.f = __webpack_require__(18);
+
+
+ /***/ }),
+ /* 101 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var global = __webpack_require__(23);
+ var core = __webpack_require__(13);
+ var LIBRARY = __webpack_require__(64);
+ var wksExt = __webpack_require__(100);
+ var defineProperty = __webpack_require__(24).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) });
+ };
+
+
+ /***/ }),
+ /* 102 */
+ /***/ (function(module, exports) {
+
+ /**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+ var isArray = Array.isArray;
+
+ module.exports = isArray;
+
+
+ /***/ }),
+ /* 103 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var baseGetTag = __webpack_require__(164),
+ isObjectLike = __webpack_require__(511);
+
+ /** `Object#toString` result references. */
+ var symbolTag = '[object Symbol]';
+
+ /**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+ function isSymbol(value) {
+ return typeof value == 'symbol' ||
+ (isObjectLike(value) && baseGetTag(value) == symbolTag);
}
- module.exports = exports["default"];
- // array reference around.
+ module.exports = isSymbol;
+
/***/ }),
- /* 139 */
+ /* 104 */
/***/ (function(module, exports, __webpack_require__) {
- /* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.7.1
- (function() {
- var getNanoSeconds, hrtime, loadTime;
+ var root = __webpack_require__(68);
- if ((typeof performance !== "undefined" && performance !== null) && performance.now) {
- module.exports = function() {
- return performance.now();
- };
- } else if ((typeof process !== "undefined" && process !== null) && process.hrtime) {
- module.exports = function() {
- return (getNanoSeconds() - loadTime) / 1e6;
- };
- hrtime = process.hrtime;
- getNanoSeconds = function() {
- var hr;
- hr = hrtime();
- return hr[0] * 1e9 + hr[1];
- };
- loadTime = getNanoSeconds();
- } else if (Date.now) {
- module.exports = function() {
- return Date.now() - loadTime;
- };
- loadTime = Date.now();
- } else {
- module.exports = function() {
- return new Date().getTime() - loadTime;
- };
- loadTime = new Date().getTime();
- }
+ /** Built-in value references. */
+ var Symbol = root.Symbol;
- }).call(this);
+ module.exports = Symbol;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
/***/ }),
- /* 140 */
+ /* 105 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var baseIsNative = __webpack_require__(519),
+ getValue = __webpack_require__(524);
+
+ /**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+ function getNative(object, key) {
+ var value = getValue(object, key);
+ return baseIsNative(value) ? value : undefined;
+ }
+
+ module.exports = getNative;
+
+
+ /***/ }),
+ /* 106 */
+ /***/ (function(module, exports) {
+
+ /**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+ function isObject(value) {
+ var type = typeof value;
+ return value != null && (type == 'object' || type == 'function');
+ }
+
+ module.exports = isObject;
+
+
+ /***/ }),
+ /* 107 */
+ /***/ (function(module, exports) {
+
+ /**
+ * Performs a
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * comparison between two values to determine if they are equivalent.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.eq(object, object);
+ * // => true
+ *
+ * _.eq(object, other);
+ * // => false
+ *
+ * _.eq('a', 'a');
+ * // => true
+ *
+ * _.eq('a', Object('a'));
+ * // => false
+ *
+ * _.eq(NaN, NaN);
+ * // => true
+ */
+ function eq(value, other) {
+ return value === other || (value !== value && other !== other);
+ }
+
+ module.exports = eq;
+
+
+ /***/ }),
+ /* 108 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- // usage assumption: currentStyle values have already been rendered but it says
- // nothing of whether currentStyle is stale (see unreadPropStyle)
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Select = __webpack_require__(582);
+
+ var _Select2 = _interopRequireDefault(_Select);
+
+ var _Option = __webpack_require__(114);
+
+ var _Option2 = _interopRequireDefault(_Option);
+
+ var _PropTypes = __webpack_require__(202);
+
+ var _OptGroup = __webpack_require__(203);
+
+ var _OptGroup2 = _interopRequireDefault(_OptGroup);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ _Select2["default"].Option = _Option2["default"];
+ _Select2["default"].OptGroup = _OptGroup2["default"];
+ exports["default"] = _Select2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 109 */
+ /***/ (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;
+ }
+
+ /***/ }),
+ /* 110 */
+ /***/ (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];
+ }
+
+ /***/ }),
+ /* 111 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(112);
+
+ var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
+
+ var _reactDom = __webpack_require__(4);
+
+ 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);
+ }
+
+ /***/ }),
+ /* 112 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
- exports.__esModule = true;
- exports['default'] = shouldStopAnimation;
+ Object.defineProperty(exports, '__esModule', {
+ value: true
+ });
+ exports['default'] = addEventListener;
- function shouldStopAnimation(currentStyle, style, currentVelocity) {
- for (var key in style) {
- if (!Object.prototype.hasOwnProperty.call(style, key)) {
- continue;
- }
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- if (currentVelocity[key] !== 0) {
- return false;
- }
+ var _EventObject = __webpack_require__(587);
- var styleValue = typeof style[key] === 'number' ? style[key] : style[key].val;
- // stepper will have already taken care of rounding precision errors, so
- // won't have such thing as 0.9999 !=== 1
- if (currentStyle[key] !== styleValue) {
- return false;
- }
+ var _EventObject2 = _interopRequireDefault(_EventObject);
+
+ function addEventListener(target, eventType, callback, option) {
+ function wrapCallback(e) {
+ var ne = new _EventObject2['default'](e);
+ callback.call(target, ne);
}
- return true;
+ if (target.addEventListener) {
+ var _ret = (function () {
+ var useCapture = false;
+ if (typeof option === 'object') {
+ useCapture = option.capture || false;
+ } else if (typeof option === 'boolean') {
+ useCapture = option;
+ }
+
+ target.addEventListener(eventType, wrapCallback, option || false);
+
+ return {
+ v: {
+ remove: function remove() {
+ target.removeEventListener(eventType, wrapCallback, useCapture);
+ }
+ }
+ };
+ })();
+
+ if (typeof _ret === 'object') return _ret.v;
+ } else if (target.attachEvent) {
+ target.attachEvent('on' + eventType, wrapCallback);
+ return {
+ remove: function remove() {
+ target.detachEvent('on' + eventType, wrapCallback);
+ }
+ };
+ }
}
module.exports = exports['default'];
/***/ }),
- /* 141 */
+ /* 113 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
+ /* 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_babel_runtime_helpers_defineProperty__ = __webpack_require__(88);
+ /* 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__(8);
+ /* 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__(42);
+ /* 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__(10);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
+ /* 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__(623);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__AnimateChild__ = __webpack_require__(624);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_animate__ = __webpack_require__(197);
+
+
+
+
+
+
+
+
+
+
+
+
+ var defaultKey = 'rc_animate_' + Date.now();
+
+ function getChildrenFromProps(props) {
+ var children = props.children;
+ if (__WEBPACK_IMPORTED_MODULE_6_react___default.a.isValidElement(children)) {
+ if (!children.key) {
+ return __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(children, {
+ key: defaultKey
+ });
+ }
+ }
+ return children;
+ }
+
+ function noop() {}
+
+ var Animate = function (_React$Component) {
+ __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Animate, _React$Component);
+
+ // eslint-disable-line
+
+ function Animate(props) {
+ __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, Animate);
+
+ var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Animate.__proto__ || Object.getPrototypeOf(Animate)).call(this, props));
+
+ _initialiseProps.call(_this);
+
+ _this.currentlyAnimatingKeys = {};
+ _this.keysToEnter = [];
+ _this.keysToLeave = [];
+
+ _this.state = {
+ children: Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props))
+ };
+
+ _this.childrenRefs = {};
+ return _this;
+ }
+
+ __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(Animate, [{
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ var _this2 = this;
+
+ var showProp = this.props.showProp;
+ var children = this.state.children;
+ if (showProp) {
+ children = children.filter(function (child) {
+ return !!child.props[showProp];
+ });
+ }
+ children.forEach(function (child) {
+ if (child) {
+ _this2.performAppear(child.key);
+ }
+ });
+ }
+ }, {
+ key: 'componentWillReceiveProps',
+ value: function componentWillReceiveProps(nextProps) {
+ var _this3 = this;
+
+ this.nextProps = nextProps;
+ var nextChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(nextProps));
+ var props = this.props;
+ // exclusive needs immediate response
+ if (props.exclusive) {
+ Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
+ _this3.stop(key);
+ });
+ }
+ var showProp = props.showProp;
+ var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
+ // last props children if exclusive
+ var currentChildren = props.exclusive ? Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props)) : this.state.children;
+ // in case destroy in showProp mode
+ var newChildren = [];
+ if (showProp) {
+ currentChildren.forEach(function (currentChild) {
+ var nextChild = currentChild && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, currentChild.key);
+ var newChild = void 0;
+ if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
+ newChild = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(nextChild || currentChild, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()({}, showProp, true));
+ } else {
+ newChild = nextChild;
+ }
+ if (newChild) {
+ newChildren.push(newChild);
+ }
+ });
+ nextChildren.forEach(function (nextChild) {
+ if (!nextChild || !Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, nextChild.key)) {
+ newChildren.push(nextChild);
+ }
+ });
+ } else {
+ newChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["d" /* mergeChildren */])(currentChildren, nextChildren);
+ }
+
+ // need render to avoid update
+ this.setState({
+ children: newChildren
+ });
+
+ nextChildren.forEach(function (child) {
+ var key = child && child.key;
+ if (child && currentlyAnimatingKeys[key]) {
+ return;
+ }
+ var hasPrev = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
+ if (showProp) {
+ var showInNext = child.props[showProp];
+ if (hasPrev) {
+ var showInNow = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
+ if (!showInNow && showInNext) {
+ _this3.keysToEnter.push(key);
+ }
+ } else if (showInNext) {
+ _this3.keysToEnter.push(key);
+ }
+ } else if (!hasPrev) {
+ _this3.keysToEnter.push(key);
+ }
+ });
+
+ currentChildren.forEach(function (child) {
+ var key = child && child.key;
+ if (child && currentlyAnimatingKeys[key]) {
+ return;
+ }
+ var hasNext = child && Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(nextChildren, key);
+ if (showProp) {
+ var showInNow = child.props[showProp];
+ if (hasNext) {
+ var showInNext = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(nextChildren, key, showProp);
+ if (!showInNext && showInNow) {
+ _this3.keysToLeave.push(key);
+ }
+ } else if (showInNow) {
+ _this3.keysToLeave.push(key);
+ }
+ } else if (!hasNext) {
+ _this3.keysToLeave.push(key);
+ }
+ });
+ }
+ }, {
+ key: 'componentDidUpdate',
+ value: function componentDidUpdate() {
+ var keysToEnter = this.keysToEnter;
+ this.keysToEnter = [];
+ keysToEnter.forEach(this.performEnter);
+ var keysToLeave = this.keysToLeave;
+ this.keysToLeave = [];
+ keysToLeave.forEach(this.performLeave);
+ }
+ }, {
+ key: 'isValidChildByKey',
+ value: function isValidChildByKey(currentChildren, key) {
+ var showProp = this.props.showProp;
+ if (showProp) {
+ return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["b" /* findShownChildInChildrenByKey */])(currentChildren, key, showProp);
+ }
+ return Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["a" /* findChildInChildrenByKey */])(currentChildren, key);
+ }
+ }, {
+ key: 'stop',
+ value: function stop(key) {
+ delete this.currentlyAnimatingKeys[key];
+ var component = this.childrenRefs[key];
+ if (component) {
+ component.stop();
+ }
+ }
+ }, {
+ key: 'render',
+ value: function render() {
+ var _this4 = this;
+
+ var props = this.props;
+ this.nextProps = props;
+ var stateChildren = this.state.children;
+ var children = null;
+ if (stateChildren) {
+ children = stateChildren.map(function (child) {
+ if (child === null || child === undefined) {
+ return child;
+ }
+ if (!child.key) {
+ throw new Error('must set key for children');
+ }
+ return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
+ __WEBPACK_IMPORTED_MODULE_9__AnimateChild__["a" /* default */],
+ {
+ key: child.key,
+ ref: function ref(node) {
+ _this4.childrenRefs[child.key] = node;
+ },
+ animation: props.animation,
+ transitionName: props.transitionName,
+ transitionEnter: props.transitionEnter,
+ transitionAppear: props.transitionAppear,
+ transitionLeave: props.transitionLeave
+ },
+ child
+ );
+ });
+ }
+ var Component = props.component;
+ if (Component) {
+ var passedProps = props;
+ if (typeof Component === 'string') {
+ passedProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
+ className: props.className,
+ style: props.style
+ }, props.componentProps);
+ }
+ return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
+ Component,
+ passedProps,
+ children
+ );
+ }
+ return children[0] || null;
+ }
+ }]);
+
+ return Animate;
+ }(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
+
+ Animate.isAnimate = true;
+ Animate.propTypes = {
+ component: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
+ componentProps: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
+ animation: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
+ transitionName: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object]),
+ transitionEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
+ transitionAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
+ exclusive: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
+ transitionLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
+ onEnd: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
+ onEnter: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
+ onLeave: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
+ onAppear: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
+ showProp: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
+ children: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.node
+ };
+ Animate.defaultProps = {
+ animation: {},
+ component: 'span',
+ componentProps: {},
+ transitionEnter: true,
+ transitionLeave: true,
+ transitionAppear: false,
+ onEnd: noop,
+ onEnter: noop,
+ onLeave: noop,
+ onAppear: noop
+ };
+
+ var _initialiseProps = function _initialiseProps() {
+ var _this5 = this;
+
+ this.performEnter = function (key) {
+ // may already remove by exclusive
+ if (_this5.childrenRefs[key]) {
+ _this5.currentlyAnimatingKeys[key] = true;
+ _this5.childrenRefs[key].componentWillEnter(_this5.handleDoneAdding.bind(_this5, key, 'enter'));
+ }
+ };
+
+ this.performAppear = function (key) {
+ if (_this5.childrenRefs[key]) {
+ _this5.currentlyAnimatingKeys[key] = true;
+ _this5.childrenRefs[key].componentWillAppear(_this5.handleDoneAdding.bind(_this5, key, 'appear'));
+ }
+ };
+
+ this.handleDoneAdding = function (key, type) {
+ var props = _this5.props;
+ delete _this5.currentlyAnimatingKeys[key];
+ // if update on exclusive mode, skip check
+ if (props.exclusive && props !== _this5.nextProps) {
+ return;
+ }
+ var currentChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props));
+ if (!_this5.isValidChildByKey(currentChildren, key)) {
+ // exclusive will not need this
+ _this5.performLeave(key);
+ } else if (type === 'appear') {
+ if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowAppearCallback(props)) {
+ props.onAppear(key);
+ props.onEnd(key, true);
+ }
+ } else if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowEnterCallback(props)) {
+ props.onEnter(key);
+ props.onEnd(key, true);
+ }
+ };
+
+ this.performLeave = function (key) {
+ // may already remove by exclusive
+ if (_this5.childrenRefs[key]) {
+ _this5.currentlyAnimatingKeys[key] = true;
+ _this5.childrenRefs[key].componentWillLeave(_this5.handleDoneLeaving.bind(_this5, key));
+ }
+ };
+
+ this.handleDoneLeaving = function (key) {
+ var props = _this5.props;
+ delete _this5.currentlyAnimatingKeys[key];
+ // if update on exclusive mode, skip check
+ if (props.exclusive && props !== _this5.nextProps) {
+ return;
+ }
+ var currentChildren = Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["e" /* toArrayChildren */])(getChildrenFromProps(props));
+ // in case state change is too fast
+ if (_this5.isValidChildByKey(currentChildren, key)) {
+ _this5.performEnter(key);
+ } else {
+ var end = function end() {
+ if (__WEBPACK_IMPORTED_MODULE_10__util_animate__["a" /* default */].allowLeaveCallback(props)) {
+ props.onLeave(key);
+ props.onEnd(key, false);
+ }
+ };
+ if (!Object(__WEBPACK_IMPORTED_MODULE_8__ChildrenUtils__["c" /* isSameChildren */])(_this5.state.children, currentChildren, props.showProp)) {
+ _this5.setState({
+ children: currentChildren
+ }, end);
+ } else {
+ end();
+ }
+ }
+ };
+ };
+
+ /* harmony default export */ __webpack_exports__["default"] = (Animate);
+
+ /***/ }),
+ /* 114 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ 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 _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); } /**
+ * This source code is quoted from rc-select.
+ * homepage: https://github.com/react-component/select
+ */
+
+
+ var Option = function (_React$Component) {
+ _inherits(Option, _React$Component);
+
+ function Option() {
+ _classCallCheck(this, Option);
+
+ return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+ }
+
+ return Option;
+ }(_react2["default"].Component);
+
+ Option.propTypes = {
+ value: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number])
+ };
+ Option.isSelectOption = true;
+ exports["default"] = Option;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 115 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_STYLE = 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; };
+
+ exports.toTitle = toTitle;
+ exports.getValuePropValue = getValuePropValue;
+ exports.getPropValue = getPropValue;
+ exports.isMultiple = isMultiple;
+ exports.isCombobox = isCombobox;
+ exports.isMultipleOrTags = isMultipleOrTags;
+ exports.isMultipleOrTagsOrCombobox = isMultipleOrTagsOrCombobox;
+ exports.isSingleMode = isSingleMode;
+ exports.toArray = toArray;
+ exports.getMapKey = getMapKey;
+ exports.preventDefaultEvent = preventDefaultEvent;
+ exports.findIndexInValueBySingleValue = findIndexInValueBySingleValue;
+ exports.getLabelFromPropsValue = getLabelFromPropsValue;
+ exports.getSelectKeys = getSelectKeys;
+ exports.findFirstMenuItem = findFirstMenuItem;
+ exports.includesSeparators = includesSeparators;
+ exports.splitBySeparators = splitBySeparators;
+ exports.defaultFilterFn = defaultFilterFn;
+ exports.validateOptionValue = validateOptionValue;
+ exports.saveRef = saveRef;
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function toTitle(title) {
+ if (typeof title === 'string') {
+ return title;
+ }
+ return null;
+ }
+
+ function getValuePropValue(child) {
+ if (!child) {
+ return null;
+ }
+
+ var props = child.props;
+ if ('value' in props) {
+ return props.value;
+ }
+ if (child.key) {
+ return child.key;
+ }
+ if (child.type && child.type.isSelectOptGroup && props.label) {
+ return props.label;
+ }
+ throw new Error('Need at least a key or a value or a label (only for OptGroup) for ' + child);
+ }
+
+ function getPropValue(child, prop) {
+ if (prop === 'value') {
+ return getValuePropValue(child);
+ }
+ return child.props[prop];
+ }
+
+ function isMultiple(props) {
+ return props.multiple;
+ }
+
+ function isCombobox(props) {
+ return props.combobox;
+ }
+
+ function isMultipleOrTags(props) {
+ return props.multiple || props.tags;
+ }
+
+ function isMultipleOrTagsOrCombobox(props) {
+ return isMultipleOrTags(props) || isCombobox(props);
+ }
+
+ function isSingleMode(props) {
+ return !isMultipleOrTagsOrCombobox(props);
+ }
+
+ function toArray(value) {
+ var ret = value;
+ if (value === undefined) {
+ ret = [];
+ } else if (!Array.isArray(value)) {
+ ret = [value];
+ }
+ return ret;
+ }
+
+ function getMapKey(value) {
+ return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '-' + value;
+ }
+
+ function preventDefaultEvent(e) {
+ e.preventDefault();
+ }
+
+ function findIndexInValueBySingleValue(value, singleValue) {
+ var index = -1;
+ for (var i = 0; i < value.length; i++) {
+ if (value[i] === singleValue) {
+ index = i;
+ break;
+ }
+ }
+ return index;
+ }
+
+ function getLabelFromPropsValue(value, key) {
+ var label = void 0;
+ value = toArray(value);
+ for (var i = 0; i < value.length; i++) {
+ if (value[i].key === key) {
+ label = value[i].label;
+ break;
+ }
+ }
+ return label;
+ }
+
+ function getSelectKeys(menuItems, value) {
+ if (value === null || value === undefined) {
+ return [];
+ }
+ var selectedKeys = [];
+ _react2["default"].Children.forEach(menuItems, function (item) {
+ if (item.type.isMenuItemGroup) {
+ selectedKeys = selectedKeys.concat(getSelectKeys(item.props.children, value));
+ } else {
+ var itemValue = getValuePropValue(item);
+ var itemKey = item.key;
+ if (findIndexInValueBySingleValue(value, itemValue) !== -1 && itemKey) {
+ selectedKeys.push(itemKey);
+ }
+ }
+ });
+ return selectedKeys;
+ }
+
+ var UNSELECTABLE_STYLE = exports.UNSELECTABLE_STYLE = {
+ userSelect: 'none',
+ WebkitUserSelect: 'none'
+ };
+
+ var UNSELECTABLE_ATTRIBUTE = exports.UNSELECTABLE_ATTRIBUTE = {
+ unselectable: 'on'
+ };
+
+ function findFirstMenuItem(children) {
+ for (var i = 0; i < children.length; i++) {
+ var child = children[i];
+ if (child.type.isMenuItemGroup) {
+ var found = findFirstMenuItem(child.props.children);
+ if (found) {
+ return found;
+ }
+ } else if (!child.props.disabled) {
+ return child;
+ }
+ }
+ return null;
+ }
+
+ function includesSeparators(string, separators) {
+ for (var i = 0; i < separators.length; ++i) {
+ if (string.lastIndexOf(separators[i]) > 0) {
+ return true;
+ }
+ }
+ return false;
+ }
+
+ function splitBySeparators(string, separators) {
+ var reg = new RegExp('[' + separators.join() + ']');
+ return string.split(reg).filter(function (token) {
+ return token;
+ });
+ }
+
+ function defaultFilterFn(input, child) {
+ if (child.props.disabled) {
+ return false;
+ }
+ var value = toArray(getPropValue(child, this.props.optionFilterProp)).join('');
+ return value.toLowerCase().indexOf(input.toLowerCase()) > -1;
+ }
+
+ function validateOptionValue(value, props) {
+ if (isSingleMode(props) || isMultiple(props)) {
+ return;
+ }
+ if (typeof value !== 'string') {
+ throw new Error('Invalid `value` of type `' + (typeof value === 'undefined' ? 'undefined' : _typeof(value)) + '` supplied to Option, ' + 'expected `string` when `tags/combobox` is `true`.');
+ }
+ }
+
+ function saveRef(instance, name) {
+ return function (node) {
+ instance[name] = node;
+ };
+ }
+
+ /***/ }),
+ /* 116 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ module.exports = __webpack_require__(635);
+
+ /***/ }),
+ /* 117 */
+ /***/ (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 _contains = __webpack_require__(46);
+
+ var _contains2 = _interopRequireDefault(_contains);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _warning = __webpack_require__(16);
+
+ var _warning2 = _interopRequireDefault(_warning);
+
+ var _Portal = __webpack_require__(47);
+
+ var _Portal2 = _interopRequireDefault(_Portal);
+
+ var _Overlay = __webpack_require__(119);
+
+ var _Overlay2 = _interopRequireDefault(_Overlay);
+
+ var _createChainedFunction = __webpack_require__(684);
+
+ var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
+
+ 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 isReact16 = _reactDom2["default"].createPortal !== undefined;
+ var createPortal = isReact16 ? _reactDom2["default"].createPortal : _reactDom2["default"].unstable_renderSubtreeIntoContainer;
+
+ /**
+ * 检查值是属于这个值,还是等于这个值
+ *
+ * @param {string} one
+ * @param {string|array} of
+ * @returns {boolean}
+ */
+ function isOneOf(one, of) {
+ if (Array.isArray(of)) {
+ return of.indexOf(one) >= 0;
+ }
+ return one === of;
+ }
+
+ var triggerType = _propTypes2["default"].oneOf(['click', 'hover', 'focus']);
+
+ var propTypes = _extends({}, _Portal2["default"].propTypes, _Overlay2["default"].propTypes, {
+
+ /**
+ * 指定哪些操作或操作触发叠加层可见性
+ */
+ trigger: _propTypes2["default"].oneOfType([triggerType, _propTypes2["default"].arrayOf(triggerType)]),
+
+ /**
+ * 显示和隐藏覆盖一旦触发的毫秒延迟量
+ */
+ delay: _propTypes2["default"].number,
+ /**
+ * 触发后显示叠加层之前的延迟毫秒
+ */
+ delayShow: _propTypes2["default"].number,
+ /**
+ * 触发后隐藏叠加层的延迟毫秒
+ */
+ delayHide: _propTypes2["default"].number,
+
+ // FIXME: This should be `defaultShow`.
+ /**
+ * 覆盖的初始可见性状态。对于更细微的可见性控制,请考虑直接使用覆盖组件。
+ */
+ defaultOverlayShown: _propTypes2["default"].bool,
+ visible: _propTypes2["default"].bool,
+
+ /**
+ * 要覆盖在目标旁边的元素或文本。
+ */
+ overlay: _propTypes2["default"].node.isRequired,
+
+ /**
+ * @private
+ */
+ onBlur: _propTypes2["default"].func,
+ /**
+ * @private
+ */
+ onClick: _propTypes2["default"].func,
+ /**
+ * @private
+ */
+ onFocus: _propTypes2["default"].func,
+ /**
+ * @private
+ */
+ onMouseOut: _propTypes2["default"].func,
+ /**
+ * @private
+ */
+ onMouseOver: _propTypes2["default"].func,
+
+ // Overridden props from ``.
+ /**
+ * @private
+ */
+ target: _propTypes2["default"].oneOf([null]),
+ /**
+ * @private
+ */
+ onHide: _propTypes2["default"].oneOf([null]),
+ /**
+ * @private
+ */
+ show: _propTypes2["default"].oneOf([null])
+ });
+
+ var defaultProps = {
+ defaultOverlayShown: false,
+ trigger: ['hover', 'focus']
+ };
+
+ var OverlayTrigger = function (_Component) {
+ _inherits(OverlayTrigger, _Component);
+
+ function OverlayTrigger(props, context) {
+ _classCallCheck(this, OverlayTrigger);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
+
+ _this.handleToggle = _this.handleToggle.bind(_this);
+ _this.handleDelayedShow = _this.handleDelayedShow.bind(_this);
+ _this.handleDelayedHide = _this.handleDelayedHide.bind(_this);
+ _this.handleHide = _this.handleHide.bind(_this);
+ _this.makeOverlay = _this.makeOverlay.bind(_this);
+
+ _this.handleMouseOver = function (e) {
+ return _this.handleMouseOverOut(_this.handleDelayedShow, e);
+ };
+ _this.handleMouseOut = function (e) {
+ return _this.handleMouseOverOut(_this.handleDelayedHide, e);
+ };
+
+ _this._mountNode = null;
+
+ var visible = void 0;
+ if ('visible' in props) {
+ visible = !!props.visible;
+ } else {
+ visible = !!props.defaultOverlayShown;
+ }
+
+ _this.state = {
+ show: visible
+ };
+ return _this;
+ }
+
+ OverlayTrigger.prototype.componentDidMount = function componentDidMount() {
+ this._mountNode = document.createElement('div');
+ !isReact16 && this.renderOverlay();
+ };
+
+ OverlayTrigger.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ !isReact16 && this.renderOverlay();
+ if ('visible' in this.props && prevProps.visible !== this.props.visible) {
+ this.setState({
+ show: this.props.visible
+ });
+ }
+ if ('isHoverShow' in this.props && prevProps.isHoverShow !== this.props.isHoverShow) {
+ this.setState({
+ show: this.props.isHoverShow
+ });
+ }
+ };
+
+ OverlayTrigger.prototype.componentWillUnmount = function componentWillUnmount() {
+ !isReact16 && _reactDom2["default"].unmountComponentAtNode(this._mountNode);
+ this._mountNode = null;
+ // 加判断去掉 clearTimeout
+ this._hoverShowDelay && clearTimeout(this._hoverShowDelay);
+ this._hoverShowDelay && clearTimeout(this._hoverHideDelay);
+ };
+
+ OverlayTrigger.prototype.handleToggle = function handleToggle() {
+ if (this.state.show) {
+ this.hide();
+ } else {
+ this.show();
+ }
+ };
+
+ OverlayTrigger.prototype.handleDelayedShow = function handleDelayedShow() {
+ var _this2 = this;
+
+ if (this._hoverHideDelay != null) {
+ clearTimeout(this._hoverHideDelay);
+ this._hoverHideDelay = null;
+ return;
+ }
+
+ if (this.state.show || this._hoverShowDelay != null) {
+ return;
+ }
+
+ var delay = this.props.delayShow != null ? this.props.delayShow : this.props.delay;
+
+ if (!delay) {
+ this.show();
+ return;
+ }
+
+ this._hoverShowDelay = setTimeout(function () {
+ _this2._hoverShowDelay = null;
+ _this2.show();
+ }, delay);
+ };
+
+ OverlayTrigger.prototype.handleDelayedHide = function handleDelayedHide() {
+ var _this3 = this;
+
+ if (this._hoverShowDelay != null) {
+ clearTimeout(this._hoverShowDelay);
+ this._hoverShowDelay = null;
+ return;
+ }
+
+ if (!this.state.show || this._hoverHideDelay != null) {
+ return;
+ }
+
+ var delay = this.props.delayHide != null ? this.props.delayHide : this.props.delay;
+
+ if (!delay) {
+ this.hide();
+ return;
+ }
+
+ this._hoverHideDelay = setTimeout(function () {
+ _this3._hoverHideDelay = null;
+ _this3.hide();
+ }, delay);
+ };
+
+ // 简单实现mouseEnter和mouseLeave。
+ // React的内置版本是有问题的:https://github.com/facebook/react/issues/4251
+ //在触发器被禁用的情况下,mouseOut / Over可能导致闪烁
+ //从一个子元素移动到另一个子元素。
+
+
+ OverlayTrigger.prototype.handleMouseOverOut = function handleMouseOverOut(handler, e) {
+ var target = e.currentTarget;
+ var related = e.relatedTarget || e.nativeEvent.toElement;
+
+ if (!related || related !== target && !(0, _contains2["default"])(target, related)) {
+ handler(e);
+ }
+ };
+
+ OverlayTrigger.prototype.handleHide = function handleHide() {
+ this.hide();
+ };
+
+ OverlayTrigger.prototype.show = function show() {
+ this.setState({ show: true });
+ };
+
+ OverlayTrigger.prototype.hide = function hide() {
+ this.setState({ show: false });
+ };
+
+ OverlayTrigger.prototype.makeOverlay = function makeOverlay(overlay, props) {
+ return _react2["default"].createElement(
+ _Overlay2["default"],
+ _extends({}, props, {
+ show: this.state.show,
+ onHide: this.handleHide,
+ target: this
+ }),
+ overlay
+ );
+ };
+
+ OverlayTrigger.prototype.renderOverlay = function renderOverlay() {
+ _reactDom2["default"].unstable_renderSubtreeIntoContainer(this, this._overlay, this._mountNode);
+ };
+
+ OverlayTrigger.prototype.render = function render() {
+ var _props = this.props,
+ trigger = _props.trigger,
+ overlay = _props.overlay,
+ children = _props.children,
+ onBlur = _props.onBlur,
+ onClick = _props.onClick,
+ onFocus = _props.onFocus,
+ onMouseOut = _props.onMouseOut,
+ onMouseOver = _props.onMouseOver,
+ props = _objectWithoutProperties(_props, ['trigger', 'overlay', 'children', 'onBlur', 'onClick', 'onFocus', 'onMouseOut', 'onMouseOver']);
+
+ delete props.delay;
+ delete props.delayShow;
+ delete props.delayHide;
+ delete props.defaultOverlayShown;
+
+ var child = _react2["default"].Children.only(children);
+ var childProps = child.props;
+
+ var triggerProps = {
+ 'aria-describedby': overlay.props.id
+ };
+
+ // FIXME: 这里用于传递这个组件上的处理程序的逻辑是不一致的。我们不应该通过任何这些道具。
+
+ triggerProps.onClick = (0, _createChainedFunction2["default"])(childProps.onClick, onClick);
+
+ if (isOneOf('click', trigger) && !('visible' in this.props)) {
+ triggerProps.onClick = (0, _createChainedFunction2["default"])(triggerProps.onClick, this.handleToggle);
+ }
+
+ 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.');
+
+ triggerProps.onMouseOver = (0, _createChainedFunction2["default"])(childProps.onMouseOver, onMouseOver, this.handleMouseOver);
+ triggerProps.onMouseOut = (0, _createChainedFunction2["default"])(childProps.onMouseOut, onMouseOut, this.handleMouseOut);
+ }
+
+ if (isOneOf('focus', trigger) && !('visible' in this.props)) {
+ triggerProps.onFocus = (0, _createChainedFunction2["default"])(childProps.onFocus, onFocus, this.handleDelayedShow);
+ triggerProps.onBlur = (0, _createChainedFunction2["default"])(childProps.onBlur, onBlur, this.handleDelayedHide);
+ }
+
+ this._overlay = this.makeOverlay(overlay, props);
+
+ if (!isReact16) {
+ return (0, _react.cloneElement)(child, triggerProps);
+ }
+ triggerProps.key = 'overlay';
+
+ var portal = _react2["default"].createElement(
+ _Portal2["default"],
+ {
+ key: 'portal',
+ container: props.container },
+ this._overlay
+ );
+
+ return [(0, _react.cloneElement)(child, triggerProps), portal];
+ };
+
+ return OverlayTrigger;
+ }(_react.Component);
+
+ OverlayTrigger.propTypes = propTypes;
+ OverlayTrigger.defaultProps = defaultProps;
+
+ exports["default"] = OverlayTrigger;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 118 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = getContainer;
+
+ var _reactDom = __webpack_require__(4);
+
+ 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'];
+
+ /***/ }),
+ /* 119 */
+ /***/ (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 _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _BaseOverlay = __webpack_require__(666);
+
+ var _BaseOverlay2 = _interopRequireDefault(_BaseOverlay);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ var _Fade = __webpack_require__(682);
+
+ var _Fade2 = _interopRequireDefault(_Fade);
+
+ 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 = _extends({}, _BaseOverlay2["default"].propTypes, {
+
+ /**
+ * 是否显示
+ */
+ show: _propTypes2["default"].bool,
+ /**
+ * 是
+ */
+ rootClose: _propTypes2["default"].bool,
+ /**
+ * 当点击rootClose触发close时的回调函数
+ */
+ onHide: _propTypes2["default"].func,
+
+ /**
+ * 使用动画
+ */
+ animation: _propTypes2["default"].oneOfType([_tinperBeeCore.elementType, _propTypes2["default"].func]),
+
+ /**
+ * Callback fired before the Overlay transitions in
+ */
+ onEnter: _propTypes2["default"].func,
+
+ /**
+ * Callback fired as the Overlay begins to transition in
+ */
+ onEntering: _propTypes2["default"].func,
+
+ /**
+ * Callback fired after the Overlay finishes transitioning in
+ */
+ onEntered: _propTypes2["default"].func,
+
+ /**
+ * Callback fired right before the Overlay transitions out
+ */
+ onExit: _propTypes2["default"].func,
+
+ /**
+ * Callback fired as the Overlay begins to transition out
+ */
+ onExiting: _propTypes2["default"].func,
+
+ /**
+ * Callback fired after the Overlay finishes transitioning out
+ */
+ onExited: _propTypes2["default"].func,
+
+ /**
+ * Sets the direction of the Overlay.
+ */
+ placement: _propTypes2["default"].oneOf(["top", "right", "bottom", "left", "topLeft", "rightTop", "bottomLeft", "leftTop", "topRight", "rightBottom", "bottomRight", "leftBottom"]),
+
+ /**
+ * 当Overlay在placement方向放不下时的第二优先级方向
+ */
+ secondPlacement: _propTypes2["default"].oneOf(['top', 'right', 'bottom', 'left'])
+ });
+
+ var defaultProps = {
+ animation: _Fade2["default"],
+ rootClose: false,
+ show: false,
+ placement: 'right'
+ };
+
+ var Overlay = function (_Component) {
+ _inherits(Overlay, _Component);
+
+ function Overlay() {
+ _classCallCheck(this, Overlay);
+
+ return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+ }
+
+ Overlay.prototype.render = function render() {
+ var _props = this.props,
+ animation = _props.animation,
+ children = _props.children,
+ props = _objectWithoutProperties(_props, ['animation', 'children']);
+
+ var transition = animation === true ? _Fade2["default"] : animation || null;
+
+ var child = void 0;
+
+ if (!transition) {
+ child = (0, _react.cloneElement)(children, {
+ className: (0, _classnames2["default"])(children.props.className, 'in')
+ });
+ } else {
+ child = children;
+ }
+
+ return _react2["default"].createElement(
+ _BaseOverlay2["default"],
+ _extends({}, props, {
+ transition: transition
+ }),
+ child
+ );
+ };
+
+ return Overlay;
+ }(_react.Component);
+
+ Overlay.propTypes = propTypes;
+ Overlay.defaultProps = defaultProps;
+
+ exports["default"] = Overlay;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 120 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _inDOM = __webpack_require__(17);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var off = function off() {};
+ if (_inDOM2.default) {
+ off = function () {
+ if (document.addEventListener) return function (node, eventName, handler, capture) {
+ return node.removeEventListener(eventName, handler, capture || false);
+ };else if (document.attachEvent) return function (node, eventName, handler) {
+ return node.detachEvent('on' + eventName, handler);
+ };
+ }();
+ }
+
+ exports.default = off;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 121 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -103267,11 +100923,357 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _properties = __webpack_require__(245);
+ var _properties = __webpack_require__(27);
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(131);
+ var _on = __webpack_require__(20);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _classnames = __webpack_require__(49);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _propTypes = __webpack_require__(1);
+
+ 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 transitionEndEvent = _properties2["default"].end;
+
+ //设置状态码
+ var UNMOUNTED = exports.UNMOUNTED = 0;
+ var EXITED = exports.EXITED = 1;
+ var ENTERING = exports.ENTERING = 2;
+ var ENTERED = exports.ENTERED = 3;
+ var EXITING = exports.EXITING = 4;
+
+ var propTypes = {
+ /**
+ * 是否触发动画
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * 不显示的时候是否移除组件
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * 如果设置为默认显示,挂载时显示动画
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * 设置超时时间,防止出现问题,可设置为>=动画时间
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * 退出组件时添加的class
+ */
+ exitedClassName: _propTypes2["default"].string,
+ /**
+ * 退出组件中添加的class
+ */
+ exitingClassName: _propTypes2["default"].string,
+ /**
+ * 进入动画后添加的class
+ */
+ enteredClassName: _propTypes2["default"].string,
+ /**
+ * 进入动画时添加的class
+ */
+ enteringClassName: _propTypes2["default"].string,
+
+ /**
+ * 进入动画开始时的钩子函数
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * 进入动画中的钩子函数
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * 进入动画后的钩子函数
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * 退出动画开始时的钩子函数
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * 退出动画中的钩子函数
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * 退出动画后的钩子函数
+ */
+ onExited: _propTypes2["default"].func
+ };
+
+ function noop() {}
+
+ var defaultProps = {
+ "in": false,
+ unmountOnExit: false,
+ transitionAppear: false,
+ timeout: 5000,
+ onEnter: noop,
+ onEntering: noop,
+ onEntered: noop,
+ onExit: noop,
+ onExiting: noop,
+ onExited: noop
+ };
+
+ /**
+ * 动画组件
+ */
+
+ var Transition = function (_Component) {
+ _inherits(Transition, _Component);
+
+ function Transition(props, context) {
+ _classCallCheck(this, Transition);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
+
+ var initialStatus = void 0;
+ if (props["in"]) {
+ // 在componentdidmount时开始执行动画
+ initialStatus = props.transitionAppear ? EXITED : ENTERED;
+ } else {
+ initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
+ }
+ _this.state = { status: initialStatus };
+
+ _this.nextCallback = null;
+ return _this;
+ }
+
+ Transition.prototype.componentDidMount = function componentDidMount() {
+ if (this.props.transitionAppear && this.props["in"]) {
+ this.performEnter(this.props);
+ }
+ };
+
+ Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if (nextProps["in"] && this.props.unmountOnExit) {
+ if (this.state.status === UNMOUNTED) {
+ // 在componentDidUpdate执行动画.
+ this.setState({ status: EXITED });
+ }
+ } else {
+ this._needsUpdate = true;
+ }
+ };
+
+ Transition.prototype.componentDidUpdate = function componentDidUpdate() {
+ var status = this.state.status;
+
+ if (this.props.unmountOnExit && status === EXITED) {
+ // 当使用unmountOnExit时,exited为exiting和unmont的过渡状态
+ if (this.props["in"]) {
+ this.performEnter(this.props);
+ } else {
+ this.setState({ status: UNMOUNTED });
+ }
+
+ return;
+ }
+
+ // 确保只响应prop变化
+ if (this._needsUpdate) {
+ this._needsUpdate = false;
+
+ if (this.props["in"]) {
+ if (status === EXITING) {
+ this.performEnter(this.props);
+ } else if (status === EXITED) {
+ this.performEnter(this.props);
+ }
+ // 其他,当我们已经输入或输出
+ } else {
+ if (status === ENTERING || status === ENTERED) {
+ this.performExit(this.props);
+ }
+ // 我们已经输入或输出完成
+ }
+ }
+ };
+
+ Transition.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.cancelNextCallback();
+ };
+
+ Transition.prototype.performEnter = function performEnter(props) {
+ var _this2 = this;
+
+ this.cancelNextCallback();
+ var node = _reactDom2["default"].findDOMNode(this);
+
+ // 这里接收新props
+ props.onEnter(node);
+
+ this.safeSetState({ status: ENTERING }, function () {
+ _this2.props.onEntering(node);
+
+ _this2.onTransitionEnd(node, function () {
+ _this2.safeSetState({ status: ENTERED }, function () {
+ _this2.props.onEntered(node);
+ });
+ });
+ });
+ };
+
+ Transition.prototype.performExit = function performExit(props) {
+ var _this3 = this;
+
+ this.cancelNextCallback();
+ var node = _reactDom2["default"].findDOMNode(this);
+
+ props.onExit(node);
+
+ this.safeSetState({ status: EXITING }, function () {
+ _this3.props.onExiting(node);
+
+ _this3.onTransitionEnd(node, function () {
+ _this3.safeSetState({ status: EXITED }, function () {
+ _this3.props.onExited(node);
+ });
+ });
+ });
+ };
+
+ Transition.prototype.cancelNextCallback = function cancelNextCallback() {
+ if (this.nextCallback !== null) {
+ this.nextCallback.cancel();
+ this.nextCallback = null;
+ }
+ };
+
+ Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
+ // 确保在组件销毁后挂起的setState被消除
+ this.setState(nextState, this.setNextCallback(callback));
+ };
+
+ Transition.prototype.setNextCallback = function setNextCallback(callback) {
+ var _this4 = this;
+
+ var active = true;
+
+ this.nextCallback = function (event) {
+ if (active) {
+ active = false;
+ _this4.nextCallback = null;
+
+ callback(event);
+ }
+ };
+
+ this.nextCallback.cancel = function () {
+ active = false;
+ };
+
+ return this.nextCallback;
+ };
+
+ Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
+ this.setNextCallback(handler);
+
+ if (node) {
+ if (transitionEndEvent == undefined) {
+ this.nextCallback();
+ } else {
+ (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
+ }
+ setTimeout(this.nextCallback, this.props.timeout);
+ } else {
+ setTimeout(this.nextCallback, 0);
+ }
+ };
+
+ Transition.prototype.render = function render() {
+ var status = this.state.status;
+ if (status === UNMOUNTED) {
+ return null;
+ }
+
+ var _props = this.props,
+ children = _props.children,
+ className = _props.className,
+ childProps = _objectWithoutProperties(_props, ['children', 'className']);
+
+ Object.keys(Transition.propTypes).forEach(function (key) {
+ return delete childProps[key];
+ });
+
+ var transitionClassName = void 0;
+ if (status === EXITED) {
+ transitionClassName = this.props.exitedClassName;
+ } else if (status === ENTERING) {
+ transitionClassName = this.props.enteringClassName;
+ } else if (status === ENTERED) {
+ transitionClassName = this.props.enteredClassName;
+ } else if (status === EXITING) {
+ transitionClassName = this.props.exitingClassName;
+ }
+
+ var child = _react2["default"].Children.only(children);
+ return _react2["default"].cloneElement(child, _extends({}, childProps, {
+ className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
+ }));
+ };
+
+ return Transition;
+ }(_react.Component);
+
+ Transition.propTypes = propTypes;
+
+ Transition.defaultProps = defaultProps;
+
+ exports["default"] = Transition;
+
+ /***/ }),
+ /* 122 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = 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; };
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _properties = __webpack_require__(27);
+
+ var _properties2 = _interopRequireDefault(_properties);
+
+ var _on = __webpack_require__(20);
var _on2 = _interopRequireDefault(_on);
@@ -103592,7 +101594,2276 @@
exports["default"] = Transition;
/***/ }),
- /* 142 */
+ /* 123 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = 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; };
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _properties = __webpack_require__(27);
+
+ var _properties2 = _interopRequireDefault(_properties);
+
+ var _on = __webpack_require__(20);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _propTypes = __webpack_require__(1);
+
+ 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 transitionEndEvent = _properties2["default"].end;
+
+ //设置状态码
+ var UNMOUNTED = exports.UNMOUNTED = 0;
+ var EXITED = exports.EXITED = 1;
+ var ENTERING = exports.ENTERING = 2;
+ var ENTERED = exports.ENTERED = 3;
+ var EXITING = exports.EXITING = 4;
+
+ var propTypes = {
+ /**
+ * 是否触发动画
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * 不显示的时候是否移除组件
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * 如果设置为默认显示,挂载时显示动画
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * 设置超时时间,防止出现问题,可设置为>=动画时间
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * 退出组件时添加的class
+ */
+ exitedClassName: _propTypes2["default"].string,
+ /**
+ * 退出组件中添加的class
+ */
+ exitingClassName: _propTypes2["default"].string,
+ /**
+ * 进入动画后添加的class
+ */
+ enteredClassName: _propTypes2["default"].string,
+ /**
+ * 进入动画时添加的class
+ */
+ enteringClassName: _propTypes2["default"].string,
+
+ /**
+ * 进入动画开始时的钩子函数
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * 进入动画中的钩子函数
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * 进入动画后的钩子函数
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * 退出动画开始时的钩子函数
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * 退出动画中的钩子函数
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * 退出动画后的钩子函数
+ */
+ onExited: _propTypes2["default"].func
+ };
+
+ function noop() {}
+
+ var defaultProps = {
+ "in": false,
+ unmountOnExit: false,
+ transitionAppear: false,
+ timeout: 5000,
+ onEnter: noop,
+ onEntering: noop,
+ onEntered: noop,
+ onExit: noop,
+ onExiting: noop,
+ onExited: noop
+ };
+
+ /**
+ * 动画组件
+ */
+
+ var Transition = function (_Component) {
+ _inherits(Transition, _Component);
+
+ function Transition(props, context) {
+ _classCallCheck(this, Transition);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
+
+ var initialStatus = void 0;
+ if (props["in"]) {
+ // 在componentdidmount时开始执行动画
+ initialStatus = props.transitionAppear ? EXITED : ENTERED;
+ } else {
+ initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
+ }
+ _this.state = { status: initialStatus };
+
+ _this.nextCallback = null;
+ return _this;
+ }
+
+ Transition.prototype.componentDidMount = function componentDidMount() {
+ if (this.props.transitionAppear && this.props["in"]) {
+ this.performEnter(this.props);
+ }
+ };
+
+ Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if (nextProps["in"] && this.props.unmountOnExit) {
+ if (this.state.status === UNMOUNTED) {
+ // 在componentDidUpdate执行动画.
+ this.setState({ status: EXITED });
+ }
+ } else {
+ this._needsUpdate = true;
+ }
+ };
+
+ Transition.prototype.componentDidUpdate = function componentDidUpdate() {
+ var status = this.state.status;
+
+ if (this.props.unmountOnExit && status === EXITED) {
+ // 当使用unmountOnExit时,exited为exiting和unmont的过渡状态
+ if (this.props["in"]) {
+ this.performEnter(this.props);
+ } else {
+ this.setState({ status: UNMOUNTED });
+ }
+
+ return;
+ }
+
+ // 确保只响应prop变化
+ if (this._needsUpdate) {
+ this._needsUpdate = false;
+
+ if (this.props["in"]) {
+ if (status === EXITING) {
+ this.performEnter(this.props);
+ } else if (status === EXITED) {
+ this.performEnter(this.props);
+ }
+ // 其他,当我们已经输入或输出
+ } else {
+ if (status === ENTERING || status === ENTERED) {
+ this.performExit(this.props);
+ }
+ // 我们已经输入或输出完成
+ }
+ }
+ };
+
+ Transition.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.cancelNextCallback();
+ };
+
+ Transition.prototype.performEnter = function performEnter(props) {
+ var _this2 = this;
+
+ this.cancelNextCallback();
+ var node = _reactDom2["default"].findDOMNode(this);
+
+ // 这里接收新props
+ props.onEnter(node);
+
+ this.safeSetState({ status: ENTERING }, function () {
+ _this2.props.onEntering(node);
+
+ _this2.onTransitionEnd(node, function () {
+ _this2.safeSetState({ status: ENTERED }, function () {
+ _this2.props.onEntered(node);
+ });
+ });
+ });
+ };
+
+ Transition.prototype.performExit = function performExit(props) {
+ var _this3 = this;
+
+ this.cancelNextCallback();
+ var node = _reactDom2["default"].findDOMNode(this);
+
+ props.onExit(node);
+
+ this.safeSetState({ status: EXITING }, function () {
+ _this3.props.onExiting(node);
+
+ _this3.onTransitionEnd(node, function () {
+ _this3.safeSetState({ status: EXITED }, function () {
+ _this3.props.onExited(node);
+ });
+ });
+ });
+ };
+
+ Transition.prototype.cancelNextCallback = function cancelNextCallback() {
+ if (this.nextCallback !== null) {
+ this.nextCallback.cancel();
+ this.nextCallback = null;
+ }
+ };
+
+ Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
+ // 确保在组件销毁后挂起的setState被消除
+ this.setState(nextState, this.setNextCallback(callback));
+ };
+
+ Transition.prototype.setNextCallback = function setNextCallback(callback) {
+ var _this4 = this;
+
+ var active = true;
+
+ this.nextCallback = function (event) {
+ if (active) {
+ active = false;
+ _this4.nextCallback = null;
+
+ callback(event);
+ }
+ };
+
+ this.nextCallback.cancel = function () {
+ active = false;
+ };
+
+ return this.nextCallback;
+ };
+
+ Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
+ this.setNextCallback(handler);
+
+ if (node) {
+ if (transitionEndEvent == undefined) {
+ this.nextCallback();
+ } else {
+ (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
+ }
+ setTimeout(this.nextCallback, this.props.timeout);
+ } else {
+ setTimeout(this.nextCallback, 0);
+ }
+ };
+
+ Transition.prototype.render = function render() {
+ var status = this.state.status;
+ if (status === UNMOUNTED) {
+ return null;
+ }
+
+ var _props = this.props,
+ children = _props.children,
+ className = _props.className,
+ childProps = _objectWithoutProperties(_props, ['children', 'className']);
+
+ Object.keys(Transition.propTypes).forEach(function (key) {
+ return delete childProps[key];
+ });
+
+ var transitionClassName = void 0;
+ if (status === EXITED) {
+ transitionClassName = this.props.exitedClassName;
+ } else if (status === ENTERING) {
+ transitionClassName = this.props.enteringClassName;
+ } else if (status === ENTERED) {
+ transitionClassName = this.props.enteredClassName;
+ } else if (status === EXITING) {
+ transitionClassName = this.props.exitingClassName;
+ }
+
+ var child = _react2["default"].Children.only(children);
+ return _react2["default"].cloneElement(child, _extends({}, childProps, {
+ className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
+ }));
+ };
+
+ return Transition;
+ }(_react.Component);
+
+ Transition.propTypes = propTypes;
+
+ Transition.defaultProps = defaultProps;
+
+ exports["default"] = Transition;
+
+ /***/ }),
+ /* 124 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.listen = exports.filter = exports.off = exports.on = undefined;
+
+ var _on = __webpack_require__(20);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _off = __webpack_require__(120);
+
+ var _off2 = _interopRequireDefault(_off);
+
+ var _filter = __webpack_require__(791);
+
+ var _filter2 = _interopRequireDefault(_filter);
+
+ var _listen = __webpack_require__(793);
+
+ var _listen2 = _interopRequireDefault(_listen);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.on = _on2.default;
+ exports.off = _off2.default;
+ exports.filter = _filter2.default;
+ exports.listen = _listen2.default;
+ exports.default = { on: _on2.default, off: _off2.default, filter: _filter2.default, listen: _listen2.default };
+
+ /***/ }),
+ /* 125 */
+ /***/ (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; }; /*eslint-disable react/prop-types */
+
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _warning = __webpack_require__(16);
+
+ var _warning2 = _interopRequireDefault(_warning);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ var _Portal = __webpack_require__(47);
+
+ var _Portal2 = _interopRequireDefault(_Portal);
+
+ var _ModalManager = __webpack_require__(794);
+
+ var _ModalManager2 = _interopRequireDefault(_ModalManager);
+
+ var _ownerDocument = __webpack_require__(48);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ var _addEventListener = __webpack_require__(78);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ var _addFocusListener = __webpack_require__(799);
+
+ var _addFocusListener2 = _interopRequireDefault(_addFocusListener);
+
+ var _inDOM = __webpack_require__(17);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ var _activeElement = __webpack_require__(800);
+
+ var _activeElement2 = _interopRequireDefault(_activeElement);
+
+ var _contains = __webpack_require__(46);
+
+ var _contains2 = _interopRequireDefault(_contains);
+
+ var _getContainer = __webpack_require__(118);
+
+ var _getContainer2 = _interopRequireDefault(_getContainer);
+
+ 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 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时触发的模态框关闭时的钩子函数
+ */
+ onHide: _propTypes2["default"].func,
+
+ /**
+ * 是否包含背景
+ */
+ backdrop: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].oneOf(['static'])]),
+
+ /**
+ *返回背景组件的函数
+ */
+ renderBackdrop: _propTypes2["default"].func,
+
+ /**
+ * 设置esc键特殊钩子函数
+ */
+ onEscapeKeyUp: _propTypes2["default"].func,
+
+ /**
+ * 当点击背景时触发的函数
+ */
+ onBackdropClick: _propTypes2["default"].func,
+
+ /**
+ * 背景的style
+ */
+ backdropStyle: _propTypes2["default"].object,
+
+ /**
+ * 背景的class
+ */
+ backdropClassName: _propTypes2["default"].string,
+
+ /**
+ *容器的class
+ */
+ containerClassName: _propTypes2["default"].string,
+
+ /**
+ * 按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状态的实例
+ */
+ manager: _propTypes2["default"].object.isRequired
+ });
+
+ var defaultProps = {
+ show: false,
+ backdrop: true,
+ keyboard: true,
+ autoFocus: true,
+ enforceFocus: true,
+ onHide: function onHide() {},
+ manager: modalManager,
+ renderBackdrop: function renderBackdrop(props) {
+ return _react2["default"].createElement('div', props);
+ }
+ };
+
+ var BaseModal = function (_Component) {
+ _inherits(BaseModal, _Component);
+
+ function BaseModal(props, content) {
+ _classCallCheck(this, BaseModal);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.state = {
+ exited: !_this.props.show
+ };
+
+ _this.onShow = _this.onShow.bind(_this);
+ _this.onHide = _this.onHide.bind(_this);
+ _this.setMountNode = _this.setMountNode.bind(_this);
+ _this.handleHidden = _this.handleHidden.bind(_this);
+ _this.handleBackdropClick = _this.handleBackdropClick.bind(_this);
+ _this.handleDocumentKeyUp = _this.handleDocumentKeyUp.bind(_this);
+ _this.checkForFocus = _this.checkForFocus.bind(_this);
+ _this.focus = _this.focus.bind(_this);
+ _this.restoreLastFocus = _this.restoreLastFocus.bind(_this);
+ _this.enforceFocus = _this.enforceFocus.bind(_this);
+ _this.getDialogElement = _this.getDialogElement.bind(_this);
+ _this.isTopModal = _this.isTopModal.bind(_this);
+ _this.renderBackdrop = _this.renderBackdrop.bind(_this);
+ return _this;
+ }
+
+ BaseModal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if (nextProps.show) {
+ this.setState({ exited: false });
+ } else if (!nextProps.transition) {
+ // Otherwise let handleHidden take care of marking exited.
+ this.setState({ exited: true });
+ }
+ };
+
+ BaseModal.prototype.componentWillUpdate = function componentWillUpdate(nextProps) {
+ if (!this.props.show && nextProps.show) {
+ this.checkForFocus();
+ }
+ };
+
+ BaseModal.prototype.componentDidMount = function componentDidMount() {
+ if (this.props.show) {
+ this.onShow();
+ }
+ this.mounted = true;
+ };
+
+ BaseModal.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var transition = this.props.transition;
+
+
+ if (prevProps.show && !this.props.show && !transition) {
+ // Otherwise handleHidden will call this.
+ this.onHide();
+ } else if (!prevProps.show && this.props.show) {
+ this.onShow();
+ }
+ };
+
+ BaseModal.prototype.componentWillUnmount = function componentWillUnmount() {
+ var _props = this.props,
+ show = _props.show,
+ transition = _props.transition;
+
+
+ if (show || transition && !this.state.exited) {
+ this.onHide();
+ }
+
+ this.mounted = false;
+ };
+
+ BaseModal.prototype.onShow = function onShow() {
+ var doc = (0, _ownerDocument2["default"])(this);
+ var container = (0, _getContainer2["default"])(this.props.container, doc.body);
+
+ this.props.manager.add(this, container, this.props.containerClassName);
+
+ this._onDocumentKeyupListener = (0, _addEventListener2["default"])(doc, 'keyup', this.handleDocumentKeyUp);
+
+ this._onFocusinListener = (0, _addFocusListener2["default"])(this.enforceFocus);
+
+ this.focus();
+
+ if (this.props.onShow) {
+ this.props.onShow();
+ }
+ };
+
+ BaseModal.prototype.onHide = function onHide() {
+ this.props.manager.remove(this);
+
+ this._onDocumentKeyupListener.remove();
+
+ this._onFocusinListener.remove();
+
+ this.restoreLastFocus();
+ };
+
+ BaseModal.prototype.setMountNode = function setMountNode(ref) {
+ this.mountNode = ref ? ref.getMountNode() : ref;
+ };
+
+ BaseModal.prototype.handleHidden = function handleHidden() {
+ this.setState({ exited: true });
+ this.onHide();
+
+ if (this.props.onExited) {
+ var _props2;
+
+ (_props2 = this.props).onExited.apply(_props2, arguments);
+ }
+ };
+
+ BaseModal.prototype.handleBackdropClick = function handleBackdropClick(e) {
+ if (e.target !== e.currentTarget) {
+ return;
+ }
+
+ if (this.props.onBackdropClick) {
+ this.props.onBackdropClick(e);
+ }
+
+ if (this.props.backdrop === true) {
+ this.props.onHide();
+ }
+ };
+
+ BaseModal.prototype.handleDocumentKeyUp = function handleDocumentKeyUp(e) {
+ if (this.props.keyboard && e.keyCode === 27 && this.isTopModal()) {
+ if (this.props.onEscapeKeyUp) {
+ this.props.onEscapeKeyUp(e);
+ }
+ this.props.onHide();
+ }
+ };
+
+ BaseModal.prototype.checkForFocus = function checkForFocus() {
+ if (_inDOM2["default"]) {
+ this.lastFocus = (0, _activeElement2["default"])();
+ }
+ };
+
+ BaseModal.prototype.focus = function focus() {
+ var autoFocus = this.props.autoFocus;
+ var modalContent = this.getDialogElement();
+ var current = (0, _activeElement2["default"])((0, _ownerDocument2["default"])(this));
+ var focusInModal = current && (0, _contains2["default"])(modalContent, current);
+
+ if (modalContent && autoFocus && !focusInModal) {
+ this.lastFocus = current;
+
+ if (!modalContent.hasAttribute('tabIndex')) {
+ modalContent.setAttribute('tabIndex', -1);
+ (0, _warning2["default"])(false, 'The modal content node does not accept focus. ' + 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".');
+ }
+
+ modalContent.focus();
+ }
+ };
+
+ BaseModal.prototype.restoreLastFocus = function restoreLastFocus() {
+ // Support: <=IE11 doesn't support `focus()` on svg elements (RB: #917)
+ if (this.lastFocus && this.lastFocus.focus) {
+ this.lastFocus.focus();
+ this.lastFocus = null;
+ }
+ };
+
+ BaseModal.prototype.enforceFocus = function enforceFocus() {
+ var enforceFocus = this.props.enforceFocus;
+
+
+ if (!enforceFocus || !this.mounted || !this.isTopModal()) {
+ return;
+ }
+
+ var active = (0, _activeElement2["default"])((0, _ownerDocument2["default"])(this));
+ var modal = this.getDialogElement();
+
+ if (modal && modal !== active && !(0, _contains2["default"])(modal, active)) {
+ modal.focus();
+ }
+ };
+
+ //instead of a ref, which might conflict with one the parent applied.
+
+
+ BaseModal.prototype.getDialogElement = function getDialogElement() {
+ var node = this.refs.modal;
+ return node && node.lastChild;
+ };
+
+ BaseModal.prototype.isTopModal = function isTopModal() {
+ return this.props.manager.isTopModal(this);
+ };
+
+ BaseModal.prototype.renderBackdrop = function renderBackdrop() {
+ var _this2 = this;
+
+ var _props3 = this.props,
+ backdropStyle = _props3.backdropStyle,
+ backdropClassName = _props3.backdropClassName,
+ renderBackdrop = _props3.renderBackdrop,
+ Transition = _props3.transition,
+ backdropTransitionTimeout = _props3.backdropTransitionTimeout;
+
+
+ var backdropRef = function backdropRef(ref) {
+ return _this2.backdrop = ref;
+ };
+
+ var backdrop = _react2["default"].createElement('div', {
+ ref: backdropRef,
+ style: this.props.backdropStyle,
+ className: this.props.backdropClassName,
+ onClick: this.handleBackdropClick
+ });
+
+ if (Transition) {
+ backdrop = _react2["default"].createElement(
+ Transition,
+ { transitionAppear: true,
+ 'in': this.props.show,
+ timeout: backdropTransitionTimeout
+ },
+ renderBackdrop({
+ ref: backdropRef,
+ style: backdropStyle,
+ className: backdropClassName,
+ onClick: this.handleBackdropClick
+ })
+ );
+ }
+
+ return backdrop;
+ };
+
+ BaseModal.prototype.render = function render() {
+ var _props4 = this.props,
+ show = _props4.show,
+ container = _props4.container,
+ children = _props4.children,
+ Transition = _props4.transition,
+ backdrop = _props4.backdrop,
+ dialogTransitionTimeout = _props4.dialogTransitionTimeout,
+ className = _props4.className,
+ style = _props4.style,
+ onExit = _props4.onExit,
+ onExiting = _props4.onExiting,
+ onEnter = _props4.onEnter,
+ onEntering = _props4.onEntering,
+ onEntered = _props4.onEntered;
+
+
+ var dialog = _react2["default"].Children.only(children);
+
+ var mountModal = show || Transition && !this.state.exited;
+ if (!mountModal) {
+ return null;
+ }
+
+ var _dialog$props = dialog.props,
+ role = _dialog$props.role,
+ tabIndex = _dialog$props.tabIndex;
+
+
+ if (role === undefined || tabIndex === undefined) {
+ dialog = (0, _react.cloneElement)(dialog, {
+ role: role === undefined ? 'document' : role,
+ tabIndex: tabIndex == null ? '-1' : tabIndex
+ });
+ }
+
+ if (Transition) {
+ dialog = _react2["default"].createElement(
+ Transition,
+ {
+ transitionAppear: true,
+ unmountOnExit: true,
+ 'in': show,
+ timeout: dialogTransitionTimeout,
+ onExit: onExit,
+ onExiting: onExiting,
+ onExited: this.handleHidden,
+ onEnter: onEnter,
+ onEntering: onEntering,
+ onEntered: onEntered
+ },
+ dialog
+ );
+ }
+
+ return _react2["default"].createElement(
+ _Portal2["default"],
+ {
+ ref: this.setMountNode,
+ container: container
+ },
+ _react2["default"].createElement(
+ 'div',
+ {
+ ref: 'modal',
+ role: role || 'dialog',
+ style: style,
+ className: className
+ },
+ backdrop && this.renderBackdrop(),
+ dialog
+ )
+ );
+ };
+
+ return BaseModal;
+ }(_react.Component);
+
+ ;
+
+ BaseModal.Manager = _ModalManager2["default"];
+
+ BaseModal.propTypes = propTypes;
+ BaseModal.defaultProps = defaultProps;
+
+ exports["default"] = BaseModal;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 126 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = 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; };
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _properties = __webpack_require__(27);
+
+ var _properties2 = _interopRequireDefault(_properties);
+
+ var _on = __webpack_require__(20);
+
+ var _on2 = _interopRequireDefault(_on);
+
+ var _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _propTypes = __webpack_require__(1);
+
+ 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 transitionEndEvent = _properties2["default"].end;
+
+ //设置状态码
+ var UNMOUNTED = exports.UNMOUNTED = 0;
+ var EXITED = exports.EXITED = 1;
+ var ENTERING = exports.ENTERING = 2;
+ var ENTERED = exports.ENTERED = 3;
+ var EXITING = exports.EXITING = 4;
+
+ var propTypes = {
+ /**
+ * 是否触发动画
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * 不显示的时候是否移除组件
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * 如果设置为默认显示,挂载时显示动画
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * 设置超时时间,防止出现问题,可设置为>=动画时间
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * 退出组件时添加的class
+ */
+ exitedClassName: _propTypes2["default"].string,
+ /**
+ * 退出组件中添加的class
+ */
+ exitingClassName: _propTypes2["default"].string,
+ /**
+ * 进入动画后添加的class
+ */
+ enteredClassName: _propTypes2["default"].string,
+ /**
+ * 进入动画时添加的class
+ */
+ enteringClassName: _propTypes2["default"].string,
+
+ /**
+ * 进入动画开始时的钩子函数
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * 进入动画中的钩子函数
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * 进入动画后的钩子函数
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * 退出动画开始时的钩子函数
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * 退出动画中的钩子函数
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * 退出动画后的钩子函数
+ */
+ onExited: _propTypes2["default"].func
+ };
+
+ function noop() {}
+
+ var defaultProps = {
+ "in": false,
+ unmountOnExit: false,
+ transitionAppear: false,
+ timeout: 5000,
+ onEnter: noop,
+ onEntering: noop,
+ onEntered: noop,
+ onExit: noop,
+ onExiting: noop,
+ onExited: noop
+ };
+
+ /**
+ * 动画组件
+ */
+
+ var Transition = function (_Component) {
+ _inherits(Transition, _Component);
+
+ function Transition(props, context) {
+ _classCallCheck(this, Transition);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
+
+ var initialStatus = void 0;
+ if (props["in"]) {
+ // 在componentdidmount时开始执行动画
+ initialStatus = props.transitionAppear ? EXITED : ENTERED;
+ } else {
+ initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
+ }
+ _this.state = { status: initialStatus };
+
+ _this.nextCallback = null;
+ return _this;
+ }
+
+ Transition.prototype.componentDidMount = function componentDidMount() {
+ if (this.props.transitionAppear && this.props["in"]) {
+ this.performEnter(this.props);
+ }
+ };
+
+ Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if (nextProps["in"] && this.props.unmountOnExit) {
+ if (this.state.status === UNMOUNTED) {
+ // 在componentDidUpdate执行动画.
+ this.setState({ status: EXITED });
+ }
+ } else {
+ this._needsUpdate = true;
+ }
+ };
+
+ Transition.prototype.componentDidUpdate = function componentDidUpdate() {
+ var status = this.state.status;
+
+ if (this.props.unmountOnExit && status === EXITED) {
+ // 当使用unmountOnExit时,exited为exiting和unmont的过渡状态
+ if (this.props["in"]) {
+ this.performEnter(this.props);
+ } else {
+ this.setState({ status: UNMOUNTED });
+ }
+
+ return;
+ }
+
+ // 确保只响应prop变化
+ if (this._needsUpdate) {
+ this._needsUpdate = false;
+
+ if (this.props["in"]) {
+ if (status === EXITING) {
+ this.performEnter(this.props);
+ } else if (status === EXITED) {
+ this.performEnter(this.props);
+ }
+ // 其他,当我们已经输入或输出
+ } else {
+ if (status === ENTERING || status === ENTERED) {
+ this.performExit(this.props);
+ }
+ // 我们已经输入或输出完成
+ }
+ }
+ };
+
+ Transition.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.cancelNextCallback();
+ };
+
+ Transition.prototype.performEnter = function performEnter(props) {
+ var _this2 = this;
+
+ this.cancelNextCallback();
+ var node = _reactDom2["default"].findDOMNode(this);
+
+ // 这里接收新props
+ props.onEnter(node);
+
+ this.safeSetState({ status: ENTERING }, function () {
+ _this2.props.onEntering(node);
+
+ _this2.onTransitionEnd(node, function () {
+ _this2.safeSetState({ status: ENTERED }, function () {
+ _this2.props.onEntered(node);
+ });
+ });
+ });
+ };
+
+ Transition.prototype.performExit = function performExit(props) {
+ var _this3 = this;
+
+ this.cancelNextCallback();
+ var node = _reactDom2["default"].findDOMNode(this);
+
+ props.onExit(node);
+
+ this.safeSetState({ status: EXITING }, function () {
+ _this3.props.onExiting(node);
+
+ _this3.onTransitionEnd(node, function () {
+ _this3.safeSetState({ status: EXITED }, function () {
+ _this3.props.onExited(node);
+ });
+ });
+ });
+ };
+
+ Transition.prototype.cancelNextCallback = function cancelNextCallback() {
+ if (this.nextCallback !== null) {
+ this.nextCallback.cancel();
+ this.nextCallback = null;
+ }
+ };
+
+ Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
+ // 确保在组件销毁后挂起的setState被消除
+ this.setState(nextState, this.setNextCallback(callback));
+ };
+
+ Transition.prototype.setNextCallback = function setNextCallback(callback) {
+ var _this4 = this;
+
+ var active = true;
+
+ this.nextCallback = function (event) {
+ if (active) {
+ active = false;
+ _this4.nextCallback = null;
+
+ callback(event);
+ }
+ };
+
+ this.nextCallback.cancel = function () {
+ active = false;
+ };
+
+ return this.nextCallback;
+ };
+
+ Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
+ this.setNextCallback(handler);
+
+ if (node) {
+ if (transitionEndEvent == undefined) {
+ this.nextCallback();
+ } else {
+ (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
+ }
+ setTimeout(this.nextCallback, this.props.timeout);
+ } else {
+ setTimeout(this.nextCallback, 0);
+ }
+ };
+
+ Transition.prototype.render = function render() {
+ var status = this.state.status;
+ if (status === UNMOUNTED) {
+ return null;
+ }
+
+ var _props = this.props,
+ children = _props.children,
+ className = _props.className,
+ childProps = _objectWithoutProperties(_props, ['children', 'className']);
+
+ Object.keys(Transition.propTypes).forEach(function (key) {
+ return delete childProps[key];
+ });
+
+ var transitionClassName = void 0;
+ if (status === EXITED) {
+ transitionClassName = this.props.exitedClassName;
+ } else if (status === ENTERING) {
+ transitionClassName = this.props.enteringClassName;
+ } else if (status === ENTERED) {
+ transitionClassName = this.props.enteredClassName;
+ } else if (status === EXITING) {
+ transitionClassName = this.props.exitingClassName;
+ }
+
+ var child = _react2["default"].Children.only(children);
+ return _react2["default"].cloneElement(child, _extends({}, childProps, {
+ className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
+ }));
+ };
+
+ return Transition;
+ }(_react.Component);
+
+ Transition.propTypes = propTypes;
+
+ Transition.defaultProps = defaultProps;
+
+ exports["default"] = Transition;
+
+ /***/ }),
+ /* 127 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Dnd = __webpack_require__(807);
+
+ var _Dnd2 = _interopRequireDefault(_Dnd);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Dnd2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 128 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["a"] = warning;
+ /**
+ * Prints a warning in the console if it exists.
+ *
+ * @param {String} message The warning message.
+ * @returns {void}
+ */
+ function warning(message) {
+ /* eslint-disable no-console */
+ if (typeof console !== 'undefined' && typeof console.error === 'function') {
+ console.error(message);
+ }
+ /* eslint-enable no-console */
+
+
+ try {
+ // This error was thrown as a convenience so that if you enable
+ // "break on all exceptions" in your console,
+ // it would pause the execution at this line.
+ throw new Error(message);
+ /* eslint-disable no-empty */
+ } catch (e) {}
+ /* eslint-enable no-empty */
+
+ }
+
+ /***/ }),
+ /* 129 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["a"] = _extends;
+ 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);
+ }
+
+ /***/ }),
+ /* 130 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["a"] = _objectWithoutPropertiesLoose;
+ function _objectWithoutPropertiesLoose(source, excluded) {
+ if (source == null) return {};
+ var target = {};
+ var sourceKeys = Object.keys(source);
+ var key, i;
+
+ for (i = 0; i < sourceKeys.length; i++) {
+ key = sourceKeys[i];
+ if (excluded.indexOf(key) >= 0) continue;
+ target[key] = source[key];
+ }
+
+ return target;
+ }
+
+ /***/ }),
+ /* 131 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ // currently used to initiate the velocity style object to 0
+
+
+ exports.__esModule = true;
+ exports['default'] = mapToZero;
+
+ function mapToZero(obj) {
+ var ret = {};
+ for (var key in obj) {
+ if (Object.prototype.hasOwnProperty.call(obj, key)) {
+ ret[key] = 0;
+ }
+ }
+ return ret;
+ }
+
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 132 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ // stepper is used a lot. Saves allocation to return the same array wrapper.
+ // This is fine and danger-free against mutations because the callsite
+ // immediately destructures it and gets the numbers inside without passing the
+
+
+ exports.__esModule = true;
+ exports["default"] = stepper;
+
+ var reusedTuple = [0, 0];
+
+ function stepper(secondPerFrame, x, v, destX, k, b, precision) {
+ // Spring stiffness, in kg / s^2
+
+ // for animations, destX is really spring length (spring at rest). initial
+ // position is considered as the stretched/compressed position of a spring
+ var Fspring = -k * (x - destX);
+
+ // Damping, in kg / s
+ var Fdamper = -b * v;
+
+ // usually we put mass here, but for animation purposes, specifying mass is a
+ // bit redundant. you could simply adjust k and b accordingly
+ // let a = (Fspring + Fdamper) / mass;
+ var a = Fspring + Fdamper;
+
+ var newV = v + a * secondPerFrame;
+ var newX = x + newV * secondPerFrame;
+
+ if (Math.abs(newV) < precision && Math.abs(newX - destX) < precision) {
+ reusedTuple[0] = destX;
+ reusedTuple[1] = 0;
+ return reusedTuple;
+ }
+
+ reusedTuple[0] = newX;
+ reusedTuple[1] = newV;
+ return reusedTuple;
+ }
+
+ module.exports = exports["default"];
+ // array reference around.
+
+ /***/ }),
+ /* 133 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.7.1
+ (function() {
+ var getNanoSeconds, hrtime, loadTime;
+
+ if ((typeof performance !== "undefined" && performance !== null) && performance.now) {
+ module.exports = function() {
+ return performance.now();
+ };
+ } else if ((typeof process !== "undefined" && process !== null) && process.hrtime) {
+ module.exports = function() {
+ return (getNanoSeconds() - loadTime) / 1e6;
+ };
+ hrtime = process.hrtime;
+ getNanoSeconds = function() {
+ var hr;
+ hr = hrtime();
+ return hr[0] * 1e9 + hr[1];
+ };
+ loadTime = getNanoSeconds();
+ } else if (Date.now) {
+ module.exports = function() {
+ return Date.now() - loadTime;
+ };
+ loadTime = Date.now();
+ } else {
+ module.exports = function() {
+ return new Date().getTime() - loadTime;
+ };
+ loadTime = new Date().getTime();
+ }
+
+ }).call(this);
+
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+ /***/ }),
+ /* 134 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ // usage assumption: currentStyle values have already been rendered but it says
+ // nothing of whether currentStyle is stale (see unreadPropStyle)
+
+
+ exports.__esModule = true;
+ exports['default'] = shouldStopAnimation;
+
+ function shouldStopAnimation(currentStyle, style, currentVelocity) {
+ for (var key in style) {
+ if (!Object.prototype.hasOwnProperty.call(style, key)) {
+ continue;
+ }
+
+ if (currentVelocity[key] !== 0) {
+ return false;
+ }
+
+ var styleValue = typeof style[key] === 'number' ? style[key] : style[key].val;
+ // stepper will have already taken care of rounding precision errors, so
+ // won't have such thing as 0.9999 !=== 1
+ if (currentStyle[key] !== styleValue) {
+ return false;
+ }
+ }
+
+ return true;
+ }
+
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 135 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+ /* 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__);
+
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ 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 inherits = function (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 possibleConstructorReturn = function (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;
+ };
+
+ var styles = {
+ base: {
+ position: 'absolute',
+ userSelect: 'none',
+ MsUserSelect: 'none'
+ },
+ top: {
+ width: '100%',
+ height: '10px',
+ top: '-5px',
+ left: '0px',
+ cursor: 'row-resize'
+ },
+ right: {
+ width: '10px',
+ height: '100%',
+ top: '0px',
+ right: '-5px',
+ cursor: 'col-resize'
+ },
+ bottom: {
+ width: '100%',
+ height: '10px',
+ bottom: '-5px',
+ left: '0px',
+ cursor: 'row-resize'
+ },
+ left: {
+ width: '10px',
+ height: '100%',
+ top: '0px',
+ left: '-5px',
+ cursor: 'col-resize'
+ },
+ topRight: {
+ width: '20px',
+ height: '20px',
+ position: 'absolute',
+ right: '-10px',
+ top: '-10px',
+ cursor: 'ne-resize'
+ },
+ bottomRight: {
+ width: '20px',
+ height: '20px',
+ position: 'absolute',
+ right: '-10px',
+ bottom: '-10px',
+ cursor: 'se-resize'
+ },
+ bottomLeft: {
+ width: '20px',
+ height: '20px',
+ position: 'absolute',
+ left: '-10px',
+ bottom: '-10px',
+ cursor: 'sw-resize'
+ },
+ topLeft: {
+ width: '20px',
+ height: '20px',
+ position: 'absolute',
+ left: '-10px',
+ top: '-10px',
+ cursor: 'nw-resize'
+ }
+ };
+
+ var Resizer = (function (props) {
+ return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
+ 'div',
+ {
+ className: props.className,
+ style: _extends({}, styles.base, styles[props.direction], props.replaceStyles || {}),
+ onMouseDown: function onMouseDown(e) {
+ props.onResizeStart(e, props.direction);
+ },
+ onTouchStart: function onTouchStart(e) {
+ props.onResizeStart(e, props.direction);
+ }
+ },
+ props.children
+ );
+ });
+
+ var userSelectNone = {
+ userSelect: 'none',
+ MozUserSelect: 'none',
+ WebkitUserSelect: 'none',
+ MsUserSelect: 'none'
+ };
+
+ var userSelectAuto = {
+ userSelect: 'auto',
+ MozUserSelect: 'auto',
+ WebkitUserSelect: 'auto',
+ MsUserSelect: 'auto'
+ };
+
+ var clamp = function clamp(n, min, max) {
+ return Math.max(Math.min(n, max), min);
+ };
+ var snap = function snap(n, size) {
+ return Math.round(n / size) * size;
+ };
+
+ var findClosestSnap = function findClosestSnap(n, snapArray) {
+ return snapArray.reduce(function (prev, curr) {
+ return Math.abs(curr - n) < Math.abs(prev - n) ? curr : prev;
+ });
+ };
+
+ var endsWith = function endsWith(str, searchStr) {
+ return str.substr(str.length - searchStr.length, searchStr.length) === searchStr;
+ };
+
+ var getStringSize = function getStringSize(n) {
+ if (n.toString() === 'auto') return n.toString();
+ if (endsWith(n.toString(), 'px')) return n.toString();
+ if (endsWith(n.toString(), '%')) return n.toString();
+ if (endsWith(n.toString(), 'vh')) return n.toString();
+ if (endsWith(n.toString(), 'vw')) return n.toString();
+ if (endsWith(n.toString(), 'vmax')) return n.toString();
+ if (endsWith(n.toString(), 'vmin')) return n.toString();
+ return n + 'px';
+ };
+
+ var definedProps = ['style', 'className', 'grid', 'snap', 'bounds', 'size', 'defaultSize', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'lockAspectRatio', 'lockAspectRatioExtraWidth', 'lockAspectRatioExtraHeight', 'enable', 'handleStyles', 'handleClasses', 'handleWrapperStyle', 'handleWrapperClass', 'children', 'onResizeStart', 'onResize', 'onResizeStop', 'handleComponent', 'scale', 'resizeRatio'];
+
+ var baseClassName = '__resizable_base__';
+
+ var Resizable = function (_React$Component) {
+ inherits(Resizable, _React$Component);
+
+ function Resizable(props) {
+ classCallCheck(this, Resizable);
+
+ var _this = possibleConstructorReturn(this, (Resizable.__proto__ || Object.getPrototypeOf(Resizable)).call(this, props));
+
+ _this.state = {
+ isResizing: false,
+ resizeCursor: 'auto',
+ width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.width,
+ height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.height,
+ direction: 'right',
+ original: {
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ }
+ };
+
+ _this.updateExtendsProps(props);
+ _this.onResizeStart = _this.onResizeStart.bind(_this);
+ _this.onMouseMove = _this.onMouseMove.bind(_this);
+ _this.onMouseUp = _this.onMouseUp.bind(_this);
+
+ if (typeof window !== 'undefined') {
+ window.addEventListener('mouseup', _this.onMouseUp);
+ window.addEventListener('mousemove', _this.onMouseMove);
+ window.addEventListener('mouseleave', _this.onMouseUp);
+ window.addEventListener('touchmove', _this.onMouseMove);
+ window.addEventListener('touchend', _this.onMouseUp);
+ }
+ return _this;
+ }
+
+ createClass(Resizable, [{
+ key: 'updateExtendsProps',
+ value: function updateExtendsProps(props) {
+ this.extendsProps = Object.keys(props).reduce(function (acc, key) {
+ if (definedProps.indexOf(key) !== -1) return acc;
+ acc[key] = props[key];
+ return acc;
+ }, {});
+ }
+ }, {
+ key: 'getParentSize',
+ value: function getParentSize() {
+ var base = this.base;
+
+ if (!base) return { width: window.innerWidth, height: window.innerHeight };
+ // INFO: To calculate parent width with flex layout
+ var wrapChanged = false;
+ var wrap = this.parentNode.style.flexWrap;
+ var minWidth = base.style.minWidth;
+ if (wrap !== 'wrap') {
+ wrapChanged = true;
+ this.parentNode.style.flexWrap = 'wrap';
+ // HACK: Use relative to get parent padding size
+ }
+ base.style.position = 'relative';
+ base.style.minWidth = '100%';
+ var size = {
+ width: base.offsetWidth,
+ height: base.offsetHeight
+ };
+ base.style.position = 'absolute';
+ if (wrapChanged) this.parentNode.style.flexWrap = wrap;
+ base.style.minWidth = minWidth;
+ return size;
+ }
+ }, {
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ var size = this.size;
+
+ this.setState({
+ width: this.state.width || size.width,
+ height: this.state.height || size.height
+ });
+ var parent = this.parentNode;
+ if (!(parent instanceof HTMLElement)) return;
+ if (this.base) return;
+ var element = document.createElement('div');
+ element.style.width = '100%';
+ element.style.height = '100%';
+ element.style.position = 'absolute';
+ element.style.transform = 'scale(0, 0)';
+ element.style.left = '0';
+ element.style.flex = '0';
+ if (element.classList) {
+ element.classList.add(baseClassName);
+ } else {
+ element.className += baseClassName;
+ }
+ parent.appendChild(element);
+ }
+ }, {
+ key: 'componentWillReceiveProps',
+ value: function componentWillReceiveProps(next) {
+ this.updateExtendsProps(next);
+ }
+ }, {
+ key: 'componentWillUnmount',
+ value: function componentWillUnmount() {
+ if (typeof window !== 'undefined') {
+ window.removeEventListener('mouseup', this.onMouseUp);
+ window.removeEventListener('mousemove', this.onMouseMove);
+ window.removeEventListener('mouseleave', this.onMouseUp);
+ window.removeEventListener('touchmove', this.onMouseMove);
+ window.removeEventListener('touchend', this.onMouseUp);
+ var parent = this.parentNode;
+ var base = this.base;
+
+ if (!base || !parent) return;
+ if (!(parent instanceof HTMLElement) || !(base instanceof Node)) return;
+ parent.removeChild(base);
+ }
+ }
+ }, {
+ key: 'calculateNewSize',
+ value: function calculateNewSize(newSize, kind) {
+ var propsSize = this.propsSize && this.propsSize[kind];
+ return this.state[kind] === 'auto' && this.state.original[kind] === newSize && (typeof propsSize === 'undefined' || propsSize === 'auto') ? 'auto' : newSize;
+ }
+ }, {
+ key: 'onResizeStart',
+ value: function onResizeStart(event, direction) {
+ var clientX = 0;
+ var clientY = 0;
+ if (event.nativeEvent instanceof MouseEvent) {
+ clientX = event.nativeEvent.clientX;
+ clientY = event.nativeEvent.clientY;
+
+ // When user click with right button the resize is stuck in resizing mode
+ // until users clicks again, dont continue if right click is used.
+ // HACK: MouseEvent does not have `which` from flow-bin v0.68.
+ if (event.nativeEvent.which === 3) {
+ return;
+ }
+ } else if (event.nativeEvent instanceof TouchEvent) {
+ clientX = event.nativeEvent.touches[0].clientX;
+ clientY = event.nativeEvent.touches[0].clientY;
+ }
+ if (this.props.onResizeStart) {
+ this.props.onResizeStart(event, direction, this.resizable);
+ }
+
+ // Fix #168
+ if (this.props.size) {
+ if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) {
+ this.setState({ height: this.props.size.height });
+ }
+ if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) {
+ this.setState({ width: this.props.size.width });
+ }
+ }
+
+ this.setState({
+ original: {
+ x: clientX,
+ y: clientY,
+ width: this.size.width,
+ height: this.size.height
+ },
+ isResizing: true,
+ resizeCursor: window.getComputedStyle(event.target).cursor,
+ direction: direction
+ });
+ }
+ }, {
+ key: 'onMouseMove',
+ value: function onMouseMove(event) {
+ if (!this.state.isResizing) return;
+ var clientX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
+ var clientY = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
+ var _state = this.state,
+ direction = _state.direction,
+ original = _state.original,
+ width = _state.width,
+ height = _state.height;
+ var _props = this.props,
+ lockAspectRatio = _props.lockAspectRatio,
+ lockAspectRatioExtraHeight = _props.lockAspectRatioExtraHeight,
+ lockAspectRatioExtraWidth = _props.lockAspectRatioExtraWidth;
+
+ var scale = this.props.scale || 1;
+ var _props2 = this.props,
+ maxWidth = _props2.maxWidth,
+ maxHeight = _props2.maxHeight,
+ minWidth = _props2.minWidth,
+ minHeight = _props2.minHeight;
+
+ var resizeRatio = this.props.resizeRatio || 1;
+
+ // TODO: refactor
+ var parentSize = this.getParentSize();
+ if (maxWidth && typeof maxWidth === 'string' && endsWith(maxWidth, '%')) {
+ var _ratio = Number(maxWidth.replace('%', '')) / 100;
+ maxWidth = parentSize.width * _ratio;
+ }
+ if (maxHeight && typeof maxHeight === 'string' && endsWith(maxHeight, '%')) {
+ var _ratio2 = Number(maxHeight.replace('%', '')) / 100;
+ maxHeight = parentSize.height * _ratio2;
+ }
+ if (minWidth && typeof minWidth === 'string' && endsWith(minWidth, '%')) {
+ var _ratio3 = Number(minWidth.replace('%', '')) / 100;
+ minWidth = parentSize.width * _ratio3;
+ }
+ if (minHeight && typeof minHeight === 'string' && endsWith(minHeight, '%')) {
+ var _ratio4 = Number(minHeight.replace('%', '')) / 100;
+ minHeight = parentSize.height * _ratio4;
+ }
+ maxWidth = typeof maxWidth === 'undefined' ? undefined : Number(maxWidth);
+ maxHeight = typeof maxHeight === 'undefined' ? undefined : Number(maxHeight);
+ minWidth = typeof minWidth === 'undefined' ? undefined : Number(minWidth);
+ minHeight = typeof minHeight === 'undefined' ? undefined : Number(minHeight);
+
+ var ratio = typeof lockAspectRatio === 'number' ? lockAspectRatio : original.width / original.height;
+ var newWidth = original.width;
+ var newHeight = original.height;
+ if (/right/i.test(direction)) {
+ newWidth = original.width + (clientX - original.x) * resizeRatio / scale;
+ if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
+ }
+ if (/left/i.test(direction)) {
+ newWidth = original.width - (clientX - original.x) * resizeRatio / scale;
+ if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
+ }
+ if (/bottom/i.test(direction)) {
+ newHeight = original.height + (clientY - original.y) * resizeRatio / scale;
+ if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
+ }
+ if (/top/i.test(direction)) {
+ newHeight = original.height - (clientY - original.y) * resizeRatio / scale;
+ if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
+ }
+
+ if (this.props.bounds === 'parent') {
+ var parent = this.parentNode;
+ if (parent instanceof HTMLElement) {
+ var parentRect = parent.getBoundingClientRect();
+ var parentLeft = parentRect.left;
+ var parentTop = parentRect.top;
+
+ var _resizable$getBoundin = this.resizable.getBoundingClientRect(),
+ _left = _resizable$getBoundin.left,
+ _top = _resizable$getBoundin.top;
+
+ var boundWidth = parent.offsetWidth + (parentLeft - _left);
+ var boundHeight = parent.offsetHeight + (parentTop - _top);
+ maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth;
+ maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight;
+ }
+ } else if (this.props.bounds === 'window') {
+ if (typeof window !== 'undefined') {
+ var _resizable$getBoundin2 = this.resizable.getBoundingClientRect(),
+ _left2 = _resizable$getBoundin2.left,
+ _top2 = _resizable$getBoundin2.top;
+
+ var _boundWidth = window.innerWidth - _left2;
+ var _boundHeight = window.innerHeight - _top2;
+ maxWidth = maxWidth && maxWidth < _boundWidth ? maxWidth : _boundWidth;
+ maxHeight = maxHeight && maxHeight < _boundHeight ? maxHeight : _boundHeight;
+ }
+ } else if (this.props.bounds instanceof HTMLElement) {
+ var targetRect = this.props.bounds.getBoundingClientRect();
+ var targetLeft = targetRect.left;
+ var targetTop = targetRect.top;
+
+ var _resizable$getBoundin3 = this.resizable.getBoundingClientRect(),
+ _left3 = _resizable$getBoundin3.left,
+ _top3 = _resizable$getBoundin3.top;
+
+ if (!(this.props.bounds instanceof HTMLElement)) return;
+ var _boundWidth2 = this.props.bounds.offsetWidth + (targetLeft - _left3);
+ var _boundHeight2 = this.props.bounds.offsetHeight + (targetTop - _top3);
+ maxWidth = maxWidth && maxWidth < _boundWidth2 ? maxWidth : _boundWidth2;
+ maxHeight = maxHeight && maxHeight < _boundHeight2 ? maxHeight : _boundHeight2;
+ }
+
+ var computedMinWidth = typeof minWidth === 'undefined' ? 10 : minWidth;
+ var computedMaxWidth = typeof maxWidth === 'undefined' || maxWidth < 0 ? newWidth : maxWidth;
+ var computedMinHeight = typeof minHeight === 'undefined' ? 10 : minHeight;
+ var computedMaxHeight = typeof maxHeight === 'undefined' || maxHeight < 0 ? newHeight : maxHeight;
+
+ if (lockAspectRatio) {
+ var extraMinWidth = (computedMinHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
+ var extraMaxWidth = (computedMaxHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;
+ var extraMinHeight = (computedMinWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
+ var extraMaxHeight = (computedMaxWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;
+ var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth);
+ var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth);
+ var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight);
+ var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight);
+ newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth);
+ newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight);
+ } else {
+ newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth);
+ newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight);
+ }
+ if (this.props.grid) {
+ newWidth = snap(newWidth, this.props.grid[0]);
+ }
+ if (this.props.grid) {
+ newHeight = snap(newHeight, this.props.grid[1]);
+ }
+
+ if (this.props.snap && this.props.snap.x) {
+ newWidth = findClosestSnap(newWidth, this.props.snap.x);
+ }
+ if (this.props.snap && this.props.snap.y) {
+ newHeight = findClosestSnap(newHeight, this.props.snap.y);
+ }
+
+ var delta = {
+ width: newWidth - original.width,
+ height: newHeight - original.height
+ };
+
+ if (width && typeof width === 'string' && endsWith(width, '%')) {
+ var percent = newWidth / parentSize.width * 100;
+ newWidth = percent + '%';
+ }
+
+ if (height && typeof height === 'string' && endsWith(height, '%')) {
+ var _percent = newHeight / parentSize.height * 100;
+ newHeight = _percent + '%';
+ }
+
+ this.setState({
+ width: this.calculateNewSize(newWidth, 'width'),
+ height: this.calculateNewSize(newHeight, 'height')
+ });
+
+ if (this.props.onResize) {
+ this.props.onResize(event, direction, this.resizable, delta);
+ }
+ }
+ }, {
+ key: 'onMouseUp',
+ value: function onMouseUp(event) {
+ var _state2 = this.state,
+ isResizing = _state2.isResizing,
+ direction = _state2.direction,
+ original = _state2.original;
+
+ if (!isResizing) return;
+ var delta = {
+ width: this.size.width - original.width,
+ height: this.size.height - original.height
+ };
+ if (this.props.onResizeStop) {
+ this.props.onResizeStop(event, direction, this.resizable, delta);
+ }
+ if (this.props.size) {
+ this.setState(this.props.size);
+ }
+ this.setState({ isResizing: false, resizeCursor: 'auto' });
+ }
+ }, {
+ key: 'updateSize',
+ value: function updateSize(size) {
+ this.setState({ width: size.width, height: size.height });
+ }
+ }, {
+ key: 'renderResizer',
+ value: function renderResizer() {
+ var _this2 = this;
+
+ var _props3 = this.props,
+ enable = _props3.enable,
+ handleStyles = _props3.handleStyles,
+ handleClasses = _props3.handleClasses,
+ handleWrapperStyle = _props3.handleWrapperStyle,
+ handleWrapperClass = _props3.handleWrapperClass,
+ handleComponent = _props3.handleComponent;
+
+ if (!enable) return null;
+ var resizers = Object.keys(enable).map(function (dir) {
+ if (enable[dir] !== false) {
+ return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
+ Resizer,
+ {
+ key: dir,
+ direction: dir,
+ onResizeStart: _this2.onResizeStart,
+ replaceStyles: handleStyles && handleStyles[dir],
+ className: handleClasses && handleClasses[dir]
+ },
+ handleComponent && handleComponent[dir] ? Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(handleComponent[dir]) : null
+ );
+ }
+ return null;
+ });
+ // #93 Wrap the resize box in span (will not break 100% width/height)
+ return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
+ 'span',
+ { className: handleWrapperClass, style: handleWrapperStyle },
+ resizers
+ );
+ }
+ }, {
+ key: 'render',
+ value: function render() {
+ var _this3 = this;
+
+ var userSelect = this.state.isResizing ? userSelectNone : userSelectAuto;
+ return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(
+ 'div',
+ _extends({
+ ref: function ref(c) {
+ if (c) {
+ _this3.resizable = c;
+ }
+ },
+ style: _extends({
+ position: 'relative'
+ }, userSelect, this.props.style, this.sizeStyle, {
+ maxWidth: this.props.maxWidth,
+ maxHeight: this.props.maxHeight,
+ minWidth: this.props.minWidth,
+ minHeight: this.props.minHeight,
+ boxSizing: 'border-box'
+ }),
+ className: this.props.className
+ }, this.extendsProps),
+ this.state.isResizing && Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])('div', {
+ style: {
+ height: '100%',
+ width: '100%',
+ backgroundColor: 'rgba(0,0,0,0)',
+ cursor: '' + (this.state.resizeCursor || 'auto'),
+ opacity: '0',
+ position: 'fixed',
+ zIndex: '9999',
+ top: '0',
+ left: '0',
+ bottom: '0',
+ right: '0'
+ }
+ }),
+ this.props.children,
+ this.renderResizer()
+ );
+ }
+ }, {
+ key: 'parentNode',
+ get: function get$$1() {
+ return this.resizable.parentNode;
+ }
+ }, {
+ key: 'propsSize',
+ get: function get$$1() {
+ return this.props.size || this.props.defaultSize;
+ }
+ }, {
+ key: 'base',
+ get: function get$$1() {
+ var parent = this.parentNode;
+ if (!parent) return undefined;
+ var children = [].slice.call(parent.children);
+ for (var i = 0; i < children.length; i += 1) {
+ var n = children[i];
+ if (n instanceof HTMLElement) {
+ if (n.classList.contains(baseClassName)) {
+ return n;
+ }
+ }
+ }
+ return undefined;
+ }
+ }, {
+ key: 'size',
+ get: function get$$1() {
+ var width = 0;
+ var height = 0;
+ if (typeof window !== 'undefined') {
+ var orgWidth = this.resizable.offsetWidth;
+ var orgHeight = this.resizable.offsetHeight;
+ // HACK: Set position `relative` to get parent size.
+ // This is because when re-resizable set `absolute`, I can not get base width correctly.
+ var orgPosition = this.resizable.style.position;
+ if (orgPosition !== 'relative') {
+ this.resizable.style.position = 'relative';
+ }
+ // INFO: Use original width or height if set auto.
+ width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth;
+ height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight;
+ // Restore original position
+ this.resizable.style.position = orgPosition;
+ }
+ return { width: width, height: height };
+ }
+ }, {
+ key: 'sizeStyle',
+ get: function get$$1() {
+ var _this4 = this;
+
+ var size = this.props.size;
+
+ var getSize = function getSize(key) {
+ if (typeof _this4.state[key] === 'undefined' || _this4.state[key] === 'auto') return 'auto';
+ if (_this4.propsSize && _this4.propsSize[key] && endsWith(_this4.propsSize[key].toString(), '%')) {
+ if (endsWith(_this4.state[key].toString(), '%')) return _this4.state[key].toString();
+ var parentSize = _this4.getParentSize();
+ var value = Number(_this4.state[key].toString().replace('px', ''));
+ var percent = value / parentSize[key] * 100;
+ return percent + '%';
+ }
+ return getStringSize(_this4.state[key]);
+ };
+ var width = size && typeof size.width !== 'undefined' && !this.state.isResizing ? getStringSize(size.width) : getSize('width');
+ var height = size && typeof size.height !== 'undefined' && !this.state.isResizing ? getStringSize(size.height) : getSize('height');
+ return { width: width, height: height };
+ }
+ }]);
+ return Resizable;
+ }(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
+
+ Resizable.defaultProps = {
+ onResizeStart: function onResizeStart() {},
+ onResize: function onResize() {},
+ onResizeStop: function onResizeStop() {},
+ enable: {
+ top: true,
+ right: true,
+ bottom: true,
+ left: true,
+ topRight: true,
+ bottomRight: true,
+ bottomLeft: true,
+ topLeft: true
+ },
+ style: {},
+ grid: [1, 1],
+ lockAspectRatio: false,
+ lockAspectRatioExtraWidth: 0,
+ lockAspectRatioExtraHeight: 0,
+ scale: 1,
+ resizeRatio: 1
+ };
+
+ /* harmony default export */ __webpack_exports__["default"] = (Resizable);
+
+
+ /***/ }),
+ /* 136 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -103698,7 +103969,7 @@
}
/***/ }),
- /* 143 */
+ /* 137 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -103708,7 +103979,7 @@
value: true
});
- var _Loading = __webpack_require__(914);
+ var _Loading = __webpack_require__(877);
var _Loading2 = _interopRequireDefault(_Loading);
@@ -103718,7 +103989,330 @@
module.exports = exports['default'];
/***/ }),
- /* 144 */
+ /* 138 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Event = exports.EventUtil = exports.tryParseInt = 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; };
+
+ exports.measureScrollbar = measureScrollbar;
+ exports.debounce = debounce;
+ exports.warningOnce = warningOnce;
+ exports.getOffset = getOffset;
+ exports.addClass = addClass;
+ exports.removeClass = removeClass;
+ exports.ObjectAssign = ObjectAssign;
+ exports.closest = closest;
+ exports.getMaxColChildrenLength = getMaxColChildrenLength;
+ exports.getColChildrenLength = getColChildrenLength;
+ exports.DicimalFormater = DicimalFormater;
+ exports.checkDicimalInvalid = checkDicimalInvalid;
+
+ var _warning = __webpack_require__(16);
+
+ var _warning2 = _interopRequireDefault(_warning);
+
+ var _parseInt = __webpack_require__(883);
+
+ var _parseInt2 = _interopRequireDefault(_parseInt);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ var scrollbarSize = void 0;
+
+ // Measure scrollbar width for padding body during modal show/hide
+ var scrollbarMeasure = {
+ position: 'absolute',
+ top: '-9999px',
+ width: '50px',
+ height: '50px',
+ overflow: 'scroll'
+ };
+
+ function measureScrollbar() {
+ var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'vertical';
+
+
+ if (typeof document === 'undefined' || typeof window === 'undefined') {
+ return 0;
+ }
+ var tableDom = document.querySelector('.u-table');
+ var currentDom = tableDom ? tableDom : document.body;
+
+ if (scrollbarSize) {
+ return scrollbarSize;
+ }
+ var scrollDiv = document.createElement('div');
+ Object.keys(scrollbarMeasure).forEach(function (scrollProp) {
+ scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
+ });
+ currentDom.appendChild(scrollDiv);
+ var size = 0;
+ if (direction === 'vertical') {
+ size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+ } else if (direction === 'horizontal') {
+ size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
+ }
+
+ currentDom.removeChild(scrollDiv);
+ scrollbarSize = size;
+ return scrollbarSize;
+ }
+
+ function debounce(func, wait, immediate) {
+ var timeout = void 0;
+ return function debounceFunc() {
+ var context = this;
+ var args = arguments;
+ // https://fb.me/react-event-pooling
+ if (args[0] && args[0].persist) {
+ args[0].persist();
+ }
+ var later = function later() {
+ timeout = null;
+ if (!immediate) {
+ func.apply(context, args);
+ }
+ };
+ var callNow = immediate && !timeout;
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+ if (callNow) {
+ func.apply(context, args);
+ }
+ };
+ }
+
+ var warned = {};
+ function warningOnce(condition, format, args) {
+ if (!warned[format]) {
+ (0, _warning2["default"])(condition, format, args);
+ warned[format] = true;
+ }
+ }
+ function getOffset(Node, offset) {
+ if (!offset) {
+ offset = {};
+ offset.top = 0;
+ offset.left = 0;
+ }
+ if (Node == document.body) {
+ return offset;
+ }
+ offset.top += Node.offsetTop;
+ offset.left += Node.offsetLeft;
+ if (Node.offsetParent) return getOffset(Node.offsetParent, offset);else return offset;
+ };
+
+ var tryParseInt = exports.tryParseInt = function tryParseInt(value) {
+ var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+ var resultValue = (0, _parseInt2["default"])(value);
+
+ if (isNaN(resultValue)) {
+ return defaultValue;
+ }
+ return resultValue;
+ };
+
+ function addClass(elm, className) {
+ if (!className) return;
+
+ var els = Array.isArray(elm) ? elm : [elm];
+
+ els.forEach(function (el) {
+ if (el.classList) {
+ el.classList.add(className.split(' '));
+ } else {
+ el.className += ' ' + className;
+ }
+ });
+ }
+
+ function removeClass(elm, className) {
+ if (!className) return;
+
+ var els = Array.isArray(elm) ? elm : [elm];
+
+ els.forEach(function (el) {
+ if (el.classList) {
+ el.classList.remove(className.split(' '));
+ } else {
+ el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+ }
+ });
+ }
+
+ /**
+ * 简单数组数据对象拷贝
+ * @param {*} obj 要拷贝的对象
+ */
+ function ObjectAssign(obj) {
+ var b = obj instanceof Array;
+ var tagObj = b ? [] : {};
+ if (b) {
+ //数组
+ obj.forEach(function (da) {
+ var _da = {};
+ _extends(_da, da);
+ tagObj.push(_da);
+ });
+ } else {
+ _extends(tagObj, obj);
+ }
+ return tagObj;
+ }
+ /**
+ * 获取某个父元素
+ * */
+
+ function closest(ele, selector) {
+ var matches = ele.matches || ele.webkitMatchesSelector || ele.mozMatchesSelector || ele.msMatchesSelector;
+ if (matches) {
+ while (ele) {
+ if (matches.call(ele, selector)) {
+ return ele;
+ } else {
+ ele = ele.parentElement;
+ }
+ }
+ }
+ return null;
+ }
+
+ function getMaxColChildrenLength(columns) {
+ var arr = [];
+ arr = columns.map(function (item, index) {
+ var chilrenLen = 0;
+ if (item.children) {
+ chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
+ }
+ return chilrenLen;
+ });
+ var max = Math.max.apply(null, arr);
+ return max;
+ }
+
+ function getColChildrenLength(columns, chilrenLen) {
+ columns.forEach(function (item, index) {
+ if (item.children) {
+ chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
+ }
+ });
+ return chilrenLen;
+ }
+
+ function addHandler(element, type, handler) {
+ var event = null;
+ if (element.addEventListener) {
+ //检测是否为DOM2级方法
+ event = element.addEventListener(type, handler, false);
+ } else if (element.attachEvent) {
+ //检测是否为IE级方法
+ event = element.attachEvent("on" + type, handler);
+ } else {
+ //检测是否为DOM0级方法
+ event = element["on" + type] = handler;
+ }
+ return event;
+ }
+
+ function removeHandler(element, type, handler) {
+ if (element.removeEventListener) {
+ element.removeEventListener(type, handler, false);
+ } else if (element.detachEvent) {
+ element.detachEvent("on" + type, handler);
+ } else {
+ element["on" + type] = null;
+ }
+ }
+
+ //获取事件对象的兼容性写法
+ function getEvent(event) {
+ return event ? event : window.event;
+ }
+
+ //获取事件对象目标的兼容性写法
+ function getTarget(event) {
+ return event.target || event.srcElement;
+ }
+
+ function preventDefault(event) {
+ if (event.preventDefault) {
+ event.preventDefault();
+ } else {
+ event.returnValue = false;
+ }
+ }
+
+ function stopPropagation(event) {
+ if (event.stopPropagation) {
+ event.stopPropagation();
+ } else {
+ event.cancelBubble = true;
+ }
+ }
+
+ //用事件冒泡方式,如果想兼容事件捕获只需要添加个bool参数
+ var EventUtil = exports.EventUtil = {
+ addHandler: function addHandler(element, type, handler) {
+ if (element.addEventListener) {
+ element.addEventListener(type, handler, false);
+ } else if (element.attachEvent) {
+ element.attachEvent('on' + type, handler);
+ } else {
+ element['on' + type] = handler;
+ }
+ },
+
+ removeHandler: function removeHandler(element, type, handler) {
+ if (element.removeEventListener) {
+ element.removeEventListener(type, handler, false);
+ } else if (element.detachEvent) {
+ element.detachEvent('on' + type, handler);
+ } else {
+ element['on' + type] = null;
+ }
+ }
+
+ /*
+ * 处理精度
+ */
+ };function DicimalFormater(value, precision) {
+ var value = value + '',
+ precision = precision ? precision : 0;
+ for (var i = 0; i < value.length; i++) {
+ if ("-0123456789.".indexOf(value.charAt(i)) == -1) return "";
+ }
+ return checkDicimalInvalid(value, precision);
+ };
+ function checkDicimalInvalid(value, precision) {
+ if (value == null || isNaN(value)) return "";
+ // 浮点数总位数不能超过10位
+ var digit = parseFloat(value);
+ var result = (digit * Math.pow(10, precision) / Math.pow(10, precision)).toFixed(precision);
+ if (result == "NaN") return "";
+ return result;
+ };
+
+ var Event = exports.Event = {
+ addHandler: addHandler,
+ removeHandler: removeHandler,
+ getEvent: getEvent,
+ getTarget: getTarget,
+ preventDefault: preventDefault,
+ stopPropagation: stopPropagation
+ };
+
+ /***/ }),
+ /* 139 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -103789,7 +104383,7 @@
/***/ }),
- /* 145 */
+ /* 140 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -103807,19 +104401,19 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _mapSelf = __webpack_require__(381);
+ var _mapSelf = __webpack_require__(368);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
- var _MonthPanel = __webpack_require__(933);
+ var _MonthPanel = __webpack_require__(896);
var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
- var _YearPanel = __webpack_require__(382);
+ var _YearPanel = __webpack_require__(369);
var _YearPanel2 = _interopRequireDefault(_YearPanel);
- var _DecadePanel = __webpack_require__(383);
+ var _DecadePanel = __webpack_require__(370);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
@@ -104082,7 +104676,7 @@
module.exports = exports['default'];
/***/ }),
- /* 146 */
+ /* 141 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104097,7 +104691,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _en_US = __webpack_require__(389);
+ var _en_US = __webpack_require__(377);
var _en_US2 = _interopRequireDefault(_en_US);
@@ -104192,39 +104786,7 @@
};
/***/ }),
- /* 147 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(35);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
-
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = on;
- module.exports = exports['default'];
-
- /***/ }),
- /* 148 */
+ /* 142 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104245,11 +104807,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _properties = __webpack_require__(399);
+ var _properties = __webpack_require__(27);
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(147);
+ var _on = __webpack_require__(20);
var _on2 = _interopRequireDefault(_on);
@@ -104570,27 +105132,7 @@
exports["default"] = Transition;
/***/ }),
- /* 149 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(1040);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 150 */
+ /* 143 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104687,7 +105229,7 @@
module.exports = exports['default'];
/***/ }),
- /* 151 */
+ /* 144 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104711,7 +105253,7 @@
var _reactDom = __webpack_require__(4);
- var _keyCode = __webpack_require__(186);
+ var _keyCode = __webpack_require__(180);
var _keyCode2 = _interopRequireDefault(_keyCode);
@@ -104841,39 +105383,7 @@
}
/***/ }),
- /* 152 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(36);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var on = function on() {};
- if (_inDOM2.default) {
- on = function () {
-
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.addEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.attachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = on;
- module.exports = exports['default'];
-
- /***/ }),
- /* 153 */
+ /* 145 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -104894,11 +105404,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _properties = __webpack_require__(414);
+ var _properties = __webpack_require__(27);
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(152);
+ var _on = __webpack_require__(20);
var _on2 = _interopRequireDefault(_on);
@@ -105219,7 +105729,7 @@
exports["default"] = Transition;
/***/ }),
- /* 154 */
+ /* 146 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -105245,9 +105755,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
*/
@@ -105271,7 +105781,7 @@
module.exports = exports['default'];
/***/ }),
- /* 155 */
+ /* 147 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -105487,14 +105997,14 @@
}
/***/ }),
- /* 156 */
+ /* 148 */
/***/ (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__(458);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__createFormField__ = __webpack_require__(176);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(573);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createForm__ = __webpack_require__(437);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__createFormField__ = __webpack_require__(168);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__propTypes__ = __webpack_require__(551);
/* 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"]; });
@@ -105506,26 +106016,26 @@
/***/ }),
- /* 157 */
+ /* 149 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(460), __esModule: true };
+ module.exports = { "default": __webpack_require__(439), __esModule: true };
/***/ }),
- /* 158 */
+ /* 150 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = !__webpack_require__(27) && !__webpack_require__(41)(function () {
- return Object.defineProperty(__webpack_require__(159)('div'), 'a', { get: function () { return 7; } }).a != 7;
+ module.exports = !__webpack_require__(30) && !__webpack_require__(38)(function () {
+ return Object.defineProperty(__webpack_require__(151)('div'), 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }),
- /* 159 */
+ /* 151 */
/***/ (function(module, exports, __webpack_require__) {
- var isObject = __webpack_require__(40);
- var document = __webpack_require__(22).document;
+ var isObject = __webpack_require__(37);
+ var document = __webpack_require__(23).document;
// typeof document.createElement is 'object' in old IE
var is = isObject(document) && isObject(document.createElement);
module.exports = function (it) {
@@ -105534,21 +106044,21 @@
/***/ }),
- /* 160 */
+ /* 152 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(464);
- module.exports = __webpack_require__(16).Object.assign;
+ __webpack_require__(443);
+ module.exports = __webpack_require__(13).Object.assign;
/***/ }),
- /* 161 */
+ /* 153 */
/***/ (function(module, exports, __webpack_require__) {
- var has = __webpack_require__(28);
- var toIObject = __webpack_require__(42);
- var arrayIndexOf = __webpack_require__(466)(false);
- var IE_PROTO = __webpack_require__(100)('IE_PROTO');
+ var has = __webpack_require__(31);
+ var toIObject = __webpack_require__(39);
+ var arrayIndexOf = __webpack_require__(445)(false);
+ var IE_PROTO = __webpack_require__(94)('IE_PROTO');
module.exports = function (object, names) {
var O = toIObject(object);
@@ -105565,11 +106075,11 @@
/***/ }),
- /* 162 */
+ /* 154 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for non-array-like ES3 and non-enumerable old V8 strings
- var cof = __webpack_require__(97);
+ var cof = __webpack_require__(91);
// eslint-disable-next-line no-prototype-builtins
module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
return cof(it) == 'String' ? it.split('') : Object(it);
@@ -105577,11 +106087,11 @@
/***/ }),
- /* 163 */
+ /* 155 */
/***/ (function(module, exports, __webpack_require__) {
// 7.1.15 ToLength
- var toInteger = __webpack_require__(99);
+ var toInteger = __webpack_require__(93);
var min = Math.min;
module.exports = function (it) {
return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
@@ -105589,15 +106099,15 @@
/***/ }),
- /* 164 */
+ /* 156 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var $at = __webpack_require__(471)(true);
+ var $at = __webpack_require__(450)(true);
// 21.1.3.27 String.prototype[@@iterator]()
- __webpack_require__(165)(String, 'String', function (iterated) {
+ __webpack_require__(157)(String, 'String', function (iterated) {
this._t = String(iterated); // target
this._i = 0; // next index
// 21.1.5.2.1 %StringIteratorPrototype%.next()
@@ -105613,20 +106123,20 @@
/***/ }),
- /* 165 */
+ /* 157 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var LIBRARY = __webpack_require__(77);
- var $export = __webpack_require__(21);
- var redefine = __webpack_require__(166);
- var hide = __webpack_require__(38);
- var Iterators = __webpack_require__(61);
- var $iterCreate = __webpack_require__(472);
- var setToStringTag = __webpack_require__(105);
- var getPrototypeOf = __webpack_require__(475);
- var ITERATOR = __webpack_require__(19)('iterator');
+ var LIBRARY = __webpack_require__(64);
+ var $export = __webpack_require__(22);
+ var redefine = __webpack_require__(158);
+ var hide = __webpack_require__(35);
+ var Iterators = __webpack_require__(54);
+ var $iterCreate = __webpack_require__(451);
+ var setToStringTag = __webpack_require__(99);
+ var getPrototypeOf = __webpack_require__(454);
+ var ITERATOR = __webpack_require__(18)('iterator');
var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
var FF_ITERATOR = '@@iterator';
var KEYS = 'keys';
@@ -105689,19 +106199,19 @@
/***/ }),
- /* 166 */
+ /* 158 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(38);
+ module.exports = __webpack_require__(35);
/***/ }),
- /* 167 */
+ /* 159 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
- var $keys = __webpack_require__(161);
- var hiddenKeys = __webpack_require__(102).concat('length', 'prototype');
+ var $keys = __webpack_require__(153);
+ var hiddenKeys = __webpack_require__(96).concat('length', 'prototype');
exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
return $keys(O, hiddenKeys);
@@ -105709,18 +106219,18 @@
/***/ }),
- /* 168 */
+ /* 160 */
/***/ (function(module, exports, __webpack_require__) {
- var pIE = __webpack_require__(79);
- var createDesc = __webpack_require__(59);
- var toIObject = __webpack_require__(42);
- var toPrimitive = __webpack_require__(96);
- var has = __webpack_require__(28);
- var IE8_DOM_DEFINE = __webpack_require__(158);
+ var pIE = __webpack_require__(66);
+ var createDesc = __webpack_require__(52);
+ var toIObject = __webpack_require__(39);
+ var toPrimitive = __webpack_require__(90);
+ var has = __webpack_require__(31);
+ var IE8_DOM_DEFINE = __webpack_require__(150);
var gOPD = Object.getOwnPropertyDescriptor;
- exports.f = __webpack_require__(27) ? gOPD : function getOwnPropertyDescriptor(O, P) {
+ exports.f = __webpack_require__(30) ? gOPD : function getOwnPropertyDescriptor(O, P) {
O = toIObject(O);
P = toPrimitive(P, true);
if (IE8_DOM_DEFINE) try {
@@ -105731,11 +106241,11 @@
/***/ }),
- /* 169 */
+ /* 161 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(7);
/**
@@ -105758,7 +106268,7 @@
/* harmony default export */ __webpack_exports__["a"] = (required);
/***/ }),
- /* 170 */
+ /* 162 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -105825,16 +106335,16 @@
module.exports = warning;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 171 */
+ /* 163 */
/***/ (function(module, exports, __webpack_require__) {
- var isArray = __webpack_require__(108),
- isKey = __webpack_require__(528),
- stringToPath = __webpack_require__(533),
- toString = __webpack_require__(173);
+ var isArray = __webpack_require__(102),
+ isKey = __webpack_require__(507),
+ stringToPath = __webpack_require__(512),
+ toString = __webpack_require__(165);
/**
* Casts `value` to a path array if it's not one.
@@ -105855,12 +106365,12 @@
/***/ }),
- /* 172 */
+ /* 164 */
/***/ (function(module, exports, __webpack_require__) {
- var Symbol = __webpack_require__(110),
- getRawTag = __webpack_require__(530),
- objectToString = __webpack_require__(531);
+ var Symbol = __webpack_require__(104),
+ getRawTag = __webpack_require__(509),
+ objectToString = __webpack_require__(510);
/** `Object#toString` result references. */
var nullTag = '[object Null]',
@@ -105889,10 +106399,10 @@
/***/ }),
- /* 173 */
+ /* 165 */
/***/ (function(module, exports, __webpack_require__) {
- var baseToString = __webpack_require__(562);
+ var baseToString = __webpack_require__(541);
/**
* Converts `value` to a string. An empty string is returned for `null`
@@ -105923,10 +106433,10 @@
/***/ }),
- /* 174 */
+ /* 166 */
/***/ (function(module, exports, __webpack_require__) {
- var isSymbol = __webpack_require__(109);
+ var isSymbol = __webpack_require__(103);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
@@ -105950,10 +106460,10 @@
/***/ }),
- /* 175 */
+ /* 167 */
/***/ (function(module, exports, __webpack_require__) {
- var baseSet = __webpack_require__(564);
+ var baseSet = __webpack_require__(543);
/**
* Sets the value at `path` of `object`. If a portion of `path` doesn't exist,
@@ -105991,7 +106501,7 @@
/***/ }),
- /* 176 */
+ /* 168 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -105999,7 +106509,7 @@
/* harmony export (immutable) */ __webpack_exports__["a"] = createFormField;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
@@ -106022,7 +106532,7 @@
}
/***/ }),
- /* 177 */
+ /* 169 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -106041,9 +106551,9 @@
/* harmony export (immutable) */ __webpack_exports__["l"] = startsWith;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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__(570);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_hoist_non_react_statics__ = __webpack_require__(170);
/* 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__(170);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning__ = __webpack_require__(162);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_warning__);
@@ -106202,7 +106712,132 @@
}
/***/ }),
- /* 178 */
+ /* 170 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ /**
+ * Copyright 2015, Yahoo! Inc.
+ * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
+ */
+ var ReactIs = __webpack_require__(171);
+ var REACT_STATICS = {
+ childContextTypes: true,
+ contextType: true,
+ contextTypes: true,
+ defaultProps: true,
+ displayName: true,
+ getDefaultProps: true,
+ getDerivedStateFromError: true,
+ getDerivedStateFromProps: true,
+ mixins: true,
+ propTypes: true,
+ type: true
+ };
+
+ var KNOWN_STATICS = {
+ name: true,
+ length: true,
+ prototype: true,
+ caller: true,
+ callee: true,
+ arguments: true,
+ 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 = Object.prototype;
+
+ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
+ if (typeof sourceComponent !== 'string') {
+ // don't hoist over string (html) components
+
+ if (objectPrototype) {
+ var inheritedComponent = getPrototypeOf(sourceComponent);
+ if (inheritedComponent && inheritedComponent !== objectPrototype) {
+ hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
+ }
+ }
+
+ var keys = getOwnPropertyNames(sourceComponent);
+
+ if (getOwnPropertySymbols) {
+ 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 (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
+ var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
+ try {
+ // Avoid failures from read-only properties
+ defineProperty(targetComponent, key, descriptor);
+ } catch (e) {}
+ }
+ }
+
+ return targetComponent;
+ }
+
+ return targetComponent;
+ }
+
+ module.exports = hoistNonReactStatics;
+
+
+ /***/ }),
+ /* 171 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+ /* WEBPACK VAR INJECTION */(function(process) {
+
+ if (process.env.NODE_ENV === 'production') {
+ module.exports = __webpack_require__(549);
+ } else {
+ module.exports = __webpack_require__(550);
+ }
+
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+ /***/ }),
+ /* 172 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106297,16 +106932,16 @@
module.exports = exports['default'];
/***/ }),
- /* 179 */
+ /* 173 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- module.exports = __webpack_require__(582);
+ module.exports = __webpack_require__(560);
/***/ }),
- /* 180 */
+ /* 174 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106316,7 +106951,7 @@
value: true
});
- var _InputNumber = __webpack_require__(587);
+ var _InputNumber = __webpack_require__(565);
var _InputNumber2 = _interopRequireDefault(_InputNumber);
@@ -106326,7 +106961,7 @@
module.exports = exports['default'];
/***/ }),
- /* 181 */
+ /* 175 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106523,7 +107158,7 @@
module.exports = exports['default'];
/***/ }),
- /* 182 */
+ /* 176 */
/***/ (function(module, exports) {
module.exports = function(module) {
@@ -106551,7 +107186,7 @@
/***/ }),
- /* 183 */
+ /* 177 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106560,7 +107195,7 @@
exports.__esModule = true;
exports.default = all;
- var _createChainableTypeChecker = __webpack_require__(116);
+ var _createChainableTypeChecker = __webpack_require__(109);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
@@ -106599,7 +107234,7 @@
*/
/***/ }),
- /* 184 */
+ /* 178 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106617,7 +107252,7 @@
var _react2 = _interopRequireDefault(_react);
- var _createChainableTypeChecker = __webpack_require__(116);
+ var _createChainableTypeChecker = __webpack_require__(109);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
@@ -106641,7 +107276,7 @@
exports.default = (0, _createChainableTypeChecker2.default)(elementType);
/***/ }),
- /* 185 */
+ /* 179 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -106671,7 +107306,7 @@
}
/***/ }),
- /* 186 */
+ /* 180 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107201,7 +107836,7 @@
module.exports = KeyCode;
/***/ }),
- /* 187 */
+ /* 181 */
/***/ (function(module, exports) {
module.exports = function(arr, obj){
@@ -107213,7 +107848,7 @@
};
/***/ }),
- /* 188 */
+ /* 182 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107233,11 +107868,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _domAlign = __webpack_require__(189);
+ var _domAlign = __webpack_require__(183);
var _domAlign2 = _interopRequireDefault(_domAlign);
- var _addEventListener = __webpack_require__(118);
+ var _addEventListener = __webpack_require__(111);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
@@ -107414,13 +108049,13 @@
exports.default = Align;
/***/ }),
- /* 189 */
+ /* 183 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__align_alignElement__ = __webpack_require__(614);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__align_alignPoint__ = __webpack_require__(620);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__align_alignElement__ = __webpack_require__(592);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__align_alignPoint__ = __webpack_require__(598);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "alignElement", function() { return __WEBPACK_IMPORTED_MODULE_0__align_alignElement__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "alignPoint", function() { return __WEBPACK_IMPORTED_MODULE_1__align_alignPoint__["a"]; });
@@ -107431,15 +108066,15 @@
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__align_alignElement__["a" /* default */]);
/***/ }),
- /* 190 */
+ /* 184 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVisibleRectForElement__ = __webpack_require__(191);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adjustForViewport__ = __webpack_require__(617);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(193);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getElFuturePos__ = __webpack_require__(618);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVisibleRectForElement__ = __webpack_require__(185);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adjustForViewport__ = __webpack_require__(595);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(187);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getElFuturePos__ = __webpack_require__(596);
/**
* align dom node flexibly
* @author yiminghe@gmail.com
@@ -107638,13 +108273,13 @@
**/
/***/ }),
- /* 191 */
+ /* 185 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(192);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__isAncestorFixed__ = __webpack_require__(616);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(186);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__isAncestorFixed__ = __webpack_require__(594);
@@ -107745,11 +108380,11 @@
/* harmony default export */ __webpack_exports__["a"] = (getVisibleRectForElement);
/***/ }),
- /* 192 */
+ /* 186 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
/**
@@ -107797,11 +108432,11 @@
/* harmony default export */ __webpack_exports__["a"] = (getOffsetParent);
/***/ }),
- /* 193 */
+ /* 187 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
function getRegion(node) {
@@ -107829,7 +108464,7 @@
/* harmony default export */ __webpack_exports__["a"] = (getRegion);
/***/ }),
- /* 194 */
+ /* 188 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107862,45 +108497,18 @@
module.exports = exports["default"];
/***/ }),
- /* 195 */
- /***/ (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__(624);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(201);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(647);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(650);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(651);
- /* 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"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Divider", function() { return __WEBPACK_IMPORTED_MODULE_4__Divider__["a"]; });
-
-
-
-
-
-
-
-
- /* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Menu__["a" /* default */]);
-
- /***/ }),
- /* 196 */
+ /* 189 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(630);
- var $Object = __webpack_require__(16).Object;
+ __webpack_require__(608);
+ var $Object = __webpack_require__(13).Object;
module.exports = function create(P, D) {
return $Object.create(P, D);
};
/***/ }),
- /* 197 */
+ /* 190 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -107924,20 +108532,20 @@
});
/***/ }),
- /* 198 */
+ /* 191 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["b"] = getActiveKey;
/* unused harmony export saveRef */
/* unused harmony export SubPopupMenu */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(34);
/* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends__);
@@ -107945,14 +108553,14 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
/* 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_mini_store__ = __webpack_require__(17);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store__ = __webpack_require__(26);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(31);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(199);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(74);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(614);
/* 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__(48);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(636);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(45);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(616);
@@ -108353,54 +108961,953 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 199 */
+ /* 192 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = createChainedFunction;
- /**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @returns {function|null}
- */
- function createChainedFunction() {
- var args = [].slice.call(arguments, 0);
- if (args.length === 1) {
- return args[0];
- }
+ 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;
+ }());
+ })();
- return function chainedFunction() {
- for (var i = 0; i < args.length; i++) {
- if (args[i] && args[i].apply) {
- args[i].apply(this, arguments);
- }
- }
- };
+ /**
+ * 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')();
+ })();
+
+ /**
+ * 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;
}
- /***/ }),
- /* 200 */
- /***/ (function(module, exports, __webpack_require__) {
+ // 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;
+ }());
- 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);
+ /**
+ * 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;
+ });
+
+ // 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;
+ }());
+
+ 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;
+ }());
+
+ // 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;
+ })();
+
+ /* harmony default export */ __webpack_exports__["default"] = (index);
+
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(25)))
/***/ }),
- /* 201 */
+ /* 193 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export SubMenu */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends__);
@@ -108410,16 +109917,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__(637);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(31);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_trigger__ = __webpack_require__(75);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(74);
/* 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__(17);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store__ = __webpack_require__(26);
/* 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__(198);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(646);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(48);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__ = __webpack_require__(191);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(628);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(113);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(45);
@@ -108707,7 +110214,7 @@
isInlineMode && title,
isInlineMode && children,
!isInlineMode && __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_7_rc_trigger__["a" /* default */],
+ __WEBPACK_IMPORTED_MODULE_7_rc_trigger__["default"],
{
prefixCls: prefixCls,
popupClassName: prefixCls + '-popup ' + popupClassName,
@@ -109018,7 +110525,46 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 202 */
+ /* 194 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["a"] = contains;
+ function contains(root, n) {
+ var node = n;
+ while (node) {
+ if (node === root) {
+ return true;
+ }
+ node = node.parentNode;
+ }
+
+ return false;
+ }
+
+ /***/ }),
+ /* 195 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["a"] = addEventListenerWrap;
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener__ = __webpack_require__(112);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(4);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);
+
+
+
+ function addEventListenerWrap(target, eventType, cb, option) {
+ /* eslint camelcase: 2 */
+ var callback = __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.unstable_batchedUpdates ? function run(e) {
+ __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.unstable_batchedUpdates(cb, e);
+ } : cb;
+ return __WEBPACK_IMPORTED_MODULE_0_add_dom_event_listener___default()(target, eventType, callback, option);
+ }
+
+ /***/ }),
+ /* 196 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -109057,7 +110603,7 @@
}
/***/ }),
- /* 203 */
+ /* 197 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -109084,17 +110630,17 @@
/* harmony default export */ __webpack_exports__["a"] = (util);
/***/ }),
- /* 204 */
+ /* 198 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(34);
/* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
@@ -109150,7 +110696,22 @@
/* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
/***/ }),
- /* 205 */
+ /* 199 */
+ /***/ (function(module, exports) {
+
+ // mutationobserver-shim v0.3.2 (github.com/megawac/MutationObserver.js)
+ // Authors: Graeme Yeates (github.com/megawac)
+ window.MutationObserver=window.MutationObserver||function(w){function v(a){this.i=[];this.m=a}function I(a){(function c(){var d=a.takeRecords();d.length&&a.m(d,a);a.h=setTimeout(c,v._period)})()}function p(a){var b={type:null,target:null,addedNodes:[],removedNodes:[],previousSibling:null,nextSibling:null,attributeName:null,attributeNamespace:null,oldValue:null},c;for(c in a)b[c]!==w&&a[c]!==w&&(b[c]=a[c]);return b}function J(a,b){var c=C(a,b);return function(d){var f=d.length,n;b.a&&3===a.nodeType&&
+ a.nodeValue!==c.a&&d.push(new p({type:"characterData",target:a,oldValue:c.a}));b.b&&c.b&&A(d,a,c.b,b.f);if(b.c||b.g)n=K(d,a,c,b);if(n||d.length!==f)c=C(a,b)}}function L(a,b){return b.value}function M(a,b){return"style"!==b.name?b.value:a.style.cssText}function A(a,b,c,d){for(var f={},n=b.attributes,k,g,x=n.length;x--;)k=n[x],g=k.name,d&&d[g]===w||(D(b,k)!==c[g]&&a.push(p({type:"attributes",target:b,attributeName:g,oldValue:c[g],attributeNamespace:k.namespaceURI})),f[g]=!0);for(g in c)f[g]||a.push(p({target:b,
+ type:"attributes",attributeName:g,oldValue:c[g]}))}function K(a,b,c,d){function f(b,c,f,k,y){var g=b.length-1;y=-~((g-y)/2);for(var h,l,e;e=b.pop();)h=f[e.j],l=k[e.l],d.c&&y&&Math.abs(e.j-e.l)>=g&&(a.push(p({type:"childList",target:c,addedNodes:[h],removedNodes:[h],nextSibling:h.nextSibling,previousSibling:h.previousSibling})),y--),d.b&&l.b&&A(a,h,l.b,d.f),d.a&&3===h.nodeType&&h.nodeValue!==l.a&&a.push(p({type:"characterData",target:h,oldValue:l.a})),d.g&&n(h,l)}function n(b,c){for(var g=b.childNodes,
+ q=c.c,x=g.length,v=q?q.length:0,h,l,e,m,t,z=0,u=0,r=0;u 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', props);
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- LazyRenderBox.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
-
- /***/ }),
- /* 231 */
+ /* 224 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -112050,7 +113525,7 @@
module.exports = exports["default"];
/***/ }),
- /* 232 */
+ /* 225 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -112071,19 +113546,19 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _events = __webpack_require__(814);
+ var _events = __webpack_require__(124);
var _events2 = _interopRequireDefault(_events);
- var _ownerDocument = __webpack_require__(819);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _inDOM = __webpack_require__(34);
+ var _inDOM = __webpack_require__(17);
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _scrollbarSize = __webpack_require__(820);
+ var _scrollbarSize = __webpack_require__(80);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
@@ -112095,39 +113570,35 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(132);
+ var _Modal = __webpack_require__(125);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(89);
+ var _isOverflowing = __webpack_require__(81);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _tinperBeeCore = __webpack_require__(5);
- var _beeDnd = __webpack_require__(57);
+ var _beeTransition = __webpack_require__(801);
- var _beeDnd2 = _interopRequireDefault(_beeDnd);
-
- var _beeTransition = __webpack_require__(867);
-
- var _ModalBody = __webpack_require__(878);
+ var _ModalBody = __webpack_require__(805);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(879);
+ var _ModalDialog = __webpack_require__(806);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
- var _ModalFooter = __webpack_require__(880);
+ var _ModalFooter = __webpack_require__(844);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
- var _ModalHeader = __webpack_require__(881);
+ var _ModalHeader = __webpack_require__(845);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
- var _ModalTitle = __webpack_require__(882);
+ var _ModalTitle = __webpack_require__(846);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
@@ -112151,47 +113622,47 @@
var propTypes = _extends({}, _Modal2["default"].propTypes, _ModalDialog2["default"].propTypes, (_extends2 = {
- /**
- * 是否弹出遮罩层/遮罩层点击是否触发关闭
+ /**
+ * 是否弹出遮罩层/遮罩层点击是否触发关闭
*/
backdrop: _propTypes2["default"].oneOf(['static', true, false]),
- /**
- * 点击遮罩层是否允许关闭
+ /**
+ * 点击遮罩层是否允许关闭
*/
backdropClosable: _propTypes2["default"].bool,
- /**
- * esc触发关闭
+ /**
+ * esc触发关闭
*/
keyboard: _propTypes2["default"].bool,
- /**
- * 显隐时是否使用动画
+ /**
+ * 显隐时是否使用动画
*/
animation: _propTypes2["default"].bool,
- /**
- * 传递给模态框的样式
+ /**
+ * 传递给模态框的样式
*/
dialogComponentClass: _tinperBeeCore.elementType,
- /**
- * 自动设置焦点
+ /**
+ * 自动设置焦点
*/
autoFocus: _propTypes2["default"].bool,
- /**
- * 防止打开时焦点离开模态框
+ /**
+ * 防止打开时焦点离开模态框
*/
enforceFocus: _propTypes2["default"].bool,
- /**
- * 是否打开模态框
+ /**
+ * 是否打开模态框
*/
show: _propTypes2["default"].bool,
- /**
- * 关闭时的钩子函数
+ /**
+ * 关闭时的钩子函数
*/
onHide: _propTypes2["default"].func,
@@ -112208,13 +113679,14 @@
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), _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, '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));
var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
backdropClosable: true,
animation: true,
dialogComponentClass: _ModalDialog2["default"],
draggable: false,
+ resizable: false,
clsPrefix: 'u-modal'
});
@@ -112421,7 +113893,7 @@
exports["default"] = Modal;
/***/ }),
- /* 233 */
+ /* 226 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -112430,51 +113902,20 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
-
- var _inDOM = __webpack_require__(34);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var off = function off() {};
- if (_inDOM2.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = off;
- module.exports = exports['default'];
-
- /***/ }),
- /* 234 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- exports.__esModule = true;
exports.default = hasClass;
-
function hasClass(element, className) {
- if (element.classList) return !!className && element.classList.contains(className);else return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
+ if (element.classList) return !!className && element.classList.contains(className);else return (" " + element.className + " ").indexOf(" " + className + " ") !== -1;
}
-
module.exports = exports["default"];
/***/ }),
- /* 235 */
+ /* 227 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(160);
+ module.exports = __webpack_require__(152);
/***/ }),
- /* 236 */
+ /* 228 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -112494,10 +113935,10 @@
/* harmony default export */ __webpack_exports__["a"] = (invariant);
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 237 */
+ /* 229 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -112507,7 +113948,7 @@
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return applyMiddleware; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return compose; });
/* unused harmony export __DO_NOT_USE__ActionTypes */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_symbol_observable__ = __webpack_require__(837);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_symbol_observable__ = __webpack_require__(815);
/**
@@ -113145,10 +114586,10 @@
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 238 */
+ /* 230 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -113160,7 +114601,7 @@
}
/***/ }),
- /* 239 */
+ /* 231 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -113182,25 +114623,25 @@
});
/***/ }),
- /* 240 */
+ /* 232 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* 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__(238);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_assertThisInitialized__ = __webpack_require__(845);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(135);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(136);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_hoist_non_react_statics__ = __webpack_require__(846);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(230);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_assertThisInitialized__ = __webpack_require__(823);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(129);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(130);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_hoist_non_react_statics__ = __webpack_require__(170);
/* 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__(847);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_invariant__ = __webpack_require__(824);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_invariant___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_invariant__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_is__ = __webpack_require__(114);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_is__ = __webpack_require__(171);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_react_is__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_Subscription__ = __webpack_require__(848);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_PropTypes__ = __webpack_require__(239);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_Subscription__ = __webpack_require__(825);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_PropTypes__ = __webpack_require__(231);
@@ -113494,17 +114935,17 @@
return __WEBPACK_IMPORTED_MODULE_4_hoist_non_react_statics___default()(Connect, WrappedComponent);
};
}
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 241 */
+ /* 233 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = wrapMapToPropsConstant;
/* unused harmony export getDependsOnOwnProps */
/* harmony export (immutable) */ __webpack_exports__["b"] = wrapMapToPropsFunc;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_verifyPlainObject__ = __webpack_require__(242);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_verifyPlainObject__ = __webpack_require__(234);
function wrapMapToPropsConstant(getConstant) {
return function initConstantSelector(dispatch, options) {
@@ -113569,16 +115010,16 @@
return proxy;
};
}
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 242 */
+ /* 234 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(852);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(134);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(829);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(128);
function verifyPlainObject(value, displayName, methodName) {
@@ -113588,7 +115029,7 @@
}
/***/ }),
- /* 243 */
+ /* 235 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -113604,7 +115045,7 @@
module.exports = exports["default"];
/***/ }),
- /* 244 */
+ /* 236 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -113654,222 +115095,7 @@
};
/***/ }),
- /* 245 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
-
- var _inDOM = __webpack_require__(34);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var transform = 'transform';
- var prefix = void 0,
- transitionEnd = void 0;
- var transitionTiming = void 0,
- transitionDuration = void 0;
- var transitionProperty = void 0,
- transitionDelay = void 0;
-
- if (_inDOM2.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
-
-
- exports.transform = transform = prefix + '-' + transform;
- exports.transitionProperty = transitionProperty = prefix + '-transition-property';
- exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
- exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
- exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
- }
-
- exports.transform = transform;
- exports.transitionProperty = transitionProperty;
- exports.transitionTiming = transitionTiming;
- exports.transitionDelay = transitionDelay;
- exports.transitionDuration = transitionDuration;
- exports.transitionEnd = transitionEnd;
- exports.default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
-
-
- function getTransitionProperties() {
- var transitionEnd = void 0;
- var prefix = '';
- var eventNames = {
- O: 'otransitionend',
- Moz: 'transitionend',
- Webkit: 'webkitTransitionEnd',
- ms: 'MSTransitionEnd'
- };
-
- var element = document.createElement('div');
- for (var vendor in eventNames) {
- if (eventNames.hasOwnProperty(vendor)) {
- if (element.style[vendor + 'TransitionProperty'] !== undefined) {
- prefix = '-' + vendor.toLowerCase();
- transitionEnd = eventNames[vendor];
- break;
- }
- }
- }if (!transitionEnd && element.style.transitionProperty !== undefined) transitionEnd = 'transitionend';
-
- element = null;
-
- return { transitionEnd: transitionEnd, prefix: prefix };
- }
-
- /***/ }),
- /* 246 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = camelizeStyleName;
-
- var _camelize = __webpack_require__(870);
-
- var _camelize2 = _interopRequireDefault(_camelize);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^-ms-/; /**
- * Copyright 2014-2015, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
- */
- function camelizeStyleName(string) {
- return (0, _camelize2.default)(string.replace(msPattern, 'ms-'));
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 247 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = getAlignFromPlacement;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getAlignPopupClassName;
- /* harmony export (immutable) */ __webpack_exports__["c"] = saveRef;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
-
- function isPointsEq(a1, a2, isAlignPoint) {
- if (isAlignPoint) {
- return a1[0] === a2[0];
- }
- return a1[0] === a2[0] && a1[1] === a2[1];
- }
-
- function getAlignFromPlacement(builtinPlacements, placementStr, align) {
- var baseAlign = builtinPlacements[placementStr] || {};
- return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, baseAlign, align);
- }
-
- function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
- var points = align.points;
- for (var placement in builtinPlacements) {
- if (builtinPlacements.hasOwnProperty(placement)) {
- if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {
- return prefixCls + '-placement-' + placement;
- }
- }
- }
- return '';
- }
-
- function saveRef(name, component) {
- this[name] = component;
- }
-
- /***/ }),
- /* 248 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
-
-
-
-
-
-
-
- var LazyRenderBox = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(LazyRenderBox, _Component);
-
- function LazyRenderBox() {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, LazyRenderBox);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
- }
-
- LazyRenderBox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return nextProps.hiddenClassName || nextProps.visible;
- };
-
- LazyRenderBox.prototype.render = function render() {
- var _props = this.props,
- hiddenClassName = _props.hiddenClassName,
- visible = _props.visible,
- props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['hiddenClassName', 'visible']);
-
- if (hiddenClassName || __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.count(props.children) > 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', props);
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- LazyRenderBox.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
-
- /***/ }),
- /* 249 */
+ /* 237 */
/***/ (function(module, exports, __webpack_require__) {
(function (global, factory) {
@@ -113904,7 +115130,7 @@
/***/ }),
- /* 250 */
+ /* 238 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -113914,7 +115140,7 @@
value: true
});
- var _Icon = __webpack_require__(906);
+ var _Icon = __webpack_require__(869);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -113924,7 +115150,7 @@
module.exports = exports['default'];
/***/ }),
- /* 251 */
+ /* 239 */
/***/ (function(module, exports) {
//
@@ -113976,326 +115202,7 @@
/***/ }),
- /* 252 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.Event = exports.EventUtil = exports.tryParseInt = 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; };
-
- exports.measureScrollbar = measureScrollbar;
- exports.debounce = debounce;
- exports.warningOnce = warningOnce;
- exports.getOffset = getOffset;
- exports.addClass = addClass;
- exports.removeClass = removeClass;
- exports.ObjectAssign = ObjectAssign;
- exports.closest = closest;
- exports.getMaxColChildrenLength = getMaxColChildrenLength;
- exports.getColChildrenLength = getColChildrenLength;
- exports.DicimalFormater = DicimalFormater;
- exports.checkDicimalInvalid = checkDicimalInvalid;
-
- var _warning = __webpack_require__(18);
-
- var _warning2 = _interopRequireDefault(_warning);
-
- var _parseInt = __webpack_require__(925);
-
- var _parseInt2 = _interopRequireDefault(_parseInt);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- var scrollbarSize = void 0;
-
- // Measure scrollbar width for padding body during modal show/hide
- var scrollbarMeasure = {
- position: 'absolute',
- top: '-9999px',
- width: '50px',
- height: '50px',
- overflow: 'scroll'
- };
-
- function measureScrollbar() {
- var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'vertical';
-
- if (typeof document === 'undefined' || typeof window === 'undefined') {
- return 0;
- }
- if (scrollbarSize) {
- return scrollbarSize;
- }
- var scrollDiv = document.createElement('div');
- Object.keys(scrollbarMeasure).forEach(function (scrollProp) {
- scrollDiv.style[scrollProp] = scrollbarMeasure[scrollProp];
- });
- document.body.appendChild(scrollDiv);
- var size = 0;
- if (direction === 'vertical') {
- size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
- } else if (direction === 'horizontal') {
- size = scrollDiv.offsetHeight - scrollDiv.clientHeight;
- }
-
- document.body.removeChild(scrollDiv);
- scrollbarSize = size;
- return scrollbarSize;
- }
-
- function debounce(func, wait, immediate) {
- var timeout = void 0;
- return function debounceFunc() {
- var context = this;
- var args = arguments;
- // https://fb.me/react-event-pooling
- if (args[0] && args[0].persist) {
- args[0].persist();
- }
- var later = function later() {
- timeout = null;
- if (!immediate) {
- func.apply(context, args);
- }
- };
- var callNow = immediate && !timeout;
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- if (callNow) {
- func.apply(context, args);
- }
- };
- }
-
- var warned = {};
- function warningOnce(condition, format, args) {
- if (!warned[format]) {
- (0, _warning2["default"])(condition, format, args);
- warned[format] = true;
- }
- }
- function getOffset(Node, offset) {
- if (!offset) {
- offset = {};
- offset.top = 0;
- offset.left = 0;
- }
- if (Node == document.body) {
- return offset;
- }
- offset.top += Node.offsetTop;
- offset.left += Node.offsetLeft;
- if (Node.offsetParent) return getOffset(Node.offsetParent, offset);else return offset;
- };
-
- var tryParseInt = exports.tryParseInt = function tryParseInt(value) {
- var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
- var resultValue = (0, _parseInt2["default"])(value);
-
- if (isNaN(resultValue)) {
- return defaultValue;
- }
- return resultValue;
- };
-
- function addClass(elm, className) {
- if (!className) return;
-
- var els = Array.isArray(elm) ? elm : [elm];
-
- els.forEach(function (el) {
- if (el.classList) {
- el.classList.add(className.split(' '));
- } else {
- el.className += ' ' + className;
- }
- });
- }
-
- function removeClass(elm, className) {
- if (!className) return;
-
- var els = Array.isArray(elm) ? elm : [elm];
-
- els.forEach(function (el) {
- if (el.classList) {
- el.classList.remove(className.split(' '));
- } else {
- el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
- }
- });
- }
-
- /**
- * 简单数组数据对象拷贝
- * @param {*} obj 要拷贝的对象
- */
- function ObjectAssign(obj) {
- var b = obj instanceof Array;
- var tagObj = b ? [] : {};
- if (b) {
- //数组
- obj.forEach(function (da) {
- var _da = {};
- _extends(_da, da);
- tagObj.push(_da);
- });
- } else {
- _extends(tagObj, obj);
- }
- return tagObj;
- }
- /**
- * 获取某个父元素
- * */
-
- function closest(ele, selector) {
- var matches = ele.matches || ele.webkitMatchesSelector || ele.mozMatchesSelector || ele.msMatchesSelector;
- if (matches) {
- while (ele) {
- if (matches.call(ele, selector)) {
- return ele;
- } else {
- ele = ele.parentElement;
- }
- }
- }
- return null;
- }
-
- function getMaxColChildrenLength(columns) {
- var arr = [];
- arr = columns.map(function (item, index) {
- var chilrenLen = 0;
- if (item.children) {
- chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
- }
- return chilrenLen;
- });
- var max = Math.max.apply(null, arr);
- return max;
- }
-
- function getColChildrenLength(columns, chilrenLen) {
- columns.forEach(function (item, index) {
- if (item.children) {
- chilrenLen = getColChildrenLength(item.children, chilrenLen + 1);
- }
- });
- return chilrenLen;
- }
-
- function addHandler(element, type, handler) {
- var event = null;
- if (element.addEventListener) {
- //检测是否为DOM2级方法
- event = element.addEventListener(type, handler, false);
- } else if (element.attachEvent) {
- //检测是否为IE级方法
- event = element.attachEvent("on" + type, handler);
- } else {
- //检测是否为DOM0级方法
- event = element["on" + type] = handler;
- }
- return event;
- }
-
- function removeHandler(element, type, handler) {
- if (element.removeEventListener) {
- element.removeEventListener(type, handler, false);
- } else if (element.detachEvent) {
- element.detachEvent("on" + type, handler);
- } else {
- element["on" + type] = null;
- }
- }
-
- //获取事件对象的兼容性写法
- function getEvent(event) {
- return event ? event : window.event;
- }
-
- //获取事件对象目标的兼容性写法
- function getTarget(event) {
- return event.target || event.srcElement;
- }
-
- function preventDefault(event) {
- if (event.preventDefault) {
- event.preventDefault();
- } else {
- event.returnValue = false;
- }
- }
-
- function stopPropagation(event) {
- if (event.stopPropagation) {
- event.stopPropagation();
- } else {
- event.cancelBubble = true;
- }
- }
-
- //用事件冒泡方式,如果想兼容事件捕获只需要添加个bool参数
- var EventUtil = exports.EventUtil = {
- addHandler: function addHandler(element, type, handler) {
- if (element.addEventListener) {
- element.addEventListener(type, handler, false);
- } else if (element.attachEvent) {
- element.attachEvent('on' + type, handler);
- } else {
- element['on' + type] = handler;
- }
- },
-
- removeHandler: function removeHandler(element, type, handler) {
- if (element.removeEventListener) {
- element.removeEventListener(type, handler, false);
- } else if (element.detachEvent) {
- element.detachEvent('on' + type, handler);
- } else {
- element['on' + type] = null;
- }
- }
-
- /*
- * 处理精度
- */
- };function DicimalFormater(value, precision) {
- var value = value + '',
- precision = precision ? precision : 0;
- for (var i = 0; i < value.length; i++) {
- if ("-0123456789.".indexOf(value.charAt(i)) == -1) return "";
- }
- return checkDicimalInvalid(value, precision);
- };
- function checkDicimalInvalid(value, precision) {
- if (value == null || isNaN(value)) return "";
- // 浮点数总位数不能超过10位
- var digit = parseFloat(value);
- var result = (digit * Math.pow(10, precision) / Math.pow(10, precision)).toFixed(precision);
- if (result == "NaN") return "";
- return result;
- };
-
- var Event = exports.Event = {
- addHandler: addHandler,
- removeHandler: removeHandler,
- getEvent: getEvent,
- getTarget: getTarget,
- preventDefault: preventDefault,
- stopPropagation: stopPropagation
- };
-
- /***/ }),
- /* 253 */
+ /* 240 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -114305,7 +115212,7 @@
value: true
});
- var _Calendar = __webpack_require__(929);
+ var _Calendar = __webpack_require__(892);
var _Calendar2 = _interopRequireDefault(_Calendar);
@@ -114315,7 +115222,7 @@
module.exports = exports['default'];
/***/ }),
- /* 254 */
+ /* 241 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -114329,11 +115236,11 @@
var _react2 = _interopRequireDefault(_react);
- var _DateTHead = __webpack_require__(930);
+ var _DateTHead = __webpack_require__(893);
var _DateTHead2 = _interopRequireDefault(_DateTHead);
- var _DateTBody = __webpack_require__(932);
+ var _DateTBody = __webpack_require__(895);
var _DateTBody2 = _interopRequireDefault(_DateTBody);
@@ -114374,7 +115281,7 @@
module.exports = exports['default'];
/***/ }),
- /* 255 */
+ /* 242 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -114390,7 +115297,7 @@
module.exports = exports["default"];
/***/ }),
- /* 256 */
+ /* 243 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -114467,7 +115374,7 @@
/***/ }),
- /* 257 */
+ /* 244 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -114606,7 +115513,7 @@
/***/ }),
- /* 258 */
+ /* 245 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -114669,7 +115576,7 @@
/***/ }),
- /* 259 */
+ /* 246 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -114732,7 +115639,7 @@
/***/ }),
- /* 260 */
+ /* 247 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -114858,7 +115765,7 @@
/***/ }),
- /* 261 */
+ /* 248 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -114921,7 +115828,7 @@
/***/ }),
- /* 262 */
+ /* 249 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115029,7 +115936,7 @@
/***/ }),
- /* 263 */
+ /* 250 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115092,7 +115999,7 @@
/***/ }),
- /* 264 */
+ /* 251 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115201,7 +116108,7 @@
/***/ }),
- /* 265 */
+ /* 252 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115337,7 +116244,7 @@
/***/ }),
- /* 266 */
+ /* 253 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115431,7 +116338,7 @@
/***/ }),
- /* 267 */
+ /* 254 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115493,7 +116400,7 @@
/***/ }),
- /* 268 */
+ /* 255 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115616,7 +116523,7 @@
/***/ }),
- /* 269 */
+ /* 256 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115739,7 +116646,7 @@
/***/ }),
- /* 270 */
+ /* 257 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -115851,7 +116758,7 @@
/***/ }),
- /* 271 */
+ /* 258 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116006,7 +116913,7 @@
/***/ }),
- /* 272 */
+ /* 259 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116098,7 +117005,7 @@
/***/ }),
- /* 273 */
+ /* 260 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116274,7 +117181,7 @@
/***/ }),
- /* 274 */
+ /* 261 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116341,7 +117248,7 @@
/***/ }),
- /* 275 */
+ /* 262 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116425,7 +117332,7 @@
/***/ }),
- /* 276 */
+ /* 263 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116489,7 +117396,7 @@
/***/ }),
- /* 277 */
+ /* 264 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116569,7 +117476,7 @@
/***/ }),
- /* 278 */
+ /* 265 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116649,7 +117556,7 @@
/***/ }),
- /* 279 */
+ /* 266 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116729,7 +117636,7 @@
/***/ }),
- /* 280 */
+ /* 267 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116832,7 +117739,7 @@
/***/ }),
- /* 281 */
+ /* 268 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -116936,7 +117843,7 @@
/***/ }),
- /* 282 */
+ /* 269 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117007,7 +117914,7 @@
/***/ }),
- /* 283 */
+ /* 270 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117078,7 +117985,7 @@
/***/ }),
- /* 284 */
+ /* 271 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117145,7 +118052,7 @@
/***/ }),
- /* 285 */
+ /* 272 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117216,7 +118123,7 @@
/***/ }),
- /* 286 */
+ /* 273 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117282,7 +118189,7 @@
/***/ }),
- /* 287 */
+ /* 274 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117353,7 +118260,7 @@
/***/ }),
- /* 288 */
+ /* 275 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117428,7 +118335,7 @@
/***/ }),
- /* 289 */
+ /* 276 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117524,7 +118431,7 @@
/***/ }),
- /* 290 */
+ /* 277 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117620,7 +118527,7 @@
/***/ }),
- /* 291 */
+ /* 278 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117716,7 +118623,7 @@
/***/ }),
- /* 292 */
+ /* 279 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117800,7 +118707,7 @@
/***/ }),
- /* 293 */
+ /* 280 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117870,7 +118777,7 @@
/***/ }),
- /* 294 */
+ /* 281 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -117980,7 +118887,7 @@
/***/ }),
- /* 295 */
+ /* 282 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118093,7 +119000,7 @@
/***/ }),
- /* 296 */
+ /* 283 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118157,7 +119064,7 @@
/***/ }),
- /* 297 */
+ /* 284 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118244,7 +119151,7 @@
/***/ }),
- /* 298 */
+ /* 285 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118322,7 +119229,7 @@
/***/ }),
- /* 299 */
+ /* 286 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118404,7 +119311,7 @@
/***/ }),
- /* 300 */
+ /* 287 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118483,7 +119390,7 @@
/***/ }),
- /* 301 */
+ /* 288 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118564,7 +119471,7 @@
/***/ }),
- /* 302 */
+ /* 289 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118644,7 +119551,7 @@
/***/ }),
- /* 303 */
+ /* 290 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118725,7 +119632,7 @@
/***/ }),
- /* 304 */
+ /* 291 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118852,7 +119759,7 @@
/***/ }),
- /* 305 */
+ /* 292 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -118980,7 +119887,7 @@
/***/ }),
- /* 306 */
+ /* 293 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119081,7 +119988,7 @@
/***/ }),
- /* 307 */
+ /* 294 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119209,7 +120116,7 @@
/***/ }),
- /* 308 */
+ /* 295 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119367,7 +120274,7 @@
/***/ }),
- /* 309 */
+ /* 296 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119481,7 +120388,7 @@
/***/ }),
- /* 310 */
+ /* 297 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119580,7 +120487,7 @@
/***/ }),
- /* 311 */
+ /* 298 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119666,7 +120573,7 @@
/***/ }),
- /* 312 */
+ /* 299 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119802,7 +120709,7 @@
/***/ }),
- /* 313 */
+ /* 300 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119875,7 +120782,7 @@
/***/ }),
- /* 314 */
+ /* 301 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -119948,7 +120855,7 @@
/***/ }),
- /* 315 */
+ /* 302 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120044,7 +120951,7 @@
/***/ }),
- /* 316 */
+ /* 303 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120130,7 +121037,7 @@
/***/ }),
- /* 317 */
+ /* 304 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120223,7 +121130,7 @@
/***/ }),
- /* 318 */
+ /* 305 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120314,7 +121221,7 @@
/***/ }),
- /* 319 */
+ /* 306 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120428,7 +121335,7 @@
/***/ }),
- /* 320 */
+ /* 307 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120558,7 +121465,7 @@
/***/ }),
- /* 321 */
+ /* 308 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120643,7 +121550,7 @@
/***/ }),
- /* 322 */
+ /* 309 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120766,7 +121673,7 @@
/***/ }),
- /* 323 */
+ /* 310 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120857,7 +121764,7 @@
/***/ }),
- /* 324 */
+ /* 311 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -120997,7 +121904,7 @@
/***/ }),
- /* 325 */
+ /* 312 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121071,7 +121978,7 @@
/***/ }),
- /* 326 */
+ /* 313 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121193,7 +122100,7 @@
/***/ }),
- /* 327 */
+ /* 314 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121294,7 +122201,7 @@
/***/ }),
- /* 328 */
+ /* 315 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121410,7 +122317,7 @@
/***/ }),
- /* 329 */
+ /* 316 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121478,7 +122385,7 @@
/***/ }),
- /* 330 */
+ /* 317 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121572,7 +122479,7 @@
/***/ }),
- /* 331 */
+ /* 318 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121657,7 +122564,7 @@
/***/ }),
- /* 332 */
+ /* 319 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121765,7 +122672,7 @@
/***/ }),
- /* 333 */
+ /* 320 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -121929,7 +122836,7 @@
/***/ }),
- /* 334 */
+ /* 321 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122015,7 +122922,7 @@
/***/ }),
- /* 335 */
+ /* 322 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122101,7 +123008,7 @@
/***/ }),
- /* 336 */
+ /* 323 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122165,7 +123072,7 @@
/***/ }),
- /* 337 */
+ /* 324 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122262,7 +123169,7 @@
/***/ }),
- /* 338 */
+ /* 325 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122328,7 +123235,7 @@
/***/ }),
- /* 339 */
+ /* 326 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122455,7 +123362,7 @@
/***/ }),
- /* 340 */
+ /* 327 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122546,7 +123453,7 @@
/***/ }),
- /* 341 */
+ /* 328 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122637,7 +123544,7 @@
/***/ }),
- /* 342 */
+ /* 329 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122701,7 +123608,7 @@
/***/ }),
- /* 343 */
+ /* 330 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122829,7 +123736,7 @@
/***/ }),
- /* 344 */
+ /* 331 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -122959,7 +123866,7 @@
/***/ }),
- /* 345 */
+ /* 332 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123028,7 +123935,7 @@
/***/ }),
- /* 346 */
+ /* 333 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123093,7 +124000,7 @@
/***/ }),
- /* 347 */
+ /* 334 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123172,7 +124079,7 @@
/***/ }),
- /* 348 */
+ /* 335 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123358,7 +124265,7 @@
/***/ }),
- /* 349 */
+ /* 336 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123460,7 +124367,7 @@
/***/ }),
- /* 350 */
+ /* 337 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123524,7 +124431,7 @@
/***/ }),
- /* 351 */
+ /* 338 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123599,7 +124506,7 @@
/***/ }),
- /* 352 */
+ /* 339 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123759,7 +124666,7 @@
/***/ }),
- /* 353 */
+ /* 340 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -123936,7 +124843,7 @@
/***/ }),
- /* 354 */
+ /* 341 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124008,7 +124915,7 @@
/***/ }),
- /* 355 */
+ /* 342 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124123,7 +125030,7 @@
/***/ }),
- /* 356 */
+ /* 343 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124238,7 +125145,7 @@
/***/ }),
- /* 357 */
+ /* 344 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124330,7 +125237,7 @@
/***/ }),
- /* 358 */
+ /* 345 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124403,7 +125310,7 @@
/***/ }),
- /* 359 */
+ /* 346 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124466,7 +125373,7 @@
/***/ }),
- /* 360 */
+ /* 347 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124599,7 +125506,7 @@
/***/ }),
- /* 361 */
+ /* 348 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124692,7 +125599,7 @@
/***/ }),
- /* 362 */
+ /* 349 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124763,7 +125670,7 @@
/***/ }),
- /* 363 */
+ /* 350 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124883,7 +125790,7 @@
/***/ }),
- /* 364 */
+ /* 351 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -124954,7 +125861,7 @@
/***/ }),
- /* 365 */
+ /* 352 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125020,7 +125927,7 @@
/***/ }),
- /* 366 */
+ /* 353 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125146,7 +126053,7 @@
/***/ }),
- /* 367 */
+ /* 354 */
/***/ (function(module, exports, __webpack_require__) {
@@ -125244,7 +126151,7 @@
/***/ }),
- /* 368 */
+ /* 355 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125339,7 +126246,7 @@
/***/ }),
- /* 369 */
+ /* 356 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125401,7 +126308,7 @@
/***/ }),
- /* 370 */
+ /* 357 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125463,7 +126370,7 @@
/***/ }),
- /* 371 */
+ /* 358 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js language configuration
@@ -125586,7 +126493,7 @@
/***/ }),
- /* 372 */
+ /* 359 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125744,7 +126651,7 @@
/***/ }),
- /* 373 */
+ /* 360 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125846,7 +126753,7 @@
/***/ }),
- /* 374 */
+ /* 361 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125908,7 +126815,7 @@
/***/ }),
- /* 375 */
+ /* 362 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -125970,7 +126877,7 @@
/***/ }),
- /* 376 */
+ /* 363 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126053,7 +126960,7 @@
/***/ }),
- /* 377 */
+ /* 364 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126125,7 +127032,7 @@
/***/ }),
- /* 378 */
+ /* 365 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126189,7 +127096,7 @@
/***/ }),
- /* 379 */
+ /* 366 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126296,7 +127203,7 @@
/***/ }),
- /* 380 */
+ /* 367 */
/***/ (function(module, exports, __webpack_require__) {
//! moment.js locale configuration
@@ -126403,7 +127310,7 @@
/***/ }),
- /* 381 */
+ /* 368 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -126431,7 +127338,7 @@
module.exports = exports['default'];
/***/ }),
- /* 382 */
+ /* 369 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -126453,11 +127360,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _DecadePanel = __webpack_require__(383);
+ var _DecadePanel = __webpack_require__(370);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
- var _DateInput = __webpack_require__(72);
+ var _DateInput = __webpack_require__(60);
var _DateInput2 = _interopRequireDefault(_DateInput);
@@ -126739,7 +127646,7 @@
module.exports = exports['default'];
/***/ }),
- /* 383 */
+ /* 370 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -126952,7 +127859,7 @@
module.exports = exports['default'];
/***/ }),
- /* 384 */
+ /* 371 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -126976,7 +127883,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _mapSelf = __webpack_require__(381);
+ var _mapSelf = __webpack_require__(368);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
@@ -126984,15 +127891,15 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _TodayButton = __webpack_require__(385);
+ var _TodayButton = __webpack_require__(372);
var _TodayButton2 = _interopRequireDefault(_TodayButton);
- var _OkButton = __webpack_require__(386);
+ var _OkButton = __webpack_require__(373);
var _OkButton2 = _interopRequireDefault(_OkButton);
- var _TimePickerButton = __webpack_require__(387);
+ var _TimePickerButton = __webpack_require__(375);
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
@@ -127089,7 +127996,7 @@
module.exports = exports['default'];
/***/ }),
- /* 385 */
+ /* 372 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127104,7 +128011,7 @@
var _react2 = _interopRequireDefault(_react);
- var _util = __webpack_require__(26);
+ var _util = __webpack_require__(28);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -127136,7 +128043,7 @@
module.exports = exports['default'];
/***/ }),
- /* 386 */
+ /* 373 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127151,7 +128058,7 @@
var _react2 = _interopRequireDefault(_react);
- var _beeButton = __webpack_require__(935);
+ var _beeButton = __webpack_require__(374);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -127181,7 +128088,27 @@
module.exports = exports['default'];
/***/ }),
- /* 387 */
+ /* 374 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Button = __webpack_require__(898);
+
+ var _Button2 = _interopRequireDefault(_Button);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Button2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 375 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127232,7 +128159,7 @@
module.exports = exports['default'];
/***/ }),
- /* 388 */
+ /* 376 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127260,7 +128187,7 @@
var _moment2 = _interopRequireDefault(_moment);
- var _index = __webpack_require__(26);
+ var _index = __webpack_require__(28);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -127389,7 +128316,7 @@
};
/***/ }),
- /* 389 */
+ /* 377 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127432,7 +128359,7 @@
module.exports = exports['default'];
/***/ }),
- /* 390 */
+ /* 378 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127468,132 +128395,7 @@
}
/***/ }),
- /* 391 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = getAlignFromPlacement;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getAlignPopupClassName;
- /* harmony export (immutable) */ __webpack_exports__["c"] = saveRef;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
-
- function isPointsEq(a1, a2, isAlignPoint) {
- if (isAlignPoint) {
- return a1[0] === a2[0];
- }
- return a1[0] === a2[0] && a1[1] === a2[1];
- }
-
- function getAlignFromPlacement(builtinPlacements, placementStr, align) {
- var baseAlign = builtinPlacements[placementStr] || {};
- return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, baseAlign, align);
- }
-
- function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
- var points = align.points;
- for (var placement in builtinPlacements) {
- if (builtinPlacements.hasOwnProperty(placement)) {
- if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {
- return prefixCls + '-placement-' + placement;
- }
- }
- }
- return '';
- }
-
- function saveRef(name, component) {
- this[name] = component;
- }
-
- /***/ }),
- /* 392 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
-
-
-
-
-
-
-
- var LazyRenderBox = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(LazyRenderBox, _Component);
-
- function LazyRenderBox() {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, LazyRenderBox);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
- }
-
- LazyRenderBox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return nextProps.hiddenClassName || nextProps.visible;
- };
-
- LazyRenderBox.prototype.render = function render() {
- var _props = this.props,
- hiddenClassName = _props.hiddenClassName,
- visible = _props.visible,
- props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['hiddenClassName', 'visible']);
-
- if (hiddenClassName || __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.count(props.children) > 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', props);
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- LazyRenderBox.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
-
- /***/ }),
- /* 393 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Icon = __webpack_require__(957);
-
- var _Icon2 = _interopRequireDefault(_Icon);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Icon2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 394 */
+ /* 379 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127654,7 +128456,7 @@
module.exports = exports['default'];
/***/ }),
- /* 395 */
+ /* 380 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -127699,7 +128501,7 @@
module.exports = exports['default'];
/***/ }),
- /* 396 */
+ /* 381 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -128074,7 +128876,7 @@
}
/***/ }),
- /* 397 */
+ /* 382 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -128095,19 +128897,19 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _events = __webpack_require__(989);
+ var _events = __webpack_require__(124);
var _events2 = _interopRequireDefault(_events);
- var _ownerDocument = __webpack_require__(994);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _inDOM = __webpack_require__(35);
+ var _inDOM = __webpack_require__(17);
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _scrollbarSize = __webpack_require__(995);
+ var _scrollbarSize = __webpack_require__(80);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
@@ -128119,39 +128921,35 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(132);
+ var _Modal = __webpack_require__(125);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(89);
+ var _isOverflowing = __webpack_require__(81);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _tinperBeeCore = __webpack_require__(5);
- var _beeDnd = __webpack_require__(57);
+ var _beeTransition = __webpack_require__(944);
- var _beeDnd2 = _interopRequireDefault(_beeDnd);
-
- var _beeTransition = __webpack_require__(996);
-
- var _ModalBody = __webpack_require__(1007);
+ var _ModalBody = __webpack_require__(948);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(1008);
+ var _ModalDialog = __webpack_require__(949);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
- var _ModalFooter = __webpack_require__(1009);
+ var _ModalFooter = __webpack_require__(950);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
- var _ModalHeader = __webpack_require__(1010);
+ var _ModalHeader = __webpack_require__(951);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
- var _ModalTitle = __webpack_require__(1011);
+ var _ModalTitle = __webpack_require__(952);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
@@ -128175,47 +128973,47 @@
var propTypes = _extends({}, _Modal2["default"].propTypes, _ModalDialog2["default"].propTypes, (_extends2 = {
- /**
- * 是否弹出遮罩层/遮罩层点击是否触发关闭
+ /**
+ * 是否弹出遮罩层/遮罩层点击是否触发关闭
*/
backdrop: _propTypes2["default"].oneOf(['static', true, false]),
- /**
- * 点击遮罩层是否允许关闭
+ /**
+ * 点击遮罩层是否允许关闭
*/
backdropClosable: _propTypes2["default"].bool,
- /**
- * esc触发关闭
+ /**
+ * esc触发关闭
*/
keyboard: _propTypes2["default"].bool,
- /**
- * 显隐时是否使用动画
+ /**
+ * 显隐时是否使用动画
*/
animation: _propTypes2["default"].bool,
- /**
- * 传递给模态框的样式
+ /**
+ * 传递给模态框的样式
*/
dialogComponentClass: _tinperBeeCore.elementType,
- /**
- * 自动设置焦点
+ /**
+ * 自动设置焦点
*/
autoFocus: _propTypes2["default"].bool,
- /**
- * 防止打开时焦点离开模态框
+ /**
+ * 防止打开时焦点离开模态框
*/
enforceFocus: _propTypes2["default"].bool,
- /**
- * 是否打开模态框
+ /**
+ * 是否打开模态框
*/
show: _propTypes2["default"].bool,
- /**
- * 关闭时的钩子函数
+ /**
+ * 关闭时的钩子函数
*/
onHide: _propTypes2["default"].func,
@@ -128232,13 +129030,14 @@
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), _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, '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));
var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
backdropClosable: true,
animation: true,
dialogComponentClass: _ModalDialog2["default"],
draggable: false,
+ resizable: false,
clsPrefix: 'u-modal'
});
@@ -128445,7 +129244,7 @@
exports["default"] = Modal;
/***/ }),
- /* 398 */
+ /* 383 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -128455,148 +129254,7 @@
value: true
});
- var _inDOM = __webpack_require__(35);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var off = function off() {};
- if (_inDOM2.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = off;
- module.exports = exports['default'];
-
- /***/ }),
- /* 399 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
-
- var _inDOM = __webpack_require__(35);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var transform = 'transform';
- var prefix = void 0,
- transitionEnd = void 0;
- var transitionTiming = void 0,
- transitionDuration = void 0;
- var transitionProperty = void 0,
- transitionDelay = void 0;
-
- if (_inDOM2.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
-
-
- exports.transform = transform = prefix + '-' + transform;
- exports.transitionProperty = transitionProperty = prefix + '-transition-property';
- exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
- exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
- exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
- }
-
- exports.transform = transform;
- exports.transitionProperty = transitionProperty;
- exports.transitionTiming = transitionTiming;
- exports.transitionDelay = transitionDelay;
- exports.transitionDuration = transitionDuration;
- exports.transitionEnd = transitionEnd;
- exports.default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
-
-
- function getTransitionProperties() {
- var transitionEnd = void 0;
- var prefix = '';
- var eventNames = {
- O: 'otransitionend',
- Moz: 'transitionend',
- Webkit: 'webkitTransitionEnd',
- ms: 'MSTransitionEnd'
- };
-
- var element = document.createElement('div');
- for (var vendor in eventNames) {
- if (eventNames.hasOwnProperty(vendor)) {
- if (element.style[vendor + 'TransitionProperty'] !== undefined) {
- prefix = '-' + vendor.toLowerCase();
- transitionEnd = eventNames[vendor];
- break;
- }
- }
- }if (!transitionEnd && element.style.transitionProperty !== undefined) transitionEnd = 'transitionend';
-
- element = null;
-
- return { transitionEnd: transitionEnd, prefix: prefix };
- }
-
- /***/ }),
- /* 400 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = camelizeStyleName;
-
- var _camelize = __webpack_require__(999);
-
- var _camelize2 = _interopRequireDefault(_camelize);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^-ms-/; /**
- * Copyright 2014-2015, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
- */
- function camelizeStyleName(string) {
- return (0, _camelize2.default)(string.replace(msPattern, 'ms-'));
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 401 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Button = __webpack_require__(1013);
+ var _Button = __webpack_require__(954);
var _Button2 = _interopRequireDefault(_Button);
@@ -128606,7 +129264,7 @@
module.exports = exports['default'];
/***/ }),
- /* 402 */
+ /* 384 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global) {/**
@@ -128987,10 +129645,10 @@
module.exports = debounce;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(25)))
/***/ }),
- /* 403 */
+ /* 385 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129012,7 +129670,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _splitObject3 = __webpack_require__(404);
+ var _splitObject3 = __webpack_require__(386);
var _splitObject4 = _interopRequireDefault(_splitObject3);
@@ -129103,7 +129761,7 @@
module.exports = exports['default'];
/***/ }),
- /* 404 */
+ /* 386 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129128,7 +129786,7 @@
module.exports = exports["default"];
/***/ }),
- /* 405 */
+ /* 387 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129138,7 +129796,7 @@
value: true
});
- var _Transfer = __webpack_require__(1038);
+ var _Transfer = __webpack_require__(979);
var _Transfer2 = _interopRequireDefault(_Transfer);
@@ -129148,7 +129806,7 @@
module.exports = exports['default'];
/***/ }),
- /* 406 */
+ /* 388 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129162,11 +129820,11 @@
var _react2 = _interopRequireDefault(_react);
- var _beeIcon = __webpack_require__(149);
+ var _beeIcon = __webpack_require__(85);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _beeFormControl = __webpack_require__(1041);
+ var _beeFormControl = __webpack_require__(982);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
@@ -129242,6 +129900,7 @@
'div',
null,
_react2["default"].createElement(_beeFormControl2["default"], {
+ size: 'sm',
placeholder: placeholder,
className: prefixCls,
value: value,
@@ -129262,7 +129921,7 @@
module.exports = exports['default'];
/***/ }),
- /* 407 */
+ /* 389 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129279,7 +129938,7 @@
* @providesModule ReactComponentWithPureRenderMixin
*/
- var shallowEqual = __webpack_require__(1043);
+ var shallowEqual = __webpack_require__(984);
function shallowCompare(instance, nextProps, nextState) {
return !shallowEqual(instance.props, nextProps) || !shallowEqual(instance.state, nextState);
@@ -129320,7 +129979,7 @@
module.exports = ReactComponentWithPureRenderMixin;
/***/ }),
- /* 408 */
+ /* 390 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129330,11 +129989,11 @@
value: true
});
- var _Checkbox = __webpack_require__(409);
+ var _Checkbox = __webpack_require__(391);
var _Checkbox2 = _interopRequireDefault(_Checkbox);
- var _CheckboxGroup = __webpack_require__(1051);
+ var _CheckboxGroup = __webpack_require__(992);
var _CheckboxGroup2 = _interopRequireDefault(_CheckboxGroup);
@@ -129345,7 +130004,7 @@
module.exports = exports['default'];
/***/ }),
- /* 409 */
+ /* 391 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129542,7 +130201,7 @@
module.exports = exports['default'];
/***/ }),
- /* 410 */
+ /* 392 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129593,7 +130252,7 @@
module.exports = exports['default'];
/***/ }),
- /* 411 */
+ /* 393 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -129615,7 +130274,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _addEventListener = __webpack_require__(1068);
+ var _addEventListener = __webpack_require__(1010);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
@@ -129623,23 +130282,23 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _warning = __webpack_require__(18);
+ var _warning = __webpack_require__(16);
var _warning2 = _interopRequireDefault(_warning);
- var _Steps = __webpack_require__(1069);
+ var _Steps = __webpack_require__(1011);
var _Steps2 = _interopRequireDefault(_Steps);
- var _Marks = __webpack_require__(1070);
+ var _Marks = __webpack_require__(1012);
var _Marks2 = _interopRequireDefault(_Marks);
- var _Handle = __webpack_require__(150);
+ var _Handle = __webpack_require__(143);
var _Handle2 = _interopRequireDefault(_Handle);
- var _utils = __webpack_require__(151);
+ var _utils = __webpack_require__(144);
var utils = _interopRequireWildcard(_utils);
@@ -130004,10 +130663,22 @@
}), _temp;
}
module.exports = exports['default'];
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 412 */
+ /* 394 */
+ /***/ (function(module, exports) {
+
+ function _interopRequireDefault(obj) {
+ return obj && obj.__esModule ? obj : {
+ "default": obj
+ };
+ }
+
+ module.exports = _interopRequireDefault;
+
+ /***/ }),
+ /* 395 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -130028,19 +130699,19 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _events = __webpack_require__(1113);
+ var _events = __webpack_require__(124);
var _events2 = _interopRequireDefault(_events);
- var _ownerDocument = __webpack_require__(1118);
+ var _ownerDocument = __webpack_require__(21);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _inDOM = __webpack_require__(36);
+ var _inDOM = __webpack_require__(17);
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _scrollbarSize = __webpack_require__(1119);
+ var _scrollbarSize = __webpack_require__(80);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
@@ -130052,39 +130723,35 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Modal = __webpack_require__(132);
+ var _Modal = __webpack_require__(125);
var _Modal2 = _interopRequireDefault(_Modal);
- var _isOverflowing = __webpack_require__(89);
+ var _isOverflowing = __webpack_require__(81);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _tinperBeeCore = __webpack_require__(5);
- var _beeDnd = __webpack_require__(57);
+ var _beeTransition = __webpack_require__(1057);
- var _beeDnd2 = _interopRequireDefault(_beeDnd);
-
- var _beeTransition = __webpack_require__(1120);
-
- var _ModalBody = __webpack_require__(1131);
+ var _ModalBody = __webpack_require__(1061);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
- var _ModalDialog = __webpack_require__(1132);
+ var _ModalDialog = __webpack_require__(1062);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
- var _ModalFooter = __webpack_require__(1133);
+ var _ModalFooter = __webpack_require__(1063);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
- var _ModalHeader = __webpack_require__(1134);
+ var _ModalHeader = __webpack_require__(1064);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
- var _ModalTitle = __webpack_require__(1135);
+ var _ModalTitle = __webpack_require__(1065);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
@@ -130108,47 +130775,47 @@
var propTypes = _extends({}, _Modal2["default"].propTypes, _ModalDialog2["default"].propTypes, (_extends2 = {
- /**
- * 是否弹出遮罩层/遮罩层点击是否触发关闭
+ /**
+ * 是否弹出遮罩层/遮罩层点击是否触发关闭
*/
backdrop: _propTypes2["default"].oneOf(['static', true, false]),
- /**
- * 点击遮罩层是否允许关闭
+ /**
+ * 点击遮罩层是否允许关闭
*/
backdropClosable: _propTypes2["default"].bool,
- /**
- * esc触发关闭
+ /**
+ * esc触发关闭
*/
keyboard: _propTypes2["default"].bool,
- /**
- * 显隐时是否使用动画
+ /**
+ * 显隐时是否使用动画
*/
animation: _propTypes2["default"].bool,
- /**
- * 传递给模态框的样式
+ /**
+ * 传递给模态框的样式
*/
dialogComponentClass: _tinperBeeCore.elementType,
- /**
- * 自动设置焦点
+ /**
+ * 自动设置焦点
*/
autoFocus: _propTypes2["default"].bool,
- /**
- * 防止打开时焦点离开模态框
+ /**
+ * 防止打开时焦点离开模态框
*/
enforceFocus: _propTypes2["default"].bool,
- /**
- * 是否打开模态框
+ /**
+ * 是否打开模态框
*/
show: _propTypes2["default"].bool,
- /**
- * 关闭时的钩子函数
+ /**
+ * 关闭时的钩子函数
*/
onHide: _propTypes2["default"].func,
@@ -130165,13 +130832,14 @@
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), _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, '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));
var defaultProps = _extends({}, _Modal2["default"].defaultProps, {
backdropClosable: true,
animation: true,
dialogComponentClass: _ModalDialog2["default"],
draggable: false,
+ resizable: false,
clsPrefix: 'u-modal'
});
@@ -130378,7 +131046,7 @@
exports["default"] = Modal;
/***/ }),
- /* 413 */
+ /* 396 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -130388,1326 +131056,17 @@
value: true
});
- var _inDOM = __webpack_require__(36);
+ var _Button = __webpack_require__(1067);
- var _inDOM2 = _interopRequireDefault(_inDOM);
+ var _Button2 = _interopRequireDefault(_Button);
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- var off = function off() {};
- if (_inDOM2.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- exports.default = off;
+ exports["default"] = _Button2["default"];
module.exports = exports['default'];
/***/ }),
- /* 414 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
-
- var _inDOM = __webpack_require__(36);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var transform = 'transform';
- var prefix = void 0,
- transitionEnd = void 0;
- var transitionTiming = void 0,
- transitionDuration = void 0;
- var transitionProperty = void 0,
- transitionDelay = void 0;
-
- if (_inDOM2.default) {
- var _getTransitionPropert = getTransitionProperties();
-
- prefix = _getTransitionPropert.prefix;
- exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
-
-
- exports.transform = transform = prefix + '-' + transform;
- exports.transitionProperty = transitionProperty = prefix + '-transition-property';
- exports.transitionDuration = transitionDuration = prefix + '-transition-duration';
- exports.transitionDelay = transitionDelay = prefix + '-transition-delay';
- exports.transitionTiming = transitionTiming = prefix + '-transition-timing-function';
- }
-
- exports.transform = transform;
- exports.transitionProperty = transitionProperty;
- exports.transitionTiming = transitionTiming;
- exports.transitionDelay = transitionDelay;
- exports.transitionDuration = transitionDuration;
- exports.transitionEnd = transitionEnd;
- exports.default = {
- transform: transform,
- end: transitionEnd,
- property: transitionProperty,
- timing: transitionTiming,
- delay: transitionDelay,
- duration: transitionDuration
- };
-
-
- function getTransitionProperties() {
- var transitionEnd = void 0;
- var prefix = '';
- var eventNames = {
- O: 'otransitionend',
- Moz: 'transitionend',
- Webkit: 'webkitTransitionEnd',
- ms: 'MSTransitionEnd'
- };
-
- var element = document.createElement('div');
- for (var vendor in eventNames) {
- if (eventNames.hasOwnProperty(vendor)) {
- if (element.style[vendor + 'TransitionProperty'] !== undefined) {
- prefix = '-' + vendor.toLowerCase();
- transitionEnd = eventNames[vendor];
- break;
- }
- }
- }if (!transitionEnd && element.style.transitionProperty !== undefined) transitionEnd = 'transitionend';
-
- element = null;
-
- return { transitionEnd: transitionEnd, prefix: prefix };
- }
-
- /***/ }),
- /* 415 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = camelizeStyleName;
-
- var _camelize = __webpack_require__(1123);
-
- var _camelize2 = _interopRequireDefault(_camelize);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^-ms-/; /**
- * Copyright 2014-2015, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
- */
- function camelizeStyleName(string) {
- return (0, _camelize2.default)(string.replace(msPattern, 'ms-'));
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 416 */
- /***/ (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__(1140);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SubMenu__ = __webpack_require__(418);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__MenuItem__ = __webpack_require__(1146);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__ = __webpack_require__(1147);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Divider__ = __webpack_require__(1148);
- /* 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"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ItemGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__MenuItemGroup__["a"]; });
- /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Divider", function() { return __WEBPACK_IMPORTED_MODULE_4__Divider__["a"]; });
-
-
-
-
-
-
-
-
- /* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Menu__["a" /* default */]);
-
- /***/ }),
- /* 417 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["b"] = getActiveKey;
- /* unused harmony export saveRef */
- /* unused harmony export SubPopupMenu */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
- /* 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_mini_store__ = __webpack_require__(17);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(31);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__ = __webpack_require__(199);
- /* 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__(58);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DOMWrap__ = __webpack_require__(1141);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- function allDisabled(arr) {
- if (!arr.length) {
- return true;
- }
- return arr.every(function (c) {
- return !!c.props.disabled;
- });
- }
-
- function updateActiveKey(store, menuId, activeKey) {
- var _extends2;
-
- var state = store.getState();
- store.setState({
- activeKey: __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({}, state.activeKey, (_extends2 = {}, _extends2[menuId] = activeKey, _extends2))
- });
- }
-
- function getEventKey(props) {
- // when eventKey not available ,it's menu and return menu id '0-menu-'
- return props.eventKey || '0-menu-';
- }
-
- function getActiveKey(props, originalActiveKey) {
- var activeKey = originalActiveKey;
- var children = props.children,
- eventKey = props.eventKey;
-
- if (activeKey) {
- var found = void 0;
- Object(__WEBPACK_IMPORTED_MODULE_11__util__["e" /* loopMenuItem */])(children, function (c, i) {
- if (c && c.props && !c.props.disabled && activeKey === Object(__WEBPACK_IMPORTED_MODULE_11__util__["a" /* getKeyFromChildrenIndex */])(c, eventKey, i)) {
- found = true;
- }
- });
- if (found) {
- return activeKey;
- }
- }
- activeKey = null;
- if (props.defaultActiveFirst) {
- Object(__WEBPACK_IMPORTED_MODULE_11__util__["e" /* loopMenuItem */])(children, function (c, i) {
- if (!activeKey && c && !c.props.disabled) {
- activeKey = Object(__WEBPACK_IMPORTED_MODULE_11__util__["a" /* getKeyFromChildrenIndex */])(c, eventKey, i);
- }
- });
- return activeKey;
- }
- return activeKey;
- }
-
- function saveRef(c) {
- if (c) {
- var index = this.instanceArray.indexOf(c);
- if (index !== -1) {
- // update component if it's already inside instanceArray
- this.instanceArray[index] = c;
- } else {
- // add component if it's not in instanceArray yet;
- this.instanceArray.push(c);
- }
- }
- }
-
- var SubPopupMenu = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(SubPopupMenu, _React$Component);
-
- function SubPopupMenu(props) {
- var _extends3;
-
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, SubPopupMenu);
-
- var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- props.store.setState({
- activeKey: __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({}, props.store.getState().activeKey, (_extends3 = {}, _extends3[props.eventKey] = getActiveKey(props, props.activeKey), _extends3))
- });
-
- _this.instanceArray = [];
- return _this;
- }
-
- SubPopupMenu.prototype.componentDidMount = function componentDidMount() {
- // invoke customized ref to expose component to mixin
- if (this.props.manualRef) {
- this.props.manualRef(this);
- }
- };
-
- SubPopupMenu.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return this.props.visible || nextProps.visible;
- };
-
- SubPopupMenu.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
- var props = this.props;
- var originalActiveKey = 'activeKey' in props ? props.activeKey : props.store.getState().activeKey[getEventKey(props)];
- var activeKey = getActiveKey(props, originalActiveKey);
- if (activeKey !== originalActiveKey) {
- updateActiveKey(props.store, getEventKey(props), activeKey);
- } else if ('activeKey' in prevProps) {
- // If prev activeKey is not same as current activeKey,
- // we should set it.
- var prevActiveKey = getActiveKey(prevProps, prevProps.activeKey);
- if (activeKey !== prevActiveKey) {
- updateActiveKey(props.store, getEventKey(props), activeKey);
- }
- }
- };
-
- // all keyboard events callbacks run from here at first
-
-
- SubPopupMenu.prototype.render = function render() {
- var _this2 = this;
-
- var props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(this.props, []);
-
- this.instanceArray = [];
- var className = __WEBPACK_IMPORTED_MODULE_10_classnames___default()(props.prefixCls, props.className, props.prefixCls + '-' + props.mode);
- var domProps = {
- className: className,
- // role could be 'select' and by default set to menu
- role: props.role || 'menu'
- };
- if (props.id) {
- domProps.id = props.id;
- }
- if (props.focusable) {
- domProps.tabIndex = '0';
- domProps.onKeyDown = this.onKeyDown;
- }
- var prefixCls = props.prefixCls,
- eventKey = props.eventKey,
- visible = props.visible,
- level = props.level,
- mode = props.mode,
- overflowedIndicator = props.overflowedIndicator,
- theme = props.theme;
-
- __WEBPACK_IMPORTED_MODULE_11__util__["g" /* menuAllProps */].forEach(function (key) {
- return delete props[key];
- });
-
- // Otherwise, the propagated click event will trigger another onClick
- delete props.onClick;
-
- return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_12__DOMWrap__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({}, props, {
- prefixCls: prefixCls,
- mode: mode,
- tag: 'ul',
- level: level,
- theme: theme,
- hiddenClassName: prefixCls + '-hidden',
- visible: visible,
- overflowedIndicator: overflowedIndicator
- }, domProps),
- __WEBPACK_IMPORTED_MODULE_5_react___default.a.Children.map(props.children, function (c, i) {
- return _this2.renderMenuItem(c, i, eventKey || '0-menu-');
- })
- );
- };
-
- return SubPopupMenu;
- }(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
- SubPopupMenu.propTypes = {
- onSelect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onDeselect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onOpenChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- openTransitionName: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- openAnimation: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object]),
- openKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- visible: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
- parentMenu: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- eventKey: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- store: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.shape({
- getState: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- setState: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func
- }),
-
- // adding in refactor
- focusable: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- multiple: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- style: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- defaultActiveFirst: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- activeKey: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- selectedKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- defaultSelectedKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- defaultOpenKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
- level: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
- mode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline']),
- triggerSubMenuAction: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['click', 'hover']),
- inlineIndent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
- manualRef: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- itemIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
- expandIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node])
- };
- SubPopupMenu.defaultProps = {
- prefixCls: 'rc-menu',
- className: '',
- mode: 'vertical',
- level: 1,
- inlineIndent: 24,
- visible: true,
- focusable: true,
- style: {},
- manualRef: __WEBPACK_IMPORTED_MODULE_11__util__["h" /* noop */]
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.onKeyDown = function (e, callback) {
- var keyCode = e.keyCode;
- var handled = void 0;
- _this3.getFlatInstanceArray().forEach(function (obj) {
- if (obj && obj.props.active && obj.onKeyDown) {
- handled = obj.onKeyDown(e);
- }
- });
- if (handled) {
- return 1;
- }
- var activeItem = null;
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP || keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DOWN) {
- activeItem = _this3.step(keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP ? -1 : 1);
- }
- if (activeItem) {
- e.preventDefault();
- updateActiveKey(_this3.props.store, getEventKey(_this3.props), activeItem.props.eventKey);
-
- if (typeof callback === 'function') {
- callback(activeItem);
- }
-
- return 1;
- }
- };
-
- this.onItemHover = function (e) {
- var key = e.key,
- hover = e.hover;
-
- updateActiveKey(_this3.props.store, getEventKey(_this3.props), hover ? key : null);
- };
-
- this.onDeselect = function (selectInfo) {
- _this3.props.onDeselect(selectInfo);
- };
-
- this.onSelect = function (selectInfo) {
- _this3.props.onSelect(selectInfo);
- };
-
- this.onClick = function (e) {
- _this3.props.onClick(e);
- };
-
- this.onOpenChange = function (e) {
- _this3.props.onOpenChange(e);
- };
-
- this.onDestroy = function (key) {
- /* istanbul ignore next */
- _this3.props.onDestroy(key);
- };
-
- this.getFlatInstanceArray = function () {
- return _this3.instanceArray;
- };
-
- this.getOpenTransitionName = function () {
- return _this3.props.openTransitionName;
- };
-
- this.step = function (direction) {
- var children = _this3.getFlatInstanceArray();
- var activeKey = _this3.props.store.getState().activeKey[getEventKey(_this3.props)];
- var len = children.length;
- if (!len) {
- return null;
- }
- if (direction < 0) {
- children = children.concat().reverse();
- }
- // find current activeIndex
- var activeIndex = -1;
- children.every(function (c, ci) {
- if (c && c.props.eventKey === activeKey) {
- activeIndex = ci;
- return false;
- }
- return true;
- });
- if (!_this3.props.defaultActiveFirst && activeIndex !== -1 && allDisabled(children.slice(activeIndex, len - 1))) {
- return undefined;
- }
- var start = (activeIndex + 1) % len;
- var i = start;
-
- do {
- var child = children[i];
- if (!child || child.props.disabled) {
- i = (i + 1) % len;
- } else {
- return child;
- }
- } while (i !== start);
-
- return null;
- };
-
- this.renderCommonMenuItem = function (child, i, extraProps) {
- var state = _this3.props.store.getState();
- var props = _this3.props;
- var key = Object(__WEBPACK_IMPORTED_MODULE_11__util__["a" /* getKeyFromChildrenIndex */])(child, props.eventKey, i);
- var childProps = child.props;
- // https://github.com/ant-design/ant-design/issues/11517#issuecomment-477403055
- if (!childProps || typeof child.type === 'string') {
- return child;
- }
- var isActive = key === state.activeKey;
- var newChildProps = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_extends___default()({
- mode: childProps.mode || props.mode,
- level: props.level,
- inlineIndent: props.inlineIndent,
- renderMenuItem: _this3.renderMenuItem,
- rootPrefixCls: props.prefixCls,
- index: i,
- parentMenu: props.parentMenu,
- // customized ref function, need to be invoked manually in child's componentDidMount
- manualRef: childProps.disabled ? undefined : Object(__WEBPACK_IMPORTED_MODULE_9_rc_util_es_createChainedFunction__["a" /* default */])(child.ref, saveRef.bind(_this3)),
- eventKey: key,
- active: !childProps.disabled && isActive,
- multiple: props.multiple,
- onClick: function onClick(e) {
- (childProps.onClick || __WEBPACK_IMPORTED_MODULE_11__util__["h" /* noop */])(e);
- _this3.onClick(e);
- },
- onItemHover: _this3.onItemHover,
- openTransitionName: _this3.getOpenTransitionName(),
- openAnimation: props.openAnimation,
- subMenuOpenDelay: props.subMenuOpenDelay,
- subMenuCloseDelay: props.subMenuCloseDelay,
- forceSubMenuRender: props.forceSubMenuRender,
- onOpenChange: _this3.onOpenChange,
- onDeselect: _this3.onDeselect,
- onSelect: _this3.onSelect,
- builtinPlacements: props.builtinPlacements,
- itemIcon: childProps.itemIcon || _this3.props.itemIcon,
- expandIcon: childProps.expandIcon || _this3.props.expandIcon
- }, extraProps);
- // ref: https://github.com/ant-design/ant-design/issues/13943
- if (props.mode === 'inline' || Object(__WEBPACK_IMPORTED_MODULE_11__util__["d" /* isMobileDevice */])()) {
- newChildProps.triggerSubMenuAction = 'click';
- }
- return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, newChildProps);
- };
-
- this.renderMenuItem = function (c, i, subMenuKey) {
- /* istanbul ignore if */
- if (!c) {
- return null;
- }
- var state = _this3.props.store.getState();
- var extraProps = {
- openKeys: state.openKeys,
- selectedKeys: state.selectedKeys,
- triggerSubMenuAction: _this3.props.triggerSubMenuAction,
- subMenuKey: subMenuKey
- };
- return _this3.renderCommonMenuItem(c, i, extraProps);
- };
- };
-
- var connected = Object(__WEBPACK_IMPORTED_MODULE_7_mini_store__["connect"])()(SubPopupMenu);
-
- /* harmony default export */ __webpack_exports__["a"] = (connected);
-
- /***/ }),
- /* 418 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* unused harmony export SubMenu */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
- /* 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__(1142);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(31);
- /* 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__(17);
- /* 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__(417);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__placements__ = __webpack_require__(1145);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_rc_animate__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__util__ = __webpack_require__(58);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var guid = 0;
-
- var popupPlacementMap = {
- horizontal: 'bottomLeft',
- vertical: 'rightTop',
- 'vertical-left': 'rightTop',
- 'vertical-right': 'leftTop'
- };
-
- var updateDefaultActiveFirst = function updateDefaultActiveFirst(store, eventKey, defaultActiveFirst) {
- var _extends2;
-
- var menuId = Object(__WEBPACK_IMPORTED_MODULE_14__util__["b" /* getMenuIdFromSubMenuEventKey */])(eventKey);
- var state = store.getState();
- store.setState({
- defaultActiveFirst: __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, state.defaultActiveFirst, (_extends2 = {}, _extends2[menuId] = defaultActiveFirst, _extends2))
- });
- };
-
- var SubMenu = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(SubMenu, _React$Component);
-
- function SubMenu(props) {
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, SubMenu);
-
- var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var store = props.store;
- var eventKey = props.eventKey;
- var defaultActiveFirst = store.getState().defaultActiveFirst;
-
- _this.isRootMenu = false;
-
- var value = false;
-
- if (defaultActiveFirst) {
- value = defaultActiveFirst[eventKey];
- }
-
- updateDefaultActiveFirst(store, eventKey, value);
- return _this;
- }
-
- SubMenu.prototype.componentDidMount = function componentDidMount() {
- this.componentDidUpdate();
- };
-
- SubMenu.prototype.componentDidUpdate = function componentDidUpdate() {
- var _this2 = this;
-
- var _props = this.props,
- mode = _props.mode,
- parentMenu = _props.parentMenu,
- manualRef = _props.manualRef;
-
- // invoke customized ref to expose component to mixin
-
- if (manualRef) {
- manualRef(this);
- }
-
- if (mode !== 'horizontal' || !parentMenu.isRootMenu || !this.props.isOpen) {
- return;
- }
-
- this.minWidthTimeout = setTimeout(function () {
- return _this2.adjustWidth();
- }, 0);
- };
-
- SubMenu.prototype.componentWillUnmount = function componentWillUnmount() {
- var _props2 = this.props,
- onDestroy = _props2.onDestroy,
- eventKey = _props2.eventKey;
-
- if (onDestroy) {
- onDestroy(eventKey);
- }
-
- /* istanbul ignore if */
- if (this.minWidthTimeout) {
- clearTimeout(this.minWidthTimeout);
- }
-
- /* istanbul ignore if */
- if (this.mouseenterTimeout) {
- clearTimeout(this.mouseenterTimeout);
- }
- };
-
- SubMenu.prototype.renderChildren = function renderChildren(children) {
- var props = this.props;
- var baseProps = {
- mode: props.mode === 'horizontal' ? 'vertical' : props.mode,
- visible: this.props.isOpen,
- level: props.level + 1,
- inlineIndent: props.inlineIndent,
- focusable: false,
- onClick: this.onSubMenuClick,
- onSelect: this.onSelect,
- onDeselect: this.onDeselect,
- onDestroy: this.onDestroy,
- selectedKeys: props.selectedKeys,
- eventKey: props.eventKey + '-menu-',
- openKeys: props.openKeys,
- openTransitionName: props.openTransitionName,
- openAnimation: props.openAnimation,
- onOpenChange: this.onOpenChange,
- subMenuOpenDelay: props.subMenuOpenDelay,
- parentMenu: this,
- subMenuCloseDelay: props.subMenuCloseDelay,
- forceSubMenuRender: props.forceSubMenuRender,
- triggerSubMenuAction: props.triggerSubMenuAction,
- builtinPlacements: props.builtinPlacements,
- defaultActiveFirst: props.store.getState().defaultActiveFirst[Object(__WEBPACK_IMPORTED_MODULE_14__util__["b" /* getMenuIdFromSubMenuEventKey */])(props.eventKey)],
- multiple: props.multiple,
- prefixCls: props.rootPrefixCls,
- id: this._menuId,
- manualRef: this.saveMenuInstance,
- itemIcon: props.itemIcon,
- expandIcon: props.expandIcon
- };
-
- var haveRendered = this.haveRendered;
- this.haveRendered = true;
-
- this.haveOpened = this.haveOpened || baseProps.visible || baseProps.forceSubMenuRender;
- // never rendered not planning to, don't render
- if (!this.haveOpened) {
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', null);
- }
-
- // don't show transition on first rendering (no animation for opened menu)
- // show appear transition if it's not visible (not sure why)
- // show appear transition if it's not inline mode
- var transitionAppear = haveRendered || !baseProps.visible || baseProps.mode !== 'inline';
-
- baseProps.className = ' ' + baseProps.prefixCls + '-sub';
- var animProps = {};
-
- if (baseProps.openTransitionName) {
- animProps.transitionName = baseProps.openTransitionName;
- } else if (typeof baseProps.openAnimation === 'object') {
- animProps.animation = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, baseProps.openAnimation);
- if (!transitionAppear) {
- delete animProps.animation.appear;
- }
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_13_rc_animate__["default"],
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, animProps, {
- showProp: 'visible',
- component: '',
- transitionAppear: transitionAppear
- }),
- __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_11__SubPopupMenu__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, baseProps, { id: this._menuId }),
- children
- )
- );
- };
-
- SubMenu.prototype.render = function render() {
- var _classNames;
-
- var props = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, this.props);
- var isOpen = props.isOpen;
- var prefixCls = this.getPrefixCls();
- var isInlineMode = props.mode === 'inline';
- var className = __WEBPACK_IMPORTED_MODULE_9_classnames___default()(prefixCls, prefixCls + '-' + props.mode, (_classNames = {}, _classNames[props.className] = !!props.className, _classNames[this.getOpenClassName()] = isOpen, _classNames[this.getActiveClassName()] = props.active || isOpen && !isInlineMode, _classNames[this.getDisabledClassName()] = props.disabled, _classNames[this.getSelectedClassName()] = this.isChildrenSelected(), _classNames));
-
- if (!this._menuId) {
- if (props.eventKey) {
- this._menuId = props.eventKey + '$Menu';
- } else {
- this._menuId = '$__$' + ++guid + '$Menu';
- }
- }
-
- var mouseEvents = {};
- var titleClickEvents = {};
- var titleMouseEvents = {};
- if (!props.disabled) {
- mouseEvents = {
- onMouseLeave: this.onMouseLeave,
- onMouseEnter: this.onMouseEnter
- };
-
- // only works in title, not outer li
- titleClickEvents = {
- onClick: this.onTitleClick
- };
- titleMouseEvents = {
- onMouseEnter: this.onTitleMouseEnter,
- onMouseLeave: this.onTitleMouseLeave
- };
- }
-
- var style = {};
- if (isInlineMode) {
- style.paddingLeft = props.inlineIndent * props.level;
- }
-
- var ariaOwns = {};
- // only set aria-owns when menu is open
- // otherwise it would be an invalid aria-owns value
- // since corresponding node cannot be found
- if (this.props.isOpen) {
- ariaOwns = {
- 'aria-owns': this._menuId
- };
- }
-
- // expand custom icon should NOT be displayed in menu with horizontal mode.
- var icon = null;
- if (props.mode !== 'horizontal') {
- icon = this.props.expandIcon; // ReactNode
- if (typeof this.props.expandIcon === 'function') {
- icon = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(this.props.expandIcon, __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, this.props));
- }
- }
-
- var title = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- 'div',
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({
- ref: this.saveSubMenuTitle,
- style: style,
- className: prefixCls + '-title'
- }, titleMouseEvents, titleClickEvents, {
- 'aria-expanded': isOpen
- }, ariaOwns, {
- 'aria-haspopup': 'true',
- title: typeof props.title === 'string' ? props.title : undefined
- }),
- props.title,
- icon || __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('i', { className: prefixCls + '-arrow' })
- );
- var children = this.renderChildren(props.children);
-
- var getPopupContainer = props.parentMenu.isRootMenu ? props.parentMenu.props.getPopupContainer : function (triggerNode) {
- return triggerNode.parentNode;
- };
- var popupPlacement = popupPlacementMap[props.mode];
- var popupAlign = props.popupOffset ? { offset: props.popupOffset } : {};
- var popupClassName = props.mode === 'inline' ? '' : props.popupClassName;
- var disabled = props.disabled,
- triggerSubMenuAction = props.triggerSubMenuAction,
- subMenuOpenDelay = props.subMenuOpenDelay,
- forceSubMenuRender = props.forceSubMenuRender,
- subMenuCloseDelay = props.subMenuCloseDelay,
- builtinPlacements = props.builtinPlacements;
-
- __WEBPACK_IMPORTED_MODULE_14__util__["g" /* menuAllProps */].forEach(function (key) {
- return delete props[key];
- });
- // Set onClick to null, to ignore propagated onClick event
- delete props.onClick;
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- 'li',
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, props, mouseEvents, {
- className: className,
- role: 'menuitem'
- }),
- isInlineMode && title,
- isInlineMode && children,
- !isInlineMode && __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_7_rc_trigger__["a" /* default */],
- {
- prefixCls: prefixCls,
- popupClassName: prefixCls + '-popup ' + popupClassName,
- getPopupContainer: getPopupContainer,
- builtinPlacements: __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, __WEBPACK_IMPORTED_MODULE_12__placements__["a" /* default */], builtinPlacements),
- popupPlacement: popupPlacement,
- popupVisible: isOpen,
- popupAlign: popupAlign,
- popup: children,
- action: disabled ? [] : [triggerSubMenuAction],
- mouseEnterDelay: subMenuOpenDelay,
- mouseLeaveDelay: subMenuCloseDelay,
- onPopupVisibleChange: this.onPopupVisibleChange,
- forceRender: forceSubMenuRender
- },
- title
- )
- );
- };
-
- return SubMenu;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- SubMenu.propTypes = {
- parentMenu: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- title: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
- children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
- selectedKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.array,
- openKeys: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.array,
- onClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onOpenChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- rootPrefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- eventKey: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- multiple: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- active: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool, // TODO: remove
- onItemHover: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onSelect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- triggerSubMenuAction: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
- onDeselect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onMouseEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onMouseLeave: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onTitleMouseEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onTitleMouseLeave: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- onTitleClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- popupOffset: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.array,
- isOpen: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
- store: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
- mode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['horizontal', 'vertical', 'vertical-left', 'vertical-right', 'inline']),
- manualRef: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
- itemIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
- expandIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node])
- };
- SubMenu.defaultProps = {
- onMouseEnter: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onMouseLeave: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onTitleMouseEnter: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onTitleMouseLeave: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- onTitleClick: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- manualRef: __WEBPACK_IMPORTED_MODULE_14__util__["h" /* noop */],
- mode: 'vertical',
- title: ''
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.onDestroy = function (key) {
- _this3.props.onDestroy(key);
- };
-
- this.onKeyDown = function (e) {
- var keyCode = e.keyCode;
- var menu = _this3.menuInstance;
- var _props3 = _this3.props,
- isOpen = _props3.isOpen,
- store = _props3.store;
-
-
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].ENTER) {
- _this3.onTitleClick(e);
- updateDefaultActiveFirst(store, _this3.props.eventKey, true);
- return true;
- }
-
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].RIGHT) {
- if (isOpen) {
- menu.onKeyDown(e);
- } else {
- _this3.triggerOpenChange(true);
- // need to update current menu's defaultActiveFirst value
- updateDefaultActiveFirst(store, _this3.props.eventKey, true);
- }
- return true;
- }
- if (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].LEFT) {
- var handled = void 0;
- if (isOpen) {
- handled = menu.onKeyDown(e);
- } else {
- return undefined;
- }
- if (!handled) {
- _this3.triggerOpenChange(false);
- handled = true;
- }
- return handled;
- }
-
- if (isOpen && (keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP || keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DOWN)) {
- return menu.onKeyDown(e);
- }
- };
-
- this.onOpenChange = function (e) {
- _this3.props.onOpenChange(e);
- };
-
- this.onPopupVisibleChange = function (visible) {
- _this3.triggerOpenChange(visible, visible ? 'mouseenter' : 'mouseleave');
- };
-
- this.onMouseEnter = function (e) {
- var _props4 = _this3.props,
- key = _props4.eventKey,
- onMouseEnter = _props4.onMouseEnter,
- store = _props4.store;
-
- updateDefaultActiveFirst(store, _this3.props.eventKey, false);
- onMouseEnter({
- key: key,
- domEvent: e
- });
- };
-
- this.onMouseLeave = function (e) {
- var _props5 = _this3.props,
- parentMenu = _props5.parentMenu,
- eventKey = _props5.eventKey,
- onMouseLeave = _props5.onMouseLeave;
-
- parentMenu.subMenuInstance = _this3;
- onMouseLeave({
- key: eventKey,
- domEvent: e
- });
- };
-
- this.onTitleMouseEnter = function (domEvent) {
- var _props6 = _this3.props,
- key = _props6.eventKey,
- onItemHover = _props6.onItemHover,
- onTitleMouseEnter = _props6.onTitleMouseEnter;
-
- onItemHover({
- key: key,
- hover: true
- });
- onTitleMouseEnter({
- key: key,
- domEvent: domEvent
- });
- };
-
- this.onTitleMouseLeave = function (e) {
- var _props7 = _this3.props,
- parentMenu = _props7.parentMenu,
- eventKey = _props7.eventKey,
- onItemHover = _props7.onItemHover,
- onTitleMouseLeave = _props7.onTitleMouseLeave;
-
- parentMenu.subMenuInstance = _this3;
- onItemHover({
- key: eventKey,
- hover: false
- });
- onTitleMouseLeave({
- key: eventKey,
- domEvent: e
- });
- };
-
- this.onTitleClick = function (e) {
- var props = _this3.props;
-
- props.onTitleClick({
- key: props.eventKey,
- domEvent: e
- });
- if (props.triggerSubMenuAction === 'hover') {
- return;
- }
- _this3.triggerOpenChange(!props.isOpen, 'click');
- updateDefaultActiveFirst(props.store, _this3.props.eventKey, false);
- };
-
- this.onSubMenuClick = function (info) {
- // in the case of overflowed submenu
- // onClick is not copied over
- if (typeof _this3.props.onClick === 'function') {
- _this3.props.onClick(_this3.addKeyPath(info));
- }
- };
-
- this.onSelect = function (info) {
- _this3.props.onSelect(info);
- };
-
- this.onDeselect = function (info) {
- _this3.props.onDeselect(info);
- };
-
- this.getPrefixCls = function () {
- return _this3.props.rootPrefixCls + '-submenu';
- };
-
- this.getActiveClassName = function () {
- return _this3.getPrefixCls() + '-active';
- };
-
- this.getDisabledClassName = function () {
- return _this3.getPrefixCls() + '-disabled';
- };
-
- this.getSelectedClassName = function () {
- return _this3.getPrefixCls() + '-selected';
- };
-
- this.getOpenClassName = function () {
- return _this3.props.rootPrefixCls + '-submenu-open';
- };
-
- this.saveMenuInstance = function (c) {
- // children menu instance
- _this3.menuInstance = c;
- };
-
- this.addKeyPath = function (info) {
- return __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_extends___default()({}, info, {
- keyPath: (info.keyPath || []).concat(_this3.props.eventKey)
- });
- };
-
- this.triggerOpenChange = function (open, type) {
- var key = _this3.props.eventKey;
- var openChange = function openChange() {
- _this3.onOpenChange({
- key: key,
- item: _this3,
- trigger: type,
- open: open
- });
- };
- if (type === 'mouseenter') {
- // make sure mouseenter happen after other menu item's mouseleave
- _this3.mouseenterTimeout = setTimeout(function () {
- openChange();
- }, 0);
- } else {
- openChange();
- }
- };
-
- this.isChildrenSelected = function () {
- var ret = { find: false };
- Object(__WEBPACK_IMPORTED_MODULE_14__util__["f" /* loopMenuItemRecursively */])(_this3.props.children, _this3.props.selectedKeys, ret);
- return ret.find;
- };
-
- this.isOpen = function () {
- return _this3.props.openKeys.indexOf(_this3.props.eventKey) !== -1;
- };
-
- this.adjustWidth = function () {
- /* istanbul ignore if */
- if (!_this3.subMenuTitle || !_this3.menuInstance) {
- return;
- }
- var popupMenu = __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.findDOMNode(_this3.menuInstance);
- if (popupMenu.offsetWidth >= _this3.subMenuTitle.offsetWidth) {
- return;
- }
-
- /* istanbul ignore next */
- popupMenu.style.minWidth = _this3.subMenuTitle.offsetWidth + 'px';
- };
-
- this.saveSubMenuTitle = function (subMenuTitle) {
- _this3.subMenuTitle = subMenuTitle;
- };
- };
-
- var connected = Object(__WEBPACK_IMPORTED_MODULE_10_mini_store__["connect"])(function (_ref, _ref2) {
- var openKeys = _ref.openKeys,
- activeKey = _ref.activeKey,
- selectedKeys = _ref.selectedKeys;
- var eventKey = _ref2.eventKey,
- subMenuKey = _ref2.subMenuKey;
- return {
- isOpen: openKeys.indexOf(eventKey) > -1,
- active: activeKey[subMenuKey] === eventKey,
- selectedKeys: selectedKeys
- };
- })(SubMenu);
-
- connected.isSubMenu = true;
-
- /* harmony default export */ __webpack_exports__["a"] = (connected);
-
- /***/ }),
- /* 419 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony export (immutable) */ __webpack_exports__["a"] = getAlignFromPlacement;
- /* harmony export (immutable) */ __webpack_exports__["b"] = getAlignPopupClassName;
- /* harmony export (immutable) */ __webpack_exports__["c"] = saveRef;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
-
- function isPointsEq(a1, a2, isAlignPoint) {
- if (isAlignPoint) {
- return a1[0] === a2[0];
- }
- return a1[0] === a2[0] && a1[1] === a2[1];
- }
-
- function getAlignFromPlacement(builtinPlacements, placementStr, align) {
- var baseAlign = builtinPlacements[placementStr] || {};
- return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, baseAlign, align);
- }
-
- function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
- var points = align.points;
- for (var placement in builtinPlacements) {
- if (builtinPlacements.hasOwnProperty(placement)) {
- if (isPointsEq(builtinPlacements[placement].points, points, isAlignPoint)) {
- return prefixCls + '-placement-' + placement;
- }
- }
- }
- return '';
- }
-
- function saveRef(name, component) {
- this[name] = component;
- }
-
- /***/ }),
- /* 420 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
-
-
-
-
-
-
-
- var LazyRenderBox = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(LazyRenderBox, _Component);
-
- function LazyRenderBox() {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, LazyRenderBox);
-
- return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
- }
-
- LazyRenderBox.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
- return nextProps.hiddenClassName || nextProps.visible;
- };
-
- LazyRenderBox.prototype.render = function render() {
- var _props = this.props,
- hiddenClassName = _props.hiddenClassName,
- visible = _props.visible,
- props = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['hiddenClassName', 'visible']);
-
- if (hiddenClassName || __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.count(props.children) > 1) {
- if (!visible && hiddenClassName) {
- props.className += ' ' + hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('div', props);
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(props.children);
- };
-
- return LazyRenderBox;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- LazyRenderBox.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (LazyRenderBox);
-
- /***/ }),
- /* 421 */
+ /* 397 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -131743,9 +131102,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,
@@ -131795,7 +131154,7 @@
};
/***/ }),
- /* 422 */
+ /* 398 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -131836,74 +131195,943 @@
module.exports = exports['default'];
/***/ }),
- /* 423 */
+ /* 399 */
/***/ (function(module, exports, __webpack_require__) {
- var Button = __webpack_require__(424);
- var Badge = __webpack_require__(427);
- var Alert = __webpack_require__(431);
- var ButtonGroup = __webpack_require__(436);
- var Label = __webpack_require__(442);
- var FormControl = __webpack_require__(446);
- var FormGroup = __webpack_require__(450);
- var Form = __webpack_require__(454);
- var Layout = __webpack_require__(575);
- var InputGroup = __webpack_require__(580);
- var InputNumber = __webpack_require__(585);
- var Checkbox = __webpack_require__(593);
- var Pagination = __webpack_require__(597);
- var ProgressBar = __webpack_require__(667);
- var Radio = __webpack_require__(671);
- var Switch = __webpack_require__(676);
- var Tooltip = __webpack_require__(680);
- var Dropdown = __webpack_require__(705);
- var Panel = __webpack_require__(709);
- var PanelGroup = __webpack_require__(725);
- var SearchPanel = __webpack_require__(219);
- var Transition = __webpack_require__(740);
- var Navbar = __webpack_require__(744);
- var Animate = __webpack_require__(754);
- var Select = __webpack_require__(756);
- var Tile = __webpack_require__(758);
- var Icon = __webpack_require__(762);
- var Menu = __webpack_require__(764);
- var Upload = __webpack_require__(781);
- var Breadcrumb = __webpack_require__(793);
+ "use strict";
+ /* WEBPACK VAR INJECTION */(function(process) {
- var Message = __webpack_require__(798);
- var Notification = __webpack_require__(802);
- var Popconfirm = __webpack_require__(804);
- var Modal = __webpack_require__(811);
- var Tabs = __webpack_require__(884);
- var Cascader = __webpack_require__(895);
- var Loading = __webpack_require__(912);
- var Table = __webpack_require__(915);
- var Tree = __webpack_require__(965);
- var Clipboard = __webpack_require__(971);
+ exports.__esModule = true;
+ exports.default = exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = void 0;
- var Rate = __webpack_require__(1016);
- var Step = __webpack_require__(1026);
- var Timeline = __webpack_require__(1032);
- var Transfer = __webpack_require__(1036);
- var BackTop = __webpack_require__(1055);
- var Collapse = __webpack_require__(1059);
+ var PropTypes = _interopRequireWildcard(__webpack_require__(1));
- var Slider = __webpack_require__(1064);
- var AutoComplete = __webpack_require__(1076);
+ var _react = _interopRequireDefault(__webpack_require__(0));
- var LoadingState = __webpack_require__(1082);
- var Locale = __webpack_require__(1086);
- var Popover = __webpack_require__(1090);
- var Anchor = __webpack_require__(1095);
- var ColorPicker = __webpack_require__(1100);
- var Tag = __webpack_require__(1156);
- var SearchPanel = __webpack_require__(219);
+ var _reactDom = _interopRequireDefault(__webpack_require__(4));
+ var _reactLifecyclesCompat = __webpack_require__(14);
+
+ var _PropTypes = __webpack_require__(400);
+
+ 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; } }
+
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+ var UNMOUNTED = 'unmounted';
+ exports.UNMOUNTED = UNMOUNTED;
+ var EXITED = 'exited';
+ exports.EXITED = EXITED;
+ var ENTERING = 'entering';
+ exports.ENTERING = ENTERING;
+ var ENTERED = 'entered';
+ exports.ENTERED = ENTERED;
+ var EXITING = 'exiting';
+ /**
+ * The Transition component lets you describe a transition from one component
+ * state to another _over time_ with a simple declarative API. Most commonly
+ * it's used to animate the mounting and unmounting of a component, but can also
+ * be used to describe in-place transition states as well.
+ *
+ * ---
+ *
+ * **Note**: `Transition` is a platform-agnostic base component. If you're using
+ * transitions in CSS, you'll probably want to use
+ * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)
+ * instead. It inherits all the features of `Transition`, but contains
+ * additional features necessary to play nice with CSS transitions (hence the
+ * name of the component).
+ *
+ * ---
+ *
+ * By default the `Transition` component does not alter the behavior of the
+ * component it renders, it only tracks "enter" and "exit" states for the
+ * components. It's up to you to give meaning and effect to those states. For
+ * example we can add styles to a component when it enters or exits:
+ *
+ * ```jsx
+ * import { Transition } from 'react-transition-group';
+ *
+ * const duration = 300;
+ *
+ * const defaultStyle = {
+ * transition: `opacity ${duration}ms ease-in-out`,
+ * opacity: 0,
+ * }
+ *
+ * const transitionStyles = {
+ * entering: { opacity: 0 },
+ * entered: { opacity: 1 },
+ * };
+ *
+ * const Fade = ({ in: inProp }) => (
+ *
+ * {state => (
+ *
+ * I'm a fade Transition!
+ *
+ * )}
+ *
+ * );
+ * ```
+ *
+ * There are 4 main states a Transition can be in:
+ * - `'entering'`
+ * - `'entered'`
+ * - `'exiting'`
+ * - `'exited'`
+ *
+ * Transition state is toggled via the `in` prop. When `true` the component
+ * begins the "Enter" stage. During this stage, the component will shift from
+ * its current transition state, to `'entering'` for the duration of the
+ * transition and then to the `'entered'` stage once it's complete. Let's take
+ * the following example (we'll use the
+ * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
+ *
+ * ```jsx
+ * function App() {
+ * const [inProp, setInProp] = useState(false);
+ * return (
+ *
+ *
+ * {state => (
+ * // ...
+ * )}
+ *
+ *
+ *
+ * );
+ * }
+ * ```
+ *
+ * When the button is clicked the component will shift to the `'entering'` state
+ * and stay there for 500ms (the value of `timeout`) before it finally switches
+ * to `'entered'`.
+ *
+ * When `in` is `false` the same thing happens except the state moves from
+ * `'exiting'` to `'exited'`.
+ */
+
+ exports.EXITING = EXITING;
+
+ var Transition =
+ /*#__PURE__*/
+ function (_React$Component) {
+ _inheritsLoose(Transition, _React$Component);
+
+ function Transition(props, context) {
+ var _this;
+
+ _this = _React$Component.call(this, props, context) || this;
+ var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears
+
+ var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
+ var initialStatus;
+ _this.appearStatus = null;
+
+ if (props.in) {
+ if (appear) {
+ initialStatus = EXITED;
+ _this.appearStatus = ENTERING;
+ } else {
+ initialStatus = ENTERED;
+ }
+ } else {
+ if (props.unmountOnExit || props.mountOnEnter) {
+ initialStatus = UNMOUNTED;
+ } else {
+ initialStatus = EXITED;
+ }
+ }
+
+ _this.state = {
+ status: initialStatus
+ };
+ _this.nextCallback = null;
+ return _this;
+ }
+
+ var _proto = Transition.prototype;
+
+ _proto.getChildContext = function getChildContext() {
+ return {
+ transitionGroup: null // allows for nested Transitions
+
+ };
+ };
+
+ Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
+ var nextIn = _ref.in;
+
+ if (nextIn && prevState.status === UNMOUNTED) {
+ return {
+ status: EXITED
+ };
+ }
+
+ return null;
+ }; // getSnapshotBeforeUpdate(prevProps) {
+ // let nextStatus = null
+ // if (prevProps !== this.props) {
+ // const { status } = this.state
+ // if (this.props.in) {
+ // if (status !== ENTERING && status !== ENTERED) {
+ // nextStatus = ENTERING
+ // }
+ // } else {
+ // if (status === ENTERING || status === ENTERED) {
+ // nextStatus = EXITING
+ // }
+ // }
+ // }
+ // return { nextStatus }
+ // }
+
+
+ _proto.componentDidMount = function componentDidMount() {
+ this.updateStatus(true, this.appearStatus);
+ };
+
+ _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var nextStatus = null;
+
+ if (prevProps !== this.props) {
+ var status = this.state.status;
+
+ if (this.props.in) {
+ if (status !== ENTERING && status !== ENTERED) {
+ nextStatus = ENTERING;
+ }
+ } else {
+ if (status === ENTERING || status === ENTERED) {
+ nextStatus = EXITING;
+ }
+ }
+ }
+
+ this.updateStatus(false, nextStatus);
+ };
+
+ _proto.componentWillUnmount = function componentWillUnmount() {
+ this.cancelNextCallback();
+ };
+
+ _proto.getTimeouts = function getTimeouts() {
+ var timeout = this.props.timeout;
+ var exit, enter, appear;
+ exit = enter = appear = timeout;
+
+ if (timeout != null && typeof timeout !== 'number') {
+ exit = timeout.exit;
+ enter = timeout.enter; // TODO: remove fallback for next major
+
+ appear = timeout.appear !== undefined ? timeout.appear : enter;
+ }
+
+ return {
+ exit: exit,
+ enter: enter,
+ appear: appear
+ };
+ };
+
+ _proto.updateStatus = function updateStatus(mounting, nextStatus) {
+ if (mounting === void 0) {
+ mounting = false;
+ }
+
+ if (nextStatus !== null) {
+ // nextStatus will always be ENTERING or EXITING.
+ this.cancelNextCallback();
+
+ var node = _reactDom.default.findDOMNode(this);
+
+ if (nextStatus === ENTERING) {
+ this.performEnter(node, mounting);
+ } else {
+ this.performExit(node);
+ }
+ } else if (this.props.unmountOnExit && this.state.status === EXITED) {
+ this.setState({
+ status: UNMOUNTED
+ });
+ }
+ };
+
+ _proto.performEnter = function performEnter(node, mounting) {
+ var _this2 = this;
+
+ var enter = this.props.enter;
+ var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;
+ var timeouts = this.getTimeouts();
+ var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
+ // if we are mounting and running this it means appear _must_ be set
+
+ if (!mounting && !enter) {
+ this.safeSetState({
+ status: ENTERED
+ }, function () {
+ _this2.props.onEntered(node);
+ });
+ return;
+ }
+
+ this.props.onEnter(node, appearing);
+ this.safeSetState({
+ status: ENTERING
+ }, function () {
+ _this2.props.onEntering(node, appearing);
+
+ _this2.onTransitionEnd(node, enterTimeout, function () {
+ _this2.safeSetState({
+ status: ENTERED
+ }, function () {
+ _this2.props.onEntered(node, appearing);
+ });
+ });
+ });
+ };
+
+ _proto.performExit = function performExit(node) {
+ var _this3 = this;
+
+ var exit = this.props.exit;
+ var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED
+
+ if (!exit) {
+ this.safeSetState({
+ status: EXITED
+ }, function () {
+ _this3.props.onExited(node);
+ });
+ return;
+ }
+
+ this.props.onExit(node);
+ this.safeSetState({
+ status: EXITING
+ }, function () {
+ _this3.props.onExiting(node);
+
+ _this3.onTransitionEnd(node, timeouts.exit, function () {
+ _this3.safeSetState({
+ status: EXITED
+ }, function () {
+ _this3.props.onExited(node);
+ });
+ });
+ });
+ };
+
+ _proto.cancelNextCallback = function cancelNextCallback() {
+ if (this.nextCallback !== null) {
+ this.nextCallback.cancel();
+ this.nextCallback = null;
+ }
+ };
+
+ _proto.safeSetState = function safeSetState(nextState, callback) {
+ // This shouldn't be necessary, but there are weird race conditions with
+ // setState callbacks and unmounting in testing, so always make sure that
+ // we can cancel any pending setState callbacks after we unmount.
+ callback = this.setNextCallback(callback);
+ this.setState(nextState, callback);
+ };
+
+ _proto.setNextCallback = function setNextCallback(callback) {
+ var _this4 = this;
+
+ var active = true;
+
+ this.nextCallback = function (event) {
+ if (active) {
+ active = false;
+ _this4.nextCallback = null;
+ callback(event);
+ }
+ };
+
+ this.nextCallback.cancel = function () {
+ active = false;
+ };
+
+ return this.nextCallback;
+ };
+
+ _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {
+ this.setNextCallback(handler);
+ var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
+
+ if (!node || doesNotHaveTimeoutOrListener) {
+ setTimeout(this.nextCallback, 0);
+ return;
+ }
+
+ if (this.props.addEndListener) {
+ this.props.addEndListener(node, this.nextCallback);
+ }
+
+ if (timeout != null) {
+ setTimeout(this.nextCallback, timeout);
+ }
+ };
+
+ _proto.render = function render() {
+ var status = this.state.status;
+
+ if (status === UNMOUNTED) {
+ return null;
+ }
+
+ var _this$props = this.props,
+ children = _this$props.children,
+ childProps = _objectWithoutPropertiesLoose(_this$props, ["children"]); // filter props for Transtition
+
+
+ delete childProps.in;
+ delete childProps.mountOnEnter;
+ delete childProps.unmountOnExit;
+ delete childProps.appear;
+ delete childProps.enter;
+ delete childProps.exit;
+ delete childProps.timeout;
+ delete childProps.addEndListener;
+ delete childProps.onEnter;
+ delete childProps.onEntering;
+ delete childProps.onEntered;
+ delete childProps.onExit;
+ delete childProps.onExiting;
+ delete childProps.onExited;
+
+ if (typeof children === 'function') {
+ return children(status, childProps);
+ }
+
+ var child = _react.default.Children.only(children);
+
+ return _react.default.cloneElement(child, childProps);
+ };
+
+ return Transition;
+ }(_react.default.Component);
+
+ Transition.contextTypes = {
+ transitionGroup: PropTypes.object
+ };
+ Transition.childContextTypes = {
+ transitionGroup: function transitionGroup() {}
+ };
+ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
+ /**
+ * A `function` child can be used instead of a React element. This function is
+ * called with the current transition status (`'entering'`, `'entered'`,
+ * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context
+ * specific props to a component.
+ *
+ * ```jsx
+ *
+ * {state => (
+ *
+ * )}
+ *
+ * ```
+ */
+ children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+
+ /**
+ * Show the component; triggers the enter or exit states
+ */
+ in: PropTypes.bool,
+
+ /**
+ * By default the child component is mounted immediately along with
+ * the parent `Transition` component. If you want to "lazy mount" the component on the
+ * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+ * mounted, even on "exited", unless you also specify `unmountOnExit`.
+ */
+ mountOnEnter: PropTypes.bool,
+
+ /**
+ * By default the child component stays mounted after it reaches the `'exited'` state.
+ * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+ */
+ unmountOnExit: PropTypes.bool,
+
+ /**
+ * Normally a component is not transitioned if it is shown when the `` component mounts.
+ * If you want to transition on the first mount set `appear` to `true`, and the
+ * component will transition in as soon as the `` mounts.
+ *
+ * > Note: there are no specific "appear" states. `appear` only adds an additional `enter` transition.
+ */
+ appear: PropTypes.bool,
+
+ /**
+ * Enable or disable enter transitions.
+ */
+ enter: PropTypes.bool,
+
+ /**
+ * Enable or disable exit transitions.
+ */
+ exit: PropTypes.bool,
+
+ /**
+ * The duration of the transition, in milliseconds.
+ * Required unless `addEndListener` is provided.
+ *
+ * You may specify a single timeout for all transitions:
+ *
+ * ```jsx
+ * timeout={500}
+ * ```
+ *
+ * or individually:
+ *
+ * ```jsx
+ * timeout={{
+ * appear: 500,
+ * enter: 300,
+ * exit: 500,
+ * }}
+ * ```
+ *
+ * - `appear` defaults to the value of `enter`
+ * - `enter` defaults to `0`
+ * - `exit` defaults to `0`
+ *
+ * @type {number | { enter?: number, exit?: number, appear?: number }}
+ */
+ timeout: function timeout(props) {
+ var pt = _PropTypes.timeoutsShape;
+ if (!props.addEndListener) pt = pt.isRequired;
+
+ for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ args[_key - 1] = arguments[_key];
+ }
+
+ return pt.apply(void 0, [props].concat(args));
+ },
+
+ /**
+ * Add a custom transition end trigger. Called with the transitioning
+ * DOM node and a `done` callback. Allows for more fine grained transition end
+ * logic. **Note:** Timeouts are still used as a fallback if provided.
+ *
+ * ```jsx
+ * addEndListener={(node, done) => {
+ * // use the css transitionend event to mark the finish of a transition
+ * node.addEventListener('transitionend', done, false);
+ * }}
+ * ```
+ */
+ addEndListener: PropTypes.func,
+
+ /**
+ * Callback fired before the "entering" status is applied. An extra parameter
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+ *
+ * @type Function(node: HtmlElement, isAppearing: bool) -> void
+ */
+ onEnter: PropTypes.func,
+
+ /**
+ * Callback fired after the "entering" status is applied. An extra parameter
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+ *
+ * @type Function(node: HtmlElement, isAppearing: bool)
+ */
+ onEntering: PropTypes.func,
+
+ /**
+ * Callback fired after the "entered" status is applied. An extra parameter
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+ *
+ * @type Function(node: HtmlElement, isAppearing: bool) -> void
+ */
+ onEntered: PropTypes.func,
+
+ /**
+ * Callback fired before the "exiting" status is applied.
+ *
+ * @type Function(node: HtmlElement) -> void
+ */
+ onExit: PropTypes.func,
+
+ /**
+ * Callback fired after the "exiting" status is applied.
+ *
+ * @type Function(node: HtmlElement) -> void
+ */
+ onExiting: PropTypes.func,
+
+ /**
+ * Callback fired after the "exited" status is applied.
+ *
+ * @type Function(node: HtmlElement) -> void
+ */
+ onExited: PropTypes.func // Name the function so it is clearer in the documentation
+
+ } : {};
+
+ function noop() {}
+
+ Transition.defaultProps = {
+ in: false,
+ mountOnEnter: false,
+ unmountOnExit: false,
+ appear: false,
+ enter: true,
+ exit: true,
+ onEnter: noop,
+ onEntering: noop,
+ onEntered: noop,
+ onExit: noop,
+ onExiting: noop,
+ onExited: noop
+ };
+ Transition.UNMOUNTED = 0;
+ Transition.EXITED = 1;
+ Transition.ENTERING = 2;
+ Transition.ENTERED = 3;
+ Transition.EXITING = 4;
+
+ var _default = (0, _reactLifecyclesCompat.polyfill)(Transition);
+
+ exports.default = _default;
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+ /***/ }),
+ /* 400 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+ /* WEBPACK VAR INJECTION */(function(process) {
+
+ exports.__esModule = true;
+ exports.classNamesShape = exports.timeoutsShape = void 0;
+
+ var _propTypes = _interopRequireDefault(__webpack_require__(1));
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+ enter: _propTypes.default.number,
+ exit: _propTypes.default.number,
+ appear: _propTypes.default.number
+ }).isRequired]) : null;
+ exports.timeoutsShape = timeoutsShape;
+ var classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
+ enter: _propTypes.default.string,
+ exit: _propTypes.default.string,
+ active: _propTypes.default.string
+ }), _propTypes.default.shape({
+ enter: _propTypes.default.string,
+ enterDone: _propTypes.default.string,
+ enterActive: _propTypes.default.string,
+ exit: _propTypes.default.string,
+ exitDone: _propTypes.default.string,
+ exitActive: _propTypes.default.string
+ })]) : null;
+ exports.classNamesShape = classNamesShape;
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+ /***/ }),
+ /* 401 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+ /* WEBPACK VAR INJECTION */(function(process) {
+
+ exports.__esModule = true;
+ exports.default = void 0;
+
+ var _propTypes = _interopRequireDefault(__webpack_require__(1));
+
+ var _react = _interopRequireDefault(__webpack_require__(0));
+
+ var _reactLifecyclesCompat = __webpack_require__(14);
+
+ var _ChildMapping = __webpack_require__(1098);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+ 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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+ var values = Object.values || function (obj) {
+ return Object.keys(obj).map(function (k) {
+ return obj[k];
+ });
+ };
+
+ var defaultProps = {
+ component: 'div',
+ childFactory: function childFactory(child) {
+ return child;
+ }
+ /**
+ * The `` component manages a set of transition components
+ * (`` and ``) in a list. Like with the transition
+ * components, `` is a state machine for managing the mounting
+ * and unmounting of components over time.
+ *
+ * Consider the example below. As items are removed or added to the TodoList the
+ * `in` prop is toggled automatically by the ``.
+ *
+ * Note that `` does not define any animation behavior!
+ * Exactly _how_ a list item animates is up to the individual transition
+ * component. This means you can mix and match animations across different list
+ * items.
+ */
+
+ };
+
+ var TransitionGroup =
+ /*#__PURE__*/
+ function (_React$Component) {
+ _inheritsLoose(TransitionGroup, _React$Component);
+
+ function TransitionGroup(props, context) {
+ var _this;
+
+ _this = _React$Component.call(this, props, context) || this;
+
+ var handleExited = _this.handleExited.bind(_assertThisInitialized(_assertThisInitialized(_this))); // Initial children should all be entering, dependent on appear
+
+
+ _this.state = {
+ handleExited: handleExited,
+ firstRender: true
+ };
+ return _this;
+ }
+
+ var _proto = TransitionGroup.prototype;
+
+ _proto.getChildContext = function getChildContext() {
+ return {
+ transitionGroup: {
+ isMounting: !this.appeared
+ }
+ };
+ };
+
+ _proto.componentDidMount = function componentDidMount() {
+ this.appeared = true;
+ this.mounted = true;
+ };
+
+ _proto.componentWillUnmount = function componentWillUnmount() {
+ this.mounted = false;
+ };
+
+ TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {
+ var prevChildMapping = _ref.children,
+ handleExited = _ref.handleExited,
+ firstRender = _ref.firstRender;
+ return {
+ children: firstRender ? (0, _ChildMapping.getInitialChildMapping)(nextProps, handleExited) : (0, _ChildMapping.getNextChildMapping)(nextProps, prevChildMapping, handleExited),
+ firstRender: false
+ };
+ };
+
+ _proto.handleExited = function handleExited(child, node) {
+ var currentChildMapping = (0, _ChildMapping.getChildMapping)(this.props.children);
+ if (child.key in currentChildMapping) return;
+
+ if (child.props.onExited) {
+ child.props.onExited(node);
+ }
+
+ if (this.mounted) {
+ this.setState(function (state) {
+ var children = _extends({}, state.children);
+
+ delete children[child.key];
+ return {
+ children: children
+ };
+ });
+ }
+ };
+
+ _proto.render = function render() {
+ var _this$props = this.props,
+ Component = _this$props.component,
+ childFactory = _this$props.childFactory,
+ props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
+
+ var children = values(this.state.children).map(childFactory);
+ delete props.appear;
+ delete props.enter;
+ delete props.exit;
+
+ if (Component === null) {
+ return children;
+ }
+
+ return _react.default.createElement(Component, props, children);
+ };
+
+ return TransitionGroup;
+ }(_react.default.Component);
+
+ TransitionGroup.childContextTypes = {
+ transitionGroup: _propTypes.default.object.isRequired
+ };
+ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
+ /**
+ * `` renders a `` by default. You can change this
+ * behavior by providing a `component` prop.
+ * If you use React v16+ and would like to avoid a wrapping `
` element
+ * you can pass in `component={null}`. This is useful if the wrapping div
+ * borks your css styles.
+ */
+ component: _propTypes.default.any,
+
+ /**
+ * A set of `
` components, that are toggled `in` and out as they
+ * leave. the `` will inject specific transition props, so
+ * remember to spread them through if you are wrapping the `` as
+ * with our `` example.
+ *
+ * While this component is meant for multiple `Transition` or `CSSTransition`
+ * children, sometimes you may want to have a single transition child with
+ * content that you want to be transitioned out and in when you change it
+ * (e.g. routes, images etc.) In that case you can change the `key` prop of
+ * the transition child as you change its content, this will cause
+ * `TransitionGroup` to transition the child out and back in.
+ */
+ children: _propTypes.default.node,
+
+ /**
+ * A convenience prop that enables or disables appear animations
+ * for all children. Note that specifying this will override any defaults set
+ * on individual children Transitions.
+ */
+ appear: _propTypes.default.bool,
+
+ /**
+ * A convenience prop that enables or disables enter animations
+ * for all children. Note that specifying this will override any defaults set
+ * on individual children Transitions.
+ */
+ enter: _propTypes.default.bool,
+
+ /**
+ * A convenience prop that enables or disables exit animations
+ * for all children. Note that specifying this will override any defaults set
+ * on individual children Transitions.
+ */
+ exit: _propTypes.default.bool,
+
+ /**
+ * You may need to apply reactive updates to a child as it is exiting.
+ * This is generally done by using `cloneElement` however in the case of an exiting
+ * child the element has already been removed and not accessible to the consumer.
+ *
+ * If you do need to update a child as it leaves you can provide a `childFactory`
+ * to wrap every child, even the ones that are leaving.
+ *
+ * @type Function(child: ReactElement) -> ReactElement
+ */
+ childFactory: _propTypes.default.func
+ } : {};
+ TransitionGroup.defaultProps = defaultProps;
+
+ var _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);
+
+ exports.default = _default;
+ module.exports = exports["default"];
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
+
+ /***/ }),
+ /* 402 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ var Button = __webpack_require__(403);
+ var Badge = __webpack_require__(406);
+ var Alert = __webpack_require__(410);
+ var ButtonGroup = __webpack_require__(415);
+ var Label = __webpack_require__(421);
+ var FormControl = __webpack_require__(425);
+ var FormGroup = __webpack_require__(429);
+ var Form = __webpack_require__(433);
+ var Layout = __webpack_require__(553);
+ var InputGroup = __webpack_require__(558);
+ var InputNumber = __webpack_require__(563);
+ var Checkbox = __webpack_require__(571);
+ var Pagination = __webpack_require__(575);
+ var ProgressBar = __webpack_require__(649);
+ var Radio = __webpack_require__(653);
+ var Switch = __webpack_require__(658);
+ var Tooltip = __webpack_require__(662);
+ var Dropdown = __webpack_require__(685);
+ var Panel = __webpack_require__(689);
+ var PanelGroup = __webpack_require__(705);
+ var SearchPanel = __webpack_require__(214);
+ var Transition = __webpack_require__(720);
+ var Navbar = __webpack_require__(724);
+ var Animate = __webpack_require__(734);
+ var Select = __webpack_require__(736);
+ var Tile = __webpack_require__(738);
+ var Icon = __webpack_require__(742);
+ var Menu = __webpack_require__(744);
+ var Upload = __webpack_require__(758);
+ var Breadcrumb = __webpack_require__(770);
+
+ var Message = __webpack_require__(775);
+ var Notification = __webpack_require__(779);
+ var Popconfirm = __webpack_require__(781);
+ var Modal = __webpack_require__(788);
+ var Tabs = __webpack_require__(850);
+ var Cascader = __webpack_require__(861);
+ var Loading = __webpack_require__(875);
+ var Table = __webpack_require__(878);
+ var Tree = __webpack_require__(920);
+ var Clipboard = __webpack_require__(926);
+
+ var Rate = __webpack_require__(957);
+ var Step = __webpack_require__(967);
+ var Timeline = __webpack_require__(973);
+ var Transfer = __webpack_require__(977);
+ var BackTop = __webpack_require__(997);
+ var Collapse = __webpack_require__(1001);
+
+ var Slider = __webpack_require__(1006);
+ var AutoComplete = __webpack_require__(1018);
+
+ var LoadingState = __webpack_require__(1024);
+ var Locale = __webpack_require__(1028);
+ var Popover = __webpack_require__(1032);
+ var Anchor = __webpack_require__(1039);
+ var ColorPicker = __webpack_require__(1044);
+ var Tag = __webpack_require__(1078);
+ var SearchPanel = __webpack_require__(214);
+ var Affix = __webpack_require__(1082);
+ var Drawer = __webpack_require__(1087);
+ var Carousel = __webpack_require__(1099);
var TinperBee = {
- version: '1.5.0',
+ version: '2.0.8',
Slider: Slider,
AutoComplete: AutoComplete,
+ Carousel:Carousel,
Button: Button,
Badge: Badge,
Alert: Alert,
@@ -131957,28 +132185,30 @@
Anchor:Anchor,
Tag: Tag,
ColorPicker: ColorPicker,
- SearchPanel: SearchPanel
+ SearchPanel: SearchPanel,
+ Affix:Affix,
+ Drawer:Drawer,
}
module.exports = TinperBee;
/***/ }),
- /* 424 */
+ /* 403 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(425);
- module.exports = __webpack_require__(37);
+ __webpack_require__(404);
+ module.exports = __webpack_require__(87);
/***/ }),
- /* 425 */
+ /* 404 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 426 */
+ /* 405 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132154,21 +132384,21 @@
module.exports = exports['default'];
/***/ }),
- /* 427 */
+ /* 406 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(428);
- module.exports = __webpack_require__(429);
+ __webpack_require__(407);
+ module.exports = __webpack_require__(408);
/***/ }),
- /* 428 */
+ /* 407 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 429 */
+ /* 408 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132178,7 +132408,7 @@
value: true
});
- var _Badge = __webpack_require__(430);
+ var _Badge = __webpack_require__(409);
var _Badge2 = _interopRequireDefault(_Badge);
@@ -132188,7 +132418,7 @@
module.exports = exports['default'];
/***/ }),
- /* 430 */
+ /* 409 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132311,21 +132541,21 @@
module.exports = exports['default'];
/***/ }),
- /* 431 */
+ /* 410 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(432);
- module.exports = __webpack_require__(433);
+ __webpack_require__(411);
+ module.exports = __webpack_require__(412);
/***/ }),
- /* 432 */
+ /* 411 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 433 */
+ /* 412 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132335,7 +132565,7 @@
value: true
});
- var _Alert = __webpack_require__(434);
+ var _Alert = __webpack_require__(413);
var _Alert2 = _interopRequireDefault(_Alert);
@@ -132345,7 +132575,7 @@
module.exports = exports['default'];
/***/ }),
- /* 434 */
+ /* 413 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132369,7 +132599,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _beeIcon = __webpack_require__(13);
+ var _beeIcon = __webpack_require__(15);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -132471,7 +132701,7 @@
module.exports = exports['default'];
/***/ }),
- /* 435 */
+ /* 414 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132551,21 +132781,21 @@
module.exports = exports['default'];
/***/ }),
- /* 436 */
+ /* 415 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(437);
- module.exports = __webpack_require__(438);
+ __webpack_require__(416);
+ module.exports = __webpack_require__(417);
/***/ }),
- /* 437 */
+ /* 416 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 438 */
+ /* 417 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132575,7 +132805,7 @@
value: true
});
- var _ButtonGroup = __webpack_require__(439);
+ var _ButtonGroup = __webpack_require__(418);
var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
@@ -132585,7 +132815,7 @@
module.exports = exports['default'];
/***/ }),
- /* 439 */
+ /* 418 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132605,7 +132835,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeButton = __webpack_require__(440);
+ var _beeButton = __webpack_require__(419);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -132735,7 +132965,7 @@
module.exports = exports['default'];
/***/ }),
- /* 440 */
+ /* 419 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132745,7 +132975,7 @@
value: true
});
- var _Button = __webpack_require__(441);
+ var _Button = __webpack_require__(420);
var _Button2 = _interopRequireDefault(_Button);
@@ -132755,7 +132985,7 @@
module.exports = exports['default'];
/***/ }),
- /* 441 */
+ /* 420 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132931,21 +133161,21 @@
module.exports = exports['default'];
/***/ }),
- /* 442 */
+ /* 421 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(443);
- module.exports = __webpack_require__(444);
+ __webpack_require__(422);
+ module.exports = __webpack_require__(423);
/***/ }),
- /* 443 */
+ /* 422 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 444 */
+ /* 423 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -132955,7 +133185,7 @@
value: true
});
- var _Label = __webpack_require__(445);
+ var _Label = __webpack_require__(424);
var _Label2 = _interopRequireDefault(_Label);
@@ -132965,7 +133195,7 @@
module.exports = exports['default'];
/***/ }),
- /* 445 */
+ /* 424 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133045,21 +133275,21 @@
module.exports = exports['default'];
/***/ }),
- /* 446 */
+ /* 425 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(447);
- module.exports = __webpack_require__(448);
+ __webpack_require__(426);
+ module.exports = __webpack_require__(427);
/***/ }),
- /* 447 */
+ /* 426 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 448 */
+ /* 427 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133069,7 +133299,7 @@
value: true
});
- var _FormControl = __webpack_require__(449);
+ var _FormControl = __webpack_require__(428);
var _FormControl2 = _interopRequireDefault(_FormControl);
@@ -133079,7 +133309,7 @@
module.exports = exports['default'];
/***/ }),
- /* 449 */
+ /* 428 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133099,7 +133329,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeIcon = __webpack_require__(13);
+ var _beeIcon = __webpack_require__(15);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -133363,21 +133593,21 @@
module.exports = exports['default'];
/***/ }),
- /* 450 */
+ /* 429 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(451);
- module.exports = __webpack_require__(452);
+ __webpack_require__(430);
+ module.exports = __webpack_require__(431);
/***/ }),
- /* 451 */
+ /* 430 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 452 */
+ /* 431 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133387,7 +133617,7 @@
value: true
});
- var _FormGroup = __webpack_require__(453);
+ var _FormGroup = __webpack_require__(432);
var _FormGroup2 = _interopRequireDefault(_FormGroup);
@@ -133397,7 +133627,7 @@
module.exports = exports['default'];
/***/ }),
- /* 453 */
+ /* 432 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133484,21 +133714,21 @@
module.exports = exports['default'];
/***/ }),
- /* 454 */
+ /* 433 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(455);
- module.exports = __webpack_require__(456);
+ __webpack_require__(434);
+ module.exports = __webpack_require__(435);
/***/ }),
- /* 455 */
+ /* 434 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 456 */
+ /* 435 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133508,11 +133738,11 @@
value: true
});
- var _Form = __webpack_require__(457);
+ var _Form = __webpack_require__(436);
var _Form2 = _interopRequireDefault(_Form);
- var _FormItem = __webpack_require__(574);
+ var _FormItem = __webpack_require__(552);
var _FormItem2 = _interopRequireDefault(_FormItem);
@@ -133523,7 +133753,7 @@
module.exports = exports['default'];
/***/ }),
- /* 457 */
+ /* 436 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -133541,7 +133771,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _rcForm = __webpack_require__(156);
+ var _rcForm = __webpack_require__(148);
var _classnames = __webpack_require__(2);
@@ -133604,12 +133834,12 @@
module.exports = exports['default'];
/***/ }),
- /* 458 */
+ /* 437 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export mixin */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createBaseForm__ = __webpack_require__(459);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createBaseForm__ = __webpack_require__(438);
var mixin = {
@@ -133644,33 +133874,33 @@
/* harmony default export */ __webpack_exports__["a"] = (createForm);
/***/ }),
- /* 459 */
+ /* 438 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
+ /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(34);
/* 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_babel_runtime_helpers_defineProperty__ = __webpack_require__(94);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__ = __webpack_require__(88);
/* 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_extends__ = __webpack_require__(9);
/* 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_toConsumableArray__ = __webpack_require__(468);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_toConsumableArray__ = __webpack_require__(447);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_toConsumableArray___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_toConsumableArray__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_create_react_class__ = __webpack_require__(43);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_create_react_class__ = __webpack_require__(40);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_create_react_class___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_create_react_class__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_async_validator__ = __webpack_require__(488);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_warning__ = __webpack_require__(170);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_async_validator__ = __webpack_require__(467);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_warning__ = __webpack_require__(162);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_warning__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_lodash_get__ = __webpack_require__(526);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_lodash_get__ = __webpack_require__(505);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_lodash_get___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_lodash_get__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_lodash_set__ = __webpack_require__(175);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_lodash_set__ = __webpack_require__(167);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_lodash_set___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_lodash_set__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_lodash_eq__ = __webpack_require__(113);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_lodash_eq__ = __webpack_require__(107);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_lodash_eq___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_lodash_eq__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__createFieldsStore__ = __webpack_require__(569);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils__ = __webpack_require__(177);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__createFieldsStore__ = __webpack_require__(548);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils__ = __webpack_require__(169);
@@ -134268,30 +134498,30 @@
}
/* harmony default export */ __webpack_exports__["a"] = (createBaseForm);
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 460 */
+ /* 439 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(461);
- var $Object = __webpack_require__(16).Object;
+ __webpack_require__(440);
+ var $Object = __webpack_require__(13).Object;
module.exports = function defineProperty(it, key, desc) {
return $Object.defineProperty(it, key, desc);
};
/***/ }),
- /* 461 */
+ /* 440 */
/***/ (function(module, exports, __webpack_require__) {
- var $export = __webpack_require__(21);
+ var $export = __webpack_require__(22);
// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
- $export($export.S + $export.F * !__webpack_require__(27), 'Object', { defineProperty: __webpack_require__(23).f });
+ $export($export.S + $export.F * !__webpack_require__(30), 'Object', { defineProperty: __webpack_require__(24).f });
/***/ }),
- /* 462 */
+ /* 441 */
/***/ (function(module, exports) {
module.exports = function (it) {
@@ -134301,37 +134531,37 @@
/***/ }),
- /* 463 */
+ /* 442 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(160), __esModule: true };
+ module.exports = { "default": __webpack_require__(152), __esModule: true };
/***/ }),
- /* 464 */
+ /* 443 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
- var $export = __webpack_require__(21);
+ var $export = __webpack_require__(22);
- $export($export.S + $export.F, 'Object', { assign: __webpack_require__(465) });
+ $export($export.S + $export.F, 'Object', { assign: __webpack_require__(444) });
/***/ }),
- /* 465 */
+ /* 444 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// 19.1.2.1 Object.assign(target, source, ...)
- var getKeys = __webpack_require__(60);
- var gOPS = __webpack_require__(103);
- var pIE = __webpack_require__(79);
- var toObject = __webpack_require__(80);
- var IObject = __webpack_require__(162);
+ var getKeys = __webpack_require__(53);
+ var gOPS = __webpack_require__(97);
+ var pIE = __webpack_require__(66);
+ var toObject = __webpack_require__(67);
+ var IObject = __webpack_require__(154);
var $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
- module.exports = !$assign || __webpack_require__(41)(function () {
+ module.exports = !$assign || __webpack_require__(38)(function () {
var A = {};
var B = {};
// eslint-disable-next-line no-undef
@@ -134358,14 +134588,14 @@
/***/ }),
- /* 466 */
+ /* 445 */
/***/ (function(module, exports, __webpack_require__) {
// false -> Array#indexOf
// true -> Array#includes
- var toIObject = __webpack_require__(42);
- var toLength = __webpack_require__(163);
- var toAbsoluteIndex = __webpack_require__(467);
+ var toIObject = __webpack_require__(39);
+ var toLength = __webpack_require__(155);
+ var toAbsoluteIndex = __webpack_require__(446);
module.exports = function (IS_INCLUDES) {
return function ($this, el, fromIndex) {
var O = toIObject($this);
@@ -134387,10 +134617,10 @@
/***/ }),
- /* 467 */
+ /* 446 */
/***/ (function(module, exports, __webpack_require__) {
- var toInteger = __webpack_require__(99);
+ var toInteger = __webpack_require__(93);
var max = Math.max;
var min = Math.min;
module.exports = function (index, length) {
@@ -134400,7 +134630,7 @@
/***/ }),
- /* 468 */
+ /* 447 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -134408,7 +134638,7 @@
exports.__esModule = true;
- var _from = __webpack_require__(469);
+ var _from = __webpack_require__(448);
var _from2 = _interopRequireDefault(_from);
@@ -134427,26 +134657,26 @@
};
/***/ }),
- /* 469 */
+ /* 448 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(470), __esModule: true };
+ module.exports = { "default": __webpack_require__(449), __esModule: true };
/***/ }),
- /* 470 */
+ /* 449 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(164);
- __webpack_require__(476);
- module.exports = __webpack_require__(16).Array.from;
+ __webpack_require__(156);
+ __webpack_require__(455);
+ module.exports = __webpack_require__(13).Array.from;
/***/ }),
- /* 471 */
+ /* 450 */
/***/ (function(module, exports, __webpack_require__) {
- var toInteger = __webpack_require__(99);
- var defined = __webpack_require__(98);
+ var toInteger = __webpack_require__(93);
+ var defined = __webpack_require__(92);
// true -> String#at
// false -> String#codePointAt
module.exports = function (TO_STRING) {
@@ -134465,18 +134695,18 @@
/***/ }),
- /* 472 */
+ /* 451 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var create = __webpack_require__(104);
- var descriptor = __webpack_require__(59);
- var setToStringTag = __webpack_require__(105);
+ var create = __webpack_require__(98);
+ var descriptor = __webpack_require__(52);
+ var setToStringTag = __webpack_require__(99);
var IteratorPrototype = {};
// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
- __webpack_require__(38)(IteratorPrototype, __webpack_require__(19)('iterator'), function () { return this; });
+ __webpack_require__(35)(IteratorPrototype, __webpack_require__(18)('iterator'), function () { return this; });
module.exports = function (Constructor, NAME, next) {
Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });
@@ -134485,14 +134715,14 @@
/***/ }),
- /* 473 */
+ /* 452 */
/***/ (function(module, exports, __webpack_require__) {
- var dP = __webpack_require__(23);
- var anObject = __webpack_require__(39);
- var getKeys = __webpack_require__(60);
+ var dP = __webpack_require__(24);
+ var anObject = __webpack_require__(36);
+ var getKeys = __webpack_require__(53);
- module.exports = __webpack_require__(27) ? Object.defineProperties : function defineProperties(O, Properties) {
+ module.exports = __webpack_require__(30) ? Object.defineProperties : function defineProperties(O, Properties) {
anObject(O);
var keys = getKeys(Properties);
var length = keys.length;
@@ -134504,21 +134734,21 @@
/***/ }),
- /* 474 */
+ /* 453 */
/***/ (function(module, exports, __webpack_require__) {
- var document = __webpack_require__(22).document;
+ var document = __webpack_require__(23).document;
module.exports = document && document.documentElement;
/***/ }),
- /* 475 */
+ /* 454 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
- var has = __webpack_require__(28);
- var toObject = __webpack_require__(80);
- var IE_PROTO = __webpack_require__(100)('IE_PROTO');
+ var has = __webpack_require__(31);
+ var toObject = __webpack_require__(67);
+ var IE_PROTO = __webpack_require__(94)('IE_PROTO');
var ObjectProto = Object.prototype;
module.exports = Object.getPrototypeOf || function (O) {
@@ -134531,21 +134761,21 @@
/***/ }),
- /* 476 */
+ /* 455 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var ctx = __webpack_require__(95);
- var $export = __webpack_require__(21);
- var toObject = __webpack_require__(80);
- var call = __webpack_require__(477);
- var isArrayIter = __webpack_require__(478);
- var toLength = __webpack_require__(163);
- var createProperty = __webpack_require__(479);
- var getIterFn = __webpack_require__(480);
+ var ctx = __webpack_require__(89);
+ var $export = __webpack_require__(22);
+ var toObject = __webpack_require__(67);
+ var call = __webpack_require__(456);
+ var isArrayIter = __webpack_require__(457);
+ var toLength = __webpack_require__(155);
+ var createProperty = __webpack_require__(458);
+ var getIterFn = __webpack_require__(459);
- $export($export.S + $export.F * !__webpack_require__(482)(function (iter) { Array.from(iter); }), 'Array', {
+ $export($export.S + $export.F * !__webpack_require__(461)(function (iter) { Array.from(iter); }), 'Array', {
// 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)
from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {
var O = toObject(arrayLike);
@@ -134575,11 +134805,11 @@
/***/ }),
- /* 477 */
+ /* 456 */
/***/ (function(module, exports, __webpack_require__) {
// call something on iterator step with safe closing on error
- var anObject = __webpack_require__(39);
+ var anObject = __webpack_require__(36);
module.exports = function (iterator, fn, value, entries) {
try {
return entries ? fn(anObject(value)[0], value[1]) : fn(value);
@@ -134593,12 +134823,12 @@
/***/ }),
- /* 478 */
+ /* 457 */
/***/ (function(module, exports, __webpack_require__) {
// check on default Array iterator
- var Iterators = __webpack_require__(61);
- var ITERATOR = __webpack_require__(19)('iterator');
+ var Iterators = __webpack_require__(54);
+ var ITERATOR = __webpack_require__(18)('iterator');
var ArrayProto = Array.prototype;
module.exports = function (it) {
@@ -134607,13 +134837,13 @@
/***/ }),
- /* 479 */
+ /* 458 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var $defineProperty = __webpack_require__(23);
- var createDesc = __webpack_require__(59);
+ var $defineProperty = __webpack_require__(24);
+ var createDesc = __webpack_require__(52);
module.exports = function (object, index, value) {
if (index in object) $defineProperty.f(object, index, createDesc(0, value));
@@ -134622,13 +134852,13 @@
/***/ }),
- /* 480 */
+ /* 459 */
/***/ (function(module, exports, __webpack_require__) {
- var classof = __webpack_require__(481);
- var ITERATOR = __webpack_require__(19)('iterator');
- var Iterators = __webpack_require__(61);
- module.exports = __webpack_require__(16).getIteratorMethod = function (it) {
+ var classof = __webpack_require__(460);
+ var ITERATOR = __webpack_require__(18)('iterator');
+ var Iterators = __webpack_require__(54);
+ module.exports = __webpack_require__(13).getIteratorMethod = function (it) {
if (it != undefined) return it[ITERATOR]
|| it['@@iterator']
|| Iterators[classof(it)];
@@ -134636,12 +134866,12 @@
/***/ }),
- /* 481 */
+ /* 460 */
/***/ (function(module, exports, __webpack_require__) {
// getting tag from 19.1.3.6 Object.prototype.toString()
- var cof = __webpack_require__(97);
- var TAG = __webpack_require__(19)('toStringTag');
+ var cof = __webpack_require__(91);
+ var TAG = __webpack_require__(18)('toStringTag');
// ES3 wrong here
var ARG = cof(function () { return arguments; }()) == 'Arguments';
@@ -134665,10 +134895,10 @@
/***/ }),
- /* 482 */
+ /* 461 */
/***/ (function(module, exports, __webpack_require__) {
- var ITERATOR = __webpack_require__(19)('iterator');
+ var ITERATOR = __webpack_require__(18)('iterator');
var SAFE_CLOSING = false;
try {
@@ -134693,7 +134923,7 @@
/***/ }),
- /* 483 */
+ /* 462 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -134707,13 +134937,13 @@
- var _assign = __webpack_require__(44);
+ var _assign = __webpack_require__(41);
- var emptyObject = __webpack_require__(484);
- var _invariant = __webpack_require__(485);
+ var emptyObject = __webpack_require__(463);
+ var _invariant = __webpack_require__(464);
if (process.env.NODE_ENV !== 'production') {
- var warning = __webpack_require__(486);
+ var warning = __webpack_require__(465);
}
var MIXINS_KEY = 'mixins';
@@ -135624,10 +135854,10 @@
module.exports = factory;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 484 */
+ /* 463 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -135648,10 +135878,10 @@
}
module.exports = emptyObject;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 485 */
+ /* 464 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -135708,10 +135938,10 @@
}
module.exports = invariant;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 486 */
+ /* 465 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -135725,7 +135955,7 @@
- var emptyFunction = __webpack_require__(487);
+ var emptyFunction = __webpack_require__(466);
/**
* Similar to invariant but only logs a warning if the condition is not met.
@@ -135777,10 +136007,10 @@
}
module.exports = warning;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 487 */
+ /* 466 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -135822,17 +136052,17 @@
module.exports = emptyFunction;
/***/ }),
- /* 488 */
+ /* 467 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_typeof__ = __webpack_require__(29);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_typeof__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_typeof___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_typeof__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__validator___ = __webpack_require__(505);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__messages__ = __webpack_require__(525);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__validator___ = __webpack_require__(484);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__messages__ = __webpack_require__(504);
@@ -136097,29 +136327,29 @@
/* harmony default export */ __webpack_exports__["a"] = (Schema);
/***/ }),
- /* 489 */
+ /* 468 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(490), __esModule: true };
+ module.exports = { "default": __webpack_require__(469), __esModule: true };
/***/ }),
- /* 490 */
+ /* 469 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(164);
- __webpack_require__(491);
- module.exports = __webpack_require__(106).f('iterator');
+ __webpack_require__(156);
+ __webpack_require__(470);
+ module.exports = __webpack_require__(100).f('iterator');
/***/ }),
- /* 491 */
+ /* 470 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(492);
- var global = __webpack_require__(22);
- var hide = __webpack_require__(38);
- var Iterators = __webpack_require__(61);
- var TO_STRING_TAG = __webpack_require__(19)('toStringTag');
+ __webpack_require__(471);
+ var global = __webpack_require__(23);
+ var hide = __webpack_require__(35);
+ var Iterators = __webpack_require__(54);
+ var TO_STRING_TAG = __webpack_require__(18)('toStringTag');
var DOMIterables = ('CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,' +
'DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,' +
@@ -136137,21 +136367,21 @@
/***/ }),
- /* 492 */
+ /* 471 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var addToUnscopables = __webpack_require__(493);
- var step = __webpack_require__(494);
- var Iterators = __webpack_require__(61);
- var toIObject = __webpack_require__(42);
+ var addToUnscopables = __webpack_require__(472);
+ var step = __webpack_require__(473);
+ var Iterators = __webpack_require__(54);
+ var toIObject = __webpack_require__(39);
// 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__(165)(Array, 'Array', function (iterated, kind) {
+ module.exports = __webpack_require__(157)(Array, 'Array', function (iterated, kind) {
this._t = toIObject(iterated); // target
this._i = 0; // next index
this._k = kind; // kind
@@ -136178,14 +136408,14 @@
/***/ }),
- /* 493 */
+ /* 472 */
/***/ (function(module, exports) {
module.exports = function () { /* empty */ };
/***/ }),
- /* 494 */
+ /* 473 */
/***/ (function(module, exports) {
module.exports = function (done, value) {
@@ -136194,54 +136424,54 @@
/***/ }),
- /* 495 */
+ /* 474 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(496), __esModule: true };
+ module.exports = { "default": __webpack_require__(475), __esModule: true };
/***/ }),
- /* 496 */
+ /* 475 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(497);
- __webpack_require__(502);
- __webpack_require__(503);
- __webpack_require__(504);
- module.exports = __webpack_require__(16).Symbol;
+ __webpack_require__(476);
+ __webpack_require__(481);
+ __webpack_require__(482);
+ __webpack_require__(483);
+ module.exports = __webpack_require__(13).Symbol;
/***/ }),
- /* 497 */
+ /* 476 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// ECMAScript 6 symbols shim
- var global = __webpack_require__(22);
- var has = __webpack_require__(28);
- var DESCRIPTORS = __webpack_require__(27);
- var $export = __webpack_require__(21);
- var redefine = __webpack_require__(166);
- var META = __webpack_require__(498).KEY;
- var $fails = __webpack_require__(41);
- var shared = __webpack_require__(101);
- var setToStringTag = __webpack_require__(105);
- var uid = __webpack_require__(78);
- var wks = __webpack_require__(19);
- var wksExt = __webpack_require__(106);
- var wksDefine = __webpack_require__(107);
- var enumKeys = __webpack_require__(499);
- var isArray = __webpack_require__(500);
- var anObject = __webpack_require__(39);
- var isObject = __webpack_require__(40);
- var toIObject = __webpack_require__(42);
- var toPrimitive = __webpack_require__(96);
- var createDesc = __webpack_require__(59);
- var _create = __webpack_require__(104);
- var gOPNExt = __webpack_require__(501);
- var $GOPD = __webpack_require__(168);
- var $DP = __webpack_require__(23);
- var $keys = __webpack_require__(60);
+ var global = __webpack_require__(23);
+ var has = __webpack_require__(31);
+ var DESCRIPTORS = __webpack_require__(30);
+ var $export = __webpack_require__(22);
+ var redefine = __webpack_require__(158);
+ var META = __webpack_require__(477).KEY;
+ var $fails = __webpack_require__(38);
+ var shared = __webpack_require__(95);
+ var setToStringTag = __webpack_require__(99);
+ var uid = __webpack_require__(65);
+ var wks = __webpack_require__(18);
+ var wksExt = __webpack_require__(100);
+ var wksDefine = __webpack_require__(101);
+ var enumKeys = __webpack_require__(478);
+ var isArray = __webpack_require__(479);
+ var anObject = __webpack_require__(36);
+ var isObject = __webpack_require__(37);
+ var toIObject = __webpack_require__(39);
+ var toPrimitive = __webpack_require__(90);
+ var createDesc = __webpack_require__(52);
+ var _create = __webpack_require__(98);
+ var gOPNExt = __webpack_require__(480);
+ var $GOPD = __webpack_require__(160);
+ var $DP = __webpack_require__(24);
+ var $keys = __webpack_require__(53);
var gOPD = $GOPD.f;
var dP = $DP.f;
var gOPN = gOPNExt.f;
@@ -136364,11 +136594,11 @@
$GOPD.f = $getOwnPropertyDescriptor;
$DP.f = $defineProperty;
- __webpack_require__(167).f = gOPNExt.f = $getOwnPropertyNames;
- __webpack_require__(79).f = $propertyIsEnumerable;
- __webpack_require__(103).f = $getOwnPropertySymbols;
+ __webpack_require__(159).f = gOPNExt.f = $getOwnPropertyNames;
+ __webpack_require__(66).f = $propertyIsEnumerable;
+ __webpack_require__(97).f = $getOwnPropertySymbols;
- if (DESCRIPTORS && !__webpack_require__(77)) {
+ if (DESCRIPTORS && !__webpack_require__(64)) {
redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
}
@@ -136442,7 +136672,7 @@
});
// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
- $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(38)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
+ $Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(35)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
// 19.4.3.5 Symbol.prototype[@@toStringTag]
setToStringTag($Symbol, 'Symbol');
// 20.2.1.9 Math[@@toStringTag]
@@ -136452,18 +136682,18 @@
/***/ }),
- /* 498 */
+ /* 477 */
/***/ (function(module, exports, __webpack_require__) {
- var META = __webpack_require__(78)('meta');
- var isObject = __webpack_require__(40);
- var has = __webpack_require__(28);
- var setDesc = __webpack_require__(23).f;
+ var META = __webpack_require__(65)('meta');
+ var isObject = __webpack_require__(37);
+ var has = __webpack_require__(31);
+ var setDesc = __webpack_require__(24).f;
var id = 0;
var isExtensible = Object.isExtensible || function () {
return true;
};
- var FREEZE = !__webpack_require__(41)(function () {
+ var FREEZE = !__webpack_require__(38)(function () {
return isExtensible(Object.preventExtensions({}));
});
var setMeta = function (it) {
@@ -136511,13 +136741,13 @@
/***/ }),
- /* 499 */
+ /* 478 */
/***/ (function(module, exports, __webpack_require__) {
// all enumerable object keys, includes symbols
- var getKeys = __webpack_require__(60);
- var gOPS = __webpack_require__(103);
- var pIE = __webpack_require__(79);
+ var getKeys = __webpack_require__(53);
+ var gOPS = __webpack_require__(97);
+ var pIE = __webpack_require__(66);
module.exports = function (it) {
var result = getKeys(it);
var getSymbols = gOPS.f;
@@ -136532,23 +136762,23 @@
/***/ }),
- /* 500 */
+ /* 479 */
/***/ (function(module, exports, __webpack_require__) {
// 7.2.2 IsArray(argument)
- var cof = __webpack_require__(97);
+ var cof = __webpack_require__(91);
module.exports = Array.isArray || function isArray(arg) {
return cof(arg) == 'Array';
};
/***/ }),
- /* 501 */
+ /* 480 */
/***/ (function(module, exports, __webpack_require__) {
// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
- var toIObject = __webpack_require__(42);
- var gOPN = __webpack_require__(167).f;
+ var toIObject = __webpack_require__(39);
+ var gOPN = __webpack_require__(159).f;
var toString = {}.toString;
var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
@@ -136568,44 +136798,44 @@
/***/ }),
- /* 502 */
+ /* 481 */
/***/ (function(module, exports) {
/***/ }),
- /* 503 */
+ /* 482 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(107)('asyncIterator');
+ __webpack_require__(101)('asyncIterator');
/***/ }),
- /* 504 */
+ /* 483 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(107)('observable');
+ __webpack_require__(101)('observable');
/***/ }),
- /* 505 */
+ /* 484 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__string__ = __webpack_require__(506);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__method__ = __webpack_require__(512);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__number__ = __webpack_require__(513);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__boolean__ = __webpack_require__(514);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__regexp__ = __webpack_require__(515);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__integer__ = __webpack_require__(516);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__float__ = __webpack_require__(517);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__array__ = __webpack_require__(518);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__object__ = __webpack_require__(519);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__enum__ = __webpack_require__(520);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__pattern__ = __webpack_require__(521);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__date__ = __webpack_require__(522);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__required__ = __webpack_require__(523);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__type__ = __webpack_require__(524);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__string__ = __webpack_require__(485);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__method__ = __webpack_require__(491);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__number__ = __webpack_require__(492);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__boolean__ = __webpack_require__(493);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__regexp__ = __webpack_require__(494);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__integer__ = __webpack_require__(495);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__float__ = __webpack_require__(496);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__array__ = __webpack_require__(497);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__object__ = __webpack_require__(498);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__enum__ = __webpack_require__(499);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__pattern__ = __webpack_require__(500);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__date__ = __webpack_require__(501);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__required__ = __webpack_require__(502);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__type__ = __webpack_require__(503);
@@ -136641,12 +136871,12 @@
});
/***/ }),
- /* 506 */
+ /* 485 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -136683,11 +136913,11 @@
/* harmony default export */ __webpack_exports__["a"] = (string);
/***/ }),
- /* 507 */
+ /* 486 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(7);
/**
@@ -136710,14 +136940,14 @@
/* harmony default export */ __webpack_exports__["a"] = (whitespace);
/***/ }),
- /* 508 */
+ /* 487 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(29);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__required__ = __webpack_require__(169);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__required__ = __webpack_require__(161);
@@ -136808,11 +137038,11 @@
/* harmony default export */ __webpack_exports__["a"] = (type);
/***/ }),
- /* 509 */
+ /* 488 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(7);
/**
@@ -136873,11 +137103,11 @@
/* harmony default export */ __webpack_exports__["a"] = (range);
/***/ }),
- /* 510 */
+ /* 489 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(7);
var ENUM = 'enum';
@@ -136902,11 +137132,11 @@
/* harmony default export */ __webpack_exports__["a"] = (enumerable);
/***/ }),
- /* 511 */
+ /* 490 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(7);
/**
@@ -136942,12 +137172,12 @@
/* harmony default export */ __webpack_exports__["a"] = (pattern);
/***/ }),
- /* 512 */
+ /* 491 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -136979,12 +137209,12 @@
/* harmony default export */ __webpack_exports__["a"] = (method);
/***/ }),
- /* 513 */
+ /* 492 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137017,12 +137247,12 @@
/* harmony default export */ __webpack_exports__["a"] = (number);
/***/ }),
- /* 514 */
+ /* 493 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(11);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rule___ = __webpack_require__(15);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rule___ = __webpack_require__(12);
@@ -137054,12 +137284,12 @@
/* harmony default export */ __webpack_exports__["a"] = (boolean);
/***/ }),
- /* 515 */
+ /* 494 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137091,12 +137321,12 @@
/* harmony default export */ __webpack_exports__["a"] = (regexp);
/***/ }),
- /* 516 */
+ /* 495 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137129,12 +137359,12 @@
/* harmony default export */ __webpack_exports__["a"] = (integer);
/***/ }),
- /* 517 */
+ /* 496 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137167,12 +137397,12 @@
/* harmony default export */ __webpack_exports__["a"] = (floatFn);
/***/ }),
- /* 518 */
+ /* 497 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
/**
@@ -137204,12 +137434,12 @@
/* harmony default export */ __webpack_exports__["a"] = (array);
/***/ }),
- /* 519 */
+ /* 498 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137241,12 +137471,12 @@
/* harmony default export */ __webpack_exports__["a"] = (object);
/***/ }),
- /* 520 */
+ /* 499 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
var ENUM = 'enum';
@@ -137279,12 +137509,12 @@
/* harmony default export */ __webpack_exports__["a"] = (enumerable);
/***/ }),
- /* 521 */
+ /* 500 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137319,12 +137549,12 @@
/* harmony default export */ __webpack_exports__["a"] = (pattern);
/***/ }),
- /* 522 */
+ /* 501 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137359,13 +137589,13 @@
/* harmony default export */ __webpack_exports__["a"] = (date);
/***/ }),
- /* 523 */
+ /* 502 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(29);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rule___ = __webpack_require__(15);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rule___ = __webpack_require__(12);
@@ -137379,12 +137609,12 @@
/* harmony default export */ __webpack_exports__["a"] = (required);
/***/ }),
- /* 524 */
+ /* 503 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(15);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rule___ = __webpack_require__(12);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(7);
@@ -137407,7 +137637,7 @@
/* harmony default export */ __webpack_exports__["a"] = (type);
/***/ }),
- /* 525 */
+ /* 504 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -137471,10 +137701,10 @@
var messages = newMessages();
/***/ }),
- /* 526 */
+ /* 505 */
/***/ (function(module, exports, __webpack_require__) {
- var baseGet = __webpack_require__(527);
+ var baseGet = __webpack_require__(506);
/**
* Gets the value at `path` of `object`. If the resolved value is
@@ -137510,11 +137740,11 @@
/***/ }),
- /* 527 */
+ /* 506 */
/***/ (function(module, exports, __webpack_require__) {
- var castPath = __webpack_require__(171),
- toKey = __webpack_require__(174);
+ var castPath = __webpack_require__(163),
+ toKey = __webpack_require__(166);
/**
* The base implementation of `_.get` without support for default values.
@@ -137540,11 +137770,11 @@
/***/ }),
- /* 528 */
+ /* 507 */
/***/ (function(module, exports, __webpack_require__) {
- var isArray = __webpack_require__(108),
- isSymbol = __webpack_require__(109);
+ var isArray = __webpack_require__(102),
+ isSymbol = __webpack_require__(103);
/** Used to match property names within property paths. */
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
@@ -137575,7 +137805,7 @@
/***/ }),
- /* 529 */
+ /* 508 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
@@ -137583,13 +137813,13 @@
module.exports = freeGlobal;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(25)))
/***/ }),
- /* 530 */
+ /* 509 */
/***/ (function(module, exports, __webpack_require__) {
- var Symbol = __webpack_require__(110);
+ var Symbol = __webpack_require__(104);
/** Used for built-in method references. */
var objectProto = Object.prototype;
@@ -137638,7 +137868,7 @@
/***/ }),
- /* 531 */
+ /* 510 */
/***/ (function(module, exports) {
/** Used for built-in method references. */
@@ -137666,7 +137896,7 @@
/***/ }),
- /* 532 */
+ /* 511 */
/***/ (function(module, exports) {
/**
@@ -137701,10 +137931,10 @@
/***/ }),
- /* 533 */
+ /* 512 */
/***/ (function(module, exports, __webpack_require__) {
- var memoizeCapped = __webpack_require__(534);
+ var memoizeCapped = __webpack_require__(513);
/** Used to match property names within property paths. */
var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
@@ -137734,10 +137964,10 @@
/***/ }),
- /* 534 */
+ /* 513 */
/***/ (function(module, exports, __webpack_require__) {
- var memoize = __webpack_require__(535);
+ var memoize = __webpack_require__(514);
/** Used as the maximum memoize cache size. */
var MAX_MEMOIZE_SIZE = 500;
@@ -137766,10 +137996,10 @@
/***/ }),
- /* 535 */
+ /* 514 */
/***/ (function(module, exports, __webpack_require__) {
- var MapCache = __webpack_require__(536);
+ var MapCache = __webpack_require__(515);
/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';
@@ -137845,14 +138075,14 @@
/***/ }),
- /* 536 */
+ /* 515 */
/***/ (function(module, exports, __webpack_require__) {
- var mapCacheClear = __webpack_require__(537),
- mapCacheDelete = __webpack_require__(557),
- mapCacheGet = __webpack_require__(559),
- mapCacheHas = __webpack_require__(560),
- mapCacheSet = __webpack_require__(561);
+ var mapCacheClear = __webpack_require__(516),
+ mapCacheDelete = __webpack_require__(536),
+ mapCacheGet = __webpack_require__(538),
+ mapCacheHas = __webpack_require__(539),
+ mapCacheSet = __webpack_require__(540);
/**
* Creates a map cache object to store key-value pairs.
@@ -137883,12 +138113,12 @@
/***/ }),
- /* 537 */
+ /* 516 */
/***/ (function(module, exports, __webpack_require__) {
- var Hash = __webpack_require__(538),
- ListCache = __webpack_require__(550),
- Map = __webpack_require__(556);
+ var Hash = __webpack_require__(517),
+ ListCache = __webpack_require__(529),
+ Map = __webpack_require__(535);
/**
* Removes all key-value entries from the map.
@@ -137910,14 +138140,14 @@
/***/ }),
- /* 538 */
+ /* 517 */
/***/ (function(module, exports, __webpack_require__) {
- var hashClear = __webpack_require__(539),
- hashDelete = __webpack_require__(546),
- hashGet = __webpack_require__(547),
- hashHas = __webpack_require__(548),
- hashSet = __webpack_require__(549);
+ var hashClear = __webpack_require__(518),
+ hashDelete = __webpack_require__(525),
+ hashGet = __webpack_require__(526),
+ hashHas = __webpack_require__(527),
+ hashSet = __webpack_require__(528);
/**
* Creates a hash object.
@@ -137948,10 +138178,10 @@
/***/ }),
- /* 539 */
+ /* 518 */
/***/ (function(module, exports, __webpack_require__) {
- var nativeCreate = __webpack_require__(82);
+ var nativeCreate = __webpack_require__(69);
/**
* Removes all key-value entries from the hash.
@@ -137969,13 +138199,13 @@
/***/ }),
- /* 540 */
+ /* 519 */
/***/ (function(module, exports, __webpack_require__) {
- var isFunction = __webpack_require__(541),
- isMasked = __webpack_require__(542),
- isObject = __webpack_require__(112),
- toSource = __webpack_require__(544);
+ var isFunction = __webpack_require__(520),
+ isMasked = __webpack_require__(521),
+ isObject = __webpack_require__(106),
+ toSource = __webpack_require__(523);
/**
* Used to match `RegExp`
@@ -138022,11 +138252,11 @@
/***/ }),
- /* 541 */
+ /* 520 */
/***/ (function(module, exports, __webpack_require__) {
- var baseGetTag = __webpack_require__(172),
- isObject = __webpack_require__(112);
+ var baseGetTag = __webpack_require__(164),
+ isObject = __webpack_require__(106);
/** `Object#toString` result references. */
var asyncTag = '[object AsyncFunction]',
@@ -138065,10 +138295,10 @@
/***/ }),
- /* 542 */
+ /* 521 */
/***/ (function(module, exports, __webpack_require__) {
- var coreJsData = __webpack_require__(543);
+ var coreJsData = __webpack_require__(522);
/** Used to detect methods masquerading as native. */
var maskSrcKey = (function() {
@@ -138091,10 +138321,10 @@
/***/ }),
- /* 543 */
+ /* 522 */
/***/ (function(module, exports, __webpack_require__) {
- var root = __webpack_require__(81);
+ var root = __webpack_require__(68);
/** Used to detect overreaching core-js shims. */
var coreJsData = root['__core-js_shared__'];
@@ -138103,7 +138333,7 @@
/***/ }),
- /* 544 */
+ /* 523 */
/***/ (function(module, exports) {
/** Used for built-in method references. */
@@ -138135,7 +138365,7 @@
/***/ }),
- /* 545 */
+ /* 524 */
/***/ (function(module, exports) {
/**
@@ -138154,7 +138384,7 @@
/***/ }),
- /* 546 */
+ /* 525 */
/***/ (function(module, exports) {
/**
@@ -138177,10 +138407,10 @@
/***/ }),
- /* 547 */
+ /* 526 */
/***/ (function(module, exports, __webpack_require__) {
- var nativeCreate = __webpack_require__(82);
+ var nativeCreate = __webpack_require__(69);
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
@@ -138213,10 +138443,10 @@
/***/ }),
- /* 548 */
+ /* 527 */
/***/ (function(module, exports, __webpack_require__) {
- var nativeCreate = __webpack_require__(82);
+ var nativeCreate = __webpack_require__(69);
/** Used for built-in method references. */
var objectProto = Object.prototype;
@@ -138242,10 +138472,10 @@
/***/ }),
- /* 549 */
+ /* 528 */
/***/ (function(module, exports, __webpack_require__) {
- var nativeCreate = __webpack_require__(82);
+ var nativeCreate = __webpack_require__(69);
/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';
@@ -138271,14 +138501,14 @@
/***/ }),
- /* 550 */
+ /* 529 */
/***/ (function(module, exports, __webpack_require__) {
- var listCacheClear = __webpack_require__(551),
- listCacheDelete = __webpack_require__(552),
- listCacheGet = __webpack_require__(553),
- listCacheHas = __webpack_require__(554),
- listCacheSet = __webpack_require__(555);
+ var listCacheClear = __webpack_require__(530),
+ listCacheDelete = __webpack_require__(531),
+ listCacheGet = __webpack_require__(532),
+ listCacheHas = __webpack_require__(533),
+ listCacheSet = __webpack_require__(534);
/**
* Creates an list cache object.
@@ -138309,7 +138539,7 @@
/***/ }),
- /* 551 */
+ /* 530 */
/***/ (function(module, exports) {
/**
@@ -138328,10 +138558,10 @@
/***/ }),
- /* 552 */
+ /* 531 */
/***/ (function(module, exports, __webpack_require__) {
- var assocIndexOf = __webpack_require__(83);
+ var assocIndexOf = __webpack_require__(70);
/** Used for built-in method references. */
var arrayProto = Array.prototype;
@@ -138369,10 +138599,10 @@
/***/ }),
- /* 553 */
+ /* 532 */
/***/ (function(module, exports, __webpack_require__) {
- var assocIndexOf = __webpack_require__(83);
+ var assocIndexOf = __webpack_require__(70);
/**
* Gets the list cache value for `key`.
@@ -138394,10 +138624,10 @@
/***/ }),
- /* 554 */
+ /* 533 */
/***/ (function(module, exports, __webpack_require__) {
- var assocIndexOf = __webpack_require__(83);
+ var assocIndexOf = __webpack_require__(70);
/**
* Checks if a list cache value for `key` exists.
@@ -138416,10 +138646,10 @@
/***/ }),
- /* 555 */
+ /* 534 */
/***/ (function(module, exports, __webpack_require__) {
- var assocIndexOf = __webpack_require__(83);
+ var assocIndexOf = __webpack_require__(70);
/**
* Sets the list cache `key` to `value`.
@@ -138448,11 +138678,11 @@
/***/ }),
- /* 556 */
+ /* 535 */
/***/ (function(module, exports, __webpack_require__) {
- var getNative = __webpack_require__(111),
- root = __webpack_require__(81);
+ var getNative = __webpack_require__(105),
+ root = __webpack_require__(68);
/* Built-in method references that are verified to be native. */
var Map = getNative(root, 'Map');
@@ -138461,10 +138691,10 @@
/***/ }),
- /* 557 */
+ /* 536 */
/***/ (function(module, exports, __webpack_require__) {
- var getMapData = __webpack_require__(84);
+ var getMapData = __webpack_require__(71);
/**
* Removes `key` and its value from the map.
@@ -138485,7 +138715,7 @@
/***/ }),
- /* 558 */
+ /* 537 */
/***/ (function(module, exports) {
/**
@@ -138506,10 +138736,10 @@
/***/ }),
- /* 559 */
+ /* 538 */
/***/ (function(module, exports, __webpack_require__) {
- var getMapData = __webpack_require__(84);
+ var getMapData = __webpack_require__(71);
/**
* Gets the map value for `key`.
@@ -138528,10 +138758,10 @@
/***/ }),
- /* 560 */
+ /* 539 */
/***/ (function(module, exports, __webpack_require__) {
- var getMapData = __webpack_require__(84);
+ var getMapData = __webpack_require__(71);
/**
* Checks if a map value for `key` exists.
@@ -138550,10 +138780,10 @@
/***/ }),
- /* 561 */
+ /* 540 */
/***/ (function(module, exports, __webpack_require__) {
- var getMapData = __webpack_require__(84);
+ var getMapData = __webpack_require__(71);
/**
* Sets the map `key` to `value`.
@@ -138578,13 +138808,13 @@
/***/ }),
- /* 562 */
+ /* 541 */
/***/ (function(module, exports, __webpack_require__) {
- var Symbol = __webpack_require__(110),
- arrayMap = __webpack_require__(563),
- isArray = __webpack_require__(108),
- isSymbol = __webpack_require__(109);
+ var Symbol = __webpack_require__(104),
+ arrayMap = __webpack_require__(542),
+ isArray = __webpack_require__(102),
+ isSymbol = __webpack_require__(103);
/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
@@ -138621,7 +138851,7 @@
/***/ }),
- /* 563 */
+ /* 542 */
/***/ (function(module, exports) {
/**
@@ -138648,14 +138878,14 @@
/***/ }),
- /* 564 */
+ /* 543 */
/***/ (function(module, exports, __webpack_require__) {
- var assignValue = __webpack_require__(565),
- castPath = __webpack_require__(171),
- isIndex = __webpack_require__(568),
- isObject = __webpack_require__(112),
- toKey = __webpack_require__(174);
+ var assignValue = __webpack_require__(544),
+ castPath = __webpack_require__(163),
+ isIndex = __webpack_require__(547),
+ isObject = __webpack_require__(106),
+ toKey = __webpack_require__(166);
/**
* The base implementation of `_.set`.
@@ -138701,11 +138931,11 @@
/***/ }),
- /* 565 */
+ /* 544 */
/***/ (function(module, exports, __webpack_require__) {
- var baseAssignValue = __webpack_require__(566),
- eq = __webpack_require__(113);
+ var baseAssignValue = __webpack_require__(545),
+ eq = __webpack_require__(107);
/** Used for built-in method references. */
var objectProto = Object.prototype;
@@ -138735,10 +138965,10 @@
/***/ }),
- /* 566 */
+ /* 545 */
/***/ (function(module, exports, __webpack_require__) {
- var defineProperty = __webpack_require__(567);
+ var defineProperty = __webpack_require__(546);
/**
* The base implementation of `assignValue` and `assignMergeValue` without
@@ -138766,10 +138996,10 @@
/***/ }),
- /* 567 */
+ /* 546 */
/***/ (function(module, exports, __webpack_require__) {
- var getNative = __webpack_require__(111);
+ var getNative = __webpack_require__(105);
var defineProperty = (function() {
try {
@@ -138783,7 +139013,7 @@
/***/ }),
- /* 568 */
+ /* 547 */
/***/ (function(module, exports) {
/** Used as references for various `Number` constants. */
@@ -138814,23 +139044,23 @@
/***/ }),
- /* 569 */
+ /* 548 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = createFieldsStore;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(94);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(88);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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__(45);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(42);
/* 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_lodash_set__ = __webpack_require__(175);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_lodash_set__ = __webpack_require__(167);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_lodash_set___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_lodash_set__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__createFormField__ = __webpack_require__(176);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils__ = __webpack_require__(177);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__createFormField__ = __webpack_require__(168);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils__ = __webpack_require__(169);
@@ -139148,117 +139378,7 @@
}
/***/ }),
- /* 570 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- /**
- * Copyright 2015, Yahoo! Inc.
- * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
- */
- var ReactIs = __webpack_require__(114);
- var REACT_STATICS = {
- childContextTypes: true,
- contextType: true,
- contextTypes: true,
- defaultProps: true,
- displayName: true,
- getDefaultProps: true,
- getDerivedStateFromError: true,
- getDerivedStateFromProps: true,
- mixins: true,
- propTypes: true,
- type: true
- };
-
- var KNOWN_STATICS = {
- name: true,
- length: true,
- prototype: true,
- caller: true,
- callee: true,
- arguments: true,
- 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 = Object.prototype;
-
- function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
- if (typeof sourceComponent !== 'string') {
- // don't hoist over string (html) components
-
- if (objectPrototype) {
- var inheritedComponent = getPrototypeOf(sourceComponent);
- if (inheritedComponent && inheritedComponent !== objectPrototype) {
- hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
- }
- }
-
- var keys = getOwnPropertyNames(sourceComponent);
-
- if (getOwnPropertySymbols) {
- 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 (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
- var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
- try {
- // Avoid failures from read-only properties
- defineProperty(targetComponent, key, descriptor);
- } catch (e) {}
- }
- }
-
- return targetComponent;
- }
-
- return targetComponent;
- }
-
- module.exports = hoistNonReactStatics;
-
-
- /***/ }),
- /* 571 */
+ /* 549 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139280,7 +139400,7 @@
/***/ }),
- /* 572 */
+ /* 550 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139512,10 +139632,10 @@
})();
}
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 573 */
+ /* 551 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -139547,7 +139667,7 @@
/* harmony default export */ __webpack_exports__["a"] = (formShape);
/***/ }),
- /* 574 */
+ /* 552 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139620,21 +139740,21 @@
module.exports = exports['default'];
/***/ }),
- /* 575 */
+ /* 553 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(576);
- module.exports = __webpack_require__(577);
+ __webpack_require__(554);
+ module.exports = __webpack_require__(555);
/***/ }),
- /* 576 */
+ /* 554 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 577 */
+ /* 555 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139645,15 +139765,15 @@
});
exports.Con = exports.Row = exports.Col = undefined;
- var _Col2 = __webpack_require__(578);
+ var _Col2 = __webpack_require__(556);
var _Col3 = _interopRequireDefault(_Col2);
- var _Row2 = __webpack_require__(579);
+ var _Row2 = __webpack_require__(557);
var _Row3 = _interopRequireDefault(_Row2);
- var _Layout = __webpack_require__(178);
+ var _Layout = __webpack_require__(172);
var _Layout2 = _interopRequireDefault(_Layout);
@@ -139664,7 +139784,7 @@
exports.Con = _Layout2["default"];
/***/ }),
- /* 578 */
+ /* 556 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139834,7 +139954,7 @@
module.exports = exports['default'];
/***/ }),
- /* 579 */
+ /* 557 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139916,21 +140036,21 @@
module.exports = exports['default'];
/***/ }),
- /* 580 */
+ /* 558 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(581);
- module.exports = __webpack_require__(179);
+ __webpack_require__(559);
+ module.exports = __webpack_require__(173);
/***/ }),
- /* 581 */
+ /* 559 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 582 */
+ /* 560 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -139950,11 +140070,11 @@
var _react2 = _interopRequireDefault(_react);
- var _beeInputGroupAddon = __webpack_require__(85);
+ var _beeInputGroupAddon = __webpack_require__(72);
var _beeInputGroupAddon2 = _interopRequireDefault(_beeInputGroupAddon);
- var _InputGroupButton = __webpack_require__(584);
+ var _InputGroupButton = __webpack_require__(562);
var _InputGroupButton2 = _interopRequireDefault(_InputGroupButton);
@@ -140011,7 +140131,7 @@
module.exports = exports['default'];
/***/ }),
- /* 583 */
+ /* 561 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140075,7 +140195,7 @@
module.exports = exports['default'];
/***/ }),
- /* 584 */
+ /* 562 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140139,21 +140259,21 @@
module.exports = exports['default'];
/***/ }),
- /* 585 */
+ /* 563 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(586);
- module.exports = __webpack_require__(180);
+ __webpack_require__(564);
+ module.exports = __webpack_require__(174);
/***/ }),
- /* 586 */
+ /* 564 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 587 */
+ /* 565 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140173,11 +140293,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeInputGroup = __webpack_require__(588);
+ var _beeInputGroup = __webpack_require__(566);
var _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);
- var _beeFormControl = __webpack_require__(591);
+ var _beeFormControl = __webpack_require__(569);
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
@@ -140702,16 +140822,16 @@
module.exports = exports['default'];
/***/ }),
- /* 588 */
+ /* 566 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- module.exports = __webpack_require__(589);
+ module.exports = __webpack_require__(567);
/***/ }),
- /* 589 */
+ /* 567 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140731,11 +140851,11 @@
var _react2 = _interopRequireDefault(_react);
- var _beeInputGroupAddon = __webpack_require__(85);
+ var _beeInputGroupAddon = __webpack_require__(72);
var _beeInputGroupAddon2 = _interopRequireDefault(_beeInputGroupAddon);
- var _InputGroupButton = __webpack_require__(590);
+ var _InputGroupButton = __webpack_require__(568);
var _InputGroupButton2 = _interopRequireDefault(_InputGroupButton);
@@ -140792,7 +140912,7 @@
module.exports = exports['default'];
/***/ }),
- /* 590 */
+ /* 568 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140856,7 +140976,7 @@
module.exports = exports['default'];
/***/ }),
- /* 591 */
+ /* 569 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140866,7 +140986,7 @@
value: true
});
- var _FormControl = __webpack_require__(592);
+ var _FormControl = __webpack_require__(570);
var _FormControl2 = _interopRequireDefault(_FormControl);
@@ -140876,7 +140996,7 @@
module.exports = exports['default'];
/***/ }),
- /* 592 */
+ /* 570 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -140896,7 +141016,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _beeIcon = __webpack_require__(13);
+ var _beeIcon = __webpack_require__(15);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -140984,13 +141104,15 @@
_this.handleKeyDown = function (e) {
var _this$props = _this.props,
onSearch = _this$props.onSearch,
- type = _this$props.type;
+ type = _this$props.type,
+ onKeyDown = _this$props.onKeyDown;
if (e.keyCode === 13 && type === "search") {
if (onSearch) {
onSearch(_this.input.value);
}
}
+ onKeyDown && onKeyDown(e);
};
_this.handleSearch = function (e) {
@@ -141160,21 +141282,21 @@
module.exports = exports['default'];
/***/ }),
- /* 593 */
+ /* 571 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(594);
- module.exports = __webpack_require__(595);
+ __webpack_require__(572);
+ module.exports = __webpack_require__(573);
/***/ }),
- /* 594 */
+ /* 572 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 595 */
+ /* 573 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -141184,11 +141306,11 @@
value: true
});
- var _Checkbox = __webpack_require__(181);
+ var _Checkbox = __webpack_require__(175);
var _Checkbox2 = _interopRequireDefault(_Checkbox);
- var _CheckboxGroup = __webpack_require__(596);
+ var _CheckboxGroup = __webpack_require__(574);
var _CheckboxGroup2 = _interopRequireDefault(_CheckboxGroup);
@@ -141199,7 +141321,7 @@
module.exports = exports['default'];
/***/ }),
- /* 596 */
+ /* 574 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -141221,11 +141343,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Checkbox = __webpack_require__(181);
+ var _Checkbox = __webpack_require__(175);
var _Checkbox2 = _interopRequireDefault(_Checkbox);
- var _lodash = __webpack_require__(62);
+ var _lodash = __webpack_require__(55);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -141323,21 +141445,21 @@
module.exports = exports['default'];
/***/ }),
- /* 597 */
+ /* 575 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(598);
- module.exports = __webpack_require__(599);
+ __webpack_require__(576);
+ module.exports = __webpack_require__(577);
/***/ }),
- /* 598 */
+ /* 576 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 599 */
+ /* 577 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -141347,7 +141469,7 @@
value: true
});
- var _Pagination = __webpack_require__(600);
+ var _Pagination = __webpack_require__(578);
var _Pagination2 = _interopRequireDefault(_Pagination);
@@ -141357,7 +141479,7 @@
module.exports = exports['default'];
/***/ }),
- /* 600 */
+ /* 578 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -141377,23 +141499,23 @@
var _react2 = _interopRequireDefault(_react);
- var _PaginationButton = __webpack_require__(601);
+ var _PaginationButton = __webpack_require__(579);
var _PaginationButton2 = _interopRequireDefault(_PaginationButton);
- var _beeButton = __webpack_require__(602);
+ var _beeButton = __webpack_require__(580);
var _beeButton2 = _interopRequireDefault(_beeButton);
- var _beeSelect = __webpack_require__(115);
+ var _beeSelect = __webpack_require__(108);
var _beeSelect2 = _interopRequireDefault(_beeSelect);
- var _beeIcon = __webpack_require__(663);
+ var _beeIcon = __webpack_require__(645);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _objectAssign = __webpack_require__(44);
+ var _objectAssign = __webpack_require__(41);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
@@ -141401,11 +141523,11 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _i18n = __webpack_require__(665);
+ var _i18n = __webpack_require__(647);
var _i18n2 = _interopRequireDefault(_i18n);
- var _tool = __webpack_require__(666);
+ var _tool = __webpack_require__(648);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -141424,85 +141546,85 @@
var Option = _beeSelect2["default"].Option;
var propTypes = {
- /**
- * 当前激活状态页
+ /**
+ * 当前激活状态页
*/
activePage: _propTypes2["default"].number,
- /**
- * 总页数
+ /**
+ * 总页数
*/
items: _propTypes2["default"].number,
- /**
- * 显示按钮从1到maxButton的按钮数
+ /**
+ * 显示按钮从1到maxButton的按钮数
*/
maxButtons: _propTypes2["default"].number,
- /**
- * 当为true,不管切换到多少页都显示第一页和最后一页的按钮
+ /**
+ * 当为true,不管切换到多少页都显示第一页和最后一页的按钮
*/
boundaryLinks: _propTypes2["default"].bool,
- /**
- * 当为true,显示省略号,否则
- *
+ /**
+ * 当为true,显示省略号,否则
+ *
*/
ellipsis: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
- /**
- * 当为true,显示点击到第一页的按钮
+ /**
+ * 当为true,显示点击到第一页的按钮
*/
first: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
- /**
- * 当为true,显示点击到最后一页的按钮
+ /**
+ * 当为true,显示点击到最后一页的按钮
*/
last: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
- /**
- * 当为true,显示前一页按钮
+ /**
+ * 当为true,显示前一页按钮
*/
prev: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
- /**
- * 当为true,显示下一页按钮
+ /**
+ * 当为true,显示下一页按钮
*/
next: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
- /**
- * 暴露给用户的切换页的方法
+ /**
+ * 暴露给用户的切换页的方法
*/
onSelect: _propTypes2["default"].func,
- /**
- * You can use a custom element for the buttons
+ /**
+ * You can use a custom element for the buttons
*/
buttonComponentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string]),
- /**
- * 每页多少条的选择
+ /**
+ * 每页多少条的选择
*/
dataNumSelect: _propTypes2["default"].array,
- /**
- * 每页多少条选择哪一个
+ /**
+ * 每页多少条选择哪一个
*/
dataNum: _propTypes2["default"].number,
- /**
- * 显示跳页
+ /**
+ * 显示跳页
*/
showJump: _propTypes2["default"].bool,
- /**
- * 显示总共条数
+ /**
+ * 显示总共条数
*/
total: _propTypes2["default"].number,
- /**
- * pagiantion不可点
+ /**
+ * pagiantion不可点
*/
disabled: _propTypes2["default"].bool,
- /**
- * 确认按钮的样式集合
+ /**
+ * 确认按钮的样式集合
*/
btnType: _propTypes2["default"].object,
- /**
- * 渲染确认按钮的dom
+ /**
+ * 渲染确认按钮的dom
*/
confirmBtn: _propTypes2["default"].func
};
@@ -141619,26 +141741,26 @@
}
};
- /**
- * 确认跳页
+ /**
+ * 确认跳页
*/
- /**
- * 每页多少条的选择
- * @param e
+ /**
+ * 每页多少条的选择
+ * @param e
*/
- /**
- * 渲染page的按钮
- * @param activePage
- * @param items
- * @param maxButtons
- * @param boundaryLinks
- * @param ellipsis
- * @param buttonProps
- * @returns {Array}
+ /**
+ * 渲染page的按钮
+ * @param activePage
+ * @param items
+ * @param maxButtons
+ * @param boundaryLinks
+ * @param ellipsis
+ * @param buttonProps
+ * @returns {Array}
*/
Pagination.prototype.renderPageButtons = function renderPageButtons(activePage, items, maxButtons, boundaryLinks, ellipsis, buttonProps) {
var pageButtons = [];
@@ -141790,10 +141912,10 @@
var classNames = (0, _classnames3["default"])(clsPrefix + "-list", classes);
var wrapperClass = (0, _classnames3["default"])(clsPrefix, _defineProperty({}, clsPrefix + "-disabled", disabled));
- /**
- * 页按钮属性
- * onSelect:暴露在外层交互动作,也是与父组件Pagination的交流接口
- * componentClass: 用户定义的按钮dom元素类型
+ /**
+ * 页按钮属性
+ * onSelect:暴露在外层交互动作,也是与父组件Pagination的交流接口
+ * componentClass: 用户定义的按钮dom元素类型
*/
var buttonProps = {
onSelect: onSelect,
@@ -141926,7 +142048,7 @@
module.exports = exports["default"];
/***/ }),
- /* 601 */
+ /* 579 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -142041,7 +142163,7 @@
module.exports = exports['default'];
/***/ }),
- /* 602 */
+ /* 580 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -142051,7 +142173,7 @@
value: true
});
- var _Button = __webpack_require__(603);
+ var _Button = __webpack_require__(581);
var _Button2 = _interopRequireDefault(_Button);
@@ -142061,7 +142183,7 @@
module.exports = exports['default'];
/***/ }),
- /* 603 */
+ /* 581 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -142237,7 +142359,7 @@
module.exports = exports['default'];
/***/ }),
- /* 604 */
+ /* 582 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -142257,15 +142379,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _RcSelect = __webpack_require__(605);
+ var _RcSelect = __webpack_require__(583);
var _RcSelect2 = _interopRequireDefault(_RcSelect);
- var _Option = __webpack_require__(122);
+ var _Option = __webpack_require__(114);
var _Option2 = _interopRequireDefault(_Option);
- var _OptGroup = __webpack_require__(208);
+ var _OptGroup = __webpack_require__(203);
var _OptGroup2 = _interopRequireDefault(_OptGroup);
@@ -142283,9 +142405,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
*/
@@ -142299,7 +142421,8 @@
clsPrefix: "u-select",
showSearch: false,
transitionName: "slide-up",
- choiceTransitionName: "zoom"
+ choiceTransitionName: "zoom",
+ enterKeyDown: true
};
var propTypes = {
@@ -142333,7 +142456,9 @@
dropdownStyle: _propTypes2["default"].object,
dropdownMenuStyle: _propTypes2["default"].object,
onChange: _propTypes2["default"].func,
- scrollToEnd: _propTypes2["default"].func
+ scrollToEnd: _propTypes2["default"].func,
+ onKeyDown: _propTypes2["default"].func,
+ enterKeyDown: _propTypes2["default"].bool //是否启用 enter 和 space 键
};
var Select = function (_Component) {
@@ -142418,7 +142543,7 @@
module.exports = exports["default"];
/***/ }),
- /* 605 */
+ /* 583 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -142438,7 +142563,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactLifecyclesCompat = __webpack_require__(20);
+ var _reactLifecyclesCompat = __webpack_require__(14);
var _tinperBeeCore = __webpack_require__(5);
@@ -142446,31 +142571,31 @@
var _classnames3 = _interopRequireDefault(_classnames2);
- var _beeAnimate = __webpack_require__(47);
+ var _beeAnimate = __webpack_require__(44);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
- var _componentClasses = __webpack_require__(63);
+ var _componentClasses = __webpack_require__(56);
var _componentClasses2 = _interopRequireDefault(_componentClasses);
- var _rcMenu = __webpack_require__(195);
+ var _rcMenu = __webpack_require__(73);
- var _warning = __webpack_require__(18);
+ var _warning = __webpack_require__(16);
var _warning2 = _interopRequireDefault(_warning);
- var _Option = __webpack_require__(122);
+ var _Option = __webpack_require__(114);
var _Option2 = _interopRequireDefault(_Option);
- var _util = __webpack_require__(123);
+ var _util = __webpack_require__(115);
- var _SelectTrigger = __webpack_require__(652);
+ var _SelectTrigger = __webpack_require__(634);
var _SelectTrigger2 = _interopRequireDefault(_SelectTrigger);
- var _PropTypes = __webpack_require__(207);
+ var _PropTypes = __webpack_require__(202);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -142482,9 +142607,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
*/
@@ -142696,7 +142821,8 @@
showAction: props.showAction,
ref: this.saveSelectTriggerRef,
clsPrefix: props.clsPrefix + '-dropdown',
- menuItemSelectedIcon: props.menuItemSelectedIcon
+ menuItemSelectedIcon: props.menuItemSelectedIcon,
+ popData: props.popData
},
_react2["default"].createElement(
'div',
@@ -142923,7 +143049,8 @@
var open = _this2.state.open;
var _props2 = _this2.props,
disabled = _props2.disabled,
- onKeyDown = _props2.onKeyDown;
+ onKeyDown = _props2.onKeyDown,
+ enterKeyDown = _props2.enterKeyDown;
if (disabled) {
return;
@@ -142931,9 +143058,12 @@
var keyCode = event.keyCode;
if (open && !_this2.getInputDOMNode()) {
_this2.onInputKeyDown(event);
- } else if (keyCode === _tinperBeeCore.KeyCode.ENTER || keyCode === _tinperBeeCore.KeyCode.DOWN || keyCode === _tinperBeeCore.KeyCode.SPACE) {
+ } else if (keyCode === _tinperBeeCore.KeyCode.DOWN) {
if (!open) _this2.setOpenState(true);
event.preventDefault();
+ } else if (keyCode === _tinperBeeCore.KeyCode.ENTER || keyCode === _tinperBeeCore.KeyCode.SPACE) {
+ if (!open && enterKeyDown) _this2.setOpenState(true);
+ event.preventDefault();
}
onKeyDown(event); //sp
};
@@ -143915,7 +144045,7 @@
module.exports = exports['default'];
/***/ }),
- /* 606 */
+ /* 584 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143933,7 +144063,7 @@
var _react2 = _interopRequireDefault(_react);
- var _createChainableTypeChecker = __webpack_require__(116);
+ var _createChainableTypeChecker = __webpack_require__(109);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
@@ -143957,7 +144087,7 @@
exports.default = (0, _createChainableTypeChecker2.default)(validate);
/***/ }),
- /* 607 */
+ /* 585 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -143966,7 +144096,7 @@
exports.__esModule = true;
exports.default = deprecated;
- var _warning = __webpack_require__(18);
+ var _warning = __webpack_require__(16);
var _warning2 = _interopRequireDefault(_warning);
@@ -144006,7 +144136,7 @@
/* eslint-enable no-underscore-dangle */
/***/ }),
- /* 608 */
+ /* 586 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144031,7 +144161,7 @@
}
/***/ }),
- /* 609 */
+ /* 587 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144049,11 +144179,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var _EventBaseObject = __webpack_require__(610);
+ var _EventBaseObject = __webpack_require__(588);
var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
- var _objectAssign = __webpack_require__(44);
+ var _objectAssign = __webpack_require__(41);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
@@ -144315,7 +144445,7 @@
module.exports = exports['default'];
/***/ }),
- /* 610 */
+ /* 588 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144384,7 +144514,7 @@
module.exports = exports["default"];
/***/ }),
- /* 611 */
+ /* 589 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144398,11 +144528,11 @@
*/
- var _Event = __webpack_require__(612);
+ var _Event = __webpack_require__(590);
var _Event2 = _interopRequireDefault(_Event);
- var _componentClasses = __webpack_require__(63);
+ var _componentClasses = __webpack_require__(56);
var _componentClasses2 = _interopRequireDefault(_componentClasses);
@@ -144581,7 +144711,7 @@
exports.default = cssAnimation;
/***/ }),
- /* 612 */
+ /* 590 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144676,7 +144806,7 @@
exports.default = TransitionEvents;
/***/ }),
- /* 613 */
+ /* 591 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -144703,14 +144833,14 @@
*/
/***/ }),
- /* 614 */
+ /* 592 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__align__ = __webpack_require__(190);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(192);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getVisibleRectForElement__ = __webpack_require__(191);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(193);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__align__ = __webpack_require__(184);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getOffsetParent__ = __webpack_require__(186);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getVisibleRectForElement__ = __webpack_require__(185);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getRegion__ = __webpack_require__(187);
@@ -144739,7 +144869,7 @@
/* harmony default export */ __webpack_exports__["a"] = (alignElement);
/***/ }),
- /* 615 */
+ /* 593 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -144850,12 +144980,12 @@
}
/***/ }),
- /* 616 */
+ /* 594 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = isAncestorFixed;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
function isAncestorFixed(element) {
@@ -144876,11 +145006,11 @@
}
/***/ }),
- /* 617 */
+ /* 595 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
function adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) {
@@ -144927,11 +145057,11 @@
/* harmony default export */ __webpack_exports__["a"] = (adjustForViewport);
/***/ }),
- /* 618 */
+ /* 596 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getAlignOffset__ = __webpack_require__(619);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getAlignOffset__ = __webpack_require__(597);
function getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {
@@ -144948,7 +145078,7 @@
/* harmony default export */ __webpack_exports__["a"] = (getElFuturePos);
/***/ }),
- /* 619 */
+ /* 597 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -144986,12 +145116,12 @@
/* harmony default export */ __webpack_exports__["a"] = (getAlignOffset);
/***/ }),
- /* 620 */
+ /* 598 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(30);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__align__ = __webpack_require__(190);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils__ = __webpack_require__(33);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__align__ = __webpack_require__(184);
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; };
@@ -145044,7 +145174,7 @@
/* harmony default export */ __webpack_exports__["a"] = (alignPoint);
/***/ }),
- /* 621 */
+ /* 599 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -145062,13 +145192,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ChildrenUtils = __webpack_require__(622);
+ var _ChildrenUtils = __webpack_require__(600);
- var _AnimateChild = __webpack_require__(623);
+ var _AnimateChild = __webpack_require__(601);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
- var _util = __webpack_require__(194);
+ var _util = __webpack_require__(188);
var _util2 = _interopRequireDefault(_util);
@@ -145425,7 +145555,7 @@
module.exports = exports['default'];
/***/ }),
- /* 622 */
+ /* 600 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -145548,7 +145678,7 @@
}
/***/ }),
- /* 623 */
+ /* 601 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -145574,7 +145704,7 @@
var _tinperBeeCore = __webpack_require__(5);
- var _util = __webpack_require__(194);
+ var _util = __webpack_require__(188);
var _util2 = _interopRequireDefault(_util);
@@ -145692,28 +145822,28 @@
module.exports = exports['default'];
/***/ }),
- /* 624 */
+ /* 602 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(34);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
/* 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_mini_store__ = __webpack_require__(17);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store__ = __webpack_require__(26);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_mini_store___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_mini_store__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__SubPopupMenu__ = __webpack_require__(198);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__util__ = __webpack_require__(48);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__SubPopupMenu__ = __webpack_require__(191);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__util__ = __webpack_require__(45);
@@ -145965,36 +146095,36 @@
/* harmony default export */ __webpack_exports__["a"] = (Menu);
/***/ }),
- /* 625 */
+ /* 603 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(626), __esModule: true };
+ module.exports = { "default": __webpack_require__(604), __esModule: true };
/***/ }),
- /* 626 */
+ /* 604 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(627);
- module.exports = __webpack_require__(16).Object.setPrototypeOf;
+ __webpack_require__(605);
+ module.exports = __webpack_require__(13).Object.setPrototypeOf;
/***/ }),
- /* 627 */
+ /* 605 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.19 Object.setPrototypeOf(O, proto)
- var $export = __webpack_require__(21);
- $export($export.S, 'Object', { setPrototypeOf: __webpack_require__(628).set });
+ var $export = __webpack_require__(22);
+ $export($export.S, 'Object', { setPrototypeOf: __webpack_require__(606).set });
/***/ }),
- /* 628 */
+ /* 606 */
/***/ (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__(40);
- var anObject = __webpack_require__(39);
+ var isObject = __webpack_require__(37);
+ var anObject = __webpack_require__(36);
var check = function (O, proto) {
anObject(O);
if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!");
@@ -146003,7 +146133,7 @@
set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
function (test, buggy, set) {
try {
- set = __webpack_require__(95)(Function.call, __webpack_require__(168).f(Object.prototype, '__proto__').set, 2);
+ set = __webpack_require__(89)(Function.call, __webpack_require__(160).f(Object.prototype, '__proto__').set, 2);
set(test, []);
buggy = !(test instanceof Array);
} catch (e) { buggy = true; }
@@ -146019,22 +146149,22 @@
/***/ }),
- /* 629 */
+ /* 607 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = { "default": __webpack_require__(196), __esModule: true };
+ module.exports = { "default": __webpack_require__(189), __esModule: true };
/***/ }),
- /* 630 */
+ /* 608 */
/***/ (function(module, exports, __webpack_require__) {
- var $export = __webpack_require__(21);
+ var $export = __webpack_require__(22);
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
- $export($export.S, 'Object', { create: __webpack_require__(104) });
+ $export($export.S, 'Object', { create: __webpack_require__(98) });
/***/ }),
- /* 631 */
+ /* 609 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -146050,7 +146180,7 @@
var _react2 = _interopRequireDefault(_react);
- var _PropTypes = __webpack_require__(197);
+ var _PropTypes = __webpack_require__(190);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -146095,7 +146225,7 @@
exports.default = Provider;
/***/ }),
- /* 632 */
+ /* 610 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -146115,17 +146245,17 @@
var _react2 = _interopRequireDefault(_react);
- var _shallowequal = __webpack_require__(633);
+ var _shallowequal = __webpack_require__(611);
var _shallowequal2 = _interopRequireDefault(_shallowequal);
- var _hoistNonReactStatics = __webpack_require__(634);
+ var _hoistNonReactStatics = __webpack_require__(612);
var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);
- var _reactLifecyclesCompat = __webpack_require__(20);
+ var _reactLifecyclesCompat = __webpack_require__(14);
- var _PropTypes = __webpack_require__(197);
+ var _PropTypes = __webpack_require__(190);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -146264,7 +146394,7 @@
}
/***/ }),
- /* 633 */
+ /* 611 */
/***/ (function(module, exports) {
//
@@ -146316,7 +146446,7 @@
/***/ }),
- /* 634 */
+ /* 612 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -146391,7 +146521,7 @@
/***/ }),
- /* 635 */
+ /* 613 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -146436,19 +146566,57 @@
}
/***/ }),
- /* 636 */
+ /* 614 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony export (immutable) */ __webpack_exports__["a"] = createChainedFunction;
+ /**
+ * Safe chained function
+ *
+ * Will only create a new function if needed,
+ * otherwise will pass back existing functions or null.
+ *
+ * @returns {function|null}
+ */
+ function createChainedFunction() {
+ var args = [].slice.call(arguments, 0);
+ if (args.length === 1) {
+ return args[0];
+ }
+
+ return function chainedFunction() {
+ for (var i = 0; i < args.length; i++) {
+ if (args[i] && args[i].apply) {
+ args[i].apply(this, arguments);
+ }
+ }
+ };
+ }
+
+ /***/ }),
+ /* 615 */
+ /***/ (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);
+
+ /***/ }),
+ /* 616 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(34);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
@@ -146456,9 +146624,9 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
/* 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_resize_observer_polyfill__ = __webpack_require__(120);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__SubMenu__ = __webpack_require__(201);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util__ = __webpack_require__(48);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_resize_observer_polyfill__ = __webpack_require__(192);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__SubMenu__ = __webpack_require__(193);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util__ = __webpack_require__(45);
@@ -146478,7 +146646,7 @@
// Fix ssr
if (canUseDOM) {
- __webpack_require__(121);
+ __webpack_require__(199);
}
var DOMWrap = function (_React$Component) {
@@ -146798,32 +146966,24 @@
/* harmony default export */ __webpack_exports__["a"] = (DOMWrap);
/***/ }),
- /* 637 */
+ /* 617 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
+ /* 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__(42);
+ /* 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__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__ = __webpack_require__(49);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__ = __webpack_require__(50);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_ContainerRender__ = __webpack_require__(64);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_rc_util_es_Portal__ = __webpack_require__(65);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils__ = __webpack_require__(202);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Popup__ = __webpack_require__(638);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
+ /* 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__);
@@ -146832,741 +146992,198 @@
+ var ContainerRender = function (_React$Component) {
+ __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(ContainerRender, _React$Component);
+ function ContainerRender() {
+ var _ref;
+ var _temp, _this, _ret;
+ __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, ContainerRender);
-
-
-
-
- function noop() {}
-
- function returnEmptyString() {
- return '';
- }
-
- function returnDocument() {
- return window.document;
- }
-
- var ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur', 'onContextMenu'];
-
- var IS_REACT_16 = !!__WEBPACK_IMPORTED_MODULE_6_react_dom__["createPortal"];
-
- var contextTypes = {
- rcTrigger: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.shape({
- onPopupMouseDown: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func
- })
- };
-
- var Trigger = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Trigger, _React$Component);
-
- function Trigger(props) {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Trigger);
-
- var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var popupVisible = void 0;
- if ('popupVisible' in props) {
- popupVisible = !!props.popupVisible;
- } else {
- popupVisible = !!props.defaultPopupVisible;
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
}
- _this.prevPopupVisible = popupVisible;
+ return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = ContainerRender.__proto__ || Object.getPrototypeOf(ContainerRender)).call.apply(_ref, [this].concat(args))), _this), _this.removeContainer = function () {
+ if (_this.container) {
+ __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.unmountComponentAtNode(_this.container);
+ _this.container.parentNode.removeChild(_this.container);
+ _this.container = null;
+ }
+ }, _this.renderComponent = function (props, ready) {
+ var _this$props = _this.props,
+ visible = _this$props.visible,
+ getComponent = _this$props.getComponent,
+ forceRender = _this$props.forceRender,
+ getContainer = _this$props.getContainer,
+ parent = _this$props.parent;
- _this.state = {
- popupVisible: popupVisible
- };
- return _this;
+ if (visible || parent._component || forceRender) {
+ if (!_this.container) {
+ _this.container = getContainer();
+ }
+ __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.unstable_renderSubtreeIntoContainer(parent, getComponent(props), _this.container, function callback() {
+ if (ready) {
+ ready.call(this);
+ }
+ });
+ }
+ }, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
}
- Trigger.prototype.getChildContext = function getChildContext() {
- return {
- rcTrigger: {
- onPopupMouseDown: this.onPopupMouseDown
+ __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(ContainerRender, [{
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ if (this.props.autoMount) {
+ this.renderComponent();
}
- };
- };
-
- Trigger.prototype.componentWillMount = function componentWillMount() {
- var _this2 = this;
-
- ALL_HANDLERS.forEach(function (h) {
- _this2['fire' + h] = function (e) {
- _this2.fireEvents(h, e);
- };
- });
- };
-
- Trigger.prototype.componentDidMount = function componentDidMount() {
- this.componentDidUpdate({}, {
- popupVisible: this.state.popupVisible
- });
- };
-
- Trigger.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {
- var popupVisible = _ref.popupVisible;
-
- if (popupVisible !== undefined) {
- this.setState({
- popupVisible: popupVisible
+ }
+ }, {
+ key: 'componentDidUpdate',
+ value: function componentDidUpdate() {
+ if (this.props.autoMount) {
+ this.renderComponent();
+ }
+ }
+ }, {
+ key: 'componentWillUnmount',
+ value: function componentWillUnmount() {
+ if (this.props.autoDestroy) {
+ this.removeContainer();
+ }
+ }
+ }, {
+ key: 'render',
+ value: function render() {
+ return this.props.children({
+ renderComponent: this.renderComponent,
+ removeContainer: this.removeContainer
});
}
- };
+ }]);
- Trigger.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
- var props = this.props;
- var state = this.state;
- var triggerAfterPopupVisibleChange = function triggerAfterPopupVisibleChange() {
- if (prevState.popupVisible !== state.popupVisible) {
- props.afterPopupVisibleChange(state.popupVisible);
- }
- };
- if (!IS_REACT_16) {
- this.renderComponent(null, triggerAfterPopupVisibleChange);
- }
-
- this.prevPopupVisible = prevState.popupVisible;
-
- // We must listen to `mousedown` or `touchstart`, edge case:
- // https://github.com/ant-design/ant-design/issues/5804
- // https://github.com/react-component/calendar/issues/250
- // https://github.com/react-component/trigger/issues/50
- if (state.popupVisible) {
- var currentDocument = void 0;
- if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextMenuToShow())) {
- currentDocument = props.getDocument();
- this.clickOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'mousedown', this.onDocumentClick);
- }
- // always hide on mobile
- if (!this.touchOutsideHandler) {
- currentDocument = currentDocument || props.getDocument();
- this.touchOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'touchstart', this.onDocumentClick);
- }
- // close popup when trigger type contains 'onContextMenu' and document is scrolling.
- if (!this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {
- currentDocument = currentDocument || props.getDocument();
- this.contextMenuOutsideHandler1 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'scroll', this.onContextMenuClose);
- }
- // close popup when trigger type contains 'onContextMenu' and window is blur.
- if (!this.contextMenuOutsideHandler2 && this.isContextMenuToShow()) {
- this.contextMenuOutsideHandler2 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(window, 'blur', this.onContextMenuClose);
- }
- return;
- }
-
- this.clearOutsideHandler();
- };
-
- Trigger.prototype.componentWillUnmount = function componentWillUnmount() {
- this.clearDelayTimer();
- this.clearOutsideHandler();
- clearTimeout(this.mouseDownTimeout);
- };
-
- Trigger.prototype.getPopupDomNode = function getPopupDomNode() {
- // for test
- if (this._component && this._component.getPopupDomNode) {
- return this._component.getPopupDomNode();
- }
- return null;
- };
-
- Trigger.prototype.getPopupAlign = function getPopupAlign() {
- var props = this.props;
- var popupPlacement = props.popupPlacement,
- popupAlign = props.popupAlign,
- builtinPlacements = props.builtinPlacements;
-
- if (popupPlacement && builtinPlacements) {
- return Object(__WEBPACK_IMPORTED_MODULE_12__utils__["a" /* getAlignFromPlacement */])(builtinPlacements, popupPlacement, popupAlign);
- }
- return popupAlign;
- };
-
- /**
- * @param popupVisible Show or not the popup element
- * @param event SyntheticEvent, used for `pointAlign`
- */
- Trigger.prototype.setPopupVisible = function setPopupVisible(popupVisible, event) {
- var alignPoint = this.props.alignPoint;
-
-
- this.clearDelayTimer();
-
- if (this.state.popupVisible !== popupVisible) {
- if (!('popupVisible' in this.props)) {
- this.setState({ popupVisible: popupVisible });
- }
- this.props.onPopupVisibleChange(popupVisible);
- }
-
- // Always record the point position since mouseEnterDelay will delay the show
- if (alignPoint && event) {
- this.setPoint(event);
- }
- };
-
- Trigger.prototype.delaySetPopupVisible = function delaySetPopupVisible(visible, delayS, event) {
- var _this3 = this;
-
- var delay = delayS * 1000;
- this.clearDelayTimer();
- if (delay) {
- var point = event ? { pageX: event.pageX, pageY: event.pageY } : null;
- this.delayTimer = setTimeout(function () {
- _this3.setPopupVisible(visible, point);
- _this3.clearDelayTimer();
- }, delay);
- } else {
- this.setPopupVisible(visible, event);
- }
- };
-
- Trigger.prototype.clearDelayTimer = function clearDelayTimer() {
- if (this.delayTimer) {
- clearTimeout(this.delayTimer);
- this.delayTimer = null;
- }
- };
-
- Trigger.prototype.clearOutsideHandler = function clearOutsideHandler() {
- if (this.clickOutsideHandler) {
- this.clickOutsideHandler.remove();
- this.clickOutsideHandler = null;
- }
-
- if (this.contextMenuOutsideHandler1) {
- this.contextMenuOutsideHandler1.remove();
- this.contextMenuOutsideHandler1 = null;
- }
-
- if (this.contextMenuOutsideHandler2) {
- this.contextMenuOutsideHandler2.remove();
- this.contextMenuOutsideHandler2 = null;
- }
-
- if (this.touchOutsideHandler) {
- this.touchOutsideHandler.remove();
- this.touchOutsideHandler = null;
- }
- };
-
- Trigger.prototype.createTwoChains = function createTwoChains(event) {
- var childPros = this.props.children.props;
- var props = this.props;
- if (childPros[event] && props[event]) {
- return this['fire' + event];
- }
- return childPros[event] || props[event];
- };
-
- Trigger.prototype.isClickToShow = function isClickToShow() {
- var _props = this.props,
- action = _props.action,
- showAction = _props.showAction;
-
- return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1;
- };
-
- Trigger.prototype.isContextMenuToShow = function isContextMenuToShow() {
- var _props2 = this.props,
- action = _props2.action,
- showAction = _props2.showAction;
-
- return action.indexOf('contextMenu') !== -1 || showAction.indexOf('contextMenu') !== -1;
- };
-
- Trigger.prototype.isClickToHide = function isClickToHide() {
- var _props3 = this.props,
- action = _props3.action,
- hideAction = _props3.hideAction;
-
- return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1;
- };
-
- Trigger.prototype.isMouseEnterToShow = function isMouseEnterToShow() {
- var _props4 = this.props,
- action = _props4.action,
- showAction = _props4.showAction;
-
- return action.indexOf('hover') !== -1 || showAction.indexOf('mouseEnter') !== -1;
- };
-
- Trigger.prototype.isMouseLeaveToHide = function isMouseLeaveToHide() {
- var _props5 = this.props,
- action = _props5.action,
- hideAction = _props5.hideAction;
-
- return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseLeave') !== -1;
- };
-
- Trigger.prototype.isFocusToShow = function isFocusToShow() {
- var _props6 = this.props,
- action = _props6.action,
- showAction = _props6.showAction;
-
- return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1;
- };
-
- Trigger.prototype.isBlurToHide = function isBlurToHide() {
- var _props7 = this.props,
- action = _props7.action,
- hideAction = _props7.hideAction;
-
- return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1;
- };
-
- Trigger.prototype.forcePopupAlign = function forcePopupAlign() {
- if (this.state.popupVisible && this._component && this._component.alignInstance) {
- this._component.alignInstance.forceAlign();
- }
- };
-
- Trigger.prototype.fireEvents = function fireEvents(type, e) {
- var childCallback = this.props.children.props[type];
- if (childCallback) {
- childCallback(e);
- }
- var callback = this.props[type];
- if (callback) {
- callback(e);
- }
- };
-
- Trigger.prototype.close = function close() {
- this.setPopupVisible(false);
- };
-
- Trigger.prototype.render = function render() {
- var _this4 = this;
-
- var popupVisible = this.state.popupVisible;
- var _props8 = this.props,
- children = _props8.children,
- forceRender = _props8.forceRender,
- alignPoint = _props8.alignPoint,
- className = _props8.className;
-
- var child = __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(children);
- var newChildProps = { key: 'trigger' };
-
- if (this.isContextMenuToShow()) {
- newChildProps.onContextMenu = this.onContextMenu;
- } else {
- newChildProps.onContextMenu = this.createTwoChains('onContextMenu');
- }
-
- if (this.isClickToHide() || this.isClickToShow()) {
- newChildProps.onClick = this.onClick;
- newChildProps.onMouseDown = this.onMouseDown;
- newChildProps.onTouchStart = this.onTouchStart;
- } else {
- newChildProps.onClick = this.createTwoChains('onClick');
- newChildProps.onMouseDown = this.createTwoChains('onMouseDown');
- newChildProps.onTouchStart = this.createTwoChains('onTouchStart');
- }
- if (this.isMouseEnterToShow()) {
- newChildProps.onMouseEnter = this.onMouseEnter;
- if (alignPoint) {
- newChildProps.onMouseMove = this.onMouseMove;
- }
- } else {
- newChildProps.onMouseEnter = this.createTwoChains('onMouseEnter');
- }
- if (this.isMouseLeaveToHide()) {
- newChildProps.onMouseLeave = this.onMouseLeave;
- } else {
- newChildProps.onMouseLeave = this.createTwoChains('onMouseLeave');
- }
- if (this.isFocusToShow() || this.isBlurToHide()) {
- newChildProps.onFocus = this.onFocus;
- newChildProps.onBlur = this.onBlur;
- } else {
- newChildProps.onFocus = this.createTwoChains('onFocus');
- newChildProps.onBlur = this.createTwoChains('onBlur');
- }
-
- var childrenClassName = __WEBPACK_IMPORTED_MODULE_11_classnames___default()(child && child.props && child.props.className, className);
- if (childrenClassName) {
- newChildProps.className = childrenClassName;
- }
- var trigger = __WEBPACK_IMPORTED_MODULE_4_react___default.a.cloneElement(child, newChildProps);
-
- if (!IS_REACT_16) {
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_9_rc_util_es_ContainerRender__["a" /* default */],
- {
- parent: this,
- visible: popupVisible,
- autoMount: false,
- forceRender: forceRender,
- getComponent: this.getComponent,
- getContainer: this.getContainer
- },
- function (_ref2) {
- var renderComponent = _ref2.renderComponent;
-
- _this4.renderComponent = renderComponent;
- return trigger;
- }
- );
- }
-
- var portal = void 0;
- // prevent unmounting after it's rendered
- if (popupVisible || this._component || forceRender) {
- portal = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_10_rc_util_es_Portal__["a" /* default */],
- {
- key: 'portal',
- getContainer: this.getContainer,
- didUpdate: this.handlePortalUpdate
- },
- this.getComponent()
- );
- }
-
- return [trigger, portal];
- };
-
- return Trigger;
+ return ContainerRender;
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
- Trigger.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- action: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string)]),
- showAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- hideAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- getPopupClassNameFromAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- onPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- afterPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- popup: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func]).isRequired,
- popupStyle: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- popupClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- popupPlacement: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- builtinPlacements: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- popupTransitionName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object]),
- popupAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- mouseEnterDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- mouseLeaveDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- zIndex: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- focusDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- blurDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- getPopupContainer: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- getDocument: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- forceRender: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- destroyPopupOnHide: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- mask: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- maskClosable: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- onPopupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- popupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- popupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- defaultPopupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- maskTransitionName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object]),
- maskAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- stretch: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- alignPoint: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool // Maybe we can support user pass position in the future
+ ContainerRender.propTypes = {
+ autoMount: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
+ autoDestroy: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
+ visible: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
+ forceRender: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
+ parent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
+ getComponent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
+ getContainer: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
+ children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired
};
- Trigger.contextTypes = contextTypes;
- Trigger.childContextTypes = contextTypes;
- Trigger.defaultProps = {
- prefixCls: 'rc-trigger-popup',
- getPopupClassNameFromAlign: returnEmptyString,
- getDocument: returnDocument,
- onPopupVisibleChange: noop,
- afterPopupVisibleChange: noop,
- onPopupAlign: noop,
- popupClassName: '',
- mouseEnterDelay: 0,
- mouseLeaveDelay: 0.1,
- focusDelay: 0,
- blurDelay: 0.15,
- popupStyle: {},
- destroyPopupOnHide: false,
- popupAlign: {},
- defaultPopupVisible: false,
- mask: false,
- maskClosable: true,
- action: [],
- showAction: [],
- hideAction: []
+ ContainerRender.defaultProps = {
+ autoMount: true,
+ autoDestroy: true,
+ forceRender: false
};
-
- var _initialiseProps = function _initialiseProps() {
- var _this5 = this;
-
- this.onMouseEnter = function (e) {
- var mouseEnterDelay = _this5.props.mouseEnterDelay;
-
- _this5.fireEvents('onMouseEnter', e);
- _this5.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
- };
-
- this.onMouseMove = function (e) {
- _this5.fireEvents('onMouseMove', e);
- _this5.setPoint(e);
- };
-
- this.onMouseLeave = function (e) {
- _this5.fireEvents('onMouseLeave', e);
- _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
- };
-
- this.onPopupMouseEnter = function () {
- _this5.clearDelayTimer();
- };
-
- this.onPopupMouseLeave = function (e) {
- // https://github.com/react-component/trigger/pull/13
- // react bug?
- if (e.relatedTarget && !e.relatedTarget.setTimeout && _this5._component && _this5._component.getPopupDomNode && Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__["a" /* default */])(_this5._component.getPopupDomNode(), e.relatedTarget)) {
- return;
- }
- _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
- };
-
- this.onFocus = function (e) {
- _this5.fireEvents('onFocus', e);
- // incase focusin and focusout
- _this5.clearDelayTimer();
- if (_this5.isFocusToShow()) {
- _this5.focusTime = Date.now();
- _this5.delaySetPopupVisible(true, _this5.props.focusDelay);
- }
- };
-
- this.onMouseDown = function (e) {
- _this5.fireEvents('onMouseDown', e);
- _this5.preClickTime = Date.now();
- };
-
- this.onTouchStart = function (e) {
- _this5.fireEvents('onTouchStart', e);
- _this5.preTouchTime = Date.now();
- };
-
- this.onBlur = function (e) {
- _this5.fireEvents('onBlur', e);
- _this5.clearDelayTimer();
- if (_this5.isBlurToHide()) {
- _this5.delaySetPopupVisible(false, _this5.props.blurDelay);
- }
- };
-
- this.onContextMenu = function (e) {
- e.preventDefault();
- _this5.fireEvents('onContextMenu', e);
- _this5.setPopupVisible(true, e);
- };
-
- this.onContextMenuClose = function () {
- if (_this5.isContextMenuToShow()) {
- _this5.close();
- }
- };
-
- this.onClick = function (event) {
- _this5.fireEvents('onClick', event);
- // focus will trigger click
- if (_this5.focusTime) {
- var preTime = void 0;
- if (_this5.preClickTime && _this5.preTouchTime) {
- preTime = Math.min(_this5.preClickTime, _this5.preTouchTime);
- } else if (_this5.preClickTime) {
- preTime = _this5.preClickTime;
- } else if (_this5.preTouchTime) {
- preTime = _this5.preTouchTime;
- }
- if (Math.abs(preTime - _this5.focusTime) < 20) {
- return;
- }
- _this5.focusTime = 0;
- }
- _this5.preClickTime = 0;
- _this5.preTouchTime = 0;
- if (event && event.preventDefault) {
- event.preventDefault();
- }
- var nextVisible = !_this5.state.popupVisible;
- if (_this5.isClickToHide() && !nextVisible || nextVisible && _this5.isClickToShow()) {
- _this5.setPopupVisible(!_this5.state.popupVisible, event);
- }
- };
-
- this.onPopupMouseDown = function () {
- var _context$rcTrigger = _this5.context.rcTrigger,
- rcTrigger = _context$rcTrigger === undefined ? {} : _context$rcTrigger;
-
- _this5.hasPopupMouseDown = true;
-
- clearTimeout(_this5.mouseDownTimeout);
- _this5.mouseDownTimeout = setTimeout(function () {
- _this5.hasPopupMouseDown = false;
- }, 0);
-
- if (rcTrigger.onPopupMouseDown) {
- rcTrigger.onPopupMouseDown.apply(rcTrigger, arguments);
- }
- };
-
- this.onDocumentClick = function (event) {
- if (_this5.props.mask && !_this5.props.maskClosable) {
- return;
- }
-
- var target = event.target;
- var root = Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5);
- if (!Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__["a" /* default */])(root, target) && !_this5.hasPopupMouseDown) {
- _this5.close();
- }
- };
-
- this.getRootDomNode = function () {
- return Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5);
- };
-
- this.getPopupClassNameFromAlign = function (align) {
- var className = [];
- var _props9 = _this5.props,
- popupPlacement = _props9.popupPlacement,
- builtinPlacements = _props9.builtinPlacements,
- prefixCls = _props9.prefixCls,
- alignPoint = _props9.alignPoint,
- getPopupClassNameFromAlign = _props9.getPopupClassNameFromAlign;
-
- if (popupPlacement && builtinPlacements) {
- className.push(Object(__WEBPACK_IMPORTED_MODULE_12__utils__["b" /* getAlignPopupClassName */])(builtinPlacements, prefixCls, align, alignPoint));
- }
- if (getPopupClassNameFromAlign) {
- className.push(getPopupClassNameFromAlign(align));
- }
- return className.join(' ');
- };
-
- this.getComponent = function () {
- var _props10 = _this5.props,
- prefixCls = _props10.prefixCls,
- destroyPopupOnHide = _props10.destroyPopupOnHide,
- popupClassName = _props10.popupClassName,
- action = _props10.action,
- onPopupAlign = _props10.onPopupAlign,
- popupAnimation = _props10.popupAnimation,
- popupTransitionName = _props10.popupTransitionName,
- popupStyle = _props10.popupStyle,
- mask = _props10.mask,
- maskAnimation = _props10.maskAnimation,
- maskTransitionName = _props10.maskTransitionName,
- zIndex = _props10.zIndex,
- popup = _props10.popup,
- stretch = _props10.stretch,
- alignPoint = _props10.alignPoint;
- var _state = _this5.state,
- popupVisible = _state.popupVisible,
- point = _state.point;
-
-
- var align = _this5.getPopupAlign();
-
- var mouseProps = {};
- if (_this5.isMouseEnterToShow()) {
- mouseProps.onMouseEnter = _this5.onPopupMouseEnter;
- }
- if (_this5.isMouseLeaveToHide()) {
- mouseProps.onMouseLeave = _this5.onPopupMouseLeave;
- }
-
- mouseProps.onMouseDown = _this5.onPopupMouseDown;
- mouseProps.onTouchStart = _this5.onPopupMouseDown;
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_13__Popup__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
- prefixCls: prefixCls,
- destroyPopupOnHide: destroyPopupOnHide,
- visible: popupVisible,
- point: alignPoint && point,
- className: popupClassName,
- action: action,
- align: align,
- onAlign: onPopupAlign,
- animation: popupAnimation,
- getClassNameFromAlign: _this5.getPopupClassNameFromAlign
- }, mouseProps, {
- stretch: stretch,
- getRootDomNode: _this5.getRootDomNode,
- style: popupStyle,
- mask: mask,
- zIndex: zIndex,
- transitionName: popupTransitionName,
- maskAnimation: maskAnimation,
- maskTransitionName: maskTransitionName,
- ref: _this5.savePopup
- }),
- typeof popup === 'function' ? popup() : popup
- );
- };
-
- this.getContainer = function () {
- var props = _this5.props;
-
- var popupContainer = document.createElement('div');
- // Make sure default popup container will never cause scrollbar appearing
- // https://github.com/react-component/trigger/issues/41
- popupContainer.style.position = 'absolute';
- popupContainer.style.top = '0';
- popupContainer.style.left = '0';
- popupContainer.style.width = '100%';
- var mountNode = props.getPopupContainer ? props.getPopupContainer(Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5)) : props.getDocument().body;
- mountNode.appendChild(popupContainer);
- return popupContainer;
- };
-
- this.setPoint = function (point) {
- var alignPoint = _this5.props.alignPoint;
-
- if (!alignPoint || !point) return;
-
- _this5.setState({
- point: {
- pageX: point.pageX,
- pageY: point.pageY
- }
- });
- };
-
- this.handlePortalUpdate = function () {
- if (_this5.prevPopupVisible !== _this5.state.popupVisible) {
- _this5.props.afterPopupVisibleChange(_this5.state.popupVisible);
- }
- };
-
- this.savePopup = function (node) {
- _this5._component = node;
- };
- };
-
- /* harmony default export */ __webpack_exports__["a"] = (Trigger);
+ /* harmony default export */ __webpack_exports__["a"] = (ContainerRender);
/***/ }),
- /* 638 */
+ /* 618 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
+ /* 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__(42);
+ /* 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__(10);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
+ /* 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__);
+
+
+
+
+
+
+
+
+ var Portal = function (_React$Component) {
+ __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Portal, _React$Component);
+
+ function Portal() {
+ __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Portal);
+
+ return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Portal.__proto__ || Object.getPrototypeOf(Portal)).apply(this, arguments));
+ }
+
+ __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Portal, [{
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ this.createContainer();
+ }
+ }, {
+ key: 'componentDidUpdate',
+ value: function componentDidUpdate(prevProps) {
+ var didUpdate = this.props.didUpdate;
+
+ if (didUpdate) {
+ didUpdate(prevProps);
+ }
+ }
+ }, {
+ key: 'componentWillUnmount',
+ value: function componentWillUnmount() {
+ this.removeContainer();
+ }
+ }, {
+ key: 'createContainer',
+ value: function createContainer() {
+ this._container = this.props.getContainer();
+ this.forceUpdate();
+ }
+ }, {
+ key: 'removeContainer',
+ value: function removeContainer() {
+ if (this._container) {
+ this._container.parentNode.removeChild(this._container);
+ }
+ }
+ }, {
+ key: 'render',
+ value: function render() {
+ if (this._container) {
+ return __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.createPortal(this.props.children, this._container);
+ }
+ return null;
+ }
+ }]);
+
+ return Portal;
+ }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
+
+ Portal.propTypes = {
+ getContainer: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func.isRequired,
+ children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node.isRequired,
+ didUpdate: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func
+ };
+ /* harmony default export */ __webpack_exports__["a"] = (Portal);
+
+ /***/ }),
+ /* 619 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
@@ -147574,11 +147191,11 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_align__ = __webpack_require__(66);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_animate__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__PopupInner__ = __webpack_require__(645);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__LazyRenderBox__ = __webpack_require__(204);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils__ = __webpack_require__(202);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_align__ = __webpack_require__(620);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_animate__ = __webpack_require__(113);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__PopupInner__ = __webpack_require__(627);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__LazyRenderBox__ = __webpack_require__(198);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils__ = __webpack_require__(196);
@@ -147923,17 +147540,28 @@
/* harmony default export */ __webpack_exports__["a"] = (Popup);
/***/ }),
- /* 639 */
+ /* 620 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Align__ = __webpack_require__(621);
+ // export this package's api
+
+
+ /* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0__Align__["a" /* default */]);
+
+ /***/ }),
+ /* 621 */
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+ "use strict";
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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__(45);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(42);
/* 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__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
@@ -147941,9 +147569,9 @@
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_dom_align__ = __webpack_require__(189);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__ = __webpack_require__(50);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__util__ = __webpack_require__(640);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_dom_align__ = __webpack_require__(183);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__ = __webpack_require__(195);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__util__ = __webpack_require__(622);
@@ -148147,7 +147775,7 @@
/* harmony default export */ __webpack_exports__["a"] = (Align);
/***/ }),
- /* 640 */
+ /* 622 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -148156,7 +147784,7 @@
/* harmony export (immutable) */ __webpack_exports__["d"] = isWindow;
/* harmony export (immutable) */ __webpack_exports__["c"] = isSimilarValue;
/* harmony export (immutable) */ __webpack_exports__["e"] = restoreFocus;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rc_util_es_Dom_contains__ = __webpack_require__(49);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_rc_util_es_Dom_contains__ = __webpack_require__(194);
function buffer(fn, ms) {
@@ -148212,7 +147840,7 @@
}
/***/ }),
- /* 641 */
+ /* 623 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -148327,17 +147955,17 @@
}
/***/ }),
- /* 642 */
+ /* 624 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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__(45);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(42);
/* 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__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
@@ -148345,8 +147973,8 @@
/* 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_css_animation__ = __webpack_require__(643);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__util_animate__ = __webpack_require__(203);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_css_animation__ = __webpack_require__(625);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__util_animate__ = __webpack_require__(197);
@@ -148460,15 +148088,15 @@
/* harmony default export */ __webpack_exports__["a"] = (AnimateChild);
/***/ }),
- /* 643 */
+ /* 625 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isCssAnimationSupported; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(29);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Event__ = __webpack_require__(644);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_classes__ = __webpack_require__(63);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Event__ = __webpack_require__(626);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_classes__ = __webpack_require__(56);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_classes___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_component_classes__);
@@ -148647,7 +148275,7 @@
/* harmony default export */ __webpack_exports__["a"] = (cssAnimation);
/***/ }),
- /* 644 */
+ /* 626 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -148782,21 +148410,21 @@
/* harmony default export */ __webpack_exports__["a"] = (TransitionEvents);
/***/ }),
- /* 645 */
+ /* 627 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__LazyRenderBox__ = __webpack_require__(204);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__LazyRenderBox__ = __webpack_require__(198);
@@ -148855,7 +148483,7 @@
/* harmony default export */ __webpack_exports__["a"] = (PopupInner);
/***/ }),
- /* 646 */
+ /* 628 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -148891,18 +148519,18 @@
/* harmony default export */ __webpack_exports__["a"] = (placements);
/***/ }),
- /* 647 */
+ /* 629 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export MenuItem */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
@@ -148910,14 +148538,14 @@
/* 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_util_es_KeyCode__ = __webpack_require__(31);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__ = __webpack_require__(74);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_dom_scroll_into_view__ = __webpack_require__(67);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_dom_scroll_into_view__ = __webpack_require__(76);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_dom_scroll_into_view___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_dom_scroll_into_view__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store__ = __webpack_require__(17);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_mini_store__ = __webpack_require__(26);
/* 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__util__ = __webpack_require__(48);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util__ = __webpack_require__(45);
@@ -149155,13 +148783,13 @@
/* harmony default export */ __webpack_exports__["a"] = (connected);
/***/ }),
- /* 648 */
+ /* 630 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var util = __webpack_require__(649);
+ var util = __webpack_require__(631);
function scrollIntoView(elem, container, config) {
config = config || {};
@@ -149290,7 +148918,7 @@
module.exports = scrollIntoView;
/***/ }),
- /* 649 */
+ /* 631 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -149735,25 +149363,25 @@
}, domUtils);
/***/ }),
- /* 650 */
+ /* 632 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
/* 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_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(14);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(34);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_objectWithoutProperties__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
/* 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__util__ = __webpack_require__(48);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util__ = __webpack_require__(45);
@@ -149842,15 +149470,15 @@
/* harmony default export */ __webpack_exports__["a"] = (MenuItemGroup);
/***/ }),
- /* 651 */
+ /* 633 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(8);
/* 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_possibleConstructorReturn__ = __webpack_require__(7);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(8);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
@@ -149900,7 +149528,7 @@
/* harmony default export */ __webpack_exports__["a"] = (Divider);
/***/ }),
- /* 652 */
+ /* 634 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -149912,7 +149540,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__(124);
+ var _trigger = __webpack_require__(116);
var _trigger2 = _interopRequireDefault(_trigger);
@@ -149932,9 +149560,9 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _util = __webpack_require__(123);
+ var _util = __webpack_require__(115);
- var _DropdownMenu = __webpack_require__(661);
+ var _DropdownMenu = __webpack_require__(643);
var _DropdownMenu2 = _interopRequireDefault(_DropdownMenu);
@@ -149950,9 +149578,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
*/
@@ -150155,7 +149783,7 @@
module.exports = exports['default'];
/***/ }),
- /* 653 */
+ /* 635 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -150179,17 +149807,17 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _contains = __webpack_require__(51);
+ var _contains = __webpack_require__(46);
var _contains2 = _interopRequireDefault(_contains);
var _tinperBeeCore = __webpack_require__(5);
- var _Popup = __webpack_require__(654);
+ var _Popup = __webpack_require__(636);
var _Popup2 = _interopRequireDefault(_Popup);
- var _utils = __webpack_require__(660);
+ var _utils = __webpack_require__(642);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -150199,7 +149827,11 @@
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); }
+ 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-trigger.
+ * homepage: https://github.com/react-component/trigger
+ */
+
//import getContainerRenderMixin from './getContainerRenderMixin';
@@ -150241,7 +149873,8 @@
popupVisible: _propTypes2["default"].bool,
maskTransitionName: _propTypes2["default"].string,
maskAnimation: _propTypes2["default"].string,
- getDocument: _propTypes2["default"].func //获得点击消失的document对象,适用于getPopupContainer渲染到非当前document情况,例如iframe
+ getDocument: _propTypes2["default"].func, //获得点击消失的document对象,适用于getPopupContainer渲染到非当前document情况,例如iframe
+ popData: _propTypes2["default"].object //弹窗层自定义属性
};
var defaultProps = {
@@ -150266,7 +149899,8 @@
hideAction: [],
getDocument: function getDocument() {
return document;
- }
+ },
+ popData: {}
};
var Trigger = function (_Component) {
@@ -150584,7 +150218,8 @@
zIndex: props.zIndex,
transitionName: props.popupTransitionName,
maskAnimation: props.maskAnimation,
- maskTransitionName: props.maskTransitionName
+ maskTransitionName: props.maskTransitionName,
+ popData: props.popData
}),
typeof props.popup === 'function' ? props.popup() : props.popup
);
@@ -150734,7 +150369,6 @@
newChildProps.onFocus = this.createTwoChains('onFocus');
newChildProps.onBlur = this.createTwoChains('onBlur');
}
-
return _react2["default"].cloneElement(child, newChildProps);
};
@@ -150749,7 +150383,7 @@
module.exports = exports['default'];
/***/ }),
- /* 654 */
+ /* 636 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -150773,19 +150407,19 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _Align = __webpack_require__(188);
+ var _Align = __webpack_require__(182);
var _Align2 = _interopRequireDefault(_Align);
- var _beeAnimate = __webpack_require__(655);
+ var _beeAnimate = __webpack_require__(637);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
- var _PopupInner = __webpack_require__(659);
+ var _PopupInner = __webpack_require__(641);
var _PopupInner2 = _interopRequireDefault(_PopupInner);
- var _LazyRenderBox = __webpack_require__(206);
+ var _LazyRenderBox = __webpack_require__(201);
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
@@ -150797,7 +150431,11 @@
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); }
+ 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-trigger.
+ * homepage: https://github.com/react-component/trigger
+ */
+
var propTypes = {
visible: _propTypes2["default"].bool,
@@ -150900,7 +150538,8 @@
ref: 'popup',
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave,
- style: newStyle
+ style: newStyle,
+ popData: props.popData
};
if (destroyPopupOnHide) {
return _react2["default"].createElement(
@@ -151025,7 +150664,7 @@
module.exports = exports['default'];
/***/ }),
- /* 655 */
+ /* 637 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151035,7 +150674,7 @@
value: true
});
- var _Animate = __webpack_require__(656);
+ var _Animate = __webpack_require__(638);
var _Animate2 = _interopRequireDefault(_Animate);
@@ -151045,7 +150684,7 @@
module.exports = exports['default'];
/***/ }),
- /* 656 */
+ /* 638 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151063,13 +150702,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _ChildrenUtils = __webpack_require__(657);
+ var _ChildrenUtils = __webpack_require__(639);
- var _AnimateChild = __webpack_require__(658);
+ var _AnimateChild = __webpack_require__(640);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
- var _util = __webpack_require__(205);
+ var _util = __webpack_require__(200);
var _util2 = _interopRequireDefault(_util);
@@ -151426,7 +151065,7 @@
module.exports = exports['default'];
/***/ }),
- /* 657 */
+ /* 639 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151549,7 +151188,7 @@
}
/***/ }),
- /* 658 */
+ /* 640 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151575,7 +151214,7 @@
var _tinperBeeCore = __webpack_require__(5);
- var _util = __webpack_require__(205);
+ var _util = __webpack_require__(200);
var _util2 = _interopRequireDefault(_util);
@@ -151693,7 +151332,7 @@
module.exports = exports['default'];
/***/ }),
- /* 659 */
+ /* 641 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151703,6 +151342,8 @@
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__(0);
var _react2 = _interopRequireDefault(_react);
@@ -151711,7 +151352,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _LazyRenderBox = __webpack_require__(206);
+ var _LazyRenderBox = __webpack_require__(201);
var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
@@ -151723,7 +151364,11 @@
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); }
+ 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-trigger.
+ * homepage: https://github.com/react-component/trigger
+ */
+
var propTypes = {
hiddenClassName: _propTypes2["default"].string,
@@ -151751,12 +151396,12 @@
}
return _react2["default"].createElement(
'div',
- {
+ _extends({}, props.popData, {
className: className,
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave,
style: props.style
- },
+ }),
_react2["default"].createElement(
_LazyRenderBox2["default"],
{ className: props.clsPrefix + '-content', visible: props.visible },
@@ -151775,7 +151420,7 @@
module.exports = exports['default'];
/***/ }),
- /* 660 */
+ /* 642 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151811,7 +151456,7 @@
}
/***/ }),
- /* 661 */
+ /* 643 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -151835,19 +151480,19 @@
var _tinperBeeCore = __webpack_require__(5);
- var _rcMenu = __webpack_require__(195);
+ var _rcMenu = __webpack_require__(73);
var _rcMenu2 = _interopRequireDefault(_rcMenu);
- var _domScrollIntoView = __webpack_require__(67);
+ var _domScrollIntoView = __webpack_require__(76);
var _domScrollIntoView2 = _interopRequireDefault(_domScrollIntoView);
- var _raf = __webpack_require__(68);
+ var _raf = __webpack_require__(57);
var _raf2 = _interopRequireDefault(_raf);
- var _util = __webpack_require__(123);
+ var _util = __webpack_require__(115);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -151857,9 +151502,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
*/
@@ -152058,7 +151703,7 @@
module.exports = exports['default'];
/***/ }),
- /* 662 */
+ /* 644 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.12.2
@@ -152098,10 +151743,10 @@
//# sourceMappingURL=performance-now.js.map
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 663 */
+ /* 645 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152111,7 +151756,7 @@
value: true
});
- var _Icon = __webpack_require__(664);
+ var _Icon = __webpack_require__(646);
var _Icon2 = _interopRequireDefault(_Icon);
@@ -152121,7 +151766,7 @@
module.exports = exports['default'];
/***/ }),
- /* 664 */
+ /* 646 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152201,7 +151846,7 @@
module.exports = exports['default'];
/***/ }),
- /* 665 */
+ /* 647 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152232,7 +151877,7 @@
};
/***/ }),
- /* 666 */
+ /* 648 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152271,21 +151916,21 @@
}
/***/ }),
- /* 667 */
+ /* 649 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(668);
- module.exports = __webpack_require__(669);
+ __webpack_require__(650);
+ module.exports = __webpack_require__(651);
/***/ }),
- /* 668 */
+ /* 650 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 669 */
+ /* 651 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152295,7 +151940,7 @@
value: true
});
- var _ProgressBar = __webpack_require__(670);
+ var _ProgressBar = __webpack_require__(652);
var _ProgressBar2 = _interopRequireDefault(_ProgressBar);
@@ -152305,7 +151950,7 @@
module.exports = exports['default'];
/***/ }),
- /* 670 */
+ /* 652 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152329,7 +151974,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _nprogress = __webpack_require__(209);
+ var _nprogress = __webpack_require__(204);
var _nprogress2 = _interopRequireDefault(_nprogress);
@@ -152586,21 +152231,21 @@
module.exports = exports['default'];
/***/ }),
- /* 671 */
+ /* 653 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(672);
- module.exports = __webpack_require__(673);
+ __webpack_require__(654);
+ module.exports = __webpack_require__(655);
/***/ }),
- /* 672 */
+ /* 654 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 673 */
+ /* 655 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152610,15 +152255,15 @@
value: true
});
- var _RadioGroup = __webpack_require__(674);
+ var _RadioGroup = __webpack_require__(656);
var _RadioGroup2 = _interopRequireDefault(_RadioGroup);
- var _Radio = __webpack_require__(210);
+ var _Radio = __webpack_require__(205);
var _Radio2 = _interopRequireDefault(_Radio);
- var _RadioButton = __webpack_require__(675);
+ var _RadioButton = __webpack_require__(657);
var _RadioButton2 = _interopRequireDefault(_RadioButton);
@@ -152631,7 +152276,7 @@
module.exports = exports['default'];
/***/ }),
- /* 674 */
+ /* 656 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152800,7 +152445,7 @@
module.exports = exports['default'];
/***/ }),
- /* 675 */
+ /* 657 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152814,7 +152459,7 @@
var _react2 = _interopRequireDefault(_react);
- var _Radio = __webpack_require__(210);
+ var _Radio = __webpack_require__(205);
var _Radio2 = _interopRequireDefault(_Radio);
@@ -152862,21 +152507,21 @@
module.exports = exports['default'];
/***/ }),
- /* 676 */
+ /* 658 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(677);
- module.exports = __webpack_require__(678);
+ __webpack_require__(659);
+ module.exports = __webpack_require__(660);
/***/ }),
- /* 677 */
+ /* 659 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 678 */
+ /* 660 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152886,7 +152531,7 @@
value: true
});
- var _Switch = __webpack_require__(679);
+ var _Switch = __webpack_require__(661);
var _Switch2 = _interopRequireDefault(_Switch);
@@ -152896,7 +152541,7 @@
module.exports = exports['default'];
/***/ }),
- /* 679 */
+ /* 661 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -152934,9 +152579,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-switch.
- * homepage: https://github.com/react-component/switch
+ 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-switch.
+ * homepage: https://github.com/react-component/switch
*/
@@ -152946,7 +152591,9 @@
checkedChildren: _propTypes2["default"].any,
unCheckedChildren: _propTypes2["default"].any,
onChangeHandler: _propTypes2["default"].func,
- onChange: _propTypes2["default"].func
+ onChange: _propTypes2["default"].func,
+ onKeyDown: _propTypes2["default"].func,
+ enterKeyDown: _propTypes2["default"].bool //是否启用 enter 和 space 键
};
var defaultProps = {
clsPrefix: "u-switch",
@@ -152956,7 +152603,9 @@
size: "",
disabled: false,
onChangeHandler: function onChangeHandler() {},
- onChange: function onChange() {}
+ onChange: function onChange() {},
+ onKeyDown: function onKeyDown() {},
+ enterKeyDown: true
};
var Switch = function (_Component) {
@@ -153074,8 +152723,11 @@
_this2.setChecked(true);
} else if (e.keyCode === 32 || e.keyCode === 13) {
// Space, Enter
- _this2.clickHandler();
+ if (_this2.props.enterKeyDown) {
+ _this2.clickHandler();
+ }
}
+ _this2.props.onKeyDown(e);
};
this.handleMouseUp = function (e) {
@@ -153098,21 +152750,21 @@
module.exports = exports["default"];
/***/ }),
- /* 680 */
+ /* 662 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(681);
- module.exports = __webpack_require__(682);
+ __webpack_require__(663);
+ module.exports = __webpack_require__(664);
/***/ }),
- /* 681 */
+ /* 663 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 682 */
+ /* 664 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -153122,7 +152774,7 @@
value: true
});
- var _Tooltip = __webpack_require__(683);
+ var _Tooltip = __webpack_require__(665);
var _Tooltip2 = _interopRequireDefault(_Tooltip);
@@ -153132,7 +152784,7 @@
module.exports = exports['default'];
/***/ }),
- /* 683 */
+ /* 665 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -153156,7 +152808,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _OverlayTrigger = __webpack_require__(125);
+ var _OverlayTrigger = __webpack_require__(117);
var _OverlayTrigger2 = _interopRequireDefault(_OverlayTrigger);
@@ -153360,7 +153012,7 @@
module.exports = exports['default'];
/***/ }),
- /* 684 */
+ /* 666 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -153384,15 +153036,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Portal = __webpack_require__(52);
+ var _Portal = __webpack_require__(47);
var _Portal2 = _interopRequireDefault(_Portal);
- var _Position = __webpack_require__(685);
+ var _Position = __webpack_require__(667);
var _Position2 = _interopRequireDefault(_Position);
- var _RootCloseWrapper = __webpack_require__(701);
+ var _RootCloseWrapper = __webpack_require__(681);
var _RootCloseWrapper2 = _interopRequireDefault(_RootCloseWrapper);
@@ -153619,7 +153271,7 @@
module.exports = exports['default'];
/***/ }),
- /* 685 */
+ /* 667 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -153649,27 +153301,27 @@
var _tinperBeeCore = __webpack_require__(5);
- var _requestAnimationFrame = __webpack_require__(686);
+ var _requestAnimationFrame = __webpack_require__(668);
var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
- var _calculatePosition = __webpack_require__(687);
+ var _calculatePosition = __webpack_require__(669);
var _calculatePosition2 = _interopRequireDefault(_calculatePosition);
- var _getContainer = __webpack_require__(126);
+ var _getContainer = __webpack_require__(118);
var _getContainer2 = _interopRequireDefault(_getContainer);
- var _ownerDocument = __webpack_require__(53);
+ var _ownerDocument = __webpack_require__(48);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
- var _ownerWindow = __webpack_require__(698);
+ var _ownerWindow = __webpack_require__(679);
var _ownerWindow2 = _interopRequireDefault(_ownerWindow);
- var _addEventListener = __webpack_require__(87);
+ var _addEventListener = __webpack_require__(78);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
@@ -153702,7 +153354,7 @@
/**
* 位置设置
*/
- placement: _propTypes2["default"].oneOf(['top', 'right', 'bottom', 'left']),
+ placement: _propTypes2["default"].oneOf(["top", "right", "bottom", "left", "topLeft", "rightTop", "bottomLeft", "leftTop", "topRight", "rightBottom", "bottomRight", "leftBottom"]),
/**
* 第二优先级位置设置
@@ -153913,29 +153565,32 @@
module.exports = exports['default'];
/***/ }),
- /* 686 */
+ /* 668 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
- exports.__esModule = true;
- exports.default = void 0;
+ var _inDOM = __webpack_require__(17);
- var _inDOM = _interopRequireDefault(__webpack_require__(32));
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var vendors = ['', 'webkit', 'moz', 'o', 'ms'];
var cancel = 'clearTimeout';
var raf = fallback;
- var compatRaf;
+ var compatRaf = void 0;
var getKey = function getKey(vendor, k) {
return vendor + (!vendor ? k : k[0].toUpperCase() + k.substr(1)) + 'AnimationFrame';
};
- if (_inDOM.default) {
+ if (_inDOM2.default) {
vendors.some(function (vendor) {
var rafKey = getKey(vendor, 'request');
@@ -153947,15 +153602,15 @@
}
});
}
+
/* https://github.com/component/raf */
-
-
var prev = new Date().getTime();
function fallback(fn) {
var curr = new Date().getTime(),
ms = Math.max(0, 16 - (curr - prev)),
req = setTimeout(fn, ms);
+
prev = curr;
return req;
}
@@ -153963,17 +153618,15 @@
compatRaf = function compatRaf(cb) {
return raf(cb);
};
-
compatRaf.cancel = function (id) {
- window[cancel] && typeof window[cancel] === 'function' && window[cancel](id);
+ return window[cancel](id);
};
- var _default = compatRaf;
- exports.default = _default;
- module.exports = exports["default"];
+ exports.default = compatRaf;
+ module.exports = exports['default'];
/***/ }),
- /* 687 */
+ /* 669 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -153984,19 +153637,19 @@
});
exports["default"] = calculatePosition;
- var _offset = __webpack_require__(211);
+ var _offset = __webpack_require__(206);
var _offset2 = _interopRequireDefault(_offset);
- var _position = __webpack_require__(688);
+ var _position = __webpack_require__(670);
var _position2 = _interopRequireDefault(_position);
- var _scrollTop = __webpack_require__(213);
+ var _scrollTop = __webpack_require__(208);
var _scrollTop2 = _interopRequireDefault(_scrollTop);
- var _ownerDocument = __webpack_require__(53);
+ var _ownerDocument = __webpack_require__(48);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -154150,125 +153803,120 @@
module.exports = exports['default'];
/***/ }),
- /* 688 */
+ /* 670 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
+ 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; };
- exports.__esModule = true;
exports.default = position;
- var _extends2 = _interopRequireDefault(__webpack_require__(689));
+ var _offset = __webpack_require__(206);
- var _offset = _interopRequireDefault(__webpack_require__(211));
+ var _offset2 = _interopRequireDefault(_offset);
- var _offsetParent = _interopRequireDefault(__webpack_require__(690));
+ var _offsetParent = __webpack_require__(671);
- var _scrollTop = _interopRequireDefault(__webpack_require__(213));
+ var _offsetParent2 = _interopRequireDefault(_offsetParent);
- var _scrollLeft = _interopRequireDefault(__webpack_require__(697));
+ var _scrollTop = __webpack_require__(208);
- var _style = _interopRequireDefault(__webpack_require__(33));
+ var _scrollTop2 = _interopRequireDefault(_scrollTop);
+
+ var _scrollLeft = __webpack_require__(678);
+
+ var _scrollLeft2 = _interopRequireDefault(_scrollLeft);
+
+ var _style = __webpack_require__(19);
+
+ var _style2 = _interopRequireDefault(_style);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function nodeName(node) {
return node.nodeName && node.nodeName.toLowerCase();
}
function position(node, offsetParent) {
- var parentOffset = {
- top: 0,
- left: 0
- },
- offset; // Fixed elements are offset from window (parentOffset = {top:0, left: 0},
- // because it is its only offset parent
+ var parentOffset = { top: 0, left: 0 },
+ offset;
- if ((0, _style.default)(node, 'position') === 'fixed') {
+ // Fixed elements are offset from window (parentOffset = {top:0, left: 0},
+ // because it is its only offset parent
+ if ((0, _style2.default)(node, 'position') === 'fixed') {
offset = node.getBoundingClientRect();
} else {
- offsetParent = offsetParent || (0, _offsetParent.default)(node);
- offset = (0, _offset.default)(node);
- if (nodeName(offsetParent) !== 'html') parentOffset = (0, _offset.default)(offsetParent);
- parentOffset.top += parseInt((0, _style.default)(offsetParent, 'borderTopWidth'), 10) - (0, _scrollTop.default)(offsetParent) || 0;
- parentOffset.left += parseInt((0, _style.default)(offsetParent, 'borderLeftWidth'), 10) - (0, _scrollLeft.default)(offsetParent) || 0;
- } // Subtract parent offsets and node margins
+ offsetParent = offsetParent || (0, _offsetParent2.default)(node);
+ offset = (0, _offset2.default)(node);
+ if (nodeName(offsetParent) !== 'html') parentOffset = (0, _offset2.default)(offsetParent);
- return (0, _extends2.default)({}, offset, {
- top: offset.top - parentOffset.top - (parseInt((0, _style.default)(node, 'marginTop'), 10) || 0),
- left: offset.left - parentOffset.left - (parseInt((0, _style.default)(node, 'marginLeft'), 10) || 0)
+ parentOffset.top += parseInt((0, _style2.default)(offsetParent, 'borderTopWidth'), 10) - (0, _scrollTop2.default)(offsetParent) || 0;
+ parentOffset.left += parseInt((0, _style2.default)(offsetParent, 'borderLeftWidth'), 10) - (0, _scrollLeft2.default)(offsetParent) || 0;
+ }
+
+ // Subtract parent offsets and node margins
+ return _extends({}, offset, {
+ top: offset.top - parentOffset.top - (parseInt((0, _style2.default)(node, 'marginTop'), 10) || 0),
+ left: offset.left - parentOffset.left - (parseInt((0, _style2.default)(node, 'marginLeft'), 10) || 0)
});
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 689 */
- /***/ (function(module, exports) {
-
- function _extends() {
- module.exports = _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);
- }
-
- module.exports = _extends;
-
- /***/ }),
- /* 690 */
+ /* 671 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = offsetParent;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(54));
+ var _ownerDocument = __webpack_require__(21);
- var _style = _interopRequireDefault(__webpack_require__(33));
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ var _style = __webpack_require__(19);
+
+ var _style2 = _interopRequireDefault(_style);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function nodeName(node) {
return node.nodeName && node.nodeName.toLowerCase();
}
function offsetParent(node) {
- var doc = (0, _ownerDocument.default)(node),
+ var doc = (0, _ownerDocument2.default)(node),
offsetParent = node && node.offsetParent;
- while (offsetParent && nodeName(node) !== 'html' && (0, _style.default)(offsetParent, 'position') === 'static') {
+ while (offsetParent && nodeName(node) !== 'html' && (0, _style2.default)(offsetParent, 'position') === 'static') {
offsetParent = offsetParent.offsetParent;
}
return offsetParent || doc.documentElement;
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 691 */
+ /* 672 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = camelize;
var rHyphen = /-(.)/g;
@@ -154277,66 +153925,73 @@
return chr.toUpperCase();
});
}
-
module.exports = exports["default"];
/***/ }),
- /* 692 */
+ /* 673 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = hyphenateStyleName;
- var _hyphenate = _interopRequireDefault(__webpack_require__(693));
+ var _hyphenate = __webpack_require__(674);
- /**
- * Copyright 2013-2014, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
- */
- var msPattern = /^ms-/;
+ var _hyphenate2 = _interopRequireDefault(_hyphenate);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var msPattern = /^ms-/; /**
+ * Copyright 2013-2014, Facebook, Inc.
+ * All rights reserved.
+ * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
+ */
function hyphenateStyleName(string) {
- return (0, _hyphenate.default)(string).replace(msPattern, '-ms-');
+ return (0, _hyphenate2.default)(string).replace(msPattern, '-ms-');
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 693 */
+ /* 674 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = hyphenate;
+
var rUpper = /([A-Z])/g;
function hyphenate(string) {
return string.replace(rUpper, '-$1').toLowerCase();
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 694 */
+ /* 675 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = _getComputedStyle;
- var _camelizeStyle = _interopRequireDefault(__webpack_require__(212));
+ var _camelizeStyle = __webpack_require__(207);
+
+ var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var rposition = /^(top|right|bottom|left)$/;
var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i;
@@ -154344,25 +153999,33 @@
function _getComputedStyle(node) {
if (!node) throw new TypeError('No Element passed to `getComputedStyle()`');
var doc = node.ownerDocument;
+
return 'defaultView' in doc ? doc.defaultView.opener ? node.ownerDocument.defaultView.getComputedStyle(node, null) : window.getComputedStyle(node, null) : {
//ie 8 "magic" from: https://github.com/jquery/jquery/blob/1.11-stable/src/css/curCSS.js#L72
getPropertyValue: function getPropertyValue(prop) {
var style = node.style;
- prop = (0, _camelizeStyle.default)(prop);
+
+ prop = (0, _camelizeStyle2.default)(prop);
+
if (prop == 'float') prop = 'styleFloat';
+
var current = node.currentStyle[prop] || null;
+
if (current == null && style && style[prop]) current = style[prop];
if (rnumnonpx.test(current) && !rposition.test(prop)) {
// Remember the original values
var left = style.left;
var runStyle = node.runtimeStyle;
- var rsLeft = runStyle && runStyle.left; // Put in the new values to get a computed value out
+ var rsLeft = runStyle && runStyle.left;
+ // Put in the new values to get a computed value out
if (rsLeft) runStyle.left = node.currentStyle.left;
- style.left = prop === 'fontSize' ? '1em' : current;
- current = style.pixelLeft + 'px'; // Revert the changed values
+ style.left = prop === 'fontSize' ? '1em' : current;
+ current = style.pixelLeft + 'px';
+
+ // Revert the changed values
style.left = left;
if (rsLeft) runStyle.left = rsLeft;
}
@@ -154371,66 +154034,71 @@
}
};
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 695 */
+ /* 676 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = removeStyle;
-
function removeStyle(node, key) {
return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key);
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 696 */
+ /* 677 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = isTransform;
var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
function isTransform(property) {
return !!(property && supportedTransforms.test(property));
}
-
module.exports = exports["default"];
/***/ }),
- /* 697 */
+ /* 678 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = scrollTop;
- var _isWindow = _interopRequireDefault(__webpack_require__(86));
+ var _isWindow = __webpack_require__(77);
+
+ var _isWindow2 = _interopRequireDefault(_isWindow);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function scrollTop(node, val) {
- var win = (0, _isWindow.default)(node);
+ var win = (0, _isWindow2.default)(node);
+
if (val === undefined) return win ? 'pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft : node.scrollLeft;
+
if (win) win.scrollTo(val, 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop);else node.scrollLeft = val;
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 698 */
+ /* 679 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -154448,7 +154116,7 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _ownerWindow = __webpack_require__(699);
+ var _ownerWindow = __webpack_require__(680);
var _ownerWindow2 = _interopRequireDefault(_ownerWindow);
@@ -154457,58 +154125,31 @@
module.exports = exports['default'];
/***/ }),
- /* 699 */
+ /* 680 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = ownerWindow;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(54));
+ var _ownerDocument = __webpack_require__(21);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function ownerWindow(node) {
- var doc = (0, _ownerDocument.default)(node);
+ var doc = (0, _ownerDocument2.default)(node);
return doc && doc.defaultView || doc.parentWindow;
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 700 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(32));
-
- var off = function off() {};
-
- if (_inDOM.default) {
- off = function () {
- if (document.addEventListener) return function (node, eventName, handler, capture) {
- return node.removeEventListener(eventName, handler, capture || false);
- };else if (document.attachEvent) return function (node, eventName, handler) {
- return node.detachEvent('on' + eventName, handler);
- };
- }();
- }
-
- var _default = off;
- exports.default = _default;
- module.exports = exports["default"];
-
- /***/ }),
- /* 701 */
+ /* 681 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -154518,7 +154159,7 @@
value: true
});
- var _contains = __webpack_require__(51);
+ var _contains = __webpack_require__(46);
var _contains2 = _interopRequireDefault(_contains);
@@ -154534,11 +154175,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _addEventListener = __webpack_require__(87);
+ var _addEventListener = __webpack_require__(78);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
- var _ownerDocument = __webpack_require__(53);
+ var _ownerDocument = __webpack_require__(48);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
@@ -154555,12 +154196,12 @@
var propTypes = {
onRootClose: _propTypes2["default"].func,
children: _propTypes2["default"].element,
- /**
- * 是否禁用
+ /**
+ * 是否禁用
*/
disabled: _propTypes2["default"].bool,
- /**
- * 触发事件选择
+ /**
+ * 触发事件选择
*/
event: _propTypes2["default"].oneOf(['click', 'mousedown'])
};
@@ -154671,7 +154312,7 @@
module.exports = exports['default'];
/***/ }),
- /* 702 */
+ /* 682 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -154695,7 +154336,7 @@
var _react2 = _interopRequireDefault(_react);
- var _Transition = __webpack_require__(703);
+ var _Transition = __webpack_require__(683);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -154710,51 +154351,51 @@
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 = {
- /**
- * Show the component; triggers the fade in or fade out animation
+ /**
+ * Show the component; triggers the fade in or fade out animation
*/
"in": _propTypes2["default"].bool,
- /**
- * Unmount the component (remove it from the DOM) when it is faded out
+ /**
+ * Unmount the component (remove it from the DOM) when it is faded out
*/
unmountOnExit: _propTypes2["default"].bool,
- /**
- * Run the fade in animation when the component mounts, if it is initially
- * shown
+ /**
+ * Run the fade in animation when the component mounts, if it is initially
+ * shown
*/
transitionAppear: _propTypes2["default"].bool,
- /**
- * Duration of the fade animation in milliseconds, to ensure that finishing
- * callbacks are fired even if the original browser transition end events are
- * canceled
+ /**
+ * Duration of the fade animation in milliseconds, to ensure that finishing
+ * callbacks are fired even if the original browser transition end events are
+ * canceled
*/
timeout: _propTypes2["default"].number,
- /**
- * Callback fired before the component fades in
+ /**
+ * Callback fired before the component fades in
*/
onEnter: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade in
+ /**
+ * Callback fired after the component starts to fade in
*/
onEntering: _propTypes2["default"].func,
- /**
- * Callback fired after the has component faded in
+ /**
+ * Callback fired after the has component faded in
*/
onEntered: _propTypes2["default"].func,
- /**
- * Callback fired before the component fades out
+ /**
+ * Callback fired before the component fades out
*/
onExit: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade out
+ /**
+ * Callback fired after the component starts to fade out
*/
onExiting: _propTypes2["default"].func,
- /**
- * Callback fired after the component has faded out
+ /**
+ * Callback fired after the component has faded out
*/
onExited: _propTypes2["default"].func
};
@@ -154793,7 +154434,7 @@
module.exports = exports['default'];
/***/ }),
- /* 703 */
+ /* 683 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -154818,11 +154459,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _properties = __webpack_require__(69);
+ var _properties = __webpack_require__(27);
var _properties2 = _interopRequireDefault(_properties);
- var _on = __webpack_require__(70);
+ var _on = __webpack_require__(20);
var _on2 = _interopRequireDefault(_on);
@@ -154852,65 +154493,65 @@
var EXITING = exports.EXITING = 4;
var propTypes = {
- /**
- * 是否触发动画
+ /**
+ * 是否触发动画
*/
"in": _propTypes2["default"].bool,
- /**
- * 不显示的时候是否移除组件
+ /**
+ * 不显示的时候是否移除组件
*/
unmountOnExit: _propTypes2["default"].bool,
- /**
- * 如果设置为默认显示,挂载时显示动画
+ /**
+ * 如果设置为默认显示,挂载时显示动画
*/
transitionAppear: _propTypes2["default"].bool,
- /**
- * 设置超时时间,防止出现问题,可设置为>=动画时间
+ /**
+ * 设置超时时间,防止出现问题,可设置为>=动画时间
*/
timeout: _propTypes2["default"].number,
- /**
- * 退出组件时添加的class
+ /**
+ * 退出组件时添加的class
*/
exitedClassName: _propTypes2["default"].string,
- /**
- * 退出组件中添加的class
+ /**
+ * 退出组件中添加的class
*/
exitingClassName: _propTypes2["default"].string,
- /**
- * 进入动画后添加的class
+ /**
+ * 进入动画后添加的class
*/
enteredClassName: _propTypes2["default"].string,
- /**
- * 进入动画时添加的class
+ /**
+ * 进入动画时添加的class
*/
enteringClassName: _propTypes2["default"].string,
- /**
- * 进入动画开始时的钩子函数
+ /**
+ * 进入动画开始时的钩子函数
*/
onEnter: _propTypes2["default"].func,
- /**
- * 进入动画中的钩子函数
+ /**
+ * 进入动画中的钩子函数
*/
onEntering: _propTypes2["default"].func,
- /**
- * 进入动画后的钩子函数
+ /**
+ * 进入动画后的钩子函数
*/
onEntered: _propTypes2["default"].func,
- /**
- * 退出动画开始时的钩子函数
+ /**
+ * 退出动画开始时的钩子函数
*/
onExit: _propTypes2["default"].func,
- /**
- * 退出动画中的钩子函数
+ /**
+ * 退出动画中的钩子函数
*/
onExiting: _propTypes2["default"].func,
- /**
- * 退出动画后的钩子函数
+ /**
+ * 退出动画后的钩子函数
*/
onExited: _propTypes2["default"].func
};
@@ -154930,8 +154571,8 @@
onExited: noop
};
- /**
- * 动画组件
+ /**
+ * 动画组件
*/
var Transition = function (_Component) {
@@ -155143,7 +154784,7 @@
exports["default"] = Transition;
/***/ }),
- /* 704 */
+ /* 684 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -155152,14 +154793,14 @@
Object.defineProperty(exports, "__esModule", {
value: true
});
- /**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @param {function} functions to chain
- * @returns {function|null}
+ /**
+ * Safe chained function
+ *
+ * Will only create a new function if needed,
+ * otherwise will pass back existing functions or null.
+ *
+ * @param {function} functions to chain
+ * @returns {function|null}
*/
function createChainedFunction() {
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
@@ -155192,21 +154833,21 @@
module.exports = exports['default'];
/***/ }),
- /* 705 */
+ /* 685 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(706);
- module.exports = __webpack_require__(214);
+ __webpack_require__(686);
+ module.exports = __webpack_require__(209);
/***/ }),
- /* 706 */
+ /* 686 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 707 */
+ /* 687 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -155226,11 +154867,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _trigger = __webpack_require__(124);
+ var _trigger = __webpack_require__(116);
var _trigger2 = _interopRequireDefault(_trigger);
- var _placement = __webpack_require__(708);
+ var _placement = __webpack_require__(688);
var _placement2 = _interopRequireDefault(_placement);
@@ -155429,7 +155070,7 @@
module.exports = exports['default'];
/***/ }),
- /* 708 */
+ /* 688 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -155486,14 +155127,2623 @@
exports["default"] = placements;
+ /***/ }),
+ /* 689 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ __webpack_require__(210);
+ module.exports = __webpack_require__(211).Panel;
+
+
+ /***/ }),
+ /* 690 */
+ /***/ (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 _classnames = __webpack_require__(49);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _beeTransition = __webpack_require__(691);
+
+ var _beeMessage = __webpack_require__(695);
+
+ var _beeMessage2 = _interopRequireDefault(_beeMessage);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _copyToClipboard = __webpack_require__(213);
+
+ var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);
+
+ 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 _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; }
+
+ 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 = {
+ //是否添加折叠
+ collapsible: _propTypes2["default"].bool,
+ onSelect: _propTypes2["default"].func,
+ //头部组件
+ header: _propTypes2["default"].node,
+ headerStyle: _propTypes2["default"].object,
+ id: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
+ headerContent: _propTypes2["default"].bool,
+ //footer组件
+ footer: _propTypes2["default"].node,
+ footerStyle: _propTypes2["default"].object,
+ //默认是否打开
+ defaultExpanded: _propTypes2["default"].bool,
+ //是否打开
+ expanded: _propTypes2["default"].bool,
+ //每个panel的标记
+ eventKey: _propTypes2["default"].any,
+ headerRole: _propTypes2["default"].string,
+ panelRole: _propTypes2["default"].string,
+ //颜色
+ colors: _propTypes2["default"].oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', 'default', 'bordered']),
+
+ // From Collapse.的扩展动画
+ onEnter: _propTypes2["default"].func,
+ onEntering: _propTypes2["default"].func,
+ onEntered: _propTypes2["default"].func,
+ onExit: _propTypes2["default"].func,
+ onExiting: _propTypes2["default"].func,
+ onExited: _propTypes2["default"].func,
+ //是否可复制内容
+ copyable: _propTypes2["default"].bool
+ };
+
+ var defaultProps = {
+ defaultExpanded: false,
+ clsPrefix: "u-panel",
+ colors: "default"
+ };
+
+ var Panel = function (_React$Component) {
+ _inherits(Panel, _React$Component);
+
+ function Panel(props, context) {
+ _classCallCheck(this, Panel);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+
+ _this.handleClickTitle = _this.handleClickTitle.bind(_this);
+
+ _this.state = {
+ expanded: _this.props.defaultExpanded
+ };
+ return _this;
+ }
+
+ //头部点击事件
+
+
+ Panel.prototype.handleClickTitle = function handleClickTitle(e) {
+ // 不让事件进入事件池
+ e.persist();
+ e.selected = true;
+
+ if (this.props.onSelect) {
+ this.props.onSelect(this.props.eventKey, e);
+ } else {
+ e.preventDefault();
+ }
+
+ if (e.selected) {
+ this.setState({ expanded: !this.state.expanded });
+ }
+ };
+
+ //渲染panelheader
+
+
+ Panel.prototype.renderHeader = function renderHeader(collapsible, header, id, role, expanded, clsPrefix) {
+ var titleClassName = clsPrefix + '-title';
+
+ if (!collapsible) {
+ if (!_react2["default"].isValidElement(header)) {
+ return header;
+ }
+
+ return (0, _react.cloneElement)(header, {
+ className: (0, _classnames2["default"])(header.props.className, titleClassName)
+ });
+ }
+
+ if (!_react2["default"].isValidElement(header)) {
+ return _react2["default"].createElement(
+ 'h4',
+ { role: 'presentation', className: titleClassName },
+ this.renderAnchor(header, id, role, expanded)
+ );
+ }
+ if (this.props.headerContent) {
+ return (0, _react.cloneElement)(header, {
+ className: (0, _classnames2["default"])(header.props.className, titleClassName)
+ });
+ }
+
+ return (0, _react.cloneElement)(header, {
+ className: (0, _classnames2["default"])(header.props.className, titleClassName),
+ children: this.renderAnchor(header.props.children, id, role, expanded)
+ });
+ };
+
+ //如果使用链接,渲染为a标签
+
+
+ Panel.prototype.renderAnchor = function renderAnchor(header, id, role, expanded) {
+ return _react2["default"].createElement(
+ 'a',
+ {
+ role: role,
+ href: id && '#' + id,
+ 'aria-controls': id,
+ 'aria-expanded': expanded,
+ 'aria-selected': expanded,
+ className: expanded ? null : 'collapsed'
+ },
+ header
+ );
+ };
+
+ //复制代码,弹出提示信息
+
+
+ Panel.prototype.copyDemo = function copyDemo(e) {
+ var panelTarget = e.target.parentNode;
+ var clipBoardContent = panelTarget.firstChild.innerText;
+ (0, _copyToClipboard2["default"])(clipBoardContent);
+ _beeMessage2["default"].create({ content: '复制成功!', color: 'success', duration: 2 });
+ };
+
+ //如果有折叠动画,渲染折叠动画
+
+
+ Panel.prototype.renderCollapsibleBody = function renderCollapsibleBody(id, expanded, role, children, clsPrefix, copyable, animationHooks) {
+ return _react2["default"].createElement(
+ _beeTransition.Collapse,
+ _extends({ 'in': expanded }, animationHooks),
+ _react2["default"].createElement(
+ 'div',
+ {
+ id: id,
+ role: role,
+ className: clsPrefix + '-collapse',
+ 'aria-hidden': !expanded
+ },
+ this.renderBody(children, clsPrefix, copyable)
+ )
+ );
+ };
+
+ //渲染panelbody
+
+
+ Panel.prototype.renderBody = function renderBody(rawChildren, clsPrefix, copyable) {
+ var self = this;
+ var children = [];
+ var bodyChildren = [];
+
+ var bodyClassName = clsPrefix + '-body';
+ //添加到body的children中
+ function maybeAddBody(self) {
+ if (!bodyChildren.length) {
+ return;
+ }
+ // 给子组件添加key,为了之后触发事件时使用
+ children.push(_react2["default"].createElement(
+ 'div',
+ { key: children.length, className: bodyClassName },
+ bodyChildren,
+ copyable && _react2["default"].createElement('i', { className: clsPrefix + '-copy uf uf-files-o', onClick: self.copyDemo })
+ ));
+ bodyChildren = [];
+ }
+
+ //转换为数组,方便复用
+ _react2["default"].Children.toArray(rawChildren).forEach(function (child) {
+ if (_react2["default"].isValidElement(child) && child.props.fill) {
+ maybeAddBody(self);
+
+ //将标示fill设置为undefined
+ children.push((0, _react.cloneElement)(child, { fill: undefined }));
+
+ return;
+ }
+ bodyChildren.push(child);
+ });
+
+ maybeAddBody(self);
+
+ return children;
+ };
+
+ Panel.prototype.render = function render() {
+ var _props = this.props,
+ collapsible = _props.collapsible,
+ header = _props.header,
+ id = _props.id,
+ footer = _props.footer,
+ propsExpanded = _props.expanded,
+ footerStyle = _props.footerStyle,
+ headerStyle = _props.headerStyle,
+ headerRole = _props.headerRole,
+ panelRole = _props.panelRole,
+ className = _props.className,
+ colors = _props.colors,
+ children = _props.children,
+ onEnter = _props.onEnter,
+ onEntering = _props.onEntering,
+ onEntered = _props.onEntered,
+ clsPrefix = _props.clsPrefix,
+ onExit = _props.onExit,
+ headerContent = _props.headerContent,
+ onExiting = _props.onExiting,
+ onExited = _props.onExited,
+ defaultExpanded = _props.defaultExpanded,
+ eventKey = _props.eventKey,
+ onSelect = _props.onSelect,
+ copyable = _props.copyable,
+ props = _objectWithoutProperties(_props, ['collapsible', 'header', 'id', 'footer', 'expanded', 'footerStyle', 'headerStyle', 'headerRole', 'panelRole', 'className', 'colors', 'children', 'onEnter', 'onEntering', 'onEntered', 'clsPrefix', 'onExit', 'headerContent', 'onExiting', 'onExited', 'defaultExpanded', 'eventKey', 'onSelect', 'copyable']);
+
+ var expanded = propsExpanded != null ? propsExpanded : this.state.expanded;
+
+ var classes = {};
+ classes['' + clsPrefix] = true;
+ classes[clsPrefix + '-' + colors] = true;
+
+ var headerClass = _defineProperty({}, clsPrefix + '-heading', true);
+
+ copyable === false ? false : true;
+ return _react2["default"].createElement(
+ 'div',
+ _extends({}, props, {
+ className: (0, _classnames2["default"])(className, classes),
+ id: collapsible ? null : id
+ }),
+ header && _react2["default"].createElement(
+ 'div',
+ { className: (0, _classnames2["default"])(headerClass), style: headerStyle, onClick: this.handleClickTitle },
+ this.renderHeader(collapsible, header, id, headerRole, expanded, clsPrefix)
+ ),
+ collapsible ? this.renderCollapsibleBody(id, expanded, panelRole, children, clsPrefix, copyable, { onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }) : this.renderBody(children, clsPrefix, copyable),
+ footer && _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + '-footer', style: footerStyle },
+ footer
+ )
+ );
+ };
+
+ return Panel;
+ }(_react2["default"].Component);
+
+ Panel.propTypes = propTypes;
+ Panel.defaultProps = defaultProps;
+
+ exports["default"] = Panel;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 691 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Fade = exports.Collapse = exports.Transition = undefined;
+
+ var _Transition2 = __webpack_require__(121);
+
+ var _Transition3 = _interopRequireDefault(_Transition2);
+
+ var _Collapse2 = __webpack_require__(692);
+
+ var _Collapse3 = _interopRequireDefault(_Collapse2);
+
+ var _Fade2 = __webpack_require__(694);
+
+ var _Fade3 = _interopRequireDefault(_Fade2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports.Transition = _Transition3["default"];
+ exports.Collapse = _Collapse3["default"];
+ exports.Fade = _Fade3["default"];
+
+ /***/ }),
+ /* 692 */
+ /***/ (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 _classnames = __webpack_require__(49);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _style = __webpack_require__(19);
+
+ var _style2 = _interopRequireDefault(_style);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _Transition = __webpack_require__(121);
+
+ var _Transition2 = _interopRequireDefault(_Transition);
+
+ var _capitalize = __webpack_require__(693);
+
+ var _capitalize2 = _interopRequireDefault(_capitalize);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ 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 MARGINS = {
+ height: ['marginTop', 'marginBottom'],
+ width: ['marginLeft', 'marginRight']
+ };
+
+ // reading a dimension prop will cause the browser to recalculate,
+ // which will let our animations work
+ function triggerBrowserReflow(node) {
+ node.offsetHeight; // eslint-disable-line no-unused-expressions
+ }
+
+ function getDimensionValue(dimension, elem) {
+ var value = elem['offset' + (0, _capitalize2["default"])(dimension)];
+ var margins = MARGINS[dimension];
+
+ return value + parseInt((0, _style2["default"])(elem, margins[0]), 10) + parseInt((0, _style2["default"])(elem, margins[1]), 10);
+ }
+
+ var propTypes = {
+ /**
+ * Show the component; triggers the expand or collapse animation
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * Unmount the component (remove it from the DOM) when it is collapsed
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * Run the expand animation when the component mounts, if it is initially
+ * shown
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * Duration of the collapse animation in milliseconds, to ensure that
+ * finishing callbacks are fired even if the original browser transition end
+ * events are canceled
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * Callback fired before the component expands
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to expand
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component has expanded
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * Callback fired before the component collapses
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to collapse
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component has collapsed
+ */
+ onExited: _propTypes2["default"].func,
+
+ /**
+ * The dimension used when collapsing, or a function that returns the
+ * dimension
+ *
+ * _Note: Bootstrap only partially supports 'width'!
+ * You will need to supply your own CSS animation for the `.width` CSS class._
+ */
+ dimension: _propTypes2["default"].oneOfType([_propTypes2["default"].oneOf(['height', 'width']), _propTypes2["default"].func]),
+
+ /**
+ * Function that returns the height or width of the animating DOM node
+ *
+ * Allows for providing some custom logic for how much the Collapse component
+ * should animate in its specified dimension. Called with the current
+ * dimension prop value and the DOM node.
+ */
+ getDimensionValue: _propTypes2["default"].func,
+
+ /**
+ * ARIA role of collapsible element
+ */
+ role: _propTypes2["default"].string
+ };
+
+ var defaultProps = {
+ "in": false,
+ timeout: 300,
+ unmountOnExit: false,
+ transitionAppear: false,
+
+ dimension: 'height',
+ getDimensionValue: getDimensionValue
+ };
+
+ var Collapse = function (_React$Component) {
+ _inherits(Collapse, _React$Component);
+
+ function Collapse(props, context) {
+ _classCallCheck(this, Collapse);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+
+ _this.handleEnter = _this.handleEnter.bind(_this);
+ _this.handleEntering = _this.handleEntering.bind(_this);
+ _this.handleEntered = _this.handleEntered.bind(_this);
+ _this.handleExit = _this.handleExit.bind(_this);
+ _this.handleExiting = _this.handleExiting.bind(_this);
+ return _this;
+ }
+
+ /* -- Expanding -- */
+
+
+ Collapse.prototype.handleEnter = function handleEnter(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = '0';
+ };
+
+ Collapse.prototype.handleEntering = function handleEntering(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);
+ };
+
+ Collapse.prototype.handleEntered = function handleEntered(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = null;
+ };
+
+ /* -- Collapsing -- */
+
+
+ Collapse.prototype.handleExit = function handleExit(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';
+ triggerBrowserReflow(elem);
+ };
+
+ Collapse.prototype.handleExiting = function handleExiting(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = '0';
+ };
+
+ Collapse.prototype._dimension = function _dimension() {
+ return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;
+ };
+
+ // for testing
+
+
+ Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {
+ return elem['scroll' + (0, _capitalize2["default"])(dimension)] + 'px';
+ };
+
+ Collapse.prototype.render = function render() {
+ var _props = this.props,
+ onEnter = _props.onEnter,
+ onEntering = _props.onEntering,
+ onEntered = _props.onEntered,
+ onExit = _props.onExit,
+ onExiting = _props.onExiting,
+ className = _props.className,
+ props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);
+
+ delete props.dimension;
+ delete props.getDimensionValue;
+
+ var handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);
+ var handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);
+ var handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);
+ var handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);
+ var handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);
+
+ var classes = {
+ width: this._dimension() === 'width'
+ };
+
+ return _react2["default"].createElement(_Transition2["default"], _extends({}, props, {
+ 'aria-expanded': props.role ? props["in"] : null,
+ className: (0, _classnames2["default"])(className, classes),
+ exitedClassName: 'collapse',
+ exitingClassName: 'collapsing',
+ enteredClassName: 'collapse in',
+ enteringClassName: 'collapsing',
+ onEnter: handleEnter,
+ onEntering: handleEntering,
+ onEntered: handleEntered,
+ onExit: handleExit,
+ onExiting: handleExiting
+ }));
+ };
+
+ return Collapse;
+ }(_react2["default"].Component);
+
+ Collapse.propTypes = propTypes;
+ Collapse.defaultProps = defaultProps;
+
+ exports["default"] = Collapse;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 693 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = capitalize;
+ function capitalize(string) {
+ return "" + string.charAt(0).toUpperCase() + string.slice(1);
+ }
+ module.exports = exports["default"];
+
+ /***/ }),
+ /* 694 */
+ /***/ (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 _classnames = __webpack_require__(49);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _Transition = __webpack_require__(121);
+
+ var _Transition2 = _interopRequireDefault(_Transition);
+
+ 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 propTypes = {
+ /**
+ * Show the component; triggers the fade in or fade out animation
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * Unmount the component (remove it from the DOM) when it is faded out
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * Run the fade in animation when the component mounts, if it is initially
+ * shown
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * Duration of the fade animation in milliseconds, to ensure that finishing
+ * callbacks are fired even if the original browser transition end events are
+ * canceled
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * Callback fired before the component fades in
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to fade in
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * Callback fired after the has component faded in
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * Callback fired before the component fades out
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to fade out
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component has faded out
+ */
+ onExited: _propTypes2["default"].func
+ };
+
+ var defaultProps = {
+ "in": false,
+ timeout: 300,
+ unmountOnExit: false,
+ transitionAppear: false
+ };
+
+ var Fade = function (_React$Component) {
+ _inherits(Fade, _React$Component);
+
+ function Fade() {
+ _classCallCheck(this, Fade);
+
+ return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+ }
+
+ Fade.prototype.render = function render() {
+ return _react2["default"].createElement(_Transition2["default"], _extends({}, this.props, {
+ className: (0, _classnames2["default"])(this.props.className, 'fade'),
+ enteredClassName: 'in',
+ enteringClassName: 'in'
+ }));
+ };
+
+ return Fade;
+ }(_react2["default"].Component);
+
+ Fade.propTypes = propTypes;
+ Fade.defaultProps = defaultProps;
+
+ exports["default"] = Fade;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 695 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Message = __webpack_require__(696);
+
+ var _Message2 = _interopRequireDefault(_Message);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Message2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 696 */
+ /***/ (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__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _beeNotification = __webpack_require__(79);
+
+ var _beeNotification2 = _interopRequireDefault(_beeNotification);
+
+ var _classnames = __webpack_require__(49);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ var defaultDuration = 1.5;
+ var newDuration = void 0;
+ var defaultTop = 0;
+ var defaultBottom = 48;
+ var bottom = 90;
+ var padding = 30;
+ var width = 200;
+ var messageInstance = void 0;
+ var key = 1;
+ var clsPrefix = 'u-message';
+ var noop = function noop() {};
+
+ var positionObj = {
+ "top": {
+ messageStyle: {
+ width: "100%"
+ },
+ notificationStyle: {
+ top: defaultTop,
+ width: "100%"
+ },
+ transitionName: 'top'
+ },
+ "bottom": {
+ messageStyle: {
+ width: "100%"
+ },
+ notificationStyle: {
+ bottom: defaultBottom,
+ width: "100%"
+ },
+ transitionName: 'bottom'
+ },
+ "topRight": {
+ messageStyle: {
+ width: width
+ },
+ notificationStyle: {
+ top: padding,
+ right: padding,
+ width: width
+ },
+ transitionName: 'right'
+ },
+ "bottomRight": {
+ messageStyle: {
+ width: width
+ },
+ notificationStyle: {
+ bottom: bottom,
+ right: padding,
+ width: width
+ },
+ transitionName: 'right'
+ },
+ "topLeft": {
+ messageStyle: {
+ width: width
+ },
+ notificationStyle: {
+ top: padding,
+ left: padding,
+ width: width
+ },
+ transitionName: 'left'
+ },
+ "bottomLeft": {
+ messageStyle: {
+ width: width
+ },
+ notificationStyle: {
+ bottom: bottom,
+ left: padding,
+ width: width
+ },
+ transitionName: 'left'
+ }
+ };
+
+ function getMessageInstance() {
+ var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'top';
+ var callback = arguments[1];
+ var keyboard = arguments[2];
+ var onEscapeKeyUp = arguments[3];
+
+ if (messageInstance) {
+ callback(messageInstance);
+ return;
+ }
+ switch (position) {
+ case 'top':
+ positionObj[position].notificationStyle.top = defaultTop;
+ break;
+ case 'bottom':
+ positionObj[position].notificationStyle.bottom = defaultBottom;
+ break;
+ case 'bottomRight':
+ positionObj[position].notificationStyle.bottom = bottom;
+ break;
+ case 'bottomLeft':
+ positionObj[position].notificationStyle.bottom = bottom;
+ break;
+ default:
+ break;
+ }
+ if (position !== 'top' && position !== 'bottom') {
+ positionObj[position].messageStyle.width = width;
+ }
+ var style = positionObj[position].notificationStyle;
+ var instanceObj = {
+ clsPrefix: clsPrefix,
+ transitionName: clsPrefix + '-' + positionObj[position].transitionName,
+ style: style, // 覆盖原来的样式
+ position: ''
+ };
+ if (typeof keyboard === 'boolean') {
+ instanceObj.keyboard = keyboard;
+ }
+ if (typeof onEscapeKeyUp === 'function') {
+ instanceObj.onEscapeKeyUp = onEscapeKeyUp;
+ }
+ _beeNotification2["default"].newInstance(instanceObj, function (instance) {
+ messageInstance = instance;
+ callback(instance);
+ });
+ }
+
+ function notice(content, duration, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon) {
+ var iconType = {
+ info: 'uf uf-i-c-2',
+ success: 'uf uf-correct',
+ danger: 'uf uf-close-c',
+ warning: 'uf uf-exc-t',
+ light: 'uf uf-notification',
+ dark: 'uf uf-bubble',
+ news: 'uf uf-bell',
+ infolight: 'uf uf-i-c-2',
+ successlight: 'uf uf-correct',
+ dangerlight: 'uf uf-close-c',
+ warninglight: 'uf uf-exc-t'
+ }[type];
+
+ var positionStyle = positionObj[position].messageStyle;
+ getMessageInstance(position, function (instance) {
+ instance.notice({
+ key: key,
+ duration: duration,
+ color: type,
+ style: _extends({}, positionStyle, style),
+ content: _react2["default"].createElement(
+ 'div',
+ null,
+ showIcon ? _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + '-notice-description-icon' },
+ _react2["default"].createElement('i', { className: (0, _classnames2["default"])(iconType) })
+ ) : null,
+ _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + '-notice-description-content' },
+ content
+ )
+ ),
+ onClose: onClose
+ });
+ }, keyboard, onEscapeKeyUp);
+ return function () {
+ var target = key++;
+ return function () {
+ if (messageInstance) {
+ messageInstance.removeNotice(target);
+ }
+ };
+ }();
+ }
+
+ exports["default"] = {
+ create: function create(obj) {
+ if (newDuration) {
+ //如果在config方法里设置了duration
+ obj.duration = newDuration;
+ }
+ var content = obj.content || '';
+ var duration = typeof obj.duration == 'undefined' ? defaultDuration : obj.duration;
+ var color = obj.color || 'dark';
+ var onClose = obj.onClose || noop;
+ var position = obj.position || "top";
+ var style = obj.style || {};
+ var showIcon = obj.showIcon || false;
+ return notice(content, duration, color, onClose, position, style, obj.keyboard, obj.onEscapeKeyUp, showIcon);
+ },
+ config: function config(options) {
+ if (options.top !== undefined) {
+ defaultTop = options.top;
+ }
+ if (options.duration !== undefined) {
+ defaultDuration = options.duration;
+ newDuration = defaultDuration;
+ }
+ if (options.clsPrefix !== undefined) {
+ clsPrefix = options.clsPrefix;
+ }
+ if (options.defaultBottom !== undefined) {
+ defaultBottom = options.defaultBottom;
+ }
+ if (options.bottom !== undefined) {
+ bottom = options.bottom;
+ }
+ if (options.width !== undefined) {
+ width = options.width;
+ }
+ },
+ destroy: function destroy() {
+ if (messageInstance) {
+ messageInstance.destroy();
+ messageInstance = null;
+ }
+ }
+ };
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 697 */
+ /***/ (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__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _beeAnimate = __webpack_require__(698);
+
+ var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
+
+ var _createChainedFunction = __webpack_require__(43);
+
+ var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
+
+ var _ownerDocument = __webpack_require__(48);
+
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ var _addEventListener = __webpack_require__(78);
+
+ var _addEventListener2 = _interopRequireDefault(_addEventListener);
+
+ var _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _Notice = __webpack_require__(702);
+
+ var _Notice2 = _interopRequireDefault(_Notice);
+
+ 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 _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; }
+
+ 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 seed = 0;
+ var now = Date.now();
+
+ function getUuid() {
+ return 'uNotification_' + now + '_' + seed++;
+ }
+
+ var propTypes = {
+ show: _propTypes2["default"].bool,
+ clsPrefix: _propTypes2["default"].string,
+ style: _propTypes2["default"].object,
+ position: _propTypes2["default"].oneOf(['topRight', 'bottomRight', '']),
+ transitionName: _propTypes2["default"].string,
+ keyboard: _propTypes2["default"].bool, // 按esc键是否关闭notice
+ onEscapeKeyUp: _propTypes2["default"].func, // 设置esc键特殊钩子函数
+ animation: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object])
+ };
+
+ var defaultProps = {
+ clsPrefix: 'u-notification',
+ animation: 'fade',
+ keyboard: true,
+ position: 'topRight'
+ };
+
+ var Notification = function (_Component) {
+ _inherits(Notification, _Component);
+
+ function Notification(props) {
+ _classCallCheck(this, Notification);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.handleDocumentKeyUp = function (e) {
+ if (_this.props.keyboard && e.keyCode === 27 && _this.state.notices.length) {
+ _this.setState(function (previousState) {
+ previousState.notices.shift();
+ return {
+ notices: previousState.notices
+ };
+ });
+ if (_this.props.onEscapeKeyUp) {
+ _this.props.onEscapeKeyUp(e);
+ }
+ }
+ };
+
+ _this.state = {
+ notices: []
+ };
+ _this.add = _this.add.bind(_this);
+ _this.remove = _this.remove.bind(_this);
+
+ return _this;
+ }
+
+ Notification.prototype.componentDidMount = function componentDidMount() {
+ // 给document绑定keyup事件
+ var doc = (0, _ownerDocument2["default"])(this);
+ this._onDocumentKeyupListener = (0, _addEventListener2["default"])(doc, 'keyup', this.handleDocumentKeyUp);
+ };
+
+ Notification.prototype.componentWillUnmount = function componentWillUnmount() {
+ this._onDocumentKeyupListener.remove();
+ };
+
+ Notification.prototype.getTransitionName = function getTransitionName() {
+ var props = this.props;
+ var transitionName = props.transitionName;
+ if (!transitionName && props.animation) {
+ transitionName = props.clsPrefix + '-' + props.animation;
+ }
+ return transitionName;
+ };
+
+ Notification.prototype.add = function add(notice) {
+ var key = notice.key = notice.key || getUuid();
+ this.setState(function (previousState) {
+ var notices = previousState.notices;
+ if (!notices.filter(function (v) {
+ return v.key === key;
+ }).length) {
+ return {
+ notices: notices.concat(notice)
+ };
+ }
+ });
+ };
+
+ Notification.prototype.remove = function remove(key) {
+ this.setState(function (previousState) {
+ return {
+ notices: previousState.notices.filter(function (notice) {
+ return notice.key !== key;
+ })
+ };
+ });
+ };
+
+ /**
+ * 处理绑定在document上的keyup事件
+ */
+
+
+ Notification.prototype.render = function render() {
+ var _this2 = this,
+ _classes;
+
+ var _props = this.props,
+ clsPrefix = _props.clsPrefix,
+ className = _props.className,
+ position = _props.position,
+ style = _props.style;
+
+ var noticeNodes = this.state.notices.map(function (notice) {
+ var onClose = (0, _createChainedFunction2["default"])(_this2.remove.bind(_this2, notice.key), notice.onClose);
+ return _react2["default"].createElement(
+ _Notice2["default"],
+ _extends({
+ clsPrefix: clsPrefix
+ }, notice, {
+ onClose: onClose
+ }),
+ notice.content
+ );
+ });
+ var classes = (_classes = {}, _defineProperty(_classes, clsPrefix, 1), _defineProperty(_classes, className, !!className), _classes);
+ if (position) {
+ classes[clsPrefix + '-' + position] = !!position;
+ }
+
+ return _react2["default"].createElement(
+ 'div',
+ { className: (0, _classnames2["default"])(className, classes), style: style },
+ _react2["default"].createElement(
+ _beeAnimate2["default"],
+ { transitionName: this.getTransitionName() },
+ noticeNodes
+ )
+ );
+ };
+
+ return Notification;
+ }(_react.Component);
+
+ ;
+
+ Notification.propTypes = propTypes;
+ Notification.defaultProps = defaultProps;
+
+ Notification.newInstance = function newNotificationInstance(properties, callback) {
+ if (typeof callback !== 'function') {
+ console.error('You must introduce callback as the second parameter of Notification.newInstance().');
+ return;
+ }
+ var props = properties || {};
+ var div = document.createElement('div');
+ document.body.appendChild(div);
+
+ var called = false;
+ function ref(notification) {
+ if (called) {
+ return;
+ }
+ called = true;
+ callback({
+ notice: function notice(noticeProps) {
+ notification.add(noticeProps);
+ },
+ removeNotice: function removeNotice(key) {
+ notification.remove(key);
+ },
+
+ component: notification,
+ destroy: function destroy() {
+ _reactDom2["default"].unmountComponentAtNode(div);
+ document.body.removeChild(div);
+ }
+ });
+ }
+ _reactDom2["default"].render(_react2["default"].createElement(Notification, _extends({}, props, { ref: ref })), div);
+ };
+
+ exports["default"] = Notification;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 698 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Animate = __webpack_require__(699);
+
+ var _Animate2 = _interopRequireDefault(_Animate);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Animate2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 699 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _ChildrenUtils = __webpack_require__(700);
+
+ var _AnimateChild = __webpack_require__(701);
+
+ var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
+
+ var _util = __webpack_require__(212);
+
+ var _util2 = _interopRequireDefault(_util);
+
+ 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 _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; }
+
+ 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 defaultKey = 'u_animate_' + Date.now();
+
+
+ function getChildrenFromProps(props) {
+ var children = props.children;
+ if (_react2["default"].isValidElement(children)) {
+ if (!children.key) {
+ return _react2["default"].cloneElement(children, {
+ key: defaultKey
+ });
+ }
+ }
+ return children;
+ }
+
+ function noop() {}
+
+ var propTypes = {
+ component: _propTypes2["default"].any,
+ animation: _propTypes2["default"].object,
+ transitionName: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object]),
+ transitionEnter: _propTypes2["default"].bool,
+ transitionAppear: _propTypes2["default"].bool,
+ exclusive: _propTypes2["default"].bool,
+ transitionLeave: _propTypes2["default"].bool,
+ onEnd: _propTypes2["default"].func,
+ onEnter: _propTypes2["default"].func,
+ onLeave: _propTypes2["default"].func,
+ onAppear: _propTypes2["default"].func,
+ showProp: _propTypes2["default"].string
+ };
+
+ var defaultProps = {
+ animation: {},
+ component: 'span',
+ transitionEnter: true,
+ transitionLeave: true,
+ transitionAppear: false,
+ onEnd: noop,
+ onEnter: noop,
+ onLeave: noop,
+ onAppear: noop
+ };
+
+ var Animate = function (_Component) {
+ _inherits(Animate, _Component);
+
+ function Animate(props) {
+ _classCallCheck(this, Animate);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.currentlyAnimatingKeys = {};
+ _this.keysToEnter = [];
+ _this.keysToLeave = [];
+ _this.state = {
+ children: (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(_this.props))
+ };
+
+ _this.performEnter = _this.performEnter.bind(_this);
+ _this.performAppear = _this.performAppear.bind(_this);
+ _this.handleDoneAdding = _this.handleDoneAdding.bind(_this);
+ _this.performLeave = _this.performLeave.bind(_this);
+
+ _this.performLeave = _this.performLeave.bind(_this);
+ _this.handleDoneLeaving = _this.handleDoneLeaving.bind(_this);
+ _this.isValidChildByKey = _this.isValidChildByKey.bind(_this);
+ _this.stop = _this.stop.bind(_this);
+ return _this;
+ }
+
+ Animate.prototype.componentDidMount = function componentDidMount() {
+ var _this2 = this;
+
+ this.mounted = true;
+ var showProp = this.props.showProp;
+ var children = this.state.children;
+ if (showProp) {
+ children = children.filter(function (child) {
+ return !!child.props[showProp];
+ });
+ }
+ children.forEach(function (child) {
+ if (child) {
+ _this2.performAppear(child.key);
+ }
+ });
+ };
+
+ Animate.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.mounted = false;
+ };
+
+ Animate.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ var _this3 = this;
+
+ this.nextProps = nextProps;
+ var nextChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(nextProps));
+ var props = this.props;
+ // exclusive needs immediate response
+ if (props.exclusive) {
+ Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
+ _this3.stop(key);
+ });
+ }
+ var showProp = props.showProp;
+ var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
+ // last props children if exclusive
+ var currentChildren = props.exclusive ? (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props)) : this.state.children;
+ // in case destroy in showProp mode
+ var newChildren = [];
+ if (showProp) {
+ currentChildren.forEach(function (currentChild) {
+ var nextChild = currentChild && (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, currentChild.key);
+ var newChild = void 0;
+ if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
+ newChild = _react2["default"].cloneElement(nextChild || currentChild, _defineProperty({}, showProp, true));
+ } else {
+ newChild = nextChild;
+ }
+ if (newChild) {
+ newChildren.push(newChild);
+ }
+ });
+ nextChildren.forEach(function (nextChild) {
+ if (!nextChild || !(0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, nextChild.key)) {
+ newChildren.push(nextChild);
+ }
+ });
+ } else {
+ newChildren = (0, _ChildrenUtils.mergeChildren)(currentChildren, nextChildren);
+ }
+
+ // need render to avoid update
+ this.setState({
+ children: newChildren
+ });
+
+ nextChildren.forEach(function (child) {
+ var key = child && child.key;
+ if (child && currentlyAnimatingKeys[key]) {
+ return;
+ }
+ var hasPrev = child && (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
+ if (showProp) {
+ var showInNext = child.props[showProp];
+ if (hasPrev) {
+ var showInNow = (0, _ChildrenUtils.findShownChildInChildrenByKey)(currentChildren, key, showProp);
+ if (!showInNow && showInNext) {
+ _this3.keysToEnter.push(key);
+ }
+ } else if (showInNext) {
+ _this3.keysToEnter.push(key);
+ }
+ } else if (!hasPrev) {
+ _this3.keysToEnter.push(key);
+ }
+ });
+
+ currentChildren.forEach(function (child) {
+ var key = child && child.key;
+ if (child && currentlyAnimatingKeys[key]) {
+ return;
+ }
+ var hasNext = child && (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, key);
+ if (showProp) {
+ var showInNow = child.props[showProp];
+ if (hasNext) {
+ var showInNext = (0, _ChildrenUtils.findShownChildInChildrenByKey)(nextChildren, key, showProp);
+ if (!showInNext && showInNow) {
+ _this3.keysToLeave.push(key);
+ }
+ } else if (showInNow) {
+ _this3.keysToLeave.push(key);
+ }
+ } else if (!hasNext) {
+ _this3.keysToLeave.push(key);
+ }
+ });
+ };
+
+ Animate.prototype.componentDidUpdate = function componentDidUpdate() {
+ var keysToEnter = this.keysToEnter;
+ this.keysToEnter = [];
+ keysToEnter.forEach(this.performEnter);
+ var keysToLeave = this.keysToLeave;
+ this.keysToLeave = [];
+ keysToLeave.forEach(this.performLeave);
+ };
+
+ Animate.prototype.performEnter = function performEnter(key) {
+ // may already remove by exclusive
+ if (this.refs[key]) {
+ this.currentlyAnimatingKeys[key] = true;
+ this.refs[key].componentWillEnter(this.handleDoneAdding.bind(this, key, 'enter'));
+ }
+ };
+
+ Animate.prototype.performAppear = function performAppear(key) {
+ if (this.refs[key]) {
+ this.currentlyAnimatingKeys[key] = true;
+ this.refs[key].componentWillAppear(this.handleDoneAdding.bind(this, key, 'appear'));
+ }
+ };
+
+ Animate.prototype.handleDoneAdding = function handleDoneAdding(key, type) {
+ var props = this.props;
+ delete this.currentlyAnimatingKeys[key];
+ // if update on exclusive mode, skip check
+ if (props.exclusive && props !== this.nextProps) {
+ return;
+ }
+ var currentChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props));
+ if (!this.isValidChildByKey(currentChildren, key)) {
+ // exclusive will not need this
+ this.performLeave(key);
+ } else {
+ if (type === 'appear') {
+ if (_util2["default"].allowAppearCallback(props)) {
+ props.onAppear(key);
+ props.onEnd(key, true);
+ }
+ } else {
+ if (_util2["default"].allowEnterCallback(props)) {
+ props.onEnter(key);
+ props.onEnd(key, true);
+ }
+ }
+ }
+ };
+
+ Animate.prototype.performLeave = function performLeave(key) {
+ // may already remove by exclusive
+ if (this.refs[key]) {
+ this.currentlyAnimatingKeys[key] = true;
+ this.refs[key].componentWillLeave(this.handleDoneLeaving.bind(this, key));
+ }
+ };
+
+ Animate.prototype.handleDoneLeaving = function handleDoneLeaving(key) {
+ var props = this.props;
+ delete this.currentlyAnimatingKeys[key];
+ // if update on exclusive mode, skip check
+ if (props.exclusive && props !== this.nextProps) {
+ return;
+ }
+ var currentChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props));
+ // in case state change is too fast
+ if (this.isValidChildByKey(currentChildren, key)) {
+ this.performEnter(key);
+ } else {
+ var end = function end() {
+ if (_util2["default"].allowLeaveCallback(props)) {
+ props.onLeave(key);
+ props.onEnd(key, false);
+ }
+ };
+ /* eslint react/no-is-mounted:0 */
+ if (this.mounted && !(0, _ChildrenUtils.isSameChildren)(this.state.children, currentChildren, props.showProp)) {
+ this.setState({
+ children: currentChildren
+ }, end);
+ } else {
+ end();
+ }
+ }
+ };
+
+ Animate.prototype.isValidChildByKey = function isValidChildByKey(currentChildren, key) {
+ var showProp = this.props.showProp;
+ if (showProp) {
+ return (0, _ChildrenUtils.findShownChildInChildrenByKey)(currentChildren, key, showProp);
+ }
+ return (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
+ };
+
+ Animate.prototype.stop = function stop(key) {
+ delete this.currentlyAnimatingKeys[key];
+ var component = this.refs[key];
+ if (component) {
+ component.stop();
+ }
+ };
+
+ Animate.prototype.render = function render() {
+ var props = this.props;
+ this.nextProps = props;
+ var stateChildren = this.state.children;
+ var children = null;
+ if (stateChildren) {
+ children = stateChildren.map(function (child) {
+ if (child === null || child === undefined) {
+ return child;
+ }
+ if (!child.key) {
+ throw new Error('must set key for children');
+ }
+ return _react2["default"].createElement(
+ _AnimateChild2["default"],
+ {
+ key: child.key,
+ ref: child.key,
+ animation: props.animation,
+ transitionName: props.transitionName,
+ transitionEnter: props.transitionEnter,
+ transitionAppear: props.transitionAppear,
+ transitionLeave: props.transitionLeave
+ },
+ child
+ );
+ });
+ }
+ var Component = props.component;
+ if (Component) {
+ var passedProps = props;
+ if (typeof Component === 'string') {
+ passedProps = {
+ className: props.className,
+ style: props.style
+ };
+ }
+ return _react2["default"].createElement(
+ Component,
+ passedProps,
+ children
+ );
+ }
+ return children[0] || null;
+ };
+
+ return Animate;
+ }(_react.Component);
+
+ ;
+ Animate.defaultProps = defaultProps;
+ Animate.propTypes = Animate.propTypes;
+
+ exports["default"] = Animate;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 700 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.toArrayChildren = toArrayChildren;
+ exports.findChildInChildrenByKey = findChildInChildrenByKey;
+ exports.findShownChildInChildrenByKey = findShownChildInChildrenByKey;
+ exports.findHiddenChildInChildrenByKey = findHiddenChildInChildrenByKey;
+ exports.isSameChildren = isSameChildren;
+ exports.mergeChildren = mergeChildren;
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function toArrayChildren(children) {
+ var ret = [];
+ _react2["default"].Children.forEach(children, function (child) {
+ ret.push(child);
+ });
+ return ret;
+ }
+
+ function findChildInChildrenByKey(children, key) {
+ var ret = null;
+ if (children) {
+ children.forEach(function (child) {
+ if (ret) {
+ return;
+ }
+ if (child && child.key === key) {
+ ret = child;
+ }
+ });
+ }
+ return ret;
+ }
+
+ function findShownChildInChildrenByKey(children, key, showProp) {
+ var ret = null;
+ if (children) {
+ children.forEach(function (child) {
+ if (child && child.key === key && child.props[showProp]) {
+ if (ret) {
+ throw new Error('two child with same key for children');
+ }
+ ret = child;
+ }
+ });
+ }
+ return ret;
+ }
+
+ function findHiddenChildInChildrenByKey(children, key, showProp) {
+ var found = 0;
+ if (children) {
+ children.forEach(function (child) {
+ if (found) {
+ return;
+ }
+ found = child && child.key === key && !child.props[showProp];
+ });
+ }
+ return found;
+ }
+
+ function isSameChildren(c1, c2, showProp) {
+ var same = c1.length === c2.length;
+ if (same) {
+ c1.forEach(function (child, index) {
+ var child2 = c2[index];
+ if (child && child2) {
+ if (child && !child2 || !child && child2) {
+ same = false;
+ } else if (child.key !== child2.key) {
+ same = false;
+ } else if (showProp && child.props[showProp] !== child2.props[showProp]) {
+ same = false;
+ }
+ }
+ });
+ }
+ return same;
+ }
+
+ function mergeChildren(prev, next) {
+ var ret = [];
+
+ // For each key of `next`, the list of keys to insert before that key in
+ // the combined list
+ var nextChildrenPending = {};
+ var pendingChildren = [];
+ prev.forEach(function (child) {
+ if (child && findChildInChildrenByKey(next, child.key)) {
+ if (pendingChildren.length) {
+ nextChildrenPending[child.key] = pendingChildren;
+ pendingChildren = [];
+ }
+ } else {
+ pendingChildren.push(child);
+ }
+ });
+
+ next.forEach(function (child) {
+ if (child && nextChildrenPending.hasOwnProperty(child.key)) {
+ ret = ret.concat(nextChildrenPending[child.key]);
+ }
+ ret.push(child);
+ });
+
+ ret = ret.concat(pendingChildren);
+
+ return ret;
+ }
+
+ /***/ }),
+ /* 701 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ 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 _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ var _util = __webpack_require__(212);
+
+ var _util2 = _interopRequireDefault(_util);
+
+ 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 transitionMap = {
+ enter: 'transitionEnter',
+ appear: 'transitionAppear',
+ leave: 'transitionLeave'
+ };
+
+ var propTypes = {
+ children: _propTypes2["default"].any
+ };
+
+ var AnimateChild = function (_Component) {
+ _inherits(AnimateChild, _Component);
+
+ function AnimateChild(props) {
+ _classCallCheck(this, AnimateChild);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.transition = _this.transition.bind(_this);
+ _this.stop = _this.stop.bind(_this);
+ return _this;
+ }
+
+ AnimateChild.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.stop();
+ };
+
+ AnimateChild.prototype.componentWillEnter = function componentWillEnter(done) {
+ if (_util2["default"].isEnterSupported(this.props)) {
+ this.transition('enter', done);
+ } else {
+ done();
+ }
+ };
+
+ AnimateChild.prototype.componentWillAppear = function componentWillAppear(done) {
+ if (_util2["default"].isAppearSupported(this.props)) {
+ this.transition('appear', done);
+ } else {
+ done();
+ }
+ };
+
+ AnimateChild.prototype.componentWillLeave = function componentWillLeave(done) {
+ if (_util2["default"].isLeaveSupported(this.props)) {
+ this.transition('leave', done);
+ } else {
+ // always sync, do not interupt with react component life cycle
+ // update hidden -> animate hidden ->
+ // didUpdate -> animate leave -> unmount (if animate is none)
+ done();
+ }
+ };
+
+ AnimateChild.prototype.transition = function transition(animationType, finishCallback) {
+ var _this2 = this;
+
+ var node = _reactDom2["default"].findDOMNode(this);
+ var props = this.props;
+ var transitionName = props.transitionName;
+ var nameIsObj = (typeof transitionName === 'undefined' ? 'undefined' : _typeof(transitionName)) === 'object';
+ this.stop();
+ var end = function end() {
+ _this2.stopper = null;
+ finishCallback();
+ };
+ if ((_tinperBeeCore.cssAnimation.isCssAnimationSupported || !props.animation[animationType]) && transitionName && props[transitionMap[animationType]]) {
+ var name = nameIsObj ? transitionName[animationType] : transitionName + '-' + animationType;
+ var activeName = name + '-active';
+ if (nameIsObj && transitionName[animationType + 'Active']) {
+ activeName = transitionName[animationType + 'Active'];
+ }
+ this.stopper = (0, _tinperBeeCore.cssAnimation)(node, {
+ name: name,
+ active: activeName
+ }, end);
+ } else {
+ this.stopper = props.animation[animationType](node, end);
+ }
+ };
+
+ AnimateChild.prototype.stop = function stop() {
+ var stopper = this.stopper;
+ if (stopper) {
+ this.stopper = null;
+ stopper.stop();
+ }
+ };
+
+ AnimateChild.prototype.render = function render() {
+ return this.props.children;
+ };
+
+ return AnimateChild;
+ }(_react.Component);
+
+ ;
+
+ AnimateChild.propTypes = propTypes;
+
+ exports["default"] = AnimateChild;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 702 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _propTypes = __webpack_require__(1);
+
+ 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 _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; }
+
+ 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 = {
+ duration: _propTypes2["default"].number,
+ onClose: _propTypes2["default"].func,
+ children: _propTypes2["default"].any,
+ color: _propTypes2["default"].oneOf(['info', 'success', 'danger', 'warning', 'light', 'dark', 'news', 'infolight', 'successlight', 'dangerlight', 'warninglight']),
+ title: _propTypes2["default"].any
+ };
+
+ function noop() {}
+
+ var defaultProps = {
+ onEnd: noop,
+ onClose: noop,
+ duration: 4.5,
+ closable: true
+ };
+
+ var Notice = function (_React$Component) {
+ _inherits(Notice, _React$Component);
+
+ function Notice(props) {
+ _classCallCheck(this, Notice);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
+
+ _this.clearCloseTimer = _this.clearCloseTimer.bind(_this);
+ _this.close = _this.close.bind(_this);
+ return _this;
+ }
+
+ Notice.prototype.componentDidMount = function componentDidMount() {
+ var _this2 = this;
+
+ if (this.props.duration) {
+ this.closeTimer = setTimeout(function () {
+ _this2.close();
+ }, this.props.duration * 1000);
+ }
+ };
+
+ Notice.prototype.componentWillUnmount = function componentWillUnmount() {
+ this.clearCloseTimer();
+ };
+
+ Notice.prototype.clearCloseTimer = function clearCloseTimer() {
+ if (this.closeTimer) {
+ clearTimeout(this.closeTimer);
+ this.closeTimer = null;
+ }
+ };
+
+ Notice.prototype.close = function close() {
+ this.clearCloseTimer();
+ this.props.onClose();
+ };
+
+ Notice.prototype.render = function render() {
+ var _classes;
+
+ var _props = this.props,
+ closable = _props.closable,
+ clsPrefix = _props.clsPrefix,
+ className = _props.className,
+ style = _props.style,
+ children = _props.children,
+ color = _props.color,
+ title = _props.title;
+
+ var componentClass = clsPrefix + '-notice';
+ var classes = (_classes = {}, _defineProperty(_classes, '' + componentClass, 1), _defineProperty(_classes, componentClass + '-closable', closable), _defineProperty(_classes, className, !!className), _classes);
+ if (color) {
+ classes[componentClass + '-' + color] = true;
+ }
+ return _react2["default"].createElement(
+ 'div',
+ { className: (0, _classnames2["default"])(classes), style: style, onClick: this.close },
+ _react2["default"].createElement(
+ 'div',
+ { className: componentClass + '-content' },
+ title && _react2["default"].createElement(
+ 'div',
+ { className: componentClass + '-title' },
+ title
+ ),
+ _react2["default"].createElement(
+ 'div',
+ { className: componentClass + '-description' },
+ children
+ )
+ ),
+ closable ? _react2["default"].createElement(
+ 'a',
+ { tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
+ _react2["default"].createElement('span', { className: componentClass + '-close-x' })
+ ) : null
+ );
+ };
+
+ return Notice;
+ }(_react2["default"].Component);
+
+ ;
+
+ Notice.propTypes = propTypes;
+ Notice.defaultProps = defaultProps;
+
+ exports["default"] = Notice;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 703 */
+ /***/ (function(module, exports) {
+
+
+ module.exports = function () {
+ var selection = document.getSelection();
+ if (!selection.rangeCount) {
+ return function () {};
+ }
+ var active = document.activeElement;
+
+ var ranges = [];
+ for (var i = 0; i < selection.rangeCount; i++) {
+ ranges.push(selection.getRangeAt(i));
+ }
+
+ switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML
+ case 'INPUT':
+ case 'TEXTAREA':
+ active.blur();
+ break;
+
+ default:
+ active = null;
+ break;
+ }
+
+ selection.removeAllRanges();
+ return function () {
+ selection.type === 'Caret' &&
+ selection.removeAllRanges();
+
+ if (!selection.rangeCount) {
+ ranges.forEach(function(range) {
+ selection.addRange(range);
+ });
+ }
+
+ active &&
+ active.focus();
+ };
+ };
+
+
+ /***/ }),
+ /* 704 */
+ /***/ (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 _classnames = __webpack_require__(49);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ 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 = {
+ //是否是手风琴效果
+ accordion: _propTypes2["default"].bool,
+ //激活的项
+ activeKey: _propTypes2["default"].any,
+ //默认的激活的项
+ defaultActiveKey: _propTypes2["default"].any,
+ //选中函数
+ onSelect: _propTypes2["default"].func,
+ role: _propTypes2["default"].string
+ };
+
+ var defaultProps = {
+ accordion: false,
+ clsPrefix: 'u-panel-group'
+ };
+
+ // TODO: Use uncontrollable.
+
+ var PanelGroup = function (_React$Component) {
+ _inherits(PanelGroup, _React$Component);
+
+ function PanelGroup(props, context) {
+ _classCallCheck(this, PanelGroup);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+
+ _this.handleSelect = _this.handleSelect.bind(_this);
+
+ _this.state = {
+ activeKey: props.defaultActiveKey
+ };
+ return _this;
+ }
+
+ PanelGroup.prototype.handleSelect = function handleSelect(key, e) {
+ e.preventDefault();
+
+ if (this.props.onSelect) {
+ this.props.onSelect(key, e);
+ }
+
+ if (this.state.activeKey === key) {
+ key = null;
+ }
+
+ this.setState({ activeKey: key });
+ };
+
+ PanelGroup.prototype.render = function render() {
+ var _this2 = this;
+
+ var _props = this.props,
+ accordion = _props.accordion,
+ propsActiveKey = _props.activeKey,
+ className = _props.className,
+ children = _props.children,
+ defaultActiveKey = _props.defaultActiveKey,
+ onSelect = _props.onSelect,
+ style = _props.style,
+ clsPrefix = _props.clsPrefix,
+ others = _objectWithoutProperties(_props, ['accordion', 'activeKey', 'className', 'children', 'defaultActiveKey', 'onSelect', 'style', 'clsPrefix']);
+
+ var activeKey = void 0;
+ if (accordion) {
+ activeKey = propsActiveKey != null ? propsActiveKey : this.state.activeKey;
+ others.role = others.role || 'tablist';
+ }
+
+ var classes = {};
+ classes['' + clsPrefix] = true;
+
+ return _react2["default"].createElement(
+ 'div',
+ _extends({}, others, {
+ className: (0, _classnames2["default"])(className, classes)
+ }),
+ _react2["default"].Children.map(children, function (child) {
+ if (!_react2["default"].isValidElement(child)) {
+ return child;
+ }
+ var childProps = {
+ style: child.props.style
+ };
+
+ if (accordion) {
+ _extends(childProps, {
+ headerRole: 'tab',
+ panelRole: 'tabpanel',
+ collapsible: true,
+ expanded: child.props.eventKey === activeKey,
+ onSelect: (0, _tinperBeeCore.createChainedFunction)(_this2.handleSelect, child.props.onSelect)
+ });
+ }
+
+ return (0, _react.cloneElement)(child, childProps);
+ })
+ );
+ };
+
+ return PanelGroup;
+ }(_react2["default"].Component);
+
+ PanelGroup.propTypes = propTypes;
+ PanelGroup.defaultProps = defaultProps;
+
+ exports["default"] = PanelGroup;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 705 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ __webpack_require__(210);
+ module.exports = __webpack_require__(211).PanelGroup;
+
+ /***/ }),
+ /* 706 */
+ /***/ (function(module, exports) {
+
+ // removed by extract-text-webpack-plugin
+
+ /***/ }),
+ /* 707 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _SearchPanel = __webpack_require__(708);
+
+ var _SearchPanel2 = _interopRequireDefault(_SearchPanel);
+
+ var _AdvancedContainer = __webpack_require__(216);
+
+ var _AdvancedContainer2 = _interopRequireDefault(_AdvancedContainer);
+
+ var _HeadContainer = __webpack_require__(217);
+
+ var _HeadContainer2 = _interopRequireDefault(_HeadContainer);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ _SearchPanel2["default"].HeadContainer = _HeadContainer2["default"];
+ _SearchPanel2["default"].AdvancedContainer = _AdvancedContainer2["default"];
+
+ exports["default"] = _SearchPanel2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 708 */
+ /***/ (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__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _beePanel = __webpack_require__(709);
+
+ var _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _AdvancedContainer = __webpack_require__(216);
+
+ var _AdvancedContainer2 = _interopRequireDefault(_AdvancedContainer);
+
+ var _HeadContainer = __webpack_require__(217);
+
+ var _HeadContainer2 = _interopRequireDefault(_HeadContainer);
+
+ var _i18n = __webpack_require__(718);
+
+ var _i18n2 = _interopRequireDefault(_i18n);
+
+ var _tool = __webpack_require__(719);
+
+ 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 emFun = function emFun() {};
+
+ var propTypes = {
+ defaultExpanded: _propTypes2["default"].bool,
+ expanded: _propTypes2["default"].bool, //是否默认展开,false默认关闭
+ onSearch: _propTypes2["default"].func, //点击查询的回调
+ onReset: _propTypes2["default"].func, //点击重置的回调
+ resetName: _propTypes2["default"].string, //重置的文字
+ searchName: _propTypes2["default"].string, //查询的文字
+ title: _propTypes2["default"].string,
+ onPanelChangeStart: _propTypes2["default"].func, //显示或隐藏开始回调
+ onPanelChangeIng: _propTypes2["default"].func, //显示或隐藏进行中回调
+ onPanelChangeEnd: _propTypes2["default"].func, //显示或隐藏结束回调
+ onChange: _propTypes2["default"].func, //点击显示或隐藏回调
+ showOperation: _propTypes2["default"].bool //是否显示 查询,清空
+ // resident: PropTypes.node //常驻面板内容,不会隐藏
+ };
+
+ var defaultProps = {
+ className: "",
+ clsPrefix: 'u-search',
+ defaultExpanded: false,
+ bgColor: "#F7F9FB",
+ showOperation: true
+ };
+
+ var SearchPanel = function (_Component) {
+ _inherits(SearchPanel, _Component);
+
+ function SearchPanel(props) {
+ _classCallCheck(this, SearchPanel);
+
+ var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+
+ _this.changeExpanded = function () {
+ _this.setState({
+ expanded: !_this.state.expanded
+ });
+ };
+
+ _this._onChange = function () {
+ var onChange = _this.props.onChange;
+
+ if ('expanded' in _this.props) {
+ _this.setState({ expanded: _this.props.expanded });
+ } else {
+ _this.setState({ expanded: !_this.state.expanded });
+ }
+ onChange && onChange();
+ };
+
+ _this.search = function () {
+ var onSearch = _this.props.onSearch;
+
+ onSearch && onSearch();
+ };
+
+ _this.reset = function () {
+ var onReset = _this.props.onReset;
+
+ onReset && onReset();
+ };
+
+ _this._onPanelChange = function (type, func) {
+ if (func) {
+ var status = "";
+ if (type === 0) {
+ status = "hide";
+ } else if (type === 1) {
+ status = 'visible';
+ }
+ func(status);
+ }
+ };
+
+ _this._onPanelChangeStart = function (type) {
+ var onPanelChangeStart = _this.props.onPanelChangeStart;
+
+ onPanelChangeStart && _this._onPanelChange(type, onPanelChangeStart);
+ };
+
+ _this._onPanelChangeIng = function (type) {
+ var onPanelChangeIng = _this.props.onPanelChangeIng;
+
+ onPanelChangeIng && _this._onPanelChange(type, onPanelChangeIng);
+ };
+
+ _this._onPanelChangeEnd = function (type) {
+ var onPanelChangeEnd = _this.props.onPanelChangeEnd;
+
+ onPanelChangeEnd && _this._onPanelChange(type, onPanelChangeEnd);
+ };
+
+ _this._getChildren = function (element) {
+ if (element.type.name === "HeadContainer" || element.type.prototype === _HeadContainer2["default"].prototype) {
+ // if(element.type.name === "HeadContainer"){
+ _this._HeadContainer = element;
+ } else if (element.type.name === "AdvancedContainer" || element.type.prototype === _AdvancedContainer2["default"].prototype) {
+ // }else if(element.type.name === "AdvancedContainer"){
+ _this._AdvancedContainer = element;
+ }
+ };
+
+ _this.state = {
+ expanded: props.expanded || props.defaultExpanded
+ };
+ _this._HeadContainer = null;
+ _this._AdvancedContainer = null;
+ return _this;
+ }
+
+ SearchPanel.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+ if ('expanded' in nextProps) {
+ this.setState({ expanded: nextProps.expanded });
+ }
+ };
+
+ SearchPanel.prototype.render = function render() {
+ var _this2 = this;
+
+ var local = (0, _tool.getComponentLocale)(this.props, this.context, 'SearchPanel', function () {
+ return _i18n2["default"];
+ });
+ var _props = this.props,
+ children = _props.children,
+ clsPrefix = _props.clsPrefix,
+ className = _props.className,
+ resetName = _props.resetName,
+ searchName = _props.searchName,
+ title = _props.title,
+ bgColor = _props.bgColor,
+ style = _props.style,
+ showOperation = _props.showOperation;
+
+ if (!resetName) resetName = local['resetName'];
+ if (!searchName) searchName = local['searchName'];
+ if (!title) title = local['title'];
+
+ var expanded = this.state.expanded;
+
+ var _stype = style || {};
+ if (children instanceof Array) {
+ children.forEach(function (element) {
+ _this2._getChildren(element);
+ });
+ } else {
+ this._getChildren(children);
+ }
+
+ return _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + ' ' + className,
+ style: _extends({ background: bgColor }, _stype) },
+ _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + "-header" },
+ _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + "-header-title" },
+ _react2["default"].createElement(
+ 'span',
+ null,
+ title
+ )
+ ),
+ _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + "-header-oper" },
+ (this._HeadContainer || expanded) && showOperation ? _react2["default"].createElement(
+ 'span',
+ { className: 'header-oper-btn', role: 'button', onClick: this.reset },
+ resetName
+ ) : null,
+ (this._HeadContainer || expanded) && showOperation ? _react2["default"].createElement(
+ 'span',
+ { className: 'header-oper-btn primary', role: 'button', onClick: this.search },
+ searchName
+ ) : null,
+ _react2["default"].createElement(
+ 'span',
+ {
+ className: 'header-oper-btn',
+ role: 'button',
+ onClick: this._onChange
+ },
+ expanded ? local['up'] : local['down'],
+ _react2["default"].createElement('i', { className: (0, _classnames2["default"])({
+ 'uf': true,
+ 'uf-arrow-down': !expanded,
+ 'uf-arrow-up': expanded
+ }) })
+ )
+ )
+ ),
+ _react2["default"].createElement(
+ 'div',
+ { className: clsPrefix + '-resident' },
+ this._HeadContainer
+ ),
+ _react2["default"].createElement(
+ _beePanel.Panel,
+ {
+ collapsible: true,
+ expanded: this.state.expanded,
+ onExit: this._onPanelChangeStart.bind(this, 0) //隐藏开始回调
+ , onEnter: this._onPanelChangeStart.bind(this, 1) //显示开始回调
+ , onExiting: this._onPanelChangeIng.bind(this, 0) //隐藏进行中回调
+ , onEntering: this._onPanelChangeIng.bind(this, 1) //显示进行中回调
+ , onExited: this._onPanelChangeEnd.bind(this, 0) //隐藏完成回调
+ , onEntered: this._onPanelChangeEnd.bind(this, 1) //显示后回调
+ },
+ this._AdvancedContainer
+ )
+ );
+ };
+
+ return SearchPanel;
+ }(_react.Component);
+
+ SearchPanel.propTypes = propTypes;
+ SearchPanel.defaultProps = defaultProps;
+ SearchPanel.contextTypes = {
+ beeLocale: _propTypes2["default"].object
+ };
+
+ exports["default"] = SearchPanel;
+ module.exports = exports['default'];
+
/***/ }),
/* 709 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(215);
- module.exports = __webpack_require__(216).Panel;
+ "use strict";
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.PanelGroup = exports.Panel = undefined;
+
+ var _Panel2 = __webpack_require__(710);
+
+ var _Panel3 = _interopRequireDefault(_Panel2);
+
+ var _PanelGroup2 = __webpack_require__(717);
+
+ var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports.Panel = _Panel3["default"];
+ exports.PanelGroup = _PanelGroup3["default"];
+
/***/ }),
/* 710 */
/***/ (function(module, exports, __webpack_require__) {
@@ -155507,7 +157757,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 _classnames = __webpack_require__(55);
+ var _classnames = __webpack_require__(215);
var _classnames2 = _interopRequireDefault(_classnames);
@@ -155525,7 +157775,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _copyToClipboard = __webpack_require__(218);
+ var _copyToClipboard = __webpack_require__(213);
var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);
@@ -155821,7 +158071,7 @@
});
exports.Fade = exports.Collapse = exports.Transition = undefined;
- var _Transition2 = __webpack_require__(128);
+ var _Transition2 = __webpack_require__(122);
var _Transition3 = _interopRequireDefault(_Transition2);
@@ -155852,11 +158102,11 @@
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 _classnames = __webpack_require__(55);
+ var _classnames = __webpack_require__(2);
var _classnames2 = _interopRequireDefault(_classnames);
- var _style = __webpack_require__(33);
+ var _style = __webpack_require__(19);
var _style2 = _interopRequireDefault(_style);
@@ -155868,7 +158118,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Transition = __webpack_require__(128);
+ var _Transition = __webpack_require__(122);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -156126,7 +158376,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 _classnames = __webpack_require__(55);
+ var _classnames = __webpack_require__(2);
var _classnames2 = _interopRequireDefault(_classnames);
@@ -156138,7 +158388,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Transition = __webpack_require__(128);
+ var _Transition = __webpack_require__(122);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -156266,25 +158516,24 @@
value: true
});
- 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; };
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
- var _beeNotification = __webpack_require__(88);
+ var _beeNotification = __webpack_require__(79);
var _beeNotification2 = _interopRequireDefault(_beeNotification);
- var _classnames = __webpack_require__(55);
+ var _classnames = __webpack_require__(2);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var defaultDuration = 1.5;
+ var newDuration = void 0;
var defaultTop = 0;
var defaultBottom = 48;
var bottom = 90;
@@ -156372,6 +158621,25 @@
callback(messageInstance);
return;
}
+ switch (position) {
+ case 'top':
+ positionObj[position].notificationStyle.top = defaultTop;
+ break;
+ case 'bottom':
+ positionObj[position].notificationStyle.bottom = defaultBottom;
+ break;
+ case 'bottomRight':
+ positionObj[position].notificationStyle.bottom = bottom;
+ break;
+ case 'bottomLeft':
+ positionObj[position].notificationStyle.bottom = bottom;
+ break;
+ default:
+ break;
+ }
+ if (position !== 'top' && position !== 'bottom') {
+ positionObj[position].messageStyle.width = width;
+ }
var style = positionObj[position].notificationStyle;
var instanceObj = {
clsPrefix: clsPrefix,
@@ -156407,7 +158675,6 @@
}[type];
var positionStyle = positionObj[position].messageStyle;
-
getMessageInstance(position, function (instance) {
instance.notice({
key: key,
@@ -156443,8 +158710,12 @@
exports["default"] = {
create: function create(obj) {
+ if (newDuration) {
+ //如果在config方法里设置了duration
+ obj.duration = newDuration;
+ }
var content = obj.content || '';
- var duration = _typeof(obj.duration) == undefined ? defaultDuration : obj.duration;
+ var duration = typeof obj.duration == 'undefined' ? defaultDuration : obj.duration;
var color = obj.color || 'dark';
var onClose = obj.onClose || noop;
var position = obj.position || "top";
@@ -156458,6 +158729,7 @@
}
if (options.duration !== undefined) {
defaultDuration = options.duration;
+ newDuration = defaultDuration;
}
if (options.clsPrefix !== undefined) {
clsPrefix = options.clsPrefix;
@@ -156469,7 +158741,7 @@
bottom = options.bottom;
}
if (options.width !== undefined) {
- bottom = options.width;
+ width = options.width;
}
},
destroy: function destroy() {
@@ -156494,6 +158766,10 @@
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 _classnames = __webpack_require__(215);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
@@ -156502,39 +158778,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _beeAnimate = __webpack_require__(718);
-
- var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
-
- var _createChainedFunction = __webpack_require__(46);
-
- var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
-
- var _ownerDocument = __webpack_require__(53);
-
- var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
- var _addEventListener = __webpack_require__(87);
-
- var _addEventListener2 = _interopRequireDefault(_addEventListener);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _Notice = __webpack_require__(722);
-
- var _Notice2 = _interopRequireDefault(_Notice);
+ var _tinperBeeCore = __webpack_require__(5);
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 _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; }
+ 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"); } }
@@ -156542,190 +158792,113 @@
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 seed = 0;
- var now = Date.now();
-
- function getUuid() {
- return 'uNotification_' + now + '_' + seed++;
- }
-
var propTypes = {
- show: _propTypes2["default"].bool,
- clsPrefix: _propTypes2["default"].string,
- style: _propTypes2["default"].object,
- position: _propTypes2["default"].oneOf(['topRight', 'bottomRight', '']),
- transitionName: _propTypes2["default"].string,
- keyboard: _propTypes2["default"].bool, // 按esc键是否关闭notice
- onEscapeKeyUp: _propTypes2["default"].func, // 设置esc键特殊钩子函数
- animation: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object])
+ //是否是手风琴效果
+ accordion: _propTypes2["default"].bool,
+ //激活的项
+ activeKey: _propTypes2["default"].any,
+ //默认的激活的项
+ defaultActiveKey: _propTypes2["default"].any,
+ //选中函数
+ onSelect: _propTypes2["default"].func,
+ role: _propTypes2["default"].string
};
var defaultProps = {
- clsPrefix: 'u-notification',
- animation: 'fade',
- keyboard: true,
- position: 'topRight'
+ accordion: false,
+ clsPrefix: 'u-panel-group'
};
- var Notification = function (_Component) {
- _inherits(Notification, _Component);
+ // TODO: Use uncontrollable.
- function Notification(props) {
- _classCallCheck(this, Notification);
+ var PanelGroup = function (_React$Component) {
+ _inherits(PanelGroup, _React$Component);
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
+ function PanelGroup(props, context) {
+ _classCallCheck(this, PanelGroup);
- _this.handleDocumentKeyUp = function (e) {
- if (_this.props.keyboard && e.keyCode === 27 && _this.state.notices.length) {
- _this.setState(function (previousState) {
- previousState.notices.shift();
- return {
- notices: previousState.notices
- };
- });
- if (_this.props.onEscapeKeyUp) {
- _this.props.onEscapeKeyUp(e);
- }
- }
- };
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+
+ _this.handleSelect = _this.handleSelect.bind(_this);
_this.state = {
- notices: []
+ activeKey: props.defaultActiveKey
};
- _this.add = _this.add.bind(_this);
- _this.remove = _this.remove.bind(_this);
-
return _this;
}
- Notification.prototype.componentDidMount = function componentDidMount() {
- // 给document绑定keyup事件
- var doc = (0, _ownerDocument2["default"])(this);
- this._onDocumentKeyupListener = (0, _addEventListener2["default"])(doc, 'keyup', this.handleDocumentKeyUp);
- };
+ PanelGroup.prototype.handleSelect = function handleSelect(key, e) {
+ e.preventDefault();
- Notification.prototype.componentWillUnmount = function componentWillUnmount() {
- this._onDocumentKeyupListener.remove();
- };
-
- Notification.prototype.getTransitionName = function getTransitionName() {
- var props = this.props;
- var transitionName = props.transitionName;
- if (!transitionName && props.animation) {
- transitionName = props.clsPrefix + '-' + props.animation;
+ if (this.props.onSelect) {
+ this.props.onSelect(key, e);
}
- return transitionName;
+
+ if (this.state.activeKey === key) {
+ key = null;
+ }
+
+ this.setState({ activeKey: key });
};
- Notification.prototype.add = function add(notice) {
- var key = notice.key = notice.key || getUuid();
- this.setState(function (previousState) {
- var notices = previousState.notices;
- if (!notices.filter(function (v) {
- return v.key === key;
- }).length) {
- return {
- notices: notices.concat(notice)
- };
- }
- });
- };
-
- Notification.prototype.remove = function remove(key) {
- this.setState(function (previousState) {
- return {
- notices: previousState.notices.filter(function (notice) {
- return notice.key !== key;
- })
- };
- });
- };
-
- /**
- * 处理绑定在document上的keyup事件
- */
-
-
- Notification.prototype.render = function render() {
- var _this2 = this,
- _classes;
+ PanelGroup.prototype.render = function render() {
+ var _this2 = this;
var _props = this.props,
- clsPrefix = _props.clsPrefix,
+ accordion = _props.accordion,
+ propsActiveKey = _props.activeKey,
className = _props.className,
- position = _props.position,
- style = _props.style;
+ children = _props.children,
+ defaultActiveKey = _props.defaultActiveKey,
+ onSelect = _props.onSelect,
+ style = _props.style,
+ clsPrefix = _props.clsPrefix,
+ others = _objectWithoutProperties(_props, ['accordion', 'activeKey', 'className', 'children', 'defaultActiveKey', 'onSelect', 'style', 'clsPrefix']);
- var noticeNodes = this.state.notices.map(function (notice) {
- var onClose = (0, _createChainedFunction2["default"])(_this2.remove.bind(_this2, notice.key), notice.onClose);
- return _react2["default"].createElement(
- _Notice2["default"],
- _extends({
- clsPrefix: clsPrefix
- }, notice, {
- onClose: onClose
- }),
- notice.content
- );
- });
- var classes = (_classes = {}, _defineProperty(_classes, clsPrefix, 1), _defineProperty(_classes, className, !!className), _classes);
- if (position) {
- classes[clsPrefix + '-' + position] = !!position;
+ var activeKey = void 0;
+ if (accordion) {
+ activeKey = propsActiveKey != null ? propsActiveKey : this.state.activeKey;
+ others.role = others.role || 'tablist';
}
+ var classes = {};
+ classes['' + clsPrefix] = true;
+
return _react2["default"].createElement(
'div',
- { className: (0, _classnames2["default"])(className, classes), style: style },
- _react2["default"].createElement(
- _beeAnimate2["default"],
- { transitionName: this.getTransitionName() },
- noticeNodes
- )
+ _extends({}, others, {
+ className: (0, _classnames2["default"])(className, classes)
+ }),
+ _react2["default"].Children.map(children, function (child) {
+ if (!_react2["default"].isValidElement(child)) {
+ return child;
+ }
+ var childProps = {
+ style: child.props.style
+ };
+
+ if (accordion) {
+ _extends(childProps, {
+ headerRole: 'tab',
+ panelRole: 'tabpanel',
+ collapsible: true,
+ expanded: child.props.eventKey === activeKey,
+ onSelect: (0, _tinperBeeCore.createChainedFunction)(_this2.handleSelect, child.props.onSelect)
+ });
+ }
+
+ return (0, _react.cloneElement)(child, childProps);
+ })
);
};
- return Notification;
- }(_react.Component);
+ return PanelGroup;
+ }(_react2["default"].Component);
- ;
+ PanelGroup.propTypes = propTypes;
+ PanelGroup.defaultProps = defaultProps;
- Notification.propTypes = propTypes;
- Notification.defaultProps = defaultProps;
-
- Notification.newInstance = function newNotificationInstance(properties, callback) {
- if (typeof callback !== 'function') {
- console.error('You must introduce callback as the second parameter of Notification.newInstance().');
- return;
- }
- var props = properties || {};
- var div = document.createElement('div');
- document.body.appendChild(div);
-
- var called = false;
- function ref(notification) {
- if (called) {
- return;
- }
- called = true;
- callback({
- notice: function notice(noticeProps) {
- notification.add(noticeProps);
- },
- removeNotice: function removeNotice(key) {
- notification.remove(key);
- },
-
- component: notification,
- destroy: function destroy() {
- _reactDom2["default"].unmountComponentAtNode(div);
- document.body.removeChild(div);
- }
- });
- }
- _reactDom2["default"].render(_react2["default"].createElement(Notification, _extends({}, props, { ref: ref })), div);
- };
-
- exports["default"] = Notification;
+ exports["default"] = PanelGroup;
module.exports = exports['default'];
/***/ }),
@@ -156735,2494 +158908,6 @@
"use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Animate = __webpack_require__(719);
-
- var _Animate2 = _interopRequireDefault(_Animate);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Animate2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 719 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _ChildrenUtils = __webpack_require__(720);
-
- var _AnimateChild = __webpack_require__(721);
-
- var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
-
- var _util = __webpack_require__(217);
-
- var _util2 = _interopRequireDefault(_util);
-
- 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 _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; }
-
- 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 defaultKey = 'u_animate_' + Date.now();
-
-
- function getChildrenFromProps(props) {
- var children = props.children;
- if (_react2["default"].isValidElement(children)) {
- if (!children.key) {
- return _react2["default"].cloneElement(children, {
- key: defaultKey
- });
- }
- }
- return children;
- }
-
- function noop() {}
-
- var propTypes = {
- component: _propTypes2["default"].any,
- animation: _propTypes2["default"].object,
- transitionName: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object]),
- transitionEnter: _propTypes2["default"].bool,
- transitionAppear: _propTypes2["default"].bool,
- exclusive: _propTypes2["default"].bool,
- transitionLeave: _propTypes2["default"].bool,
- onEnd: _propTypes2["default"].func,
- onEnter: _propTypes2["default"].func,
- onLeave: _propTypes2["default"].func,
- onAppear: _propTypes2["default"].func,
- showProp: _propTypes2["default"].string
- };
-
- var defaultProps = {
- animation: {},
- component: 'span',
- transitionEnter: true,
- transitionLeave: true,
- transitionAppear: false,
- onEnd: noop,
- onEnter: noop,
- onLeave: noop,
- onAppear: noop
- };
-
- var Animate = function (_Component) {
- _inherits(Animate, _Component);
-
- function Animate(props) {
- _classCallCheck(this, Animate);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.currentlyAnimatingKeys = {};
- _this.keysToEnter = [];
- _this.keysToLeave = [];
- _this.state = {
- children: (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(_this.props))
- };
-
- _this.performEnter = _this.performEnter.bind(_this);
- _this.performAppear = _this.performAppear.bind(_this);
- _this.handleDoneAdding = _this.handleDoneAdding.bind(_this);
- _this.performLeave = _this.performLeave.bind(_this);
-
- _this.performLeave = _this.performLeave.bind(_this);
- _this.handleDoneLeaving = _this.handleDoneLeaving.bind(_this);
- _this.isValidChildByKey = _this.isValidChildByKey.bind(_this);
- _this.stop = _this.stop.bind(_this);
- return _this;
- }
-
- Animate.prototype.componentDidMount = function componentDidMount() {
- var _this2 = this;
-
- this.mounted = true;
- var showProp = this.props.showProp;
- var children = this.state.children;
- if (showProp) {
- children = children.filter(function (child) {
- return !!child.props[showProp];
- });
- }
- children.forEach(function (child) {
- if (child) {
- _this2.performAppear(child.key);
- }
- });
- };
-
- Animate.prototype.componentWillUnmount = function componentWillUnmount() {
- this.mounted = false;
- };
-
- Animate.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- var _this3 = this;
-
- this.nextProps = nextProps;
- var nextChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(nextProps));
- var props = this.props;
- // exclusive needs immediate response
- if (props.exclusive) {
- Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
- _this3.stop(key);
- });
- }
- var showProp = props.showProp;
- var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
- // last props children if exclusive
- var currentChildren = props.exclusive ? (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props)) : this.state.children;
- // in case destroy in showProp mode
- var newChildren = [];
- if (showProp) {
- currentChildren.forEach(function (currentChild) {
- var nextChild = currentChild && (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, currentChild.key);
- var newChild = void 0;
- if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
- newChild = _react2["default"].cloneElement(nextChild || currentChild, _defineProperty({}, showProp, true));
- } else {
- newChild = nextChild;
- }
- if (newChild) {
- newChildren.push(newChild);
- }
- });
- nextChildren.forEach(function (nextChild) {
- if (!nextChild || !(0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, nextChild.key)) {
- newChildren.push(nextChild);
- }
- });
- } else {
- newChildren = (0, _ChildrenUtils.mergeChildren)(currentChildren, nextChildren);
- }
-
- // need render to avoid update
- this.setState({
- children: newChildren
- });
-
- nextChildren.forEach(function (child) {
- var key = child && child.key;
- if (child && currentlyAnimatingKeys[key]) {
- return;
- }
- var hasPrev = child && (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
- if (showProp) {
- var showInNext = child.props[showProp];
- if (hasPrev) {
- var showInNow = (0, _ChildrenUtils.findShownChildInChildrenByKey)(currentChildren, key, showProp);
- if (!showInNow && showInNext) {
- _this3.keysToEnter.push(key);
- }
- } else if (showInNext) {
- _this3.keysToEnter.push(key);
- }
- } else if (!hasPrev) {
- _this3.keysToEnter.push(key);
- }
- });
-
- currentChildren.forEach(function (child) {
- var key = child && child.key;
- if (child && currentlyAnimatingKeys[key]) {
- return;
- }
- var hasNext = child && (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, key);
- if (showProp) {
- var showInNow = child.props[showProp];
- if (hasNext) {
- var showInNext = (0, _ChildrenUtils.findShownChildInChildrenByKey)(nextChildren, key, showProp);
- if (!showInNext && showInNow) {
- _this3.keysToLeave.push(key);
- }
- } else if (showInNow) {
- _this3.keysToLeave.push(key);
- }
- } else if (!hasNext) {
- _this3.keysToLeave.push(key);
- }
- });
- };
-
- Animate.prototype.componentDidUpdate = function componentDidUpdate() {
- var keysToEnter = this.keysToEnter;
- this.keysToEnter = [];
- keysToEnter.forEach(this.performEnter);
- var keysToLeave = this.keysToLeave;
- this.keysToLeave = [];
- keysToLeave.forEach(this.performLeave);
- };
-
- Animate.prototype.performEnter = function performEnter(key) {
- // may already remove by exclusive
- if (this.refs[key]) {
- this.currentlyAnimatingKeys[key] = true;
- this.refs[key].componentWillEnter(this.handleDoneAdding.bind(this, key, 'enter'));
- }
- };
-
- Animate.prototype.performAppear = function performAppear(key) {
- if (this.refs[key]) {
- this.currentlyAnimatingKeys[key] = true;
- this.refs[key].componentWillAppear(this.handleDoneAdding.bind(this, key, 'appear'));
- }
- };
-
- Animate.prototype.handleDoneAdding = function handleDoneAdding(key, type) {
- var props = this.props;
- delete this.currentlyAnimatingKeys[key];
- // if update on exclusive mode, skip check
- if (props.exclusive && props !== this.nextProps) {
- return;
- }
- var currentChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props));
- if (!this.isValidChildByKey(currentChildren, key)) {
- // exclusive will not need this
- this.performLeave(key);
- } else {
- if (type === 'appear') {
- if (_util2["default"].allowAppearCallback(props)) {
- props.onAppear(key);
- props.onEnd(key, true);
- }
- } else {
- if (_util2["default"].allowEnterCallback(props)) {
- props.onEnter(key);
- props.onEnd(key, true);
- }
- }
- }
- };
-
- Animate.prototype.performLeave = function performLeave(key) {
- // may already remove by exclusive
- if (this.refs[key]) {
- this.currentlyAnimatingKeys[key] = true;
- this.refs[key].componentWillLeave(this.handleDoneLeaving.bind(this, key));
- }
- };
-
- Animate.prototype.handleDoneLeaving = function handleDoneLeaving(key) {
- var props = this.props;
- delete this.currentlyAnimatingKeys[key];
- // if update on exclusive mode, skip check
- if (props.exclusive && props !== this.nextProps) {
- return;
- }
- var currentChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props));
- // in case state change is too fast
- if (this.isValidChildByKey(currentChildren, key)) {
- this.performEnter(key);
- } else {
- var end = function end() {
- if (_util2["default"].allowLeaveCallback(props)) {
- props.onLeave(key);
- props.onEnd(key, false);
- }
- };
- /* eslint react/no-is-mounted:0 */
- if (this.mounted && !(0, _ChildrenUtils.isSameChildren)(this.state.children, currentChildren, props.showProp)) {
- this.setState({
- children: currentChildren
- }, end);
- } else {
- end();
- }
- }
- };
-
- Animate.prototype.isValidChildByKey = function isValidChildByKey(currentChildren, key) {
- var showProp = this.props.showProp;
- if (showProp) {
- return (0, _ChildrenUtils.findShownChildInChildrenByKey)(currentChildren, key, showProp);
- }
- return (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
- };
-
- Animate.prototype.stop = function stop(key) {
- delete this.currentlyAnimatingKeys[key];
- var component = this.refs[key];
- if (component) {
- component.stop();
- }
- };
-
- Animate.prototype.render = function render() {
- var props = this.props;
- this.nextProps = props;
- var stateChildren = this.state.children;
- var children = null;
- if (stateChildren) {
- children = stateChildren.map(function (child) {
- if (child === null || child === undefined) {
- return child;
- }
- if (!child.key) {
- throw new Error('must set key for children');
- }
- return _react2["default"].createElement(
- _AnimateChild2["default"],
- {
- key: child.key,
- ref: child.key,
- animation: props.animation,
- transitionName: props.transitionName,
- transitionEnter: props.transitionEnter,
- transitionAppear: props.transitionAppear,
- transitionLeave: props.transitionLeave
- },
- child
- );
- });
- }
- var Component = props.component;
- if (Component) {
- var passedProps = props;
- if (typeof Component === 'string') {
- passedProps = {
- className: props.className,
- style: props.style
- };
- }
- return _react2["default"].createElement(
- Component,
- passedProps,
- children
- );
- }
- return children[0] || null;
- };
-
- return Animate;
- }(_react.Component);
-
- ;
- Animate.defaultProps = defaultProps;
- Animate.propTypes = Animate.propTypes;
-
- exports["default"] = Animate;
- module.exports = exports['default'];
-
- /***/ }),
- /* 720 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.toArrayChildren = toArrayChildren;
- exports.findChildInChildrenByKey = findChildInChildrenByKey;
- exports.findShownChildInChildrenByKey = findShownChildInChildrenByKey;
- exports.findHiddenChildInChildrenByKey = findHiddenChildInChildrenByKey;
- exports.isSameChildren = isSameChildren;
- exports.mergeChildren = mergeChildren;
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- function toArrayChildren(children) {
- var ret = [];
- _react2["default"].Children.forEach(children, function (child) {
- ret.push(child);
- });
- return ret;
- }
-
- function findChildInChildrenByKey(children, key) {
- var ret = null;
- if (children) {
- children.forEach(function (child) {
- if (ret) {
- return;
- }
- if (child && child.key === key) {
- ret = child;
- }
- });
- }
- return ret;
- }
-
- function findShownChildInChildrenByKey(children, key, showProp) {
- var ret = null;
- if (children) {
- children.forEach(function (child) {
- if (child && child.key === key && child.props[showProp]) {
- if (ret) {
- throw new Error('two child with same key for children');
- }
- ret = child;
- }
- });
- }
- return ret;
- }
-
- function findHiddenChildInChildrenByKey(children, key, showProp) {
- var found = 0;
- if (children) {
- children.forEach(function (child) {
- if (found) {
- return;
- }
- found = child && child.key === key && !child.props[showProp];
- });
- }
- return found;
- }
-
- function isSameChildren(c1, c2, showProp) {
- var same = c1.length === c2.length;
- if (same) {
- c1.forEach(function (child, index) {
- var child2 = c2[index];
- if (child && child2) {
- if (child && !child2 || !child && child2) {
- same = false;
- } else if (child.key !== child2.key) {
- same = false;
- } else if (showProp && child.props[showProp] !== child2.props[showProp]) {
- same = false;
- }
- }
- });
- }
- return same;
- }
-
- function mergeChildren(prev, next) {
- var ret = [];
-
- // For each key of `next`, the list of keys to insert before that key in
- // the combined list
- var nextChildrenPending = {};
- var pendingChildren = [];
- prev.forEach(function (child) {
- if (child && findChildInChildrenByKey(next, child.key)) {
- if (pendingChildren.length) {
- nextChildrenPending[child.key] = pendingChildren;
- pendingChildren = [];
- }
- } else {
- pendingChildren.push(child);
- }
- });
-
- next.forEach(function (child) {
- if (child && nextChildrenPending.hasOwnProperty(child.key)) {
- ret = ret.concat(nextChildrenPending[child.key]);
- }
- ret.push(child);
- });
-
- ret = ret.concat(pendingChildren);
-
- return ret;
- }
-
- /***/ }),
- /* 721 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- 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 _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _reactDom = __webpack_require__(4);
-
- var _reactDom2 = _interopRequireDefault(_reactDom);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- var _util = __webpack_require__(217);
-
- var _util2 = _interopRequireDefault(_util);
-
- 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 transitionMap = {
- enter: 'transitionEnter',
- appear: 'transitionAppear',
- leave: 'transitionLeave'
- };
-
- var propTypes = {
- children: _propTypes2["default"].any
- };
-
- var AnimateChild = function (_Component) {
- _inherits(AnimateChild, _Component);
-
- function AnimateChild(props) {
- _classCallCheck(this, AnimateChild);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.transition = _this.transition.bind(_this);
- _this.stop = _this.stop.bind(_this);
- return _this;
- }
-
- AnimateChild.prototype.componentWillUnmount = function componentWillUnmount() {
- this.stop();
- };
-
- AnimateChild.prototype.componentWillEnter = function componentWillEnter(done) {
- if (_util2["default"].isEnterSupported(this.props)) {
- this.transition('enter', done);
- } else {
- done();
- }
- };
-
- AnimateChild.prototype.componentWillAppear = function componentWillAppear(done) {
- if (_util2["default"].isAppearSupported(this.props)) {
- this.transition('appear', done);
- } else {
- done();
- }
- };
-
- AnimateChild.prototype.componentWillLeave = function componentWillLeave(done) {
- if (_util2["default"].isLeaveSupported(this.props)) {
- this.transition('leave', done);
- } else {
- // always sync, do not interupt with react component life cycle
- // update hidden -> animate hidden ->
- // didUpdate -> animate leave -> unmount (if animate is none)
- done();
- }
- };
-
- AnimateChild.prototype.transition = function transition(animationType, finishCallback) {
- var _this2 = this;
-
- var node = _reactDom2["default"].findDOMNode(this);
- var props = this.props;
- var transitionName = props.transitionName;
- var nameIsObj = (typeof transitionName === 'undefined' ? 'undefined' : _typeof(transitionName)) === 'object';
- this.stop();
- var end = function end() {
- _this2.stopper = null;
- finishCallback();
- };
- if ((_tinperBeeCore.cssAnimation.isCssAnimationSupported || !props.animation[animationType]) && transitionName && props[transitionMap[animationType]]) {
- var name = nameIsObj ? transitionName[animationType] : transitionName + '-' + animationType;
- var activeName = name + '-active';
- if (nameIsObj && transitionName[animationType + 'Active']) {
- activeName = transitionName[animationType + 'Active'];
- }
- this.stopper = (0, _tinperBeeCore.cssAnimation)(node, {
- name: name,
- active: activeName
- }, end);
- } else {
- this.stopper = props.animation[animationType](node, end);
- }
- };
-
- AnimateChild.prototype.stop = function stop() {
- var stopper = this.stopper;
- if (stopper) {
- this.stopper = null;
- stopper.stop();
- }
- };
-
- AnimateChild.prototype.render = function render() {
- return this.props.children;
- };
-
- return AnimateChild;
- }(_react.Component);
-
- ;
-
- AnimateChild.propTypes = propTypes;
-
- exports["default"] = AnimateChild;
- module.exports = exports['default'];
-
- /***/ }),
- /* 722 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- 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 _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; }
-
- 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 = {
- duration: _propTypes2["default"].number,
- onClose: _propTypes2["default"].func,
- children: _propTypes2["default"].any,
- color: _propTypes2["default"].oneOf(['info', 'success', 'danger', 'warning', 'light', 'dark', 'news', 'infolight', 'successlight', 'dangerlight', 'warninglight']),
- title: _propTypes2["default"].any
- };
-
- function noop() {}
-
- var defaultProps = {
- onEnd: noop,
- onClose: noop,
- duration: 4.5,
- closable: true
- };
-
- var Notice = function (_React$Component) {
- _inherits(Notice, _React$Component);
-
- function Notice(props) {
- _classCallCheck(this, Notice);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
- _this.clearCloseTimer = _this.clearCloseTimer.bind(_this);
- _this.close = _this.close.bind(_this);
- return _this;
- }
-
- Notice.prototype.componentDidMount = function componentDidMount() {
- var _this2 = this;
-
- if (this.props.duration) {
- this.closeTimer = setTimeout(function () {
- _this2.close();
- }, this.props.duration * 1000);
- }
- };
-
- Notice.prototype.componentWillUnmount = function componentWillUnmount() {
- this.clearCloseTimer();
- };
-
- Notice.prototype.clearCloseTimer = function clearCloseTimer() {
- if (this.closeTimer) {
- clearTimeout(this.closeTimer);
- this.closeTimer = null;
- }
- };
-
- Notice.prototype.close = function close() {
- this.clearCloseTimer();
- this.props.onClose();
- };
-
- Notice.prototype.render = function render() {
- var _classes;
-
- var _props = this.props,
- closable = _props.closable,
- clsPrefix = _props.clsPrefix,
- className = _props.className,
- style = _props.style,
- children = _props.children,
- color = _props.color,
- title = _props.title;
-
- var componentClass = clsPrefix + '-notice';
- var classes = (_classes = {}, _defineProperty(_classes, '' + componentClass, 1), _defineProperty(_classes, componentClass + '-closable', closable), _defineProperty(_classes, className, !!className), _classes);
- if (color) {
- classes[componentClass + '-' + color] = true;
- }
- return _react2["default"].createElement(
- 'div',
- { className: (0, _classnames2["default"])(classes), style: style, onClick: this.close },
- _react2["default"].createElement(
- 'div',
- { className: componentClass + '-content' },
- title && _react2["default"].createElement(
- 'div',
- { className: componentClass + '-title' },
- title
- ),
- _react2["default"].createElement(
- 'div',
- { className: componentClass + '-description' },
- children
- )
- ),
- closable ? _react2["default"].createElement(
- 'a',
- { tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
- _react2["default"].createElement('span', { className: componentClass + '-close-x' })
- ) : null
- );
- };
-
- return Notice;
- }(_react2["default"].Component);
-
- ;
-
- Notice.propTypes = propTypes;
- Notice.defaultProps = defaultProps;
-
- exports["default"] = Notice;
- module.exports = exports['default'];
-
- /***/ }),
- /* 723 */
- /***/ (function(module, exports) {
-
-
- module.exports = function () {
- var selection = document.getSelection();
- if (!selection.rangeCount) {
- return function () {};
- }
- var active = document.activeElement;
-
- var ranges = [];
- for (var i = 0; i < selection.rangeCount; i++) {
- ranges.push(selection.getRangeAt(i));
- }
-
- switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML
- case 'INPUT':
- case 'TEXTAREA':
- active.blur();
- break;
-
- default:
- active = null;
- break;
- }
-
- selection.removeAllRanges();
- return function () {
- selection.type === 'Caret' &&
- selection.removeAllRanges();
-
- if (!selection.rangeCount) {
- ranges.forEach(function(range) {
- selection.addRange(range);
- });
- }
-
- active &&
- active.focus();
- };
- };
-
-
- /***/ }),
- /* 724 */
- /***/ (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 _classnames = __webpack_require__(55);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- 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 = {
- //是否是手风琴效果
- accordion: _propTypes2["default"].bool,
- //激活的项
- activeKey: _propTypes2["default"].any,
- //默认的激活的项
- defaultActiveKey: _propTypes2["default"].any,
- //选中函数
- onSelect: _propTypes2["default"].func,
- role: _propTypes2["default"].string
- };
-
- var defaultProps = {
- accordion: false,
- clsPrefix: 'u-panel-group'
- };
-
- // TODO: Use uncontrollable.
-
- var PanelGroup = function (_React$Component) {
- _inherits(PanelGroup, _React$Component);
-
- function PanelGroup(props, context) {
- _classCallCheck(this, PanelGroup);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
- _this.handleSelect = _this.handleSelect.bind(_this);
-
- _this.state = {
- activeKey: props.defaultActiveKey
- };
- return _this;
- }
-
- PanelGroup.prototype.handleSelect = function handleSelect(key, e) {
- e.preventDefault();
-
- if (this.props.onSelect) {
- this.props.onSelect(key, e);
- }
-
- if (this.state.activeKey === key) {
- key = null;
- }
-
- this.setState({ activeKey: key });
- };
-
- PanelGroup.prototype.render = function render() {
- var _this2 = this;
-
- var _props = this.props,
- accordion = _props.accordion,
- propsActiveKey = _props.activeKey,
- className = _props.className,
- children = _props.children,
- defaultActiveKey = _props.defaultActiveKey,
- onSelect = _props.onSelect,
- style = _props.style,
- clsPrefix = _props.clsPrefix,
- others = _objectWithoutProperties(_props, ['accordion', 'activeKey', 'className', 'children', 'defaultActiveKey', 'onSelect', 'style', 'clsPrefix']);
-
- var activeKey = void 0;
- if (accordion) {
- activeKey = propsActiveKey != null ? propsActiveKey : this.state.activeKey;
- others.role = others.role || 'tablist';
- }
-
- var classes = {};
- classes['' + clsPrefix] = true;
-
- return _react2["default"].createElement(
- 'div',
- _extends({}, others, {
- className: (0, _classnames2["default"])(className, classes)
- }),
- _react2["default"].Children.map(children, function (child) {
- if (!_react2["default"].isValidElement(child)) {
- return child;
- }
- var childProps = {
- style: child.props.style
- };
-
- if (accordion) {
- _extends(childProps, {
- headerRole: 'tab',
- panelRole: 'tabpanel',
- collapsible: true,
- expanded: child.props.eventKey === activeKey,
- onSelect: (0, _tinperBeeCore.createChainedFunction)(_this2.handleSelect, child.props.onSelect)
- });
- }
-
- return (0, _react.cloneElement)(child, childProps);
- })
- );
- };
-
- return PanelGroup;
- }(_react2["default"].Component);
-
- PanelGroup.propTypes = propTypes;
- PanelGroup.defaultProps = defaultProps;
-
- exports["default"] = PanelGroup;
- module.exports = exports['default'];
-
- /***/ }),
- /* 725 */
- /***/ (function(module, exports, __webpack_require__) {
-
- __webpack_require__(215);
- module.exports = __webpack_require__(216).PanelGroup;
-
- /***/ }),
- /* 726 */
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
- /* 727 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _SearchPanel = __webpack_require__(728);
-
- var _SearchPanel2 = _interopRequireDefault(_SearchPanel);
-
- var _AdvancedContainer = __webpack_require__(221);
-
- var _AdvancedContainer2 = _interopRequireDefault(_AdvancedContainer);
-
- var _HeadContainer = __webpack_require__(222);
-
- var _HeadContainer2 = _interopRequireDefault(_HeadContainer);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- _SearchPanel2["default"].HeadContainer = _HeadContainer2["default"];
- _SearchPanel2["default"].AdvancedContainer = _AdvancedContainer2["default"];
-
- exports["default"] = _SearchPanel2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 728 */
- /***/ (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__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _beePanel = __webpack_require__(729);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _AdvancedContainer = __webpack_require__(221);
-
- var _AdvancedContainer2 = _interopRequireDefault(_AdvancedContainer);
-
- var _HeadContainer = __webpack_require__(222);
-
- var _HeadContainer2 = _interopRequireDefault(_HeadContainer);
-
- var _i18n = __webpack_require__(738);
-
- var _i18n2 = _interopRequireDefault(_i18n);
-
- var _tool = __webpack_require__(739);
-
- 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 emFun = function emFun() {};
-
- var propTypes = {
- defaultExpanded: _propTypes2["default"].bool,
- expanded: _propTypes2["default"].bool, //是否默认展开,false默认关闭
- onSearch: _propTypes2["default"].func, //点击查询的回调
- onReset: _propTypes2["default"].func, //点击重置的回调
- resetName: _propTypes2["default"].string, //重置的文字
- searchName: _propTypes2["default"].string, //查询的文字
- title: _propTypes2["default"].string,
- onPanelChangeStart: _propTypes2["default"].func, //显示或隐藏开始回调
- onPanelChangeIng: _propTypes2["default"].func, //显示或隐藏进行中回调
- onPanelChangeEnd: _propTypes2["default"].func, //显示或隐藏结束回调
- onChange: _propTypes2["default"].func, //点击显示或隐藏回调
- showOperation: _propTypes2["default"].bool //是否显示 查询,清空
- // resident: PropTypes.node //常驻面板内容,不会隐藏
- };
-
- var defaultProps = {
- className: "",
- clsPrefix: 'u-search',
- defaultExpanded: false,
- bgColor: "#F7F9FB",
- showOperation: true
- };
-
- var SearchPanel = function (_Component) {
- _inherits(SearchPanel, _Component);
-
- function SearchPanel(props) {
- _classCallCheck(this, SearchPanel);
-
- var _this = _possibleConstructorReturn(this, _Component.call(this, props));
-
- _this.changeExpanded = function () {
- _this.setState({
- expanded: !_this.state.expanded
- });
- };
-
- _this._onChange = function () {
- var onChange = _this.props.onChange;
-
- if ('expanded' in _this.props) {
- _this.setState({ expanded: _this.props.expanded });
- } else {
- _this.setState({ expanded: !_this.state.expanded });
- }
- onChange && onChange();
- };
-
- _this.search = function () {
- var onSearch = _this.props.onSearch;
-
- onSearch && onSearch();
- };
-
- _this.reset = function () {
- var onReset = _this.props.onReset;
-
- onReset && onReset();
- };
-
- _this._onPanelChange = function (type, func) {
- if (func) {
- var status = "";
- if (type === 0) {
- status = "hide";
- } else if (type === 1) {
- status = 'visible';
- }
- func(status);
- }
- };
-
- _this._onPanelChangeStart = function (type) {
- var onPanelChangeStart = _this.props.onPanelChangeStart;
-
- onPanelChangeStart && _this._onPanelChange(type, onPanelChangeStart);
- };
-
- _this._onPanelChangeIng = function (type) {
- var onPanelChangeIng = _this.props.onPanelChangeIng;
-
- onPanelChangeIng && _this._onPanelChange(type, onPanelChangeIng);
- };
-
- _this._onPanelChangeEnd = function (type) {
- var onPanelChangeEnd = _this.props.onPanelChangeEnd;
-
- onPanelChangeEnd && _this._onPanelChange(type, onPanelChangeEnd);
- };
-
- _this._getChildren = function (element) {
- if (element.type.name === "HeadContainer" || element.type.prototype === _HeadContainer2["default"].prototype) {
- // if(element.type.name === "HeadContainer"){
- _this._HeadContainer = element;
- } else if (element.type.name === "AdvancedContainer" || element.type.prototype === _AdvancedContainer2["default"].prototype) {
- // }else if(element.type.name === "AdvancedContainer"){
- _this._AdvancedContainer = element;
- }
- };
-
- _this.state = {
- expanded: props.expanded || props.defaultExpanded
- };
- _this._HeadContainer = null;
- _this._AdvancedContainer = null;
- return _this;
- }
-
- SearchPanel.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
- if ('expanded' in nextProps) {
- this.setState({ expanded: nextProps.expanded });
- }
- };
-
- SearchPanel.prototype.render = function render() {
- var _this2 = this;
-
- var local = (0, _tool.getComponentLocale)(this.props, this.context, 'SearchPanel', function () {
- return _i18n2["default"];
- });
- var _props = this.props,
- children = _props.children,
- clsPrefix = _props.clsPrefix,
- className = _props.className,
- resetName = _props.resetName,
- searchName = _props.searchName,
- title = _props.title,
- bgColor = _props.bgColor,
- style = _props.style,
- showOperation = _props.showOperation;
-
- if (!resetName) resetName = local['resetName'];
- if (!searchName) searchName = local['searchName'];
- if (!title) title = local['title'];
-
- var expanded = this.state.expanded;
-
- var _stype = style || {};
- if (children instanceof Array) {
- children.forEach(function (element) {
- _this2._getChildren(element);
- });
- } else {
- this._getChildren(children);
- }
-
- return _react2["default"].createElement(
- 'div',
- { className: clsPrefix + ' ' + className,
- style: _extends({ background: bgColor }, _stype) },
- _react2["default"].createElement(
- 'div',
- { className: clsPrefix + "-header" },
- _react2["default"].createElement(
- 'div',
- { className: clsPrefix + "-header-title" },
- _react2["default"].createElement(
- 'span',
- null,
- title
- )
- ),
- _react2["default"].createElement(
- 'div',
- { className: clsPrefix + "-header-oper" },
- this._HeadContainer || showOperation && expanded ? _react2["default"].createElement(
- 'span',
- { className: 'header-oper-btn', role: 'button', onClick: this.reset },
- resetName
- ) : null,
- this._HeadContainer || showOperation && expanded ? _react2["default"].createElement(
- 'span',
- { className: 'header-oper-btn primary', role: 'button', onClick: this.search },
- searchName
- ) : null,
- _react2["default"].createElement(
- 'span',
- {
- className: 'header-oper-btn',
- role: 'button',
- onClick: this._onChange
- },
- expanded ? local['up'] : local['down'],
- _react2["default"].createElement('i', { className: (0, _classnames2["default"])({
- 'uf': true,
- 'uf-arrow-down': !expanded,
- 'uf-arrow-up': expanded
- }) })
- )
- )
- ),
- _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-resident' },
- this._HeadContainer
- ),
- _react2["default"].createElement(
- _beePanel.Panel,
- {
- collapsible: true,
- expanded: this.state.expanded,
- onExit: this._onPanelChangeStart.bind(this, 0) //隐藏开始回调
- , onEnter: this._onPanelChangeStart.bind(this, 1) //显示开始回调
- , onExiting: this._onPanelChangeIng.bind(this, 0) //隐藏进行中回调
- , onEntering: this._onPanelChangeIng.bind(this, 1) //显示进行中回调
- , onExited: this._onPanelChangeEnd.bind(this, 0) //隐藏完成回调
- , onEntered: this._onPanelChangeEnd.bind(this, 1) //显示后回调
- },
- this._AdvancedContainer
- )
- );
- };
-
- return SearchPanel;
- }(_react.Component);
-
- SearchPanel.propTypes = propTypes;
- SearchPanel.defaultProps = defaultProps;
- SearchPanel.contextTypes = {
- beeLocale: _propTypes2["default"].object
- };
-
- exports["default"] = SearchPanel;
- module.exports = exports['default'];
-
- /***/ }),
- /* 729 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.PanelGroup = exports.Panel = undefined;
-
- var _Panel2 = __webpack_require__(730);
-
- var _Panel3 = _interopRequireDefault(_Panel2);
-
- var _PanelGroup2 = __webpack_require__(737);
-
- var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports.Panel = _Panel3["default"];
- exports.PanelGroup = _PanelGroup3["default"];
-
- /***/ }),
- /* 730 */
- /***/ (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 _classnames = __webpack_require__(220);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _beeTransition = __webpack_require__(731);
-
- var _beeMessage = __webpack_require__(735);
-
- var _beeMessage2 = _interopRequireDefault(_beeMessage);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _copyToClipboard = __webpack_require__(218);
-
- var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);
-
- 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 _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; }
-
- 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 = {
- //是否添加折叠
- collapsible: _propTypes2["default"].bool,
- onSelect: _propTypes2["default"].func,
- //头部组件
- header: _propTypes2["default"].node,
- headerStyle: _propTypes2["default"].object,
- id: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
- headerContent: _propTypes2["default"].bool,
- //footer组件
- footer: _propTypes2["default"].node,
- footerStyle: _propTypes2["default"].object,
- //默认是否打开
- defaultExpanded: _propTypes2["default"].bool,
- //是否打开
- expanded: _propTypes2["default"].bool,
- //每个panel的标记
- eventKey: _propTypes2["default"].any,
- headerRole: _propTypes2["default"].string,
- panelRole: _propTypes2["default"].string,
- //颜色
- colors: _propTypes2["default"].oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', 'default', 'bordered']),
-
- // From Collapse.的扩展动画
- onEnter: _propTypes2["default"].func,
- onEntering: _propTypes2["default"].func,
- onEntered: _propTypes2["default"].func,
- onExit: _propTypes2["default"].func,
- onExiting: _propTypes2["default"].func,
- onExited: _propTypes2["default"].func,
- //是否可复制内容
- copyable: _propTypes2["default"].bool
- };
-
- var defaultProps = {
- defaultExpanded: false,
- clsPrefix: "u-panel",
- colors: "default"
- };
-
- var Panel = function (_React$Component) {
- _inherits(Panel, _React$Component);
-
- function Panel(props, context) {
- _classCallCheck(this, Panel);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
- _this.handleClickTitle = _this.handleClickTitle.bind(_this);
-
- _this.state = {
- expanded: _this.props.defaultExpanded
- };
- return _this;
- }
-
- //头部点击事件
-
-
- Panel.prototype.handleClickTitle = function handleClickTitle(e) {
- // 不让事件进入事件池
- e.persist();
- e.selected = true;
-
- if (this.props.onSelect) {
- this.props.onSelect(this.props.eventKey, e);
- } else {
- e.preventDefault();
- }
-
- if (e.selected) {
- this.setState({ expanded: !this.state.expanded });
- }
- };
-
- //渲染panelheader
-
-
- Panel.prototype.renderHeader = function renderHeader(collapsible, header, id, role, expanded, clsPrefix) {
- var titleClassName = clsPrefix + '-title';
-
- if (!collapsible) {
- if (!_react2["default"].isValidElement(header)) {
- return header;
- }
-
- return (0, _react.cloneElement)(header, {
- className: (0, _classnames2["default"])(header.props.className, titleClassName)
- });
- }
-
- if (!_react2["default"].isValidElement(header)) {
- return _react2["default"].createElement(
- 'h4',
- { role: 'presentation', className: titleClassName },
- this.renderAnchor(header, id, role, expanded)
- );
- }
- if (this.props.headerContent) {
- return (0, _react.cloneElement)(header, {
- className: (0, _classnames2["default"])(header.props.className, titleClassName)
- });
- }
-
- return (0, _react.cloneElement)(header, {
- className: (0, _classnames2["default"])(header.props.className, titleClassName),
- children: this.renderAnchor(header.props.children, id, role, expanded)
- });
- };
-
- //如果使用链接,渲染为a标签
-
-
- Panel.prototype.renderAnchor = function renderAnchor(header, id, role, expanded) {
- return _react2["default"].createElement(
- 'a',
- {
- role: role,
- href: id && '#' + id,
- 'aria-controls': id,
- 'aria-expanded': expanded,
- 'aria-selected': expanded,
- className: expanded ? null : 'collapsed'
- },
- header
- );
- };
-
- //复制代码,弹出提示信息
-
-
- Panel.prototype.copyDemo = function copyDemo(e) {
- var panelTarget = e.target.parentNode;
- var clipBoardContent = panelTarget.firstChild.innerText;
- (0, _copyToClipboard2["default"])(clipBoardContent);
- _beeMessage2["default"].create({ content: '复制成功!', color: 'success', duration: 2 });
- };
-
- //如果有折叠动画,渲染折叠动画
-
-
- Panel.prototype.renderCollapsibleBody = function renderCollapsibleBody(id, expanded, role, children, clsPrefix, copyable, animationHooks) {
- return _react2["default"].createElement(
- _beeTransition.Collapse,
- _extends({ 'in': expanded }, animationHooks),
- _react2["default"].createElement(
- 'div',
- {
- id: id,
- role: role,
- className: clsPrefix + '-collapse',
- 'aria-hidden': !expanded
- },
- this.renderBody(children, clsPrefix, copyable)
- )
- );
- };
-
- //渲染panelbody
-
-
- Panel.prototype.renderBody = function renderBody(rawChildren, clsPrefix, copyable) {
- var self = this;
- var children = [];
- var bodyChildren = [];
-
- var bodyClassName = clsPrefix + '-body';
- //添加到body的children中
- function maybeAddBody(self) {
- if (!bodyChildren.length) {
- return;
- }
- // 给子组件添加key,为了之后触发事件时使用
- children.push(_react2["default"].createElement(
- 'div',
- { key: children.length, className: bodyClassName },
- bodyChildren,
- copyable && _react2["default"].createElement('i', { className: clsPrefix + '-copy uf uf-files-o', onClick: self.copyDemo })
- ));
- bodyChildren = [];
- }
-
- //转换为数组,方便复用
- _react2["default"].Children.toArray(rawChildren).forEach(function (child) {
- if (_react2["default"].isValidElement(child) && child.props.fill) {
- maybeAddBody(self);
-
- //将标示fill设置为undefined
- children.push((0, _react.cloneElement)(child, { fill: undefined }));
-
- return;
- }
- bodyChildren.push(child);
- });
-
- maybeAddBody(self);
-
- return children;
- };
-
- Panel.prototype.render = function render() {
- var _props = this.props,
- collapsible = _props.collapsible,
- header = _props.header,
- id = _props.id,
- footer = _props.footer,
- propsExpanded = _props.expanded,
- footerStyle = _props.footerStyle,
- headerStyle = _props.headerStyle,
- headerRole = _props.headerRole,
- panelRole = _props.panelRole,
- className = _props.className,
- colors = _props.colors,
- children = _props.children,
- onEnter = _props.onEnter,
- onEntering = _props.onEntering,
- onEntered = _props.onEntered,
- clsPrefix = _props.clsPrefix,
- onExit = _props.onExit,
- headerContent = _props.headerContent,
- onExiting = _props.onExiting,
- onExited = _props.onExited,
- defaultExpanded = _props.defaultExpanded,
- eventKey = _props.eventKey,
- onSelect = _props.onSelect,
- copyable = _props.copyable,
- props = _objectWithoutProperties(_props, ['collapsible', 'header', 'id', 'footer', 'expanded', 'footerStyle', 'headerStyle', 'headerRole', 'panelRole', 'className', 'colors', 'children', 'onEnter', 'onEntering', 'onEntered', 'clsPrefix', 'onExit', 'headerContent', 'onExiting', 'onExited', 'defaultExpanded', 'eventKey', 'onSelect', 'copyable']);
-
- var expanded = propsExpanded != null ? propsExpanded : this.state.expanded;
-
- var classes = {};
- classes['' + clsPrefix] = true;
- classes[clsPrefix + '-' + colors] = true;
-
- var headerClass = _defineProperty({}, clsPrefix + '-heading', true);
-
- copyable === false ? false : true;
- return _react2["default"].createElement(
- 'div',
- _extends({}, props, {
- className: (0, _classnames2["default"])(className, classes),
- id: collapsible ? null : id
- }),
- header && _react2["default"].createElement(
- 'div',
- { className: (0, _classnames2["default"])(headerClass), style: headerStyle, onClick: this.handleClickTitle },
- this.renderHeader(collapsible, header, id, headerRole, expanded, clsPrefix)
- ),
- collapsible ? this.renderCollapsibleBody(id, expanded, panelRole, children, clsPrefix, copyable, { onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }) : this.renderBody(children, clsPrefix, copyable),
- footer && _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-footer', style: footerStyle },
- footer
- )
- );
- };
-
- return Panel;
- }(_react2["default"].Component);
-
- Panel.propTypes = propTypes;
- Panel.defaultProps = defaultProps;
-
- exports["default"] = Panel;
- module.exports = exports['default'];
-
- /***/ }),
- /* 731 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.Fade = exports.Collapse = exports.Transition = undefined;
-
- var _Transition2 = __webpack_require__(129);
-
- var _Transition3 = _interopRequireDefault(_Transition2);
-
- var _Collapse2 = __webpack_require__(732);
-
- var _Collapse3 = _interopRequireDefault(_Collapse2);
-
- var _Fade2 = __webpack_require__(734);
-
- var _Fade3 = _interopRequireDefault(_Fade2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports.Transition = _Transition3["default"];
- exports.Collapse = _Collapse3["default"];
- exports.Fade = _Fade3["default"];
-
- /***/ }),
- /* 732 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _style = __webpack_require__(33);
-
- var _style2 = _interopRequireDefault(_style);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _Transition = __webpack_require__(129);
-
- var _Transition2 = _interopRequireDefault(_Transition);
-
- var _capitalize = __webpack_require__(733);
-
- var _capitalize2 = _interopRequireDefault(_capitalize);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- 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 MARGINS = {
- height: ['marginTop', 'marginBottom'],
- width: ['marginLeft', 'marginRight']
- };
-
- // reading a dimension prop will cause the browser to recalculate,
- // which will let our animations work
- function triggerBrowserReflow(node) {
- node.offsetHeight; // eslint-disable-line no-unused-expressions
- }
-
- function getDimensionValue(dimension, elem) {
- var value = elem['offset' + (0, _capitalize2["default"])(dimension)];
- var margins = MARGINS[dimension];
-
- return value + parseInt((0, _style2["default"])(elem, margins[0]), 10) + parseInt((0, _style2["default"])(elem, margins[1]), 10);
- }
-
- var propTypes = {
- /**
- * Show the component; triggers the expand or collapse animation
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * Unmount the component (remove it from the DOM) when it is collapsed
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * Run the expand animation when the component mounts, if it is initially
- * shown
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * Duration of the collapse animation in milliseconds, to ensure that
- * finishing callbacks are fired even if the original browser transition end
- * events are canceled
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * Callback fired before the component expands
- */
- onEnter: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to expand
- */
- onEntering: _propTypes2["default"].func,
- /**
- * Callback fired after the component has expanded
- */
- onEntered: _propTypes2["default"].func,
- /**
- * Callback fired before the component collapses
- */
- onExit: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to collapse
- */
- onExiting: _propTypes2["default"].func,
- /**
- * Callback fired after the component has collapsed
- */
- onExited: _propTypes2["default"].func,
-
- /**
- * The dimension used when collapsing, or a function that returns the
- * dimension
- *
- * _Note: Bootstrap only partially supports 'width'!
- * You will need to supply your own CSS animation for the `.width` CSS class._
- */
- dimension: _propTypes2["default"].oneOfType([_propTypes2["default"].oneOf(['height', 'width']), _propTypes2["default"].func]),
-
- /**
- * Function that returns the height or width of the animating DOM node
- *
- * Allows for providing some custom logic for how much the Collapse component
- * should animate in its specified dimension. Called with the current
- * dimension prop value and the DOM node.
- */
- getDimensionValue: _propTypes2["default"].func,
-
- /**
- * ARIA role of collapsible element
- */
- role: _propTypes2["default"].string
- };
-
- var defaultProps = {
- "in": false,
- timeout: 300,
- unmountOnExit: false,
- transitionAppear: false,
-
- dimension: 'height',
- getDimensionValue: getDimensionValue
- };
-
- var Collapse = function (_React$Component) {
- _inherits(Collapse, _React$Component);
-
- function Collapse(props, context) {
- _classCallCheck(this, Collapse);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
- _this.handleEnter = _this.handleEnter.bind(_this);
- _this.handleEntering = _this.handleEntering.bind(_this);
- _this.handleEntered = _this.handleEntered.bind(_this);
- _this.handleExit = _this.handleExit.bind(_this);
- _this.handleExiting = _this.handleExiting.bind(_this);
- return _this;
- }
-
- /* -- Expanding -- */
-
-
- Collapse.prototype.handleEnter = function handleEnter(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = '0';
- };
-
- Collapse.prototype.handleEntering = function handleEntering(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);
- };
-
- Collapse.prototype.handleEntered = function handleEntered(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = null;
- };
-
- /* -- Collapsing -- */
-
-
- Collapse.prototype.handleExit = function handleExit(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';
- triggerBrowserReflow(elem);
- };
-
- Collapse.prototype.handleExiting = function handleExiting(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = '0';
- };
-
- Collapse.prototype._dimension = function _dimension() {
- return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;
- };
-
- // for testing
-
-
- Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {
- return elem['scroll' + (0, _capitalize2["default"])(dimension)] + 'px';
- };
-
- Collapse.prototype.render = function render() {
- var _props = this.props,
- onEnter = _props.onEnter,
- onEntering = _props.onEntering,
- onEntered = _props.onEntered,
- onExit = _props.onExit,
- onExiting = _props.onExiting,
- className = _props.className,
- props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);
-
- delete props.dimension;
- delete props.getDimensionValue;
-
- var handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);
- var handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);
- var handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);
- var handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);
- var handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);
-
- var classes = {
- width: this._dimension() === 'width'
- };
-
- return _react2["default"].createElement(_Transition2["default"], _extends({}, props, {
- 'aria-expanded': props.role ? props["in"] : null,
- className: (0, _classnames2["default"])(className, classes),
- exitedClassName: 'collapse',
- exitingClassName: 'collapsing',
- enteredClassName: 'collapse in',
- enteringClassName: 'collapsing',
- onEnter: handleEnter,
- onEntering: handleEntering,
- onEntered: handleEntered,
- onExit: handleExit,
- onExiting: handleExiting
- }));
- };
-
- return Collapse;
- }(_react2["default"].Component);
-
- Collapse.propTypes = propTypes;
- Collapse.defaultProps = defaultProps;
-
- exports["default"] = Collapse;
- module.exports = exports['default'];
-
- /***/ }),
- /* 733 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = capitalize;
- function capitalize(string) {
- return "" + string.charAt(0).toUpperCase() + string.slice(1);
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 734 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _Transition = __webpack_require__(129);
-
- var _Transition2 = _interopRequireDefault(_Transition);
-
- 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 propTypes = {
- /**
- * Show the component; triggers the fade in or fade out animation
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * Unmount the component (remove it from the DOM) when it is faded out
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * Run the fade in animation when the component mounts, if it is initially
- * shown
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * Duration of the fade animation in milliseconds, to ensure that finishing
- * callbacks are fired even if the original browser transition end events are
- * canceled
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * Callback fired before the component fades in
- */
- onEnter: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade in
- */
- onEntering: _propTypes2["default"].func,
- /**
- * Callback fired after the has component faded in
- */
- onEntered: _propTypes2["default"].func,
- /**
- * Callback fired before the component fades out
- */
- onExit: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade out
- */
- onExiting: _propTypes2["default"].func,
- /**
- * Callback fired after the component has faded out
- */
- onExited: _propTypes2["default"].func
- };
-
- var defaultProps = {
- "in": false,
- timeout: 300,
- unmountOnExit: false,
- transitionAppear: false
- };
-
- var Fade = function (_React$Component) {
- _inherits(Fade, _React$Component);
-
- function Fade() {
- _classCallCheck(this, Fade);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- Fade.prototype.render = function render() {
- return _react2["default"].createElement(_Transition2["default"], _extends({}, this.props, {
- className: (0, _classnames2["default"])(this.props.className, 'fade'),
- enteredClassName: 'in',
- enteringClassName: 'in'
- }));
- };
-
- return Fade;
- }(_react2["default"].Component);
-
- Fade.propTypes = propTypes;
- Fade.defaultProps = defaultProps;
-
- exports["default"] = Fade;
- module.exports = exports['default'];
-
- /***/ }),
- /* 735 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _Message = __webpack_require__(736);
-
- var _Message2 = _interopRequireDefault(_Message);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports["default"] = _Message2["default"];
- module.exports = exports['default'];
-
- /***/ }),
- /* 736 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- 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; };
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _beeNotification = __webpack_require__(88);
-
- var _beeNotification2 = _interopRequireDefault(_beeNotification);
-
- var _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- var defaultDuration = 1.5;
- var defaultTop = 0;
- var defaultBottom = 48;
- var bottom = 90;
- var padding = 30;
- var width = 200;
- var messageInstance = void 0;
- var key = 1;
- var clsPrefix = 'u-message';
- var noop = function noop() {};
-
- var positionObj = {
- "top": {
- messageStyle: {
- width: "100%"
- },
- notificationStyle: {
- top: defaultTop,
- width: "100%"
- },
- transitionName: 'top'
- },
- "bottom": {
- messageStyle: {
- width: "100%"
- },
- notificationStyle: {
- bottom: defaultBottom,
- width: "100%"
- },
- transitionName: 'bottom'
- },
- "topRight": {
- messageStyle: {
- width: width
- },
- notificationStyle: {
- top: padding,
- right: padding,
- width: width
- },
- transitionName: 'right'
- },
- "bottomRight": {
- messageStyle: {
- width: width
- },
- notificationStyle: {
- bottom: bottom,
- right: padding,
- width: width
- },
- transitionName: 'right'
- },
- "topLeft": {
- messageStyle: {
- width: width
- },
- notificationStyle: {
- top: padding,
- left: padding,
- width: width
- },
- transitionName: 'left'
- },
- "bottomLeft": {
- messageStyle: {
- width: width
- },
- notificationStyle: {
- bottom: bottom,
- left: padding,
- width: width
- },
- transitionName: 'left'
- }
- };
-
- function getMessageInstance() {
- var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'top';
- var callback = arguments[1];
- var keyboard = arguments[2];
- var onEscapeKeyUp = arguments[3];
-
- if (messageInstance) {
- callback(messageInstance);
- return;
- }
- var style = positionObj[position].notificationStyle;
- var instanceObj = {
- clsPrefix: clsPrefix,
- transitionName: clsPrefix + '-' + positionObj[position].transitionName,
- style: style, // 覆盖原来的样式
- position: ''
- };
- if (typeof keyboard === 'boolean') {
- instanceObj.keyboard = keyboard;
- }
- if (typeof onEscapeKeyUp === 'function') {
- instanceObj.onEscapeKeyUp = onEscapeKeyUp;
- }
- _beeNotification2["default"].newInstance(instanceObj, function (instance) {
- messageInstance = instance;
- callback(instance);
- });
- }
-
- function notice(content, duration, type, onClose, position, style, keyboard, onEscapeKeyUp, showIcon) {
- var iconType = {
- info: 'uf uf-i-c-2',
- success: 'uf uf-correct',
- danger: 'uf uf-close-c',
- warning: 'uf uf-exc-t',
- light: 'uf uf-notification',
- dark: 'uf uf-bubble',
- news: 'uf uf-bell',
- infolight: 'uf uf-i-c-2',
- successlight: 'uf uf-correct',
- dangerlight: 'uf uf-close-c',
- warninglight: 'uf uf-exc-t'
- }[type];
-
- var positionStyle = positionObj[position].messageStyle;
-
- getMessageInstance(position, function (instance) {
- instance.notice({
- key: key,
- duration: duration,
- color: type,
- style: _extends({}, positionStyle, style),
- content: _react2["default"].createElement(
- 'div',
- null,
- showIcon ? _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-notice-description-icon' },
- _react2["default"].createElement('i', { className: (0, _classnames2["default"])(iconType) })
- ) : null,
- _react2["default"].createElement(
- 'div',
- { className: clsPrefix + '-notice-description-content' },
- content
- )
- ),
- onClose: onClose
- });
- }, keyboard, onEscapeKeyUp);
- return function () {
- var target = key++;
- return function () {
- if (messageInstance) {
- messageInstance.removeNotice(target);
- }
- };
- }();
- }
-
- exports["default"] = {
- create: function create(obj) {
- var content = obj.content || '';
- var duration = _typeof(obj.duration) == undefined ? defaultDuration : obj.duration;
- var color = obj.color || 'dark';
- var onClose = obj.onClose || noop;
- var position = obj.position || "top";
- var style = obj.style || {};
- var showIcon = obj.showIcon || false;
- return notice(content, duration, color, onClose, position, style, obj.keyboard, obj.onEscapeKeyUp, showIcon);
- },
- config: function config(options) {
- if (options.top !== undefined) {
- defaultTop = options.top;
- }
- if (options.duration !== undefined) {
- defaultDuration = options.duration;
- }
- if (options.clsPrefix !== undefined) {
- clsPrefix = options.clsPrefix;
- }
- if (options.defaultBottom !== undefined) {
- defaultBottom = options.defaultBottom;
- }
- if (options.bottom !== undefined) {
- bottom = options.bottom;
- }
- if (options.width !== undefined) {
- bottom = options.width;
- }
- },
- destroy: function destroy() {
- if (messageInstance) {
- messageInstance.destroy();
- messageInstance = null;
- }
- }
- };
- module.exports = exports['default'];
-
- /***/ }),
- /* 737 */
- /***/ (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 _classnames = __webpack_require__(220);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- 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 = {
- //是否是手风琴效果
- accordion: _propTypes2["default"].bool,
- //激活的项
- activeKey: _propTypes2["default"].any,
- //默认的激活的项
- defaultActiveKey: _propTypes2["default"].any,
- //选中函数
- onSelect: _propTypes2["default"].func,
- role: _propTypes2["default"].string
- };
-
- var defaultProps = {
- accordion: false,
- clsPrefix: 'u-panel-group'
- };
-
- // TODO: Use uncontrollable.
-
- var PanelGroup = function (_React$Component) {
- _inherits(PanelGroup, _React$Component);
-
- function PanelGroup(props, context) {
- _classCallCheck(this, PanelGroup);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
- _this.handleSelect = _this.handleSelect.bind(_this);
-
- _this.state = {
- activeKey: props.defaultActiveKey
- };
- return _this;
- }
-
- PanelGroup.prototype.handleSelect = function handleSelect(key, e) {
- e.preventDefault();
-
- if (this.props.onSelect) {
- this.props.onSelect(key, e);
- }
-
- if (this.state.activeKey === key) {
- key = null;
- }
-
- this.setState({ activeKey: key });
- };
-
- PanelGroup.prototype.render = function render() {
- var _this2 = this;
-
- var _props = this.props,
- accordion = _props.accordion,
- propsActiveKey = _props.activeKey,
- className = _props.className,
- children = _props.children,
- defaultActiveKey = _props.defaultActiveKey,
- onSelect = _props.onSelect,
- style = _props.style,
- clsPrefix = _props.clsPrefix,
- others = _objectWithoutProperties(_props, ['accordion', 'activeKey', 'className', 'children', 'defaultActiveKey', 'onSelect', 'style', 'clsPrefix']);
-
- var activeKey = void 0;
- if (accordion) {
- activeKey = propsActiveKey != null ? propsActiveKey : this.state.activeKey;
- others.role = others.role || 'tablist';
- }
-
- var classes = {};
- classes['' + clsPrefix] = true;
-
- return _react2["default"].createElement(
- 'div',
- _extends({}, others, {
- className: (0, _classnames2["default"])(className, classes)
- }),
- _react2["default"].Children.map(children, function (child) {
- if (!_react2["default"].isValidElement(child)) {
- return child;
- }
- var childProps = {
- style: child.props.style
- };
-
- if (accordion) {
- _extends(childProps, {
- headerRole: 'tab',
- panelRole: 'tabpanel',
- collapsible: true,
- expanded: child.props.eventKey === activeKey,
- onSelect: (0, _tinperBeeCore.createChainedFunction)(_this2.handleSelect, child.props.onSelect)
- });
- }
-
- return (0, _react.cloneElement)(child, childProps);
- })
- );
- };
-
- return PanelGroup;
- }(_react2["default"].Component);
-
- PanelGroup.propTypes = propTypes;
- PanelGroup.defaultProps = defaultProps;
-
- exports["default"] = PanelGroup;
- module.exports = exports['default'];
-
- /***/ }),
- /* 738 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
module.exports = {
'lang': 'zh-cn',
'title': '默认筛选',
@@ -159247,7 +158932,7 @@
};
/***/ }),
- /* 739 */
+ /* 719 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159291,21 +158976,21 @@
}
/***/ }),
- /* 740 */
+ /* 720 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(741);
- module.exports = __webpack_require__(223);
+ __webpack_require__(721);
+ module.exports = __webpack_require__(218);
/***/ }),
- /* 741 */
+ /* 721 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 742 */
+ /* 722 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159321,7 +159006,7 @@
module.exports = exports["default"];
/***/ }),
- /* 743 */
+ /* 723 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159345,7 +159030,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Transition = __webpack_require__(130);
+ var _Transition = __webpack_require__(123);
var _Transition2 = _interopRequireDefault(_Transition);
@@ -159443,21 +159128,21 @@
module.exports = exports['default'];
/***/ }),
- /* 744 */
+ /* 724 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(745);
- module.exports = __webpack_require__(746);
+ __webpack_require__(725);
+ module.exports = __webpack_require__(726);
/***/ }),
- /* 745 */
+ /* 725 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 746 */
+ /* 726 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159467,7 +159152,7 @@
value: true
});
- var _Navbar = __webpack_require__(747);
+ var _Navbar = __webpack_require__(727);
var _Navbar2 = _interopRequireDefault(_Navbar);
@@ -159477,7 +159162,7 @@
module.exports = exports['default'];
/***/ }),
- /* 747 */
+ /* 727 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159501,35 +159186,35 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _elementType = __webpack_require__(184);
+ var _elementType = __webpack_require__(178);
var _elementType2 = _interopRequireDefault(_elementType);
- var _Layout = __webpack_require__(178);
+ var _Layout = __webpack_require__(172);
var _Layout2 = _interopRequireDefault(_Layout);
- var _NavbarBrand = __webpack_require__(748);
+ var _NavbarBrand = __webpack_require__(728);
var _NavbarBrand2 = _interopRequireDefault(_NavbarBrand);
- var _NavbarCollapse = __webpack_require__(749);
+ var _NavbarCollapse = __webpack_require__(729);
var _NavbarCollapse2 = _interopRequireDefault(_NavbarCollapse);
- var _NavbarHeader = __webpack_require__(750);
+ var _NavbarHeader = __webpack_require__(730);
var _NavbarHeader2 = _interopRequireDefault(_NavbarHeader);
- var _NavbarToggle = __webpack_require__(751);
+ var _NavbarToggle = __webpack_require__(731);
var _NavbarToggle2 = _interopRequireDefault(_NavbarToggle);
- var _Nav = __webpack_require__(752);
+ var _Nav = __webpack_require__(732);
var _Nav2 = _interopRequireDefault(_Nav);
- var _NavItem = __webpack_require__(753);
+ var _NavItem = __webpack_require__(733);
var _NavItem2 = _interopRequireDefault(_NavItem);
@@ -159759,7 +159444,7 @@
module.exports = exports['default'];
/***/ }),
- /* 748 */
+ /* 728 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159833,7 +159518,7 @@
module.exports = exports['default'];
/***/ }),
- /* 749 */
+ /* 729 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159853,7 +159538,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Collapse = __webpack_require__(224);
+ var _Collapse = __webpack_require__(219);
var _Collapse2 = _interopRequireDefault(_Collapse);
@@ -159917,7 +159602,7 @@
module.exports = exports['default'];
/***/ }),
- /* 750 */
+ /* 730 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -159980,7 +159665,7 @@
module.exports = exports['default'];
/***/ }),
- /* 751 */
+ /* 731 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160004,7 +159689,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _createChainedFunction = __webpack_require__(46);
+ var _createChainedFunction = __webpack_require__(43);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
@@ -160121,7 +159806,7 @@
module.exports = exports['default'];
/***/ }),
- /* 752 */
+ /* 732 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160145,7 +159830,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _all = __webpack_require__(183);
+ var _all = __webpack_require__(177);
var _all2 = _interopRequireDefault(_all);
@@ -160306,7 +159991,7 @@
module.exports = exports['default'];
/***/ }),
- /* 753 */
+ /* 733 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160447,50 +160132,50 @@
module.exports = exports['default'];
/***/ }),
- /* 754 */
+ /* 734 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(755);
- module.exports = __webpack_require__(47);
+ __webpack_require__(735);
+ module.exports = __webpack_require__(44);
/***/ }),
- /* 755 */
+ /* 735 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 756 */
+ /* 736 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(757);
+ __webpack_require__(737);
// console.log(" *******default*******==aa",require('bee-select'));
- module.exports = __webpack_require__(115);
+ module.exports = __webpack_require__(108);
/***/ }),
- /* 757 */
+ /* 737 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 758 */
+ /* 738 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(759);
- module.exports = __webpack_require__(760);
+ __webpack_require__(739);
+ module.exports = __webpack_require__(740);
/***/ }),
- /* 759 */
+ /* 739 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 760 */
+ /* 740 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160500,7 +160185,7 @@
value: true
});
- var _Tile = __webpack_require__(761);
+ var _Tile = __webpack_require__(741);
var _Tile2 = _interopRequireDefault(_Tile);
@@ -160510,7 +160195,7 @@
module.exports = exports['default'];
/***/ }),
- /* 761 */
+ /* 741 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160602,35 +160287,35 @@
module.exports = exports['default'];
/***/ }),
- /* 762 */
+ /* 742 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(763);
- module.exports = __webpack_require__(13);
+ __webpack_require__(743);
+ module.exports = __webpack_require__(15);
/***/ }),
- /* 763 */
+ /* 743 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 764 */
+ /* 744 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(765);
- module.exports = __webpack_require__(225);
+ __webpack_require__(745);
+ module.exports = __webpack_require__(220);
/***/ }),
- /* 765 */
+ /* 745 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 766 */
+ /* 746 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160646,15 +160331,15 @@
var _react2 = _interopRequireDefault(_react);
- var _ExportMenu = __webpack_require__(767);
+ var _ExportMenu = __webpack_require__(747);
var _ExportMenu2 = _interopRequireDefault(_ExportMenu);
- var _openAnimation = __webpack_require__(779);
+ var _openAnimation = __webpack_require__(756);
var _openAnimation2 = _interopRequireDefault(_openAnimation);
- var _warning = __webpack_require__(780);
+ var _warning = __webpack_require__(757);
var _warning2 = _interopRequireDefault(_warning);
@@ -160787,7 +160472,7 @@
module.exports = exports['default'];
/***/ }),
- /* 767 */
+ /* 747 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160798,31 +160483,31 @@
});
exports.MenuToggle = exports.SideContainer = exports.Divider = exports.ItemGroup = exports.MenuItemGroup = exports.MenuItem = exports.Item = exports.SubMenu = undefined;
- var _Menu = __webpack_require__(768);
+ var _Menu = __webpack_require__(748);
var _Menu2 = _interopRequireDefault(_Menu);
- var _SubMenu = __webpack_require__(228);
+ var _SubMenu = __webpack_require__(223);
var _SubMenu2 = _interopRequireDefault(_SubMenu);
- var _MenuItem = __webpack_require__(774);
+ var _MenuItem = __webpack_require__(751);
var _MenuItem2 = _interopRequireDefault(_MenuItem);
- var _MenuItemGroup = __webpack_require__(775);
+ var _MenuItemGroup = __webpack_require__(752);
var _MenuItemGroup2 = _interopRequireDefault(_MenuItemGroup);
- var _Divider = __webpack_require__(776);
+ var _Divider = __webpack_require__(753);
var _Divider2 = _interopRequireDefault(_Divider);
- var _SideContainer = __webpack_require__(777);
+ var _SideContainer = __webpack_require__(754);
var _SideContainer2 = _interopRequireDefault(_SideContainer);
- var _MenuToggle = __webpack_require__(778);
+ var _MenuToggle = __webpack_require__(755);
var _MenuToggle2 = _interopRequireDefault(_MenuToggle);
@@ -160843,7 +160528,7 @@
exports["default"] = _Menu2["default"];
/***/ }),
- /* 768 */
+ /* 748 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -160867,13 +160552,13 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _miniStore = __webpack_require__(17);
+ var _miniStore = __webpack_require__(26);
- var _SubPopupMenu = __webpack_require__(226);
+ var _SubPopupMenu = __webpack_require__(221);
var _SubPopupMenu2 = _interopRequireDefault(_SubPopupMenu);
- var _util = __webpack_require__(56);
+ var _util = __webpack_require__(50);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -161142,7 +160827,7 @@
module.exports = exports['default'];
/***/ }),
- /* 769 */
+ /* 749 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -161166,15 +160851,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _resizeObserverPolyfill = __webpack_require__(120);
+ var _resizeObserverPolyfill = __webpack_require__(192);
var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
- var _SubMenu = __webpack_require__(228);
+ var _SubMenu = __webpack_require__(223);
var _SubMenu2 = _interopRequireDefault(_SubMenu);
- var _util = __webpack_require__(56);
+ var _util = __webpack_require__(50);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -161200,7 +160885,7 @@
// Fix ssr
if (canUseDOM) {
- __webpack_require__(121);
+ __webpack_require__(199);
}
var DOMWrap = function (_React$Component) {
@@ -161518,1206 +161203,7 @@
module.exports = exports['default'];
/***/ }),
- /* 770 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__ = __webpack_require__(49);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__ = __webpack_require__(50);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_rc_util_es_ContainerRender__ = __webpack_require__(64);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_rc_util_es_Portal__ = __webpack_require__(65);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_classnames__ = __webpack_require__(2);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_classnames__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils__ = __webpack_require__(229);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Popup__ = __webpack_require__(771);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- function noop() {}
-
- function returnEmptyString() {
- return '';
- }
-
- function returnDocument() {
- return window.document;
- }
-
- var ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur', 'onContextMenu'];
-
- var IS_REACT_16 = !!__WEBPACK_IMPORTED_MODULE_6_react_dom__["createPortal"];
-
- var contextTypes = {
- rcTrigger: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.shape({
- onPopupMouseDown: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func
- })
- };
-
- var Trigger = function (_React$Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Trigger, _React$Component);
-
- function Trigger(props) {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Trigger);
-
- var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- var popupVisible = void 0;
- if ('popupVisible' in props) {
- popupVisible = !!props.popupVisible;
- } else {
- popupVisible = !!props.defaultPopupVisible;
- }
-
- _this.prevPopupVisible = popupVisible;
-
- _this.state = {
- popupVisible: popupVisible
- };
- return _this;
- }
-
- Trigger.prototype.getChildContext = function getChildContext() {
- return {
- rcTrigger: {
- onPopupMouseDown: this.onPopupMouseDown
- }
- };
- };
-
- Trigger.prototype.componentWillMount = function componentWillMount() {
- var _this2 = this;
-
- ALL_HANDLERS.forEach(function (h) {
- _this2['fire' + h] = function (e) {
- _this2.fireEvents(h, e);
- };
- });
- };
-
- Trigger.prototype.componentDidMount = function componentDidMount() {
- this.componentDidUpdate({}, {
- popupVisible: this.state.popupVisible
- });
- };
-
- Trigger.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {
- var popupVisible = _ref.popupVisible;
-
- if (popupVisible !== undefined) {
- this.setState({
- popupVisible: popupVisible
- });
- }
- };
-
- Trigger.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
- var props = this.props;
- var state = this.state;
- var triggerAfterPopupVisibleChange = function triggerAfterPopupVisibleChange() {
- if (prevState.popupVisible !== state.popupVisible) {
- props.afterPopupVisibleChange(state.popupVisible);
- }
- };
- if (!IS_REACT_16) {
- this.renderComponent(null, triggerAfterPopupVisibleChange);
- }
-
- this.prevPopupVisible = prevState.popupVisible;
-
- // We must listen to `mousedown` or `touchstart`, edge case:
- // https://github.com/ant-design/ant-design/issues/5804
- // https://github.com/react-component/calendar/issues/250
- // https://github.com/react-component/trigger/issues/50
- if (state.popupVisible) {
- var currentDocument = void 0;
- if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextMenuToShow())) {
- currentDocument = props.getDocument();
- this.clickOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'mousedown', this.onDocumentClick);
- }
- // always hide on mobile
- if (!this.touchOutsideHandler) {
- currentDocument = currentDocument || props.getDocument();
- this.touchOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'touchstart', this.onDocumentClick);
- }
- // close popup when trigger type contains 'onContextMenu' and document is scrolling.
- if (!this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {
- currentDocument = currentDocument || props.getDocument();
- this.contextMenuOutsideHandler1 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(currentDocument, 'scroll', this.onContextMenuClose);
- }
- // close popup when trigger type contains 'onContextMenu' and window is blur.
- if (!this.contextMenuOutsideHandler2 && this.isContextMenuToShow()) {
- this.contextMenuOutsideHandler2 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__["a" /* default */])(window, 'blur', this.onContextMenuClose);
- }
- return;
- }
-
- this.clearOutsideHandler();
- };
-
- Trigger.prototype.componentWillUnmount = function componentWillUnmount() {
- this.clearDelayTimer();
- this.clearOutsideHandler();
- clearTimeout(this.mouseDownTimeout);
- };
-
- Trigger.prototype.getPopupDomNode = function getPopupDomNode() {
- // for test
- if (this._component && this._component.getPopupDomNode) {
- return this._component.getPopupDomNode();
- }
- return null;
- };
-
- Trigger.prototype.getPopupAlign = function getPopupAlign() {
- var props = this.props;
- var popupPlacement = props.popupPlacement,
- popupAlign = props.popupAlign,
- builtinPlacements = props.builtinPlacements;
-
- if (popupPlacement && builtinPlacements) {
- return Object(__WEBPACK_IMPORTED_MODULE_12__utils__["a" /* getAlignFromPlacement */])(builtinPlacements, popupPlacement, popupAlign);
- }
- return popupAlign;
- };
-
- /**
- * @param popupVisible Show or not the popup element
- * @param event SyntheticEvent, used for `pointAlign`
- */
- Trigger.prototype.setPopupVisible = function setPopupVisible(popupVisible, event) {
- var alignPoint = this.props.alignPoint;
-
-
- this.clearDelayTimer();
-
- if (this.state.popupVisible !== popupVisible) {
- if (!('popupVisible' in this.props)) {
- this.setState({ popupVisible: popupVisible });
- }
- this.props.onPopupVisibleChange(popupVisible);
- }
-
- // Always record the point position since mouseEnterDelay will delay the show
- if (alignPoint && event) {
- this.setPoint(event);
- }
- };
-
- Trigger.prototype.delaySetPopupVisible = function delaySetPopupVisible(visible, delayS, event) {
- var _this3 = this;
-
- var delay = delayS * 1000;
- this.clearDelayTimer();
- if (delay) {
- var point = event ? { pageX: event.pageX, pageY: event.pageY } : null;
- this.delayTimer = setTimeout(function () {
- _this3.setPopupVisible(visible, point);
- _this3.clearDelayTimer();
- }, delay);
- } else {
- this.setPopupVisible(visible, event);
- }
- };
-
- Trigger.prototype.clearDelayTimer = function clearDelayTimer() {
- if (this.delayTimer) {
- clearTimeout(this.delayTimer);
- this.delayTimer = null;
- }
- };
-
- Trigger.prototype.clearOutsideHandler = function clearOutsideHandler() {
- if (this.clickOutsideHandler) {
- this.clickOutsideHandler.remove();
- this.clickOutsideHandler = null;
- }
-
- if (this.contextMenuOutsideHandler1) {
- this.contextMenuOutsideHandler1.remove();
- this.contextMenuOutsideHandler1 = null;
- }
-
- if (this.contextMenuOutsideHandler2) {
- this.contextMenuOutsideHandler2.remove();
- this.contextMenuOutsideHandler2 = null;
- }
-
- if (this.touchOutsideHandler) {
- this.touchOutsideHandler.remove();
- this.touchOutsideHandler = null;
- }
- };
-
- Trigger.prototype.createTwoChains = function createTwoChains(event) {
- var childPros = this.props.children.props;
- var props = this.props;
- if (childPros[event] && props[event]) {
- return this['fire' + event];
- }
- return childPros[event] || props[event];
- };
-
- Trigger.prototype.isClickToShow = function isClickToShow() {
- var _props = this.props,
- action = _props.action,
- showAction = _props.showAction;
-
- return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1;
- };
-
- Trigger.prototype.isContextMenuToShow = function isContextMenuToShow() {
- var _props2 = this.props,
- action = _props2.action,
- showAction = _props2.showAction;
-
- return action.indexOf('contextMenu') !== -1 || showAction.indexOf('contextMenu') !== -1;
- };
-
- Trigger.prototype.isClickToHide = function isClickToHide() {
- var _props3 = this.props,
- action = _props3.action,
- hideAction = _props3.hideAction;
-
- return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1;
- };
-
- Trigger.prototype.isMouseEnterToShow = function isMouseEnterToShow() {
- var _props4 = this.props,
- action = _props4.action,
- showAction = _props4.showAction;
-
- return action.indexOf('hover') !== -1 || showAction.indexOf('mouseEnter') !== -1;
- };
-
- Trigger.prototype.isMouseLeaveToHide = function isMouseLeaveToHide() {
- var _props5 = this.props,
- action = _props5.action,
- hideAction = _props5.hideAction;
-
- return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseLeave') !== -1;
- };
-
- Trigger.prototype.isFocusToShow = function isFocusToShow() {
- var _props6 = this.props,
- action = _props6.action,
- showAction = _props6.showAction;
-
- return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1;
- };
-
- Trigger.prototype.isBlurToHide = function isBlurToHide() {
- var _props7 = this.props,
- action = _props7.action,
- hideAction = _props7.hideAction;
-
- return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1;
- };
-
- Trigger.prototype.forcePopupAlign = function forcePopupAlign() {
- if (this.state.popupVisible && this._component && this._component.alignInstance) {
- this._component.alignInstance.forceAlign();
- }
- };
-
- Trigger.prototype.fireEvents = function fireEvents(type, e) {
- var childCallback = this.props.children.props[type];
- if (childCallback) {
- childCallback(e);
- }
- var callback = this.props[type];
- if (callback) {
- callback(e);
- }
- };
-
- Trigger.prototype.close = function close() {
- this.setPopupVisible(false);
- };
-
- Trigger.prototype.render = function render() {
- var _this4 = this;
-
- var popupVisible = this.state.popupVisible;
- var _props8 = this.props,
- children = _props8.children,
- forceRender = _props8.forceRender,
- alignPoint = _props8.alignPoint,
- className = _props8.className;
-
- var child = __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(children);
- var newChildProps = { key: 'trigger' };
-
- if (this.isContextMenuToShow()) {
- newChildProps.onContextMenu = this.onContextMenu;
- } else {
- newChildProps.onContextMenu = this.createTwoChains('onContextMenu');
- }
-
- if (this.isClickToHide() || this.isClickToShow()) {
- newChildProps.onClick = this.onClick;
- newChildProps.onMouseDown = this.onMouseDown;
- newChildProps.onTouchStart = this.onTouchStart;
- } else {
- newChildProps.onClick = this.createTwoChains('onClick');
- newChildProps.onMouseDown = this.createTwoChains('onMouseDown');
- newChildProps.onTouchStart = this.createTwoChains('onTouchStart');
- }
- if (this.isMouseEnterToShow()) {
- newChildProps.onMouseEnter = this.onMouseEnter;
- if (alignPoint) {
- newChildProps.onMouseMove = this.onMouseMove;
- }
- } else {
- newChildProps.onMouseEnter = this.createTwoChains('onMouseEnter');
- }
- if (this.isMouseLeaveToHide()) {
- newChildProps.onMouseLeave = this.onMouseLeave;
- } else {
- newChildProps.onMouseLeave = this.createTwoChains('onMouseLeave');
- }
- if (this.isFocusToShow() || this.isBlurToHide()) {
- newChildProps.onFocus = this.onFocus;
- newChildProps.onBlur = this.onBlur;
- } else {
- newChildProps.onFocus = this.createTwoChains('onFocus');
- newChildProps.onBlur = this.createTwoChains('onBlur');
- }
-
- var childrenClassName = __WEBPACK_IMPORTED_MODULE_11_classnames___default()(child && child.props && child.props.className, className);
- if (childrenClassName) {
- newChildProps.className = childrenClassName;
- }
- var trigger = __WEBPACK_IMPORTED_MODULE_4_react___default.a.cloneElement(child, newChildProps);
-
- if (!IS_REACT_16) {
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_9_rc_util_es_ContainerRender__["a" /* default */],
- {
- parent: this,
- visible: popupVisible,
- autoMount: false,
- forceRender: forceRender,
- getComponent: this.getComponent,
- getContainer: this.getContainer
- },
- function (_ref2) {
- var renderComponent = _ref2.renderComponent;
-
- _this4.renderComponent = renderComponent;
- return trigger;
- }
- );
- }
-
- var portal = void 0;
- // prevent unmounting after it's rendered
- if (popupVisible || this._component || forceRender) {
- portal = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_10_rc_util_es_Portal__["a" /* default */],
- {
- key: 'portal',
- getContainer: this.getContainer,
- didUpdate: this.handlePortalUpdate
- },
- this.getComponent()
- );
- }
-
- return [trigger, portal];
- };
-
- return Trigger;
- }(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
-
- Trigger.propTypes = {
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- action: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string)]),
- showAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- hideAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- getPopupClassNameFromAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- onPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- afterPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- popup: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func]).isRequired,
- popupStyle: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- popupClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- popupPlacement: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- builtinPlacements: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- popupTransitionName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object]),
- popupAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- mouseEnterDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- mouseLeaveDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- zIndex: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- focusDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- blurDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- getPopupContainer: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- getDocument: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- forceRender: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- destroyPopupOnHide: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- mask: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- maskClosable: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- onPopupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- popupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- popupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- defaultPopupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- maskTransitionName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object]),
- maskAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- stretch: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- alignPoint: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool // Maybe we can support user pass position in the future
- };
- Trigger.contextTypes = contextTypes;
- Trigger.childContextTypes = contextTypes;
- Trigger.defaultProps = {
- prefixCls: 'rc-trigger-popup',
- getPopupClassNameFromAlign: returnEmptyString,
- getDocument: returnDocument,
- onPopupVisibleChange: noop,
- afterPopupVisibleChange: noop,
- onPopupAlign: noop,
- popupClassName: '',
- mouseEnterDelay: 0,
- mouseLeaveDelay: 0.1,
- focusDelay: 0,
- blurDelay: 0.15,
- popupStyle: {},
- destroyPopupOnHide: false,
- popupAlign: {},
- defaultPopupVisible: false,
- mask: false,
- maskClosable: true,
- action: [],
- showAction: [],
- hideAction: []
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this5 = this;
-
- this.onMouseEnter = function (e) {
- var mouseEnterDelay = _this5.props.mouseEnterDelay;
-
- _this5.fireEvents('onMouseEnter', e);
- _this5.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);
- };
-
- this.onMouseMove = function (e) {
- _this5.fireEvents('onMouseMove', e);
- _this5.setPoint(e);
- };
-
- this.onMouseLeave = function (e) {
- _this5.fireEvents('onMouseLeave', e);
- _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
- };
-
- this.onPopupMouseEnter = function () {
- _this5.clearDelayTimer();
- };
-
- this.onPopupMouseLeave = function (e) {
- // https://github.com/react-component/trigger/pull/13
- // react bug?
- if (e.relatedTarget && !e.relatedTarget.setTimeout && _this5._component && _this5._component.getPopupDomNode && Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__["a" /* default */])(_this5._component.getPopupDomNode(), e.relatedTarget)) {
- return;
- }
- _this5.delaySetPopupVisible(false, _this5.props.mouseLeaveDelay);
- };
-
- this.onFocus = function (e) {
- _this5.fireEvents('onFocus', e);
- // incase focusin and focusout
- _this5.clearDelayTimer();
- if (_this5.isFocusToShow()) {
- _this5.focusTime = Date.now();
- _this5.delaySetPopupVisible(true, _this5.props.focusDelay);
- }
- };
-
- this.onMouseDown = function (e) {
- _this5.fireEvents('onMouseDown', e);
- _this5.preClickTime = Date.now();
- };
-
- this.onTouchStart = function (e) {
- _this5.fireEvents('onTouchStart', e);
- _this5.preTouchTime = Date.now();
- };
-
- this.onBlur = function (e) {
- _this5.fireEvents('onBlur', e);
- _this5.clearDelayTimer();
- if (_this5.isBlurToHide()) {
- _this5.delaySetPopupVisible(false, _this5.props.blurDelay);
- }
- };
-
- this.onContextMenu = function (e) {
- e.preventDefault();
- _this5.fireEvents('onContextMenu', e);
- _this5.setPopupVisible(true, e);
- };
-
- this.onContextMenuClose = function () {
- if (_this5.isContextMenuToShow()) {
- _this5.close();
- }
- };
-
- this.onClick = function (event) {
- _this5.fireEvents('onClick', event);
- // focus will trigger click
- if (_this5.focusTime) {
- var preTime = void 0;
- if (_this5.preClickTime && _this5.preTouchTime) {
- preTime = Math.min(_this5.preClickTime, _this5.preTouchTime);
- } else if (_this5.preClickTime) {
- preTime = _this5.preClickTime;
- } else if (_this5.preTouchTime) {
- preTime = _this5.preTouchTime;
- }
- if (Math.abs(preTime - _this5.focusTime) < 20) {
- return;
- }
- _this5.focusTime = 0;
- }
- _this5.preClickTime = 0;
- _this5.preTouchTime = 0;
- if (event && event.preventDefault) {
- event.preventDefault();
- }
- var nextVisible = !_this5.state.popupVisible;
- if (_this5.isClickToHide() && !nextVisible || nextVisible && _this5.isClickToShow()) {
- _this5.setPopupVisible(!_this5.state.popupVisible, event);
- }
- };
-
- this.onPopupMouseDown = function () {
- var _context$rcTrigger = _this5.context.rcTrigger,
- rcTrigger = _context$rcTrigger === undefined ? {} : _context$rcTrigger;
-
- _this5.hasPopupMouseDown = true;
-
- clearTimeout(_this5.mouseDownTimeout);
- _this5.mouseDownTimeout = setTimeout(function () {
- _this5.hasPopupMouseDown = false;
- }, 0);
-
- if (rcTrigger.onPopupMouseDown) {
- rcTrigger.onPopupMouseDown.apply(rcTrigger, arguments);
- }
- };
-
- this.onDocumentClick = function (event) {
- if (_this5.props.mask && !_this5.props.maskClosable) {
- return;
- }
-
- var target = event.target;
- var root = Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5);
- if (!Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__["a" /* default */])(root, target) && !_this5.hasPopupMouseDown) {
- _this5.close();
- }
- };
-
- this.getRootDomNode = function () {
- return Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5);
- };
-
- this.getPopupClassNameFromAlign = function (align) {
- var className = [];
- var _props9 = _this5.props,
- popupPlacement = _props9.popupPlacement,
- builtinPlacements = _props9.builtinPlacements,
- prefixCls = _props9.prefixCls,
- alignPoint = _props9.alignPoint,
- getPopupClassNameFromAlign = _props9.getPopupClassNameFromAlign;
-
- if (popupPlacement && builtinPlacements) {
- className.push(Object(__WEBPACK_IMPORTED_MODULE_12__utils__["b" /* getAlignPopupClassName */])(builtinPlacements, prefixCls, align, alignPoint));
- }
- if (getPopupClassNameFromAlign) {
- className.push(getPopupClassNameFromAlign(align));
- }
- return className.join(' ');
- };
-
- this.getComponent = function () {
- var _props10 = _this5.props,
- prefixCls = _props10.prefixCls,
- destroyPopupOnHide = _props10.destroyPopupOnHide,
- popupClassName = _props10.popupClassName,
- action = _props10.action,
- onPopupAlign = _props10.onPopupAlign,
- popupAnimation = _props10.popupAnimation,
- popupTransitionName = _props10.popupTransitionName,
- popupStyle = _props10.popupStyle,
- mask = _props10.mask,
- maskAnimation = _props10.maskAnimation,
- maskTransitionName = _props10.maskTransitionName,
- zIndex = _props10.zIndex,
- popup = _props10.popup,
- stretch = _props10.stretch,
- alignPoint = _props10.alignPoint;
- var _state = _this5.state,
- popupVisible = _state.popupVisible,
- point = _state.point;
-
-
- var align = _this5.getPopupAlign();
-
- var mouseProps = {};
- if (_this5.isMouseEnterToShow()) {
- mouseProps.onMouseEnter = _this5.onPopupMouseEnter;
- }
- if (_this5.isMouseLeaveToHide()) {
- mouseProps.onMouseLeave = _this5.onPopupMouseLeave;
- }
-
- mouseProps.onMouseDown = _this5.onPopupMouseDown;
- mouseProps.onTouchStart = _this5.onPopupMouseDown;
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_13__Popup__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
- prefixCls: prefixCls,
- destroyPopupOnHide: destroyPopupOnHide,
- visible: popupVisible,
- point: alignPoint && point,
- className: popupClassName,
- action: action,
- align: align,
- onAlign: onPopupAlign,
- animation: popupAnimation,
- getClassNameFromAlign: _this5.getPopupClassNameFromAlign
- }, mouseProps, {
- stretch: stretch,
- getRootDomNode: _this5.getRootDomNode,
- style: popupStyle,
- mask: mask,
- zIndex: zIndex,
- transitionName: popupTransitionName,
- maskAnimation: maskAnimation,
- maskTransitionName: maskTransitionName,
- ref: _this5.savePopup
- }),
- typeof popup === 'function' ? popup() : popup
- );
- };
-
- this.getContainer = function () {
- var props = _this5.props;
-
- var popupContainer = document.createElement('div');
- // Make sure default popup container will never cause scrollbar appearing
- // https://github.com/react-component/trigger/issues/41
- popupContainer.style.position = 'absolute';
- popupContainer.style.top = '0';
- popupContainer.style.left = '0';
- popupContainer.style.width = '100%';
- var mountNode = props.getPopupContainer ? props.getPopupContainer(Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__["findDOMNode"])(_this5)) : props.getDocument().body;
- mountNode.appendChild(popupContainer);
- return popupContainer;
- };
-
- this.setPoint = function (point) {
- var alignPoint = _this5.props.alignPoint;
-
- if (!alignPoint || !point) return;
-
- _this5.setState({
- point: {
- pageX: point.pageX,
- pageY: point.pageY
- }
- });
- };
-
- this.handlePortalUpdate = function () {
- if (_this5.prevPopupVisible !== _this5.state.popupVisible) {
- _this5.props.afterPopupVisibleChange(_this5.state.popupVisible);
- }
- };
-
- this.savePopup = function (node) {
- _this5._component = node;
- };
- };
-
- /* harmony default export */ __webpack_exports__["default"] = (Trigger);
-
- /***/ }),
- /* 771 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(9);
- /* 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_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_align__ = __webpack_require__(66);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_animate__ = __webpack_require__(25);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__PopupInner__ = __webpack_require__(772);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__LazyRenderBox__ = __webpack_require__(230);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils__ = __webpack_require__(229);
-
-
-
-
-
-
-
-
-
-
-
-
-
- var Popup = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Popup, _Component);
-
- function Popup(props) {
- __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Popup);
-
- var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call(this, props));
-
- _initialiseProps.call(_this);
-
- _this.state = {
- // Used for stretch
- stretchChecked: false,
- targetWidth: undefined,
- targetHeight: undefined
- };
-
- _this.savePopupRef = __WEBPACK_IMPORTED_MODULE_11__utils__["c" /* saveRef */].bind(_this, 'popupInstance');
- _this.saveAlignRef = __WEBPACK_IMPORTED_MODULE_11__utils__["c" /* saveRef */].bind(_this, 'alignInstance');
- return _this;
- }
-
- Popup.prototype.componentDidMount = function componentDidMount() {
- this.rootNode = this.getPopupDomNode();
- this.setStretchSize();
- };
-
- Popup.prototype.componentDidUpdate = function componentDidUpdate() {
- this.setStretchSize();
- };
-
- // Record size if stretch needed
-
-
- Popup.prototype.getPopupDomNode = function getPopupDomNode() {
- return __WEBPACK_IMPORTED_MODULE_6_react_dom___default.a.findDOMNode(this.popupInstance);
- };
-
- // `target` on `rc-align` can accept as a function to get the bind element or a point.
- // ref: https://www.npmjs.com/package/rc-align
-
-
- Popup.prototype.getMaskTransitionName = function getMaskTransitionName() {
- var props = this.props;
- var transitionName = props.maskTransitionName;
- var animation = props.maskAnimation;
- if (!transitionName && animation) {
- transitionName = props.prefixCls + '-' + animation;
- }
- return transitionName;
- };
-
- Popup.prototype.getTransitionName = function getTransitionName() {
- var props = this.props;
- var transitionName = props.transitionName;
- if (!transitionName && props.animation) {
- transitionName = props.prefixCls + '-' + props.animation;
- }
- return transitionName;
- };
-
- Popup.prototype.getClassName = function getClassName(currentAlignClassName) {
- return this.props.prefixCls + ' ' + this.props.className + ' ' + currentAlignClassName;
- };
-
- Popup.prototype.getPopupElement = function getPopupElement() {
- var _this2 = this;
-
- var savePopupRef = this.savePopupRef;
- var _state = this.state,
- stretchChecked = _state.stretchChecked,
- targetHeight = _state.targetHeight,
- targetWidth = _state.targetWidth;
- var _props = this.props,
- align = _props.align,
- visible = _props.visible,
- prefixCls = _props.prefixCls,
- style = _props.style,
- getClassNameFromAlign = _props.getClassNameFromAlign,
- destroyPopupOnHide = _props.destroyPopupOnHide,
- stretch = _props.stretch,
- children = _props.children,
- onMouseEnter = _props.onMouseEnter,
- onMouseLeave = _props.onMouseLeave,
- onMouseDown = _props.onMouseDown,
- onTouchStart = _props.onTouchStart;
-
- var className = this.getClassName(this.currentAlignClassName || getClassNameFromAlign(align));
- var hiddenClassName = prefixCls + '-hidden';
-
- if (!visible) {
- this.currentAlignClassName = null;
- }
-
- var sizeStyle = {};
- if (stretch) {
- // Stretch with target
- if (stretch.indexOf('height') !== -1) {
- sizeStyle.height = targetHeight;
- } else if (stretch.indexOf('minHeight') !== -1) {
- sizeStyle.minHeight = targetHeight;
- }
- if (stretch.indexOf('width') !== -1) {
- sizeStyle.width = targetWidth;
- } else if (stretch.indexOf('minWidth') !== -1) {
- sizeStyle.minWidth = targetWidth;
- }
-
- // Delay force align to makes ui smooth
- if (!stretchChecked) {
- sizeStyle.visibility = 'hidden';
- setTimeout(function () {
- if (_this2.alignInstance) {
- _this2.alignInstance.forceAlign();
- }
- }, 0);
- }
- }
-
- var newStyle = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, sizeStyle, style, this.getZIndexStyle());
-
- var popupInnerProps = {
- className: className,
- prefixCls: prefixCls,
- ref: savePopupRef,
- onMouseEnter: onMouseEnter,
- onMouseLeave: onMouseLeave,
- onMouseDown: onMouseDown,
- onTouchStart: onTouchStart,
- style: newStyle
- };
- if (destroyPopupOnHide) {
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_8_rc_animate__["default"],
- {
- component: '',
- exclusive: true,
- transitionAppear: true,
- transitionName: this.getTransitionName()
- },
- visible ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_7_rc_align__["a" /* default */],
- {
- target: this.getAlignTarget(),
- key: 'popup',
- ref: this.saveAlignRef,
- monitorWindowResize: true,
- align: align,
- onAlign: this.onAlign
- },
- __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_9__PopupInner__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
- visible: true
- }, popupInnerProps),
- children
- )
- ) : null
- );
- }
-
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_8_rc_animate__["default"],
- {
- component: '',
- exclusive: true,
- transitionAppear: true,
- transitionName: this.getTransitionName(),
- showProp: 'xVisible'
- },
- __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_7_rc_align__["a" /* default */],
- {
- target: this.getAlignTarget(),
- key: 'popup',
- ref: this.saveAlignRef,
- monitorWindowResize: true,
- xVisible: visible,
- childrenProps: { visible: 'xVisible' },
- disabled: !visible,
- align: align,
- onAlign: this.onAlign
- },
- __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_9__PopupInner__["a" /* default */],
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
- hiddenClassName: hiddenClassName
- }, popupInnerProps),
- children
- )
- )
- );
- };
-
- Popup.prototype.getZIndexStyle = function getZIndexStyle() {
- var style = {};
- var props = this.props;
- if (props.zIndex !== undefined) {
- style.zIndex = props.zIndex;
- }
- return style;
- };
-
- Popup.prototype.getMaskElement = function getMaskElement() {
- var props = this.props;
- var maskElement = void 0;
- if (props.mask) {
- var maskTransition = this.getMaskTransitionName();
- maskElement = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__LazyRenderBox__["a" /* default */], {
- style: this.getZIndexStyle(),
- key: 'mask',
- className: props.prefixCls + '-mask',
- hiddenClassName: props.prefixCls + '-mask-hidden',
- visible: props.visible
- });
- if (maskTransition) {
- maskElement = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_8_rc_animate__["default"],
- {
- key: 'mask',
- showProp: 'visible',
- transitionAppear: true,
- component: '',
- transitionName: maskTransition
- },
- maskElement
- );
- }
- }
- return maskElement;
- };
-
- Popup.prototype.render = function render() {
- return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
- 'div',
- null,
- this.getMaskElement(),
- this.getPopupElement()
- );
- };
-
- return Popup;
- }(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
-
- Popup.propTypes = {
- visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- style: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
- getClassNameFromAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- onAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- getRootDomNode: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- align: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
- destroyPopupOnHide: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
- className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- onMouseEnter: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- onMouseLeave: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- onMouseDown: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- onTouchStart: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
- stretch: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
- children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node,
- point: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.shape({
- pageX: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
- pageY: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number
- })
- };
-
- var _initialiseProps = function _initialiseProps() {
- var _this3 = this;
-
- this.onAlign = function (popupDomNode, align) {
- var props = _this3.props;
- var currentAlignClassName = props.getClassNameFromAlign(align);
- // FIX: https://github.com/react-component/trigger/issues/56
- // FIX: https://github.com/react-component/tooltip/issues/79
- if (_this3.currentAlignClassName !== currentAlignClassName) {
- _this3.currentAlignClassName = currentAlignClassName;
- popupDomNode.className = _this3.getClassName(currentAlignClassName);
- }
- props.onAlign(popupDomNode, align);
- };
-
- this.setStretchSize = function () {
- var _props2 = _this3.props,
- stretch = _props2.stretch,
- getRootDomNode = _props2.getRootDomNode,
- visible = _props2.visible;
- var _state2 = _this3.state,
- stretchChecked = _state2.stretchChecked,
- targetHeight = _state2.targetHeight,
- targetWidth = _state2.targetWidth;
-
-
- if (!stretch || !visible) {
- if (stretchChecked) {
- _this3.setState({ stretchChecked: false });
- }
- return;
- }
-
- var $ele = getRootDomNode();
- if (!$ele) return;
-
- var height = $ele.offsetHeight;
- var width = $ele.offsetWidth;
-
- if (targetHeight !== height || targetWidth !== width || !stretchChecked) {
- _this3.setState({
- stretchChecked: true,
- targetHeight: height,
- targetWidth: width
- });
- }
- };
-
- this.getTargetElement = function () {
- return _this3.props.getRootDomNode();
- };
-
- this.getAlignTarget = function () {
- var point = _this3.props.point;
-
- if (point) {
- return point;
- }
- return _this3.getTargetElement;
- };
- };
-
- /* harmony default export */ __webpack_exports__["a"] = (Popup);
-
- /***/ }),
- /* 772 */
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(6);
- /* 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_possibleConstructorReturn__ = __webpack_require__(7);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(8);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__LazyRenderBox__ = __webpack_require__(230);
-
-
-
-
-
-
-
- var PopupInner = function (_Component) {
- __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(PopupInner, _Component);
-
- function PopupInner() {
- __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, PopupInner);
-
- return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
- }
-
- PopupInner.prototype.render = function render() {
- var props = this.props;
- var className = props.className;
- if (!props.visible) {
- className += ' ' + props.hiddenClassName;
- }
- return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
- 'div',
- {
- className: className,
- onMouseEnter: props.onMouseEnter,
- onMouseLeave: props.onMouseLeave,
- onMouseDown: props.onMouseDown,
- onTouchStart: props.onTouchStart,
- style: props.style
- },
- __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
- __WEBPACK_IMPORTED_MODULE_5__LazyRenderBox__["a" /* default */],
- { className: props.prefixCls + '-content', visible: props.visible },
- props.children
- )
- );
- };
-
- return PopupInner;
- }(__WEBPACK_IMPORTED_MODULE_3_react__["Component"]);
-
- PopupInner.propTypes = {
- hiddenClassName: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
- className: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
- prefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
- onMouseEnter: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
- onMouseLeave: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
- onMouseDown: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
- onTouchStart: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
- children: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.any
- };
-
-
- /* harmony default export */ __webpack_exports__["a"] = (PopupInner);
-
- /***/ }),
- /* 773 */
+ /* 750 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -162761,7 +161247,7 @@
exports["default"] = placements;
/***/ }),
- /* 774 */
+ /* 751 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -162792,13 +161278,13 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _domScrollIntoView = __webpack_require__(67);
+ var _domScrollIntoView = __webpack_require__(76);
var _domScrollIntoView2 = _interopRequireDefault(_domScrollIntoView);
- var _miniStore = __webpack_require__(17);
+ var _miniStore = __webpack_require__(26);
- var _util = __webpack_require__(56);
+ var _util = __webpack_require__(50);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -163042,7 +161528,7 @@
exports["default"] = connected;
/***/ }),
- /* 775 */
+ /* 752 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163062,7 +161548,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _util = __webpack_require__(56);
+ var _util = __webpack_require__(50);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -163160,7 +161646,7 @@
module.exports = exports['default'];
/***/ }),
- /* 776 */
+ /* 753 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163231,7 +161717,7 @@
module.exports = exports['default'];
/***/ }),
- /* 777 */
+ /* 754 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163306,7 +161792,7 @@
module.exports = exports['default'];
/***/ }),
- /* 778 */
+ /* 755 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163330,7 +161816,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _createChainedFunction = __webpack_require__(46);
+ var _createChainedFunction = __webpack_require__(43);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
@@ -163465,7 +161951,7 @@
module.exports = exports['default'];
/***/ }),
- /* 779 */
+ /* 756 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163514,7 +162000,7 @@
module.exports = exports['default'];
/***/ }),
- /* 780 */
+ /* 757 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163524,7 +162010,7 @@
value: true
});
- var _warning = __webpack_require__(18);
+ var _warning = __webpack_require__(16);
var _warning2 = _interopRequireDefault(_warning);
@@ -163542,21 +162028,21 @@
module.exports = exports['default'];
/***/ }),
- /* 781 */
+ /* 758 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(782);
- module.exports = __webpack_require__(783);
+ __webpack_require__(759);
+ module.exports = __webpack_require__(760);
/***/ }),
- /* 782 */
+ /* 759 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 783 */
+ /* 760 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163572,15 +162058,15 @@
var _react2 = _interopRequireDefault(_react);
- var _Upload = __webpack_require__(784);
+ var _Upload = __webpack_require__(761);
var _Upload2 = _interopRequireDefault(_Upload);
- var _uploadList = __webpack_require__(789);
+ var _uploadList = __webpack_require__(766);
var _uploadList2 = _interopRequireDefault(_uploadList);
- var _getFileItem = __webpack_require__(792);
+ var _getFileItem = __webpack_require__(769);
var _getFileItem2 = _interopRequireDefault(_getFileItem);
@@ -163588,7 +162074,7 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _objectAssign = __webpack_require__(44);
+ var _objectAssign = __webpack_require__(41);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
@@ -163975,7 +162461,7 @@
module.exports = exports['default'];
/***/ }),
- /* 784 */
+ /* 761 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -163991,11 +162477,11 @@
var _react2 = _interopRequireDefault(_react);
- var _AjaxUploader = __webpack_require__(785);
+ var _AjaxUploader = __webpack_require__(762);
var _AjaxUploader2 = _interopRequireDefault(_AjaxUploader);
- var _IframeUploader = __webpack_require__(787);
+ var _IframeUploader = __webpack_require__(764);
var _IframeUploader2 = _interopRequireDefault(_IframeUploader);
@@ -164117,7 +162603,7 @@
module.exports = exports['default'];
/***/ }),
- /* 785 */
+ /* 762 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -164137,11 +162623,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _request = __webpack_require__(786);
+ var _request = __webpack_require__(763);
var _request2 = _interopRequireDefault(_request);
- var _uid = __webpack_require__(231);
+ var _uid = __webpack_require__(224);
var _uid2 = _interopRequireDefault(_uid);
@@ -164402,7 +162888,7 @@
module.exports = exports['default'];
/***/ }),
- /* 786 */
+ /* 763 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -164515,7 +163001,7 @@
module.exports = exports['default'];
/***/ }),
- /* 787 */
+ /* 764 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -164539,11 +163025,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _uid = __webpack_require__(231);
+ var _uid = __webpack_require__(224);
var _uid2 = _interopRequireDefault(_uid);
- var _warning = __webpack_require__(788);
+ var _warning = __webpack_require__(765);
var _warning2 = _interopRequireDefault(_warning);
@@ -164849,7 +163335,7 @@
module.exports = exports['default'];
/***/ }),
- /* 788 */
+ /* 765 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -164914,10 +163400,10 @@
module.exports = warning;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 789 */
+ /* 766 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -164931,15 +163417,15 @@
var _react2 = _interopRequireDefault(_react);
- var _beeAnimate = __webpack_require__(47);
+ var _beeAnimate = __webpack_require__(44);
var _beeAnimate2 = _interopRequireDefault(_beeAnimate);
- var _beeIcon = __webpack_require__(13);
+ var _beeIcon = __webpack_require__(15);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
- var _beeProgressBar = __webpack_require__(790);
+ var _beeProgressBar = __webpack_require__(767);
var _beeProgressBar2 = _interopRequireDefault(_beeProgressBar);
@@ -165175,7 +163661,7 @@
module.exports = exports['default'];
/***/ }),
- /* 790 */
+ /* 767 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165185,7 +163671,7 @@
value: true
});
- var _ProgressBar = __webpack_require__(791);
+ var _ProgressBar = __webpack_require__(768);
var _ProgressBar2 = _interopRequireDefault(_ProgressBar);
@@ -165195,7 +163681,7 @@
module.exports = exports['default'];
/***/ }),
- /* 791 */
+ /* 768 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165219,7 +163705,7 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _nprogress = __webpack_require__(209);
+ var _nprogress = __webpack_require__(204);
var _nprogress2 = _interopRequireDefault(_nprogress);
@@ -165476,7 +163962,7 @@
module.exports = exports['default'];
/***/ }),
- /* 792 */
+ /* 769 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165503,21 +163989,21 @@
module.exports = exports['default'];
/***/ }),
- /* 793 */
+ /* 770 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(794);
- module.exports = __webpack_require__(795);
+ __webpack_require__(771);
+ module.exports = __webpack_require__(772);
/***/ }),
- /* 794 */
+ /* 771 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 795 */
+ /* 772 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165527,7 +164013,7 @@
value: true
});
- var _Breadcrumb = __webpack_require__(796);
+ var _Breadcrumb = __webpack_require__(773);
var _Breadcrumb2 = _interopRequireDefault(_Breadcrumb);
@@ -165537,7 +164023,7 @@
module.exports = exports['default'];
/***/ }),
- /* 796 */
+ /* 773 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165557,7 +164043,7 @@
var _react2 = _interopRequireDefault(_react);
- var _BreadcrumbItem = __webpack_require__(797);
+ var _BreadcrumbItem = __webpack_require__(774);
var _BreadcrumbItem2 = _interopRequireDefault(_BreadcrumbItem);
@@ -165606,7 +164092,7 @@
module.exports = exports['default'];
/***/ }),
- /* 797 */
+ /* 774 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165698,21 +164184,21 @@
module.exports = exports['default'];
/***/ }),
- /* 798 */
+ /* 775 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(799);
- module.exports = __webpack_require__(800);
+ __webpack_require__(776);
+ module.exports = __webpack_require__(777);
/***/ }),
- /* 799 */
+ /* 776 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 800 */
+ /* 777 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165722,7 +164208,7 @@
value: true
});
- var _Message = __webpack_require__(801);
+ var _Message = __webpack_require__(778);
var _Message2 = _interopRequireDefault(_Message);
@@ -165732,7 +164218,7 @@
module.exports = exports['default'];
/***/ }),
- /* 801 */
+ /* 778 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165742,15 +164228,13 @@
value: true
});
- 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; };
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
- var _beeNotification = __webpack_require__(88);
+ var _beeNotification = __webpack_require__(79);
var _beeNotification2 = _interopRequireDefault(_beeNotification);
@@ -165761,6 +164245,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var defaultDuration = 1.5;
+ var newDuration = void 0;
var defaultTop = 0;
var defaultBottom = 48;
var bottom = 90;
@@ -165848,6 +164333,25 @@
callback(messageInstance);
return;
}
+ switch (position) {
+ case 'top':
+ positionObj[position].notificationStyle.top = defaultTop;
+ break;
+ case 'bottom':
+ positionObj[position].notificationStyle.bottom = defaultBottom;
+ break;
+ case 'bottomRight':
+ positionObj[position].notificationStyle.bottom = bottom;
+ break;
+ case 'bottomLeft':
+ positionObj[position].notificationStyle.bottom = bottom;
+ break;
+ default:
+ break;
+ }
+ if (position !== 'top' && position !== 'bottom') {
+ positionObj[position].messageStyle.width = width;
+ }
var style = positionObj[position].notificationStyle;
var instanceObj = {
clsPrefix: clsPrefix,
@@ -165883,7 +164387,6 @@
}[type];
var positionStyle = positionObj[position].messageStyle;
-
getMessageInstance(position, function (instance) {
instance.notice({
key: key,
@@ -165919,8 +164422,12 @@
exports["default"] = {
create: function create(obj) {
+ if (newDuration) {
+ //如果在config方法里设置了duration
+ obj.duration = newDuration;
+ }
var content = obj.content || '';
- var duration = _typeof(obj.duration) == undefined ? defaultDuration : obj.duration;
+ var duration = typeof obj.duration == 'undefined' ? defaultDuration : obj.duration;
var color = obj.color || 'dark';
var onClose = obj.onClose || noop;
var position = obj.position || "top";
@@ -165934,6 +164441,7 @@
}
if (options.duration !== undefined) {
defaultDuration = options.duration;
+ newDuration = defaultDuration;
}
if (options.clsPrefix !== undefined) {
clsPrefix = options.clsPrefix;
@@ -165945,7 +164453,7 @@
bottom = options.bottom;
}
if (options.width !== undefined) {
- bottom = options.width;
+ width = options.width;
}
},
destroy: function destroy() {
@@ -165958,35 +164466,35 @@
module.exports = exports['default'];
/***/ }),
- /* 802 */
+ /* 779 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(803);
- module.exports = __webpack_require__(88);
+ __webpack_require__(780);
+ module.exports = __webpack_require__(79);
/***/ }),
- /* 803 */
+ /* 780 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 804 */
+ /* 781 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(805);
- module.exports = __webpack_require__(806);
+ __webpack_require__(782);
+ module.exports = __webpack_require__(783);
/***/ }),
- /* 805 */
+ /* 782 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 806 */
+ /* 783 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -165996,7 +164504,7 @@
value: true
});
- var _Popconfirm = __webpack_require__(807);
+ var _Popconfirm = __webpack_require__(784);
var _Popconfirm2 = _interopRequireDefault(_Popconfirm);
@@ -166006,7 +164514,7 @@
module.exports = exports['default'];
/***/ }),
- /* 807 */
+ /* 784 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166030,11 +164538,11 @@
var _tinperBeeCore = __webpack_require__(5);
- var _createChainedFunction = __webpack_require__(46);
+ var _createChainedFunction = __webpack_require__(43);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
- var _splitComponent = __webpack_require__(117);
+ var _splitComponent = __webpack_require__(110);
var _splitComponent2 = _interopRequireDefault(_splitComponent);
@@ -166042,15 +164550,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _Overlay = __webpack_require__(127);
+ var _Overlay = __webpack_require__(119);
var _Overlay2 = _interopRequireDefault(_Overlay);
- var _Portal = __webpack_require__(52);
+ var _Portal = __webpack_require__(47);
var _Portal2 = _interopRequireDefault(_Portal);
- var _Confirm = __webpack_require__(808);
+ var _Confirm = __webpack_require__(785);
var _Confirm2 = _interopRequireDefault(_Confirm);
@@ -166306,7 +164814,7 @@
module.exports = exports['default'];
/***/ }),
- /* 808 */
+ /* 785 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166326,11 +164834,11 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _i18n = __webpack_require__(809);
+ var _i18n = __webpack_require__(786);
var _i18n2 = _interopRequireDefault(_i18n);
- var _beeButton = __webpack_require__(37);
+ var _beeButton = __webpack_require__(87);
var _beeButton2 = _interopRequireDefault(_beeButton);
@@ -166340,7 +164848,7 @@
var _tinperBeeCore = __webpack_require__(5);
- var _tool = __webpack_require__(810);
+ var _tool = __webpack_require__(787);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -166565,7 +165073,7 @@
module.exports = exports['default'];
/***/ }),
- /* 809 */
+ /* 786 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166583,7 +165091,7 @@
};
/***/ }),
- /* 810 */
+ /* 787 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166622,21 +165130,21 @@
}
/***/ }),
- /* 811 */
+ /* 788 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(812);
- module.exports = __webpack_require__(813);
+ __webpack_require__(789);
+ module.exports = __webpack_require__(790);
/***/ }),
- /* 812 */
+ /* 789 */
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
- /* 813 */
+ /* 790 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166648,15 +165156,19 @@
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 _Modal = __webpack_require__(232);
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _Modal = __webpack_require__(225);
var _Modal2 = _interopRequireDefault(_Modal);
- var _confirm = __webpack_require__(883);
+ var _confirm = __webpack_require__(847);
var _confirm2 = _interopRequireDefault(_confirm);
- var _beeIcon = __webpack_require__(13);
+ var _beeIcon = __webpack_require__(15);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
@@ -166665,7 +165177,7 @@
_Modal2["default"].info = function (props) {
var config = _extends({
type: 'info',
- icon: React.createElement(_beeIcon2["default"], { type: 'uf-i-c-2' }),
+ icon: _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-i-c-2' }),
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
@@ -166674,7 +165186,7 @@
_Modal2["default"].success = function (props) {
var config = _extends({
type: 'success',
- icon: React.createElement(_beeIcon2["default"], { type: 'uf-correct' }),
+ icon: _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-correct' }),
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
@@ -166683,7 +165195,7 @@
_Modal2["default"].error = function (props) {
var config = _extends({
type: 'error',
- icon: React.createElement(_beeIcon2["default"], { type: 'uf-close-bold' }),
+ icon: _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-close-bold' }),
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
@@ -166692,7 +165204,7 @@
_Modal2["default"].warning = function (props) {
var config = _extends({
type: 'warning',
- icon: React.createElement(_beeIcon2["default"], { type: 'uf-exc-t' }),
+ icon: _react2["default"].createElement(_beeIcon2["default"], { type: 'uf-exc-t' }),
okCancel: false
}, props);
return (0, _confirm2["default"])(config);
@@ -166718,43 +165230,7 @@
module.exports = exports['default'];
/***/ }),
- /* 814 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.listen = exports.filter = exports.off = exports.on = undefined;
-
- var _on = __webpack_require__(131);
-
- var _on2 = _interopRequireDefault(_on);
-
- var _off = __webpack_require__(233);
-
- var _off2 = _interopRequireDefault(_off);
-
- var _filter = __webpack_require__(815);
-
- var _filter2 = _interopRequireDefault(_filter);
-
- var _listen = __webpack_require__(818);
-
- var _listen2 = _interopRequireDefault(_listen);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.on = _on2.default;
- exports.off = _off2.default;
- exports.filter = _filter2.default;
- exports.listen = _listen2.default;
- exports.default = { on: _on2.default, off: _off2.default, filter: _filter2.default, listen: _listen2.default };
-
- /***/ }),
- /* 815 */
+ /* 791 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166765,11 +165241,11 @@
});
exports.default = filterEvents;
- var _contains = __webpack_require__(816);
+ var _contains = __webpack_require__(46);
var _contains2 = _interopRequireDefault(_contains);
- var _querySelectorAll = __webpack_require__(817);
+ var _querySelectorAll = __webpack_require__(792);
var _querySelectorAll2 = _interopRequireDefault(_querySelectorAll);
@@ -166789,42 +165265,7 @@
module.exports = exports['default'];
/***/ }),
- /* 816 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _inDOM = __webpack_require__(34);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- exports.default = function () {
- var root = _inDOM2.default && document.documentElement;
-
- return root && root.contains ? function (context, node) {
- return context.contains(node);
- } : root && root.compareDocumentPosition ? function (context, node) {
- return context === node || !!(context.compareDocumentPosition(node) & 16);
- } : function (context, node) {
- if (node) do {
- if (node === context) return true;
- } while (node = node.parentNode);
-
- return false;
- };
- }();
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 817 */
+ /* 792 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166863,7 +165304,7 @@
module.exports = exports['default'];
/***/ }),
- /* 818 */
+ /* 793 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166873,15 +165314,15 @@
value: true
});
- var _inDOM = __webpack_require__(34);
+ var _inDOM = __webpack_require__(17);
var _inDOM2 = _interopRequireDefault(_inDOM);
- var _on = __webpack_require__(131);
+ var _on = __webpack_require__(20);
var _on2 = _interopRequireDefault(_on);
- var _off = __webpack_require__(233);
+ var _off = __webpack_require__(120);
var _off2 = _interopRequireDefault(_off);
@@ -166902,23 +165343,7 @@
module.exports = exports['default'];
/***/ }),
- /* 819 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = ownerDocument;
- function ownerDocument(node) {
- return node && node.ownerDocument || document;
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 820 */
+ /* 794 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -166928,64 +165353,23 @@
value: true
});
- exports.default = function (recalc) {
- if (!size || recalc) {
- if (_inDOM2.default) {
- var scrollDiv = document.createElement('div');
-
- scrollDiv.style.position = 'absolute';
- scrollDiv.style.top = '-9999px';
- scrollDiv.style.width = '50px';
- scrollDiv.style.height = '50px';
- scrollDiv.style.overflow = 'scroll';
-
- document.body.appendChild(scrollDiv);
- size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
- document.body.removeChild(scrollDiv);
- }
- }
-
- return size;
- };
-
- var _inDOM = __webpack_require__(34);
-
- var _inDOM2 = _interopRequireDefault(_inDOM);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var size = void 0;
-
- module.exports = exports['default'];
-
- /***/ }),
- /* 821 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
-
- var _style = __webpack_require__(33);
+ var _style = __webpack_require__(19);
var _style2 = _interopRequireDefault(_style);
- var _class = __webpack_require__(822);
+ var _class = __webpack_require__(795);
var _class2 = _interopRequireDefault(_class);
- var _scrollbarSize = __webpack_require__(825);
+ var _scrollbarSize = __webpack_require__(80);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
- var _isOverflowing = __webpack_require__(89);
+ var _isOverflowing = __webpack_require__(81);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
- var _manageAriaHidden = __webpack_require__(826);
+ var _manageAriaHidden = __webpack_require__(798);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -167034,8 +165418,8 @@
return container.style[key] = style[key];
});
}
- /**
- * 容器的正确状态管理和那些容器中的模态。
+ /**
+ * 容器的正确状态管理和那些容器中的模态。
*/
var ModalManager = function () {
@@ -167141,108 +165525,72 @@
module.exports = exports['default'];
/***/ }),
- /* 822 */
+ /* 795 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.hasClass = exports.removeClass = exports.addClass = undefined;
- exports.__esModule = true;
- exports.default = void 0;
+ var _addClass = __webpack_require__(796);
- var _addClass = _interopRequireDefault(__webpack_require__(823));
+ var _addClass2 = _interopRequireDefault(_addClass);
- exports.addClass = _addClass.default;
+ var _removeClass = __webpack_require__(797);
- var _removeClass = _interopRequireDefault(__webpack_require__(824));
+ var _removeClass2 = _interopRequireDefault(_removeClass);
- exports.removeClass = _removeClass.default;
+ var _hasClass = __webpack_require__(226);
- var _hasClass = _interopRequireDefault(__webpack_require__(234));
+ var _hasClass2 = _interopRequireDefault(_hasClass);
- exports.hasClass = _hasClass.default;
- var _default = {
- addClass: _addClass.default,
- removeClass: _removeClass.default,
- hasClass: _hasClass.default
- };
- exports.default = _default;
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.addClass = _addClass2.default;
+ exports.removeClass = _removeClass2.default;
+ exports.hasClass = _hasClass2.default;
+ exports.default = { addClass: _addClass2.default, removeClass: _removeClass2.default, hasClass: _hasClass2.default };
/***/ }),
- /* 823 */
+ /* 796 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = addClass;
- var _hasClass = _interopRequireDefault(__webpack_require__(234));
+ var _hasClass = __webpack_require__(226);
+
+ var _hasClass2 = _interopRequireDefault(_hasClass);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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);
+ if (element.classList) element.classList.add(className);else if (!(0, _hasClass2.default)(element)) element.className = element.className + ' ' + className;
}
-
- module.exports = exports["default"];
+ module.exports = exports['default'];
/***/ }),
- /* 824 */
+ /* 797 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- function replaceClassName(origClass, classToRemove) {
- return origClass.replace(new RegExp('(^|\\s)' + classToRemove + '(?:\\s|$)', 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
- }
-
module.exports = function removeClass(element, className) {
- if (element.classList) element.classList.remove(className);else if (typeof element.className === 'string') element.className = replaceClassName(element.className, className);else element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));
+ if (element.classList) element.classList.remove(className);else element.className = element.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)', 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
};
/***/ }),
- /* 825 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
- exports.default = scrollbarSize;
-
- var _inDOM = _interopRequireDefault(__webpack_require__(32));
-
- var size;
-
- function scrollbarSize(recalc) {
- if (!size && size !== 0 || recalc) {
- if (_inDOM.default) {
- var scrollDiv = document.createElement('div');
- scrollDiv.style.position = 'absolute';
- scrollDiv.style.top = '-9999px';
- scrollDiv.style.width = '50px';
- scrollDiv.style.height = '50px';
- scrollDiv.style.overflow = 'scroll';
- document.body.appendChild(scrollDiv);
- size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
- document.body.removeChild(scrollDiv);
- }
- }
-
- return size;
- }
-
- module.exports = exports["default"];
-
- /***/ }),
- /* 826 */
+ /* 798 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -167297,7 +165645,7 @@
}
/***/ }),
- /* 827 */
+ /* 799 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -167307,11 +165655,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;
@@ -167334,35 +165682,858 @@
module.exports = exports['default'];
/***/ }),
- /* 828 */
+ /* 800 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
- var _interopRequireDefault = __webpack_require__(12);
-
- exports.__esModule = true;
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
exports.default = activeElement;
- var _ownerDocument = _interopRequireDefault(__webpack_require__(54));
+ var _ownerDocument = __webpack_require__(21);
- function activeElement(doc) {
- if (doc === void 0) {
- doc = (0, _ownerDocument.default)();
- }
+ var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function activeElement() {
+ var doc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _ownerDocument2.default)();
try {
return doc.activeElement;
- } catch (e) {
- /* ie throws if no active element */
- }
+ } catch (e) {/* ie throws if no active element */}
+ }
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 801 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Fade = exports.Collapse = exports.Transition = undefined;
+
+ var _Transition2 = __webpack_require__(126);
+
+ var _Transition3 = _interopRequireDefault(_Transition2);
+
+ var _Collapse2 = __webpack_require__(802);
+
+ var _Collapse3 = _interopRequireDefault(_Collapse2);
+
+ var _Fade2 = __webpack_require__(804);
+
+ var _Fade3 = _interopRequireDefault(_Fade2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports.Transition = _Transition3["default"];
+ exports.Collapse = _Collapse3["default"];
+ exports.Fade = _Fade3["default"];
+
+ /***/ }),
+ /* 802 */
+ /***/ (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 _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _style = __webpack_require__(19);
+
+ var _style2 = _interopRequireDefault(_style);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _Transition = __webpack_require__(126);
+
+ var _Transition2 = _interopRequireDefault(_Transition);
+
+ var _capitalize = __webpack_require__(803);
+
+ var _capitalize2 = _interopRequireDefault(_capitalize);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ 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 MARGINS = {
+ height: ['marginTop', 'marginBottom'],
+ width: ['marginLeft', 'marginRight']
+ };
+
+ // reading a dimension prop will cause the browser to recalculate,
+ // which will let our animations work
+ function triggerBrowserReflow(node) {
+ node.offsetHeight; // eslint-disable-line no-unused-expressions
}
+ function getDimensionValue(dimension, elem) {
+ var value = elem['offset' + (0, _capitalize2["default"])(dimension)];
+ var margins = MARGINS[dimension];
+
+ return value + parseInt((0, _style2["default"])(elem, margins[0]), 10) + parseInt((0, _style2["default"])(elem, margins[1]), 10);
+ }
+
+ var propTypes = {
+ /**
+ * Show the component; triggers the expand or collapse animation
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * Unmount the component (remove it from the DOM) when it is collapsed
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * Run the expand animation when the component mounts, if it is initially
+ * shown
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * Duration of the collapse animation in milliseconds, to ensure that
+ * finishing callbacks are fired even if the original browser transition end
+ * events are canceled
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * Callback fired before the component expands
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to expand
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component has expanded
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * Callback fired before the component collapses
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to collapse
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component has collapsed
+ */
+ onExited: _propTypes2["default"].func,
+
+ /**
+ * The dimension used when collapsing, or a function that returns the
+ * dimension
+ *
+ * _Note: Bootstrap only partially supports 'width'!
+ * You will need to supply your own CSS animation for the `.width` CSS class._
+ */
+ dimension: _propTypes2["default"].oneOfType([_propTypes2["default"].oneOf(['height', 'width']), _propTypes2["default"].func]),
+
+ /**
+ * Function that returns the height or width of the animating DOM node
+ *
+ * Allows for providing some custom logic for how much the Collapse component
+ * should animate in its specified dimension. Called with the current
+ * dimension prop value and the DOM node.
+ */
+ getDimensionValue: _propTypes2["default"].func,
+
+ /**
+ * ARIA role of collapsible element
+ */
+ role: _propTypes2["default"].string
+ };
+
+ var defaultProps = {
+ "in": false,
+ timeout: 300,
+ unmountOnExit: false,
+ transitionAppear: false,
+
+ dimension: 'height',
+ getDimensionValue: getDimensionValue
+ };
+
+ var Collapse = function (_React$Component) {
+ _inherits(Collapse, _React$Component);
+
+ function Collapse(props, context) {
+ _classCallCheck(this, Collapse);
+
+ var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
+
+ _this.handleEnter = _this.handleEnter.bind(_this);
+ _this.handleEntering = _this.handleEntering.bind(_this);
+ _this.handleEntered = _this.handleEntered.bind(_this);
+ _this.handleExit = _this.handleExit.bind(_this);
+ _this.handleExiting = _this.handleExiting.bind(_this);
+ return _this;
+ }
+
+ /* -- Expanding -- */
+
+
+ Collapse.prototype.handleEnter = function handleEnter(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = '0';
+ };
+
+ Collapse.prototype.handleEntering = function handleEntering(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);
+ };
+
+ Collapse.prototype.handleEntered = function handleEntered(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = null;
+ };
+
+ /* -- Collapsing -- */
+
+
+ Collapse.prototype.handleExit = function handleExit(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';
+ triggerBrowserReflow(elem);
+ };
+
+ Collapse.prototype.handleExiting = function handleExiting(elem) {
+ var dimension = this._dimension();
+ elem.style[dimension] = '0';
+ };
+
+ Collapse.prototype._dimension = function _dimension() {
+ return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;
+ };
+
+ // for testing
+
+
+ Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {
+ return elem['scroll' + (0, _capitalize2["default"])(dimension)] + 'px';
+ };
+
+ Collapse.prototype.render = function render() {
+ var _props = this.props,
+ onEnter = _props.onEnter,
+ onEntering = _props.onEntering,
+ onEntered = _props.onEntered,
+ onExit = _props.onExit,
+ onExiting = _props.onExiting,
+ className = _props.className,
+ props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);
+
+ delete props.dimension;
+ delete props.getDimensionValue;
+
+ var handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);
+ var handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);
+ var handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);
+ var handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);
+ var handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);
+
+ var classes = {
+ width: this._dimension() === 'width'
+ };
+
+ return _react2["default"].createElement(_Transition2["default"], _extends({}, props, {
+ 'aria-expanded': props.role ? props["in"] : null,
+ className: (0, _classnames2["default"])(className, classes),
+ exitedClassName: 'collapse',
+ exitingClassName: 'collapsing',
+ enteredClassName: 'collapse in',
+ enteringClassName: 'collapsing',
+ onEnter: handleEnter,
+ onEntering: handleEntering,
+ onEntered: handleEntered,
+ onExit: handleExit,
+ onExiting: handleExiting
+ }));
+ };
+
+ return Collapse;
+ }(_react2["default"].Component);
+
+ Collapse.propTypes = propTypes;
+ Collapse.defaultProps = defaultProps;
+
+ exports["default"] = Collapse;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 803 */
+ /***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = capitalize;
+ function capitalize(string) {
+ return "" + string.charAt(0).toUpperCase() + string.slice(1);
+ }
module.exports = exports["default"];
/***/ }),
- /* 829 */
+ /* 804 */
+ /***/ (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 _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _Transition = __webpack_require__(126);
+
+ var _Transition2 = _interopRequireDefault(_Transition);
+
+ 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 propTypes = {
+ /**
+ * Show the component; triggers the fade in or fade out animation
+ */
+ "in": _propTypes2["default"].bool,
+
+ /**
+ * Unmount the component (remove it from the DOM) when it is faded out
+ */
+ unmountOnExit: _propTypes2["default"].bool,
+
+ /**
+ * Run the fade in animation when the component mounts, if it is initially
+ * shown
+ */
+ transitionAppear: _propTypes2["default"].bool,
+
+ /**
+ * Duration of the fade animation in milliseconds, to ensure that finishing
+ * callbacks are fired even if the original browser transition end events are
+ * canceled
+ */
+ timeout: _propTypes2["default"].number,
+
+ /**
+ * Callback fired before the component fades in
+ */
+ onEnter: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to fade in
+ */
+ onEntering: _propTypes2["default"].func,
+ /**
+ * Callback fired after the has component faded in
+ */
+ onEntered: _propTypes2["default"].func,
+ /**
+ * Callback fired before the component fades out
+ */
+ onExit: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component starts to fade out
+ */
+ onExiting: _propTypes2["default"].func,
+ /**
+ * Callback fired after the component has faded out
+ */
+ onExited: _propTypes2["default"].func
+ };
+
+ var defaultProps = {
+ "in": false,
+ timeout: 300,
+ unmountOnExit: false,
+ transitionAppear: false
+ };
+
+ var Fade = function (_React$Component) {
+ _inherits(Fade, _React$Component);
+
+ function Fade() {
+ _classCallCheck(this, Fade);
+
+ return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+ }
+
+ Fade.prototype.render = function render() {
+ return _react2["default"].createElement(_Transition2["default"], _extends({}, this.props, {
+ className: (0, _classnames2["default"])(this.props.className, 'fade'),
+ enteredClassName: 'in',
+ enteringClassName: 'in'
+ }));
+ };
+
+ return Fade;
+ }(_react2["default"].Component);
+
+ Fade.propTypes = propTypes;
+ Fade.defaultProps = defaultProps;
+
+ exports["default"] = Fade;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 805 */
+ /***/ (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 _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _tinperBeeCore = __webpack_require__(5);
+
+ 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 = {
+ componentClass: _tinperBeeCore.elementType
+ };
+
+ var defaultProps = {
+ componentClass: 'div',
+ clsPrefix: 'u-modal-body'
+ };
+
+ var ModalBody = function (_React$Component) {
+ _inherits(ModalBody, _React$Component);
+
+ function ModalBody() {
+ _classCallCheck(this, ModalBody);
+
+ return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+ }
+
+ ModalBody.prototype.render = function render() {
+ var _props = this.props,
+ Component = _props.componentClass,
+ clsPrefix = _props.clsPrefix,
+ className = _props.className,
+ props = _objectWithoutProperties(_props, ['componentClass', 'clsPrefix', 'className']);
+
+ var classes = {};
+ classes['' + clsPrefix] = true;
+
+ return _react2["default"].createElement(Component, _extends({}, props, {
+ className: (0, _classnames2["default"])(className, classes)
+ }));
+ };
+
+ return ModalBody;
+ }(_react2["default"].Component);
+
+ ModalBody.propTypes = propTypes;
+ ModalBody.defaultProps = defaultProps;
+
+ exports["default"] = ModalBody;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 806 */
+ /***/ (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 _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ var _react = __webpack_require__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _beeDnd = __webpack_require__(127);
+
+ var _beeDnd2 = _interopRequireDefault(_beeDnd);
+
+ var _reResizable = __webpack_require__(135);
+
+ var _reResizable2 = _interopRequireDefault(_reResizable);
+
+ 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 _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; }
+
+ 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 = {
+ /**
+ * 传给dialog的classname
+ */
+ dialogClassName: _propTypes2["default"].string,
+ contentStyle: _propTypes2["default"].object
+
+ };
+
+ var defaultProps = {
+ minHeight: 150,
+ minWidth: 200,
+ clsPrefix: 'u-modal'
+ };
+
+ var ModalDialog = function (_React$Component) {
+ _inherits(ModalDialog, _React$Component);
+
+ function ModalDialog() {
+ var _temp, _this, _ret;
+
+ _classCallCheck(this, ModalDialog);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
+ original: {
+ x: 0,
+ y: 0
+ },
+ maxWidth: Number.MAX_SAFE_INTEGER,
+ maxHeight: Number.MAX_SAFE_INTEGER
+ }, _this.onStart = function () {
+ var draggable = _this.props.draggable;
+
+ return draggable;
+ }, _this.onStop = function (e, delta) {
+ _this.setState({
+ original: {
+ x: delta.x,
+ y: delta.y
+ }
+ });
+ }, _this.onResizeStart = function (e, dir, elementRef) {
+ var onResizeStart = _this.props.onResizeStart;
+
+ typeof onResizeStart === "function" && onResizeStart(e, dir, elementRef);
+ }, _this.onResize = function (e, direction, elementRef, delta) {
+ var onResize = _this.props.onResize;
+ var original = _this.state.original;
+ /* resize 之前的值 */
+
+ var originX = original.x;
+ var originY = original.y;
+
+ /* 移动的位移 */
+ var moveW = delta.width;
+ var moveH = delta.height;
+
+ /* 移动的位移 */
+ var x = null,
+ y = null;
+
+ /* 处理上边缘 */
+ if (/left/i.test(direction)) {
+ x = originX - moveW;
+ y = originY;
+ _this.position = { x: x, y: y
+
+ /* 处理左边缘 */
+ };
+ } else if (/top/i.test(direction)) {
+ x = originX;
+ y = originY - moveH;
+ _this.position = { x: x, y: y };
+ } else {
+ _this.position = null;
+ }
+
+ if (x || y) {
+ elementRef.style.transform = 'translate(' + x + 'px, ' + y + 'px)';
+ }
+ if (delta.height) {
+ _this.updateBodyH();
+ }
+
+ typeof onResize === "function" && onResize(e, direction, elementRef, delta);
+ }, _this.onResizeStop = function (e, direction, elementRef, delta) {
+ var onResizeStop = _this.props.onResizeStop;
+
+
+ if (_this.position) {
+ _this.setState({
+ original: _this.position
+ });
+ }
+
+ typeof onResizeStop === "function" && onResizeStop(e, direction, elementRef, delta);
+ }, _this.updateBodyH = function () {
+ var $resizable = _reactDom2["default"].findDOMNode(_this.resizable);
+ var $header = $resizable.querySelector(".u-modal-header");
+ var $body = $resizable.querySelector(".u-modal-body");
+ var $footer = $resizable.querySelector(".u-modal-footer");
+
+ var totalH = $resizable.style.height;
+ totalH = Number(totalH.replace("px", ""));
+ if ($header) {
+ totalH -= $header.offsetHeight;
+ }
+ if ($footer) {
+ totalH -= $footer.offsetHeight;
+ }
+
+ $body.style.height = totalH + 'px';
+ }, _this.getMaxSizesFromProps = function () {
+ var backDropW = _this.backdrop && _this.backdrop.offsetWidth ? _this.backdrop.offsetWidth : Number.MAX_SAFE_INTEGER;
+ var backDropH = _this.backdrop && _this.backdrop.offsetHeight ? _this.backdrop.offsetHeight : Number.MAX_SAFE_INTEGER;
+
+ var maxWidth = typeof _this.props.maxWidth === "undefined" ? backDropW : _this.props.maxWidth;
+ var maxHeight = typeof _this.props.maxHeight === "undefined" ? backDropH : _this.props.maxHeight;
+ return { maxWidth: maxWidth, maxHeight: maxHeight };
+ }, _this.handleWH = function (value) {
+ var size = value;
+ if (typeof value === "string" && value.endsWith("px")) {
+ size = Number(value.replace("px", ""));
+ } else if (typeof Number(value) === "number" && !Number.isNaN(Number(value))) {
+ size = Number(value);
+ }
+ return size;
+ }, _temp), _possibleConstructorReturn(_this, _ret);
+ }
+
+ ModalDialog.prototype.componentDidUpdate = function componentDidUpdate() {
+ var _getMaxSizesFromProps = this.getMaxSizesFromProps(),
+ maxWidth = _getMaxSizesFromProps.maxWidth,
+ maxHeight = _getMaxSizesFromProps.maxHeight;
+
+ if (maxWidth != this.state.maxWidth) {
+ this.setState({
+ maxWidth: maxWidth,
+ maxHeight: maxHeight
+ });
+ }
+ };
+
+ /* 开始resize */
+
+
+ /* resizing */
+
+
+ /* resize 结束 */
+
+
+ /**
+ * 更新Modal.Body的高度
+ */
+
+
+ /**
+ * 获取最大宽度和高度
+ */
+
+
+ ModalDialog.prototype.render = function render() {
+ var _dialogClasses,
+ _this2 = this;
+
+ var _props = this.props,
+ dialogClassName = _props.dialogClassName,
+ className = _props.className,
+ clsPrefix = _props.clsPrefix,
+ size = _props.size,
+ style = _props.style,
+ contentStyle = _props.contentStyle,
+ children = _props.children,
+ draggable = _props.draggable,
+ resizable = _props.resizable,
+ minHeight = _props.minHeight,
+ minWidth = _props.minWidth,
+ props = _objectWithoutProperties(_props, ['dialogClassName', 'className', 'clsPrefix', 'size', 'style', 'contentStyle', 'children', 'draggable', 'resizable', 'minHeight', 'minWidth']);
+
+ var _state = this.state,
+ original = _state.original,
+ maxWidth = _state.maxWidth,
+ maxHeight = _state.maxHeight;
+
+
+ var uClassName = _defineProperty({}, '' + clsPrefix, true);
+
+ var modalStyle = { display: 'block' };
+
+ var dialogClasses = (_dialogClasses = {}, _defineProperty(_dialogClasses, uClassName, false), _defineProperty(_dialogClasses, clsPrefix + '-dialog', true), _dialogClasses);
+ if (size) {
+ dialogClasses[clsPrefix + '-' + size] = true;
+ }
+ if (draggable) {
+ dialogClasses[clsPrefix + '-draggable'] = true;
+ }
+
+ return _react2["default"].createElement(
+ 'div',
+ _extends({}, props, {
+ tabIndex: '-1',
+ role: 'dialog',
+ style: modalStyle,
+ ref: function ref(_ref3) {
+ return _this2.backdrop = _ref3;
+ },
+ className: (0, _classnames2["default"])(className, uClassName)
+ }),
+ _react2["default"].createElement(
+ 'div',
+ { className: (0, _classnames2["default"])(dialogClassName, dialogClasses), style: style },
+ _react2["default"].createElement(
+ _beeDnd2["default"],
+ {
+ handle: '.dnd-handle',
+ cancel: '.dnd-cancel',
+ onStart: this.onStart,
+ onStop: this.onStop,
+ position: original,
+ list: []
+ },
+ resizable ? _react2["default"].createElement(
+ _reResizable2["default"],
+ {
+ ref: function ref(c) {
+ if (c) {
+ _this2.resizable = c;
+ }
+ },
+ onResizeStart: this.onResizeStart,
+ onResize: this.onResize,
+ onResizeStop: this.onResizeStop,
+ minWidth: this.handleWH(minWidth),
+ minHeight: this.handleWH(minHeight),
+ maxWidth: this.handleWH(maxWidth),
+ maxHeight: this.handleWH(maxHeight)
+ },
+ _react2["default"].createElement(
+ 'div',
+ { style: _extends({}, contentStyle, { height: "100%" }), className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref) {
+ return _this2.resize = _ref;
+ } },
+ children
+ )
+ ) : _react2["default"].createElement(
+ 'div',
+ { style: contentStyle, className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref2) {
+ return _this2.resize = _ref2;
+ } },
+ children
+ )
+ )
+ )
+ );
+ };
+
+ return ModalDialog;
+ }(_react2["default"].Component);
+
+ ModalDialog.propTypes = propTypes;
+ ModalDialog.defaultProps = defaultProps;
+
+ exports["default"] = ModalDialog;
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 807 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -167378,9 +166549,9 @@
var _react2 = _interopRequireDefault(_react);
- var _reactBeautifulDnd = __webpack_require__(133);
+ var _reactBeautifulDnd = __webpack_require__(58);
- var _reactDraggable = __webpack_require__(864);
+ var _reactDraggable = __webpack_require__(841);
var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
@@ -167388,15 +166559,15 @@
var _propTypes2 = _interopRequireDefault(_propTypes);
- var _lodash = __webpack_require__(62);
+ var _lodash = __webpack_require__(55);
var _lodash2 = _interopRequireDefault(_lodash);
- var _SortList = __webpack_require__(865);
+ var _SortList = __webpack_require__(842);
var _SortList2 = _interopRequireDefault(_SortList);
- var _Between = __webpack_require__(866);
+ var _Between = __webpack_require__(843);
var _Between2 = _interopRequireDefault(_Between);
@@ -167515,12 +166686,12 @@
module.exports = exports['default'];
/***/ }),
- /* 830 */
+ /* 808 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = _extends;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_assign__ = __webpack_require__(235);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_assign__ = __webpack_require__(227);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_assign___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__core_js_object_assign__);
function _extends() {
@@ -167542,7 +166713,7 @@
}
/***/ }),
- /* 831 */
+ /* 809 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -167554,7 +166725,7 @@
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return withScroll; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return calculateBox; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getBox; });
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(236);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(228);
var getRect = function getRect(_ref) {
@@ -167704,31 +166875,31 @@
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 832 */
+ /* 810 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(833);
+ module.exports = __webpack_require__(811);
/***/ }),
- /* 833 */
+ /* 811 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(834);
- module.exports = __webpack_require__(16).Object.keys;
+ __webpack_require__(812);
+ module.exports = __webpack_require__(13).Object.keys;
/***/ }),
- /* 834 */
+ /* 812 */
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 Object.keys(O)
- var toObject = __webpack_require__(80);
- var $keys = __webpack_require__(60);
+ var toObject = __webpack_require__(67);
+ var $keys = __webpack_require__(53);
- __webpack_require__(835)('keys', function () {
+ __webpack_require__(813)('keys', function () {
return function keys(it) {
return $keys(toObject(it));
};
@@ -167736,13 +166907,13 @@
/***/ }),
- /* 835 */
+ /* 813 */
/***/ (function(module, exports, __webpack_require__) {
// most Object methods by ES6 should accept primitives
- var $export = __webpack_require__(21);
- var core = __webpack_require__(16);
- var fails = __webpack_require__(41);
+ var $export = __webpack_require__(22);
+ var core = __webpack_require__(13);
+ var fails = __webpack_require__(38);
module.exports = function (KEY, exec) {
var fn = (core.Object || {})[KEY] || Object[KEY];
var exp = {};
@@ -167752,7 +166923,7 @@
/***/ }),
- /* 836 */
+ /* 814 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -167797,11 +166968,11 @@
/***/ }),
- /* 837 */
+ /* 815 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* WEBPACK VAR INJECTION */(function(global, module) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ponyfill_js__ = __webpack_require__(839);
+ /* WEBPACK VAR INJECTION */(function(global, module) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ponyfill_js__ = __webpack_require__(817);
/* global window */
@@ -167822,10 +166993,10 @@
var result = Object(__WEBPACK_IMPORTED_MODULE_0__ponyfill_js__["a" /* default */])(root);
/* harmony default export */ __webpack_exports__["a"] = (result);
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(24), __webpack_require__(838)(module)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(25), __webpack_require__(816)(module)))
/***/ }),
- /* 838 */
+ /* 816 */
/***/ (function(module, exports) {
module.exports = function(originalModule) {
@@ -167855,7 +167026,7 @@
/***/ }),
- /* 839 */
+ /* 817 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -167880,7 +167051,7 @@
/***/ }),
- /* 840 */
+ /* 818 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -167923,12 +167094,12 @@
/***/ }),
- /* 841 */
+ /* 819 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = _inheritsLoose;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_create__ = __webpack_require__(842);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_create__ = __webpack_require__(820);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_create___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__core_js_object_create__);
function _inheritsLoose(subClass, superClass) {
@@ -167938,19 +167109,19 @@
}
/***/ }),
- /* 842 */
+ /* 820 */
/***/ (function(module, exports, __webpack_require__) {
- module.exports = __webpack_require__(196);
+ module.exports = __webpack_require__(189);
/***/ }),
- /* 843 */
+ /* 821 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(844);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(240);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__connect_connect__ = __webpack_require__(849);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(822);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(232);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__connect_connect__ = __webpack_require__(826);
/* unused harmony reexport Provider */
/* unused harmony reexport createProvider */
/* unused harmony reexport connectAdvanced */
@@ -167961,18 +167132,18 @@
/***/ }),
- /* 844 */
+ /* 822 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export createProvider */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(238);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(230);
/* 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_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_PropTypes__ = __webpack_require__(239);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_warning__ = __webpack_require__(134);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_PropTypes__ = __webpack_require__(231);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_warning__ = __webpack_require__(128);
@@ -168042,10 +167213,10 @@
return Provider;
}
/* unused harmony default export */ var _unused_webpack_default_export = (createProvider());
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 845 */
+ /* 823 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -168059,117 +167230,7 @@
}
/***/ }),
- /* 846 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- /**
- * Copyright 2015, Yahoo! Inc.
- * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
- */
- var ReactIs = __webpack_require__(114);
- var REACT_STATICS = {
- childContextTypes: true,
- contextType: true,
- contextTypes: true,
- defaultProps: true,
- displayName: true,
- getDefaultProps: true,
- getDerivedStateFromError: true,
- getDerivedStateFromProps: true,
- mixins: true,
- propTypes: true,
- type: true
- };
-
- var KNOWN_STATICS = {
- name: true,
- length: true,
- prototype: true,
- caller: true,
- callee: true,
- arguments: true,
- 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 = Object.prototype;
-
- function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
- if (typeof sourceComponent !== 'string') {
- // don't hoist over string (html) components
-
- if (objectPrototype) {
- var inheritedComponent = getPrototypeOf(sourceComponent);
- if (inheritedComponent && inheritedComponent !== objectPrototype) {
- hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
- }
- }
-
- var keys = getOwnPropertyNames(sourceComponent);
-
- if (getOwnPropertySymbols) {
- 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 (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
- var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
- try {
- // Avoid failures from read-only properties
- defineProperty(targetComponent, key, descriptor);
- } catch (e) {}
- }
- }
-
- return targetComponent;
- }
-
- return targetComponent;
- }
-
- module.exports = hoistNonReactStatics;
-
-
- /***/ }),
- /* 847 */
+ /* 824 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -168223,10 +167284,10 @@
module.exports = invariant;
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 848 */
+ /* 825 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -168321,19 +167382,19 @@
/***/ }),
- /* 849 */
+ /* 826 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export createConnect */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(135);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(136);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(240);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(850);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(851);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(853);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(854);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(855);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(129);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(130);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(232);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(827);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(828);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(830);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(831);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(832);
@@ -168434,7 +167495,7 @@
/* harmony default export */ __webpack_exports__["a"] = (createConnect());
/***/ }),
- /* 850 */
+ /* 827 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -168470,15 +167531,15 @@
}
/***/ }),
- /* 851 */
+ /* 828 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export whenMapDispatchToPropsIsFunction */
/* unused harmony export whenMapDispatchToPropsIsMissing */
/* unused harmony export whenMapDispatchToPropsIsObject */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_redux__ = __webpack_require__(237);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(241);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_redux__ = __webpack_require__(229);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(233);
function whenMapDispatchToPropsIsFunction(mapDispatchToProps) {
@@ -168499,7 +167560,7 @@
/* harmony default export */ __webpack_exports__["a"] = ([whenMapDispatchToPropsIsFunction, whenMapDispatchToPropsIsMissing, whenMapDispatchToPropsIsObject]);
/***/ }),
- /* 852 */
+ /* 829 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -168522,13 +167583,13 @@
}
/***/ }),
- /* 853 */
+ /* 830 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export whenMapStateToPropsIsFunction */
/* unused harmony export whenMapStateToPropsIsMissing */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__ = __webpack_require__(241);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__ = __webpack_require__(233);
function whenMapStateToPropsIsFunction(mapStateToProps) {
return typeof mapStateToProps === 'function' ? Object(__WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__["b" /* wrapMapToPropsFunc */])(mapStateToProps, 'mapStateToProps') : undefined;
@@ -168541,7 +167602,7 @@
/* harmony default export */ __webpack_exports__["a"] = ([whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing]);
/***/ }),
- /* 854 */
+ /* 831 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@@ -168549,8 +167610,8 @@
/* unused harmony export wrapMergePropsFunc */
/* unused harmony export whenMergePropsIsFunction */
/* unused harmony export whenMergePropsIsOmitted */
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(135);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_verifyPlainObject__ = __webpack_require__(242);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(129);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_verifyPlainObject__ = __webpack_require__(234);
function defaultMergeProps(stateProps, dispatchProps, ownProps) {
@@ -168587,18 +167648,18 @@
} : undefined;
}
/* harmony default export */ __webpack_exports__["a"] = ([whenMergePropsIsFunction, whenMergePropsIsOmitted]);
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 855 */
+ /* 832 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export impureFinalPropsSelectorFactory */
/* unused harmony export pureFinalPropsSelectorFactory */
/* harmony export (immutable) */ __webpack_exports__["a"] = finalPropsSelectorFactory;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(136);
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(856);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(130);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(833);
function impureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch) {
@@ -168686,15 +167747,15 @@
var selectorFactory = options.pure ? pureFinalPropsSelectorFactory : impureFinalPropsSelectorFactory;
return selectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch, options);
}
- /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
/***/ }),
- /* 856 */
+ /* 833 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = verifySubselectors;
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_warning__ = __webpack_require__(134);
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_warning__ = __webpack_require__(128);
function verify(selector, methodName, displayName) {
@@ -168714,7 +167775,7 @@
}
/***/ }),
- /* 857 */
+ /* 834 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -168724,38 +167785,38 @@
function _interopRequire(obj) { return obj && obj.__esModule ? obj['default'] : obj; }
- var _Motion = __webpack_require__(858);
+ var _Motion = __webpack_require__(835);
exports.Motion = _interopRequire(_Motion);
- var _StaggeredMotion = __webpack_require__(859);
+ var _StaggeredMotion = __webpack_require__(836);
exports.StaggeredMotion = _interopRequire(_StaggeredMotion);
- var _TransitionMotion = __webpack_require__(860);
+ var _TransitionMotion = __webpack_require__(837);
exports.TransitionMotion = _interopRequire(_TransitionMotion);
- var _spring = __webpack_require__(862);
+ var _spring = __webpack_require__(839);
exports.spring = _interopRequire(_spring);
- var _presets = __webpack_require__(243);
+ var _presets = __webpack_require__(235);
exports.presets = _interopRequire(_presets);
- var _stripStyle = __webpack_require__(90);
+ var _stripStyle = __webpack_require__(82);
exports.stripStyle = _interopRequire(_stripStyle);
// deprecated, dummy warning function
- var _reorderKeys = __webpack_require__(863);
+ var _reorderKeys = __webpack_require__(840);
exports.reorderKeys = _interopRequire(_reorderKeys);
/***/ }),
- /* 858 */
+ /* 835 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -168773,27 +167834,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__(137);
+ var _mapToZero = __webpack_require__(131);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(90);
+ var _stripStyle = __webpack_require__(82);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(138);
+ var _stepper3 = __webpack_require__(132);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _performanceNow = __webpack_require__(139);
+ var _performanceNow = __webpack_require__(133);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(68);
+ var _raf = __webpack_require__(57);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(140);
+ var _shouldStopAnimation = __webpack_require__(134);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -169028,7 +168089,7 @@
// config)
/***/ }),
- /* 859 */
+ /* 836 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -169046,27 +168107,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__(137);
+ var _mapToZero = __webpack_require__(131);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(90);
+ var _stripStyle = __webpack_require__(82);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(138);
+ var _stepper3 = __webpack_require__(132);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _performanceNow = __webpack_require__(139);
+ var _performanceNow = __webpack_require__(133);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(68);
+ var _raf = __webpack_require__(57);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(140);
+ var _shouldStopAnimation = __webpack_require__(134);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -169322,7 +168383,7 @@
// config)
/***/ }),
- /* 860 */
+ /* 837 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -169340,31 +168401,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__(137);
+ var _mapToZero = __webpack_require__(131);
var _mapToZero2 = _interopRequireDefault(_mapToZero);
- var _stripStyle = __webpack_require__(90);
+ var _stripStyle = __webpack_require__(82);
var _stripStyle2 = _interopRequireDefault(_stripStyle);
- var _stepper3 = __webpack_require__(138);
+ var _stepper3 = __webpack_require__(132);
var _stepper4 = _interopRequireDefault(_stepper3);
- var _mergeDiff = __webpack_require__(861);
+ var _mergeDiff = __webpack_require__(838);
var _mergeDiff2 = _interopRequireDefault(_mergeDiff);
- var _performanceNow = __webpack_require__(139);
+ var _performanceNow = __webpack_require__(133);
var _performanceNow2 = _interopRequireDefault(_performanceNow);
- var _raf = __webpack_require__(68);
+ var _raf = __webpack_require__(57);
var _raf2 = _interopRequireDefault(_raf);
- var _shouldStopAnimation = __webpack_require__(140);
+ var _shouldStopAnimation = __webpack_require__(134);
var _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);
@@ -169850,7 +168911,7 @@
// In reality currentStyle should be 400
/***/ }),
- /* 861 */
+ /* 838 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -169964,7 +169025,7 @@
// to loop through and find a key's index each time), but I no longer care
/***/ }),
- /* 862 */
+ /* 839 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -169978,7 +169039,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
- var _presets = __webpack_require__(243);
+ var _presets = __webpack_require__(235);
var _presets2 = _interopRequireDefault(_presets);
@@ -169993,7 +169054,7 @@
module.exports = exports['default'];
/***/ }),
- /* 863 */
+ /* 840 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -170014,10 +169075,10 @@
}
module.exports = exports['default'];
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(10)))
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
/***/ }),
- /* 864 */
+ /* 841 */
/***/ (function(module, exports, __webpack_require__) {
(function (global, factory) {
@@ -171110,7 +170171,7 @@
};
}();
- /*:: import type {ControlPosition, MouseTouchEvent} from './types';*/
+ /*:: import type {ControlPosition, PositionOffsetControlPosition, MouseTouchEvent} from './types';*/
var matchesSelectorFunc = '';
@@ -171216,19 +170277,26 @@
return { x: x, y: y };
}
- function createCSSTransform(_ref) /*: Object*/ {
- var x = _ref.x,
- y = _ref.y;
-
- // Replace unitless items with px
- return defineProperty({}, browserPrefixToKey('transform', browserPrefix), 'translate(' + x + 'px,' + y + 'px)');
+ function createCSSTransform(controlPos /*: ControlPosition*/, positionOffset /*: PositionOffsetControlPosition*/) /*: Object*/ {
+ var translation = getTranslation(controlPos, positionOffset, 'px');
+ return defineProperty({}, browserPrefixToKey('transform', browserPrefix), translation);
}
- function createSVGTransform(_ref3) /*: string*/ {
- var x = _ref3.x,
- y = _ref3.y;
+ function createSVGTransform(controlPos /*: ControlPosition*/, positionOffset /*: PositionOffsetControlPosition*/) /*: string*/ {
+ var translation = getTranslation(controlPos, positionOffset, '');
+ return translation;
+ }
+ function getTranslation(_ref2, positionOffset /*: PositionOffsetControlPosition*/, unitSuffix /*: string*/) /*: string*/ {
+ var x = _ref2.x,
+ y = _ref2.y;
- return 'translate(' + x + ',' + y + ')';
+ var translation = 'translate(' + x + unitSuffix + ',' + y + unitSuffix + ')';
+ if (positionOffset) {
+ var defaultX = '' + (typeof positionOffset.x === 'string' ? positionOffset.x : positionOffset.x + unitSuffix);
+ var defaultY = '' + (typeof positionOffset.y === 'string' ? positionOffset.y : positionOffset.y + unitSuffix);
+ translation = 'translate(' + defaultX + ', ' + defaultY + ')' + translation;
+ }
+ return translation;
}
function getTouch(e /*: MouseTouchEvent*/, identifier /*: number*/) /*: ?{clientX: number, clientY: number}*/ {
@@ -171483,6 +170551,7 @@
};*/
/*:: export type DraggableEventHandler = (e: MouseEvent, data: DraggableData) => void;*/
/*:: export type ControlPosition = {x: number, y: number};*/
+ /*:: export type PositionOffsetControlPosition = {x: number|string, y: number|string};*/
//
@@ -171884,6 +170953,7 @@
defaultClassNameDragging: string,
defaultClassNameDragged: string,
defaultPosition: ControlPosition,
+ positionOffset: PositionOffsetControlPosition,
position: ControlPosition,
scale: number
};*/
@@ -172057,13 +171127,13 @@
// If this element was SVG, we use the `transform` attribute.
if (this.state.isElementSVG) {
- svgTransform = createSVGTransform(transformOpts);
+ svgTransform = createSVGTransform(transformOpts, this.props.positionOffset);
} else {
// Add a CSS transform to move the element around. This allows us to move the element around
// without worrying about whether or not it is relatively or absolutely positioned.
// If the item you are dragging already has a transform set, wrap it in a so
// has a clean slate.
- style = createCSSTransform(transformOpts);
+ style = createCSSTransform(transformOpts, this.props.positionOffset);
}
var _props = this.props,
@@ -172169,6 +171239,10 @@
x: propTypes.number,
y: propTypes.number
}),
+ positionOffset: propTypes.shape({
+ x: propTypes.oneOfType([propTypes.number, propTypes.string]),
+ y: propTypes.oneOfType([propTypes.number, propTypes.string])
+ }),
/**
* `position`, if present, defines the current position of the element.
@@ -172227,7 +171301,7 @@
/***/ }),
- /* 865 */
+ /* 842 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -172249,15 +171323,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactBeautifulDnd = __webpack_require__(133);
+ var _reactBeautifulDnd = __webpack_require__(58);
- var _util = __webpack_require__(244);
+ var _util = __webpack_require__(236);
var _classnames = __webpack_require__(2);
var _classnames2 = _interopRequireDefault(_classnames);
- var _lodash = __webpack_require__(62);
+ var _lodash = __webpack_require__(55);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -172382,7 +171456,7 @@
module.exports = exports['default'];
/***/ }),
- /* 866 */
+ /* 843 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -172404,15 +171478,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
- var _reactBeautifulDnd = __webpack_require__(133);
+ var _reactBeautifulDnd = __webpack_require__(58);
- var _util = __webpack_require__(244);
+ var _util = __webpack_require__(236);
var _classnames = __webpack_require__(2);
var _classnames2 = _interopRequireDefault(_classnames);
- var _lodash = __webpack_require__(62);
+ var _lodash = __webpack_require__(55);
var _lodash2 = _interopRequireDefault(_lodash);
@@ -172646,878 +171720,7 @@
module.exports = exports['default'];
/***/ }),
- /* 867 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.Fade = exports.Collapse = exports.Transition = undefined;
-
- var _Transition2 = __webpack_require__(141);
-
- var _Transition3 = _interopRequireDefault(_Transition2);
-
- var _Collapse2 = __webpack_require__(868);
-
- var _Collapse3 = _interopRequireDefault(_Collapse2);
-
- var _Fade2 = __webpack_require__(877);
-
- var _Fade3 = _interopRequireDefault(_Fade2);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
- exports.Transition = _Transition3["default"];
- exports.Collapse = _Collapse3["default"];
- exports.Fade = _Fade3["default"];
-
- /***/ }),
- /* 868 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _style = __webpack_require__(869);
-
- var _style2 = _interopRequireDefault(_style);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _Transition = __webpack_require__(141);
-
- var _Transition2 = _interopRequireDefault(_Transition);
-
- var _capitalize = __webpack_require__(876);
-
- var _capitalize2 = _interopRequireDefault(_capitalize);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- 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 MARGINS = {
- height: ['marginTop', 'marginBottom'],
- width: ['marginLeft', 'marginRight']
- };
-
- // reading a dimension prop will cause the browser to recalculate,
- // which will let our animations work
- function triggerBrowserReflow(node) {
- node.offsetHeight; // eslint-disable-line no-unused-expressions
- }
-
- function getDimensionValue(dimension, elem) {
- var value = elem['offset' + (0, _capitalize2["default"])(dimension)];
- var margins = MARGINS[dimension];
-
- return value + parseInt((0, _style2["default"])(elem, margins[0]), 10) + parseInt((0, _style2["default"])(elem, margins[1]), 10);
- }
-
- var propTypes = {
- /**
- * Show the component; triggers the expand or collapse animation
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * Unmount the component (remove it from the DOM) when it is collapsed
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * Run the expand animation when the component mounts, if it is initially
- * shown
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * Duration of the collapse animation in milliseconds, to ensure that
- * finishing callbacks are fired even if the original browser transition end
- * events are canceled
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * Callback fired before the component expands
- */
- onEnter: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to expand
- */
- onEntering: _propTypes2["default"].func,
- /**
- * Callback fired after the component has expanded
- */
- onEntered: _propTypes2["default"].func,
- /**
- * Callback fired before the component collapses
- */
- onExit: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to collapse
- */
- onExiting: _propTypes2["default"].func,
- /**
- * Callback fired after the component has collapsed
- */
- onExited: _propTypes2["default"].func,
-
- /**
- * The dimension used when collapsing, or a function that returns the
- * dimension
- *
- * _Note: Bootstrap only partially supports 'width'!
- * You will need to supply your own CSS animation for the `.width` CSS class._
- */
- dimension: _propTypes2["default"].oneOfType([_propTypes2["default"].oneOf(['height', 'width']), _propTypes2["default"].func]),
-
- /**
- * Function that returns the height or width of the animating DOM node
- *
- * Allows for providing some custom logic for how much the Collapse component
- * should animate in its specified dimension. Called with the current
- * dimension prop value and the DOM node.
- */
- getDimensionValue: _propTypes2["default"].func,
-
- /**
- * ARIA role of collapsible element
- */
- role: _propTypes2["default"].string
- };
-
- var defaultProps = {
- "in": false,
- timeout: 300,
- unmountOnExit: false,
- transitionAppear: false,
-
- dimension: 'height',
- getDimensionValue: getDimensionValue
- };
-
- var Collapse = function (_React$Component) {
- _inherits(Collapse, _React$Component);
-
- function Collapse(props, context) {
- _classCallCheck(this, Collapse);
-
- var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));
-
- _this.handleEnter = _this.handleEnter.bind(_this);
- _this.handleEntering = _this.handleEntering.bind(_this);
- _this.handleEntered = _this.handleEntered.bind(_this);
- _this.handleExit = _this.handleExit.bind(_this);
- _this.handleExiting = _this.handleExiting.bind(_this);
- return _this;
- }
-
- /* -- Expanding -- */
-
-
- Collapse.prototype.handleEnter = function handleEnter(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = '0';
- };
-
- Collapse.prototype.handleEntering = function handleEntering(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);
- };
-
- Collapse.prototype.handleEntered = function handleEntered(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = null;
- };
-
- /* -- Collapsing -- */
-
-
- Collapse.prototype.handleExit = function handleExit(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';
- triggerBrowserReflow(elem);
- };
-
- Collapse.prototype.handleExiting = function handleExiting(elem) {
- var dimension = this._dimension();
- elem.style[dimension] = '0';
- };
-
- Collapse.prototype._dimension = function _dimension() {
- return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;
- };
-
- // for testing
-
-
- Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {
- return elem['scroll' + (0, _capitalize2["default"])(dimension)] + 'px';
- };
-
- Collapse.prototype.render = function render() {
- var _props = this.props,
- onEnter = _props.onEnter,
- onEntering = _props.onEntering,
- onEntered = _props.onEntered,
- onExit = _props.onExit,
- onExiting = _props.onExiting,
- className = _props.className,
- props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);
-
- delete props.dimension;
- delete props.getDimensionValue;
-
- var handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);
- var handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);
- var handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);
- var handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);
- var handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);
-
- var classes = {
- width: this._dimension() === 'width'
- };
-
- return _react2["default"].createElement(_Transition2["default"], _extends({}, props, {
- 'aria-expanded': props.role ? props["in"] : null,
- className: (0, _classnames2["default"])(className, classes),
- exitedClassName: 'collapse',
- exitingClassName: 'collapsing',
- enteredClassName: 'collapse in',
- enteringClassName: 'collapsing',
- onEnter: handleEnter,
- onEntering: handleEntering,
- onEntered: handleEntered,
- onExit: handleExit,
- onExiting: handleExiting
- }));
- };
-
- return Collapse;
- }(_react2["default"].Component);
-
- Collapse.propTypes = propTypes;
- Collapse.defaultProps = defaultProps;
-
- exports["default"] = Collapse;
- module.exports = exports['default'];
-
- /***/ }),
- /* 869 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = style;
-
- var _camelizeStyle = __webpack_require__(246);
-
- var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
-
- var _hyphenateStyle = __webpack_require__(871);
-
- var _hyphenateStyle2 = _interopRequireDefault(_hyphenateStyle);
-
- var _getComputedStyle2 = __webpack_require__(873);
-
- var _getComputedStyle3 = _interopRequireDefault(_getComputedStyle2);
-
- var _removeStyle = __webpack_require__(874);
-
- var _removeStyle2 = _interopRequireDefault(_removeStyle);
-
- var _properties = __webpack_require__(245);
-
- var _isTransform = __webpack_require__(875);
-
- var _isTransform2 = _interopRequireDefault(_isTransform);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- function style(node, property, value) {
- var css = '';
- var transforms = '';
- var props = property;
-
- if (typeof property === 'string') {
- if (value === undefined) {
- return node.style[(0, _camelizeStyle2.default)(property)] || (0, _getComputedStyle3.default)(node).getPropertyValue((0, _hyphenateStyle2.default)(property));
- } else {
- (props = {})[property] = value;
- }
- }
-
- Object.keys(props).forEach(function (key) {
- var value = props[key];
- if (!value && value !== 0) {
- (0, _removeStyle2.default)(node, (0, _hyphenateStyle2.default)(key));
- } else if ((0, _isTransform2.default)(key)) {
- transforms += key + '(' + value + ') ';
- } else {
- css += (0, _hyphenateStyle2.default)(key) + ': ' + value + ';';
- }
- });
-
- if (transforms) {
- css += _properties.transform + ': ' + transforms + ';';
- }
-
- node.style.cssText += ';' + css;
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 870 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = camelize;
- var rHyphen = /-(.)/g;
-
- function camelize(string) {
- return string.replace(rHyphen, function (_, chr) {
- return chr.toUpperCase();
- });
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 871 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = hyphenateStyleName;
-
- var _hyphenate = __webpack_require__(872);
-
- var _hyphenate2 = _interopRequireDefault(_hyphenate);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var msPattern = /^ms-/; /**
- * Copyright 2013-2014, Facebook, Inc.
- * All rights reserved.
- * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
- */
-
- function hyphenateStyleName(string) {
- return (0, _hyphenate2.default)(string).replace(msPattern, '-ms-');
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 872 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = hyphenate;
-
- var rUpper = /([A-Z])/g;
-
- function hyphenate(string) {
- return string.replace(rUpper, '-$1').toLowerCase();
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 873 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = _getComputedStyle;
-
- var _camelizeStyle = __webpack_require__(246);
-
- var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
-
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
- var rposition = /^(top|right|bottom|left)$/;
- var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i;
-
- function _getComputedStyle(node) {
- if (!node) throw new TypeError('No Element passed to `getComputedStyle()`');
- var doc = node.ownerDocument;
-
- return 'defaultView' in doc ? doc.defaultView.opener ? node.ownerDocument.defaultView.getComputedStyle(node, null) : window.getComputedStyle(node, null) : {
- //ie 8 "magic" from: https://github.com/jquery/jquery/blob/1.11-stable/src/css/curCSS.js#L72
- getPropertyValue: function getPropertyValue(prop) {
- var style = node.style;
-
- prop = (0, _camelizeStyle2.default)(prop);
-
- if (prop == 'float') prop = 'styleFloat';
-
- var current = node.currentStyle[prop] || null;
-
- if (current == null && style && style[prop]) current = style[prop];
-
- if (rnumnonpx.test(current) && !rposition.test(prop)) {
- // Remember the original values
- var left = style.left;
- var runStyle = node.runtimeStyle;
- var rsLeft = runStyle && runStyle.left;
-
- // Put in the new values to get a computed value out
- if (rsLeft) runStyle.left = node.currentStyle.left;
-
- style.left = prop === 'fontSize' ? '1em' : current;
- current = style.pixelLeft + 'px';
-
- // Revert the changed values
- style.left = left;
- if (rsLeft) runStyle.left = rsLeft;
- }
-
- return current;
- }
- };
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 874 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = removeStyle;
- function removeStyle(node, key) {
- return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key);
- }
- module.exports = exports['default'];
-
- /***/ }),
- /* 875 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = isTransform;
- var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
-
- function isTransform(property) {
- return !!(property && supportedTransforms.test(property));
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 876 */
- /***/ (function(module, exports, __webpack_require__) {
-
- "use strict";
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports["default"] = capitalize;
- function capitalize(string) {
- return "" + string.charAt(0).toUpperCase() + string.slice(1);
- }
- module.exports = exports["default"];
-
- /***/ }),
- /* 877 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _Transition = __webpack_require__(141);
-
- var _Transition2 = _interopRequireDefault(_Transition);
-
- 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 propTypes = {
- /**
- * Show the component; triggers the fade in or fade out animation
- */
- "in": _propTypes2["default"].bool,
-
- /**
- * Unmount the component (remove it from the DOM) when it is faded out
- */
- unmountOnExit: _propTypes2["default"].bool,
-
- /**
- * Run the fade in animation when the component mounts, if it is initially
- * shown
- */
- transitionAppear: _propTypes2["default"].bool,
-
- /**
- * Duration of the fade animation in milliseconds, to ensure that finishing
- * callbacks are fired even if the original browser transition end events are
- * canceled
- */
- timeout: _propTypes2["default"].number,
-
- /**
- * Callback fired before the component fades in
- */
- onEnter: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade in
- */
- onEntering: _propTypes2["default"].func,
- /**
- * Callback fired after the has component faded in
- */
- onEntered: _propTypes2["default"].func,
- /**
- * Callback fired before the component fades out
- */
- onExit: _propTypes2["default"].func,
- /**
- * Callback fired after the component starts to fade out
- */
- onExiting: _propTypes2["default"].func,
- /**
- * Callback fired after the component has faded out
- */
- onExited: _propTypes2["default"].func
- };
-
- var defaultProps = {
- "in": false,
- timeout: 300,
- unmountOnExit: false,
- transitionAppear: false
- };
-
- var Fade = function (_React$Component) {
- _inherits(Fade, _React$Component);
-
- function Fade() {
- _classCallCheck(this, Fade);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- Fade.prototype.render = function render() {
- return _react2["default"].createElement(_Transition2["default"], _extends({}, this.props, {
- className: (0, _classnames2["default"])(this.props.className, 'fade'),
- enteredClassName: 'in',
- enteringClassName: 'in'
- }));
- };
-
- return Fade;
- }(_react2["default"].Component);
-
- Fade.propTypes = propTypes;
- Fade.defaultProps = defaultProps;
-
- exports["default"] = Fade;
- module.exports = exports['default'];
-
- /***/ }),
- /* 878 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _tinperBeeCore = __webpack_require__(5);
-
- 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 = {
- componentClass: _tinperBeeCore.elementType
- };
-
- var defaultProps = {
- componentClass: 'div',
- clsPrefix: 'u-modal-body'
- };
-
- var ModalBody = function (_React$Component) {
- _inherits(ModalBody, _React$Component);
-
- function ModalBody() {
- _classCallCheck(this, ModalBody);
-
- return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
- }
-
- ModalBody.prototype.render = function render() {
- var _props = this.props,
- Component = _props.componentClass,
- clsPrefix = _props.clsPrefix,
- className = _props.className,
- props = _objectWithoutProperties(_props, ['componentClass', 'clsPrefix', 'className']);
-
- var classes = {};
- classes['' + clsPrefix] = true;
-
- return _react2["default"].createElement(Component, _extends({}, props, {
- className: (0, _classnames2["default"])(className, classes)
- }));
- };
-
- return ModalBody;
- }(_react2["default"].Component);
-
- ModalBody.propTypes = propTypes;
- ModalBody.defaultProps = defaultProps;
-
- exports["default"] = ModalBody;
- module.exports = exports['default'];
-
- /***/ }),
- /* 879 */
- /***/ (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 _classnames = __webpack_require__(2);
-
- var _classnames2 = _interopRequireDefault(_classnames);
-
- var _react = __webpack_require__(0);
-
- var _react2 = _interopRequireDefault(_react);
-
- var _propTypes = __webpack_require__(1);
-
- var _propTypes2 = _interopRequireDefault(_propTypes);
-
- var _beeDnd = __webpack_require__(57);
-
- var _beeDnd2 = _interopRequireDefault(_beeDnd);
-
- 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 _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; }
-
- 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 = {
- /**
- * 传给dialog的classname
- */
- dialogClassName: _propTypes2["default"].string,
- contentStyle: _propTypes2["default"].object
-
- };
-
- var defaultProps = {
- clsPrefix: 'u-modal'
- };
-
- var ModalDialog = function (_React$Component) {
- _inherits(ModalDialog, _React$Component);
-
- function ModalDialog() {
- var _temp, _this, _ret;
-
- _classCallCheck(this, ModalDialog);
-
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
-
- return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.onStart = function () {
- var draggable = _this.props.draggable;
-
- return draggable;
- }, _temp), _possibleConstructorReturn(_this, _ret);
- }
-
- ModalDialog.prototype.render = function render() {
- var _dialogClasses;
-
- var _props = this.props,
- dialogClassName = _props.dialogClassName,
- className = _props.className,
- clsPrefix = _props.clsPrefix,
- size = _props.size,
- style = _props.style,
- contentStyle = _props.contentStyle,
- children = _props.children,
- draggable = _props.draggable,
- props = _objectWithoutProperties(_props, ['dialogClassName', 'className', 'clsPrefix', 'size', 'style', 'contentStyle', 'children', 'draggable']);
- // const [bsProps, elementProps] = splitBsProps(props);
- //
-
-
- var uClassName = _defineProperty({}, '' + clsPrefix, true);
-
- var modalStyle = { display: 'block' };
-
- var dialogClasses = (_dialogClasses = {}, _defineProperty(_dialogClasses, uClassName, false), _defineProperty(_dialogClasses, clsPrefix + '-dialog', true), _dialogClasses);
- if (size) {
- dialogClasses[clsPrefix + '-' + size] = true;
- }
- if (draggable) {
- dialogClasses[clsPrefix + '-draggable'] = true;
- }
-
- return _react2["default"].createElement(
- 'div',
- _extends({}, props, {
- tabIndex: '-1',
- role: 'dialog',
- style: modalStyle,
- className: (0, _classnames2["default"])(className, uClassName)
- }),
- _react2["default"].createElement(
- 'div',
- { className: (0, _classnames2["default"])(dialogClassName, dialogClasses), style: style },
- _react2["default"].createElement(
- _beeDnd2["default"],
- { handle: '.dnd-handle', cancel: '.dnd-cancel', onStart: this.onStart, onStop: this.onStop },
- _react2["default"].createElement(
- 'div',
- { style: contentStyle, className: (0, _classnames2["default"])([clsPrefix + '-content']), role: 'document' },
- children
- )
- )
- )
- );
- };
-
- return ModalDialog;
- }(_react2["default"].Component);
-
- ModalDialog.propTypes = propTypes;
- ModalDialog.defaultProps = defaultProps;
-
- exports["default"] = ModalDialog;
- module.exports = exports['default'];
-
- /***/ }),
- /* 880 */
+ /* 844 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -173594,7 +171797,7 @@
module.exports = exports['default'];
/***/ }),
- /* 881 */
+ /* 845 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -173634,13 +171837,13 @@
var propTypes = {
- /**
- * 是否显示关闭按钮
+ /**
+ * 是否显示关闭按钮
*/
closeButton: _propTypes2["default"].bool,
- /**
- * 关闭时的钩子函数
+ /**
+ * 关闭时的钩子函数
*/
onHide: _propTypes2["default"].func
};
@@ -173715,7 +171918,7 @@
module.exports = exports['default'];
/***/ }),
- /* 882 */
+ /* 846 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -173793,7 +171996,7 @@
module.exports = exports['default'];
/***/ }),
- /* 883 */
+ /* 847 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@@ -173819,26 +172022,20 @@
var _classnames2 = _interopRequireDefault(_classnames);
- var _Modal = __webpack_require__(232);
+ var _Modal = __webpack_require__(225);
var _Modal2 = _interopRequireDefault(_Modal);
- var _beeButton = __webpack_require__(37);
+ var _beeButton = __webpack_require__(848);
var _beeButton2 = _interopRequireDefault(_beeButton);
- var _beeIcon = __webpack_require__(13);
+ var _beeIcon = __webpack_require__(15);
var _beeIcon2 = _interopRequireDefault(_beeIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
- // class ConfirmDialogProps extends Modal.ModalFuncProps {
- // onHide = () => {};
- // close = (...args) => {};
- // autoFocusButton = null | 'ok' | 'cancel';
- // }
-
var IS_REACT_16 = !!_reactDom2["default"].createPortal;
var ConfirmDialog = function ConfirmDialog(props) {
@@ -173855,11 +172052,6 @@
cancelButtonProps = props.cancelButtonProps,
_props$iconType = props.iconType,
iconType = _props$iconType === undefined ? 'uf-qm-c' : _props$iconType;
- // warning(
- // !('iconType' in props),
- // 'Modal',
- // `The property 'iconType' is deprecated. Use the property 'icon' instead.`,
- // );
// 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon
@@ -173899,11 +172091,9 @@
var iconNode = typeof icon === 'string' ? _react2["default"].createElement(_beeIcon2["default"], { type: icon }) : icon;
return _react2["default"].createElement(
- _Modal2["default"]
- // size="sm"
- ,
- { width: width,
- prefixCls: prefixCls,
+ _Modal2["default"],
+ {
+ width: width,
className: classString,
show: show,
onHide: onHide,
@@ -174018,21 +172208,217 @@
module.exports = exports['default'];
/***/ }),
- /* 884 */
+ /* 848 */
/***/ (function(module, exports, __webpack_require__) {
- __webpack_require__(885);
- module.exports = __webpack_require__(886);
+ "use strict";
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Button = __webpack_require__(849);
+
+ var _Button2 = _interopRequireDefault(_Button);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Button2["default"];
+ module.exports = exports['default'];
+
+ /***/ }),
+ /* 849 */
+ /***/ (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__(0);
+
+ var _react2 = _interopRequireDefault(_react);
+
+ var _reactDom = __webpack_require__(4);
+
+ var _reactDom2 = _interopRequireDefault(_reactDom);
+
+ var _propTypes = __webpack_require__(1);
+
+ var _propTypes2 = _interopRequireDefault(_propTypes);
+
+ var _classnames = __webpack_require__(2);
+
+ var _classnames2 = _interopRequireDefault(_classnames);
+
+ 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 = {
+ /**
+ * @title 尺寸
+ */
+ size: _propTypes2["default"].oneOf(['sm', 'md', 'xg', 'lg']),
+ /**
+ * @title 样式
+ */
+ style: _propTypes2["default"].object,
+ /**
+ * @title 形状
+ */
+ shape: _propTypes2["default"].oneOf(['block', 'round', 'border', 'squared', 'floating', 'pillRight', 'pillLeft', 'icon']),
+
+ bordered: _propTypes2["default"].bool,
+ /**
+ * @title 类型
+ */
+ colors: _propTypes2["default"].oneOf(['primary', 'secondary', 'accent', 'success', 'info', 'warning', 'danger', 'dark', 'light', 'default']),
+ /**
+ * @title 是否禁用
+ * @veIgnore
+ */
+ disabled: _propTypes2["default"].bool,
+ /**
+ * @title 类名
+ * @veIgnore
+ */
+ className: _propTypes2["default"].string,
+
+ /**
+ * @title